@entur/tokens 3.15.1-beta.0 → 3.15.2

package/dist/base.css

@@ -124,7 +124,7 @@
   --basecolors-stroke-highlight: var(--stroke-highlightalt);
   --basecolors-stroke-light: var(--stroke-dark);
   --basecolors-stroke-subdued: var(--stroke-darkalt);
-  --basecolors-stroke-subduedalt: var(--stroke-darkalt);
+  --basecolors-stroke-subduedalt: var(--stroke-neutralalt);
   --basecolors-text-accent: var(--text-lightalt);
   --basecolors-text-disabled: var(--text-neutralalt);
   --basecolors-text-disabledalt: var(--text-neutralalt);

package/dist/base.scss

@@ -124,7 +124,7 @@
   --basecolors-stroke-highlight: #{$stroke-highlightalt};
   --basecolors-stroke-light: #{$stroke-dark};
   --basecolors-stroke-subdued: #{$stroke-darkalt};
-  --basecolors-stroke-subduedalt: #{$stroke-darkalt};
+  --basecolors-stroke-subduedalt: #{$stroke-neutralalt};
   --basecolors-text-accent: #{$text-lightalt};
   --basecolors-text-disabled: #{$text-neutralalt};
   --basecolors-text-disabledalt: #{$text-neutralalt};

package/dist/componentColors.d.ts

