@westpac/ui 0.12.0 → 0.13.0

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.
Files changed (37) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/components/grid/components/container/container.styles.d.ts +1 -1
  3. package/dist/components/grid/components/container/container.styles.js +1 -1
  4. package/dist/components/grid/grid.styles.d.ts +1 -1
  5. package/dist/components/grid/grid.styles.js +1 -1
  6. package/dist/css/westpac-ui.css +86 -2
  7. package/dist/css/westpac-ui.min.css +86 -2
  8. package/dist/tailwind/__mocks__/utils.constants.d.ts +8 -0
  9. package/dist/tailwind/__mocks__/utils.constants.js +106 -0
  10. package/dist/tailwind/constants/typography.d.ts +38 -0
  11. package/dist/tailwind/constants/typography.js +92 -0
  12. package/dist/tailwind/tailwind-plugin.d.ts +6 -2
  13. package/dist/tailwind/tailwind-plugin.js +165 -152
  14. package/dist/tailwind/tailwind-transformer.js +4 -2
  15. package/dist/tailwind/types/brand.types.d.ts +8 -0
  16. package/dist/tailwind/types/tailwind.types.d.ts +7 -0
  17. package/dist/tailwind/types/tailwind.types.js +1 -0
  18. package/dist/tailwind/utils/create-brand-fonts.d.ts +7 -0
  19. package/dist/tailwind/utils/create-brand-fonts.js +26 -0
  20. package/dist/tailwind/utils/generate-date-picker-component.d.ts +1 -1
  21. package/dist/tailwind/utils/generate-date-picker-component.js +1 -1
  22. package/dist/tailwind/utils/index.d.ts +1 -0
  23. package/dist/tailwind/utils/index.js +1 -0
  24. package/package.json +3 -3
  25. package/src/components/grid/components/container/container.styles.ts +1 -1
  26. package/src/components/grid/grid.styles.ts +1 -1
  27. package/src/css/brand-fonts.css +99 -0
  28. package/src/tailwind/__mocks__/utils.constants.ts +108 -0
  29. package/src/tailwind/constants/typography.ts +94 -0
  30. package/src/tailwind/tailwind-plugin.ts +181 -150
  31. package/src/tailwind/tailwind-transformer.ts +1 -1
  32. package/src/tailwind/types/brand.types.ts +9 -0
  33. package/src/tailwind/types/tailwind.types.ts +8 -0
  34. package/src/tailwind/utils/create-brand-fonts.ts +22 -0
  35. package/src/tailwind/utils/generate-date-picker-component.ts +1 -1
  36. package/src/tailwind/utils/index.ts +1 -0
  37. package/tailwind.config.ts +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @westpac/ui
2
2
 
3
+ ## 0.13.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 7a54cf7: Add brand font options to withGEL tailwind plugin
8
+
3
9
  ## 0.12.0
4
10
 
5
11
  ### Minor Changes
@@ -2,7 +2,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
2
2
  fixed: {
3
3
  true: string;
4
4
  };
