@entur/tokens 3.12.0 → 3.13.0

package/dist/semantic.d.ts

@@ -0,0 +1,186 @@
+export declare const semantic: {
+    fill: {
+        background: {
+            contrast: {
+                dark: string;
+                light: string;
+                lightalt: string;
+                lightalt2: string;
+            };
+            overlay: {
+                solid: string;
+                solidalt: string;
+                transparent: string;
+                transparentalt: string;
+            };
+            standard: {
+                colorless: string;
+                dark: string;
+                light: string;
+            };
+            subdued: {
+                dark: string;
+                light: string;
+            };
+            tint: {
+                dark: string;
+                light: string;
+                neutral: string;
+                transparent: string;
+            };
+        };
+        boolean: {
+            false: {
+                contrast: string;
+                dark: string;
+                light: string;
+            };
+            true: {
+                contrast: string;
+                dark: string;
+                light: string;
+            };
+        };
+        disabled: {
+            light: string;
+            transparent: string;
+            transparentalt: string;
+        };
+        information: {
+            contrast: string;
+            deep: string;
+            muted: string;
+            tint: string;
+        };
+        negative: {
+            contrast: string;
+            dark: string;
+            deep: string;
+            muted: string;
+            tint: string;
+            transparent: string;
+        };
+        primary: {
+            active: {
+                contrast: string;
+                light: string;
+            };
+            default: {
+                contrast: string;
+                light: string;
+            };
+            hover: {
+                contrast: string;
+                light: string;
+            };
+        };
+        secondary: {
+            active: {
+                contrast: string;
+                light: string;
+            };
+            default: {
+                colorless: string;
+            };
+            hover: {
+                contrast: string;
+                light: string;
+            };
+        };
+        selected: {
+            default: {
+                contrast: string;
+                dark: string;
+                light: string;
+                neutral: string;
+            };
+            hover: {
+                contrast: string;
+                dark: string;
+                light: string;
+                neutral: string;
+            };
+        };
+        success: {
+            contrast: string;
+            deep: string;
+            muted: string;
+            subdued: string;
+            tint: string;
+        };
+        warning: {
+            contrast: string;
+            deep: string;
+            muted: string;
+            tint: string;
+        };
+    };
+    shape: {
+        accent: string;
+        contrast: string;
+        dark: string;
+        darkalt: string;
+        disabled: string;
+        highlight: string;
+        highlightalt: string;
+        inactive: string;
+        information: string;
+        informationalt: string;
+        light: string;
+        lightalt: string;
+        negative: string;
+        negativealt: string;
+        neutral: string;
+        neutralalt: string;
+        neutralalt2: string;
+        subdued: string;
+        subduedalt: string;
+        success: string;
+        successalt: string;
+        warning: string;
+        warningalt: string;
+    };
+    stroke: {
+        accent: string;
+        colorless: string;
+        contrast: string;
+        contrastalt: string;
+        dark: string;
+        darkalt: string;
+        darkalt2: string;
+        highlight: string;
+        highlightalt: string;
+        information: string;
+        light: string;
+        lightalt: string;
+        negative: string;
+        negativealt: string;
+        neutral: string;
+        neutralalt: string;
+        subdued: string;
+        success: string;
+        successalt: string;
+        transparent: string;
+        transparentalt: string;
+        warning: string;
+    };
+    text: {
+        accent: string;
+        dark: string;
+        darkalt: string;
+        disabled: string;
+        highlight: string;
+        highlightalt: string;
+        light: string;
+        lightalt: string;
+        negative: string;
+        negativealt: string;
+        neutral: string;
+        neutralalt: string;
+        neutralalt2: string;
+        subdued: string;
+        subduedalt: string;
+        success: string;
+        successalt: string;
+    };
+};

package/dist/semantic.less

