@entur/tokens 3.12.0 → 3.13.0

package/dist/data.css

@@ -0,0 +1,41 @@
+@import '~@entur/tokens/dist/semantic.css';
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+[data-color-mode='light'],
+:root {
+  --contrast-azure: #64b2fb;
+  --contrast-blue: #6c6eb7;
+  --contrast-coral: #ff5959;
+  --contrast-jungle: #0fc2b3;
+  --contrast-lavender: #aeb7e2;
+  --contrast-lilac: #ea8bea;
+  --contrast-peach: #ffbf9e;
+  --contrast-spring: #7bc00b;
+  --standard-azure: #2f98fa;
+  --standard-blue: #181c56;
+  --standard-coral: #ff5959;
+  --standard-jungle: #0ea2a8;
+  --standard-lavender: #8692ca;
+  --standard-lilac: #8e57e3;
+  --standard-peach: #ca825b;
+  --standard-spring: #57a257;
+}
+
+[data-color-mode='dark'] {
+  --contrast-azure: #669bcc;
+  --contrast-blue: #aeb7e2;
+  --contrast-coral: #ff9494;
+  --contrast-jungle: #349d94;
+  --contrast-lavender: #7c8ad0;
+  --contrast-lilac: #c982c9;
+  --contrast-peach: #d6855c;
+  --contrast-spring: #8cb24c;
+  --standard-azure: #669bcc;
+  --standard-blue: #aeb7e2;
+  --standard-coral: #ff9494;
+  --standard-jungle: #349d94;
+  --standard-lavender: #7c8ad0;
+  --standard-lilac: #c982c9;
+  --standard-peach: #d6855c;
+  --standard-spring: #8cb24c;
+}

package/dist/data.d.ts

@@ -0,0 +1,46 @@
+export declare const data: {
+    light: {
+        contrast: {
+            azure: string;
+            blue: string;
+            coral: string;
+            jungle: string;
+            lavender: string;
+            lilac: string;
+            peach: string;
+            spring: string;
+        };
+        standard: {
+            azure: string;
+            blue: string;
+            coral: string;
+            jungle: string;
+            lavender: string;
+            lilac: string;
+            peach: string;
+            spring: string;
+        };
+    };
+    dark: {
+        contrast: {
+            azure: string;
+            blue: string;
+            coral: string;
+            jungle: string;
+            lavender: string;
+            lilac: string;
+            peach: string;
+            spring: string;
+        };
+        standard: {
+            azure: string;
+            blue: string;
+            coral: string;
+            jungle: string;
+            lavender: string;
+            lilac: string;
+            peach: string;
+            spring: string;
+        };
+    };
+};

package/dist/data.less

@@ -0,0 +1,41 @@
+@import '~@entur/tokens/dist/semantic.css';
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+[data-color-mode='light'],
+:root {
+  @contrast-azure: #64b2fb;
+  @contrast-blue: #6c6eb7;
+  @contrast-coral: #ff5959;
+  @contrast-jungle: #0fc2b3;
+  @contrast-lavender: #aeb7e2;
+  @contrast-lilac: #ea8bea;
+  @contrast-peach: #ffbf9e;
+  @contrast-spring: #7bc00b;
+  @standard-azure: #2f98fa;
+  @standard-blue: #181c56;
+  @standard-coral: #ff5959;
+  @standard-jungle: #0ea2a8;
+  @standard-lavender: #8692ca;
+  @standard-lilac: #8e57e3;
+  @standard-peach: #ca825b;
+  @standard-spring: #57a257;
+}
+
+[data-color-mode='dark'] {
+  @contrast-azure: #669bcc;
+  @contrast-blue: #aeb7e2;
+  @contrast-coral: #ff9494;
+  @contrast-jungle: #349d94;
+  @contrast-lavender: #7c8ad0;
+  @contrast-lilac: #c982c9;
+  @contrast-peach: #d6855c;
+  @contrast-spring: #8cb24c;
+  @standard-azure: #669bcc;
+  @standard-blue: #aeb7e2;
+  @standard-coral: #ff9494;
+  @standard-jungle: #349d94;
+  @standard-lavender: #7c8ad0;
+  @standard-lilac: #c982c9;
+  @standard-peach: #d6855c;
+  @standard-spring: #8cb24c;
+}

package/dist/data.scss

@@ -0,0 +1,41 @@
+@use '~@entur/tokens/dist/semantic.css';
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+[data-color-mode='light'],
+:root {
+  $contrast-azure: #64b2fb;
+  $contrast-blue: #6c6eb7;
+  $contrast-coral: #ff5959;
+  $contrast-jungle: #0fc2b3;
+  $contrast-lavender: #aeb7e2;
+  $contrast-lilac: #ea8bea;
+  $contrast-peach: #ffbf9e;
+  $contrast-spring: #7bc00b;
+  $standard-azure: #2f98fa;
+  $standard-blue: #181c56;
+  $standard-coral: #ff5959;
+  $standard-jungle: #0ea2a8;
+  $standard-lavender: #8692ca;
+  $standard-lilac: #8e57e3;
+  $standard-peach: #ca825b;
+  $standard-spring: #57a257;
+}
+
+[data-color-mode='dark'] {
+  $contrast-azure: #669bcc;
+  $contrast-blue: #aeb7e2;
+  $contrast-coral: #ff9494;
+  $contrast-jungle: #349d94;
+  $contrast-lavender: #7c8ad0;
+  $contrast-lilac: #c982c9;
+  $contrast-peach: #d6855c;
+  $contrast-spring: #8cb24c;
+  $standard-azure: #669bcc;
+  $standard-blue: #aeb7e2;
+  $standard-coral: #ff9494;
+  $standard-jungle: #349d94;
+  $standard-lavender: #7c8ad0;
+  $standard-lilac: #c982c9;
+  $standard-peach: #d6855c;
+  $standard-spring: #8cb24c;
+}

package/dist/index.d.ts

@@ -1,276 +1,7 @@
-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 './data';
+export * from './transport';
+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;
+    };
+};