@entur/tokens 3.11.2 → 3.12.1-alpha.0

package/dist/index.d.ts

@@ -1,276 +1,5 @@
-export declare const colors: {
-    brand: {
-        blue: string;
-        lavender: string;
-        white: string;
-        coral: string;
-        peach: string;
-    };
-    blues: {
-        blue10: string;
-        blue20: string;
-        blue30: string;
-        blue40: string;
-        blue45: string;
-        blue50: string;
-        blue60: string;
-        blue70: string;
-        blue80: string;
-        blue90: string;
-    };
-    greys: {
-        grey: string;
-        grey10: string;
-        grey20: string;
-        grey30: string;
-        grey40: string;
-        grey45: string;
-        grey50: string;
-        grey60: string;
-        grey70: string;
-        grey80: string;
-        grey90: string;
-    };
-    validation: {
-        sky: string;
-        skyContrast: string;
-        skyTint: string;
-        lava: string;
-        lavaContrast: string;
-        lavaTint: string;
-        mint: string;
-        mintContrast: string;
-        mintTint: string;
-        canary: string;
-        canaryContrast: string;
-        canaryTint: string;
-    };
-    misc: {
-        focus: string;
-        black: string;
-    };
-    transport: {
-        default: {
-            metro: string;
-            bus: string;
-            plane: string;
-            helicopter: string;
-            tram: string;
-            funicular: string;
-            cableway: string;
-            taxi: string;
-            bicycle: string;
-            walk: string;
-            train: string;
-            ferry: string;
-            carferry: string;
-            mobility: string;
-        };
-        contrast: {
-            metro: string;
-            bus: string;
-            plane: string;
-            helicopter: string;
-            tram: string;
-            funicular: string;
-            cableway: string;
-            taxi: string;
-            bicycle: string;
-            walk: string;
-            train: string;
-            ferry: string;
-            carferry: string;
-            mobility: string;
-        };
-    };
-    data: {
-        default: {
-            blue: string;
-            coral: string;
-            jungle: string;
-            azure: string;
-            lavender: string;
-            peach: string;
-            spring: string;
-            lilac: string;
-        };
-        contrast: {
-            blue: string;
-            coral: string;
-            jungle: string;
-            azure: string;
-            lavender: string;
-            peach: string;
-            spring: string;
-            lilac: string;
-        };
-    };
-};
-export declare const space: {
-    none: number;
-    default: number;
-    extraSmall2: number;
-    extraSmall: number;
-    small: number;
-    medium: number;
-    large: number;
-    extraLarge: number;
-    extraLarge2: number;
-    extraLarge3: number;
-    extraLarge4: number;
-    extraLarge5: number;
-    extraLarge6: number;
-    extraLarge7: number;
-    extraLarge8: number;
-    extraLarge9: number;
-    rem: {
-        none: number;
-        default: number;
-        extraSmall2: number;
-        extraSmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        extraLarge: number;
-        extraLarge2: number;
-        extraLarge3: number;
-        extraLarge4: number;
-        extraLarge5: number;
-        extraLarge6: number;
-        extraLarge7: number;
-        extraLarge8: number;
-        extraLarge9: number;
-    };
-};
-export declare const fontWeights: {
-    body: string;
-    heading: string;
-};
-export declare const fontSizes: {
-    extraSmall: number;
-    small: number;
-    medium: number;
-    large: number;
-    extraLarge: number;
-    extraLarge2: number;
-    extraLarge3: number;
-    extraLarge4: number;
-    extraLarge5: number;
-    rem: {
-        extraSmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        extraLarge: number;
-        extraLarge2: number;
-        extraLarge3: number;
-        extraLarge4: number;
-        extraLarge5: number;
-    };
-};
-export declare const lineHeights: {
-    extraSmall: number;
-    small: number;
-    medium: number;
-    large: number;
-    extraLarge: number;
-    extraLarge2: number;
-    extraLarge3: number;
-    extraLarge4: number;
-    extraLarge5: number;
-    extraLarge6: number;
-    extraLarge7: number;
-    rem: {
-        extraSmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        extraLarge: number;
-        extraLarge2: number;
-        extraLarge3: number;
-        extraLarge4: number;
-        extraLarge5: number;
-        extraLarge6: number;
-        extraLarge7: number;
-    };
-};
-export declare const breakpoints: {
-    large: number;
-    extraLarge: number;
-    rem: {
-        large: number;
-        extraLarge: number;
-    };
-};
-export declare const borderWidths: {
-    default: number;
-    small: number;
-    medium: number;
-    large: number;
-    rem: {
-        default: number;
-        small: number;
-        medium: number;
-        large: number;
-    };
-};
-export declare const borderRadiuses: {
-    default: number;
-    small: number;
-    medium: number;
-    large: number;
-    rem: {
-        default: number;
-        small: number;
-        medium: number;
-        large: number;
-    };
-};
-export declare const shadows: {
-    focus: string;
-    focusContrast: string;
-    cardShadow: string;
-    cardShadowHover: string;
-    cardShadowContrast: string;
-    cardShadowHoverContrast: string;
-    boxShadow: string;
-    boxShadowContrast: string;
-};
-export declare const zIndexes: {
-    behind: number;
-    default: number;
-    sticky: number;
-    popover: number;
-    overlay: number;
-    modal: number;
-    toast: number;
-};
-export declare const timings: {
-    fast: string;
-    medium: string;
-    slow: string;
-};
-export declare const outlines: {
-    focus: string;
-    focusContrast: string;
-};
-export declare const outlineOffsets: {
-    focus: number;
-    rem: {
-        focus: number;
-    };
-};
-type colorTokens = {
-    light: {
-        colors: Record<string, string>;
-    };
-    dark: {
-        colors: Record<string, string>;
-    };
-};
-/**
- * THESE COLOUR ARE A PRE-RELEASE OF THE NEW COLOUR
- * VARIABLES AND SEMANTIC TOKENS
- */
-export declare const componentColors: colorTokens;
-export {};
+export * from './primitive';
+export * from './semantic';
+export * from './base';
+export * from './componentColors';
+export * from './legacy-tokens';

