@westpac/ui 0.12.0 → 0.14.0

package/dist/tailwind/__mocks__/utils.constants.d.ts

@@ -149,3 +149,12 @@ export declare const EXPECTED_TYPOGRAPHY: {
         lineHeight: string;
     };
 };
+export declare const EXPECTED_FONT_FACES: {
+    '@font-face': {
+        src: string;
+        'font-family': string;
+        'font-weight': string;
+        'font-style': string;
+        'font-display': string;
+    };
+}[];

package/dist/tailwind/__mocks__/utils.constants.js

@@ -149,3 +149,122 @@ export const EXPECTED_TYPOGRAPHY = {
         lineHeight: 'MOCK'
     }
 };
+export const EXPECTED_FONT_FACES = [
+    {
+        '@font-face': {
+            src: "url('/fonts/lineto-brown-pro-light.woff2') format('woff2'), url('/fonts/lineto-brown-pro-light.woff') format('woff')",
+            'font-family': 'Brown Pro',
+            'font-weight': '100 300',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    },
+    {
+        '@font-face': {
+            src: "url('/fonts/lineto-brown-pro-regular.woff2') format('woff2'), url('/fonts/lineto-brown-pro-regular.woff') format('woff')",
+            'font-family': 'Brown Pro',
+            'font-weight': '400 600',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    },
+    {
+        '@font-face': {
+            src: "url('/fonts/lineto-brown-pro-bold.woff2') format('woff2'), url('/fonts/lineto-brown-pro-bold.woff') format('woff')",
+            'font-family': 'Brown Pro',
+            'font-weight': '700 900',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    },
+    {
+        '@font-face': {
+            src: "url('/fonts/Aller_Lt.woff2') format('woff2'), url('/fonts/Aller_Lt.woff') format('woff')",
+            'font-family': 'Aller',
+            'font-weight': '100 600',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    },
+    {
+        '@font-face': {
+            src: "url('/fonts/Aller_Bd.woff2') format('woff2'), url('/fonts/Aller_Bd.woff') format('woff')",
+            'font-family': 'Aller',
+            'font-weight': '700 900',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    },
+    {
+        '@font-face': {
+            src: "url('/fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), url('/fonts/source-sans-pro-v14-latin-regular.woff') format('woff')",
+            'font-family': 'Source Sans Pro',
+            'font-weight': '100 500',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    },
+    {
+        '@font-face': {
+            src: "url('/fonts/source-sans-pro-v14-latin-600.woff2') format('woff2'), url('/fonts/source-sans-pro-v14-latin-600.woff') format('woff')",
+            'font-family': 'Source Sans Pro',
+            'font-weight': '600',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    },
+    {
+        '@font-face': {
+            src: "url('/fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), url('/fonts/source-sans-pro-v14-latin-700.woff') format('woff')",
+            'font-family': 'Source Sans Pro',
+            'font-weight': '700 900',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    },
+    {
+        '@font-face': {
+            src: "url('/fonts/dragonbold-bold-webfont.woff2') format('woff2'), url('/fonts/dragonbold-bold-webfont.woff') format('woff')",
+            'font-family': 'Dragon Bold',
+            'font-weight': '100 900',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    },
+    {
+        '@font-face': {
+            src: "url('/fonts/Westpac-Bold-v2.007.woff2') format('woff2'), url('/fonts/Westpac-Bold-v2.007.woff') format('woff')",
+            'font-family': 'Westpac',
+            'font-weight': '100 900',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    },
+    {
+        '@font-face': {
+            src: "url('/fonts/montserrat-v14-latin-300.woff2') format('woff2'), url('/fonts/montserrat-v14-latin-300.woff') format('woff')",
+            'font-family': 'Montserrat',
+            'font-weight': '100 300',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    },
+    {
+        '@font-face': {
+            src: "url('/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), url('/fonts/montserrat-v14-latin-regular.woff') format('woff')",
+            'font-family': 'Montserrat',
+            'font-weight': '400 600',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    },
+    {
+        '@font-face': {
+            src: "url('/fonts/montserrat-v14-latin-700.woff2') format('woff2'), url('/fonts/montserrat-v14-latin-700.woff') format('woff')",
+            'font-family': 'Montserrat',
+            'font-weight': '700 900',
+            'font-style': 'normal',
+            'font-display': 'auto'
+        }
+    }
+];

package/dist/tailwind/constants/colors.d.ts

@@ -10,9 +10,9 @@ export declare const COLORS: {
     black: string;
     link: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;
@@ -23,9 +23,9 @@ export declare const COLORS: {
     };
     text: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;
@@ -36,9 +36,9 @@ export declare const COLORS: {
     };
     border: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;
@@ -49,9 +49,9 @@ export declare const COLORS: {
     };
     heading: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;
@@ -62,9 +62,9 @@ export declare const COLORS: {
     };
     primary: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;
@@ -75,9 +75,9 @@ export declare const COLORS: {
     };
     hero: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;
@@ -88,9 +88,9 @@ export declare const COLORS: {
     };
     background: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;
@@ -101,9 +101,9 @@ export declare const COLORS: {
     };
     borderDark: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;
@@ -114,9 +114,9 @@ export declare const COLORS: {
     };
     focus: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;
@@ -127,9 +127,9 @@ export declare const COLORS: {
     };
     light: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;
@@ -140,9 +140,9 @@ export declare const COLORS: {
     };
     muted: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;
@@ -153,9 +153,9 @@ export declare const COLORS: {
     };
     neutral: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;
@@ -166,9 +166,9 @@ export declare const COLORS: {
     };
     pop: {
         100: string;
-        200: string;
-        50: string;
         DEFAULT: string;
+        50: string;
+        200: string;
         300: string;
         400: string;
         500: string;

package/dist/tailwind/constants/typography.d.ts

@@ -46,3 +46,41 @@ export declare const FONT_SIZES: {
         lineHeight: string;
     };
 };
+export declare const BRAND_FONTS: {
+    bom: {
+        src: string;
+        'font-family': string;
+        'font-weight': string;
+        'font-style': string;
+    }[];
+    bsa: {
+        src: string;
+        'font-family': string;
+        'font-weight': string;
+        'font-style': string;
+    }[];
+    rams: {
+        src: string;
+        'font-family': string;
+        'font-weight': string;
+        'font-style': string;
+    }[];
+    stg: {
+        src: string;
+        'font-family': string;
+        'font-weight': string;
+        'font-style': string;
+    }[];
+    wbc: {
+        src: string;
+        'font-family': string;
+        'font-weight': string;
+        'font-style': string;
+    }[];
+    wbg: {
+        src: string;
+        'font-family': string;
+        'font-weight': string;
+        'font-style': string;
+    }[];
+};

package/dist/tailwind/constants/typography.js

@@ -59,3 +59,95 @@ export const FONT_SIZES = {
         lineHeight: 'loose'
     }
 };
+export const BRAND_FONTS = {
+    bom: [
+        {
+            src: `url('{src}/lineto-brown-pro-light.woff2') format('woff2'), url('{src}/lineto-brown-pro-light.woff') format('woff')`,
+            'font-family': 'Brown Pro',
+            'font-weight': '100 300',
+            'font-style': 'normal'
+        },
+        {
+            src: `url('{src}/lineto-brown-pro-regular.woff2') format('woff2'), url('{src}/lineto-brown-pro-regular.woff') format('woff')`,
+            'font-family': 'Brown Pro',
+            'font-weight': '400 600',
+            'font-style': 'normal'
+        },
+        {
+            src: `url('{src}/lineto-brown-pro-bold.woff2') format('woff2'), url('{src}/lineto-brown-pro-bold.woff') format('woff')`,
+            'font-family': 'Brown Pro',
+            'font-weight': '700 900',
+            'font-style': 'normal'
+        }
+    ],
+    bsa: [
+        {
+            src: `url('{src}/Aller_Lt.woff2') format('woff2'), url('{src}/Aller_Lt.woff') format('woff')`,
+            'font-family': 'Aller',
+            'font-weight': '100 600',
+            'font-style': 'normal'
+        },
+        {
+            src: `url('{src}/Aller_Bd.woff2') format('woff2'), url('{src}/Aller_Bd.woff') format('woff')`,
+            'font-family': 'Aller',
+            'font-weight': '700 900',
+            'font-style': 'normal'
+        }
+    ],
+    rams: [
+        {
+            src: `url('{src}/source-sans-pro-v14-latin-regular.woff2') format('woff2'), url('{src}/source-sans-pro-v14-latin-regular.woff') format('woff')`,
+            'font-family': 'Source Sans Pro',
+            'font-weight': '100 500',
+            'font-style': 'normal'
+        },
+        {
+            src: `url('{src}/source-sans-pro-v14-latin-600.woff2') format('woff2'), url('{src}/source-sans-pro-v14-latin-600.woff') format('woff')`,
+            'font-family': 'Source Sans Pro',
+            'font-weight': '600',
+            'font-style': 'normal'
+        },
+        {
+            src: `url('{src}/source-sans-pro-v14-latin-700.woff2') format('woff2'), url('{src}/source-sans-pro-v14-latin-700.woff') format('woff')`,
+            'font-family': 'Source Sans Pro',
+            'font-weight': '700 900',
+            'font-style': 'normal'
+        }
+    ],
+    stg: [
+        {
+            src: `url('{src}/dragonbold-bold-webfont.woff2') format('woff2'), url('{src}/dragonbold-bold-webfont.woff') format('woff')`,
+            'font-family': 'Dragon Bold',
+            'font-weight': '100 900',
+            'font-style': 'normal'
+        }
+    ],
+    wbc: [
+        {
+            src: `url('{src}/Westpac-Bold-v2.007.woff2') format('woff2'), url('{src}/Westpac-Bold-v2.007.woff') format('woff')`,
+            'font-family': 'Westpac',
+            'font-weight': '100 900',
+            'font-style': 'normal'
+        }
+    ],
+    wbg: [
+        {
+            src: `url('{src}/montserrat-v14-latin-300.woff2') format('woff2'), url('{src}/montserrat-v14-latin-300.woff') format('woff')`,
+            'font-family': 'Montserrat',
+            'font-weight': '100 300',
+            'font-style': 'normal'
+        },
+        {
+            src: `url('{src}/montserrat-v14-latin-regular.woff2') format('woff2'), url('{src}/montserrat-v14-latin-regular.woff') format('woff')`,
+            'font-family': 'Montserrat',
+            'font-weight': '400 600',
+            'font-style': 'normal'
+        },
+        {
+            src: `url('{src}/montserrat-v14-latin-700.woff2') format('woff2'), url('{src}/montserrat-v14-latin-700.woff') format('woff')`,
+            'font-family': 'Montserrat',
+            'font-weight': '700 900',
+            'font-style': 'normal'
+        }
+    ]
+};

package/dist/tailwind/tailwind-plugin.d.ts

@@ -1,9 +1,13 @@
+import { type PluginOptions } from './types/tailwind.types.js';
 /**
  * Base Plugin responsible for default theming and adding the typography components
  */
 export declare const WestpacUIKitBasePlugin: {
-    handler: import("tailwindcss/types/config.js").PluginCreator;
-    config?: Partial<import("tailwindcss").Config> | undefined;
+    (options: PluginOptions): {
+        handler: import("tailwindcss/types/config.js").PluginCreator;
+        config?: Partial<import("tailwindcss").Config> | undefined;
+    };
+    __isOptionsFunction: true;
 };
 /**
  * Multiple Theme plugin with all the brands variation