@entur/tokens 3.15.1 → 3.16.0

package/dist/tokens.esm.js

@@ -126,6 +126,7 @@ var primitive = {
   "transparent": {
     "blueAlpha10": "#9ea0bd1a",
     "blueAlpha40": "#54568c66",
+    "canaryAlpha25": "#ffe08240",
     "canaryAlpha30": "#fff4cd4d",
     "coralAlpha20": "#ff949433",
     "ebonyAlpha15": "#e5e5e926",
@@ -133,9 +134,12 @@ var primitive = {
     "ebonyAlpha25": "#e5e5e940",
     "ebonyAlpha35": "#e5e5e959",
     "lavenderAlpha70": "#aeb7e2b2",
+    "mintAlpha20": "#5ac39a33",
     "neutralAlpha10": "#cfd2d41a",
     "neutralAlpha15": "#cfd2d426",
-    "peachAlpha70": "#ffbf9eb2"
+    "neutralAlpha20": "#26272933",
+    "peachAlpha70": "#ffbf9eb2",
+    "skyAlpha20": "#2d98d233"
   },
   "white": {
     "alpha0": "#ffffff00",
@@ -206,7 +210,8 @@ var semantic = {
       "contrast": "#64b3e7",
       "deep": "#067eb2",
       "muted": "#e1eff8",
-      "tint": "#acd7f1"
+      "tint": "#acd7f1",
+      "transparent": "#2d98d233"
     },
     "negative": {
       "contrast": "#ff5959",
@@ -263,13 +268,15 @@ var semantic = {
       "deep": "#1a8e60",
       "muted": "#d0f1e3",
       "subdued": "#37ab83",
-      "tint": "#9cd9c2"
+      "tint": "#9cd9c2",
+      "transparent": "#5ac39a33"
     },
     "warning": {
       "contrast": "#ffe082",
       "deep": "#ffca28",
       "muted": "#fff4cd",
-      "tint": "#ffeeb3"
+      "tint": "#ffeeb3",
+      "transparent": "#ffe08240"
     }
   },
   "shape": {
@@ -283,6 +290,7 @@ var semantic = {
     "inactive": "#bcbdd2",
     "information": "#067eb2",
     "informationalt": "#64b3e7",
+    "informationalt2": "#acd7f1",
     "light": "#ffffff",
     "lightalt": "#e5e5e9",
     "negative": "#d31b1b",
@@ -294,8 +302,10 @@ var semantic = {
     "subduedalt": "#d9dae8",
     "success": "#1a8e60",
     "successalt": "#5ac39a",
+    "successalt2": "#9cd9c2",
     "warning": "#ffca28",
-    "warningalt": "#ffe082"
+    "warningalt": "#ffe082",
+    "warningalt2": "#ffeeb3"
   },
   "stroke": {
     "accent": "#181c56",
@@ -308,6 +318,7 @@ var semantic = {
     "highlight": "#ff5959",
     "highlightalt": "#ff9494",
     "information": "#067eb2",
+    "informationalt": "#acd7f1",
     "light": "#ffffff",
     "lightalt": "#e5e5e9",
     "negative": "#d31b1b",
@@ -317,9 +328,11 @@ var semantic = {
     "subdued": "#8284ab",
     "success": "#1a8e60",
     "successalt": "#5ac39a",
+    "successalt2": "#9cd9c2",
     "transparent": "#54568c66",
     "transparentalt": "#aeb7e2b2",
-    "warning": "#e9b10c"
+    "warning": "#e9b10c",
+    "warningalt": "#ffeeb3"
   },
   "text": {
     "accent": "#181c56",
@@ -480,7 +493,7 @@ var base = {
         "highlight": "#ff9494",
         "light": "#b3b4bd",
         "subdued": "#81828f",
-        "subduedalt": "#81828f"
+        "subduedalt": "#949699"
       },
       "text": {
         "accent": "#e5e5e9",
@@ -582,8 +595,8 @@ var transport = {
   },
   "dark": {
     "bicycle": "#4db295",
-    "bus": "#e87a9b",
-    "busTransparent": "#e87a9b26",
+    "bus": "#ef7398",
+    "busTransparent": "#ef739826",
     "cableway": "#b898e5",
     "cablewayTransparent": "#b898e526",
     "carferry": "#8ccfe2",
@@ -797,7 +810,7 @@ var componentColors = {
               "text": "#181c56"
             },
             "standard": {
-              "border": "#ffffff00",
+              "border": "#d31b1b",
               "fill": "#ffcece",
               "icon": "#d31b1b",
               "text": "#181c56"
@@ -811,7 +824,7 @@ var componentColors = {
               "text": "#181c56"
             },
             "standard": {
-              "border": "#ffffff00",
+              "border": "#1a8e60",
               "fill": "#d0f1e3",
               "icon": "#1a8e60",
               "text": "#181c56"
@@ -825,7 +838,7 @@ var componentColors = {
               "text": "#181c56"
             },
             "standard": {
-              "border": "#ffffff00",
+              "border": "#e9b10c",
               "fill": "#fff4cd",
               "icon": "#181c56",
               "text": "#181c56"
@@ -1406,10 +1419,12 @@ var componentColors = {
           "border": "#8284ab",
           "fillDefault": "#f2f5f7",
           "fillHover": "#d9dae8",
+          "fillSelected": "#181c56",
           "icon": "#181c56",
           "iconDisabled": "#6e6f73",
           "text": "#181c56",
-          "textDisabled": "#6e6f73"
+          "textDisabled": "#6e6f73",
+          "textSelected": "#ffffff"
         },
         "pagination": {
           "contrast": {
@@ -1651,6 +1666,7 @@ var componentColors = {
         },
         "travelLeg": {
           "contrast": {
+            "air": "#fbafea",
             "airportlinkbus": "#fbafea",
             "airportlinkrail": "#fbafea",
             "bicycle": "#00db9b",
@@ -1665,12 +1681,15 @@ var componentColors = {
             "metro": "#f08901",
             "mobility": "#00db9b",
             "plane": "#fbafea",
+            "rail": "#42a5f5",
             "taxi": "#ffe082",
             "train": "#42a5f5",
             "tram": "#b482fb",
-            "walk": "#8284ab"
+            "walk": "#8284ab",
+            "water": "#6fdfff"
           },
           "standard": {
+            "air": "#800664",
             "airportlinkbus": "#800664",
             "airportlinkrail": "#800664",
             "bicycle": "#388f76",
@@ -1685,10 +1704,12 @@ var componentColors = {
             "metro": "#bf5826",
             "mobility": "#388f76",
             "plane": "#800664",
+            "rail": "#00367f",
             "taxi": "#3d3e40",
             "train": "#00367f",
             "tram": "#78469a",
-            "walk": "#8d8e9c"
+            "walk": "#8d8e9c",
+            "water": "#0c6693"
           }
         },
         "travelSwitch": {
@@ -2002,8 +2023,8 @@ var componentColors = {
         }
       },
       "dodontcard": {
-        "border": "#e3e6e8",
         "fill": "#f6f6f9",
+        "statuslineNegative": "#d31b1b",
         "statuslineSuccess": "#1a8e60",
         "statuslineWarning": "#ffca28",
         "text": "#181c56"
@@ -2032,6 +2053,20 @@ var componentColors = {
           "fill": "#ffffff"
         }
       },
+      "logo": {
+        "contrast": {
+          "backgroundApp": "#ffffff",
+          "highlight": "#ff5959",
+          "text": "#ffffff",
+          "textApp": "#181c56"
+        },
+        "standard": {
+          "backgroundApp": "#181c56",
+          "highlight": "#ff5959",
+          "text": "#181c56",
+          "textApp": "#ffffff"
+        }
+      },
       "npmtag": {
         "divide": "#949699",
         "text": "#6e6f73"
@@ -2176,58 +2211,58 @@ var componentColors = {
         "alertbox": {
           "information": {
             "contrast": {
-              "border": "#ffffff00",
-              "fill": "#e1eff8",
-              "icon": "#067eb2",
-              "text": "#08091c"
+              "border": "#acd7f1",
+              "fill": "#2d98d233",
+              "icon": "#acd7f1",
+              "text": "#e5e5e9"
             },
             "standard": {
-              "border": "#ffffff00",
-              "fill": "#e1eff8",
-              "icon": "#067eb2",
-              "text": "#08091c"
+              "border": "#acd7f1",
+              "fill": "#2d98d233",
+              "icon": "#acd7f1",
+              "text": "#e5e5e9"
             }
           },
           "negative": {
             "contrast": {
-              "border": "#ffffff00",
-              "fill": "#ffcece",
-              "icon": "#d31b1b",
-              "text": "#08091c"
+              "border": "#ff9494",
+              "fill": "#ff949433",
+              "icon": "#ff9494",
+              "text": "#e5e5e9"
             },
             "standard": {
-              "border": "#ffffff00",
-              "fill": "#ffcece",
-              "icon": "#d31b1b",
-              "text": "#08091c"
+              "border": "#ff9494",
+              "fill": "#ff949433",
+              "icon": "#ff9494",
+              "text": "#e5e5e9"
             }
           },
           "success": {
             "contrast": {
-              "border": "#ffffff00",
-              "fill": "#d0f1e3",
-              "icon": "#1a8e60",
-              "text": "#08091c"
+              "border": "#9cd9c2",
+              "fill": "#5ac39a33",
+              "icon": "#9cd9c2",
+              "text": "#e5e5e9"
             },
             "standard": {
-              "border": "#ffffff00",
-              "fill": "#d0f1e3",
-              "icon": "#1a8e60",
-              "text": "#08091c"
+              "border": "#9cd9c2",
+              "fill": "#5ac39a33",
+              "icon": "#9cd9c2",
+              "text": "#e5e5e9"
             }
           },
           "warning": {
             "contrast": {
-              "border": "#ffffff00",
-              "fill": "#fff4cd",
-              "icon": "#08091c",
-              "text": "#08091c"
+              "border": "#ffeeb3",
+              "fill": "#ffe08240",
+              "icon": "#ffeeb3",
+              "text": "#e5e5e9"
             },
             "standard": {
-              "border": "#ffffff00",
-              "fill": "#fff4cd",
-              "icon": "#08091c",
-              "text": "#08091c"
+              "border": "#ffeeb3",
+              "fill": "#ffe08240",
+              "icon": "#ffeeb3",
+              "text": "#e5e5e9"
             }
           }
         },
@@ -2805,10 +2840,12 @@ var componentColors = {
           "border": "#ffffff00",
           "fillDefault": "#464755",
           "fillHover": "#626493",
+          "fillSelected": "#8794d4",
           "icon": "#e5e5e9",
           "iconDisabled": "#949699",
           "text": "#e5e5e9",
-          "textDisabled": "#949699"
+          "textDisabled": "#949699",
+          "textSelected": "#181c56"
         },
         "pagination": {
           "contrast": {
@@ -3050,11 +3087,12 @@ var componentColors = {
         },
         "travelLeg": {
           "contrast": {
+            "air": "#f2b8e5",
             "airportlinkbus": "#f2b8e5",
             "airportlinkrail": "#f2b8e5",
             "bicycle": "#4db295",
             "bulletBorder": "#08091c",
-            "bus": "#e87a9b",
+            "bus": "#ef7398",
             "cableway": "#b898e5",
             "carferry": "#8ccfe2",
             "citybike": "#4db295",
@@ -3064,17 +3102,20 @@ var componentColors = {
             "metro": "#dd973c",
             "mobility": "#4db295",
             "plane": "#f2b8e5",
+            "rail": "#60a2d7",
             "taxi": "#ffe082",
             "train": "#60a2d7",
             "tram": "#b898e5",
-            "walk": "#8d8e9c"
+            "walk": "#8d8e9c",
+            "water": "#8ccfe2"
           },
           "standard": {
+            "air": "#f2b8e5",
             "airportlinkbus": "#f2b8e5",
             "airportlinkrail": "#f2b8e5",
             "bicycle": "#4db295",
             "bulletBorder": "#08091c",
-            "bus": "#e87a9b",
+            "bus": "#ef7398",
             "cableway": "#b898e5",
             "carferry": "#8ccfe2",
             "citybike": "#4db295",
@@ -3084,10 +3125,12 @@ var componentColors = {
             "metro": "#dd973c",
             "mobility": "#4db295",
             "plane": "#f2b8e5",
+            "rail": "#60a2d7",
             "taxi": "#ffe082",
             "train": "#60a2d7",
             "tram": "#b898e5",
-            "walk": "#8d8e9c"
+            "walk": "#8d8e9c",
+            "water": "#8ccfe2"
           }
         },
         "travelSwitch": {
@@ -3095,7 +3138,7 @@ var componentColors = {
             "backgroundfalse": "#e5e5e959",
             "backgroundtrueAir": "#f2b8e5",
             "backgroundtrueBicycle": "#4db295",
-            "backgroundtrueBus": "#e87a9b",
+            "backgroundtrueBus": "#ef7398",
             "backgroundtrueCableway": "#b898e5",
             "backgroundtrueCarferry": "#8ccfe2",
             "backgroundtrueCitybike": "#4db295",
@@ -3115,7 +3158,7 @@ var componentColors = {
             "backgroundtrueAirportlinkrail": "#f2b8e5",
             "iconfalse": "#b3b4bd",
             "icontrueBicycle": "#4db295",
-            "icontrueBus": "#e87a9b",
+            "icontrueBus": "#ef7398",
             "icontrueCableway": "#b898e5",
             "icontrueCarferry": "#8ccfe2",
             "icontrueCitybike": "#4db295",
@@ -3139,7 +3182,7 @@ var componentColors = {
             "backgroundfalse": "#e5e5e959",
             "backgroundtrueAir": "#f2b8e5",
             "backgroundtrueBicycle": "#4db295",
-            "backgroundtrueBus": "#e87a9b",
+            "backgroundtrueBus": "#ef7398",
             "backgroundtrueCableway": "#b898e5",
             "backgroundtrueCarferry": "#8ccfe2",
             "backgroundtrueCitybike": "#4db295",
@@ -3159,7 +3202,7 @@ var componentColors = {
             "backgroundtrueAirportlinkrail": "#f2b8e5",
             "iconfalse": "#b3b4bd",
             "icontrueBicycle": "#00db9b",
-            "icontrueBus": "#e87a9b",
+            "icontrueBus": "#ef7398",
             "icontrueCableway": "#b898e5",
             "icontrueCarferry": "#8ccfe2",
             "icontrueCitybike": "#00db9b",
@@ -3186,7 +3229,7 @@ var componentColors = {
         "travelTag": {
           "contrast": {
             "icon": "#08091c",
-            "iconBusCancled": "#e87a9b",
+            "iconBusCancled": "#ef7398",
             "iconCabllewayCancled": "#b898e5",
             "iconCarferryCancled": "#8ccfe2",
             "iconFerryCancled": "#8ccfe2",
@@ -3203,8 +3246,8 @@ var componentColors = {
             "iconborderValidation": "#08091c",
             "tagfillAir": "#f2b8e5",
             "tagfillBicycle": "#4db295",
-            "tagfillBus": "#e87a9b",
-            "tagfillBusCancled": "#e87a9b26",
+            "tagfillBus": "#ef7398",
+            "tagfillBusCancled": "#ef739826",
             "tagfillCableway": "#b898e5",
             "tagfillCablewayCancled": "#b898e526",
             "tagfillCarferry": "#8ccfe2",
@@ -3240,7 +3283,7 @@ var componentColors = {
             "textCancled": "#b6b8ba",
             "textLabel": "#e5e5e9",
             "textLine": "#08091c",
-            "textLineBusCancled": "#e87a9b",
+            "textLineBusCancled": "#ef7398",
             "textLineCablewayCancled": "#b898e5",
             "textLineCarferryCancled": "#8ccfe2",
             "textLineFerryCancled": "#8ccfe2",
@@ -3258,7 +3301,7 @@ var componentColors = {
           },
           "standard": {
             "icon": "#08091c",
-            "iconBusCancled": "#e87a9b",
+            "iconBusCancled": "#ef7398",
             "iconCarferryCancled": "#8ccfe2",
             "iconFerryCancled": "#8ccfe2",
             "iconFunicularCancled": "#b898e5",
@@ -3276,8 +3319,8 @@ var componentColors = {
             "tagfillAir": "#f2b8e5",
             "tagfillAirCancled": "#f2b8e526",
             "tagfillBicycle": "#4db295",
-            "tagfillBus": "#e87a9b",
-            "tagfillBusCancled": "#e87a9b26",
+            "tagfillBus": "#ef7398",
+            "tagfillBusCancled": "#ef739826",
             "tagfillCableway": "#b898e5",
             "tagfillCablewayCancled": "#b482fb26",
             "tagfillCarferry": "#8ccfe2",
@@ -3312,7 +3355,7 @@ var componentColors = {
             "textCancled": "#b6b8ba",
             "textLabel": "#e5e5e9",
             "textLine": "#08091c",
-            "textLineBusCancled": "#e87a9b",
+            "textLineBusCancled": "#ef7398",
             "textLineCablewayCancled": "#b898e5",
             "textLineCarferryCancled": "#8ccfe2",
             "textLineFerryCancled": "#8ccfe2",
@@ -3401,8 +3444,8 @@ var componentColors = {
         }
       },
       "dodontcard": {
-        "border": "#81828f",
         "fill": "#e5e5e926",
+        "statuslineNegative": "#ff9494",
         "statuslineSuccess": "#9cd9c2",
         "statuslineWarning": "#ffeeb3",
         "text": "#e5e5e9"
@@ -3431,6 +3474,20 @@ var componentColors = {
           "fill": "#08091c"
         }
       },
+      "logo": {
+        "contrast": {
+          "backgroundApp": "#e5e5e926",
+          "highlight": "#ff5959",
+          "text": "#ffffff",
+          "textApp": "#ffffff"
+        },
+        "standard": {
+          "backgroundApp": "#e5e5e926",
+          "highlight": "#ff5959",
+          "text": "#ffffff",
+          "textApp": "#ffffff"
+        }
+      },
       "npmtag": {
         "divide": "#e5e5e9",
         "text": "#e5e5e9"
@@ -3846,11 +3903,11 @@ var outlineOffsets = {
 var SUPPORTED_COLOR_MODES = ['light', 'dark'];
 function createColorSet(fileData) {
   var colorsUnformated = JSON.parse(fileData);
-  var colorsFormatedAndMappedToModes = colorsUnformated.reduce(function (allComponentColors, colorMode) {
+  var colorsFormatedAndMappedToModes = colorsUnformated[0].values.reduce(function (allComponentColors, colorMode) {
     var colorsFormatedForMode = colorMode.color.map(function (color) {
       var colorNameInKebabCase = toKebabCase(color.name);
       var varNameInKebabCase = toKebabCase(color["var"]);
-      var hexValue = color.color;
+      var hexValue = color.value;
       var colorModeName = colorMode.mode.name.toLowerCase();
       var usesAlias = varNameInKebabCase !== '';
       return {