5
- }, undefined, "mx-auto box-border w-full max-w-container px-2 xsl:px-5 sm:px-6 md:px-8 lg:px-10", {
5
+ }, undefined, "mx-auto box-border w-full max-w-container px-4 xsl:px-5 sm:px-6 md:px-8 lg:px-10", {
6
6
  responsiveVariants: string[];
7
7
  }, {
8
8
  fixed: {
@@ -1,6 +1,6 @@
1
1
  import { tv } from 'tailwind-variants';
2
2
  export const styles = tv({
3
- base: 'mx-auto box-border w-full max-w-container px-2 xsl:px-5 sm:px-6 md:px-8 lg:px-10',
3
+ base: 'mx-auto box-border w-full max-w-container px-4 xsl:px-5 sm:px-6 md:px-8 lg:px-10',
4
4
  variants: {
5
5
  fixed: {
6
6
  true: 'sm:max-w-xsl md:max-w-md lg:max-w-lg'
@@ -1,3 +1,3 @@
1
- export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "grid h-auto grid-flow-row auto-rows-[minmax(32px,auto)] grid-cols-[repeat(12,_1fr)] gap-2 xsl:gap-4", {
1
+ export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "grid h-auto grid-flow-row auto-rows-[minmax(32px,auto)] grid-cols-[repeat(12,_1fr)] gap-2 xsl:gap-3 sm:gap-4", {
2
2
  responsiveVariants: string[];
3
3
  }, {}, undefined>;
@@ -1,6 +1,6 @@
1
1
  import { tv } from 'tailwind-variants';
2
2
  export const styles = tv({
3
- base: 'grid h-auto grid-flow-row auto-rows-[minmax(32px,auto)] grid-cols-[repeat(12,_1fr)] gap-2 xsl:gap-4',
3
+ base: 'grid h-auto grid-flow-row auto-rows-[minmax(32px,auto)] grid-cols-[repeat(12,_1fr)] gap-2 xsl:gap-3 sm:gap-4',
4
4
  variants: {}
5
5
  }, {
6
6
  responsiveVariants: [
@@ -243,6 +243,71 @@ video {
243
243
  display: none;
244
244
  }html {
245
245
  color: rgb(var(--colors-text));
246
+ }@font-face {
247
+ src: url('/fonts/lineto-brown-pro-light.woff2') format('woff2'), url('/fonts/lineto-brown-pro-light.woff') format('woff');
248
+ font-family: Brown Pro;
249
+ font-weight: 100 300;
250
+ font-style: normal;
251
+ }@font-face {
252
+ src: url('/fonts/lineto-brown-pro-regular.woff2') format('woff2'), url('/fonts/lineto-brown-pro-regular.woff') format('woff');
253
+ font-family: Brown Pro;
254
+ font-weight: 400 600;
255
+ font-style: normal;
256
+ }@font-face {
257
+ src: url('/fonts/lineto-brown-pro-bold.woff2') format('woff2'), url('/fonts/lineto-brown-pro-bold.woff') format('woff');
258
+ font-family: Brown Pro;
259
+ font-weight: 700 900;
260
+ font-style: normal;
261
+ }@font-face {
262
+ src: url('/fonts/Aller_Lt.woff2') format('woff2'), url('/fonts/Aller_Lt.woff') format('woff');
263
+ font-family: Aller;
264
+ font-weight: 100 600;
265
+ font-style: normal;
266
+ }@font-face {
267
+ src: url('/fonts/Aller_Bd.woff2') format('woff2'), url('/fonts/Aller_Bd.woff') format('woff');
268
+ font-family: Aller;
269
+ font-weight: 700 900;
270
+ font-style: normal;
271
+ }@font-face {
272
+ src: url('/fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), url('/fonts/source-sans-pro-v14-latin-regular.woff') format('woff');
273
+ font-family: Source Sans Pro;
274
+ font-weight: 100 500;
275
+ font-style: normal;
276
+ }@font-face {
277
+ src: url('/fonts/source-sans-pro-v14-latin-600.woff2') format('woff2'), url('/fonts/source-sans-pro-v14-latin-600.woff') format('woff');
278
+ font-family: Source Sans Pro;
279
+ font-weight: 600;
280
+ font-style: normal;
281
+ }@font-face {
282
+ src: url('/fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), url('/fonts/source-sans-pro-v14-latin-700.woff') format('woff');
283
+ font-family: Source Sans Pro;
284
+ font-weight: 700 900;
285
+ font-style: normal;
286
+ }@font-face {
287
+ src: url('/fonts/dragonbold-bold-webfont.woff2') format('woff2'), url('/fonts/dragonbold-bold-webfont.woff') format('woff');
288
+ font-family: Dragon Bold;
289
+ font-weight: 100 900;
290
+ font-style: normal;
291
+ }@font-face {
292
+ src: url('/fonts/Westpac-Bold-v2.007.woff2') format('woff2'), url('/fonts/Westpac-Bold-v2.007.woff') format('woff');
293
+ font-family: Westpac;
294
+ font-weight: 100 900;
295
+ font-style: normal;
296
+ }@font-face {
297
+ src: url('/fonts/montserrat-v14-latin-300.woff2') format('woff2'), url('/fonts/montserrat-v14-latin-300.woff') format('woff');
298
+ font-family: Montserrat;
299
+ font-weight: 100 300;
300
+ font-style: normal;
301
+ }@font-face {
302
+ src: url('/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), url('/fonts/montserrat-v14-latin-regular.woff') format('woff');
303
+ font-family: Montserrat;
304
+ font-weight: 400 600;
305
+ font-style: normal;
306
+ }@font-face {
307
+ src: url('/fonts/montserrat-v14-latin-700.woff2') format('woff2'), url('/fonts/montserrat-v14-latin-700.woff') format('woff');
308
+ font-family: Montserrat;
309
+ font-weight: 700 900;
310
+ font-style: normal;
246
311
  }:root {
247
312
  --colors-background-5: 254, 254, 255;
248
313
  --colors-background-10: 254, 254, 254;
@@ -1958,6 +2023,10 @@ video {
1958
2023
  outline-offset: 3px;
1959
2024
  outline-color: rgb(var(--colors-focus));
1960
2025
  }.date-picker .duet-date__day.is-today {
2026
+ border-width: 1px !important;
2027
+ border-style: solid !important;
2028
+ --tw-border-opacity: 1 !important;
2029
+ border-color: rgba(var(--colors-primary), var(--tw-border-opacity)) !important;
1961
2030
  background-color: rgba(var(--colors-primary), 0.05) !important;
1962
2031
  --tw-text-opacity: 1 !important;
1963
2032
  color: rgba(var(--colors-text), var(--tw-text-opacity)) !important;
@@ -2218,8 +2287,6 @@ video {
2218
2287
  height: 0.375rem;
2219
2288
  }.h-10 {
2220
2289
  height: 3.75rem;
2221
- }.h-12 {
2222
- height: 4.5rem;
2223
2290
  }.h-13 {
2224
2291
  height: 4.875rem;
2225
2292
  }.h-15 {
@@ -2616,6 +2683,8 @@ video {
2616
2683
  }.rounded-t {
2617
2684
  border-top-left-radius: 0.1875rem;
2618
2685
  border-top-right-radius: 0.1875rem;
2686
+ }.\!border {
2687
+ border-width: 1px !important;
2619
2688
  }.border {
2620
2689
  border-width: 1px;
2621
2690
  }.border-0 {
@@ -2679,12 +2748,17 @@ video {
2679
2748
  border-top-width: 0.125rem;
2680
2749
  }.border-t-\[12px\] {
2681
2750
  border-top-width: 12px;
2751
+ }.\!border-solid {
2752
+ border-style: solid !important;
2682
2753
  }.border-solid {
2683
2754
  border-style: solid;
2684
2755
  }.border-dashed {
2685
2756
  border-style: dashed;
2686
2757
  }.border-none {
2687
2758
  border-style: none;
2759
+ }.\!border-primary {
2760
+ --tw-border-opacity: 1 !important;
2761
+ border-color: rgba(var(--colors-primary), var(--tw-border-opacity)) !important;
2688
2762
  }.border-border {
2689
2763
  --tw-border-opacity: 1;
2690
2764
  border-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -3725,8 +3799,14 @@ video {
3725
3799
  }.text-xs {
3726
3800
  font-size: 0.75rem;
3727
3801
  line-height: 1rem;
3802
+ }.font-black {
3803
+ font-weight: 900;
3728
3804
  }.font-bold {
3729
3805
  font-weight: 700;
3806
+ }.font-extrabold {
3807
+ font-weight: 800;
3808
+ }.font-extralight {
3809
+ font-weight: 200;
3730
3810
  }.font-light {
3731
3811
  font-weight: 300;
3732
3812
  }.font-medium {
@@ -3735,6 +3815,8 @@ video {
3735
3815
  font-weight: 400;
3736
3816
  }.font-semibold {
3737
3817
  font-weight: 600;
3818
+ }.font-thin {
3819
+ font-weight: 100;
3738
3820
  }.uppercase {
3739
3821
  text-transform: uppercase;
3740
3822
  }.leading-6 {
@@ -5222,6 +5304,8 @@ video {
5222
5304
  justify-content: center;
5223
5305
  }.xsl\:justify-between {
5224
5306
  justify-content: space-between;
5307
+ }.xsl\:gap-3 {
5308
+ gap: 1.125rem;
5225
5309
  }.xsl\:gap-4 {
5226
5310
  gap: 1.5rem;
5227
5311
  }.xsl\:gap-5 {
@@ -243,6 +243,71 @@ video {
243
243
  display: none;
244
244
  }html {
245
245
  color: rgb(var(--colors-text));
246
+ }@font-face {
247
+ src: url('/fonts/lineto-brown-pro-light.woff2') format('woff2'), url('/fonts/lineto-brown-pro-light.woff') format('woff');
248
+ font-family: Brown Pro;
249
+ font-weight: 100 300;
250
+ font-style: normal;
251
+ }@font-face {
252
+ src: url('/fonts/lineto-brown-pro-regular.woff2') format('woff2'), url('/fonts/lineto-brown-pro-regular.woff') format('woff');
253
+ font-family: Brown Pro;
254
+ font-weight: 400 600;
255
+ font-style: normal;
256
+ }@font-face {
257
+ src: url('/fonts/lineto-brown-pro-bold.woff2') format('woff2'), url('/fonts/lineto-brown-pro-bold.woff') format('woff');
258
+ font-family: Brown Pro;
259
+ font-weight: 700 900;
260
+ font-style: normal;
261
+ }@font-face {
262
+ src: url('/fonts/Aller_Lt.woff2') format('woff2'), url('/fonts/Aller_Lt.woff') format('woff');
263
+ font-family: Aller;
264
+ font-weight: 100 600;
265
+ font-style: normal;
266
+ }@font-face {
267
+ src: url('/fonts/Aller_Bd.woff2') format('woff2'), url('/fonts/Aller_Bd.woff') format('woff');
268
+ font-family: Aller;
269
+ font-weight: 700 900;
270
+ font-style: normal;
271
+ }@font-face {
272
+ src: url('/fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), url('/fonts/source-sans-pro-v14-latin-regular.woff') format('woff');
273
+ font-family: Source Sans Pro;
274
+ font-weight: 100 500;
275
+ font-style: normal;
276
+ }@font-face {
277
+ src: url('/fonts/source-sans-pro-v14-latin-600.woff2') format('woff2'), url('/fonts/source-sans-pro-v14-latin-600.woff') format('woff');
278
+ font-family: Source Sans Pro;
279
+ font-weight: 600;
280
+ font-style: normal;
281
+ }@font-face {
282
+ src: url('/fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), url('/fonts/source-sans-pro-v14-latin-700.woff') format('woff');
283
+ font-family: Source Sans Pro;
284
+ font-weight: 700 900;
285
+ font-style: normal;
286
+ }@font-face {
287
+ src: url('/fonts/dragonbold-bold-webfont.woff2') format('woff2'), url('/fonts/dragonbold-bold-webfont.woff') format('woff');
288
+ font-family: Dragon Bold;
289
+ font-weight: 100 900;
290
+ font-style: normal;
291
+ }@font-face {
292
+ src: url('/fonts/Westpac-Bold-v2.007.woff2') format('woff2'), url('/fonts/Westpac-Bold-v2.007.woff') format('woff');
293
+ font-family: Westpac;
294
+ font-weight: 100 900;
295
+ font-style: normal;
296
+ }@font-face {
297
+ src: url('/fonts/montserrat-v14-latin-300.woff2') format('woff2'), url('/fonts/montserrat-v14-latin-300.woff') format('woff');
298
+ font-family: Montserrat;
299
+ font-weight: 100 300;
300
+ font-style: normal;
301
+ }@font-face {
302
+ src: url('/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), url('/fonts/montserrat-v14-latin-regular.woff') format('woff');
303
+ font-family: Montserrat;
304
+ font-weight: 400 600;
305
+ font-style: normal;
306
+ }@font-face {
307
+ src: url('/fonts/montserrat-v14-latin-700.woff2') format('woff2'), url('/fonts/montserrat-v14-latin-700.woff') format('woff');
308
+ font-family: Montserrat;
309
+ font-weight: 700 900;
310
+ font-style: normal;
246
311
  }:root {
247
312
  --colors-background-5: 254, 254, 255;
248
313
  --colors-background-10: 254, 254, 254;
@@ -1958,6 +2023,10 @@ video {
1958
2023
  outline-offset: 3px;
1959
2024
  outline-color: rgb(var(--colors-focus));
1960
2025
  }.date-picker .duet-date__day.is-today {
2026
+ border-width: 1px !important;
2027
+ border-style: solid !important;
2028
+ --tw-border-opacity: 1 !important;
2029
+ border-color: rgba(var(--colors-primary), var(--tw-border-opacity)) !important;
1961
2030
  background-color: rgba(var(--colors-primary), 0.05) !important;
1962
2031
  --tw-text-opacity: 1 !important;
1963
2032
  color: rgba(var(--colors-text), var(--tw-text-opacity)) !important;
@@ -2218,8 +2287,6 @@ video {
2218
2287
  height: 0.375rem;
2219
2288
  }.h-10 {
2220
2289
  height: 3.75rem;
2221
- }.h-12 {
2222
- height: 4.5rem;
2223
2290
  }.h-13 {
2224
2291
  height: 4.875rem;
2225
2292
  }.h-15 {
@@ -2616,6 +2683,8 @@ video {
2616
2683
  }.rounded-t {
2617
2684
  border-top-left-radius: 0.1875rem;
2618
2685
  border-top-right-radius: 0.1875rem;
2686
+ }.\!border {
2687
+ border-width: 1px !important;
2619
2688
  }.border {
2620
2689
  border-width: 1px;
2621
2690
  }.border-0 {
@@ -2679,12 +2748,17 @@ video {
2679
2748
  border-top-width: 0.125rem;
2680
2749
  }.border-t-\[12px\] {
2681
2750
  border-top-width: 12px;
2751
+ }.\!border-solid {
2752
+ border-style: solid !important;
2682
2753
  }.border-solid {
2683
2754
  border-style: solid;
2684
2755
  }.border-dashed {
2685
2756
  border-style: dashed;
2686
2757
  }.border-none {
2687
2758
  border-style: none;
2759
+ }.\!border-primary {
2760
+ --tw-border-opacity: 1 !important;
2761
+ border-color: rgba(var(--colors-primary), var(--tw-border-opacity)) !important;
2688
2762
  }.border-border {
2689
2763
  --tw-border-opacity: 1;
2690
2764
  border-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -3725,8 +3799,14 @@ video {
3725
3799
  }.text-xs {
3726
3800
  font-size: 0.75rem;
3727
3801
  line-height: 1rem;
3802
+ }.font-black {
3803
+ font-weight: 900;
3728
3804
  }.font-bold {
3729
3805
  font-weight: 700;
3806
+ }.font-extrabold {
3807
+ font-weight: 800;
3808
+ }.font-extralight {
3809
+ font-weight: 200;
3730
3810
  }.font-light {
3731
3811
  font-weight: 300;
3732
3812
  }.font-medium {
@@ -3735,6 +3815,8 @@ video {
3735
3815
  font-weight: 400;
3736
3816
  }.font-semibold {
3737
3817
  font-weight: 600;
3818
+ }.font-thin {
3819
+ font-weight: 100;
3738
3820
  }.uppercase {
3739
3821
  text-transform: uppercase;
3740
3822
  }.leading-6 {
@@ -5222,6 +5304,8 @@ video {
5222
5304
  justify-content: center;
5223
5305
  }.xsl\:justify-between {
5224
5306
  justify-content: space-between;
5307
+ }.xsl\:gap-3 {
5308
+ gap: 1.125rem;
5225
5309
  }.xsl\:gap-4 {
5226
5310
  gap: 1.5rem;
5227
5311
  }.xsl\:gap-5 {
@@ -149,3 +149,11 @@ export declare const EXPECTED_TYPOGRAPHY: {
149
149
  lineHeight: string;
150
150
  };
151
151
  };
152
+ export declare const EXPECTED_FONT_FACES: {
153
+ '@font-face': {
154
+ src: string;
155
+ 'font-family': string;
156
+ 'font-weight': string;
157
+ 'font-style': string;
158
+ };
159
+ }[];
@@ -149,3 +149,109 @@ export const EXPECTED_TYPOGRAPHY = {
149
149
  lineHeight: 'MOCK'
150
150
  }
151
151
  };
152
+ export const EXPECTED_FONT_FACES = [
153
+ {
154
+ '@font-face': {
155
+ src: "url('/fonts/lineto-brown-pro-light.woff2') format('woff2'), url('/fonts/lineto-brown-pro-light.woff') format('woff')",
156
+ 'font-family': 'Brown Pro',
157
+ 'font-weight': '100 300',
158
+ 'font-style': 'normal'
159
+ }
160
+ },
161
+ {
162
+ '@font-face': {
163
+ src: "url('/fonts/lineto-brown-pro-regular.woff2') format('woff2'), url('/fonts/lineto-brown-pro-regular.woff') format('woff')",
164
+ 'font-family': 'Brown Pro',
165
+ 'font-weight': '400 600',
166
+ 'font-style': 'normal'
167
+ }
168
+ },
169
+ {
170
+ '@font-face': {
171
+ src: "url('/fonts/lineto-brown-pro-bold.woff2') format('woff2'), url('/fonts/lineto-brown-pro-bold.woff') format('woff')",
172
+ 'font-family': 'Brown Pro',
173
+ 'font-weight': '700 900',
174
+ 'font-style': 'normal'
175
+ }
176
+ },
177
+ {
178
+ '@font-face': {
179
+ src: "url('/fonts/Aller_Lt.woff2') format('woff2'), url('/fonts/Aller_Lt.woff') format('woff')",
180
+ 'font-family': 'Aller',
181
+ 'font-weight': '100 600',
182
+ 'font-style': 'normal'
183
+ }
184
+ },
185
+ {
186
+ '@font-face': {
187
+ src: "url('/fonts/Aller_Bd.woff2') format('woff2'), url('/fonts/Aller_Bd.woff') format('woff')",
188
+ 'font-family': 'Aller',
189
+ 'font-weight': '700 900',
190
+ 'font-style': 'normal'
191
+ }
192
+ },
193
+ {
194
+ '@font-face': {
195
+ src: "url('/fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), url('/fonts/source-sans-pro-v14-latin-regular.woff') format('woff')",
196
+ 'font-family': 'Source Sans Pro',
197
+ 'font-weight': '100 500',
198
+ 'font-style': 'normal'
199
+ }
200
+ },
201
+ {
202
+ '@font-face': {
203
+ src: "url('/fonts/source-sans-pro-v14-latin-600.woff2') format('woff2'), url('/fonts/source-sans-pro-v14-latin-600.woff') format('woff')",
204
+ 'font-family': 'Source Sans Pro',
205
+ 'font-weight': '600',
206
+ 'font-style': 'normal'
207
+ }
208
+ },
209
+ {
210
+ '@font-face': {
211
+ src: "url('/fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), url('/fonts/source-sans-pro-v14-latin-700.woff') format('woff')",
212
+ 'font-family': 'Source Sans Pro',
213
+ 'font-weight': '700 900',
214
+ 'font-style': 'normal'
215
+ }
216
+ },
217
+ {
218
+ '@font-face': {
219
+ src: "url('/fonts/dragonbold-bold-webfont.woff2') format('woff2'), url('/fonts/dragonbold-bold-webfont.woff') format('woff')",
220
+ 'font-family': 'Dragon Bold',
221
+ 'font-weight': '100 900',
222
+ 'font-style': 'normal'
223
+ }
224
+ },
225
+ {
226
+ '@font-face': {
227
+ src: "url('/fonts/Westpac-Bold-v2.007.woff2') format('woff2'), url('/fonts/Westpac-Bold-v2.007.woff') format('woff')",
228
+ 'font-family': 'Westpac',
229
+ 'font-weight': '100 900',
230
+ 'font-style': 'normal'
231
+ }
232
+ },
233
+ {
234
+ '@font-face': {
235
+ src: "url('/fonts/montserrat-v14-latin-300.woff2') format('woff2'), url('/fonts/montserrat-v14-latin-300.woff') format('woff')",
236
+ 'font-family': 'Montserrat',
237
+ 'font-weight': '100 300',
238
+ 'font-style': 'normal'
239
+ }
240
+ },
241
+ {
242
+ '@font-face': {
243
+ src: "url('/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), url('/fonts/montserrat-v14-latin-regular.woff') format('woff')",
244
+ 'font-family': 'Montserrat',
245
+ 'font-weight': '400 600',
246
+ 'font-style': 'normal'
247
+ }
248
+ },
249
+ {
250
+ '@font-face': {
251
+ src: "url('/fonts/montserrat-v14-latin-700.woff2') format('woff2'), url('/fonts/montserrat-v14-latin-700.woff') format('woff')",
252
+ 'font-family': 'Montserrat',
253
+ 'font-weight': '700 900',
254
+ 'font-style': 'normal'
255
+ }
256
+ }
257
+ ];
@@ -46,3 +46,41 @@ export declare const FONT_SIZES: {
46
46
  lineHeight: string;
47
47
  };
48
48
  };
49
+ export declare const BRAND_FONTS: {
50
+ bom: {
51
+ src: string;
52
+ 'font-family': string;
53
+ 'font-weight': string;
54
+ 'font-style': string;
55
+ }[];
56
+ bsa: {
57
+ src: string;
58
+ 'font-family': string;
59
+ 'font-weight': string;
60
+ 'font-style': string;
61
+ }[];
62
+ rams: {
63
+ src: string;
64
+ 'font-family': string;
65
+ 'font-weight': string;
66
+ 'font-style': string;
67
+ }[];
68
+ stg: {
69
+ src: string;
70
+ 'font-family': string;
71
+ 'font-weight': string;
72
+ 'font-style': string;
73
+ }[];
74
+ wbc: {
75
+ src: string;
76
+ 'font-family': string;
77
+ 'font-weight': string;
78
+ 'font-style': string;
79
+ }[];
80
+ wbg: {
81
+ src: string;
82
+ 'font-family': string;
83
+ 'font-weight': string;
84
+ 'font-style': string;
85
+ }[];
86
+ };
@@ -59,3 +59,95 @@ export const FONT_SIZES = {
59
59
  lineHeight: 'loose'
60
60
  }
61
61
  };
62
+ export const BRAND_FONTS = {
63
+ bom: [
64
+ {
65
+ src: `url('{src}/lineto-brown-pro-light.woff2') format('woff2'), url('{src}/lineto-brown-pro-light.woff') format('woff')`,
66
+ 'font-family': 'Brown Pro',
67
+ 'font-weight': '100 300',
68
+ 'font-style': 'normal'
69
+ },
70
+ {
71
+ src: `url('{src}/lineto-brown-pro-regular.woff2') format('woff2'), url('{src}/lineto-brown-pro-regular.woff') format('woff')`,
72
+ 'font-family': 'Brown Pro',
73
+ 'font-weight': '400 600',
74
+ 'font-style': 'normal'
75
+ },
76
+ {
77
+ src: `url('{src}/lineto-brown-pro-bold.woff2') format('woff2'), url('{src}/lineto-brown-pro-bold.woff') format('woff')`,
78
+ 'font-family': 'Brown Pro',
79
+ 'font-weight': '700 900',
80
+ 'font-style': 'normal'
81
+ }
82
+ ],
83
+ bsa: [
84
+ {
85
+ src: `url('{src}/Aller_Lt.woff2') format('woff2'), url('{src}/Aller_Lt.woff') format('woff')`,
86
+ 'font-family': 'Aller',
87
+ 'font-weight': '100 600',
88
+ 'font-style': 'normal'
89
+ },
90
+ {
91
+ src: `url('{src}/Aller_Bd.woff2') format('woff2'), url('{src}/Aller_Bd.woff') format('woff')`,
92
+ 'font-family': 'Aller',
93
+ 'font-weight': '700 900',
94
+ 'font-style': 'normal'
95
+ }
96
+ ],
97
+ rams: [
98
+ {
99
+ src: `url('{src}/source-sans-pro-v14-latin-regular.woff2') format('woff2'), url('{src}/source-sans-pro-v14-latin-regular.woff') format('woff')`,
100
+ 'font-family': 'Source Sans Pro',
101
+ 'font-weight': '100 500',
102
+ 'font-style': 'normal'
103
+ },
104
+ {
105
+ src: `url('{src}/source-sans-pro-v14-latin-600.woff2') format('woff2'), url('{src}/source-sans-pro-v14-latin-600.woff') format('woff')`,
106
+ 'font-family': 'Source Sans Pro',
107
+ 'font-weight': '600',
108
+ 'font-style': 'normal'
109
+ },
110
+ {
111
+ src: `url('{src}/source-sans-pro-v14-latin-700.woff2') format('woff2'), url('{src}/source-sans-pro-v14-latin-700.woff') format('woff')`,
112
+ 'font-family': 'Source Sans Pro',
113
+ 'font-weight': '700 900',
114
+ 'font-style': 'normal'
115
+ }
116
+ ],
117
+ stg: [
118
+ {
119
+ src: `url('{src}/dragonbold-bold-webfont.woff2') format('woff2'), url('{src}/dragonbold-bold-webfont.woff') format('woff')`,
120
+ 'font-family': 'Dragon Bold',
121
+ 'font-weight': '100 900',
122
+ 'font-style': 'normal'
123
+ }
124
+ ],
125
+ wbc: [
126
+ {
127
+ src: `url('{src}/Westpac-Bold-v2.007.woff2') format('woff2'), url('{src}/Westpac-Bold-v2.007.woff') format('woff')`,
128
+ 'font-family': 'Westpac',
129
+ 'font-weight': '100 900',
130
+ 'font-style': 'normal'
131
+ }
132
+ ],
133
+ wbg: [
134
+ {
135
+ src: `url('{src}/montserrat-v14-latin-300.woff2') format('woff2'), url('{src}/montserrat-v14-latin-300.woff') format('woff')`,
136
+ 'font-family': 'Montserrat',
137
+ 'font-weight': '100 300',
138
+ 'font-style': 'normal'
139
+ },
140
+ {
141
+ src: `url('{src}/montserrat-v14-latin-regular.woff2') format('woff2'), url('{src}/montserrat-v14-latin-regular.woff') format('woff')`,
142
+ 'font-family': 'Montserrat',
143
+ 'font-weight': '400 600',
144
+ 'font-style': 'normal'
145
+ },
146
+ {
147
+ src: `url('{src}/montserrat-v14-latin-700.woff2') format('woff2'), url('{src}/montserrat-v14-latin-700.woff') format('woff')`,
148
+ 'font-family': 'Montserrat',
149
+ 'font-weight': '700 900',
150
+ 'font-style': 'normal'
151
+ }
152
+ ]
153
+ };
@@ -1,9 +1,13 @@
1
+ import { type PluginOptions } from './types/tailwind.types.js';
1
2
  /**
2
3
  * Base Plugin responsible for default theming and adding the typography components
3
4
  */
4
5
  export declare const WestpacUIKitBasePlugin: {
5
- handler: import("tailwindcss/types/config.js").PluginCreator;
6
- config?: Partial<import("tailwindcss").Config> | undefined;
6
+ (options: PluginOptions): {
7
+ handler: import("tailwindcss/types/config.js").PluginCreator;
8
+ config?: Partial<import("tailwindcss").Config> | undefined;
9
+ };
10
+ __isOptionsFunction: true;
7
11
  };
8
12
  /**
9
13
  * Multiple Theme plugin with all the brands variation