@@ -754,10 +754,12 @@ export declare const componentColors: {
                     border: string;
                     fillDefault: string;
                     fillHover: string;
+                    fillSelected: string;
                     icon: string;
                     iconDisabled: string;
                     text: string;
                     textDisabled: string;
+                    textSelected: string;
                 };
                 pagination: {
                     contrast: {
@@ -1380,6 +1382,20 @@ export declare const componentColors: {
                     fill: string;
                 };
             };
+            logo: {
+                contrast: {
+                    backgroundApp: string;
+                    highlight: string;
+                    text: string;
+                    textApp: string;
+                };
+                standard: {
+                    backgroundApp: string;
+                    highlight: string;
+                    text: string;
+                    textApp: string;
+                };
+            };
             npmtag: {
                 divide: string;
                 text: string;
@@ -2153,10 +2169,12 @@ export declare const componentColors: {
                     border: string;
                     fillDefault: string;
                     fillHover: string;
+                    fillSelected: string;
                     icon: string;
                     iconDisabled: string;
                     text: string;
                     textDisabled: string;
+                    textSelected: string;
                 };
                 pagination: {
                     contrast: {
@@ -2779,6 +2797,20 @@ export declare const componentColors: {
                     fill: string;
                 };
             };
+            logo: {
+                contrast: {
+                    backgroundApp: string;
+                    highlight: string;
+                    text: string;
+                    textApp: string;
+                };
+                standard: {
+                    backgroundApp: string;
+                    highlight: string;
+                    text: string;
+                    textApp: string;
+                };
+            };
             npmtag: {
                 divide: string;
                 text: string;

package/dist/primitive.css

@@ -105,6 +105,7 @@
 	--sky-90: #022536;
 	--transparent-blue-alpha10: #9ea0bd1a;
 	--transparent-blue-alpha40: #54568c66;
+	--transparent-canary-alpha25: #ffe08240;
 	--transparent-canary-alpha30: #fff4cd4d;
 	--transparent-coral-alpha20: #ff949433;
 	--transparent-ebony-alpha15: #e5e5e926;
@@ -112,9 +113,12 @@
 	--transparent-ebony-alpha25: #e5e5e940;
 	--transparent-ebony-alpha35: #e5e5e959;
 	--transparent-lavender-alpha70: #aeb7e2b2;
+	--transparent-mint-alpha20: #5ac39a33;
 	--transparent-neutral-alpha10: #cfd2d41a;
 	--transparent-neutral-alpha15: #cfd2d426;
+	--transparent-neutral-alpha20: #26272933;
 	--transparent-peach-alpha70: #ffbf9eb2;
+	--transparent-sky-alpha20: #2d98d233;
 	--white-alpha-0: #ffffff00;
 	--white-alpha-10: #ffffff1a;
 	--white-alpha-100: #ffffff;

package/dist/primitive.d.ts

@@ -121,6 +121,7 @@ export declare const primitive: {
     transparent: {
         blueAlpha10: string;
         blueAlpha40: string;
+        canaryAlpha25: string;
         canaryAlpha30: string;
         coralAlpha20: string;
         ebonyAlpha15: string;
@@ -128,9 +129,12 @@ export declare const primitive: {
         ebonyAlpha25: string;
         ebonyAlpha35: string;
         lavenderAlpha70: string;
+        mintAlpha20: string;
         neutralAlpha10: string;
         neutralAlpha15: string;
+        neutralAlpha20: string;
         peachAlpha70: string;
+        skyAlpha20: string;
     };
     white: {
         alpha0: string;

package/dist/primitive.less

@@ -105,6 +105,7 @@
 @sky-90: #022536;
 @transparent-blue-alpha10: #9ea0bd1a;
 @transparent-blue-alpha40: #54568c66;
+@transparent-canary-alpha25: #ffe08240;
 @transparent-canary-alpha30: #fff4cd4d;
 @transparent-coral-alpha20: #ff949433;
 @transparent-ebony-alpha15: #e5e5e926;
@@ -112,9 +113,12 @@
 @transparent-ebony-alpha25: #e5e5e940;
 @transparent-ebony-alpha35: #e5e5e959;
 @transparent-lavender-alpha70: #aeb7e2b2;
+@transparent-mint-alpha20: #5ac39a33;
 @transparent-neutral-alpha10: #cfd2d41a;
 @transparent-neutral-alpha15: #cfd2d426;
+@transparent-neutral-alpha20: #26272933;
 @transparent-peach-alpha70: #ffbf9eb2;
+@transparent-sky-alpha20: #2d98d233;
 @white-alpha-0: #ffffff00;
 @white-alpha-10: #ffffff1a;
 @white-alpha-100: #ffffff;

package/dist/primitive.scss

@@ -105,6 +105,7 @@ $sky-80: #003852;
 $sky-90: #022536;
 $transparent-blue-alpha10: #9ea0bd1a;
 $transparent-blue-alpha40: #54568c66;
+$transparent-canary-alpha25: #ffe08240;
 $transparent-canary-alpha30: #fff4cd4d;
 $transparent-coral-alpha20: #ff949433;
 $transparent-ebony-alpha15: #e5e5e926;
@@ -112,9 +113,12 @@ $transparent-ebony-alpha20: #cccdd44d;
 $transparent-ebony-alpha25: #e5e5e940;
 $transparent-ebony-alpha35: #e5e5e959;
 $transparent-lavender-alpha70: #aeb7e2b2;
+$transparent-mint-alpha20: #5ac39a33;
 $transparent-neutral-alpha10: #cfd2d41a;
 $transparent-neutral-alpha15: #cfd2d426;
+$transparent-neutral-alpha20: #26272933;
 $transparent-peach-alpha70: #ffbf9eb2;
+$transparent-sky-alpha20: #2d98d233;
 $white-alpha-0: #ffffff00;
 $white-alpha-10: #ffffff1a;
 $white-alpha-100: #ffffff;

package/dist/semantic.css

@@ -33,6 +33,7 @@
 	--fill-information-deep: var(--sky-50);
 	--fill-information-muted: var(--sky-10);
 	--fill-information-tint: var(--sky-20);
+	--fill-information-transparent: var(--transparent-sky-alpha20);
 	--fill-negative-contrast: var(--coral-40);
 	--fill-negative-dark: var(--coral-90);
 	--fill-negative-deep: var(--coral-60);
@@ -64,10 +65,12 @@
 	--fill-success-muted: var(--mint-20);
 	--fill-success-subdued: var(--mint-50);
 	--fill-success-tint: var(--mint-30);
+	--fill-success-transparent: var(--transparent-mint-alpha20);
 	--fill-warning-contrast: var(--canary-40);
 	--fill-warning-deep: var(--canary-60);
 	--fill-warning-muted: var(--canary-20);
 	--fill-warning-tint: var(--canary-30);
+	--fill-warning-transparent: var(--transparent-canary-alpha25);
 	--shape-accent: var(--lavender-90);
 	--shape-contrast: var(--lavender-40);
 	--shape-dark: var(--ebony-100);
@@ -78,6 +81,7 @@
 	--shape-inactive: var(--blue-40);
 	--shape-information: var(--sky-50);
 	--shape-informationalt: var(--sky-30);
+	--shape-informationalt-2: var(--sky-20);
 	--shape-light: var(--white-alpha-100);
 	--shape-lightalt: var(--ebony-10);
 	--shape-negative: var(--coral-60);
@@ -89,8 +93,10 @@
 	--shape-subduedalt: var(--blue-30);
 	--shape-success: var(--mint-60);
 	--shape-successalt: var(--mint-40);
+	--shape-successalt-2: var(--mint-30);
 	--shape-warning: var(--canary-60);
 	--shape-warningalt: var(--canary-40);
+	--shape-warningalt-2: var(--canary-30);
 	--stroke-accent: var(--lavender-90);
 	--stroke-colorless: var(--white-alpha-0);
 	--stroke-contrast: var(--lavender-40);
@@ -101,6 +107,7 @@
 	--stroke-highlight: var(--coral-40);
 	--stroke-highlightalt: var(--coral-30);
 	--stroke-information: var(--sky-50);
+	--stroke-informationalt: var(--sky-20);
 	--stroke-light: var(--white-alpha-100);
 	--stroke-lightalt: var(--ebony-10);
 	--stroke-negative: var(--coral-60);
@@ -110,9 +117,11 @@
 	--stroke-subdued: var(--blue-60);
 	--stroke-success: var(--mint-60);
 	--stroke-successalt: var(--mint-40);
+	--stroke-successalt-2: var(--mint-30);
 	--stroke-transparent: var(--transparent-blue-alpha40);
 	--stroke-transparentalt: var(--transparent-lavender-alpha70);
 	--stroke-warning: var(--canary-70);
+	--stroke-warningalt: var(--canary-30);
 	--text-accent: var(--lavender-90);
 	--text-dark: var(--ebony-100);
 	--text-darkalt: var(--ebony-30);

package/dist/semantic.d.ts

@@ -51,6 +51,7 @@ export declare const semantic: {
             deep: string;
             muted: string;
             tint: string;
+            transparent: string;
         };
         negative: {
             contrast: string;
@@ -108,12 +109,14 @@ export declare const semantic: {
             muted: string;
             subdued: string;
             tint: string;
+            transparent: string;
         };
         warning: {
             contrast: string;
             deep: string;
             muted: string;
             tint: string;
+            transparent: string;
         };
     };
     shape: {
@@ -127,6 +130,7 @@ export declare const semantic: {
         inactive: string;
         information: string;
         informationalt: string;
+        informationalt2: string;
         light: string;
         lightalt: string;
         negative: string;
@@ -138,8 +142,10 @@ export declare const semantic: {
         subduedalt: string;
         success: string;
         successalt: string;
+        successalt2: string;
         warning: string;
         warningalt: string;
+        warningalt2: string;
     };
     stroke: {
         accent: string;
@@ -152,6 +158,7 @@ export declare const semantic: {
         highlight: string;
         highlightalt: string;
         information: string;
+        informationalt: string;
         light: string;
         lightalt: string;
         negative: string;
@@ -161,9 +168,11 @@ export declare const semantic: {
         subdued: string;
         success: string;
         successalt: string;
+        successalt2: string;
         transparent: string;
         transparentalt: string;
         warning: string;
+        warningalt: string;
     };
     text: {
         accent: string;

package/dist/semantic.less

@@ -33,6 +33,7 @@
 @fill-information-deep: @sky-50;
 @fill-information-muted: @sky-10;
 @fill-information-tint: @sky-20;
+@fill-information-transparent: @transparent-sky-alpha20;
 @fill-negative-contrast: @coral-40;
 @fill-negative-dark: @coral-90;
 @fill-negative-deep: @coral-60;
@@ -64,10 +65,12 @@
 @fill-success-muted: @mint-20;
 @fill-success-subdued: @mint-50;
 @fill-success-tint: @mint-30;
+@fill-success-transparent: @transparent-mint-alpha20;
 @fill-warning-contrast: @canary-40;
 @fill-warning-deep: @canary-60;
 @fill-warning-muted: @canary-20;
 @fill-warning-tint: @canary-30;
+@fill-warning-transparent: @transparent-canary-alpha25;
 @shape-accent: @lavender-90;
 @shape-contrast: @lavender-40;
 @shape-dark: @ebony-100;
@@ -78,6 +81,7 @@
 @shape-inactive: @blue-40;
 @shape-information: @sky-50;
 @shape-informationalt: @sky-30;
+@shape-informationalt-2: @sky-20;
 @shape-light: @white-alpha-100;
 @shape-lightalt: @ebony-10;
 @shape-negative: @coral-60;
@@ -89,8 +93,10 @@
 @shape-subduedalt: @blue-30;
 @shape-success: @mint-60;
 @shape-successalt: @mint-40;
+@shape-successalt-2: @mint-30;
 @shape-warning: @canary-60;
 @shape-warningalt: @canary-40;
+@shape-warningalt-2: @canary-30;
 @stroke-accent: @lavender-90;
 @stroke-colorless: @white-alpha-0;
 @stroke-contrast: @lavender-40;
@@ -101,6 +107,7 @@
 @stroke-highlight: @coral-40;
 @stroke-highlightalt: @coral-30;
 @stroke-information: @sky-50;
+@stroke-informationalt: @sky-20;
 @stroke-light: @white-alpha-100;
 @stroke-lightalt: @ebony-10;
 @stroke-negative: @coral-60;
@@ -110,9 +117,11 @@
 @stroke-subdued: @blue-60;
 @stroke-success: @mint-60;
 @stroke-successalt: @mint-40;
+@stroke-successalt-2: @mint-30;
 @stroke-transparent: @transparent-blue-alpha40;
 @stroke-transparentalt: @transparent-lavender-alpha70;
 @stroke-warning: @canary-70;
+@stroke-warningalt: @canary-30;
 @text-accent: @lavender-90;
 @text-dark: @ebony-100;
 @text-darkalt: @ebony-30;

package/dist/semantic.scss

@@ -33,6 +33,7 @@ $fill-information-contrast: $sky-30;
 $fill-information-deep: $sky-50;
 $fill-information-muted: $sky-10;
 $fill-information-tint: $sky-20;
+$fill-information-transparent: $transparent-sky-alpha20;
 $fill-negative-contrast: $coral-40;
 $fill-negative-dark: $coral-90;
 $fill-negative-deep: $coral-60;
@@ -64,10 +65,12 @@ $fill-success-deep: $mint-60;
 $fill-success-muted: $mint-20;
 $fill-success-subdued: $mint-50;
 $fill-success-tint: $mint-30;
+$fill-success-transparent: $transparent-mint-alpha20;
 $fill-warning-contrast: $canary-40;
 $fill-warning-deep: $canary-60;
 $fill-warning-muted: $canary-20;
 $fill-warning-tint: $canary-30;
+$fill-warning-transparent: $transparent-canary-alpha25;
 $shape-accent: $lavender-90;
 $shape-contrast: $lavender-40;
 $shape-dark: $ebony-100;
@@ -78,6 +81,7 @@ $shape-highlightalt: $coral-30;
 $shape-inactive: $blue-40;
 $shape-information: $sky-50;
 $shape-informationalt: $sky-30;
+$shape-informationalt-2: $sky-20;
 $shape-light: $white-alpha-100;
 $shape-lightalt: $ebony-10;
 $shape-negative: $coral-60;
@@ -89,8 +93,10 @@ $shape-subdued: $blue-70;
 $shape-subduedalt: $blue-30;
 $shape-success: $mint-60;
 $shape-successalt: $mint-40;
+$shape-successalt-2: $mint-30;
 $shape-warning: $canary-60;
 $shape-warningalt: $canary-40;
+$shape-warningalt-2: $canary-30;
 $stroke-accent: $lavender-90;
 $stroke-colorless: $white-alpha-0;
 $stroke-contrast: $lavender-40;
@@ -101,6 +107,7 @@ $stroke-darkalt-2: $ebony-100;
 $stroke-highlight: $coral-40;
 $stroke-highlightalt: $coral-30;
 $stroke-information: $sky-50;
+$stroke-informationalt: $sky-20;
 $stroke-light: $white-alpha-100;
 $stroke-lightalt: $ebony-10;
 $stroke-negative: $coral-60;
@@ -110,9 +117,11 @@ $stroke-neutralalt: $grey-60;
 $stroke-subdued: $blue-60;
 $stroke-success: $mint-60;
 $stroke-successalt: $mint-40;
+$stroke-successalt-2: $mint-30;
 $stroke-transparent: $transparent-blue-alpha40;
 $stroke-transparentalt: $transparent-lavender-alpha70;
 $stroke-warning: $canary-70;
+$stroke-warningalt: $canary-30;
 $text-accent: $lavender-90;
 $text-dark: $ebony-100;
 $text-darkalt: $ebony-30;