@@ -0,0 +1,131 @@
+@import '~@entur/tokens/dist/primitive.less';
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+
+@fill-background-contrast-dark: @ebony-90;
+@fill-background-contrast-light: @lavender-90;
+@fill-background-contrast-lightalt: @blue-90;
+@fill-background-contrast-lightalt-2: @blue-100;
+@fill-background-overlay-solid: @ebony-80;
+@fill-background-overlay-solidalt: @ebony-75;
+@fill-background-overlay-transparent: @transparent-ebony-alpha15;
+@fill-background-overlay-transparentalt: @transparent-ebony-alpha25;
+@fill-background-standard-colorless: @white-alpha-0;
+@fill-background-standard-dark: @ebony-100;
+@fill-background-standard-light: @white-alpha-100;
+@fill-background-subdued-dark: @ebony-85;
+@fill-background-subdued-light: @blue-30;
+@fill-background-tint-dark: @ebony-95;
+@fill-background-tint-light: @blue-10;
+@fill-background-tint-neutral: @grey-10;
+@fill-background-tint-transparent: @transparent-blue-alpha10;
+@fill-boolean-false-contrast: @blue-50;
+@fill-boolean-false-dark: @transparent-ebony-alpha35;
+@fill-boolean-false-light: @grey-60;
+@fill-boolean-true-contrast: @mint-40;
+@fill-boolean-true-dark: @mint-40;
+@fill-boolean-true-light: @mint-60;
+@fill-disabled-light: @grey-40;
+@fill-disabled-transparent: @transparent-neutral-alpha15;
+@fill-disabled-transparentalt: @transparent-neutral-alpha10;
+@fill-information-contrast: @sky-30;
+@fill-information-deep: @sky-50;
+@fill-information-muted: @sky-10;
+@fill-information-tint: @sky-20;
+@fill-negative-contrast: @coral-40;
+@fill-negative-dark: @coral-90;
+@fill-negative-deep: @coral-60;
+@fill-negative-muted: @coral-20;
+@fill-negative-tint: @coral-30;
+@fill-negative-transparent: @transparent-coral-alpha20;
+@fill-primary-active-contrast: @lavender-50;
+@fill-primary-active-light: @lavender-100;
+@fill-primary-default-contrast: @lavender-40;
+@fill-primary-default-light: @lavender-90;
+@fill-primary-hover-contrast: @lavender-30;
+@fill-primary-hover-light: @blue-90;
+@fill-secondary-active-contrast: @lavender-50;
+@fill-secondary-active-light: @lavender-40;
+@fill-secondary-default-colorless: @white-alpha-0;
+@fill-secondary-hover-contrast: @blue-70;
+@fill-secondary-hover-light: @lavender-20;
+@fill-selected-default-contrast: @blue-90;
+@fill-selected-default-dark: @ebony-10;
+@fill-selected-default-light: @blue-10;
+@fill-selected-default-neutral: @grey-30;
+@fill-selected-hover-contrast: @blue-80;
+@fill-selected-hover-dark: @transparent-ebony-alpha35;
+@fill-selected-hover-light: @blue-20;
+@fill-selected-hover-neutral: @grey-20;
+@fill-success-contrast: @mint-40;
+@fill-success-deep: @mint-60;
+@fill-success-muted: @mint-20;
+@fill-success-subdued: @mint-50;
+@fill-success-tint: @mint-30;
+@fill-warning-contrast: @canary-40;
+@fill-warning-deep: @canary-60;
+@fill-warning-muted: @canary-20;
+@fill-warning-tint: @canary-30;
+@shape-accent: @lavender-90;
+@shape-contrast: @lavender-40;
+@shape-dark: @ebony-100;
+@shape-darkalt: @ebony-30;
+@shape-disabled: @grey-80;
+@shape-highlight: @coral-40;
+@shape-highlightalt: @coral-30;
+@shape-inactive: @blue-40;
+@shape-information: @sky-50;
+@shape-informationalt: @sky-30;
+@shape-light: @white-alpha-100;
+@shape-lightalt: @ebony-10;
+@shape-negative: @coral-60;
+@shape-negativealt: @coral-30;
+@shape-neutral: @grey-70;
+@shape-neutralalt: @grey-50;
+@shape-neutralalt2: @grey-60;
+@shape-subdued: @blue-70;
+@shape-subduedalt: @blue-30;
+@shape-success: @mint-60;
+@shape-successalt: @mint-40;
+@shape-warning: @canary-60;
+@shape-warningalt: @canary-40;
+@stroke-accent: @lavender-90;
+@stroke-colorless: @white-alpha-0;
+@stroke-contrast: @lavender-40;
+@stroke-contrastalt: @blue-80;
+@stroke-dark: @ebony-30;
+@stroke-darkalt: @ebony-50;
+@stroke-darkalt-2: @ebony-100;
+@stroke-highlight: @coral-40;
+@stroke-highlightalt: @coral-30;
+@stroke-information: @sky-50;
+@stroke-light: @white-alpha-100;
+@stroke-lightalt: @ebony-10;
+@stroke-negative: @coral-60;
+@stroke-negativealt: @coral-30;
+@stroke-neutral: @grey-30;
+@stroke-neutralalt: @grey-60;
+@stroke-subdued: @blue-60;
+@stroke-success: @mint-60;
+@stroke-successalt: @mint-40;
+@stroke-transparent: @transparent-blue-alpha40;
+@stroke-transparentalt: @transparent-lavender-alpha70;
+@stroke-warning: @canary-70;
+@text-accent: @lavender-90;
+@text-dark: @ebony-100;
+@text-darkalt: @ebony-30;
+@text-disabled: @grey-80;
+@text-highlight: @lavender-40;
+@text-highlightalt: @peach-40;
+@text-light: @white-alpha-100;
+@text-lightalt: @ebony-10;
+@text-negative: @coral-60;
+@text-negativealt: @coral-30;
+@text-neutral: @grey-70;
+@text-neutralalt: @grey-50;
+@text-neutralalt2: @grey-60;
+@text-subdued: @blue-70;
+@text-subduedalt: @blue-30;
+@text-success: @mint-60;
+@text-successalt: @mint-40;
+

