@entur/tokens 3.13.0 → 3.13.2

package/dist/tokens.esm.js

@@ -128,6 +128,7 @@ var primitive = {
     canaryAlpha30: "#fff4cd4d",
     coralAlpha20: "#ff949433",
     ebonyAlpha15: "#e5e5e926",
+    ebonyAlpha20: "#cccdd44d",
     ebonyAlpha25: "#e5e5e940",
     ebonyAlpha35: "#e5e5e959",
     lavenderAlpha70: "#aeb7e2b2",
@@ -245,6 +246,7 @@ var semantic = {
       "default": {
         contrast: "#393d79",
         dark: "#e5e5e9",
+        darkalt: "#81828f",
         light: "#f6f6f9",
         neutral: "#e3e6e8"
       },
@@ -694,7 +696,7 @@ var componentColors = {
             },
             standard: {
               border: "#949699",
-              bullet: "#e3e6e8",
+              bullet: "#81828f",
               fill: "#f6f6f9",
               text: "#181c56",
               textBullet: "#181c56"
@@ -869,7 +871,7 @@ var componentColors = {
         },
         floating: {
           contrast: {
-            active: "#f6f6f9",
+            active: "#d9dae8",
             "default": "#ffffff",
             hover: "#f6f6f9",
             icon: "#181c56",
@@ -1442,7 +1444,8 @@ var componentColors = {
             fillHover: "#393d79",
             icon: "#ffffff",
             iconDisabled: "#b6b8ba",
-            label: "#d9dae8",
+            iconLabel: "#aeb7e2",
+            label: "#aeb7e2",
             strokeSelected: "#ff5959",
             text: "#ffffff",
             textDisabled: "#b6b8ba"
@@ -1456,6 +1459,7 @@ var componentColors = {
             fillHover: "#d9dae8",
             icon: "#181c56",
             iconDisabled: "#6e6f73",
+            iconLabel: "#626493",
             label: "#626493",
             strokeSelected: "#181c56",
             text: "#181c56",
@@ -1687,6 +1691,7 @@ var componentColors = {
         travelSwitch: {
           contrast: {
             backgroundfalse: "#626493",
+            backgroundtrueAir: "#fbafea",
             backgroundtrueBicycle: "#00db9b",
             backgroundtrueBus: "#ff6392",
             backgroundtrueCableway: "#b482fb",
@@ -1698,10 +1703,12 @@ var componentColors = {
             backgroundtrueMetro: "#f08901",
             backgroundtrueMobility: "#00db9b",
             backgroundtruePlane: "#fbafea",
+            backgroundtrueRail: "#42a5f5",
             backgroundtrueTaxi: "#ffe082",
             backgroundtrueTrain: "#42a5f5",
             backgroundtrueTram: "#b482fb",
             backgroundtrueWalk: "#8284ab",
+            backgroundtrueWater: "#6fdfff",
             backgroundtrueAirportlinkbus: "#fbafea",
             backgroundtrueAirportlinkrail: "#fbafea",
             iconfalse: "#626493",
@@ -1728,6 +1735,7 @@ var componentColors = {
           },
           standard: {
             backgroundfalse: "#949699",
+            backgroundtrueAir: "#800664",
             backgroundtrueBicycle: "#388f76",
             backgroundtrueBus: "#c5044e",
             backgroundtrueCableway: "#78469a",
@@ -1739,10 +1747,12 @@ var componentColors = {
             backgroundtrueMetro: "#bf5826",
             backgroundtrueMobility: "#388f76",
             backgroundtruePlane: "#800664",
+            backgroundtrueRail: "#00367f",
             backgroundtrueTaxi: "#3d3e40",
             backgroundtrueTrain: "#00367f",
             backgroundtrueTram: "#78469a",
             backgroundtrueWalk: "#8d8e9c",
+            backgroundtrueWater: "#0c6693",
             backgroundtrueAirportlinkbus: "#800664",
             backgroundtrueAirportlinkrail: "#800664",
             iconfalse: "#6e6f73",
@@ -1757,11 +1767,14 @@ var componentColors = {
             icontrueMetro: "#bf5826",
             icontrueMobility: "#388f76",
             icontruePlane: "#800664",
+            icontrueRail: "#00367f",
             icontrueTaxi: "#3d3e40",
             icontrueTrain: "#00367f",
             icontrueTram: "#78469a",
             icontrueWalk: "#8d8e9c",
+            icontrueWater: "#0c6693",
             icontrueAirportlinkbus: "#800664",
+            icontrueAirportlinkbus2: "#800664",
             icontrueAirportlinkrail: "#800664",
             switchfillFalse: "#ffffff",
             switchfillTrue: "#ffffff",
@@ -1786,6 +1799,7 @@ var componentColors = {
             iconAirportlinkbusCancled: "#fbafea",
             iconAirportlinkrailCancled: "#fbafea",
             iconborderValidation: "#181c56",
+            tagfillAir: "#fbafea",
             tagfillBicycle: "#00db9b",
             tagfillBus: "#ff6392",
             tagfillBusCancled: "#c5044e26",
@@ -1805,6 +1819,8 @@ var componentColors = {
             tagfillMobility: "#00db9b",
             tagfillPlane: "#fbafea",
             tagfillPlaneCancled: "#fbafea26",
+            tagfillRail: "#42a5f5",
+            tagfillRailCancled: "#42a5f526",
             tagfillTaxi: "#ffe082",
             tagfillTaxiCancled: "#ffe08226",
             tagfillTrain: "#42a5f5",
@@ -1812,7 +1828,10 @@ var componentColors = {
             tagfillTram: "#b482fb",
             tagfillTramCancled: "#b482fb26",
             tagfillWalk: "#8284ab",
+            tagfillWater: "#6fdfff",
+            tagfillWaterCancled: "#6fdfff26",
             tagfillAirportlinkbusCancled: "#fbafea26",
+            tagfillAirportlinkbusCancled2: "#fbafea26",
             tagfillAirportlinkrail: "#fbafea",
             tagfillAirportlinkrailCancled: "#fbafea26",
             tagfillAirportlinkbus: "#fbafea",
@@ -1852,6 +1871,8 @@ var componentColors = {
             iconAirportlinkrailCancled: "#800664",
             iconCablewayCancled: "#78469a",
             iconborderValidation: "#ffffff",
+            tagfillAir: "#800664",
+            tagfillAirCancled: "#80066426",
             tagfillBicycle: "#388f76",
             tagfillBus: "#c5044e",
             tagfillBusCancled: "#c5044e26",
@@ -1871,6 +1892,8 @@ var componentColors = {
             tagfillMobility: "#388f76",
             tagfillPlane: "#800664",
             tagfillPlaneCancled: "#80066426",
+            tagfillRail: "#00367f",
+            tagfillRailCancled: "#00367f26",
             tagfillTaxi: "#3d3e40",
             tagfillTaxiCancled: "#3d3e4026",
             tagfillTrain: "#00367f",
@@ -1878,6 +1901,8 @@ var componentColors = {
             tagfillTram: "#78469a",
             tagfillTramCancled: "#78469a26",
             tagfillWalk: "#e3e6e8",
+            tagfillWater: "#0c6693",
+            tagfillWaterCancled: "#0c669326",
             tagfillAirportlinkbus: "#800664",
             tagfillAirportlinkbusCancled: "#80066426",
             tagfillAirportlinkrail: "#800664",
@@ -2753,6 +2778,7 @@ var componentColors = {
             fillHover: "#e5e5e926",
             icon: "#e5e5e9",
             iconDisabled: "#949699",
+            iconLabel: "#b3b4bd",
             label: "#b3b4bd",
             strokeSelected: "#ff9494",
             text: "#e5e5e9",
@@ -2767,6 +2793,7 @@ var componentColors = {
             fillHover: "#e5e5e926",
             icon: "#e5e5e9",
             iconDisabled: "#949699",
+            iconLabel: "#b3b4bd",
             label: "#b3b4bd",
             strokeSelected: "#ff9494",
             text: "#e5e5e9",
@@ -2998,6 +3025,7 @@ var componentColors = {
         travelSwitch: {
           contrast: {
             backgroundfalse: "#e5e5e959",
+            backgroundtrueAir: "#f2b8e5",
             backgroundtrueBicycle: "#4db295",
             backgroundtrueBus: "#e87a9b",
             backgroundtrueCableway: "#b898e5",
@@ -3009,10 +3037,12 @@ var componentColors = {
             backgroundtrueMetro: "#dd973c",
             backgroundtrueMobility: "#4db295",
             backgroundtruePlane: "#f2b8e5",
+            backgroundtrueRail: "#60a2d7",
             backgroundtrueTaxi: "#ffe082",
             backgroundtrueTrain: "#60a2d7",
             backgroundtrueTram: "#b898e5",
             backgroundtrueWalk: "#8d8e9c",
+            backgroundtrueWater: "#8ccfe2",
             backgroundtrueAirportlinkbus: "#f2b8e5",
             backgroundtrueAirportlinkrail: "#f2b8e5",
             iconfalse: "#b3b4bd",
@@ -3039,6 +3069,7 @@ var componentColors = {
           },
           standard: {
             backgroundfalse: "#e5e5e959",
+            backgroundtrueAir: "#f2b8e5",
             backgroundtrueBicycle: "#4db295",
             backgroundtrueBus: "#e87a9b",
             backgroundtrueCableway: "#b898e5",
@@ -3050,10 +3081,12 @@ var componentColors = {
             backgroundtrueMetro: "#dd973c",
             backgroundtrueMobility: "#4db295",
             backgroundtruePlane: "#f2b8e5",
+            backgroundtrueRail: "#60a2d7",
             backgroundtrueTaxi: "#ffe082",
             backgroundtrueTrain: "#60a2d7",
             backgroundtrueTram: "#b898e5",
             backgroundtrueWalk: "#8d8e9c",
+            backgroundtrueWater: "#8ccfe2",
             backgroundtrueAirportlinkbus: "#f2b8e5",
             backgroundtrueAirportlinkrail: "#f2b8e5",
             iconfalse: "#b3b4bd",
@@ -3068,11 +3101,14 @@ var componentColors = {
             icontrueMetro: "#dd973c",
             icontrueMobility: "#00db9b",
             icontruePlane: "#f2b8e5",
+            icontrueRail: "#60a2d7",
             icontrueTaxi: "#ffe082",
             icontrueTrain: "#60a2d7",
             icontrueTram: "#b898e5",
             icontrueWalk: "#8d8e9c",
+            icontrueWater: "#8ccfe2",
             icontrueAirportlinkbus: "#f2b8e5",
+            icontrueAirportlinkbus2: "#f2b8e5",
             icontrueAirportlinkrail: "#f2b8e5",
             switchfillFalse: "#08091c",
             switchfillTrue: "#08091c",
@@ -3097,6 +3133,7 @@ var componentColors = {
             iconAirportlinkbusCancled: "#f2b8e5",
             iconAirportlinkrailCancled: "#f2b8e5",
             iconborderValidation: "#08091c",
+            tagfillAir: "#f2b8e5",
             tagfillBicycle: "#4db295",
             tagfillBus: "#e87a9b",
             tagfillBusCancled: "#e87a9b26",
@@ -3116,6 +3153,8 @@ var componentColors = {
             tagfillMobility: "#4db295",
             tagfillPlane: "#f2b8e5",
             tagfillPlaneCancled: "#f2b8e526",
+            tagfillRail: "#60a2d7",
+            tagfillRailCancled: "#60a2d726",
             tagfillTaxi: "#ffe082",
             tagfillTaxiCancled: "#ffe08226",
             tagfillTrain: "#60a2d7",
@@ -3123,7 +3162,10 @@ var componentColors = {
             tagfillTram: "#b898e5",
             tagfillTramCancled: "#b898e526",
             tagfillWalk: "#8d8e9c",
+            tagfillWater: "#8ccfe2",
+            tagfillWaterCancled: "#8ccfe226",
             tagfillAirportlinkbusCancled: "#f2b8e526",
+            tagfillAirportlinkbusCancled2: "#f2b8e526",
             tagfillAirportlinkrail: "#f2b8e5",
             tagfillAirportlinkrailCancled: "#f2b8e526",
             tagfillAirportlinkbus: "#f2b8e5",
@@ -3163,6 +3205,8 @@ var componentColors = {
             iconAirportlinkrailCancled: "#f2b8e5",
             iconCablewayCancled: "#b898e5",
             iconborderValidation: "#08091c",
+            tagfillAir: "#f2b8e5",
+            tagfillAirCancled: "#f2b8e526",
             tagfillBicycle: "#4db295",
             tagfillBus: "#e87a9b",
             tagfillBusCancled: "#e87a9b26",
@@ -3182,6 +3226,8 @@ var componentColors = {
             tagfillMobility: "#4db295",
             tagfillPlane: "#f2b8e5",
             tagfillPlaneCancled: "#f2b8e526",
+            tagfillRail: "#60a2d7",
+            tagfillRailCancled: "#60a2d726",
             tagfillTaxi: "#ffe082",
             tagfillTaxiCancled: "#ffe08226",
             tagfillTrain: "#60a2d7",
@@ -3189,6 +3235,8 @@ var componentColors = {
             tagfillTram: "#b898e5",
             tagfillTramCancled: "#b898e526",
             tagfillWalk: "#8d8e9c",
+            tagfillWater: "#8ccfe2",
+            tagfillWaterCancled: "#8ccfe226",
             tagfillAirportlinkbus: "#f2b8e5",
             tagfillAirportlinkbusCancled: "#f2b8e526",
             tagfillAirportlinkrail: "#f2b8e5",