@westpac/ui 1.0.0-canary.21 → 1.0.0-canary.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -1
- package/dist/component-type.json +1 -1
- package/dist/components/modal/components/modal-dialog/components/modal-dialog-body/modal-dialog-body.styles.js +1 -1
- package/dist/components/modal/components/modal-dialog/modal-dialog.styles.js +1 -1
- package/dist/components/symbol/components/logos/bom-logo.js +15 -15
- package/dist/components/symbol/components/logos/bom-multibrand-large-logo.js +1 -1
- package/dist/components/symbol/components/logos/bsa-logo.js +4 -4
- package/dist/components/symbol/components/logos/bsa-multibrand-large-logo.js +1 -1
- package/dist/components/symbol/components/logos/bsa-multibrand-small-logo.js +1 -1
- package/dist/components/symbol/components/logos/bsa-stacked-logo.js +4 -4
- package/dist/components/symbol/components/logos/bt-logo.js +2 -2
- package/dist/components/symbol/components/logos/bt-multibrand-large-logo.js +2 -2
- package/dist/components/symbol/components/logos/bt-multibrand-small-logo.js +2 -2
- package/dist/components/symbol/components/logos/bt-panorama-logo.js +10 -10
- package/dist/components/symbol/components/logos/bt-panorama-reversed-logo.js +10 -10
- package/dist/components/symbol/components/logos/bt-reversed-logo.js +2 -2
- package/dist/components/symbol/components/logos/wbg-internal-logo.js +2 -2
- package/dist/components/symbol/components/logos/wbg-logo.js +1 -1
- package/dist/components/symbol/components/logos/wbg-multibrand-large-logo.js +1 -1
- package/dist/components/symbol/components/logos/wbg-multibrand-small-logo.js +1 -1
- package/dist/components/symbol/components/symbols/apple-pay-symbol.js +7 -7
- package/dist/components/symbol/components/symbols/apple-store-inverse-symbol.js +7 -7
- package/dist/components/symbol/components/symbols/eftpos-horizontal-inverse-symbol.js +6 -6
- package/dist/components/symbol/components/symbols/eftpos-horizontal-symbol.js +6 -6
- package/dist/components/symbol/components/symbols/eftpos-vertical-inverse-symbol.js +6 -6
- package/dist/components/symbol/components/symbols/eftpos-vertical-symbol.js +6 -6
- package/dist/components/symbol/components/symbols/facebook-symbol.js +3 -3
- package/dist/components/symbol/components/symbols/google-pay-symbol.js +5 -5
- package/dist/components/symbol/components/symbols/instagram-symbol.js +2 -2
- package/dist/components/symbol/components/symbols/pay-id-inverse-symbol.js +1 -1
- package/dist/components/symbol/components/symbols/pay-id-symbol.js +1 -1
- package/dist/components/symbol/components/symbols/pay-to-inverse-symbol.js +1 -1
- package/dist/components/symbol/components/symbols/pay-to-symbol.js +1 -1
- package/dist/components/symbol/components/symbols/samsung-pay-button-inverse-symbol.js +12 -12
- package/dist/components/symbol/components/symbols/samsung-pay-button-symbol.js +12 -12
- package/dist/components/symbol/components/symbols/visa-blue-symbol.js +2 -2
- package/dist/components/symbol/components/symbols/visa-white-symbol.js +2 -2
- package/dist/components/symbol/components/symbols/x-symbol.js +2 -2
- package/dist/components/symbol/components/symbols/youtube-symbol.js +3 -3
- package/dist/css/westpac-ui.css +0 -63
- package/dist/css/westpac-ui.min.css +0 -63
- package/package.json +3 -3
- package/src/components/modal/components/modal-dialog/components/modal-dialog-body/modal-dialog-body.styles.ts +1 -1
- package/src/components/modal/components/modal-dialog/modal-dialog.styles.ts +1 -1
- package/src/components/symbol/components/logos/bom-logo.tsx +15 -15
- package/src/components/symbol/components/logos/bom-multibrand-large-logo.tsx +1 -1
- package/src/components/symbol/components/logos/bsa-logo.tsx +4 -4
- package/src/components/symbol/components/logos/bsa-multibrand-large-logo.tsx +1 -1
- package/src/components/symbol/components/logos/bsa-multibrand-small-logo.tsx +1 -1
- package/src/components/symbol/components/logos/bsa-stacked-logo.tsx +4 -4
- package/src/components/symbol/components/logos/bt-logo.tsx +2 -2
- package/src/components/symbol/components/logos/bt-multibrand-large-logo.tsx +2 -2
- package/src/components/symbol/components/logos/bt-multibrand-small-logo.tsx +2 -2
- package/src/components/symbol/components/logos/bt-panorama-logo.tsx +10 -10
- package/src/components/symbol/components/logos/bt-panorama-reversed-logo.tsx +10 -10
- package/src/components/symbol/components/logos/bt-reversed-logo.tsx +2 -2
- package/src/components/symbol/components/logos/wbg-internal-logo.tsx +2 -2
- package/src/components/symbol/components/logos/wbg-logo.tsx +1 -1
- package/src/components/symbol/components/logos/wbg-multibrand-large-logo.tsx +1 -1
- package/src/components/symbol/components/logos/wbg-multibrand-small-logo.tsx +1 -1
- package/src/components/symbol/components/symbols/apple-pay-symbol.tsx +7 -7
- package/src/components/symbol/components/symbols/apple-store-inverse-symbol.tsx +7 -7
- package/src/components/symbol/components/symbols/eftpos-horizontal-inverse-symbol.tsx +6 -6
- package/src/components/symbol/components/symbols/eftpos-horizontal-symbol.tsx +6 -6
- package/src/components/symbol/components/symbols/eftpos-vertical-inverse-symbol.tsx +6 -6
- package/src/components/symbol/components/symbols/eftpos-vertical-symbol.tsx +6 -6
- package/src/components/symbol/components/symbols/facebook-symbol.tsx +3 -3
- package/src/components/symbol/components/symbols/google-pay-symbol.tsx +5 -5
- package/src/components/symbol/components/symbols/instagram-symbol.tsx +2 -2
- package/src/components/symbol/components/symbols/pay-id-inverse-symbol.tsx +1 -1
- package/src/components/symbol/components/symbols/pay-id-symbol.tsx +1 -1
- package/src/components/symbol/components/symbols/pay-to-inverse-symbol.tsx +1 -1
- package/src/components/symbol/components/symbols/pay-to-symbol.tsx +1 -1
- package/src/components/symbol/components/symbols/samsung-pay-button-inverse-symbol.tsx +12 -12
- package/src/components/symbol/components/symbols/samsung-pay-button-symbol.tsx +12 -12
- package/src/components/symbol/components/symbols/visa-blue-symbol.tsx +2 -2
- package/src/components/symbol/components/symbols/visa-white-symbol.tsx +2 -2
- package/src/components/symbol/components/symbols/x-symbol.tsx +2 -2
- package/src/components/symbol/components/symbols/youtube-symbol.tsx +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -63,7 +63,8 @@ npm i @westpac/ui@canary @westpac/style-config@canary tailwindcss@4 postcss tail
|
|
|
63
63
|
4. After including the css file to enable brand + theme switching, ensure your root HTML element includes:
|
|
64
64
|
|
|
65
65
|
NOTE: Be sure to pass the brand with data-brand as previously it was data-theme
|
|
66
|
-
|
|
66
|
+
|
|
67
|
+
#### NOTE: Dark Mode has been disabled for this release and switching to dark mode will not do anything.
|
|
67
68
|
|
|
68
69
|
```html
|
|
69
70
|
<html data-brand="wbc" data-theme="dark|light">
|
|
@@ -561,6 +562,8 @@ export type PictogramMode = 'base' | 'mono' | 'duo';
|
|
|
561
562
|
|
|
562
563
|
### Removed/Updated Logos and Symbols
|
|
563
564
|
|
|
565
|
+
#### NOTE: Dark Mode has been disabled for this release and switching to dark mode will not do anything.
|
|
566
|
+
|
|
564
567
|
We have taken the opportunity to remove and update all the symbols and logos exported from the library. For updates most symbols/logos will have a dark mode variant that turns on when switching to dark mode.
|
|
565
568
|
If there is a circumstance where you want the dark mode variant in light mode look for the 'Inverse' symbols/logos. If your believe there is a symbol/logo that needs an inverse or was removed and you believe it shouldn't be please contact the GEL design team.
|
|
566
569
|
|