package/dist/semantic.scss

@@ -0,0 +1,131 @@
+@use '~@entur/tokens/dist/primitive.scss';
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+
+$fill-background-contrast-dark: $ebony-90;
+$fill-background-contrast-light: $lavender-90;
+$fill-background-contrast-lightalt: $blue-90;
+$fill-background-contrast-lightalt-2: $blue-100;
+$fill-background-overlay-solid: $ebony-80;
+$fill-background-overlay-solidalt: $ebony-75;
+$fill-background-overlay-transparent: $transparent-ebony-alpha15;
+$fill-background-overlay-transparentalt: $transparent-ebony-alpha25;
+$fill-background-standard-colorless: $white-alpha-0;
+$fill-background-standard-dark: $ebony-100;
+$fill-background-standard-light: $white-alpha-100;
+$fill-background-subdued-dark: $ebony-85;
+$fill-background-subdued-light: $blue-30;
+$fill-background-tint-dark: $ebony-95;
+$fill-background-tint-light: $blue-10;
+$fill-background-tint-neutral: $grey-10;
+$fill-background-tint-transparent: $transparent-blue-alpha10;
+$fill-boolean-false-contrast: $blue-50;
+$fill-boolean-false-dark: $transparent-ebony-alpha35;
+$fill-boolean-false-light: $grey-60;
+$fill-boolean-true-contrast: $mint-40;
+$fill-boolean-true-dark: $mint-40;
+$fill-boolean-true-light: $mint-60;
+$fill-disabled-light: $grey-40;
+$fill-disabled-transparent: $transparent-neutral-alpha15;
+$fill-disabled-transparentalt: $transparent-neutral-alpha10;
+$fill-information-contrast: $sky-30;
+$fill-information-deep: $sky-50;
+$fill-information-muted: $sky-10;
+$fill-information-tint: $sky-20;
+$fill-negative-contrast: $coral-40;
+$fill-negative-dark: $coral-90;
+$fill-negative-deep: $coral-60;
+$fill-negative-muted: $coral-20;
+$fill-negative-tint: $coral-30;
+$fill-negative-transparent: $transparent-coral-alpha20;
+$fill-primary-active-contrast: $lavender-50;
+$fill-primary-active-light: $lavender-100;
+$fill-primary-default-contrast: $lavender-40;
+$fill-primary-default-light: $lavender-90;
+$fill-primary-hover-contrast: $lavender-30;
+$fill-primary-hover-light: $blue-90;
+$fill-secondary-active-contrast: $lavender-50;
+$fill-secondary-active-light: $lavender-40;
+$fill-secondary-default-colorless: $white-alpha-0;
+$fill-secondary-hover-contrast: $blue-70;
+$fill-secondary-hover-light: $lavender-20;
+$fill-selected-default-contrast: $blue-90;
+$fill-selected-default-dark: $ebony-10;
+$fill-selected-default-light: $blue-10;
+$fill-selected-default-neutral: $grey-30;
+$fill-selected-hover-contrast: $blue-80;
+$fill-selected-hover-dark: $transparent-ebony-alpha35;
+$fill-selected-hover-light: $blue-20;
+$fill-selected-hover-neutral: $grey-20;
+$fill-success-contrast: $mint-40;
+$fill-success-deep: $mint-60;
+$fill-success-muted: $mint-20;
+$fill-success-subdued: $mint-50;
+$fill-success-tint: $mint-30;
+$fill-warning-contrast: $canary-40;
+$fill-warning-deep: $canary-60;
+$fill-warning-muted: $canary-20;
+$fill-warning-tint: $canary-30;
+$shape-accent: $lavender-90;
+$shape-contrast: $lavender-40;
+$shape-dark: $ebony-100;
+$shape-darkalt: $ebony-30;
+$shape-disabled: $grey-80;
+$shape-highlight: $coral-40;
+$shape-highlightalt: $coral-30;
+$shape-inactive: $blue-40;
+$shape-information: $sky-50;
+$shape-informationalt: $sky-30;
+$shape-light: $white-alpha-100;
+$shape-lightalt: $ebony-10;
+$shape-negative: $coral-60;
+$shape-negativealt: $coral-30;
+$shape-neutral: $grey-70;
+$shape-neutralalt: $grey-50;
+$shape-neutralalt2: $grey-60;
+$shape-subdued: $blue-70;
+$shape-subduedalt: $blue-30;
+$shape-success: $mint-60;
+$shape-successalt: $mint-40;
+$shape-warning: $canary-60;
+$shape-warningalt: $canary-40;
+$stroke-accent: $lavender-90;
+$stroke-colorless: $white-alpha-0;
+$stroke-contrast: $lavender-40;
+$stroke-contrastalt: $blue-80;
+$stroke-dark: $ebony-30;
+$stroke-darkalt: $ebony-50;
+$stroke-darkalt-2: $ebony-100;
+$stroke-highlight: $coral-40;
+$stroke-highlightalt: $coral-30;
+$stroke-information: $sky-50;
+$stroke-light: $white-alpha-100;
+$stroke-lightalt: $ebony-10;
+$stroke-negative: $coral-60;
+$stroke-negativealt: $coral-30;
+$stroke-neutral: $grey-30;
+$stroke-neutralalt: $grey-60;
+$stroke-subdued: $blue-60;
+$stroke-success: $mint-60;
+$stroke-successalt: $mint-40;
+$stroke-transparent: $transparent-blue-alpha40;
+$stroke-transparentalt: $transparent-lavender-alpha70;
+$stroke-warning: $canary-70;
+$text-accent: $lavender-90;
+$text-dark: $ebony-100;
+$text-darkalt: $ebony-30;
+$text-disabled: $grey-80;
+$text-highlight: $lavender-40;
+$text-highlightalt: $peach-40;
+$text-light: $white-alpha-100;
+$text-lightalt: $ebony-10;
+$text-negative: $coral-60;
+$text-negativealt: $coral-30;
+$text-neutral: $grey-70;
+$text-neutralalt: $grey-50;
+$text-neutralalt2: $grey-60;
+$text-subdued: $blue-70;
+$text-subduedalt: $blue-30;
+$text-success: $mint-60;
+$text-successalt: $mint-40;
+