@entur/tokens 3.18.0 → 3.19.0

package/README.md

@@ -1,10 +1,10 @@
-# Entur design tokens
+# Entur Linje design tokens
 
 This package contains all design tokens and design variables used throughout the design system. We are currently in a process to migrate over to a new design variable system based on [Figma Variables](https://help.figma.com/hc/en-us/articles/15339657135383-Guide-to-variables-in-Figma).
 
 Since not all values are available as a variable yet and to avoid breaking changes, all previous design tokens will be kept around for a while. These are built from the `src/legacy-tokens.ts` file.
 
-> 💡 Looking for the [documentation](https://design.entur.no/tokens)?
+> 💡 Looking for the [documentation](https://linje.entur.no/tokens)?
 
 ## Installation
 
@@ -16,7 +16,7 @@ yarn add @entur/tokens
 
 ## Usage
 
-Please refer to the [documentation](https://design.entur.no/tokens) for in-depth usage information.
+Please refer to the [documentation](https://linje.entur.no/tokens) for in-depth usage information.
 
 This package has several main exports:
 

package/dist/base.css

@@ -7,6 +7,7 @@
 :root {
   --basecolors-frame-contrast: var(--fill-background-contrast-light);
   --basecolors-frame-contrastalt: var(--fill-background-contrast-lightalt);
+  --basecolors-frame-contrastalt-2: var(--fill-background-contrast-lightalt-2);
   --basecolors-frame-default: var(--fill-background-standard-light);
   --basecolors-frame-elevated: var(--fill-background-standard-light);
   --basecolors-frame-elevatedalt: var(--fill-background-tint-light);
@@ -72,6 +73,7 @@
 [data-color-mode='dark'] {
   --basecolors-frame-contrast: var(--fill-background-contrast-dark);
   --basecolors-frame-contrastalt: var(--fill-background-tint-dark);
+  --basecolors-frame-contrastalt-2: var(--fill-background-standard-dark);
   --basecolors-frame-default: var(--fill-background-standard-dark);
   --basecolors-frame-elevated: var(--fill-background-overlay-transparent);
   --basecolors-frame-elevatedalt: var(--fill-background-overlay-solidalt);

package/dist/base.d.ts

@@ -4,6 +4,7 @@ export declare const base: {
             frame: {
                 contrast: string;
                 contrastalt: string;
+                contrastalt2: string;
                 default: string;
                 elevated: string;
                 elevatedalt: string;
@@ -78,6 +79,7 @@ export declare const base: {
             frame: {
                 contrast: string;
                 contrastalt: string;
+                contrastalt2: string;
                 default: string;
                 elevated: string;
                 elevatedalt: string;

package/dist/base.scss

@@ -9,6 +9,7 @@
 :root {
   --basecolors-frame-contrast: #{$fill-background-contrast-light};
   --basecolors-frame-contrastalt: #{$fill-background-contrast-lightalt};
+  --basecolors-frame-contrastalt-2: #{$fill-background-contrast-lightalt-2};
   --basecolors-frame-default: #{$fill-background-standard-light};
   --basecolors-frame-elevated: #{$fill-background-standard-light};
   --basecolors-frame-elevatedalt: #{$fill-background-tint-light};
@@ -74,6 +75,7 @@
 [data-color-mode='dark'] {
   --basecolors-frame-contrast: #{$fill-background-contrast-dark};
   --basecolors-frame-contrastalt: #{$fill-background-tint-dark};
+  --basecolors-frame-contrastalt-2: #{$fill-background-standard-dark};
   --basecolors-frame-default: #{$fill-background-standard-dark};
   --basecolors-frame-elevated: #{$fill-background-overlay-transparent};
   --basecolors-frame-elevatedalt: #{$fill-background-overlay-solidalt};

package/dist/tokens.cjs.development.js

@@ -368,6 +368,7 @@ var base = {
       "frame": {
         "contrast": "#181c56",
         "contrastalt": "#393d79",
+        "contrastalt2": "#292b6a",
         "default": "#ffffff",
         "elevated": "#ffffff",
         "elevatedalt": "#f6f6f9",
@@ -442,6 +443,7 @@ var base = {
       "frame": {
         "contrast": "#212233",
         "contrastalt": "#141527",
+        "contrastalt2": "#08091c",
         "default": "#08091c",
         "elevated": "#e5e5e926",
         "elevatedalt": "#464755",
@@ -452,8 +454,8 @@ var base = {
         "accent": "#e5e5e9",
         "bicycleContrast": "#4db295",
         "bicycleDefault": "#4db295",
-        "busContrast": "#e87a9b",
-        "busDefault": "#e87a9b",
+        "busContrast": "#ef7398",
+        "busDefault": "#ef7398",
         "cablewayContrast": "#b898e5",
         "cablewayDefault": "#b898e5",
         "disabled": "#b6b8ba",
@@ -3581,7 +3583,7 @@ var componentColors = {
   Entur Design Tokens
 
   Hi there 👋 This file contains all the design tokens used in the Entur
-  design system. It's broken up into a few different sections:
+  Linje. It's broken up into a few different sections:
 
   - colors
   - typography