@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.
- package/CHANGELOG.md +6 -0
- package/dist/components/grid/components/container/container.styles.d.ts +1 -1
- package/dist/components/grid/components/container/container.styles.js +1 -1
- package/dist/components/grid/grid.styles.d.ts +1 -1
- package/dist/components/grid/grid.styles.js +1 -1
- package/dist/css/westpac-ui.css +86 -2
- package/dist/css/westpac-ui.min.css +86 -2
- package/dist/tailwind/__mocks__/utils.constants.d.ts +8 -0
- package/dist/tailwind/__mocks__/utils.constants.js +106 -0
- package/dist/tailwind/constants/typography.d.ts +38 -0
- package/dist/tailwind/constants/typography.js +92 -0
- package/dist/tailwind/tailwind-plugin.d.ts +6 -2
- package/dist/tailwind/tailwind-plugin.js +165 -152
- package/dist/tailwind/tailwind-transformer.js +4 -2
- package/dist/tailwind/types/brand.types.d.ts +8 -0
- package/dist/tailwind/types/tailwind.types.d.ts +7 -0
- package/dist/tailwind/types/tailwind.types.js +1 -0
- package/dist/tailwind/utils/create-brand-fonts.d.ts +7 -0
- package/dist/tailwind/utils/create-brand-fonts.js +26 -0
- package/dist/tailwind/utils/generate-date-picker-component.d.ts +1 -1
- package/dist/tailwind/utils/generate-date-picker-component.js +1 -1
- package/dist/tailwind/utils/index.d.ts +1 -0
- package/dist/tailwind/utils/index.js +1 -0
- package/package.json +3 -3
- package/src/components/grid/components/container/container.styles.ts +1 -1
- package/src/components/grid/grid.styles.ts +1 -1
- package/src/css/brand-fonts.css +99 -0
- package/src/tailwind/__mocks__/utils.constants.ts +108 -0
- package/src/tailwind/constants/typography.ts +94 -0
- package/src/tailwind/tailwind-plugin.ts +181 -150
- package/src/tailwind/tailwind-transformer.ts +1 -1
- package/src/tailwind/types/brand.types.ts +9 -0
- package/src/tailwind/types/tailwind.types.ts +8 -0
- package/src/tailwind/utils/create-brand-fonts.ts +22 -0
- package/src/tailwind/utils/generate-date-picker-component.ts +1 -1
- package/src/tailwind/utils/index.ts +1 -0
- package/tailwind.config.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -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-
|
|
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-
|
|
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: [
|
package/dist/css/westpac-ui.css
CHANGED
|
@@ -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
|
-
|
|
6
|
-
|
|
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
|