Skip to content

Commit

Permalink
NSW and VIC2 DS branding (#370)
Browse files Browse the repository at this point in the history
  • Loading branch information
eschweitzer78 authored Jun 17, 2024
1 parent 728059e commit 06978e6
Show file tree
Hide file tree
Showing 20 changed files with 900 additions and 535 deletions.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
"aunsw-copy": "rm -rf sfGpsDsAuNswFull;mkdir -p sfGpsDsAuNswFull;cp -a sfGpsDs/. sfGpsDsAuNswFull;cp -a sfGpsDsAuNsw/. sfGpsDsAuNswFull",
"aunsws-copy": "rm -rf sfGpsDsAuNswSFull;mkdir -p sfGpsDsAuNswSFull;cp -a sfGpsDs/. sfGpsDsAuNswSFull;cp -a sfGpsDsAuNswS/. sfGpsDsAuNswSFull",
"auvic1-copy": "rm -rf sfGpsDsAuVic1Full;mkdir -p sfGpsDsAuVic1Full;cp -a sfGpsDs/. sfGpsDsAuVic1Full;cp -a sfGpsDsAuVic/. sfGpsDsAuVic1Full",
"auvic2-copy": "rm -rf sfGpsDsAuVic2Full;mkdir -p sfGpsDsAuVic2Full;cp -a sfGpsDs/. sfGpsDsAuVic2Full;cp -a sfGpsDsAuVic/. sfGpsDsAuVic2Full",
"auvic2-copy": "rm -rf sfGpsDsAuVic2Full;mkdir -p sfGpsDsAuVic2Full;cp -a sfGpsDs/. sfGpsDsAuVic2Full;cp -a sfGpsDsAuVic2/. sfGpsDsAuVic2Full",
"frgov-copy": "rm -rf sfGpsDsFrGovFull;mkdir -p sfGpsDsFrGovFull;cp -a sfGpsDs/. sfGpsDsFrGovFull;cp -a sfGpsDsFrGov/. sfGpsDsFrGovFull",
"ukgov-copy": "rm -rf sfGpsDsUkGovFull;mkdir -p sfGpsDsUkGovFull;cp -a sfGpsDs/. sfGpsDsUkGovFull;cp -a sfGpsDsUkGov/. sfGpsDsUkGovFull",
"synclabs": "set SDIR=../gps-design-systems-lwc;set TDIR=../gps-design-systems-lwcx;rm -rf $TDIR;cp -a . $TDIR;cp -a $SDIR/.git $TDIR;rm -rf $TDIR/.github"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,54 +1,64 @@
<?xml version="1.0" encoding="UTF-8" ?>
<CommunityThemeDefinition xmlns="http://soap.sforce.com/2006/04/metadata">
<masterLabel>NSW Design System</masterLabel>
<masterLabel>NSW Design System Template</masterLabel>
<description
>A fully packaged theme for the Australian state Government of New South Wales. As a reminder, the NSW Government logo is a registered trademark: DO NOT USE unless you are a NSW Government entity or an authorised party.</description>
<publisher>Salesforce Global Public Sector</publisher>
<bundlesInfo>
<title>Branded NSW Elements</title>
<description
>30+ Elements for Experience Cloud branded according to the Digital NSW guidelines.</description>
<order>1</order>
<type>Highlight</type>
</bundlesInfo>
<bundlesInfo>
<title>Support for Omnistudio</title>
<description
>Put together branded forms in a matter of minutes.</description>
<order>2</order>
<type>Highlight</type>
</bundlesInfo>
<bundlesInfo>
<image>sfGpsDsAuNswAuraThemePreview1</image>
<order>1</order>
<title>Theme 1</title>
<type>PreviewImage</type>
</bundlesInfo>
<bundlesInfo>
<image>sfGpsDsAuNswAuraThemePreview2</image>
<order>2</order>
<title>Theme 2</title>
<type>PreviewImage</type>
</bundlesInfo>
<bundlesInfo>
<image>sfGpsDsAuNswAuraThemePreview3</image>
<order>3</order>
<title>Theme 3</title>
<type>PreviewImage</type>
</bundlesInfo>
<enableExtendedCleanUpOnDelete>true</enableExtendedCleanUpOnDelete>
<defaultBrandingSet>sfGpsDsAuNswAura</defaultBrandingSet>
<themeSetting>
<themeLayout>sfGpsDsAuNswAura_themeLayout_Default</themeLayout>
<themeLayoutType>Inner</themeLayoutType>
</themeSetting>
<themeSetting>
<themeLayout>sfGpsDsAuNswAura_themeLayout_Login</themeLayout>
<themeLayoutType>Login</themeLayoutType>
</themeSetting>
<themeSetting>
<themeLayout
>sfGpsDsAuNswAura_themeLayout_ServiceNotAvailable</themeLayout>
<themeLayoutType>ServiceNotAvailable</themeLayoutType>
</themeSetting>
<bundlesInfo>
<title>Distinctly NSW Government</title>
<description
>This template gives your portal a distincly NSW Government look and feel and helps digital product teams create a good customer experience quickly.</description>
<order>1</order>
<type>Highlight</type>
</bundlesInfo>
<bundlesInfo>
<title>Wide component range</title>
<description>
A range of common tried and tested design components lets you build your website
or service in record time.
</description>
<order>2</order>
<type>Highlight</type>
</bundlesInfo>
<bundlesInfo>
<title>Accessible and compliant</title>
<description>
Meet branding and WCAG 2.1 AA
accessibility guidelines, and follow NSW design standards for user needs.
</description>
<order>3</order>
<type>Highlight</type>
</bundlesInfo>
<bundlesInfo>
<image>sfGpsDsAuNswAuraThemePreview1</image>
<order>1</order>
<title>Theme 1</title>
<type>PreviewImage</type>
</bundlesInfo>
<bundlesInfo>
<image>sfGpsDsAuNswAuraThemePreview2</image>
<order>2</order>
<title>Theme 2</title>
<type>PreviewImage</type>
</bundlesInfo>
<bundlesInfo>
<image>sfGpsDsAuNswAuraThemePreview3</image>
<order>3</order>
<title>Theme 3</title>
<type>PreviewImage</type>
</bundlesInfo>
<enableExtendedCleanUpOnDelete>true</enableExtendedCleanUpOnDelete>
<defaultBrandingSet>sfGpsDsAuNswAura</defaultBrandingSet>
<themeSetting>
<themeLayout>sfGpsDsAuNswAura_themeLayout_Default</themeLayout>
<themeLayoutType>Inner</themeLayoutType>
</themeSetting>
<themeSetting>
<themeLayout>sfGpsDsAuNswAura_themeLayout_Login</themeLayout>
<themeLayoutType>Login</themeLayoutType>
</themeSetting>
<themeSetting>
<themeLayout>sfGpsDsAuNswAura_themeLayout_ServiceNotAvailable</themeLayout>
<themeLayoutType>ServiceNotAvailable</themeLayoutType>
</themeSetting>
</CommunityThemeDefinition>
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<?xml version="1.0" encoding="UTF-8" ?>
<CommunityThemeDefinition xmlns="http://soap.sforce.com/2006/04/metadata">
<masterLabel>NSW Design System</masterLabel>
<description
>A fully packaged theme for the Australian state Government of New South Wales. As a reminder, the NSW Government logo is a registered trademark: DO NOT USE unless you are a NSW Government entity or an authorised party.</description>
<publisher>Salesforce Global Public Sector</publisher>
<bundlesInfo>
<title>Distinctly NSW Government</title>
<description
>This template gives your portal a distincly NSW Government look and feel and helps digital product teams create a good customer experience quickly.</description>
<order>1</order>
<type>Highlight</type>
</bundlesInfo>
<bundlesInfo>
<title>Wide component range</title>
<description>
A range of common tried and tested design components lets you build your website
or service in record time.
</description>
<order>2</order>
<type>Highlight</type>
</bundlesInfo>
<bundlesInfo>
<title>Accessible and compliant</title>
<description>
Meet branding and WCAG 2.1 AA
accessibility guidelines, and follow NSW design standards for user needs.
</description>
<order>3</order>
<type>Highlight</type>
</bundlesInfo>
<bundlesInfo>
<image>sfGpsDsAuNswAuraThemePreview1</image>
<order>1</order>
<title>Theme 1</title>
<type>PreviewImage</type>
</bundlesInfo>
<bundlesInfo>
<image>sfGpsDsAuNswAuraThemePreview2</image>
<order>2</order>
<title>Theme 2</title>
<type>PreviewImage</type>
</bundlesInfo>
<bundlesInfo>
<image>sfGpsDsAuNswAuraThemePreview3</image>
<order>3</order>
<title>Theme 3</title>
<type>PreviewImage</type>
</bundlesInfo>
<enableExtendedCleanUpOnDelete>true</enableExtendedCleanUpOnDelete>
<defaultBrandingSet>sfGpsDsAuNswAura</defaultBrandingSet>
<themeSetting>
<themeLayout>sfGpsDsAuNswAura_themeLayout_Default</themeLayout>
<themeLayoutType>Inner</themeLayoutType>
</themeSetting>
<themeSetting>
<themeLayout>sfGpsDsAuNswAura_themeLayout_Login</themeLayout>
<themeLayoutType>Login</themeLayoutType>
</themeSetting>
<themeSetting>
<themeLayout
>sfGpsDsAuNswAura_themeLayout_ServiceNotAvailable</themeLayout>
<themeLayoutType>ServiceNotAvailable</themeLayoutType>
</themeSetting>
</CommunityThemeDefinition>
Original file line number Diff line number Diff line change
Expand Up @@ -168,7 +168,13 @@
</flexiPageRegions>

<flexiPageRegions>
<name>footer</name>
<type>Region</type>

<appendable>enabled</appendable>
<prependable>enabled</prependable>
<replaceable>enabled</replaceable>

<itemInstances>
<componentInstance>
<componentInstanceProperties>
Expand Down Expand Up @@ -234,10 +240,6 @@
<identifier>sfGpsDsAuNswFooterComm</identifier>
</componentInstance>
</itemInstances>
<name>footer</name>
<prependable>enabled</prependable>
<replaceable>enabled</replaceable>
<type>Region</type>
</flexiPageRegions>

<flexiPageRegions>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,56 +7,62 @@
styles="{! join(',', $Resource.sfGpsDsAuVic2 + '/global.css', $Resource.sfGpsDsAuVic2 + '/style.css', $Resource.sfGpsDsAuVic2 + '/byo-aura_layout.css')}"
/>

<aura:attribute
name="alertContainer"
type="Aura.Component[]"
required="false"
/>
<aura:attribute name="header" type="Aura.Component[]" required="false" />
<aura:attribute name="footer" type="Aura.Component[]" required="false" />

<!-- this works with Citizen, Cypress, Ember, Jepson, Stella, Webster themes but *not* Customer Service -->
<aura:attribute name="themeHeader" type="Aura.Component[]" required="false" />

<aura:attribute
name="hideHeader"
type="Boolean"
required="false"
default="true"
/>
<aura:attribute
name="noWidgetMargin"
type="Boolean"
required="false"
default="false"
/>
<aura:attribute name="navId" type="String" required="false" default="nav" />
<aura:attribute
name="contentId"
type="String"
name="altSections"
type="Boolean"
required="false"
default="content"
default="true"
/>

<div
class="{! v.noWidgetMargin ? 'sfgpsds-widget--no-margin' : 'sfgpsds-widget--margin' }"
>
<header class="sfgpsds-header">
<h1 id="sfgpsds-header-title" class="sr-only">Header</h1>

<div class="sfgpsds-header-top">{!v.header}</div>

<div id="{!v.navId}" class="sfgpsds-header-center">
<aura:if isTrue="{! !v.hideHeader }">
<div class="sfgpsds-header-profile">{!v.themeHeader}</div>
</aura:if>
</div>
</header>
<div id="rpl-skip-links">
<c:sfGpsDsAuVic2LayoutSkipLink target-id="rpl-above-body">
</c:sfGpsDsAuVic2LayoutSkipLink>
</div>

<div
id="{!v.contentId}"
aria-label="Content"
role="main"
class="sfgpsds-content"
aria-label="Alert container"
class="{! 'rpl-layout' + (v.altSections ? ' rpl-layout--alt' : '')}"
>
{!v.body}
</div>
<div class="rpl-alert-container">{! v.alertContainer }</div>

<footer aria-label="Footer" class="sfgpsds-footer">{!v.footer}</footer>
<div class="rpl-layout__container">
<header id="rpl-header" class="sfgpsds-header rpl-layout__header">
{!v.header}
</header>

<div
id="rpl-above-body"
aria-label="Content"
role="main"
class="sfgpsds-content"
>
{!v.body}
</div>

<c:sfGpsDsAuVic2LayoutBackToTop> </c:sfGpsDsAuVic2LayoutBackToTop>

<div aria-label="Footer" class="sfgpsds-footer">{!v.footer}</div>
</div>
</div>
</div>
</aura:component>
Original file line number Diff line number Diff line change
@@ -1,10 +1,6 @@
<design:component label="VIC2 DS Theme Layout">
<design:attribute name="hideHeader" label="Hide main header" description="Hides the standard header.">
</design:attribute>
<design:attribute name="noWidgetMargin" label="No widget margin" description="Removes the standard widget margin.">
</design:attribute>
<design:attribute name="navId" label="navId" description="Id to set on nav region.">
</design:attribute>
<design:attribute name="contentId" label="contentId" description="Id to set on content region.">
<design:attribute name="altSections" label="Alternate sections" description="Alternates the sections’ background colour.">
</design:attribute>
</design:component>
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@

<brandingSetProperty>
<propertyName>LoginBackgroundColor</propertyName>
<propertyValue>#F4F4F4</propertyValue>
<propertyValue>#F5F5F5</propertyValue>
</brandingSetProperty>
<brandingSetProperty>
<propertyName>CardBackgroundColor</propertyName>
Expand Down
Loading

0 comments on commit 06978e6

Please sign in to comment.