@entur/tokens 3.12.1-alpha.0 → 3.13.0

package/dist/tokens.esm.js

@@ -123,12 +123,15 @@ var primitive = {
     _90: "#022536"
   },
   transparent: {
+    blueAlpha10: "#9ea0bd1a",
     blueAlpha40: "#54568c66",
     canaryAlpha30: "#fff4cd4d",
     coralAlpha20: "#ff949433",
-    ebonyAlpha20: "#e5e5e933",
+    ebonyAlpha15: "#e5e5e926",
+    ebonyAlpha25: "#e5e5e940",
     ebonyAlpha35: "#e5e5e959",
     lavenderAlpha70: "#aeb7e2b2",
+    neutralAlpha10: "#cfd2d41a",
     neutralAlpha15: "#cfd2d426",
     peachAlpha70: "#ffbf9eb2"
   },
@@ -155,12 +158,14 @@ var semantic = {
       contrast: {
         dark: "#212233",
         light: "#181c56",
-        lightalt: "#393d79"
+        lightalt: "#393d79",
+        lightalt2: "#292b6a"
       },
       overlay: {
         solid: "#393a49",
         solidalt: "#464755",
-        transparent: "#e5e5e933"
+        transparent: "#e5e5e926",
+        transparentalt: "#e5e5e940"
       },
       standard: {
         colorless: "#ffffff00",
@@ -174,7 +179,8 @@ var semantic = {
       tint: {
         dark: "#141527",
         light: "#f6f6f9",
-        neutral: "#f2f5f7"
+        neutral: "#f2f5f7",
+        transparent: "#9ea0bd1a"
       }
     },
     "boolean": {
@@ -191,7 +197,8 @@ var semantic = {
     },
     disabled: {
       light: "#cfd2d4",
-      transparent: "#cfd2d426"
+      transparent: "#cfd2d426",
+      transparentalt: "#cfd2d41a"
     },
     information: {
       contrast: "#64b3e7",
@@ -264,8 +271,10 @@ var semantic = {
   },
   shape: {
     accent: "#181c56",
+    contrast: "#aeb7e2",
     dark: "#08091c",
-    darkalt: "#cccdd4",
+    darkalt: "#b3b4bd",
+    disabled: "#515254",
     highlight: "#ff5959",
     highlightalt: "#ff9494",
     inactive: "#bcbdd2",
@@ -277,6 +286,7 @@ var semantic = {
     negativealt: "#ff9494",
     neutral: "#6e6f73",
     neutralalt: "#b6b8ba",
+    neutralalt2: "#949699",
     subdued: "#626493",
     subduedalt: "#d9dae8",
     success: "#1a8e60",
@@ -311,7 +321,8 @@ var semantic = {
   text: {
     accent: "#181c56",
     dark: "#08091c",
-    darkalt: "#cccdd4",
+    darkalt: "#b3b4bd",
+    disabled: "#515254",
     highlight: "#aeb7e2",
     highlightalt: "#ffbf9e",
     light: "#ffffff",
@@ -320,6 +331,7 @@ var semantic = {
     negativealt: "#ff9494",
     neutral: "#6e6f73",
     neutralalt: "#b6b8ba",
+    neutralalt2: "#949699",
     subdued: "#626493",
     subduedalt: "#d9dae8",
     success: "#1a8e60",
@@ -343,14 +355,44 @@ var base = {
       },
       shape: {
         accent: "#181c56",
+        bicycleContrast: "#00db9b",
+        bicycleDefault: "#388f76",
+        busContrast: "#ff6392",
+        busDefault: "#c5044e",
+        cablewayContrast: "#b482fb",
+        cablewayDefault: "#78469a",
         disabled: "#6e6f73",
         disabledalt: "#b6b8ba",
+        ferryContrast: "#6fdfff",
+        ferryDefault: "#0c6693",
+        funicularContrast: "#b482fb",
+        funicularDefault: "#78469a",
+        helicopterContrast: "#fbafea",
+        helicopterDefault: "#800664",
         highlight: "#ff5959",
         light: "#ffffff",
         mask: "#ffffff",
         maskalt: "#ffffff",
+        metroContrast: "#f08901",
+        metroDefault: "#bf5826",
+        mobilityContrast: "#00db9b",
+        mobilityDefault: "#388f76",
+        planeContrast: "#fbafea",
+        planeDefault: "#800664",
         subdued: "#626493",
-        subduedalt: "#d9dae8"
+        subduedalt: "#d9dae8",
+        taxiContrast: "#ffe082",
+        taxiDefault: "#3d3e40",
+        trainContrast: "#42a5f5",
+        trainDefault: "#00367f",
+        tramContrast: "#b482fb",
+        tramDefault: "#78469a",
+        walkContrast: "#8284ab",
+        walkDefault: "#8d8e9c",
+        airportlinkbusContrast: "#fbafea",
+        airportlinkbusDefault: "#800664",
+        airportlinkrailContrast: "#fbafea",
+        airportlinkrailDefault: "#800664"
       },
       stroke: {
         contrast: "#aeb7e2",
@@ -387,14 +429,44 @@ var base = {
       },
       shape: {
         accent: "#e5e5e9",
+        bicycleContrast: "#4db295",
+        bicycleDefault: "#4db295",
+        busContrast: "#e87a9b",
+        busDefault: "#e87a9b",
+        cablewayContrast: "#b898e5",
+        cablewayDefault: "#b898e5",
         disabled: "#b6b8ba",
-        disabledalt: "#cccdd4",
+        disabledalt: "#b3b4bd",
+        ferryContrast: "#8ccfe2",
+        ferryDefault: "#8ccfe2",
+        funicularContrast: "#b898e5",
+        funicularDefault: "#b898e5",
+        helicopterContrast: "#f2b8e5",
+        helicopterDefault: "#f2b8e5",
         highlight: "#ff9494",
         light: "#e5e5e9",
         mask: "#2d2e3e",
         maskalt: "#393a49",
-        subdued: "#cccdd4",
-        subduedalt: "#cccdd4"
+        metroContrast: "#dd973c",
+        metroDefault: "#dd973c",
+        mobilityContrast: "#4db295",
+        mobilityDefault: "#4db295",
+        planeContrast: "#f2b8e5",
+        planeDefault: "#f2b8e5",
+        subdued: "#b3b4bd",
+        subduedalt: "#b3b4bd",
+        taxiContrast: "#ffe082",
+        taxiDefault: "#ffe082",
+        trainContrast: "#60a2d7",
+        trainDefault: "#60a2d7",
+        tramContrast: "#b898e5",
+        tramDefault: "#b898e5",
+        walkContrast: "#8d8e9c",
+        walkDefault: "#8d8e9c",
+        airportlinkbusContrast: "#f2b8e5",
+        airportlinkbusDefault: "#f2b8e5",
+        airportlinkrailContrast: "#f2b8e5",
+        airportlinkrailDefault: "#f2b8e5"
       },
       stroke: {
         contrast: "#aeb7e2",
@@ -420,6 +492,159 @@ var base = {
   }
 };
 
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+var data = {
+  light: {
+    contrast: {
+      azure: "#64b2fb",
+      blue: "#6c6eb7",
+      coral: "#ff5959",
+      jungle: "#0fc2b3",
+      lavender: "#aeb7e2",
+      lilac: "#ea8bea",
+      peach: "#ffbf9e",
+      spring: "#7bc00b"
+    },
+    standard: {
+      azure: "#2f98fa",
+      blue: "#181c56",
+      coral: "#ff5959",
+      jungle: "#0ea2a8",
+      lavender: "#8692ca",
+      lilac: "#8e57e3",
+      peach: "#ca825b",
+      spring: "#57a257"
+    }
+  },
+  dark: {
+    contrast: {
+      azure: "#669bcc",
+      blue: "#aeb7e2",
+      coral: "#ff9494",
+      jungle: "#349d94",
+      lavender: "#7c8ad0",
+      lilac: "#c982c9",
+      peach: "#d6855c",
+      spring: "#8cb24c"
+    },
+    standard: {
+      azure: "#669bcc",
+      blue: "#aeb7e2",
+      coral: "#ff9494",
+      jungle: "#349d94",
+      lavender: "#7c8ad0",
+      lilac: "#c982c9",
+      peach: "#d6855c",
+      spring: "#8cb24c"
+    }
+  }
+};
+
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+var transport = {
+  contrast: {
+    bicycle: "#00db9b",
+    bus: "#ff6392",
+    busTransparent: "#ff639226",
+    cableway: "#b482fb",
+    cablewayTransparent: "#b482fb26",
+    carferry: "#6fdfff",
+    carferryTransparent: "#6fdfff26",
+    citybike: "#00db9b",
+    ferry: "#6fdfff",
+    ferryTransparent: "#6fdfff26",
+    funicular: "#b482fb",
+    funicularTransparent: "#b482fb26",
+    helicopter: "#fbafea",
+    helicopterTransparent: "#fbafea26",
+    metro: "#f08901",
+    metroTransparent: "#f0890126",
+    mobility: "#00db9b",
+    neutral: "#ffffff",
+    plane: "#fbafea",
+    planeTransparent: "#fbafea26",
+    taxi: "#ffe082",
+    taxiTransparent: "#ffe08226",
+    train: "#42a5f5",
+    trainTransparent: "#42a5f526",
+    tram: "#b482fb",
+    tramTransparent: "#b482fb26",
+    walk: "#8284ab",
+    airportlinkbus: "#fbafea",
+    airportlinkbusTransparent: "#fbafea26",
+    airportlinkrail: "#fbafea",
+    airportlinkrailTransparent: "#fbafea26"
+  },
+  dark: {
+    bicycle: "#4db295",
+    bus: "#e87a9b",
+    busTransparent: "#e87a9b26",
+    cableway: "#b898e5",
+    cablewayTransparent: "#b898e526",
+    carferry: "#8ccfe2",
+    carferryTransparent: "#8ccfe226",
+    citybike: "#4db295",
+    ferry: "#8ccfe2",
+    ferryTransparent: "#8ccfe226",
+    funicular: "#b898e5",
+    funicularTransparent: "#b898e526",
+    helicopter: "#f2b8e5",
+    helicopterTransparent: "#f2b8e526",
+    metro: "#dd973c",
+    metroTransparent: "#dd973c26",
+    mobility: "#4db295",
+    neutral: "#e5e5e9",
+    plane: "#f2b8e5",
+    planeTransparent: "#f2b8e526",
+    taxi: "#ffe082",
+    taxiTransparent: "#ffe08226",
+    train: "#60a2d7",
+    trainTransparent: "#60a2d726",
+    tram: "#b898e5",
+    tramTransparent: "#b898e526",
+    walk: "#8d8e9c",
+    airportlinkbus: "#f2b8e5",
+    airportlinkbusTransparent: "#f2b8e526",
+    airportlinkrail: "#f2b8e5",
+    airportlinkrailTransparent: "#f2b8e526"
+  },
+  standard: {
+    bicycle: "#388f76",
+    bus: "#c5044e",
+    busTransparent: "#c5044e26",
+    cableway: "#78469a",
+    cablewayTransparent: "#78469a26",
+    carferry: "#0c6693",
+    carferryTransparent: "#0c669326",
+    citybike: "#388f76",
+    ferry: "#0c6693",
+    ferryTransparent: "#0c669326",
+    funicular: "#78469a",
+    funicularTransparent: "#78469a26",
+    helicopter: "#800664",
+    helicopterTransparent: "#80066426",
+    metro: "#bf5826",
+    metroTransparent: "#bf582626",
+    mobility: "#388f76",
+    neutral: "#181c56",
+    plane: "#800664",
+    planeTransparent: "#80066426",
+    taxi: "#3d3e40",
+    taxiTransparent: "#3d3e4026",
+    train: "#00367f",
+    trainTransparent: "#00367f26",
+    tram: "#78469a",
+    tramTransparent: "#78469a26",
+    walk: "#8d8e9c",
+    airportlinkbus: "#800664",
+    airportlinkbusTransparent: "#80066426",
+    airportlinkrail: "#800664",
+    airportlinkrailTransparent: "#80066426"
+  }
+};
+
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 var componentColors = {
@@ -477,11 +702,13 @@ var componentColors = {
           },
           primary: {
             contrast: {
+              bullet: "#aeb7e2",
               fill: "#aeb7e2",
               text: "#181c56",
               textBullet: "#ffffff"
             },
             standard: {
+              bullet: "#181c56",
               fill: "#181c56",
               text: "#ffffff",
               textBullet: "#181c56"
@@ -628,6 +855,18 @@ var componentColors = {
         }
       },
       button: {
+        disabled: {
+          contrast: {
+            fill: "#cfd2d426",
+            iconDisabled: "#b6b8ba",
+            textDisabled: "#b6b8ba"
+          },
+          standard: {
+            fill: "#cfd2d4",
+            iconDisabled: "#515254",
+            textDisabled: "#515254"
+          }
+        },
         floating: {
           contrast: {
             active: "#f6f6f9",
@@ -826,78 +1065,42 @@ var componentColors = {
           textAccent: "#181c56",
           textDisabled: "#b6b8ba",
           textSubdued: "#626493"
-        },
-        datefield: {
+        }
+      },
+      expand: {
+        expandablePanel: {
           contrast: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff",
-            fillDisabled: "#cfd2d426",
-            icon: "#181c56",
-            iconDisabled: "#6e6f73",
-            textContent: "#181c56",
-            textDescription: "#ffffff",
-            textLabel: "#626493",
-            textDisabled: "#6e6f73"
+            fillDefault: "#393d79",
+            fillHover: "#626493",
+            fillSelected: "#393d79",
+            icon: "#ffffff",
+            text: "#ffffff"
           },
           standard: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#181c56",
-            borderNegative: "#d31b1b",
-            borderSuccess: "#1a8e60",
-            fillDefault: "#ffffff",
-            fillDisabled: "#cfd2d4",
+            fillDefault: "#e3e6e8",
+            fillHover: "#edf0f2",
+            fillSelected: "#e3e6e8",
             icon: "#181c56",
-            iconDisabled: "#6e6f73",
-            textContent: "#181c56",
-            textDescription: "#181c56",
-            textLabel: "#626493",
-            textDisabled: "#6e6f73"
+            text: "#181c56"
           }
-        }
-      },
-      dropdown: {
-        dropdown: {
+        },
+        expandableText: {
           contrast: {
-            borderActive: "#181c56",
-            borderDefault: "#8284ab",
-            borderHover: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff",
-            fillDisabled: "#cfd2d426",
-            fillReadonly: "#ffffff00",
-            icon: "#181c56",
-            iconDisabled: "#6e6f73",
-            textContent: "#181c56",
-            textDescription: "#ffffff",
-            textLabel: "#626493",
-            textDisabled: "#6e6f73"
+            icon: "#ffffff",
+            text: "#ffffff"
           },
           standard: {
-            borderActive: "#181c56",
-            borderDefault: "#8284ab",
-            borderHover: "#181c56",
-            borderNegative: "#d31b1b",
-            borderSuccess: "#1a8e60",
-            fillDefault: "#ffffff",
-            fillDisabled: "#cfd2d4",
-            fillReadonly: "#ffffff00",
             icon: "#181c56",
-            iconDisabled: "#6e6f73",
-            textContent: "#181c56",
-            textDescription: "#181c56",
-            textLabel: "#626493",
-            textDisabled: "#6e6f73"
+            text: "#181c56"
           }
-        },
-        multiSelect: {
+        }
+      },
+      form: {
+        baseForm: {
           contrast: {
-            borderDanger: "#ff9494",
             borderDefault: "#8284ab",
             borderInteractive: "#aeb7e2",
+            borderNegative: "#ff9494",
             borderSuccess: "#5ac39a",
             fillDefault: "#ffffff",
             fillDisabled: "#cfd2d426",
@@ -924,44 +1127,24 @@ var componentColors = {
             textLabel: "#626493",
             textDisabled: "#6e6f73"
           }
-        }
-      },
-      expand: {
-        expandablePanel: {
-          contrast: {
-            fillDefault: "#393d79",
-            fillHover: "#626493",
-            fillSelected: "#393d79",
-            icon: "#ffffff",
-            text: "#ffffff"
-          },
-          standard: {
-            fillDefault: "#e3e6e8",
-            fillHover: "#edf0f2",
-            fillSelected: "#e3e6e8",
-            icon: "#181c56",
-            text: "#181c56"
-          }
         },
-        expandableText: {
-          contrast: {
-            icon: "#ffffff",
-            text: "#ffffff"
-          },
-          standard: {
-            icon: "#181c56",
-            text: "#181c56"
-          }
-        }
-      },
-      form: {
-        checkboxPanel: {
+        baseMenu: {
+          border: "#8284ab",
+          fillDefault: "#f2f5f7",
+          fillHover: "#d9dae8",
+          icon: "#181c56",
+          iconDisabled: "#6e6f73",
+          text: "#181c56",
+          textDisabled: "#6e6f73"
+        },
+        basePanel: {
           contrast: {
             borderDefault: "#8284ab",
             borderDisabled: "#949699",
             borderSelected: "#aeb7e2",
             fillDefault: "#ffffff00",
             fillDisabled: "#cfd2d426",
+            fillExpired: "#ff949433",
             fillHover: "#54568c",
             fillSelected: "#393d79",
             textAccent: "#ffffff",
@@ -975,7 +1158,8 @@ var componentColors = {
             borderSelected: "#181c56",
             fillDefault: "#ffffff00",
             fillDisabled: "#cfd2d4",
-            fillHover: "#d9ddf2",
+            fillExpired: "#ff949433",
+            fillHover: "#eaeaf1",
             fillSelected: "#f6f6f9",
             textAccent: "#181c56",
             textDisabled: "#6e6f73",
@@ -1000,8 +1184,8 @@ var componentColors = {
             fillDefault: "#ffffff00",
             fillHover: "#d9ddf2",
             fillSelected: "#181c56",
+            fillSelectedhover: "#393d79",
             icon: "#ffffff",
-            selectedhover: "#393d79",
             text: "#181c56"
           }
         },
@@ -1063,34 +1247,6 @@ var componentColors = {
             }
           }
         },
-        radioPanel: {
-          contrast: {
-            borderDefault: "#8284ab",
-            borderDisabled: "#949699",
-            borderSelected: "#aeb7e2",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
-            fillHover: "#54568c",
-            fillSelected: "#393d79",
-            textAccent: "#ffffff",
-            textDisabled: "#b6b8ba",
-            textRebate: "#5ac39a",
-            textSubdued: "#d9dae8"
-          },
-          standard: {
-            borderDefault: "#8284ab",
-            borderDisabled: "#949699",
-            borderSelected: "#181c56",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d4",
-            fillHover: "#d9ddf2",
-            fillSelected: "#f6f6f9",
-            textAccent: "#181c56",
-            textDisabled: "#6e6f73",
-            textRebate: "#1a8e60",
-            textSubdued: "#626493"
-          }
-        },
         radio: {
           contrast: {
             border: "#aeb7e2",
@@ -1113,38 +1269,6 @@ var componentColors = {
             text: "#181c56"
           }
         },
-        search: {
-          contrast: {
-            borderDanger: "#ff9494",
-            borderDefault: "#8284ab",
-            borderInteractive: "#aeb7e2",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff",
-            fillDisabled: "#cfd2d426",
-            fillReadonly: "#ffffff00",
-            icon: "#181c56",
-            iconDisabled: "#6e6f73",
-            textContent: "#181c56",
-            textDescription: "#ffffff",
-            textLabel: "#626493",
-            textDisabled: "#6e6f73"
-          },
-          standard: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#181c56",
-            borderNegative: "#d31b1b",
-            borderSuccess: "#1a8e60",
-            fillDefault: "#ffffff",
-            fillDisabled: "#cfd2d4",
-            fillReadonly: "#ffffff00",
-            icon: "#181c56",
-            iconDisabled: "#6e6f73",
-            textContent: "#181c56",
-            textDescription: "#181c56",
-            textLabel: "#626493",
-            textDisabled: "#6e6f73"
-          }
-        },
         segmentedControl: {
           contrast: {
             background: "#393d79",
@@ -1184,101 +1308,53 @@ var componentColors = {
             "switch": "#ffffff",
             text: "#181c56"
           }
-        },
-        textArea: {
+        }
+      },
+      loader: {
+        fileupload: {
           contrast: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff",
-            fillDisabled: "#cfd2d426",
-            fillReadonly: "#ffffff00",
-            icon: "#181c56",
-            iconDisabled: "#6e6f73",
-            textContent: "#181c56",
-            textDescription: "#ffffff",
-            textLabel: "#626493",
-            textDisabled: "#6e6f73"
+            fillDefault: "#ffffff00",
+            icon: "#ffffff",
+            iconDisabled: "#949699",
+            strokeDefault: "#8284ab",
+            strokeDisabled: "#949699",
+            strokeNegative: "#ff9494",
+            strokeSuccess: "#5ac39a",
+            text: "#ffffff",
+            textDisabled: "#949699"
           },
           standard: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#181c56",
-            borderNegative: "#d31b1b",
-            borderSuccess: "#1a8e60",
-            fillDefault: "#ffffff",
-            fillDisabled: "#cfd2d4",
-            fillReadonly: "#ffffff00",
+            fillDefault: "#ffffff00",
             icon: "#181c56",
             iconDisabled: "#6e6f73",
-            textContent: "#181c56",
-            textDescription: "#181c56",
-            textLabel: "#626493",
+            strokeDefault: "#8284ab",
+            strokeDisabled: "#949699",
+            strokeNegative: "#d31b1b",
+            strokeSuccess: "#1a8e60",
+            text: "#181c56",
             textDisabled: "#6e6f73"
           }
         },
-        textField: {
+        loader: {
           contrast: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff",
-            fillDisabled: "#cfd2d426",
-            fillReadonly: "#ffffff00",
-            icon: "#181c56",
-            iconDisabled: "#6e6f73",
-            textContent: "#181c56",
-            textDescription: "#ffffff",
-            textLabel: "#626493",
-            textDisabled: "#6e6f73"
-          },
-          standard: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#181c56",
-            borderNegative: "#d31b1b",
-            borderSuccess: "#1a8e60",
-            fillDefault: "#ffffff",
-            fillDisabled: "#cfd2d4",
-            fillReadonly: "#ffffff00",
-            icon: "#181c56",
-            iconDisabled: "#6e6f73",
-            textContent: "#181c56",
-            textDescription: "#181c56",
-            textLabel: "#626493",
-            textDisabled: "#6e6f73"
-          }
-        }
-      },
-      loader: {
-        fileupload: {
-          contrast: {
-            fillDefault: "#ffffff00",
-            icon: "#ffffff",
-            strokeDefault: "#8284ab",
-            strokeNegative: "#ff9494",
-            strokeSuccess: "#5ac39a",
+            border: "#8284ab",
+            progressbar: "#ff5959",
             text: "#ffffff"
           },
           standard: {
-            fillDefault: "#ffffff00",
-            icon: "#181c56",
-            strokeDefault: "#8284ab",
-            strokeNegative: "#d31b1b",
-            strokeSuccess: "#1a8e60",
+            border: "#949699",
+            progressbar: "#ff5959",
             text: "#181c56"
           }
         },
-        loader: {
+        skeleton: {
           contrast: {
-            border: "#8284ab",
-            progressbar: "#ff5959",
-            text: "#ffffff"
+            fill: "#292b6a",
+            highlight: "#181c56"
           },
           standard: {
-            border: "#949699",
-            progressbar: "#ff5959",
-            text: "#181c56"
+            fill: "#eaeaf1",
+            highlight: "#f6f6f9"
           }
         }
       },
@@ -1328,7 +1404,9 @@ var componentColors = {
           fillDefault: "#f2f5f7",
           fillHover: "#d9dae8",
           icon: "#181c56",
-          text: "#181c56"
+          iconDisabled: "#6e6f73",
+          text: "#181c56",
+          textDisabled: "#6e6f73"
         },
         pagination: {
           contrast: {
@@ -1358,22 +1436,30 @@ var componentColors = {
           contrast: {
             avatar: "#393d79",
             background: "#181c56",
+            divide: "#8284ab",
             fillActive: "#ffffff00",
             fillDefault: "#ffffff00",
             fillHover: "#393d79",
             icon: "#ffffff",
+            iconDisabled: "#b6b8ba",
+            label: "#d9dae8",
             strokeSelected: "#ff5959",
-            text: "#ffffff"
+            text: "#ffffff",
+            textDisabled: "#b6b8ba"
           },
           standard: {
             avatar: "#ffffff",
             background: "#f2f5f7",
+            divide: "#e3e6e8",
             fillActive: "#ffffff00",
             fillDefault: "#ffffff00",
             fillHover: "#d9dae8",
             icon: "#181c56",
+            iconDisabled: "#6e6f73",
+            label: "#626493",
             strokeSelected: "#181c56",
-            text: "#181c56"
+            text: "#181c56",
+            textDisabled: "#6e6f73"
           }
         },
         stepper: {
@@ -1438,34 +1524,42 @@ var componentColors = {
       tab: {
         contrast: {
           border: "#aeb7e2",
+          fillDisabled: "#54568c66",
           fillHover: "#626493",
           fillSelected: "#181c56",
           fillUnselected: "#393d79",
           icon: "#ffffff",
+          iconDisabled: "#b6b8ba",
           text: "#ffffff",
+          textDisabled: "#b6b8ba",
           underlineSelected: "#ff5959"
         },
         standard: {
           border: "#e3e6e8",
+          fillDisabled: "#cfd2d4",
           fillHover: "#e3e6e8",
           fillSelected: "#ffffff",
           fillUnselected: "#edf0f2",
           icon: "#181c56",
+          iconDisabled: "#515254",
           text: "#181c56",
+          textDisabled: "#515254",
           underlineSelected: "#ff5959"
         }
       },
       table: {
         contrast: {
           fill: "#ffffff00",
-          fillStriped: "#393d79",
+          fillHover: "#393d79",
+          fillNegative: "#ff949433",
           icon: "#ffffff",
           stroke: "#8284ab",
           text: "#ffffff"
         },
         standard: {
           fill: "#ffffff00",
-          fillStriped: "#f2f5f7",
+          fillHover: "#f2f5f7",
+          fillNegative: "#ffcece",
           icon: "#181c56",
           stroke: "#e3e6e8",
           text: "#181c56"
@@ -1489,13 +1583,23 @@ var componentColors = {
         tooltip: {
           contrast: {
             fill: "#ffffff",
-            shape: "#ffffff",
-            text: "#181c56"
+            fillNegative: "#ff9494",
+            icon: "#181c56",
+            iconNegative: "#181c56",
+            text: "#181c56",
+            textNegative: "#181c56",
+            triangle: "#ffffff",
+            triangleNegative: "#ff9494"
           },
           standard: {
             fill: "#181c56",
-            shape: "#181c56",
-            text: "#ffffff"
+            fillNegative: "#ffcece",
+            icon: "#ffffff",
+            iconNegative: "#181c56",
+            text: "#ffffff",
+            textNegative: "#181c56",
+            triangle: "#181c56",
+            triangleNegative: "#ffcece"
           }
         }
       },
@@ -1540,9 +1644,17 @@ var componentColors = {
         },
         travelLeg: {
           contrast: {
+            airportlinkbus: "#fbafea",
+            airportlinkrail: "#fbafea",
+            bicycle: "#00db9b",
             bulletBorder: "#181c56",
             bus: "#ff6392",
+            cableway: "#b482fb",
+            carferry: "#6fdfff",
+            citybike: "#00db9b",
             ferry: "#6fdfff",
+            funicular: "#b482fb",
+            helicopter: "#fbafea",
             metro: "#f08901",
             mobility: "#00db9b",
             plane: "#fbafea",
@@ -1552,9 +1664,17 @@ var componentColors = {
             walk: "#8284ab"
           },
           standard: {
+            airportlinkbus: "#800664",
+            airportlinkrail: "#800664",
+            bicycle: "#388f76",
             bulletBorder: "#ffffff",
             bus: "#c5044e",
+            cableway: "#78469a",
+            carferry: "#0c6693",
+            citybike: "#388f76",
             ferry: "#0c6693",
+            funicular: "#78469a",
+            helicopter: "#800664",
             metro: "#bf5826",
             mobility: "#388f76",
             plane: "#800664",
@@ -1567,46 +1687,82 @@ var componentColors = {
         travelSwitch: {
           contrast: {
             backgroundfalse: "#626493",
+            backgroundtrueBicycle: "#00db9b",
             backgroundtrueBus: "#ff6392",
+            backgroundtrueCableway: "#b482fb",
+            backgroundtrueCarferry: "#6fdfff",
+            backgroundtrueCitybike: "#00db9b",
             backgroundtrueFerry: "#6fdfff",
+            backgroundtrueFunicular: "#b482fb",
+            backgroundtrueHelicopter: "#fbafea",
             backgroundtrueMetro: "#f08901",
             backgroundtrueMobility: "#00db9b",
             backgroundtruePlane: "#fbafea",
             backgroundtrueTaxi: "#ffe082",
             backgroundtrueTrain: "#42a5f5",
             backgroundtrueTram: "#b482fb",
+            backgroundtrueWalk: "#8284ab",
+            backgroundtrueAirportlinkbus: "#fbafea",
+            backgroundtrueAirportlinkrail: "#fbafea",
             iconfalse: "#626493",
+            icontrueBicycle: "#388f76",
             icontrueBus: "#c5044e",
+            icontrueCableway: "#78469a",
+            icontrueCarferry: "#0c6693",
+            icontrueCitybike: "#388f76",
             icontrueFerry: "#0c6693",
+            icontrueFunicular: "#78469a",
+            icontrueHelicopter: "#800664",
             icontrueMetro: "#bf5826",
             icontrueMobility: "#388f76",
             icontruePlane: "#800664",
             icontrueTaxi: "#3d3e40",
             icontrueTrain: "#00367f",
             icontrueTram: "#78469a",
+            icontrueWalk: "#8284ab",
+            icontrueAirportlinkbus: "#800664",
+            icontrueAirportlinkrail: "#800664",
             switchfillFalse: "#ffffff",
             switchfillTrue: "#ffffff",
             text: "#ffffff"
           },
           standard: {
             backgroundfalse: "#949699",
+            backgroundtrueBicycle: "#388f76",
             backgroundtrueBus: "#c5044e",
+            backgroundtrueCableway: "#78469a",
+            backgroundtrueCarferry: "#0c6693",
+            backgroundtrueCitybike: "#388f76",
             backgroundtrueFerry: "#0c6693",
+            backgroundtrueFunicular: "#78469a",
+            backgroundtrueHelicopter: "#800664",
             backgroundtrueMetro: "#bf5826",
             backgroundtrueMobility: "#388f76",
             backgroundtruePlane: "#800664",
             backgroundtrueTaxi: "#3d3e40",
             backgroundtrueTrain: "#00367f",
             backgroundtrueTram: "#78469a",
+            backgroundtrueWalk: "#8d8e9c",
+            backgroundtrueAirportlinkbus: "#800664",
+            backgroundtrueAirportlinkrail: "#800664",
             iconfalse: "#6e6f73",
+            icontrueBicycle: "#388f76",
             icontrueBus: "#c5044e",
+            icontrueCableway: "#78469a",
+            icontrueCarferry: "#0c6693",
+            icontrueCitybike: "#388f76",
             icontrueFerry: "#0c6693",
+            icontrueFunicular: "#78469a",
+            icontrueHelicopter: "#800664",
             icontrueMetro: "#bf5826",
             icontrueMobility: "#388f76",
             icontruePlane: "#800664",
             icontrueTaxi: "#3d3e40",
             icontrueTrain: "#00367f",
             icontrueTram: "#78469a",
+            icontrueWalk: "#8d8e9c",
+            icontrueAirportlinkbus: "#800664",
+            icontrueAirportlinkrail: "#800664",
             switchfillFalse: "#ffffff",
             switchfillTrue: "#ffffff",
             text: "#181c56"
@@ -1616,18 +1772,34 @@ var componentColors = {
           contrast: {
             icon: "#181c56",
             iconBusCancled: "#ff6392",
+            iconCabllewayCancled: "#b482fb",
+            iconCarferryCancled: "#6fdfff",
             iconFerryCancled: "#6fdfff",
+            iconFunicularCancled: "#b482fb",
+            iconHelicopterCancled: "#fbafea",
             iconMetroCancled: "#f08901",
             iconPlaneCancled: "#fbafea",
             iconTaxiCancled: "#ffe082",
             iconTrainCancled: "#42a5f5",
             iconTramCancled: "#b482fb",
             iconWalk: "#181c56",
+            iconAirportlinkbusCancled: "#fbafea",
+            iconAirportlinkrailCancled: "#fbafea",
             iconborderValidation: "#181c56",
+            tagfillBicycle: "#00db9b",
             tagfillBus: "#ff6392",
             tagfillBusCancled: "#c5044e26",
+            tagfillCableway: "#b482fb",
+            tagfillCablewayCancled: "#b482fb26",
+            tagfillCarferry: "#6fdfff",
+            tagfillCarferryCancled: "#6fdfff26",
+            tagfillCitybike: "#00db9b",
             tagfillFerry: "#6fdfff",
             tagfillFerryCancled: "#6fdfff26",
+            tagfillFunicular: "#b482fb",
+            tagfillFunicularCancled: "#b482fb26",
+            tagfillHelicopter: "#fbafea",
+            tagfillHelicopterCancled: "#fbafea26",
             tagfillMetro: "#f08901",
             tagfillMetroCancled: "#f0890126",
             tagfillMobility: "#00db9b",
@@ -1640,34 +1812,60 @@ var componentColors = {
             tagfillTram: "#b482fb",
             tagfillTramCancled: "#b482fb26",
             tagfillWalk: "#8284ab",
+            tagfillAirportlinkbusCancled: "#fbafea26",
+            tagfillAirportlinkrail: "#fbafea",
+            tagfillAirportlinkrailCancled: "#fbafea26",
+            tagfillAirportlinkbus: "#fbafea",
             textCancled: "#b6b8ba",
             textLabel: "#ffffff",
             textLine: "#181c56",
             textLineBusCancled: "#ff6392",
+            textLineCablewayCancled: "#b482fb",
+            textLineCarferryCancled: "#6fdfff",
             textLineFerryCancled: "#6fdfff",
+            textLineFunicularCancled: "#b482fb",
+            textLineHelicopterCancled: "#fbafea",
             textLineMetroCancled: "#f08901",
             textLinePlaneCancled: "#fbafea",
             textLineTaxiCancled: "#ffe082",
             textLineTrainCancled: "#42a5f5",
             textLineTramCancled: "#b482fb",
+            textLineAirportlinkbusCancled: "#fbafea",
+            textLineAirportlinkrailCancled: "#fbafea",
             textNewtime: "#ff9494",
             textWalk: "#181c56"
           },
           standard: {
             icon: "#ffffff",
             iconBusCancled: "#c5044e",
+            iconCarferryCancled: "#0c6693",
             iconFerryCancled: "#0c6693",
+            iconFunicularCancled: "#78469a",
+            iconHelicopterCancled: "#800664",
             iconMetroCancled: "#bf5826",
             iconPlaneCancled: "#800664",
             iconTaxiCancled: "#3d3e40",
             iconTrainCancled: "#00367f",
             iconTramCancled: "#78469a",
             iconWalk: "#181c56",
+            iconAirportlinkbusCancled: "#800664",
+            iconAirportlinkrailCancled: "#800664",
+            iconCablewayCancled: "#78469a",
             iconborderValidation: "#ffffff",
+            tagfillBicycle: "#388f76",
             tagfillBus: "#c5044e",
             tagfillBusCancled: "#c5044e26",
+            tagfillCableway: "#78469a",
+            tagfillCablewayCancled: "#78469a26",
+            tagfillCarferry: "#0c6693",
+            tagfillCarferryCancled: "#0c669326",
+            tagfillCitybike: "#388f76",
             tagfillFerry: "#0c6693",
             tagfillFerryCancled: "#0c669326",
+            tagfillFunicular: "#78469a",
+            tagfillFunicularCancled: "#78469a26",
+            tagfillHelicopter: "#800664",
+            tagfillHelicopterCancled: "#80066426",
             tagfillMetro: "#bf5826",
             tagfillMetroCancled: "#bf582626",
             tagfillMobility: "#388f76",
@@ -1680,22 +1878,40 @@ var componentColors = {
             tagfillTram: "#78469a",
             tagfillTramCancled: "#78469a26",
             tagfillWalk: "#e3e6e8",
+            tagfillAirportlinkbus: "#800664",
+            tagfillAirportlinkbusCancled: "#80066426",
+            tagfillAirportlinkrail: "#800664",
+            tagfillAirportlinkrailCancled: "#80066426",
             textCancled: "#6e6f73",
             textLabel: "#181c56",
             textLine: "#ffffff",
             textLineBusCancled: "#c5044e",
+            textLineCablewayCancled: "#78469a",
+            textLineCarferryCancled: "#0c6693",
             textLineFerryCancled: "#0c6693",
+            textLineFunicularCancled: "#78469a",
+            textLineHelicopterCancled: "#800664",
             textLineMetroCancled: "#bf5826",
             textLinePlaneCancled: "#800664",
             textLineTaxiCancled: "#3d3e40",
             textLineTrainCancled: "#00367f",
             textLineTramCancled: "#78469a",
+            textLineAirportlinkbusCancled: "#800664",
+            textLineAirportlinkrailCancled: "#800664",
             textNewtime: "#d31b1b",
             textWalk: "#181c56"
           }
         }
       },
       typography: {
+        baseText: {
+          contrast: {
+            textAccent: "#ffffff"
+          },
+          standard: {
+            textAccent: "#181c56"
+          }
+        },
         blockquote: {
           contrast: {
             stroke: "#8284ab",
@@ -1707,6 +1923,38 @@ var componentColors = {
             textAccent: "#181c56",
             textSubdued: "#626493"
           }
+        },
+        codeText: {
+          contrast: {
+            border: "#ffffff00",
+            borderInteractive: "#aeb7e2",
+            fill: "#f6f6f9",
+            text: "#181c56"
+          },
+          standard: {
+            border: "#54568c66",
+            borderInteractive: "#181c56",
+            fill: "#f6f6f9",
+            text: "#181c56"
+          }
+        },
+        label: {
+          contrast: {
+            textAccent: "#d9dae8"
+          },
+          standard: {
+            textAccent: "#626493"
+          }
+        },
+        list: {
+          contrast: {
+            border: "#aeb7e2",
+            textAccent: "#ffffff"
+          },
+          standard: {
+            border: "#aeb7e2",
+            textAccent: "#181c56"
+          }
         }
       }
     }
@@ -1765,11 +2013,13 @@ var componentColors = {
           },
           primary: {
             contrast: {
+              bullet: "#aeb7e2",
               fill: "#aeb7e2",
               text: "#08091c",
               textBullet: "#e5e5e9"
             },
             standard: {
+              bullet: "#aeb7e2",
               fill: "#aeb7e2",
               text: "#08091c",
               textBullet: "#e5e5e9"
@@ -1916,18 +2166,30 @@ var componentColors = {
         }
       },
       button: {
+        disabled: {
+          contrast: {
+            fill: "#cfd2d41a",
+            iconDisabled: "#b6b8ba",
+            textDisabled: "#b6b8ba"
+          },
+          standard: {
+            fill: "#cfd2d41a",
+            iconDisabled: "#b6b8ba",
+            textDisabled: "#b6b8ba"
+          }
+        },
         floating: {
           contrast: {
-            active: "#f6f6f9",
-            "default": "#ffffff",
-            hover: "#f6f6f9",
+            active: "#8794d4",
+            "default": "#aeb7e2",
+            hover: "#c7cdeb",
             icon: "#08091c",
             text: "#08091c"
           },
           standard: {
-            active: "#f6f6f9",
-            "default": "#ffffff",
-            hover: "#f6f6f9",
+            active: "#8794d4",
+            "default": "#aeb7e2",
+            hover: "#c7cdeb",
             icon: "#08091c",
             text: "#08091c"
           }
@@ -2114,78 +2376,42 @@ var componentColors = {
           textAccent: "#e5e5e9",
           textDisabled: "#6e6f73",
           textSubdued: "#b3b4bd"
-        },
-        datefield: {
+        }
+      },
+      expand: {
+        expandablePanel: {
           contrast: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
+            fillDefault: "#e5e5e926",
+            fillHover: "#393a49",
+            fillSelected: "#e5e5e926",
             icon: "#e5e5e9",
-            iconDisabled: "#6e6f73",
-            textContent: "#e5e5e9",
-            textDescription: "#e5e5e9",
-            textLabel: "#b3b4bd",
-            textDisabled: "#6e6f73"
+            text: "#e5e5e9"
           },
           standard: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
+            fillDefault: "#e5e5e926",
+            fillHover: "#393a49",
+            fillSelected: "#e5e5e926",
             icon: "#e5e5e9",
-            iconDisabled: "#6e6f73",
-            textContent: "#e5e5e9",
-            textDescription: "#e5e5e9",
-            textLabel: "#b3b4bd",
-            textDisabled: "#6e6f73"
+            text: "#e5e5e9"
           }
-        }
-      },
-      dropdown: {
-        dropdown: {
+        },
+        expandableText: {
           contrast: {
-            borderActive: "#aeb7e2",
-            borderDefault: "#8284ab",
-            borderHover: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
-            fillReadonly: "#ffffff00",
             icon: "#e5e5e9",
-            iconDisabled: "#6e6f73",
-            textContent: "#e5e5e9",
-            textDescription: "#e5e5e9",
-            textLabel: "#b3b4bd",
-            textDisabled: "#6e6f73"
+            text: "#e5e5e9"
           },
           standard: {
-            borderActive: "#aeb7e2",
-            borderDefault: "#8284ab",
-            borderHover: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
-            fillReadonly: "#ffffff00",
             icon: "#e5e5e9",
-            iconDisabled: "#6e6f73",
-            textContent: "#e5e5e9",
-            textDescription: "#e5e5e9",
-            textLabel: "#b3b4bd",
-            textDisabled: "#6e6f73"
+            text: "#e5e5e9"
           }
-        },
-        multiSelect: {
+        }
+      },
+      form: {
+        baseForm: {
           contrast: {
-            borderDanger: "#ff9494",
             borderDefault: "#8284ab",
             borderInteractive: "#aeb7e2",
+            borderNegative: "#ff9494",
             borderSuccess: "#5ac39a",
             fillDefault: "#ffffff00",
             fillDisabled: "#cfd2d426",
@@ -2212,44 +2438,24 @@ var componentColors = {
             textLabel: "#b3b4bd",
             textDisabled: "#6e6f73"
           }
-        }
-      },
-      expand: {
-        expandablePanel: {
-          contrast: {
-            fillDefault: "#e5e5e926",
-            fillHover: "#393a49",
-            fillSelected: "#e5e5e926",
-            icon: "#e5e5e9",
-            text: "#e5e5e9"
-          },
-          standard: {
-            fillDefault: "#e5e5e926",
-            fillHover: "#393a49",
-            fillSelected: "#e5e5e926",
-            icon: "#e5e5e9",
-            text: "#e5e5e9"
-          }
         },
-        expandableText: {
-          contrast: {
-            icon: "#e5e5e9",
-            text: "#e5e5e9"
-          },
-          standard: {
-            icon: "#e5e5e9",
-            text: "#e5e5e9"
-          }
-        }
-      },
-      form: {
-        checkboxPanel: {
+        baseMenu: {
+          border: "#ffffff00",
+          fillDefault: "#464755",
+          fillHover: "#626493",
+          icon: "#e5e5e9",
+          iconDisabled: "#949699",
+          text: "#e5e5e9",
+          textDisabled: "#949699"
+        },
+        basePanel: {
           contrast: {
             borderDefault: "#81828f",
             borderDisabled: "#949699",
             borderSelected: "#aeb7e2",
             fillDefault: "#ffffff00",
             fillDisabled: "#cfd2d426",
+            fillExpired: "#ff949433",
             fillHover: "#393a49",
             fillSelected: "#e5e5e926",
             textAccent: "#e5e5e9",
@@ -2263,6 +2469,7 @@ var componentColors = {
             borderSelected: "#aeb7e2",
             fillDefault: "#ffffff00",
             fillDisabled: "#cfd2d426",
+            fillExpired: "#ff949433",
             fillHover: "#393a49",
             fillSelected: "#e5e5e926",
             textAccent: "#e5e5e9",
@@ -2288,8 +2495,8 @@ var componentColors = {
             fillDefault: "#ffffff00",
             fillHover: "#626493",
             fillSelected: "#aeb7e2",
+            fillSelectedhover: "#c7cdeb",
             icon: "#181c56",
-            selectedhover: "#c7cdeb",
             text: "#e5e5e9"
           }
         },
@@ -2351,34 +2558,6 @@ var componentColors = {
             }
           }
         },
-        radioPanel: {
-          contrast: {
-            borderDefault: "#81828f",
-            borderDisabled: "#949699",
-            borderSelected: "#aeb7e2",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
-            fillHover: "#393a49",
-            fillSelected: "#e5e5e926",
-            textAccent: "#e5e5e9",
-            textDisabled: "#b6b8ba",
-            textRebate: "#5ac39a",
-            textSubdued: "#b3b4bd"
-          },
-          standard: {
-            borderDefault: "#81828f",
-            borderDisabled: "#949699",
-            borderSelected: "#aeb7e2",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
-            fillHover: "#393a49",
-            fillSelected: "#e5e5e926",
-            textAccent: "#e5e5e9",
-            textDisabled: "#b6b8ba",
-            textRebate: "#5ac39a",
-            textSubdued: "#b3b4bd"
-          }
-        },
         radio: {
           contrast: {
             border: "#aeb7e2",
@@ -2401,38 +2580,6 @@ var componentColors = {
             text: "#e5e5e9"
           }
         },
-        search: {
-          contrast: {
-            borderDanger: "#ff9494",
-            borderDefault: "#8284ab",
-            borderInteractive: "#aeb7e2",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
-            fillReadonly: "#ffffff00",
-            icon: "#e5e5e9",
-            iconDisabled: "#6e6f73",
-            textContent: "#e5e5e9",
-            textDescription: "#e5e5e9",
-            textLabel: "#b3b4bd",
-            textDisabled: "#6e6f73"
-          },
-          standard: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
-            fillReadonly: "#ffffff00",
-            icon: "#e5e5e9",
-            iconDisabled: "#6e6f73",
-            textContent: "#e5e5e9",
-            textDescription: "#e5e5e9",
-            textLabel: "#b3b4bd",
-            textDisabled: "#6e6f73"
-          }
-        },
         segmentedControl: {
           contrast: {
             background: "#e5e5e926",
@@ -2472,70 +2619,6 @@ var componentColors = {
             "switch": "#08091c",
             text: "#e5e5e9"
           }
-        },
-        textArea: {
-          contrast: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
-            fillReadonly: "#ffffff00",
-            icon: "#e5e5e9",
-            iconDisabled: "#6e6f73",
-            textContent: "#e5e5e9",
-            textDescription: "#e5e5e9",
-            textLabel: "#b3b4bd",
-            textDisabled: "#6e6f73"
-          },
-          standard: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
-            fillReadonly: "#ffffff00",
-            icon: "#e5e5e9",
-            iconDisabled: "#6e6f73",
-            textContent: "#e5e5e9",
-            textDescription: "#e5e5e9",
-            textLabel: "#b3b4bd",
-            textDisabled: "#6e6f73"
-          }
-        },
-        textField: {
-          contrast: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
-            fillReadonly: "#ffffff00",
-            icon: "#e5e5e9",
-            iconDisabled: "#6e6f73",
-            textContent: "#e5e5e9",
-            textDescription: "#e5e5e9",
-            textLabel: "#b3b4bd",
-            textDisabled: "#6e6f73"
-          },
-          standard: {
-            borderDefault: "#8284ab",
-            borderInteractive: "#aeb7e2",
-            borderNegative: "#ff9494",
-            borderSuccess: "#5ac39a",
-            fillDefault: "#ffffff00",
-            fillDisabled: "#cfd2d426",
-            fillReadonly: "#ffffff00",
-            icon: "#e5e5e9",
-            iconDisabled: "#6e6f73",
-            textContent: "#e5e5e9",
-            textDescription: "#e5e5e9",
-            textLabel: "#b3b4bd",
-            textDisabled: "#6e6f73"
-          }
         }
       },
       loader: {
@@ -2543,18 +2626,24 @@ var componentColors = {
           contrast: {
             fillDefault: "#ffffff00",
             icon: "#e5e5e9",
+            iconDisabled: "#949699",
             strokeDefault: "#8284ab",
+            strokeDisabled: "#81828f",
             strokeNegative: "#ff9494",
             strokeSuccess: "#5ac39a",
-            text: "#e5e5e9"
+            text: "#e5e5e9",
+            textDisabled: "#949699"
           },
           standard: {
             fillDefault: "#ffffff00",
             icon: "#e5e5e9",
+            iconDisabled: "#949699",
             strokeDefault: "#8284ab",
+            strokeDisabled: "#81828f",
             strokeNegative: "#ff9494",
             strokeSuccess: "#5ac39a",
-            text: "#e5e5e9"
+            text: "#e5e5e9",
+            textDisabled: "#949699"
           }
         },
         loader: {
@@ -2568,6 +2657,16 @@ var componentColors = {
             progressbar: "#ff9494",
             text: "#e5e5e9"
           }
+        },
+        skeleton: {
+          contrast: {
+            fill: "#2d2e3e",
+            highlight: "#141527"
+          },
+          standard: {
+            fill: "#2d2e3e",
+            highlight: "#141527"
+          }
         }
       },
       menu: {
@@ -2616,7 +2715,9 @@ var componentColors = {
           fillDefault: "#464755",
           fillHover: "#626493",
           icon: "#e5e5e9",
-          text: "#e5e5e9"
+          iconDisabled: "#949699",
+          text: "#e5e5e9",
+          textDisabled: "#949699"
         },
         pagination: {
           contrast: {
@@ -2646,22 +2747,30 @@ var componentColors = {
           contrast: {
             avatar: "#e5e5e926",
             background: "#212233",
+            divide: "#81828f",
             fillActive: "#ffffff00",
             fillDefault: "#ffffff00",
             fillHover: "#e5e5e926",
             icon: "#e5e5e9",
+            iconDisabled: "#949699",
+            label: "#b3b4bd",
             strokeSelected: "#ff9494",
-            text: "#e5e5e9"
+            text: "#e5e5e9",
+            textDisabled: "#949699"
           },
           standard: {
             avatar: "#e5e5e926",
             background: "#212233",
+            divide: "#81828f",
             fillActive: "#ffffff00",
             fillDefault: "#ffffff00",
             fillHover: "#e5e5e926",
             icon: "#e5e5e9",
+            iconDisabled: "#949699",
+            label: "#b3b4bd",
             strokeSelected: "#ff9494",
-            text: "#e5e5e9"
+            text: "#e5e5e9",
+            textDisabled: "#949699"
           }
         },
         stepper: {
@@ -2726,34 +2835,42 @@ var componentColors = {
       tab: {
         contrast: {
           border: "#81828f",
+          fillDisabled: "#cfd2d41a",
           fillHover: "#393a49",
           fillSelected: "#08091c",
-          fillUnselected: "#e5e5e926",
+          fillUnselected: "#e5e5e940",
           icon: "#e5e5e9",
+          iconDisabled: "#949699",
           text: "#e5e5e9",
+          textDisabled: "#949699",
           underlineSelected: "#ff9494"
         },
         standard: {
           border: "#81828f",
+          fillDisabled: "#cfd2d41a",
           fillHover: "#393a49",
           fillSelected: "#08091c",
-          fillUnselected: "#e5e5e926",
+          fillUnselected: "#e5e5e940",
           icon: "#e5e5e9",
+          iconDisabled: "#949699",
           text: "#e5e5e9",
+          textDisabled: "#949699",
           underlineSelected: "#ff9494"
         }
       },
       table: {
         contrast: {
           fill: "#ffffff00",
-          fillStriped: "#e5e5e926",
+          fillHover: "#e5e5e926",
+          fillNegative: "#ff949433",
           icon: "#e5e5e9",
           stroke: "#81828f",
           text: "#e5e5e9"
         },
         standard: {
           fill: "#ffffff00",
-          fillStriped: "#e5e5e926",
+          fillHover: "#e5e5e926",
+          fillNegative: "#ff949433",
           icon: "#e5e5e9",
           stroke: "#81828f",
           text: "#e5e5e9"
@@ -2777,13 +2894,23 @@ var componentColors = {
         tooltip: {
           contrast: {
             fill: "#393a49",
-            shape: "#393a49",
-            text: "#e5e5e9"
+            fillNegative: "#ff9494",
+            icon: "#e5e5e9",
+            iconNegative: "#08091c",
+            text: "#e5e5e9",
+            textNegative: "#08091c",
+            triangle: "#393a49",
+            triangleNegative: "#ff9494"
           },
           standard: {
             fill: "#393a49",
-            shape: "#393a49",
-            text: "#e5e5e9"
+            fillNegative: "#ff9494",
+            icon: "#e5e5e9",
+            iconNegative: "#08091c",
+            text: "#e5e5e9",
+            textNegative: "#08091c",
+            triangle: "#393a49",
+            triangleNegative: "#ff9494"
           }
         }
       },
@@ -2828,9 +2955,17 @@ var componentColors = {
         },
         travelLeg: {
           contrast: {
+            airportlinkbus: "#f2b8e5",
+            airportlinkrail: "#f2b8e5",
+            bicycle: "#4db295",
             bulletBorder: "#08091c",
             bus: "#e87a9b",
+            cableway: "#b898e5",
+            carferry: "#8ccfe2",
+            citybike: "#4db295",
             ferry: "#8ccfe2",
+            funicular: "#b898e5",
+            helicopter: "#f2b8e5",
             metro: "#dd973c",
             mobility: "#4db295",
             plane: "#f2b8e5",
@@ -2840,9 +2975,17 @@ var componentColors = {
             walk: "#8d8e9c"
           },
           standard: {
+            airportlinkbus: "#f2b8e5",
+            airportlinkrail: "#f2b8e5",
+            bicycle: "#4db295",
             bulletBorder: "#08091c",
             bus: "#e87a9b",
+            cableway: "#b898e5",
+            carferry: "#8ccfe2",
+            citybike: "#4db295",
             ferry: "#8ccfe2",
+            funicular: "#b898e5",
+            helicopter: "#f2b8e5",
             metro: "#dd973c",
             mobility: "#4db295",
             plane: "#f2b8e5",
@@ -2855,46 +2998,82 @@ var componentColors = {
         travelSwitch: {
           contrast: {
             backgroundfalse: "#e5e5e959",
+            backgroundtrueBicycle: "#4db295",
             backgroundtrueBus: "#e87a9b",
+            backgroundtrueCableway: "#b898e5",
+            backgroundtrueCarferry: "#8ccfe2",
+            backgroundtrueCitybike: "#4db295",
             backgroundtrueFerry: "#8ccfe2",
+            backgroundtrueFunicular: "#b898e5",
+            backgroundtrueHelicopter: "#f2b8e5",
             backgroundtrueMetro: "#dd973c",
             backgroundtrueMobility: "#4db295",
             backgroundtruePlane: "#f2b8e5",
             backgroundtrueTaxi: "#ffe082",
             backgroundtrueTrain: "#60a2d7",
             backgroundtrueTram: "#b898e5",
+            backgroundtrueWalk: "#8d8e9c",
+            backgroundtrueAirportlinkbus: "#f2b8e5",
+            backgroundtrueAirportlinkrail: "#f2b8e5",
             iconfalse: "#b3b4bd",
+            icontrueBicycle: "#4db295",
             icontrueBus: "#e87a9b",
+            icontrueCableway: "#b898e5",
+            icontrueCarferry: "#8ccfe2",
+            icontrueCitybike: "#4db295",
             icontrueFerry: "#8ccfe2",
+            icontrueFunicular: "#b898e5",
+            icontrueHelicopter: "#f2b8e5",
             icontrueMetro: "#dd973c",
             icontrueMobility: "#4db295",
             icontruePlane: "#f2b8e5",
             icontrueTaxi: "#ffe082",
             icontrueTrain: "#60a2d7",
             icontrueTram: "#b898e5",
+            icontrueWalk: "#8d8e9c",
+            icontrueAirportlinkbus: "#f2b8e5",
+            icontrueAirportlinkrail: "#f2b8e5",
             switchfillFalse: "#08091c",
             switchfillTrue: "#08091c",
             text: "#e5e5e9"
           },
           standard: {
             backgroundfalse: "#e5e5e959",
+            backgroundtrueBicycle: "#4db295",
             backgroundtrueBus: "#e87a9b",
+            backgroundtrueCableway: "#b898e5",
+            backgroundtrueCarferry: "#8ccfe2",
+            backgroundtrueCitybike: "#4db295",
             backgroundtrueFerry: "#8ccfe2",
+            backgroundtrueFunicular: "#b898e5",
+            backgroundtrueHelicopter: "#f2b8e5",
             backgroundtrueMetro: "#dd973c",
             backgroundtrueMobility: "#4db295",
             backgroundtruePlane: "#f2b8e5",
             backgroundtrueTaxi: "#ffe082",
             backgroundtrueTrain: "#60a2d7",
             backgroundtrueTram: "#b898e5",
+            backgroundtrueWalk: "#8d8e9c",
+            backgroundtrueAirportlinkbus: "#f2b8e5",
+            backgroundtrueAirportlinkrail: "#f2b8e5",
             iconfalse: "#b3b4bd",
+            icontrueBicycle: "#00db9b",
             icontrueBus: "#e87a9b",
+            icontrueCableway: "#b898e5",
+            icontrueCarferry: "#8ccfe2",
+            icontrueCitybike: "#00db9b",
             icontrueFerry: "#8ccfe2",
+            icontrueFunicular: "#b898e5",
+            icontrueHelicopter: "#f2b8e5",
             icontrueMetro: "#dd973c",
-            icontrueMobility: "#4db295",
+            icontrueMobility: "#00db9b",
             icontruePlane: "#f2b8e5",
             icontrueTaxi: "#ffe082",
             icontrueTrain: "#60a2d7",
             icontrueTram: "#b898e5",
+            icontrueWalk: "#8d8e9c",
+            icontrueAirportlinkbus: "#f2b8e5",
+            icontrueAirportlinkrail: "#f2b8e5",
             switchfillFalse: "#08091c",
             switchfillTrue: "#08091c",
             text: "#e5e5e9"
@@ -2904,18 +3083,34 @@ var componentColors = {
           contrast: {
             icon: "#08091c",
             iconBusCancled: "#e87a9b",
+            iconCabllewayCancled: "#b898e5",
+            iconCarferryCancled: "#8ccfe2",
             iconFerryCancled: "#8ccfe2",
+            iconFunicularCancled: "#b898e5",
+            iconHelicopterCancled: "#f2b8e5",
             iconMetroCancled: "#dd973c",
             iconPlaneCancled: "#f2b8e5",
             iconTaxiCancled: "#ffe082",
             iconTrainCancled: "#60a2d7",
             iconTramCancled: "#b898e5",
             iconWalk: "#e5e5e9",
+            iconAirportlinkbusCancled: "#f2b8e5",
+            iconAirportlinkrailCancled: "#f2b8e5",
             iconborderValidation: "#08091c",
+            tagfillBicycle: "#4db295",
             tagfillBus: "#e87a9b",
             tagfillBusCancled: "#e87a9b26",
+            tagfillCableway: "#b898e5",
+            tagfillCablewayCancled: "#b898e526",
+            tagfillCarferry: "#8ccfe2",
+            tagfillCarferryCancled: "#8ccfe226",
+            tagfillCitybike: "#4db295",
             tagfillFerry: "#8ccfe2",
             tagfillFerryCancled: "#8ccfe226",
+            tagfillFunicular: "#b898e5",
+            tagfillFunicularCancled: "#b898e526",
+            tagfillHelicopter: "#f2b8e5",
+            tagfillHelicopterCancled: "#f2b8e526",
             tagfillMetro: "#dd973c",
             tagfillMetroCancled: "#dd973c26",
             tagfillMobility: "#4db295",
@@ -2928,34 +3123,60 @@ var componentColors = {
             tagfillTram: "#b898e5",
             tagfillTramCancled: "#b898e526",
             tagfillWalk: "#8d8e9c",
+            tagfillAirportlinkbusCancled: "#f2b8e526",
+            tagfillAirportlinkrail: "#f2b8e5",
+            tagfillAirportlinkrailCancled: "#f2b8e526",
+            tagfillAirportlinkbus: "#f2b8e5",
             textCancled: "#b6b8ba",
             textLabel: "#e5e5e9",
             textLine: "#08091c",
             textLineBusCancled: "#e87a9b",
+            textLineCablewayCancled: "#b898e5",
+            textLineCarferryCancled: "#8ccfe2",
             textLineFerryCancled: "#8ccfe2",
+            textLineFunicularCancled: "#b898e5",
+            textLineHelicopterCancled: "#f2b8e5",
             textLineMetroCancled: "#dd973c",
             textLinePlaneCancled: "#f2b8e5",
             textLineTaxiCancled: "#ffe082",
             textLineTrainCancled: "#60a2d7",
             textLineTramCancled: "#b898e5",
+            textLineAirportlinkbusCancled: "#f2b8e5",
+            textLineAirportlinkrailCancled: "#f2b8e5",
             textNewtime: "#ff9494",
             textWalk: "#e5e5e9"
           },
           standard: {
             icon: "#08091c",
             iconBusCancled: "#e87a9b",
+            iconCarferryCancled: "#8ccfe2",
             iconFerryCancled: "#8ccfe2",
+            iconFunicularCancled: "#b898e5",
+            iconHelicopterCancled: "#f2b8e5",
             iconMetroCancled: "#dd973c",
             iconPlaneCancled: "#f2b8e5",
             iconTaxiCancled: "#ffe082",
             iconTrainCancled: "#60a2d7",
             iconTramCancled: "#b898e5",
-            iconWalk: "#e5e5e9",
+            iconWalk: "#08091c",
+            iconAirportlinkbusCancled: "#f2b8e5",
+            iconAirportlinkrailCancled: "#f2b8e5",
+            iconCablewayCancled: "#b898e5",
             iconborderValidation: "#08091c",
+            tagfillBicycle: "#4db295",
             tagfillBus: "#e87a9b",
             tagfillBusCancled: "#e87a9b26",
+            tagfillCableway: "#b898e5",
+            tagfillCablewayCancled: "#b482fb26",
+            tagfillCarferry: "#8ccfe2",
+            tagfillCarferryCancled: "#8ccfe226",
+            tagfillCitybike: "#4db295",
             tagfillFerry: "#8ccfe2",
             tagfillFerryCancled: "#8ccfe226",
+            tagfillFunicular: "#b898e5",
+            tagfillFunicularCancled: "#b898e526",
+            tagfillHelicopter: "#f2b8e5",
+            tagfillHelicopterCancled: "#f2b8e526",
             tagfillMetro: "#dd973c",
             tagfillMetroCancled: "#dd973c26",
             tagfillMobility: "#4db295",
@@ -2968,22 +3189,40 @@ var componentColors = {
             tagfillTram: "#b898e5",
             tagfillTramCancled: "#b898e526",
             tagfillWalk: "#8d8e9c",
+            tagfillAirportlinkbus: "#f2b8e5",
+            tagfillAirportlinkbusCancled: "#f2b8e526",
+            tagfillAirportlinkrail: "#f2b8e5",
+            tagfillAirportlinkrailCancled: "#f2b8e526",
             textCancled: "#b6b8ba",
             textLabel: "#e5e5e9",
             textLine: "#08091c",
             textLineBusCancled: "#e87a9b",
+            textLineCablewayCancled: "#b898e5",
+            textLineCarferryCancled: "#8ccfe2",
             textLineFerryCancled: "#8ccfe2",
+            textLineFunicularCancled: "#b898e5",
+            textLineHelicopterCancled: "#f2b8e5",
             textLineMetroCancled: "#dd973c",
             textLinePlaneCancled: "#f2b8e5",
             textLineTaxiCancled: "#ffe082",
             textLineTrainCancled: "#60a2d7",
             textLineTramCancled: "#b898e5",
+            textLineAirportlinkbusCancled: "#f2b8e5",
+            textLineAirportlinkrailCancled: "#f2b8e5",
             textNewtime: "#ff9494",
-            textWalk: "#e5e5e9"
+            textWalk: "#08091c"
           }
         }
       },
       typography: {
+        baseText: {
+          contrast: {
+            textAccent: "#e5e5e9"
+          },
+          standard: {
+            textAccent: "#e5e5e9"
+          }
+        },
         blockquote: {
           contrast: {
             stroke: "#81828f",
@@ -2995,6 +3234,38 @@ var componentColors = {
             textAccent: "#e5e5e9",
             textSubdued: "#b3b4bd"
           }
+        },
+        codeText: {
+          contrast: {
+            border: "#ffffff00",
+            borderInteractive: "#e5e5e9",
+            fill: "#393a49",
+            text: "#e5e5e9"
+          },
+          standard: {
+            border: "#ffffff00",
+            borderInteractive: "#e5e5e9",
+            fill: "#393a49",
+            text: "#e5e5e9"
+          }
+        },
+        label: {
+          contrast: {
+            textAccent: "#e5e5e9"
+          },
+          standard: {
+            textAccent: "#e5e5e9"
+          }
+        },
+        list: {
+          contrast: {
+            border: "#aeb7e2",
+            textAccent: "#e5e5e9"
+          },
+          standard: {
+            border: "#aeb7e2",
+            textAccent: "#e5e5e9"
+          }
         }
       }
     }
@@ -3300,5 +3571,5 @@ var outlineOffsets = {
   }
 };
 
-export { base, borderRadiuses, borderWidths, breakpoints, colors, componentColors, fontSizes, fontWeights, lineHeights, outlineOffsets, outlines, primitive, semantic, shadows, space, timings, zIndexes };
+export { base, borderRadiuses, borderWidths, breakpoints, colors, componentColors, data, fontSizes, fontWeights, lineHeights, outlineOffsets, outlines, primitive, semantic, shadows, space, timings, transport, zIndexes };
 //# sourceMappingURL=tokens.esm.js.map