package/dist/legacy-tokens.d.ts

@@ -0,0 +1,262 @@
+export declare const colors: {
+    brand: {
+        blue: string;
+        lavender: string;
+        white: string;
+        coral: string;
+        peach: string;
+    };
+    blues: {
+        blue10: string;
+        blue20: string;
+        blue30: string;
+        blue40: string;
+        blue45: string;
+        blue50: string;
+        blue60: string;
+        blue70: string;
+        blue80: string;
+        blue90: string;
+    };
+    greys: {
+        grey: string;
+        grey10: string;
+        grey20: string;
+        grey30: string;
+        grey40: string;
+        grey45: string;
+        grey50: string;
+        grey60: string;
+        grey70: string;
+        grey80: string;
+        grey90: string;
+    };
+    validation: {
+        sky: string;
+        skyContrast: string;
+        skyTint: string;
+        lava: string;
+        lavaContrast: string;
+        lavaTint: string;
+        mint: string;
+        mintContrast: string;
+        mintTint: string;
+        canary: string;
+        canaryContrast: string;
+        canaryTint: string;
+    };
+    misc: {
+        focus: string;
+        black: string;
+    };
+    transport: {
+        default: {
+            metro: string;
+            bus: string;
+            plane: string;
+            helicopter: string;
+            tram: string;
+            funicular: string;
+            cableway: string;
+            taxi: string;
+            bicycle: string;
+            walk: string;
+            train: string;
+            ferry: string;
+            carferry: string;
+            mobility: string;
+        };
+        contrast: {
+            metro: string;
+            bus: string;
+            plane: string;
+            helicopter: string;
+            tram: string;
+            funicular: string;
+            cableway: string;
+            taxi: string;
+            bicycle: string;
+            walk: string;
+            train: string;
+            ferry: string;
+            carferry: string;
+            mobility: string;
+        };
+    };
+    data: {
+        default: {
+            blue: string;
+            coral: string;
+            jungle: string;
+            azure: string;
+            lavender: string;
+            peach: string;
+            spring: string;
+            lilac: string;
+        };
+        contrast: {
+            blue: string;
+            coral: string;
+            jungle: string;
+            azure: string;
+            lavender: string;
+            peach: string;
+            spring: string;
+            lilac: string;
+        };
+    };
+};
+export declare const space: {
+    none: number;
+    default: number;
+    extraSmall2: number;
+    extraSmall: number;
+    small: number;
+    medium: number;
+    large: number;
+    extraLarge: number;
+    extraLarge2: number;
+    extraLarge3: number;
+    extraLarge4: number;
+    extraLarge5: number;
+    extraLarge6: number;
+    extraLarge7: number;
+    extraLarge8: number;
+    extraLarge9: number;
+    rem: {
+        none: number;
+        default: number;
+        extraSmall2: number;
+        extraSmall: number;
+        small: number;
+        medium: number;
+        large: number;
+        extraLarge: number;
+        extraLarge2: number;
+        extraLarge3: number;
+        extraLarge4: number;
+        extraLarge5: number;
+        extraLarge6: number;
+        extraLarge7: number;
+        extraLarge8: number;
+        extraLarge9: number;
+    };
+};
+export declare const fontWeights: {
+    body: string;
+    heading: string;
+};
+export declare const fontSizes: {
+    extraSmall: number;
+    small: number;
+    medium: number;
+    large: number;
+    extraLarge: number;
+    extraLarge2: number;
+    extraLarge3: number;
+    extraLarge4: number;
+    extraLarge5: number;
+    rem: {
+        extraSmall: number;
+        small: number;
+        medium: number;
+        large: number;
+        extraLarge: number;
+        extraLarge2: number;
+        extraLarge3: number;
+        extraLarge4: number;
+        extraLarge5: number;
+    };
+};
+export declare const lineHeights: {
+    extraSmall: number;
+    small: number;
+    medium: number;
+    large: number;
+    extraLarge: number;
+    extraLarge2: number;
+    extraLarge3: number;
+    extraLarge4: number;
+    extraLarge5: number;
+    extraLarge6: number;
+    extraLarge7: number;
+    rem: {
+        extraSmall: number;
+        small: number;
+        medium: number;
+        large: number;
+        extraLarge: number;
+        extraLarge2: number;
+        extraLarge3: number;
+        extraLarge4: number;
+        extraLarge5: number;
+        extraLarge6: number;
+        extraLarge7: number;
+    };
+};
+export declare const breakpoints: {
+    large: number;
+    extraLarge: number;
+    rem: {
+        large: number;
+        extraLarge: number;
+    };
+};
+export declare const borderWidths: {
+    default: number;
+    small: number;
+    medium: number;
+    large: number;
+    rem: {
+        default: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+};
+export declare const borderRadiuses: {
+    default: number;
+    small: number;
+    medium: number;
+    large: number;
+    rem: {
+        default: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+};
+export declare const shadows: {
+    focus: string;
+    focusContrast: string;
+    cardShadow: string;
+    cardShadowHover: string;
+    cardShadowContrast: string;
+    cardShadowHoverContrast: string;
+    boxShadow: string;
+    boxShadowContrast: string;
+};
+export declare const zIndexes: {
+    behind: number;
+    default: number;
+    sticky: number;
+    popover: number;
+    overlay: number;
+    modal: number;
+    toast: number;
+};
+export declare const timings: {
+    fast: string;
+    medium: string;
+    slow: string;
+};
+export declare const outlines: {
+    focus: string;
+    focusContrast: string;
+};
+export declare const outlineOffsets: {
+    focus: number;
+    rem: {
+        focus: number;
+    };
+};

package/dist/primitive.css

@@ -0,0 +1,125 @@
+
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+:root {
+	--blue-10: #f6f6f9;
+	--blue-100: #292b6a;
+	--blue-20: #eaeaf1;
+	--blue-30: #d9dae8;
+	--blue-40: #bcbdd2;
+	--blue-50: #9ea0bd;
+	--blue-60: #8284ab;
+	--blue-70: #626493;
+	--blue-80: #54568c;
+	--blue-90: #393d79;
+	--canary-10: #fffbeb;
+	--canary-100: #483705;
+	--canary-20: #fff4cd;
+	--canary-30: #ffeeb3;
+	--canary-40: #ffe082;
+	--canary-50: #ffda6b;
+	--canary-60: #ffca28;
+	--canary-70: #e9b10c;
+	--canary-80: #b38909;
+	--canary-90: #775b09;
+	--coral-10: #ffe5e5;
+	--coral-100: #370606;
+	--coral-20: #ffcece;
+	--coral-30: #ff9494;
+	--coral-40: #ff5959;
+	--coral-50: #f73e3b;
+	--coral-60: #d31b1b;
+	--coral-70: #b31414;
+	--coral-80: #8a1414;
+	--coral-90: #5d0e0e;
+	--ebony-10: #e5e5e9;
+	--ebony-100: #08091c;
+	--ebony-15: #d8d9df;
+	--ebony-20: #cccdd4;
+	--ebony-25: #bfc0c8;
+	--ebony-30: #b3b4bd;
+	--ebony-35: #a6a7b2;
+	--ebony-40: #999aa7;
+	--ebony-45: #8d8e9c;
+	--ebony-5: #f2f2f5;
+	--ebony-50: #81828f;
+	--ebony-55: #757584;
+	--ebony-60: #6a6b78;
+	--ebony-65: #5e5f6c;
+	--ebony-70: #525360;
+	--ebony-75: #464755;
+	--ebony-80: #393a49;
+	--ebony-85: #2d2e3e;
+	--ebony-90: #212233;
+	--ebony-95: #141527;
+	--grey-10: #f2f5f7;
+	--grey-100: #262729;
+	--grey-110: #101112;
+	--grey-20: #edf0f2;
+	--grey-30: #e3e6e8;
+	--grey-40: #cfd2d4;
+	--grey-50: #b6b8ba;
+	--grey-60: #949699;
+	--grey-70: #6e6f73;
+	--grey-80: #515254;
+	--grey-90: #3d3e40;
+	--lavender-10: #f0f1fa;
+	--lavender-100: #11143c;
+	--lavender-20: #d9ddf2;
+	--lavender-30: #c7cdeb;
+	--lavender-40: #aeb7e2;
+	--lavender-50: #8794d4;
+	--lavender-60: #5a68c4;
+	--lavender-70: #3b46ab;
+	--lavender-80: #262f7d;
+	--lavender-90: #181c56;
+	--mint-10: #e6f6f0;
+	--mint-100: #022015;
+	--mint-20: #d0f1e3;
+	--mint-30: #9cd9c2;
+	--mint-40: #5ac39a;
+	--mint-50: #37ab83;
+	--mint-60: #1a8e60;
+	--mint-70: #068152;
+	--mint-80: #05613e;
+	--mint-90: #034029;
+	--peach-10: #fff1eb;
+	--peach-100: #3a1503;
+	--peach-20: #ffe4d6;
+	--peach-30: #ffd3bd;
+	--peach-40: #ffbf9e;
+	--peach-50: #fd9a68;
+	--peach-60: #fd7835;
+	--peach-70: #e6560f;
+	--peach-80: #ae4009;
+	--peach-90: #742b06;
+	--sky-10: #e1eff8;
+	--sky-100: #011a23;
+	--sky-20: #acd7f1;
+	--sky-30: #64b3e7;
+	--sky-40: #2d98d2;
+	--sky-50: #067eb2;
+	--sky-60: #046690;
+	--sky-70: #044d6c;
+	--sky-80: #003852;
+	--sky-90: #022536;
+	--transparent-blue-alpha40: #54568c66;
+	--transparent-canary-alpha30: #fff4cd4d;
+	--transparent-coral-alpha20: #ff949433;
+	--transparent-ebony-alpha20: #e5e5e933;
+	--transparent-ebony-alpha35: #e5e5e959;
+	--transparent-lavender-alpha70: #aeb7e2b2;
+	--transparent-neutral-alpha15: #cfd2d426;
+	--transparent-peach-alpha70: #ffbf9eb2;
+	--white-alpha-0: #ffffff00;
+	--white-alpha-10: #ffffff1a;
+	--white-alpha-100: #ffffff;
+	--white-alpha-20: #ffffff33;
+	--white-alpha-30: #ffffff4d;
+	--white-alpha-40: #ffffff66;
+	--white-alpha-50: #ffffff80;
+	--white-alpha-60: #ffffff99;
+	--white-alpha-70: #ffffffb2;
+	--white-alpha-80: #ffffffcc;
+	--white-alpha-90: #ffffffe5;
+}