uikit-react-public 0.14.21 → 0.21.8

package/dist/theme/useTheme.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
+import { ThemeType } from './original/defaultTheme';
 export declare const ThemeContextProvider: React.FC<{
     children: ReactNode;
+    initialTheme?: ThemeType;
 }>;
 declare const useTheme: () => [{
     p0: number;
@@ -35,7 +37,1089 @@ declare const useTheme: () => [{
     m64: string;
     m72: string;
     m80: string;
+    primitiveColour: {
+        grey: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "00": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $description: string;
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        whiteAlpha: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        red: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        orange: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        yellow: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        green: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        blue: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        brandPurple: {
+            "10": {
+                $description: string;
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $description: string;
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $description: string;
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $description: string;
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $description: string;
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        brandBlur: {
+            "heritage-blue": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+    };
+    colour: {
+        bg: {
+            default: string;
+            brand: string;
+            inverse: string;
+            inversePrimary: string;
+        };
+        border: {
+            default: string;
+            brand: string;
+            brandHover: string;
+            brandSubtle: string;
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            subtle: string;
+            disabled: string;
+            inverse: string;
+            brandInverse: string;
+            brandInverseSecondary: string;
+            focus: string;
+            success: string;
+            critical: string;
+            warning: string;
+        };
+        fill: {
+            default: string;
+            hover: string;
+            brand: string;
+            brandHover: string;
+            brandPressed: string;
+            brandSubtleSelected: string;
+            brandSubtleHover: string;
+            brandPrimary: string;
+            disabled: string;
+            inverse: string;
+            brandInverseSecondary: string;
+            inverseHover: string;
+            critical: string;
+            criticalHover: string;
+            criticalSelected: string;
+            criticalPressed: string;
+            warning: string;
+            warningHover: string;
+            warningSelected: string;
+            warningPressed: string;
+            success: string;
+        };
+        icon: {
+            default: string;
+            hover: string;
+            secondary: string;
+            tertiary: string;
+            disabled: string;
+            disabledOnBgFill: string;
+            brand: string;
+            brandHover: string;
+            brandSelectedOnBgFill: string;
+            visited: string;
+            brandPrimary: string;
+            brandInverted: string;
+            inverse: string;
+            inverseHover: string;
+            brandInverseSecondary: string;
+            inverseTertiary: string;
+            inverseDisabled: string;
+            critical: string;
+            criticalOnBgFill: string;
+            success: string;
+            successOnBgFill: string;
+            warning: string;
+            warningOnBgFill: string;
+        };
+        surface: {
+            default: string;
+            primary: string;
+            secondary: string;
+            brand: string;
+            brandHover: string;
+            brandSelected: string;
+            warning: string;
+            success: string;
+            critical: string;
+            hover: string;
+            selected: string;
+            disabled: string;
+            tertiary: string;
+            inverseBrand: string;
+            inverseBrandPrimary: string;
+            backdrop: string;
+        };
+        text: {
+            default: string;
+            secondary: string;
+            tertiary: string;
+            disabled: string;
+            inverse: string;
+            onBgFillDisabled: string;
+            brand: string;
+            brandAccent: string;
+            brandHover: string;
+            brandInverse: string;
+            brandInverseSecondary: string;
+            brandPrimary: string;
+            critical: string;
+            warningOnBgFill: string;
+        };
+        link: {
+            default: string;
+            brand: string;
+            brandHover: string;
+            visited: string;
+            primary: string;
+            primaryHover: string;
+            disabled: string;
+            inverse: string;
+            inverseVisited: string;
+            inverseDisabled: string;
+            inverseSecondary: string;
+            inverseTertiary: string;
+        };
+        speciality: {
+            inputDefault: string;
+        };
+    };
+    typography: {
+        heading: {
+            xxl: {
+                md: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+                sm: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+            };
+            xl: {
+                md: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+                sm: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+            };
+            lg: {
+                md: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+                sm: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+            };
+            md: {
+                md: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+                sm: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+            };
+            sm: {
+                md: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+                sm: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+            };
+            xs: {
+                md: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+                sm: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+            };
+        };
+        body: {
+            lg: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            lgMedium: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            lgSemibold: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            lgBold: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            md: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            mdMedium: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            mdSemibold: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            mdNumeric: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            mdMediumNumeric: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            sm: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            smMedium: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            smSemibold: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            xs: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            xsMedium: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+        };
+    };
     color: {
+        base: {
+            purple200: string;
+            purple50: string;
+            purple40: string;
+            purple20: string;
+            green100: string;
+            green70: string;
+            green40: string;
+            green10: string;
+            green200: string;
+            green50: string;
+            green20: string;
+            blue100: string;
+            blue80: string;
+            blue70: string;
+            blue40: string;
+            blue10: string;
+            blue5: string;
+            blue200: string;
+            blue50: string;
+            blue20: string;
+            blue15: string;
+            blue20Alt: string;
+            blue25: string;
+            yellow200: string;
+            yellow50: string;
+            yellow20: string;
+            orange100: string;
+            orange70: string;
+            orange40: string;
+            orange10: string;
+            red100: string;
+            red70: string;
+            red50: string;
+            red40: string;
+            red10: string;
+            red80: string;
+            red90: string;
+            pink200: string;
+            pink50: string;
+            pink20: string;
+            black100: string;
+            black90: string;
+            black80: string;
+            black70: string;
+            black60: string;
+            black40: string;
+            black20: string;
+            black15: string;
+            black10: string;
+            black5: string;
+            white: string;
+        };
         text: {
             primary: string;
             secondary: string;
@@ -118,6 +1202,10 @@ declare const useTheme: () => [{
             grey5: string;
             white: string;
         };
+        blackAndWhite: {
+            black: string;
+            white: string;
+        };
         overlay: {
             blanket: string;
         };
@@ -283,7 +1371,1089 @@ declare const useTheme: () => [{
     m64: string;
     m72: string;
     m80: string;
+    primitiveColour: {
+        grey: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "00": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $description: string;
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        whiteAlpha: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        red: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        orange: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        yellow: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        green: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        blue: {
+            "10": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        brandPurple: {
+            "10": {
+                $description: string;
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "11": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "12": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "13": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "14": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "15": {
+                $description: string;
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "01": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "02": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "03": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "04": {
+                $description: string;
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "05": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "06": {
+                $description: string;
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "07": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "08": {
+                $description: string;
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+            "09": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+        brandBlur: {
+            "heritage-blue": {
+                $value: {
+                    hex: string;
+                    alpha: number;
+                };
+            };
+        };
+    };
+    colour: {
+        bg: {
+            default: string;
+            brand: string;
+            inverse: string;
+            inversePrimary: string;
+        };
+        border: {
+            default: string;
+            brand: string;
+            brandHover: string;
+            brandSubtle: string;
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            subtle: string;
+            disabled: string;
+            inverse: string;
+            brandInverse: string;
+            brandInverseSecondary: string;
+            focus: string;
+            success: string;
+            critical: string;
+            warning: string;
+        };
+        fill: {
+            default: string;
+            hover: string;
+            brand: string;
+            brandHover: string;
+            brandPressed: string;
+            brandSubtleSelected: string;
+            brandSubtleHover: string;
+            brandPrimary: string;
+            disabled: string;
+            inverse: string;
+            brandInverseSecondary: string;
+            inverseHover: string;
+            critical: string;
+            criticalHover: string;
+            criticalSelected: string;
+            criticalPressed: string;
+            warning: string;
+            warningHover: string;
+            warningSelected: string;
+            warningPressed: string;
+            success: string;
+        };
+        icon: {
+            default: string;
+            hover: string;
+            secondary: string;
+            tertiary: string;
+            disabled: string;
+            disabledOnBgFill: string;
+            brand: string;
+            brandHover: string;
+            brandSelectedOnBgFill: string;
+            visited: string;
+            brandPrimary: string;
+            brandInverted: string;
+            inverse: string;
+            inverseHover: string;
+            brandInverseSecondary: string;
+            inverseTertiary: string;
+            inverseDisabled: string;
+            critical: string;
+            criticalOnBgFill: string;
+            success: string;
+            successOnBgFill: string;
+            warning: string;
+            warningOnBgFill: string;
+        };
+        surface: {
+            default: string;
+            primary: string;
+            secondary: string;
+            brand: string;
+            brandHover: string;
+            brandSelected: string;
+            warning: string;
+            success: string;
+            critical: string;
+            hover: string;
+            selected: string;
+            disabled: string;
+            tertiary: string;
+            inverseBrand: string;
+            inverseBrandPrimary: string;
+            backdrop: string;
+        };
+        text: {
+            default: string;
+            secondary: string;
+            tertiary: string;
+            disabled: string;
+            inverse: string;
+            onBgFillDisabled: string;
+            brand: string;
+            brandAccent: string;
+            brandHover: string;
+            brandInverse: string;
+            brandInverseSecondary: string;
+            brandPrimary: string;
+            critical: string;
+            warningOnBgFill: string;
+        };
+        link: {
+            default: string;
+            brand: string;
+            brandHover: string;
+            visited: string;
+            primary: string;
+            primaryHover: string;
+            disabled: string;
+            inverse: string;
+            inverseVisited: string;
+            inverseDisabled: string;
+            inverseSecondary: string;
+            inverseTertiary: string;
+        };
+        speciality: {
+            inputDefault: string;
+        };
+    };
+    typography: {
+        heading: {
+            xxl: {
+                md: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+                sm: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+            };
+            xl: {
+                md: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+                sm: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+            };
+            lg: {
+                md: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+                sm: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+            };
+            md: {
+                md: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+                sm: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+            };
+            sm: {
+                md: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+                sm: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+            };
+            xs: {
+                md: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+                sm: {
+                    fontFamily: string[];
+                    fontSettings: string;
+                    fontSize: number;
+                    fontWeight: number;
+                    lineHeight: number;
+                };
+            };
+        };
+        body: {
+            lg: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            lgMedium: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            lgSemibold: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            lgBold: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            md: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            mdMedium: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            mdSemibold: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            mdNumeric: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            mdMediumNumeric: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            sm: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            smMedium: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            smSemibold: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            xs: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            xsMedium: {
+                fontFamily: string[];
+                fontSettings: string;
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+        };
+    };
     color: {
+        base: {
+            purple200: string;
+            purple50: string;
+            purple40: string;
+            purple20: string;
+            green100: string;
+            green70: string;
+            green40: string;
+            green10: string;
+            green200: string;
+            green50: string;
+            green20: string;
+            blue100: string;
+            blue80: string;
+            blue70: string;
+            blue40: string;
+            blue10: string;
+            blue5: string;
+            blue200: string;
+            blue50: string;
+            blue20: string;
+            blue15: string;
+            blue20Alt: string;
+            blue25: string;
+            yellow200: string;
+            yellow50: string;
+            yellow20: string;
+            orange100: string;
+            orange70: string;
+            orange40: string;
+            orange10: string;
+            red100: string;
+            red70: string;
+            red50: string;
+            red40: string;
+            red10: string;
+            red80: string;
+            red90: string;
+            pink200: string;
+            pink50: string;
+            pink20: string;
+            black100: string;
+            black90: string;
+            black80: string;
+            black70: string;
+            black60: string;
+            black40: string;
+            black20: string;
+            black15: string;
+            black10: string;
+            black5: string;
+            white: string;
+        };
         text: {
             primary: string;
             secondary: string;
@@ -366,6 +2536,10 @@ declare const useTheme: () => [{
             grey5: string;
             white: string;
         };
+        blackAndWhite: {
+            black: string;
+            white: string;
+        };
         overlay: {
             blanket: string;
         };