diff --git a/.gitignore b/.gitignore
index 8bc54b7..f2ba225 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,4 @@
 build
-dist
 lib
 
 # editor configuration
diff --git a/dist/index.d.ts b/dist/index.d.ts
new file mode 100644
index 0000000..f94b9fd
--- /dev/null
+++ b/dist/index.d.ts
@@ -0,0 +1,5551 @@
+
+  /**
+   * Do not edit directly
+   * Generated on 2024-08-21
+   */
+  export interface GlobalTypes {
+  Color: {
+    Neutrals: {
+      5: "#f7f7fa",
+      10: "#ededf2",
+      20: "#e5e5ea",
+      30: "#d6d6dd",
+      40: "#c2c2ca",
+      50: "#a3a3ab",
+      60: "#83838c",
+      70: "#696970",
+      80: "#515157",
+      90: "#3d3d42",
+      100: "#343438",
+      Black: "#232326",
+      White: "#ffffff"
+    },
+    Brand: {
+      5: "#f5fbff",
+      10: "#edf8ff",
+      20: "#e1f4ff",
+      30: "#ceedfe",
+      40: "#afdef8",
+      50: "#96cff0",
+      60: "#5bb3ea",
+      70: "#009cde",
+      80: "#108ad6",
+      90: "#0174bc",
+      100: "#00314d"
+    },
+    Red: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      80: "#d0343a",
+      90: "#b82329",
+      100: "#381316"
+    },
+    Orange: {
+      5: "#fef9f4",
+      10: "#fff3e7",
+      20: "#ffebd7",
+      30: "#ffe1c3",
+      40: "#facfa4",
+      50: "#f2b67b",
+      60: "#f09d4b",
+      70: "#fe9933",
+      80: "#f0821d",
+      90: "#c25d05",
+      100: "#451e11"
+    },
+    Amber: {
+      5: "#fff9ed",
+      10: "#fff4d5",
+      20: "#ffecbc",
+      30: "#ffe3a2",
+      40: "#facf83",
+      50: "#f3ba63",
+      60: "#edb016",
+      70: "#fecb34",
+      80: "#f2b90e",
+      90: "#ce9a00",
+      100: "#403104"
+    },
+    Yellow: {
+      5: "#ffffeb",
+      10: "#fafadf",
+      20: "#f9f9c9",
+      30: "#f8f8b6",
+      40: "#f5f596",
+      50: "#e8e86a",
+      60: "#dfdf39",
+      70: "#f5f531",
+      80: "#e5e50a",
+      90: "#bfbf0d",
+      100: "#35290f"
+    },
+    Lime: {
+      5: "#f7fcf0",
+      10: "#eefadc",
+      20: "#e4f7c7",
+      30: "#d7f2b0",
+      40: "#c9e894",
+      50: "#b1d16a",
+      60: "#94ba2c",
+      70: "#99d52a",
+      80: "#93c926",
+      90: "#5d770d",
+      100: "#263209"
+    },
+    Green: {
+      5: "#f3fcf3",
+      10: "#ebf9eb",
+      20: "#dff3df",
+      30: "#ceebcf",
+      40: "#b7dfba",
+      50: "#97cf9c",
+      60: "#65ba75",
+      70: "#00b050",
+      80: "#07a04d",
+      90: "#138246",
+      100: "#1b311e"
+    },
+    Teal: {
+      5: "#f1fcfa",
+      10: "#e7f9f5",
+      20: "#d9f3ee",
+      30: "#c7ebe5",
+      40: "#afdfd7",
+      50: "#8dcec3",
+      60: "#53b9ab",
+      70: "#12a594",
+      80: "#0e9888",
+      90: "#067a6f",
+      100: "#10302b"
+    },
+    Cyan: {
+      5: "#f2fcfd",
+      10: "#e7f9fb",
+      20: "#d8f3f6",
+      30: "#aadee6",
+      40: "#84cdda",
+      50: "#84cdda",
+      60: "#3db9cf",
+      70: "#05a2c2",
+      80: "#0894b3",
+      90: "#0c7792",
+      100: "#04313c"
+    },
+    Ultramarine: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      80: "#3a5ccc",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Violet: {
+      5: "#fbfaff",
+      10: "#f5f2ff",
+      20: "#ede9fe",
+      30: "#e4defc",
+      40: "#d7cff9",
+      50: "#c4b8f3",
+      60: "#aa99ec",
+      70: "#7259d6",
+      80: "#644fc1",
+      90: "#5746af",
+      100: "#20134b"
+    },
+    Purple: {
+      5: "#fdfaff",
+      10: "#f9f1fe",
+      20: "#f3e7fc",
+      30: "#eddbf9",
+      40: "#e3ccf4",
+      50: "#d3b4ed",
+      60: "#be93e4",
+      70: "#8e4ec6",
+      80: "#8445bc",
+      90: "#753bbd",
+      100: "#2b0e44"
+    },
+    Magenta: {
+      5: "#fff8ff",
+      10: "#fceffc",
+      20: "#f9e5f9",
+      30: "#f3d9f4",
+      40: "#ebc8ed",
+      50: "#dfafe3",
+      60: "#cf91d8",
+      70: "#ab4aba",
+      80: "#a43cb4",
+      90: "#9c2bad",
+      100: "#340c3b"
+    },
+    Pink: {
+      5: "#fff7fc",
+      10: "#feeef8",
+      20: "#fce5f3",
+      30: "#f9d8ec",
+      40: "#f3c6e2",
+      50: "#ecadd4",
+      60: "#e38ec3",
+      70: "#e043a7",
+      80: "#d23197",
+      90: "#cd1d8d",
+      100: "#3b0a2a"
+    },
+    Brown: {
+      5: "#fbf9f2",
+      10: "#f5f2e9",
+      20: "#eeeadd",
+      30: "#e5dfd0",
+      40: "#dad1bd",
+      50: "#cbbda4",
+      60: "#b8a383",
+      70: "#978365",
+      80: "#8c795d",
+      90: "#776750",
+      100: "#3b352b"
+    }
+  },
+  Spacing: {
+    0: "0rem",
+    10: "0.125rem",
+    20: "0.25rem",
+    30: "0.375rem",
+    40: "0.5rem",
+    50: "0.75rem",
+    60: "1rem",
+    70: "1.5rem",
+    80: "2rem",
+    90: "3rem"
+  },
+  Font: {
+    FontFamily: {
+      Brand: "'Nunito Sans'",
+      Code: "'Fira Code'"
+    },
+    FontWeight: {
+      Semibold: "600",
+      Bold: "700",
+      Extrabold: "800",
+      Regular: {
+        Normal: "400",
+        Italic: "400"
+      }
+    },
+    FontSize: {
+      Xxxs: "0.75rem",
+      Xxs: "0.813rem",
+      Xs: "0.875rem",
+      S: "1rem",
+      M: "1.125rem",
+      L: "1.25rem",
+      Xl: "1.5rem",
+      Xxl: "1.75rem",
+      Xxxl: "2.25rem"
+    },
+    LineHeight: {
+      Xxxs: "1rem",
+      Xxs: "1.125rem",
+      Xs: "1.25rem",
+      S: "1.5rem",
+      M: "1.625rem",
+      L: "1.875rem",
+      Xl: "2rem",
+      Xxl: "2.375rem",
+      Xxxl: "2.625rem"
+    },
+    Textcase: {
+      Uppercase: "uppercase"
+    }
+  },
+  BorderRadius: {
+    None: "0rem"
+  }
+}
+
+declare const Global: GlobalTypes;
+
+export interface ColorTypes {
+  Neutrals: {
+    5: "#f7f7fa",
+    10: "#ededf2",
+    20: "#e5e5ea",
+    30: "#d6d6dd",
+    40: "#c2c2ca",
+    50: "#a3a3ab",
+    60: "#83838c",
+    70: "#696970",
+    80: "#515157",
+    90: "#3d3d42",
+    100: "#343438",
+    Black: "#232326",
+    White: "#ffffff"
+  },
+  Brand: {
+    5: "#f5fbff",
+    10: "#edf8ff",
+    20: "#e1f4ff",
+    30: "#ceedfe",
+    40: "#afdef8",
+    50: "#96cff0",
+    60: "#5bb3ea",
+    70: "#009cde",
+    80: "#108ad6",
+    90: "#0174bc",
+    100: "#00314d"
+  },
+  Red: {
+    5: "#fff8f8",
+    10: "#ffefef",
+    20: "#ffe5e5",
+    30: "#fdd8d8",
+    40: "#f9c6c6",
+    50: "#f3aeaf",
+    60: "#eb9091",
+    70: "#d63c42",
+    80: "#d0343a",
+    90: "#b82329",
+    100: "#381316"
+  },
+  Orange: {
+    5: "#fef9f4",
+    10: "#fff3e7",
+    20: "#ffebd7",
+    30: "#ffe1c3",
+    40: "#facfa4",
+    50: "#f2b67b",
+    60: "#f09d4b",
+    70: "#fe9933",
+    80: "#f0821d",
+    90: "#c25d05",
+    100: "#451e11"
+  },
+  Amber: {
+    5: "#fff9ed",
+    10: "#fff4d5",
+    20: "#ffecbc",
+    30: "#ffe3a2",
+    40: "#facf83",
+    50: "#f3ba63",
+    60: "#edb016",
+    70: "#fecb34",
+    80: "#f2b90e",
+    90: "#ce9a00",
+    100: "#403104"
+  },
+  Yellow: {
+    5: "#ffffeb",
+    10: "#fafadf",
+    20: "#f9f9c9",
+    30: "#f8f8b6",
+    40: "#f5f596",
+    50: "#e8e86a",
+    60: "#dfdf39",
+    70: "#f5f531",
+    80: "#e5e50a",
+    90: "#bfbf0d",
+    100: "#35290f"
+  },
+  Lime: {
+    5: "#f7fcf0",
+    10: "#eefadc",
+    20: "#e4f7c7",
+    30: "#d7f2b0",
+    40: "#c9e894",
+    50: "#b1d16a",
+    60: "#94ba2c",
+    70: "#99d52a",
+    80: "#93c926",
+    90: "#5d770d",
+    100: "#263209"
+  },
+  Green: {
+    5: "#f3fcf3",
+    10: "#ebf9eb",
+    20: "#dff3df",
+    30: "#ceebcf",
+    40: "#b7dfba",
+    50: "#97cf9c",
+    60: "#65ba75",
+    70: "#00b050",
+    80: "#07a04d",
+    90: "#138246",
+    100: "#1b311e"
+  },
+  Teal: {
+    5: "#f1fcfa",
+    10: "#e7f9f5",
+    20: "#d9f3ee",
+    30: "#c7ebe5",
+    40: "#afdfd7",
+    50: "#8dcec3",
+    60: "#53b9ab",
+    70: "#12a594",
+    80: "#0e9888",
+    90: "#067a6f",
+    100: "#10302b"
+  },
+  Cyan: {
+    5: "#f2fcfd",
+    10: "#e7f9fb",
+    20: "#d8f3f6",
+    30: "#aadee6",
+    40: "#84cdda",
+    50: "#84cdda",
+    60: "#3db9cf",
+    70: "#05a2c2",
+    80: "#0894b3",
+    90: "#0c7792",
+    100: "#04313c"
+  },
+  Ultramarine: {
+    5: "#f8faff",
+    10: "#f0f4ff",
+    20: "#e6edfe",
+    30: "#d9e2fc",
+    40: "#c6d4f9",
+    50: "#aec0f5",
+    60: "#8da4ef",
+    70: "#4067e5",
+    80: "#3a5ccc",
+    90: "#3451b2",
+    100: "#002856"
+  },
+  Violet: {
+    5: "#fbfaff",
+    10: "#f5f2ff",
+    20: "#ede9fe",
+    30: "#e4defc",
+    40: "#d7cff9",
+    50: "#c4b8f3",
+    60: "#aa99ec",
+    70: "#7259d6",
+    80: "#644fc1",
+    90: "#5746af",
+    100: "#20134b"
+  },
+  Purple: {
+    5: "#fdfaff",
+    10: "#f9f1fe",
+    20: "#f3e7fc",
+    30: "#eddbf9",
+    40: "#e3ccf4",
+    50: "#d3b4ed",
+    60: "#be93e4",
+    70: "#8e4ec6",
+    80: "#8445bc",
+    90: "#753bbd",
+    100: "#2b0e44"
+  },
+  Magenta: {
+    5: "#fff8ff",
+    10: "#fceffc",
+    20: "#f9e5f9",
+    30: "#f3d9f4",
+    40: "#ebc8ed",
+    50: "#dfafe3",
+    60: "#cf91d8",
+    70: "#ab4aba",
+    80: "#a43cb4",
+    90: "#9c2bad",
+    100: "#340c3b"
+  },
+  Pink: {
+    5: "#fff7fc",
+    10: "#feeef8",
+    20: "#fce5f3",
+    30: "#f9d8ec",
+    40: "#f3c6e2",
+    50: "#ecadd4",
+    60: "#e38ec3",
+    70: "#e043a7",
+    80: "#d23197",
+    90: "#cd1d8d",
+    100: "#3b0a2a"
+  },
+  Brown: {
+    5: "#fbf9f2",
+    10: "#f5f2e9",
+    20: "#eeeadd",
+    30: "#e5dfd0",
+    40: "#dad1bd",
+    50: "#cbbda4",
+    60: "#b8a383",
+    70: "#978365",
+    80: "#8c795d",
+    90: "#776750",
+    100: "#3b352b"
+  }
+}
+
+declare const Color: ColorTypes;
+
+export interface SpacingTypes {
+  0: "0rem",
+  10: "0.125rem",
+  20: "0.25rem",
+  30: "0.375rem",
+  40: "0.5rem",
+  50: "0.75rem",
+  60: "1rem",
+  70: "1.5rem",
+  80: "2rem",
+  90: "3rem"
+}
+
+declare const Spacing: SpacingTypes;
+
+export interface FontTypes {
+  FontFamily: {
+    Brand: "'Nunito Sans'",
+    Code: "'Fira Code'"
+  },
+  FontWeight: {
+    Semibold: "600",
+    Bold: "700",
+    Extrabold: "800",
+    Regular: {
+      Normal: "400",
+      Italic: "400"
+    }
+  },
+  FontSize: {
+    Xxxs: "0.75rem",
+    Xxs: "0.813rem",
+    Xs: "0.875rem",
+    S: "1rem",
+    M: "1.125rem",
+    L: "1.25rem",
+    Xl: "1.5rem",
+    Xxl: "1.75rem",
+    Xxxl: "2.25rem"
+  },
+  LineHeight: {
+    Xxxs: "1rem",
+    Xxs: "1.125rem",
+    Xs: "1.25rem",
+    S: "1.5rem",
+    M: "1.625rem",
+    L: "1.875rem",
+    Xl: "2rem",
+    Xxl: "2.375rem",
+    Xxxl: "2.625rem"
+  },
+  Textcase: {
+    Uppercase: "uppercase"
+  }
+}
+
+declare const Font: FontTypes;
+
+export interface BorderRadiusTypes {
+  None: "0rem"
+}
+
+declare const BorderRadius: BorderRadiusTypes;
+
+export interface AliasTypes {
+  Content: {
+    Text: {
+      Base: "#ffffff",
+      Negative: "#b82329",
+      Warning: "#fecb34",
+      Positive: "#00b050",
+      Informative: "#4067e5",
+      Primary: {
+        Default: "#343438",
+        Disabled: "#a3a3ab"
+      },
+      Secondary: {
+        Default: "#696970",
+        Disabled: "#a3a3ab"
+      },
+      Link: {
+        Default: "#0174bc",
+        Hover: "#009cde",
+        Disabled: "#a3a3ab"
+      }
+    },
+    Icon: {
+      Base: "#ffffff",
+      Negative: "#d63c42",
+      Warning: "#fecb34",
+      Positive: "#00b050",
+      Informative: "#4067e5",
+      Primary: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc",
+        Disabled: "#a3a3ab"
+      },
+      Secondary: {
+        Default: "#696970",
+        Disabled: "#a3a3ab"
+      }
+    }
+  },
+  Border: {
+    Normal: "#d6d6dd",
+    Neutral: "#343438",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5"
+  },
+  Background: {
+    Normal: "#ffffff",
+    Neutral: "#f7f7fa",
+    Base: "#343438",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Black: "#232326",
+    Negativesubtle: "#ffefef",
+    Warningsubtle: "#fff4d5",
+    Positivesubtle: "#ebf9eb",
+    Informativesubtle: "#f0f4ff",
+    Neutralsubtle: "#e5e5ea",
+    Overlay: "lch(13.8 2.09 286 / 0.24)"
+  },
+  Action: {
+    Base: "#ffffff",
+    Neutral: "#83838c",
+    White50: "#ffffff",
+    Primary: {
+      Default: "#0174bc",
+      Hover: "#009cde",
+      Active: "#0174bc",
+      Disabled: "#e5e5ea"
+    },
+    Secondary: {
+      Hover: "#edf8ff",
+      Disabled: "#c2c2ca"
+    },
+    Tertiary: {
+      Disabled: "#afdef8"
+    },
+    Positive: {
+      Default: "#07a04d",
+      Disabled: "#b7dfba"
+    },
+    Negative: {
+      Default: "#d0343a",
+      Disabled: "#f9c6c6"
+    }
+  },
+  Interaction: {
+    Border: {
+      Default: "#83838c",
+      Hover: "#3d3d42",
+      Focus: "#0174bc",
+      Error: "#d63c42",
+      Disabled: "#c2c2ca"
+    },
+    Background: {
+      Primary: "#ffffff",
+      Secondary: "#f7f7fa",
+      Tertiary: "#edf8ff",
+      Elevated: "#edf8ff",
+      Accent: "#ceedfe",
+      Active: "#0174bc",
+      Disabled: "#ededf2"
+    }
+  },
+  Elevation: {
+    S: "0 2px 6px 0 rgba(58,59,63,0.18)",
+    SInverted: "0 -2px 6px 0 rgba(58,59,63,0.18)",
+    L: "0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08)"
+  },
+  Typography: {
+    Heading: {
+      Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+      Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+      Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+      L: "700 1.25rem/1.625rem 'Nunito Sans'",
+      M: "700 1.125rem/1.5rem 'Nunito Sans'",
+      S: "700 1rem/1.25rem 'Nunito Sans'",
+      Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+      Overline: "800 0.75rem/1rem 'Nunito Sans'",
+      OverlineLetterSpacing: "0.023rem",
+      OverlineTextCase: "uppercase"
+    },
+    Body: {
+      Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+      Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+      Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+      List: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+    },
+    Label: {
+      Semibold: {
+        L: "600 1rem/1.25rem 'Nunito Sans'",
+        S: "600 0.875rem/1rem 'Nunito Sans'",
+        Xs: "600 0.75rem/1rem 'Nunito Sans'"
+      },
+      Bold: {
+        L: "700 1rem/1.25rem 'Nunito Sans'",
+        S: "700 0.875rem/1rem 'Nunito Sans'",
+        Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+      },
+      Regular: {
+        S: "400 0.875rem/1rem 'Nunito Sans'",
+        Xs: "400 0.75rem/1rem 'Nunito Sans'",
+        Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+      }
+    },
+    Code: "400 0.813rem/1.25rem 'Fira Code'"
+  },
+  Accent: {
+    Info: {
+      Primary: "#3451b2",
+      Secondary: "lch(36.7 58.2 286 / 0.12)"
+    },
+    Neutral: {
+      Primary: "#515157",
+      Secondary: "lch(34.6 3.66 286 / 0.12)"
+    },
+    Warning: {
+      Primary: "#c25d05",
+      Secondary: "lch(67.2 71.6 80.1 / 0.12)"
+    },
+    Negative: {
+      Primary: "#b82329",
+      Secondary: "lch(41.2 69 32.4 / 0.12)"
+    },
+    Positive: {
+      Primary: "#138246",
+      Secondary: "lch(47.6 47.7 150 / 0.12)"
+    },
+    Important: {
+      Primary: "#753bbd",
+      Secondary: "lch(38.2 75 307 / 0.12)"
+    },
+    Pink: {
+      Primary: "#cd1d8d",
+      Secondary: "lch(47.1 72.1 347 / 0.12)"
+    },
+    Violet: {
+      Primary: "#5746af",
+      Secondary: "lch(36.2 62.1 298 / 0.12)"
+    }
+  },
+  Chart: {
+    Neutral: "#d6d6dd",
+    Categorical: {
+      1: {
+        Primary: "#4067e5",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(46.5 72.3 286 / 0.2)"
+      },
+      2: {
+        Primary: "#fe9933",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(72.9 74.2 63 / 0.2)"
+      },
+      3: {
+        Primary: "#12a594",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(60.7 39.7 183 / 0.2)"
+      },
+      4: {
+        Primary: "#ab4aba",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(48.2 66.6 322 / 0.2)"
+      },
+      5: {
+        Primary: "#d63c42",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+      },
+      6: {
+        Primary: "#05a2c2",
+        Inactive: "#aadee6",
+        Transparent: "lch(61 38.6 224 / 0.2)"
+      },
+      7: {
+        Primary: "#e043a7",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(55 70 344 / 0.2)"
+      },
+      8: {
+        Primary: "#00b050",
+        Inactive: "#ceebcf",
+        Transparent: "lch(63 67 146 / 0.2)"
+      },
+      9: {
+        Primary: "#7259d6",
+        Inactive: "#e4defc",
+        Transparent: "lch(45.6 71 299 / 0.2)"
+      },
+      10: {
+        Primary: "#99d52a",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(79 79.1 118 / 0.2)"
+      },
+      11: {
+        Primary: "#696970",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(44.6 4.09 286 / 0.2)"
+      },
+      12: {
+        Primary: "#8da4ef",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(67.9 41.2 278 / 0.2)"
+      },
+      13: {
+        Primary: "#c25d05",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+      },
+      14: {
+        Primary: "#067a6f",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(45.6 31.8 185 / 0.2)"
+      },
+      15: {
+        Primary: "#cf91d8",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(68.3 42.4 321 / 0.2)"
+      },
+      16: {
+        Primary: "#eb9091",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+      },
+      17: {
+        Primary: "#0c7792",
+        Inactive: "#aadee6",
+        Transparent: "lch(45.7 30.9 228 / 0.2)"
+      },
+      18: {
+        Primary: "#e38ec3",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(69.3 40.8 341 / 0.2)"
+      },
+      19: {
+        Primary: "#97cf9c",
+        Inactive: "#ceebcf",
+        Transparent: "lch(78.2 32.7 144 / 0.2)"
+      },
+      20: {
+        Primary: "#aa99ec",
+        Inactive: "#e4defc",
+        Transparent: "lch(67.2 44.6 296 / 0.2)"
+      },
+      21: {
+        Primary: "#94ba2c",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(70.8 67.7 114 / 0.2)"
+      },
+      22: {
+        Primary: "#3d3d42",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(25.9 3.2 286 / 0.2)"
+      }
+    },
+    Monochromatic: {
+      Default: {
+        5: "#f8faff",
+        10: "#f0f4ff",
+        20: "#e6edfe",
+        30: "#d9e2fc",
+        40: "#c6d4f9",
+        50: "#aec0f5",
+        60: "#8da4ef",
+        70: "#4067e5",
+        90: "#3451b2",
+        100: "#002856"
+      },
+      Danger: {
+        5: "#fff8f8",
+        10: "#ffefef",
+        20: "#ffe5e5",
+        30: "#fdd8d8",
+        40: "#f9c6c6",
+        50: "#f3aeaf",
+        60: "#eb9091",
+        70: "#d63c42",
+        90: "#b82329",
+        100: "#381316"
+      }
+    },
+    Status: {
+      Negative: "#d63c42",
+      Warning: "#fecb34",
+      Positive: "#00b050"
+    }
+  }
+}
+
+declare const Alias: AliasTypes;
+
+export interface ContentTypes {
+  Text: {
+    Base: "#ffffff",
+    Negative: "#b82329",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Primary: {
+      Default: "#343438",
+      Disabled: "#a3a3ab"
+    },
+    Secondary: {
+      Default: "#696970",
+      Disabled: "#a3a3ab"
+    },
+    Link: {
+      Default: "#0174bc",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    }
+  },
+  Icon: {
+    Base: "#ffffff",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Primary: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc",
+      Disabled: "#a3a3ab"
+    },
+    Secondary: {
+      Default: "#696970",
+      Disabled: "#a3a3ab"
+    }
+  }
+}
+
+declare const Content: ContentTypes;
+
+export interface BorderTypes {
+  Normal: "#d6d6dd",
+  Neutral: "#343438",
+  Negative: "#d63c42",
+  Warning: "#fecb34",
+  Positive: "#00b050",
+  Informative: "#4067e5"
+}
+
+declare const Border: BorderTypes;
+
+export interface BackgroundTypes {
+  Normal: "#ffffff",
+  Neutral: "#f7f7fa",
+  Base: "#343438",
+  Negative: "#d63c42",
+  Warning: "#fecb34",
+  Positive: "#00b050",
+  Informative: "#4067e5",
+  Black: "#232326",
+  Negativesubtle: "#ffefef",
+  Warningsubtle: "#fff4d5",
+  Positivesubtle: "#ebf9eb",
+  Informativesubtle: "#f0f4ff",
+  Neutralsubtle: "#e5e5ea",
+  Overlay: "lch(13.8 2.09 286 / 0.24)"
+}
+
+declare const Background: BackgroundTypes;
+
+export interface ActionTypes {
+  Base: "#ffffff",
+  Neutral: "#83838c",
+  White50: "#ffffff",
+  Primary: {
+    Default: "#0174bc",
+    Hover: "#009cde",
+    Active: "#0174bc",
+    Disabled: "#e5e5ea"
+  },
+  Secondary: {
+    Hover: "#edf8ff",
+    Disabled: "#c2c2ca"
+  },
+  Tertiary: {
+    Disabled: "#afdef8"
+  },
+  Positive: {
+    Default: "#07a04d",
+    Disabled: "#b7dfba"
+  },
+  Negative: {
+    Default: "#d0343a",
+    Disabled: "#f9c6c6"
+  }
+}
+
+declare const Action: ActionTypes;
+
+export interface InteractionTypes {
+  Border: {
+    Default: "#83838c",
+    Hover: "#3d3d42",
+    Focus: "#0174bc",
+    Error: "#d63c42",
+    Disabled: "#c2c2ca"
+  },
+  Background: {
+    Primary: "#ffffff",
+    Secondary: "#f7f7fa",
+    Tertiary: "#edf8ff",
+    Elevated: "#edf8ff",
+    Accent: "#ceedfe",
+    Active: "#0174bc",
+    Disabled: "#ededf2"
+  }
+}
+
+declare const Interaction: InteractionTypes;
+
+export interface ElevationTypes {
+  S: "0 2px 6px 0 rgba(58,59,63,0.18)",
+  SInverted: "0 -2px 6px 0 rgba(58,59,63,0.18)",
+  L: "0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08)"
+}
+
+declare const Elevation: ElevationTypes;
+
+export interface TypographyTypes {
+  Heading: {
+    Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+    Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+    Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+    L: "700 1.25rem/1.625rem 'Nunito Sans'",
+    M: "700 1.125rem/1.5rem 'Nunito Sans'",
+    S: "700 1rem/1.25rem 'Nunito Sans'",
+    Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+    Overline: "800 0.75rem/1rem 'Nunito Sans'",
+    OverlineLetterSpacing: "0.023rem",
+    OverlineTextCase: "uppercase"
+  },
+  Body: {
+    Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+    Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+    Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+    List: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+  },
+  Label: {
+    Semibold: {
+      L: "600 1rem/1.25rem 'Nunito Sans'",
+      S: "600 0.875rem/1rem 'Nunito Sans'",
+      Xs: "600 0.75rem/1rem 'Nunito Sans'"
+    },
+    Bold: {
+      L: "700 1rem/1.25rem 'Nunito Sans'",
+      S: "700 0.875rem/1rem 'Nunito Sans'",
+      Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+    },
+    Regular: {
+      S: "400 0.875rem/1rem 'Nunito Sans'",
+      Xs: "400 0.75rem/1rem 'Nunito Sans'",
+      Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+    }
+  },
+  Code: "400 0.813rem/1.25rem 'Fira Code'"
+}
+
+declare const Typography: TypographyTypes;
+
+export interface AccentTypes {
+  Info: {
+    Primary: "#3451b2",
+    Secondary: "lch(36.7 58.2 286 / 0.12)"
+  },
+  Neutral: {
+    Primary: "#515157",
+    Secondary: "lch(34.6 3.66 286 / 0.12)"
+  },
+  Warning: {
+    Primary: "#c25d05",
+    Secondary: "lch(67.2 71.6 80.1 / 0.12)"
+  },
+  Negative: {
+    Primary: "#b82329",
+    Secondary: "lch(41.2 69 32.4 / 0.12)"
+  },
+  Positive: {
+    Primary: "#138246",
+    Secondary: "lch(47.6 47.7 150 / 0.12)"
+  },
+  Important: {
+    Primary: "#753bbd",
+    Secondary: "lch(38.2 75 307 / 0.12)"
+  },
+  Pink: {
+    Primary: "#cd1d8d",
+    Secondary: "lch(47.1 72.1 347 / 0.12)"
+  },
+  Violet: {
+    Primary: "#5746af",
+    Secondary: "lch(36.2 62.1 298 / 0.12)"
+  }
+}
+
+declare const Accent: AccentTypes;
+
+export interface ChartTypes {
+  Neutral: "#d6d6dd",
+  Categorical: {
+    1: {
+      Primary: "#4067e5",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(46.5 72.3 286 / 0.2)"
+    },
+    2: {
+      Primary: "#fe9933",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(72.9 74.2 63 / 0.2)"
+    },
+    3: {
+      Primary: "#12a594",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(60.7 39.7 183 / 0.2)"
+    },
+    4: {
+      Primary: "#ab4aba",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(48.2 66.6 322 / 0.2)"
+    },
+    5: {
+      Primary: "#d63c42",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+    },
+    6: {
+      Primary: "#05a2c2",
+      Inactive: "#aadee6",
+      Transparent: "lch(61 38.6 224 / 0.2)"
+    },
+    7: {
+      Primary: "#e043a7",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(55 70 344 / 0.2)"
+    },
+    8: {
+      Primary: "#00b050",
+      Inactive: "#ceebcf",
+      Transparent: "lch(63 67 146 / 0.2)"
+    },
+    9: {
+      Primary: "#7259d6",
+      Inactive: "#e4defc",
+      Transparent: "lch(45.6 71 299 / 0.2)"
+    },
+    10: {
+      Primary: "#99d52a",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(79 79.1 118 / 0.2)"
+    },
+    11: {
+      Primary: "#696970",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(44.6 4.09 286 / 0.2)"
+    },
+    12: {
+      Primary: "#8da4ef",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(67.9 41.2 278 / 0.2)"
+    },
+    13: {
+      Primary: "#c25d05",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+    },
+    14: {
+      Primary: "#067a6f",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(45.6 31.8 185 / 0.2)"
+    },
+    15: {
+      Primary: "#cf91d8",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(68.3 42.4 321 / 0.2)"
+    },
+    16: {
+      Primary: "#eb9091",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+    },
+    17: {
+      Primary: "#0c7792",
+      Inactive: "#aadee6",
+      Transparent: "lch(45.7 30.9 228 / 0.2)"
+    },
+    18: {
+      Primary: "#e38ec3",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(69.3 40.8 341 / 0.2)"
+    },
+    19: {
+      Primary: "#97cf9c",
+      Inactive: "#ceebcf",
+      Transparent: "lch(78.2 32.7 144 / 0.2)"
+    },
+    20: {
+      Primary: "#aa99ec",
+      Inactive: "#e4defc",
+      Transparent: "lch(67.2 44.6 296 / 0.2)"
+    },
+    21: {
+      Primary: "#94ba2c",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(70.8 67.7 114 / 0.2)"
+    },
+    22: {
+      Primary: "#3d3d42",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(25.9 3.2 286 / 0.2)"
+    }
+  },
+  Monochromatic: {
+    Default: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Danger: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      90: "#b82329",
+      100: "#381316"
+    }
+  },
+  Status: {
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050"
+  }
+}
+
+declare const Chart: ChartTypes;
+
+export interface ComponentTypes {
+  Button: {
+    Primary: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Pressed: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#0174bc"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Background: "#edf8ff",
+        Border: "#009cde",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Pressed: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#ffffff",
+        Border: "#0174bc"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Text: "#009cde",
+        Icon: "#009cde"
+      },
+      Pressed: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      }
+    }
+  },
+  Container: {
+    Background: "#ffffff",
+    Border: "#d6d6dd"
+  },
+  Table: {
+    HeaderFilled: {
+      Background: "#343438",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HeaderOutlined: {
+      Border: "#343438",
+      Text: "#343438",
+      Icon: "#3d3d42"
+    },
+    Row: {
+      Border: "#d6d6dd",
+      Icon: {
+        Default: "#3d3d42",
+        Disabled: "#a3a3ab",
+        Hover: "#009cde"
+      },
+      Background: {
+        Default: "#ffffff",
+        Zebra: "#f7f7fa",
+        Hover: "#edf8ff"
+      },
+      Text: {
+        Default: "#343438",
+        Placeholder: "#696970",
+        Link: "#0174bc"
+      }
+    }
+  },
+  MenuButton: {
+    Primary: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Pressed: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#0174bc"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Background: "#edf8ff",
+        Border: "#009cde",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Pressed: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#ffffff",
+        Border: "#0174bc"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Text: "#009cde",
+        Icon: "#009cde"
+      },
+      Pressed: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      }
+    }
+  },
+  OverflowMenuButton: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Pressed: {
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Icon: "#a3a3ab"
+    }
+  },
+  SplitMenuButton: {
+    Primary: {
+      Default: {
+        Background: "#0174bc",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#009cde",
+        BackgroundRight: "#0174bc",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      HoverRight: {
+        BackgroundLeft: "#0174bc",
+        BackgroundRight: "#009cde",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Active: {
+        Background: "#0174bc",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Border: "#ffffff",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        BackgroundLeft: "#0174bc",
+        BackgroundRight: "#0174bc",
+        Border: "#ffffff",
+        Icon: "#ffffff"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#edf8ff",
+        BackgroundRight: "#ffffff",
+        BorderLeft: "#009cde",
+        BorderRight: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      HoverRight: {
+        BackgroundLeft: "#ffffff",
+        BackgroundRight: "#edf8ff",
+        BorderLeft: "#0174bc",
+        BorderRight: "#009cde",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Icon: "#0174bc"
+      }
+    }
+  },
+  Appbar: {
+    Background: "#f7f7fa",
+    Border: "#d6d6dd",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Badge: {
+    Informative: {
+      Background: "lch(36.7 58.2 286 / 0.12)",
+      Text: "#3451b2"
+    },
+    Neutral: {
+      Background: "lch(34.6 3.66 286 / 0.12)",
+      Text: "#515157"
+    },
+    Warning: {
+      Background: "lch(67.2 71.6 80.1 / 0.12)",
+      Text: "#c25d05"
+    },
+    Negative: {
+      Background: "lch(41.2 69 32.4 / 0.12)",
+      Text: "#b82329"
+    },
+    Positive: {
+      Background: "lch(47.6 47.7 150 / 0.12)",
+      Text: "#138246"
+    },
+    Important: {
+      Background: "lch(38.2 75 307 / 0.12)",
+      Text: "#753bbd"
+    },
+    Violet: {
+      Background: "lch(36.2 62.1 298 / 0.12)",
+      Text: "#5746af"
+    },
+    Pink: {
+      Background: "lch(47.1 72.1 347 / 0.12)",
+      Text: "#cd1d8d"
+    }
+  },
+  Breadcrumb: {
+    Divider: "#d6d6dd",
+    AppTitle: {
+      Text: "#0174bc"
+    },
+    Default: {
+      Text: "#0174bc"
+    },
+    Truncated: {
+      Text: "#0174bc"
+    },
+    LastItem: {
+      Text: "#343438"
+    },
+    Collapsed: {
+      Background: "#e5e5ea",
+      Text: "#343438",
+      Icon: "#3d3d42"
+    },
+    WithDropdown: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    }
+  },
+  Card: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Checkbox: {
+    Empty: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#009cde",
+        Text: "#343438"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438"
+      }
+    },
+    Checked: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Active: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#afdef8",
+        Text: "#a3a3ab",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438",
+        Icon: "#a3a3ab"
+      }
+    },
+    Indeterminated: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Active: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#afdef8",
+        Text: "#a3a3ab",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438",
+        Icon: "#a3a3ab"
+      }
+    }
+  },
+  ContentPanel: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Calendar: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Icon: "#3d3d42",
+    Text: {
+      Default: "#343438",
+      Disabled: "#a3a3ab"
+    },
+    SelectedItem: {
+      Text: "#ffffff",
+      Background: "#0174bc"
+    },
+    HoverItem: {
+      Background: "#edf8ff",
+      Text: "#343438"
+    },
+    PresetArea: {
+      Background: "#f7f7fa",
+      HoverPeriod: {
+        Background: "#edf8ff"
+      },
+      ActivePeriod: {
+        Background: "#ceedfe",
+        Text: "#343438"
+      }
+    }
+  },
+  DateField: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#0174bc",
+      HintText: "#696970"
+    }
+  },
+  DatePicker: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Filled: {
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Icon: "#a3a3ab"
+    },
+    Focus: {
+      Icon: "#0174bc"
+    }
+  },
+  DateRangePicker: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Filled: {
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Icon: "#a3a3ab"
+    },
+    Focus: {
+      Icon: "#0174bc"
+    }
+  },
+  DateRangeField: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#0174bc",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    }
+  },
+  DateRangeInput: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    ActivePeriod: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      ActiveItem: {
+        Background: "#edf8ff",
+        Text: "#696970"
+      }
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#0174bc",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    }
+  },
+  Divider: {
+    Border: "#d6d6dd"
+  },
+  Drawer: {
+    Background: "#ffffff",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Disabled: "#a3a3ab"
+    }
+  },
+  Dropdown: {
+    Icon: {
+      Default: "#3d3d42",
+      Disabled: "#a3a3ab"
+    },
+    Text: {
+      Default: "#343438",
+      Link: "#0174bc",
+      Description: "#696970",
+      Disabled: "#a3a3ab"
+    },
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff",
+      Category: "#f7f7fa"
+    }
+  },
+  GlobalHeader: {
+    Background: "#232326",
+    Border: "#3d3d42",
+    Icon: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Search: {
+      Background: "#3d3d42",
+      Text: {
+        Placeholder: "#d6d6dd",
+        Filled: "#ffffff"
+      },
+      Icon: {
+        Default: "#d6d6dd",
+        Active: "#ffffff",
+        Hover: "#ffffff"
+      }
+    }
+  },
+  GlobalFooter: {
+    Background: "#232326",
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    }
+  },
+  GroupSelect: {
+    Field: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#696970",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#3d3d42",
+        Text: "#696970",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Selected: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#343438",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Disabled: {
+        Background: "#ededf2",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Text: "#343438",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Error: {
+        Background: "#ffffff",
+        Border: "#d63c42",
+        Text: "#343438",
+        Icon: "#3d3d42",
+        HintText: "#b82329",
+        InfoIcon: "#696970"
+      },
+      Focus: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      }
+    },
+    Dropdown: {
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Background: {
+        Default: "#ffffff",
+        Hover: "#edf8ff"
+      }
+    }
+  },
+  InlineEdit: {
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde"
+    },
+    AcceptIcon: {
+      Default: "#0174bc",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    }
+  },
+  KpiBar: {
+    Text: "#3d3d42",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    },
+    Item: {
+      Neutral: {
+        Default: {
+          Label: "#515157",
+          Text: "#696970",
+          Icon: "#515157"
+        },
+        Hover: {
+          Label: "#515157",
+          Text: "#696970",
+          Background: "lch(34.6 3.66 286 / 0.12)",
+          Icon: "#515157"
+        },
+        Active: {
+          Label: "#515157",
+          Text: "#343438",
+          Border: "#515157",
+          Icon: "#515157"
+        }
+      },
+      Green: {
+        Default: {
+          Label: "#138246",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#138246",
+          Text: "#696970",
+          Background: "lch(47.6 47.7 150 / 0.12)"
+        },
+        Active: {
+          Label: "#138246",
+          Text: "#343438",
+          Border: "#138246"
+        }
+      },
+      Orange: {
+        Default: {
+          Label: "#c25d05",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#c25d05",
+          Text: "#696970",
+          Background: "lch(67.2 71.6 80.1 / 0.12)"
+        },
+        Active: {
+          Label: "#c25d05",
+          Text: "#343438",
+          Border: "#c25d05"
+        }
+      },
+      Purple: {
+        Default: {
+          Label: "#753bbd",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#753bbd",
+          Text: "#696970",
+          Background: "lch(38.2 75 307 / 0.12)"
+        },
+        Active: {
+          Label: "#753bbd",
+          Text: "#343438",
+          Border: "#753bbd"
+        }
+      },
+      Red: {
+        Default: {
+          Label: "#b82329",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#b82329",
+          Text: "#696970",
+          Background: "lch(41.2 69 32.4 / 0.12)"
+        },
+        Active: {
+          Label: "#b82329",
+          Text: "#343438",
+          Border: "#b82329"
+        }
+      },
+      Ultramarine: {
+        Default: {
+          Label: "#3451b2",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#3451b2",
+          Text: "#696970",
+          Background: "lch(36.7 58.2 286 / 0.12)"
+        },
+        Active: {
+          Label: "#3451b2",
+          Text: "#343438",
+          Border: "#3451b2"
+        }
+      },
+      Pink: {
+        Default: {
+          Label: "#cd1d8d",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#cd1d8d",
+          Text: "#696970",
+          Background: "lch(47.1 72.1 347 / 0.12)"
+        },
+        Active: {
+          Label: "#cd1d8d",
+          Text: "#343438",
+          Border: "#cd1d8d"
+        }
+      }
+    }
+  },
+  Label: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    InfoIcon: "#696970"
+  },
+  List: {
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    },
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff"
+    }
+  },
+  MasterSwitch: {
+    ContentBackground: "#ffffff",
+    SideBackground: "#f7f7fa",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Modal: {
+    Background: "#ffffff",
+    Icon: "#3d3d42",
+    Text: {
+      Default: "#343438",
+      Description: "#696970"
+    }
+  },
+  NotificationBanner: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    Informative: {
+      Background: "#f0f4ff",
+      Border: "#4067e5",
+      StatusIcon: "#4067e5"
+    },
+    Tip: {
+      Background: "#f0f4ff",
+      Border: "#4067e5",
+      StatusIcon: "#4067e5"
+    },
+    Warning: {
+      Background: "#fff4d5",
+      Border: "#fecb34",
+      StatusIcon: "#fecb34"
+    },
+    Success: {
+      Background: "#ebf9eb",
+      Border: "#00b050",
+      StatusIcon: "#00b050"
+    },
+    Error: {
+      Background: "#ffefef",
+      Border: "#d63c42",
+      StatusIcon: "#d63c42"
+    },
+    Secondary: {
+      Background: "#e5e5ea",
+      Border: "#343438",
+      StatusIcon: "#3d3d42"
+    }
+  },
+  NotificationToast: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    Informative: {
+      Background: "#f0f4ff",
+      IconBackground: "#4067e5",
+      Border: "#4067e5",
+      StatusIcon: "#ffffff"
+    },
+    Tip: {
+      Background: "#f0f4ff",
+      IconBackground: "#4067e5",
+      Border: "#4067e5",
+      StatusIcon: "#ffffff"
+    },
+    Warning: {
+      Background: "#fff4d5",
+      IconBackground: "#fecb34",
+      Border: "#fecb34",
+      StatusIcon: "#3d3d42"
+    },
+    Success: {
+      Background: "#ebf9eb",
+      IconBackground: "#00b050",
+      Border: "#00b050",
+      StatusIcon: "#ffffff"
+    },
+    Error: {
+      Background: "#ffefef",
+      IconBackground: "#d63c42",
+      Border: "#d63c42",
+      StatusIcon: "#ffffff"
+    }
+  },
+  Pagination: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Text: {
+      Default: "#343438",
+      Link: "#0174bc",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    },
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc",
+      Disabled: "#a3a3ab"
+    }
+  },
+  Popover: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Icon: "#3d3d42",
+    Text: {
+      Default: "#343438",
+      Link: {
+        Default: "#0174bc",
+        Hover: "#009cde"
+      }
+    }
+  },
+  ProgressBar: {
+    Text: {
+      Default: "#343438",
+      Link: {
+        Default: "#0174bc",
+        Hover: "#009cde"
+      }
+    },
+    StatusLine: {
+      Default: "#e5e5ea",
+      Success: "#00b050",
+      Error: "#d63c42"
+    }
+  },
+  NumericSpinner: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    }
+  },
+  RadioButton: {
+    Inactive: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#009cde",
+        Text: "#343438"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438"
+      }
+    },
+    Active: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#009cde",
+        Text: "#343438"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#afdef8",
+        Text: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438"
+      }
+    }
+  },
+  Search: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970",
+      SearchIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329",
+      SearchIcon: "#696970"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    }
+  },
+  SegmentedButton: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    DisabledChecked: {
+      Background: "#e5e5ea",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Active: {
+      Background: "#0174bc",
+      Border: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  SideNavigation: {
+    Icon: "#3d3d42",
+    Border: "#d6d6dd",
+    Background: {
+      Default: "#f7f7fa",
+      SecondLevel: "#ffffff"
+    },
+    DefaultMenuItem: {
+      Background: "#f7f7fa",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#343438",
+        Background: "#f7f7fa",
+        Border: "#d6d6dd"
+      }
+    },
+    HoverMenuItem: {
+      Background: "#edf8ff",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#343438",
+        Background: "#f7f7fa",
+        Border: "#d6d6dd"
+      }
+    },
+    SelectedMenuItem: {
+      Background: "#ceedfe",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#ffffff",
+        Background: "#0174bc"
+      }
+    }
+  },
+  Select: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329",
+      InfoIcon: "#696970"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438"
+    }
+  },
+  SidePanel: {
+    Background: "#ffffff",
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde"
+    }
+  },
+  Switch: {
+    Active: {
+      Default: {
+        Background: "#0174bc",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#009cde",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Focus: {
+        Background: "#0174bc",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#afdef8",
+        Icon: "#a3a3ab",
+        Circle: "#ffffff",
+        Text: "#a3a3ab"
+      }
+    },
+    Inactive: {
+      Default: {
+        Background: "#83838c",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#a3a3ab",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Focus: {
+        Background: "#83838c",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Circle: "#ffffff",
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  Tab: {
+    Default: {
+      Text: "#343438",
+      Icon: "#3d3d42",
+      Border: "#c2c2ca"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde",
+      Border: "#c2c2ca"
+    },
+    Active: {
+      Text: "#0174bc",
+      Icon: "#0174bc",
+      Border: "#0174bc"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      Border: "#c2c2ca"
+    }
+  },
+  Tag: {
+    Default: {
+      Background: "#f7f7fa",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Hover: {
+      Background: "#f7f7fa",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Focus: {
+      Background: "#edf8ff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Error: {
+      Background: "#f7f7fa",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438",
+      Icon: "#3d3d42"
+    }
+  },
+  TagInput: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      HintText: "#696970"
+    },
+    Placeholder: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      HintText: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      HintText: "#696970"
+    }
+  },
+  TextArea: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Placeholder: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      HintText: "#b82329",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    ReadOnly: {
+      Text: "#343438",
+      HintText: "#696970"
+    }
+  },
+  TextField: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Placeholder: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      HintText: "#b82329",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    ReadOnly: {
+      Text: "#343438",
+      HintText: "#696970"
+    }
+  },
+  TimePicker: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Text: "#343438"
+    }
+  },
+  Tooltip: {
+    Background: "#343438",
+    Text: "#ffffff"
+  },
+  Tree: {
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    },
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff"
+    },
+    ExpandedArea: {
+      Border: "#83838c"
+    }
+  },
+  Widget: {
+    Download: {
+      Text: "#343438",
+      Border: "#d6d6dd",
+      Background: {
+        Header: "#f7f7fa",
+        Default: "#ffffff"
+      },
+      Icon: {
+        Default: "#3d3d42",
+        Success: "#00b050",
+        Error: "#d63c42"
+      }
+    },
+    Upload: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Icon: "#3d3d42",
+        Text: {
+          Default: "#343438",
+          Link: "#0174bc"
+        }
+      },
+      Hover: {
+        Background: "#edf8ff",
+        Border: "#0174bc",
+        Icon: "#3d3d42",
+        Text: {
+          Default: "#343438",
+          Link: "#0174bc"
+        }
+      },
+      Disabled: {
+        Background: "#ededf2",
+        Border: "#c2c2ca",
+        Icon: "#a3a3ab",
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  Stepper: {
+    Horizontal: {
+      Line: "#d6d6dd",
+      PastItem: {
+        Circle: {
+          Background: "#edf8ff",
+          Border: "#0174bc",
+          Text: "#0174bc",
+          Icon: "#0174bc"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      CurrentItem: {
+        Circle: {
+          Background: "#0174bc",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#ffffff",
+          Border: "#d6d6dd",
+          Text: "#a3a3ab"
+        },
+        Text: "#a3a3ab"
+      }
+    },
+    Vertical: {
+      Background: "#ffffff",
+      Border: "#d6d6dd",
+      Icon: "#3d3d42",
+      PastItem: {
+        Circle: {
+          Background: "#edf8ff",
+          Border: "#0174bc",
+          Text: "#0174bc",
+          Icon: "#0174bc"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      CurrentItem: {
+        Icon: "#0174bc",
+        Circle: {
+          Background: "#0174bc",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#ffffff",
+          Border: "#83838c",
+          Text: "#696970"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      DisabledItem: {
+        Circle: {
+          Background: "#ffffff",
+          Border: "#d6d6dd",
+          Text: "#a3a3ab"
+        },
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  AdvancedSearch: {
+    FilterIcon: {
+      Default: {
+        Icon: "#3d3d42"
+      },
+      Hover: {
+        Icon: "#009cde"
+      },
+      Applied: {
+        Icon: "#0174bc",
+        Badge: {
+          Background: "#d63c42",
+          Text: "#ffffff"
+        }
+      },
+      Disabled: {
+        Icon: "#a3a3ab",
+        Badge: {
+          Background: "#83838c",
+          Text: "#ffffff"
+        }
+      }
+    },
+    FilterArea: {
+      Background: "#f7f7fa",
+      Border: "#d6d6dd",
+      Text: {
+        Default: "#343438",
+        Link: "#0174bc"
+      },
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Disabled: "#a3a3ab"
+      },
+      Tag: {
+        Background: "#ffffff",
+        Border: "#d6d6dd",
+        OperatorIcon: "#c25d05",
+        Icon: {
+          Default: "#3d3d42",
+          Hover: "#009cde"
+        }
+      }
+    }
+  },
+  SegmentedStatusButton: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#696970"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#696970"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    DisabledPositive: {
+      Background: "#b7dfba",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ActivePositive: {
+      Background: "#07a04d",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    DisabledNegative: {
+      Background: "#f9c6c6",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ActiveNegative: {
+      Background: "#d0343a",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    DisabledNeutral: {
+      Background: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ActiveNeutral: {
+      Background: "#83838c",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  LinkSelect: {
+    Default: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde"
+    },
+    Filled: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Focus: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    },
+    ReadOnly: {
+      Text: "#343438"
+    }
+  }
+}
+
+declare const Component: ComponentTypes;
+
+export interface ButtonTypes {
+  Primary: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Pressed: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#0174bc"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Pressed: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#ffffff",
+      Border: "#0174bc"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde"
+    },
+    Pressed: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    }
+  }
+}
+
+declare const Button: ButtonTypes;
+
+export interface ContainerTypes {
+  Background: "#ffffff",
+  Border: "#d6d6dd"
+}
+
+declare const Container: ContainerTypes;
+
+export interface TableTypes {
+  HeaderFilled: {
+    Background: "#343438",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  HeaderOutlined: {
+    Border: "#343438",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Row: {
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Disabled: "#a3a3ab",
+      Hover: "#009cde"
+    },
+    Background: {
+      Default: "#ffffff",
+      Zebra: "#f7f7fa",
+      Hover: "#edf8ff"
+    },
+    Text: {
+      Default: "#343438",
+      Placeholder: "#696970",
+      Link: "#0174bc"
+    }
+  }
+}
+
+declare const Table: TableTypes;
+
+export interface MenuButtonTypes {
+  Primary: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Pressed: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#0174bc"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Pressed: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#ffffff",
+      Border: "#0174bc"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde"
+    },
+    Pressed: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    }
+  }
+}
+
+declare const MenuButton: MenuButtonTypes;
+
+export interface OverflowMenuButtonTypes {
+  Default: {
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Icon: "#009cde"
+  },
+  Pressed: {
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Icon: "#a3a3ab"
+  }
+}
+
+declare const OverflowMenuButton: OverflowMenuButtonTypes;
+
+export interface SplitMenuButtonTypes {
+  Primary: {
+    Default: {
+      Background: "#0174bc",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#009cde",
+      BackgroundRight: "#0174bc",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HoverRight: {
+      BackgroundLeft: "#0174bc",
+      BackgroundRight: "#009cde",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Active: {
+      Background: "#0174bc",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Border: "#ffffff",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      BackgroundLeft: "#0174bc",
+      BackgroundRight: "#0174bc",
+      Border: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#edf8ff",
+      BackgroundRight: "#ffffff",
+      BorderLeft: "#009cde",
+      BorderRight: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    HoverRight: {
+      BackgroundLeft: "#ffffff",
+      BackgroundRight: "#edf8ff",
+      BorderLeft: "#0174bc",
+      BorderRight: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Icon: "#0174bc"
+    }
+  }
+}
+
+declare const SplitMenuButton: SplitMenuButtonTypes;
+
+export interface AppbarTypes {
+  Background: "#f7f7fa",
+  Border: "#d6d6dd",
+  Text: "#343438",
+  Icon: "#3d3d42"
+}
+
+declare const Appbar: AppbarTypes;
+
+export interface BadgeTypes {
+  Informative: {
+    Background: "lch(36.7 58.2 286 / 0.12)",
+    Text: "#3451b2"
+  },
+  Neutral: {
+    Background: "lch(34.6 3.66 286 / 0.12)",
+    Text: "#515157"
+  },
+  Warning: {
+    Background: "lch(67.2 71.6 80.1 / 0.12)",
+    Text: "#c25d05"
+  },
+  Negative: {
+    Background: "lch(41.2 69 32.4 / 0.12)",
+    Text: "#b82329"
+  },
+  Positive: {
+    Background: "lch(47.6 47.7 150 / 0.12)",
+    Text: "#138246"
+  },
+  Important: {
+    Background: "lch(38.2 75 307 / 0.12)",
+    Text: "#753bbd"
+  },
+  Violet: {
+    Background: "lch(36.2 62.1 298 / 0.12)",
+    Text: "#5746af"
+  },
+  Pink: {
+    Background: "lch(47.1 72.1 347 / 0.12)",
+    Text: "#cd1d8d"
+  }
+}
+
+declare const Badge: BadgeTypes;
+
+export interface BreadcrumbTypes {
+  Divider: "#d6d6dd",
+  AppTitle: {
+    Text: "#0174bc"
+  },
+  Default: {
+    Text: "#0174bc"
+  },
+  Truncated: {
+    Text: "#0174bc"
+  },
+  LastItem: {
+    Text: "#343438"
+  },
+  Collapsed: {
+    Background: "#e5e5ea",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  WithDropdown: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  }
+}
+
+declare const Breadcrumb: BreadcrumbTypes;
+
+export interface CardTypes {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Text: "#343438",
+  Icon: "#3d3d42"
+}
+
+declare const Card: CardTypes;
+
+export interface CheckboxTypes {
+  Empty: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#009cde",
+      Text: "#343438"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438"
+    }
+  },
+  Checked: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Active: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#afdef8",
+      Text: "#a3a3ab",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438",
+      Icon: "#a3a3ab"
+    }
+  },
+  Indeterminated: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Active: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#afdef8",
+      Text: "#a3a3ab",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438",
+      Icon: "#a3a3ab"
+    }
+  }
+}
+
+declare const Checkbox: CheckboxTypes;
+
+export interface ContentPanelTypes {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Text: "#343438",
+  Icon: "#3d3d42"
+}
+
+declare const ContentPanel: ContentPanelTypes;
+
+export interface CalendarTypes {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Icon: "#3d3d42",
+  Text: {
+    Default: "#343438",
+    Disabled: "#a3a3ab"
+  },
+  SelectedItem: {
+    Text: "#ffffff",
+    Background: "#0174bc"
+  },
+  HoverItem: {
+    Background: "#edf8ff",
+    Text: "#343438"
+  },
+  PresetArea: {
+    Background: "#f7f7fa",
+    HoverPeriod: {
+      Background: "#edf8ff"
+    },
+    ActivePeriod: {
+      Background: "#ceedfe",
+      Text: "#343438"
+    }
+  }
+}
+
+declare const Calendar: CalendarTypes;
+
+export interface DateFieldTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#0174bc",
+    HintText: "#696970"
+  }
+}
+
+declare const DateField: DateFieldTypes;
+
+export interface DatePickerTypes {
+  Default: {
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Icon: "#009cde"
+  },
+  Filled: {
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Icon: "#a3a3ab"
+  },
+  Focus: {
+    Icon: "#0174bc"
+  }
+}
+
+declare const DatePicker: DatePickerTypes;
+
+export interface DateRangePickerTypes {
+  Default: {
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Icon: "#009cde"
+  },
+  Filled: {
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Icon: "#a3a3ab"
+  },
+  Focus: {
+    Icon: "#0174bc"
+  }
+}
+
+declare const DateRangePicker: DateRangePickerTypes;
+
+export interface DateRangeFieldTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#0174bc",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  }
+}
+
+declare const DateRangeField: DateRangeFieldTypes;
+
+export interface DateRangeInputTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  ActivePeriod: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    ActiveItem: {
+      Background: "#edf8ff",
+      Text: "#696970"
+    }
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  },
+  Disabled: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#0174bc",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  }
+}
+
+declare const DateRangeInput: DateRangeInputTypes;
+
+export interface DividerTypes {
+  Border: "#d6d6dd"
+}
+
+declare const Divider: DividerTypes;
+
+export interface DrawerTypes {
+  Background: "#ffffff",
+  Text: "#343438",
+  Icon: {
+    Default: "#3d3d42",
+    Disabled: "#a3a3ab"
+  }
+}
+
+declare const Drawer: DrawerTypes;
+
+export interface DropdownTypes {
+  Icon: {
+    Default: "#3d3d42",
+    Disabled: "#a3a3ab"
+  },
+  Text: {
+    Default: "#343438",
+    Link: "#0174bc",
+    Description: "#696970",
+    Disabled: "#a3a3ab"
+  },
+  Background: {
+    Default: "#ffffff",
+    Hover: "#edf8ff",
+    Category: "#f7f7fa"
+  }
+}
+
+declare const Dropdown: DropdownTypes;
+
+export interface GlobalHeaderTypes {
+  Background: "#232326",
+  Border: "#3d3d42",
+  Icon: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Search: {
+    Background: "#3d3d42",
+    Text: {
+      Placeholder: "#d6d6dd",
+      Filled: "#ffffff"
+    },
+    Icon: {
+      Default: "#d6d6dd",
+      Active: "#ffffff",
+      Hover: "#ffffff"
+    }
+  }
+}
+
+declare const GlobalHeader: GlobalHeaderTypes;
+
+export interface GlobalFooterTypes {
+  Background: "#232326",
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  }
+}
+
+declare const GlobalFooter: GlobalFooterTypes;
+
+export interface GroupSelectTypes {
+  Field: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Selected: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329",
+      InfoIcon: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    }
+  },
+  Dropdown: {
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff"
+    }
+  }
+}
+
+declare const GroupSelect: GroupSelectTypes;
+
+export interface InlineEditTypes {
+  Text: "#343438",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde"
+  },
+  AcceptIcon: {
+    Default: "#0174bc",
+    Hover: "#009cde",
+    Disabled: "#a3a3ab"
+  }
+}
+
+declare const InlineEdit: InlineEditTypes;
+
+export interface KpiBarTypes {
+  Text: "#3d3d42",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc"
+  },
+  Item: {
+    Neutral: {
+      Default: {
+        Label: "#515157",
+        Text: "#696970",
+        Icon: "#515157"
+      },
+      Hover: {
+        Label: "#515157",
+        Text: "#696970",
+        Background: "lch(34.6 3.66 286 / 0.12)",
+        Icon: "#515157"
+      },
+      Active: {
+        Label: "#515157",
+        Text: "#343438",
+        Border: "#515157",
+        Icon: "#515157"
+      }
+    },
+    Green: {
+      Default: {
+        Label: "#138246",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#138246",
+        Text: "#696970",
+        Background: "lch(47.6 47.7 150 / 0.12)"
+      },
+      Active: {
+        Label: "#138246",
+        Text: "#343438",
+        Border: "#138246"
+      }
+    },
+    Orange: {
+      Default: {
+        Label: "#c25d05",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#c25d05",
+        Text: "#696970",
+        Background: "lch(67.2 71.6 80.1 / 0.12)"
+      },
+      Active: {
+        Label: "#c25d05",
+        Text: "#343438",
+        Border: "#c25d05"
+      }
+    },
+    Purple: {
+      Default: {
+        Label: "#753bbd",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#753bbd",
+        Text: "#696970",
+        Background: "lch(38.2 75 307 / 0.12)"
+      },
+      Active: {
+        Label: "#753bbd",
+        Text: "#343438",
+        Border: "#753bbd"
+      }
+    },
+    Red: {
+      Default: {
+        Label: "#b82329",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#b82329",
+        Text: "#696970",
+        Background: "lch(41.2 69 32.4 / 0.12)"
+      },
+      Active: {
+        Label: "#b82329",
+        Text: "#343438",
+        Border: "#b82329"
+      }
+    },
+    Ultramarine: {
+      Default: {
+        Label: "#3451b2",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#3451b2",
+        Text: "#696970",
+        Background: "lch(36.7 58.2 286 / 0.12)"
+      },
+      Active: {
+        Label: "#3451b2",
+        Text: "#343438",
+        Border: "#3451b2"
+      }
+    },
+    Pink: {
+      Default: {
+        Label: "#cd1d8d",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#cd1d8d",
+        Text: "#696970",
+        Background: "lch(47.1 72.1 347 / 0.12)"
+      },
+      Active: {
+        Label: "#cd1d8d",
+        Text: "#343438",
+        Border: "#cd1d8d"
+      }
+    }
+  }
+}
+
+declare const KpiBar: KpiBarTypes;
+
+export interface LabelTypes {
+  Text: "#343438",
+  Icon: "#3d3d42",
+  InfoIcon: "#696970"
+}
+
+declare const Label: LabelTypes;
+
+export interface ListTypes {
+  Text: "#343438",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc"
+  },
+  Background: {
+    Default: "#ffffff",
+    Hover: "#edf8ff"
+  }
+}
+
+declare const List: ListTypes;
+
+export interface MasterSwitchTypes {
+  ContentBackground: "#ffffff",
+  SideBackground: "#f7f7fa",
+  Text: "#343438",
+  Icon: "#3d3d42"
+}
+
+declare const MasterSwitch: MasterSwitchTypes;
+
+export interface ModalTypes {
+  Background: "#ffffff",
+  Icon: "#3d3d42",
+  Text: {
+    Default: "#343438",
+    Description: "#696970"
+  }
+}
+
+declare const Modal: ModalTypes;
+
+export interface NotificationBannerTypes {
+  Text: "#343438",
+  Icon: "#3d3d42",
+  Informative: {
+    Background: "#f0f4ff",
+    Border: "#4067e5",
+    StatusIcon: "#4067e5"
+  },
+  Tip: {
+    Background: "#f0f4ff",
+    Border: "#4067e5",
+    StatusIcon: "#4067e5"
+  },
+  Warning: {
+    Background: "#fff4d5",
+    Border: "#fecb34",
+    StatusIcon: "#fecb34"
+  },
+  Success: {
+    Background: "#ebf9eb",
+    Border: "#00b050",
+    StatusIcon: "#00b050"
+  },
+  Error: {
+    Background: "#ffefef",
+    Border: "#d63c42",
+    StatusIcon: "#d63c42"
+  },
+  Secondary: {
+    Background: "#e5e5ea",
+    Border: "#343438",
+    StatusIcon: "#3d3d42"
+  }
+}
+
+declare const NotificationBanner: NotificationBannerTypes;
+
+export interface NotificationToastTypes {
+  Text: "#343438",
+  Icon: "#3d3d42",
+  Informative: {
+    Background: "#f0f4ff",
+    IconBackground: "#4067e5",
+    Border: "#4067e5",
+    StatusIcon: "#ffffff"
+  },
+  Tip: {
+    Background: "#f0f4ff",
+    IconBackground: "#4067e5",
+    Border: "#4067e5",
+    StatusIcon: "#ffffff"
+  },
+  Warning: {
+    Background: "#fff4d5",
+    IconBackground: "#fecb34",
+    Border: "#fecb34",
+    StatusIcon: "#3d3d42"
+  },
+  Success: {
+    Background: "#ebf9eb",
+    IconBackground: "#00b050",
+    Border: "#00b050",
+    StatusIcon: "#ffffff"
+  },
+  Error: {
+    Background: "#ffefef",
+    IconBackground: "#d63c42",
+    Border: "#d63c42",
+    StatusIcon: "#ffffff"
+  }
+}
+
+declare const NotificationToast: NotificationToastTypes;
+
+export interface PaginationTypes {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Text: {
+    Default: "#343438",
+    Link: "#0174bc",
+    Hover: "#009cde",
+    Disabled: "#a3a3ab"
+  },
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc",
+    Disabled: "#a3a3ab"
+  }
+}
+
+declare const Pagination: PaginationTypes;
+
+export interface PopoverTypes {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Icon: "#3d3d42",
+  Text: {
+    Default: "#343438",
+    Link: {
+      Default: "#0174bc",
+      Hover: "#009cde"
+    }
+  }
+}
+
+declare const Popover: PopoverTypes;
+
+export interface ProgressBarTypes {
+  Text: {
+    Default: "#343438",
+    Link: {
+      Default: "#0174bc",
+      Hover: "#009cde"
+    }
+  },
+  StatusLine: {
+    Default: "#e5e5ea",
+    Success: "#00b050",
+    Error: "#d63c42"
+  }
+}
+
+declare const ProgressBar: ProgressBarTypes;
+
+export interface NumericSpinnerTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  }
+}
+
+declare const NumericSpinner: NumericSpinnerTypes;
+
+export interface RadioButtonTypes {
+  Inactive: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#009cde",
+      Text: "#343438"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438"
+    }
+  },
+  Active: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#009cde",
+      Text: "#343438"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#afdef8",
+      Text: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438"
+    }
+  }
+}
+
+declare const RadioButton: RadioButtonTypes;
+
+export interface SearchTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970",
+    SearchIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329",
+    SearchIcon: "#696970"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  }
+}
+
+declare const Search: SearchTypes;
+
+export interface SegmentedButtonTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#0174bc",
+    Icon: "#0174bc"
+  },
+  Hover: {
+    Background: "#edf8ff",
+    Border: "#009cde",
+    Text: "#0174bc",
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  DisabledChecked: {
+    Background: "#e5e5ea",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Active: {
+    Background: "#0174bc",
+    Border: "#0174bc",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+}
+
+declare const SegmentedButton: SegmentedButtonTypes;
+
+export interface SideNavigationTypes {
+  Icon: "#3d3d42",
+  Border: "#d6d6dd",
+  Background: {
+    Default: "#f7f7fa",
+    SecondLevel: "#ffffff"
+  },
+  DefaultMenuItem: {
+    Background: "#f7f7fa",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#343438",
+      Background: "#f7f7fa",
+      Border: "#d6d6dd"
+    }
+  },
+  HoverMenuItem: {
+    Background: "#edf8ff",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#343438",
+      Background: "#f7f7fa",
+      Border: "#d6d6dd"
+    }
+  },
+  SelectedMenuItem: {
+    Background: "#ceedfe",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#ffffff",
+      Background: "#0174bc"
+    }
+  }
+}
+
+declare const SideNavigation: SideNavigationTypes;
+
+export interface SelectTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329",
+    InfoIcon: "#696970"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438"
+  }
+}
+
+declare const Select: SelectTypes;
+
+export interface SidePanelTypes {
+  Background: "#ffffff",
+  Text: "#343438",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde"
+  }
+}
+
+declare const SidePanel: SidePanelTypes;
+
+export interface SwitchTypes {
+  Active: {
+    Default: {
+      Background: "#0174bc",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#009cde",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Focus: {
+      Background: "#0174bc",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#afdef8",
+      Icon: "#a3a3ab",
+      Circle: "#ffffff",
+      Text: "#a3a3ab"
+    }
+  },
+  Inactive: {
+    Default: {
+      Background: "#83838c",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#a3a3ab",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Focus: {
+      Background: "#83838c",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Circle: "#ffffff",
+      Text: "#a3a3ab"
+    }
+  }
+}
+
+declare const Switch: SwitchTypes;
+
+export interface TabTypes {
+  Default: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    Border: "#c2c2ca"
+  },
+  Hover: {
+    Text: "#009cde",
+    Icon: "#009cde",
+    Border: "#c2c2ca"
+  },
+  Active: {
+    Text: "#0174bc",
+    Icon: "#0174bc",
+    Border: "#0174bc"
+  },
+  Disabled: {
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    Border: "#c2c2ca"
+  }
+}
+
+declare const Tab: TabTypes;
+
+export interface TagTypes {
+  Default: {
+    Background: "#f7f7fa",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Hover: {
+    Background: "#f7f7fa",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Focus: {
+    Background: "#edf8ff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Error: {
+    Background: "#f7f7fa",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  }
+}
+
+declare const Tag: TagTypes;
+
+export interface TagInputTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    HintText: "#696970"
+  },
+  Placeholder: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    HintText: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    HintText: "#696970"
+  }
+}
+
+declare const TagInput: TagInputTypes;
+
+export interface TextAreaTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Placeholder: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    HintText: "#b82329",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  ReadOnly: {
+    Text: "#343438",
+    HintText: "#696970"
+  }
+}
+
+declare const TextArea: TextAreaTypes;
+
+export interface TextFieldTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Placeholder: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    HintText: "#b82329",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  ReadOnly: {
+    Text: "#343438",
+    HintText: "#696970"
+  }
+}
+
+declare const TextField: TextFieldTypes;
+
+export interface TimePickerTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Text: "#343438"
+  }
+}
+
+declare const TimePicker: TimePickerTypes;
+
+export interface TooltipTypes {
+  Background: "#343438",
+  Text: "#ffffff"
+}
+
+declare const Tooltip: TooltipTypes;
+
+export interface TreeTypes {
+  Text: "#343438",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc"
+  },
+  Background: {
+    Default: "#ffffff",
+    Hover: "#edf8ff"
+  },
+  ExpandedArea: {
+    Border: "#83838c"
+  }
+}
+
+declare const Tree: TreeTypes;
+
+export interface WidgetTypes {
+  Download: {
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Background: {
+      Header: "#f7f7fa",
+      Default: "#ffffff"
+    },
+    Icon: {
+      Default: "#3d3d42",
+      Success: "#00b050",
+      Error: "#d63c42"
+    }
+  },
+  Upload: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Icon: "#3d3d42",
+      Text: {
+        Default: "#343438",
+        Link: "#0174bc"
+      }
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#0174bc",
+      Icon: "#3d3d42",
+      Text: {
+        Default: "#343438",
+        Link: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Icon: "#a3a3ab",
+      Text: "#a3a3ab"
+    }
+  }
+}
+
+declare const Widget: WidgetTypes;
+
+export interface StepperTypes {
+  Horizontal: {
+    Line: "#d6d6dd",
+    PastItem: {
+      Circle: {
+        Background: "#edf8ff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    CurrentItem: {
+      Circle: {
+        Background: "#0174bc",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#ffffff",
+        Border: "#d6d6dd",
+        Text: "#a3a3ab"
+      },
+      Text: "#a3a3ab"
+    }
+  },
+  Vertical: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Icon: "#3d3d42",
+    PastItem: {
+      Circle: {
+        Background: "#edf8ff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    CurrentItem: {
+      Icon: "#0174bc",
+      Circle: {
+        Background: "#0174bc",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#696970"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    DisabledItem: {
+      Circle: {
+        Background: "#ffffff",
+        Border: "#d6d6dd",
+        Text: "#a3a3ab"
+      },
+      Text: "#a3a3ab"
+    }
+  }
+}
+
+declare const Stepper: StepperTypes;
+
+export interface AdvancedSearchTypes {
+  FilterIcon: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Applied: {
+      Icon: "#0174bc",
+      Badge: {
+        Background: "#d63c42",
+        Text: "#ffffff"
+      }
+    },
+    Disabled: {
+      Icon: "#a3a3ab",
+      Badge: {
+        Background: "#83838c",
+        Text: "#ffffff"
+      }
+    }
+  },
+  FilterArea: {
+    Background: "#f7f7fa",
+    Border: "#d6d6dd",
+    Text: {
+      Default: "#343438",
+      Link: "#0174bc"
+    },
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    },
+    Tag: {
+      Background: "#ffffff",
+      Border: "#d6d6dd",
+      OperatorIcon: "#c25d05",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde"
+      }
+    }
+  }
+}
+
+declare const AdvancedSearch: AdvancedSearchTypes;
+
+export interface SegmentedStatusButtonTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#696970"
+  },
+  Hover: {
+    Background: "#edf8ff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#696970"
+  },
+  Disabled: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  DisabledPositive: {
+    Background: "#b7dfba",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ActivePositive: {
+    Background: "#07a04d",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  DisabledNegative: {
+    Background: "#f9c6c6",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ActiveNegative: {
+    Background: "#d0343a",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  DisabledNeutral: {
+    Background: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ActiveNeutral: {
+    Background: "#83838c",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+}
+
+declare const SegmentedStatusButton: SegmentedStatusButtonTypes;
+
+export interface LinkSelectTypes {
+  Default: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Text: "#009cde",
+    Icon: "#009cde"
+  },
+  Filled: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  },
+  Disabled: {
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Focus: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  },
+  ReadOnly: {
+    Text: "#343438"
+  }
+}
+
+declare const LinkSelect: LinkSelectTypes;
+      
\ No newline at end of file
diff --git a/dist/index.js b/dist/index.js
new file mode 100644
index 0000000..d6f99e0
--- /dev/null
+++ b/dist/index.js
@@ -0,0 +1,5407 @@
+
+  /**
+   * Do not edit directly
+   * Generated on 2024-08-21
+   */
+  export const Global = {
+  Color: {
+    Neutrals: {
+      5: "#f7f7fa",
+      10: "#ededf2",
+      20: "#e5e5ea",
+      30: "#d6d6dd",
+      40: "#c2c2ca",
+      50: "#a3a3ab",
+      60: "#83838c",
+      70: "#696970",
+      80: "#515157",
+      90: "#3d3d42",
+      100: "#343438",
+      Black: "#232326",
+      White: "#ffffff"
+    },
+    Brand: {
+      5: "#f5fbff",
+      10: "#edf8ff",
+      20: "#e1f4ff",
+      30: "#ceedfe",
+      40: "#afdef8",
+      50: "#96cff0",
+      60: "#5bb3ea",
+      70: "#009cde",
+      80: "#108ad6",
+      90: "#0174bc",
+      100: "#00314d"
+    },
+    Red: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      80: "#d0343a",
+      90: "#b82329",
+      100: "#381316"
+    },
+    Orange: {
+      5: "#fef9f4",
+      10: "#fff3e7",
+      20: "#ffebd7",
+      30: "#ffe1c3",
+      40: "#facfa4",
+      50: "#f2b67b",
+      60: "#f09d4b",
+      70: "#fe9933",
+      80: "#f0821d",
+      90: "#c25d05",
+      100: "#451e11"
+    },
+    Amber: {
+      5: "#fff9ed",
+      10: "#fff4d5",
+      20: "#ffecbc",
+      30: "#ffe3a2",
+      40: "#facf83",
+      50: "#f3ba63",
+      60: "#edb016",
+      70: "#fecb34",
+      80: "#f2b90e",
+      90: "#ce9a00",
+      100: "#403104"
+    },
+    Yellow: {
+      5: "#ffffeb",
+      10: "#fafadf",
+      20: "#f9f9c9",
+      30: "#f8f8b6",
+      40: "#f5f596",
+      50: "#e8e86a",
+      60: "#dfdf39",
+      70: "#f5f531",
+      80: "#e5e50a",
+      90: "#bfbf0d",
+      100: "#35290f"
+    },
+    Lime: {
+      5: "#f7fcf0",
+      10: "#eefadc",
+      20: "#e4f7c7",
+      30: "#d7f2b0",
+      40: "#c9e894",
+      50: "#b1d16a",
+      60: "#94ba2c",
+      70: "#99d52a",
+      80: "#93c926",
+      90: "#5d770d",
+      100: "#263209"
+    },
+    Green: {
+      5: "#f3fcf3",
+      10: "#ebf9eb",
+      20: "#dff3df",
+      30: "#ceebcf",
+      40: "#b7dfba",
+      50: "#97cf9c",
+      60: "#65ba75",
+      70: "#00b050",
+      80: "#07a04d",
+      90: "#138246",
+      100: "#1b311e"
+    },
+    Teal: {
+      5: "#f1fcfa",
+      10: "#e7f9f5",
+      20: "#d9f3ee",
+      30: "#c7ebe5",
+      40: "#afdfd7",
+      50: "#8dcec3",
+      60: "#53b9ab",
+      70: "#12a594",
+      80: "#0e9888",
+      90: "#067a6f",
+      100: "#10302b"
+    },
+    Cyan: {
+      5: "#f2fcfd",
+      10: "#e7f9fb",
+      20: "#d8f3f6",
+      30: "#aadee6",
+      40: "#84cdda",
+      50: "#84cdda",
+      60: "#3db9cf",
+      70: "#05a2c2",
+      80: "#0894b3",
+      90: "#0c7792",
+      100: "#04313c"
+    },
+    Ultramarine: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      80: "#3a5ccc",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Violet: {
+      5: "#fbfaff",
+      10: "#f5f2ff",
+      20: "#ede9fe",
+      30: "#e4defc",
+      40: "#d7cff9",
+      50: "#c4b8f3",
+      60: "#aa99ec",
+      70: "#7259d6",
+      80: "#644fc1",
+      90: "#5746af",
+      100: "#20134b"
+    },
+    Purple: {
+      5: "#fdfaff",
+      10: "#f9f1fe",
+      20: "#f3e7fc",
+      30: "#eddbf9",
+      40: "#e3ccf4",
+      50: "#d3b4ed",
+      60: "#be93e4",
+      70: "#8e4ec6",
+      80: "#8445bc",
+      90: "#753bbd",
+      100: "#2b0e44"
+    },
+    Magenta: {
+      5: "#fff8ff",
+      10: "#fceffc",
+      20: "#f9e5f9",
+      30: "#f3d9f4",
+      40: "#ebc8ed",
+      50: "#dfafe3",
+      60: "#cf91d8",
+      70: "#ab4aba",
+      80: "#a43cb4",
+      90: "#9c2bad",
+      100: "#340c3b"
+    },
+    Pink: {
+      5: "#fff7fc",
+      10: "#feeef8",
+      20: "#fce5f3",
+      30: "#f9d8ec",
+      40: "#f3c6e2",
+      50: "#ecadd4",
+      60: "#e38ec3",
+      70: "#e043a7",
+      80: "#d23197",
+      90: "#cd1d8d",
+      100: "#3b0a2a"
+    },
+    Brown: {
+      5: "#fbf9f2",
+      10: "#f5f2e9",
+      20: "#eeeadd",
+      30: "#e5dfd0",
+      40: "#dad1bd",
+      50: "#cbbda4",
+      60: "#b8a383",
+      70: "#978365",
+      80: "#8c795d",
+      90: "#776750",
+      100: "#3b352b"
+    }
+  },
+  Spacing: {
+    0: "0rem",
+    10: "0.125rem",
+    20: "0.25rem",
+    30: "0.375rem",
+    40: "0.5rem",
+    50: "0.75rem",
+    60: "1rem",
+    70: "1.5rem",
+    80: "2rem",
+    90: "3rem"
+  },
+  Font: {
+    FontFamily: {
+      Brand: "'Nunito Sans'",
+      Code: "'Fira Code'"
+    },
+    FontWeight: {
+      Semibold: "600",
+      Bold: "700",
+      Extrabold: "800",
+      Regular: {
+        Normal: "400",
+        Italic: "400"
+      }
+    },
+    FontSize: {
+      Xxxs: "0.75rem",
+      Xxs: "0.813rem",
+      Xs: "0.875rem",
+      S: "1rem",
+      M: "1.125rem",
+      L: "1.25rem",
+      Xl: "1.5rem",
+      Xxl: "1.75rem",
+      Xxxl: "2.25rem"
+    },
+    LineHeight: {
+      Xxxs: "1rem",
+      Xxs: "1.125rem",
+      Xs: "1.25rem",
+      S: "1.5rem",
+      M: "1.625rem",
+      L: "1.875rem",
+      Xl: "2rem",
+      Xxl: "2.375rem",
+      Xxxl: "2.625rem"
+    },
+    Textcase: {
+      Uppercase: "uppercase"
+    }
+  },
+  BorderRadius: {
+    None: "0rem"
+  }
+};
+
+export const Color = {
+  Neutrals: {
+    5: "#f7f7fa",
+    10: "#ededf2",
+    20: "#e5e5ea",
+    30: "#d6d6dd",
+    40: "#c2c2ca",
+    50: "#a3a3ab",
+    60: "#83838c",
+    70: "#696970",
+    80: "#515157",
+    90: "#3d3d42",
+    100: "#343438",
+    Black: "#232326",
+    White: "#ffffff"
+  },
+  Brand: {
+    5: "#f5fbff",
+    10: "#edf8ff",
+    20: "#e1f4ff",
+    30: "#ceedfe",
+    40: "#afdef8",
+    50: "#96cff0",
+    60: "#5bb3ea",
+    70: "#009cde",
+    80: "#108ad6",
+    90: "#0174bc",
+    100: "#00314d"
+  },
+  Red: {
+    5: "#fff8f8",
+    10: "#ffefef",
+    20: "#ffe5e5",
+    30: "#fdd8d8",
+    40: "#f9c6c6",
+    50: "#f3aeaf",
+    60: "#eb9091",
+    70: "#d63c42",
+    80: "#d0343a",
+    90: "#b82329",
+    100: "#381316"
+  },
+  Orange: {
+    5: "#fef9f4",
+    10: "#fff3e7",
+    20: "#ffebd7",
+    30: "#ffe1c3",
+    40: "#facfa4",
+    50: "#f2b67b",
+    60: "#f09d4b",
+    70: "#fe9933",
+    80: "#f0821d",
+    90: "#c25d05",
+    100: "#451e11"
+  },
+  Amber: {
+    5: "#fff9ed",
+    10: "#fff4d5",
+    20: "#ffecbc",
+    30: "#ffe3a2",
+    40: "#facf83",
+    50: "#f3ba63",
+    60: "#edb016",
+    70: "#fecb34",
+    80: "#f2b90e",
+    90: "#ce9a00",
+    100: "#403104"
+  },
+  Yellow: {
+    5: "#ffffeb",
+    10: "#fafadf",
+    20: "#f9f9c9",
+    30: "#f8f8b6",
+    40: "#f5f596",
+    50: "#e8e86a",
+    60: "#dfdf39",
+    70: "#f5f531",
+    80: "#e5e50a",
+    90: "#bfbf0d",
+    100: "#35290f"
+  },
+  Lime: {
+    5: "#f7fcf0",
+    10: "#eefadc",
+    20: "#e4f7c7",
+    30: "#d7f2b0",
+    40: "#c9e894",
+    50: "#b1d16a",
+    60: "#94ba2c",
+    70: "#99d52a",
+    80: "#93c926",
+    90: "#5d770d",
+    100: "#263209"
+  },
+  Green: {
+    5: "#f3fcf3",
+    10: "#ebf9eb",
+    20: "#dff3df",
+    30: "#ceebcf",
+    40: "#b7dfba",
+    50: "#97cf9c",
+    60: "#65ba75",
+    70: "#00b050",
+    80: "#07a04d",
+    90: "#138246",
+    100: "#1b311e"
+  },
+  Teal: {
+    5: "#f1fcfa",
+    10: "#e7f9f5",
+    20: "#d9f3ee",
+    30: "#c7ebe5",
+    40: "#afdfd7",
+    50: "#8dcec3",
+    60: "#53b9ab",
+    70: "#12a594",
+    80: "#0e9888",
+    90: "#067a6f",
+    100: "#10302b"
+  },
+  Cyan: {
+    5: "#f2fcfd",
+    10: "#e7f9fb",
+    20: "#d8f3f6",
+    30: "#aadee6",
+    40: "#84cdda",
+    50: "#84cdda",
+    60: "#3db9cf",
+    70: "#05a2c2",
+    80: "#0894b3",
+    90: "#0c7792",
+    100: "#04313c"
+  },
+  Ultramarine: {
+    5: "#f8faff",
+    10: "#f0f4ff",
+    20: "#e6edfe",
+    30: "#d9e2fc",
+    40: "#c6d4f9",
+    50: "#aec0f5",
+    60: "#8da4ef",
+    70: "#4067e5",
+    80: "#3a5ccc",
+    90: "#3451b2",
+    100: "#002856"
+  },
+  Violet: {
+    5: "#fbfaff",
+    10: "#f5f2ff",
+    20: "#ede9fe",
+    30: "#e4defc",
+    40: "#d7cff9",
+    50: "#c4b8f3",
+    60: "#aa99ec",
+    70: "#7259d6",
+    80: "#644fc1",
+    90: "#5746af",
+    100: "#20134b"
+  },
+  Purple: {
+    5: "#fdfaff",
+    10: "#f9f1fe",
+    20: "#f3e7fc",
+    30: "#eddbf9",
+    40: "#e3ccf4",
+    50: "#d3b4ed",
+    60: "#be93e4",
+    70: "#8e4ec6",
+    80: "#8445bc",
+    90: "#753bbd",
+    100: "#2b0e44"
+  },
+  Magenta: {
+    5: "#fff8ff",
+    10: "#fceffc",
+    20: "#f9e5f9",
+    30: "#f3d9f4",
+    40: "#ebc8ed",
+    50: "#dfafe3",
+    60: "#cf91d8",
+    70: "#ab4aba",
+    80: "#a43cb4",
+    90: "#9c2bad",
+    100: "#340c3b"
+  },
+  Pink: {
+    5: "#fff7fc",
+    10: "#feeef8",
+    20: "#fce5f3",
+    30: "#f9d8ec",
+    40: "#f3c6e2",
+    50: "#ecadd4",
+    60: "#e38ec3",
+    70: "#e043a7",
+    80: "#d23197",
+    90: "#cd1d8d",
+    100: "#3b0a2a"
+  },
+  Brown: {
+    5: "#fbf9f2",
+    10: "#f5f2e9",
+    20: "#eeeadd",
+    30: "#e5dfd0",
+    40: "#dad1bd",
+    50: "#cbbda4",
+    60: "#b8a383",
+    70: "#978365",
+    80: "#8c795d",
+    90: "#776750",
+    100: "#3b352b"
+  }
+};
+
+export const Spacing = {
+  0: "0rem",
+  10: "0.125rem",
+  20: "0.25rem",
+  30: "0.375rem",
+  40: "0.5rem",
+  50: "0.75rem",
+  60: "1rem",
+  70: "1.5rem",
+  80: "2rem",
+  90: "3rem"
+};
+
+export const Font = {
+  FontFamily: {
+    Brand: "'Nunito Sans'",
+    Code: "'Fira Code'"
+  },
+  FontWeight: {
+    Semibold: "600",
+    Bold: "700",
+    Extrabold: "800",
+    Regular: {
+      Normal: "400",
+      Italic: "400"
+    }
+  },
+  FontSize: {
+    Xxxs: "0.75rem",
+    Xxs: "0.813rem",
+    Xs: "0.875rem",
+    S: "1rem",
+    M: "1.125rem",
+    L: "1.25rem",
+    Xl: "1.5rem",
+    Xxl: "1.75rem",
+    Xxxl: "2.25rem"
+  },
+  LineHeight: {
+    Xxxs: "1rem",
+    Xxs: "1.125rem",
+    Xs: "1.25rem",
+    S: "1.5rem",
+    M: "1.625rem",
+    L: "1.875rem",
+    Xl: "2rem",
+    Xxl: "2.375rem",
+    Xxxl: "2.625rem"
+  },
+  Textcase: {
+    Uppercase: "uppercase"
+  }
+};
+
+export const BorderRadius = {
+  None: "0rem"
+};
+
+export const Alias = {
+  Content: {
+    Text: {
+      Base: "#ffffff",
+      Negative: "#b82329",
+      Warning: "#fecb34",
+      Positive: "#00b050",
+      Informative: "#4067e5",
+      Primary: {
+        Default: "#343438",
+        Disabled: "#a3a3ab"
+      },
+      Secondary: {
+        Default: "#696970",
+        Disabled: "#a3a3ab"
+      },
+      Link: {
+        Default: "#0174bc",
+        Hover: "#009cde",
+        Disabled: "#a3a3ab"
+      }
+    },
+    Icon: {
+      Base: "#ffffff",
+      Negative: "#d63c42",
+      Warning: "#fecb34",
+      Positive: "#00b050",
+      Informative: "#4067e5",
+      Primary: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc",
+        Disabled: "#a3a3ab"
+      },
+      Secondary: {
+        Default: "#696970",
+        Disabled: "#a3a3ab"
+      }
+    }
+  },
+  Border: {
+    Normal: "#d6d6dd",
+    Neutral: "#343438",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5"
+  },
+  Background: {
+    Normal: "#ffffff",
+    Neutral: "#f7f7fa",
+    Base: "#343438",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Black: "#232326",
+    Negativesubtle: "#ffefef",
+    Warningsubtle: "#fff4d5",
+    Positivesubtle: "#ebf9eb",
+    Informativesubtle: "#f0f4ff",
+    Neutralsubtle: "#e5e5ea",
+    Overlay: "lch(13.8 2.09 286 / 0.24)"
+  },
+  Action: {
+    Base: "#ffffff",
+    Neutral: "#83838c",
+    White50: "#ffffff",
+    Primary: {
+      Default: "#0174bc",
+      Hover: "#009cde",
+      Active: "#0174bc",
+      Disabled: "#e5e5ea"
+    },
+    Secondary: {
+      Hover: "#edf8ff",
+      Disabled: "#c2c2ca"
+    },
+    Tertiary: {
+      Disabled: "#afdef8"
+    },
+    Positive: {
+      Default: "#07a04d",
+      Disabled: "#b7dfba"
+    },
+    Negative: {
+      Default: "#d0343a",
+      Disabled: "#f9c6c6"
+    }
+  },
+  Interaction: {
+    Border: {
+      Default: "#83838c",
+      Hover: "#3d3d42",
+      Focus: "#0174bc",
+      Error: "#d63c42",
+      Disabled: "#c2c2ca"
+    },
+    Background: {
+      Primary: "#ffffff",
+      Secondary: "#f7f7fa",
+      Tertiary: "#edf8ff",
+      Elevated: "#edf8ff",
+      Accent: "#ceedfe",
+      Active: "#0174bc",
+      Disabled: "#ededf2"
+    }
+  },
+  Elevation: {
+    S: "0 2px 6px 0 rgba(58,59,63,0.18)",
+    SInverted: "0 -2px 6px 0 rgba(58,59,63,0.18)",
+    L: "0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08)"
+  },
+  Typography: {
+    Heading: {
+      Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+      Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+      Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+      L: "700 1.25rem/1.625rem 'Nunito Sans'",
+      M: "700 1.125rem/1.5rem 'Nunito Sans'",
+      S: "700 1rem/1.25rem 'Nunito Sans'",
+      Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+      Overline: "800 0.75rem/1rem 'Nunito Sans'",
+      OverlineLetterSpacing: "0.023rem",
+      OverlineTextCase: "uppercase"
+    },
+    Body: {
+      Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+      Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+      Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+      List: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+    },
+    Label: {
+      Semibold: {
+        L: "600 1rem/1.25rem 'Nunito Sans'",
+        S: "600 0.875rem/1rem 'Nunito Sans'",
+        Xs: "600 0.75rem/1rem 'Nunito Sans'"
+      },
+      Bold: {
+        L: "700 1rem/1.25rem 'Nunito Sans'",
+        S: "700 0.875rem/1rem 'Nunito Sans'",
+        Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+      },
+      Regular: {
+        S: "400 0.875rem/1rem 'Nunito Sans'",
+        Xs: "400 0.75rem/1rem 'Nunito Sans'",
+        Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+      }
+    },
+    Code: "400 0.813rem/1.25rem 'Fira Code'"
+  },
+  Accent: {
+    Info: {
+      Primary: "#3451b2",
+      Secondary: "lch(36.7 58.2 286 / 0.12)"
+    },
+    Neutral: {
+      Primary: "#515157",
+      Secondary: "lch(34.6 3.66 286 / 0.12)"
+    },
+    Warning: {
+      Primary: "#c25d05",
+      Secondary: "lch(67.2 71.6 80.1 / 0.12)"
+    },
+    Negative: {
+      Primary: "#b82329",
+      Secondary: "lch(41.2 69 32.4 / 0.12)"
+    },
+    Positive: {
+      Primary: "#138246",
+      Secondary: "lch(47.6 47.7 150 / 0.12)"
+    },
+    Important: {
+      Primary: "#753bbd",
+      Secondary: "lch(38.2 75 307 / 0.12)"
+    },
+    Pink: {
+      Primary: "#cd1d8d",
+      Secondary: "lch(47.1 72.1 347 / 0.12)"
+    },
+    Violet: {
+      Primary: "#5746af",
+      Secondary: "lch(36.2 62.1 298 / 0.12)"
+    }
+  },
+  Chart: {
+    Neutral: "#d6d6dd",
+    Categorical: {
+      1: {
+        Primary: "#4067e5",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(46.5 72.3 286 / 0.2)"
+      },
+      2: {
+        Primary: "#fe9933",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(72.9 74.2 63 / 0.2)"
+      },
+      3: {
+        Primary: "#12a594",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(60.7 39.7 183 / 0.2)"
+      },
+      4: {
+        Primary: "#ab4aba",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(48.2 66.6 322 / 0.2)"
+      },
+      5: {
+        Primary: "#d63c42",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+      },
+      6: {
+        Primary: "#05a2c2",
+        Inactive: "#aadee6",
+        Transparent: "lch(61 38.6 224 / 0.2)"
+      },
+      7: {
+        Primary: "#e043a7",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(55 70 344 / 0.2)"
+      },
+      8: {
+        Primary: "#00b050",
+        Inactive: "#ceebcf",
+        Transparent: "lch(63 67 146 / 0.2)"
+      },
+      9: {
+        Primary: "#7259d6",
+        Inactive: "#e4defc",
+        Transparent: "lch(45.6 71 299 / 0.2)"
+      },
+      10: {
+        Primary: "#99d52a",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(79 79.1 118 / 0.2)"
+      },
+      11: {
+        Primary: "#696970",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(44.6 4.09 286 / 0.2)"
+      },
+      12: {
+        Primary: "#8da4ef",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(67.9 41.2 278 / 0.2)"
+      },
+      13: {
+        Primary: "#c25d05",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+      },
+      14: {
+        Primary: "#067a6f",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(45.6 31.8 185 / 0.2)"
+      },
+      15: {
+        Primary: "#cf91d8",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(68.3 42.4 321 / 0.2)"
+      },
+      16: {
+        Primary: "#eb9091",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+      },
+      17: {
+        Primary: "#0c7792",
+        Inactive: "#aadee6",
+        Transparent: "lch(45.7 30.9 228 / 0.2)"
+      },
+      18: {
+        Primary: "#e38ec3",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(69.3 40.8 341 / 0.2)"
+      },
+      19: {
+        Primary: "#97cf9c",
+        Inactive: "#ceebcf",
+        Transparent: "lch(78.2 32.7 144 / 0.2)"
+      },
+      20: {
+        Primary: "#aa99ec",
+        Inactive: "#e4defc",
+        Transparent: "lch(67.2 44.6 296 / 0.2)"
+      },
+      21: {
+        Primary: "#94ba2c",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(70.8 67.7 114 / 0.2)"
+      },
+      22: {
+        Primary: "#3d3d42",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(25.9 3.2 286 / 0.2)"
+      }
+    },
+    Monochromatic: {
+      Default: {
+        5: "#f8faff",
+        10: "#f0f4ff",
+        20: "#e6edfe",
+        30: "#d9e2fc",
+        40: "#c6d4f9",
+        50: "#aec0f5",
+        60: "#8da4ef",
+        70: "#4067e5",
+        90: "#3451b2",
+        100: "#002856"
+      },
+      Danger: {
+        5: "#fff8f8",
+        10: "#ffefef",
+        20: "#ffe5e5",
+        30: "#fdd8d8",
+        40: "#f9c6c6",
+        50: "#f3aeaf",
+        60: "#eb9091",
+        70: "#d63c42",
+        90: "#b82329",
+        100: "#381316"
+      }
+    },
+    Status: {
+      Negative: "#d63c42",
+      Warning: "#fecb34",
+      Positive: "#00b050"
+    }
+  }
+};
+
+export const Content = {
+  Text: {
+    Base: "#ffffff",
+    Negative: "#b82329",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Primary: {
+      Default: "#343438",
+      Disabled: "#a3a3ab"
+    },
+    Secondary: {
+      Default: "#696970",
+      Disabled: "#a3a3ab"
+    },
+    Link: {
+      Default: "#0174bc",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    }
+  },
+  Icon: {
+    Base: "#ffffff",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Primary: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc",
+      Disabled: "#a3a3ab"
+    },
+    Secondary: {
+      Default: "#696970",
+      Disabled: "#a3a3ab"
+    }
+  }
+};
+
+export const Border = {
+  Normal: "#d6d6dd",
+  Neutral: "#343438",
+  Negative: "#d63c42",
+  Warning: "#fecb34",
+  Positive: "#00b050",
+  Informative: "#4067e5"
+};
+
+export const Background = {
+  Normal: "#ffffff",
+  Neutral: "#f7f7fa",
+  Base: "#343438",
+  Negative: "#d63c42",
+  Warning: "#fecb34",
+  Positive: "#00b050",
+  Informative: "#4067e5",
+  Black: "#232326",
+  Negativesubtle: "#ffefef",
+  Warningsubtle: "#fff4d5",
+  Positivesubtle: "#ebf9eb",
+  Informativesubtle: "#f0f4ff",
+  Neutralsubtle: "#e5e5ea",
+  Overlay: "lch(13.8 2.09 286 / 0.24)"
+};
+
+export const Action = {
+  Base: "#ffffff",
+  Neutral: "#83838c",
+  White50: "#ffffff",
+  Primary: {
+    Default: "#0174bc",
+    Hover: "#009cde",
+    Active: "#0174bc",
+    Disabled: "#e5e5ea"
+  },
+  Secondary: {
+    Hover: "#edf8ff",
+    Disabled: "#c2c2ca"
+  },
+  Tertiary: {
+    Disabled: "#afdef8"
+  },
+  Positive: {
+    Default: "#07a04d",
+    Disabled: "#b7dfba"
+  },
+  Negative: {
+    Default: "#d0343a",
+    Disabled: "#f9c6c6"
+  }
+};
+
+export const Interaction = {
+  Border: {
+    Default: "#83838c",
+    Hover: "#3d3d42",
+    Focus: "#0174bc",
+    Error: "#d63c42",
+    Disabled: "#c2c2ca"
+  },
+  Background: {
+    Primary: "#ffffff",
+    Secondary: "#f7f7fa",
+    Tertiary: "#edf8ff",
+    Elevated: "#edf8ff",
+    Accent: "#ceedfe",
+    Active: "#0174bc",
+    Disabled: "#ededf2"
+  }
+};
+
+export const Elevation = {
+  S: "0 2px 6px 0 rgba(58,59,63,0.18)",
+  SInverted: "0 -2px 6px 0 rgba(58,59,63,0.18)",
+  L: "0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08)"
+};
+
+export const Typography = {
+  Heading: {
+    Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+    Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+    Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+    L: "700 1.25rem/1.625rem 'Nunito Sans'",
+    M: "700 1.125rem/1.5rem 'Nunito Sans'",
+    S: "700 1rem/1.25rem 'Nunito Sans'",
+    Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+    Overline: "800 0.75rem/1rem 'Nunito Sans'",
+    OverlineLetterSpacing: "0.023rem",
+    OverlineTextCase: "uppercase"
+  },
+  Body: {
+    Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+    Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+    Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+    List: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+  },
+  Label: {
+    Semibold: {
+      L: "600 1rem/1.25rem 'Nunito Sans'",
+      S: "600 0.875rem/1rem 'Nunito Sans'",
+      Xs: "600 0.75rem/1rem 'Nunito Sans'"
+    },
+    Bold: {
+      L: "700 1rem/1.25rem 'Nunito Sans'",
+      S: "700 0.875rem/1rem 'Nunito Sans'",
+      Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+    },
+    Regular: {
+      S: "400 0.875rem/1rem 'Nunito Sans'",
+      Xs: "400 0.75rem/1rem 'Nunito Sans'",
+      Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+    }
+  },
+  Code: "400 0.813rem/1.25rem 'Fira Code'"
+};
+
+export const Accent = {
+  Info: {
+    Primary: "#3451b2",
+    Secondary: "lch(36.7 58.2 286 / 0.12)"
+  },
+  Neutral: {
+    Primary: "#515157",
+    Secondary: "lch(34.6 3.66 286 / 0.12)"
+  },
+  Warning: {
+    Primary: "#c25d05",
+    Secondary: "lch(67.2 71.6 80.1 / 0.12)"
+  },
+  Negative: {
+    Primary: "#b82329",
+    Secondary: "lch(41.2 69 32.4 / 0.12)"
+  },
+  Positive: {
+    Primary: "#138246",
+    Secondary: "lch(47.6 47.7 150 / 0.12)"
+  },
+  Important: {
+    Primary: "#753bbd",
+    Secondary: "lch(38.2 75 307 / 0.12)"
+  },
+  Pink: {
+    Primary: "#cd1d8d",
+    Secondary: "lch(47.1 72.1 347 / 0.12)"
+  },
+  Violet: {
+    Primary: "#5746af",
+    Secondary: "lch(36.2 62.1 298 / 0.12)"
+  }
+};
+
+export const Chart = {
+  Neutral: "#d6d6dd",
+  Categorical: {
+    1: {
+      Primary: "#4067e5",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(46.5 72.3 286 / 0.2)"
+    },
+    2: {
+      Primary: "#fe9933",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(72.9 74.2 63 / 0.2)"
+    },
+    3: {
+      Primary: "#12a594",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(60.7 39.7 183 / 0.2)"
+    },
+    4: {
+      Primary: "#ab4aba",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(48.2 66.6 322 / 0.2)"
+    },
+    5: {
+      Primary: "#d63c42",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+    },
+    6: {
+      Primary: "#05a2c2",
+      Inactive: "#aadee6",
+      Transparent: "lch(61 38.6 224 / 0.2)"
+    },
+    7: {
+      Primary: "#e043a7",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(55 70 344 / 0.2)"
+    },
+    8: {
+      Primary: "#00b050",
+      Inactive: "#ceebcf",
+      Transparent: "lch(63 67 146 / 0.2)"
+    },
+    9: {
+      Primary: "#7259d6",
+      Inactive: "#e4defc",
+      Transparent: "lch(45.6 71 299 / 0.2)"
+    },
+    10: {
+      Primary: "#99d52a",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(79 79.1 118 / 0.2)"
+    },
+    11: {
+      Primary: "#696970",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(44.6 4.09 286 / 0.2)"
+    },
+    12: {
+      Primary: "#8da4ef",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(67.9 41.2 278 / 0.2)"
+    },
+    13: {
+      Primary: "#c25d05",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+    },
+    14: {
+      Primary: "#067a6f",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(45.6 31.8 185 / 0.2)"
+    },
+    15: {
+      Primary: "#cf91d8",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(68.3 42.4 321 / 0.2)"
+    },
+    16: {
+      Primary: "#eb9091",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+    },
+    17: {
+      Primary: "#0c7792",
+      Inactive: "#aadee6",
+      Transparent: "lch(45.7 30.9 228 / 0.2)"
+    },
+    18: {
+      Primary: "#e38ec3",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(69.3 40.8 341 / 0.2)"
+    },
+    19: {
+      Primary: "#97cf9c",
+      Inactive: "#ceebcf",
+      Transparent: "lch(78.2 32.7 144 / 0.2)"
+    },
+    20: {
+      Primary: "#aa99ec",
+      Inactive: "#e4defc",
+      Transparent: "lch(67.2 44.6 296 / 0.2)"
+    },
+    21: {
+      Primary: "#94ba2c",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(70.8 67.7 114 / 0.2)"
+    },
+    22: {
+      Primary: "#3d3d42",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(25.9 3.2 286 / 0.2)"
+    }
+  },
+  Monochromatic: {
+    Default: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Danger: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      90: "#b82329",
+      100: "#381316"
+    }
+  },
+  Status: {
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050"
+  }
+};
+
+export const Component = {
+  Button: {
+    Primary: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Pressed: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#0174bc"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Background: "#edf8ff",
+        Border: "#009cde",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Pressed: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#ffffff",
+        Border: "#0174bc"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Text: "#009cde",
+        Icon: "#009cde"
+      },
+      Pressed: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      }
+    }
+  },
+  Container: {
+    Background: "#ffffff",
+    Border: "#d6d6dd"
+  },
+  Table: {
+    HeaderFilled: {
+      Background: "#343438",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HeaderOutlined: {
+      Border: "#343438",
+      Text: "#343438",
+      Icon: "#3d3d42"
+    },
+    Row: {
+      Border: "#d6d6dd",
+      Icon: {
+        Default: "#3d3d42",
+        Disabled: "#a3a3ab",
+        Hover: "#009cde"
+      },
+      Background: {
+        Default: "#ffffff",
+        Zebra: "#f7f7fa",
+        Hover: "#edf8ff"
+      },
+      Text: {
+        Default: "#343438",
+        Placeholder: "#696970",
+        Link: "#0174bc"
+      }
+    }
+  },
+  MenuButton: {
+    Primary: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Pressed: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#0174bc"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Background: "#edf8ff",
+        Border: "#009cde",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Pressed: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#ffffff",
+        Border: "#0174bc"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Text: "#009cde",
+        Icon: "#009cde"
+      },
+      Pressed: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      }
+    }
+  },
+  OverflowMenuButton: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Pressed: {
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Icon: "#a3a3ab"
+    }
+  },
+  SplitMenuButton: {
+    Primary: {
+      Default: {
+        Background: "#0174bc",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#009cde",
+        BackgroundRight: "#0174bc",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      HoverRight: {
+        BackgroundLeft: "#0174bc",
+        BackgroundRight: "#009cde",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Active: {
+        Background: "#0174bc",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Border: "#ffffff",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        BackgroundLeft: "#0174bc",
+        BackgroundRight: "#0174bc",
+        Border: "#ffffff",
+        Icon: "#ffffff"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#edf8ff",
+        BackgroundRight: "#ffffff",
+        BorderLeft: "#009cde",
+        BorderRight: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      HoverRight: {
+        BackgroundLeft: "#ffffff",
+        BackgroundRight: "#edf8ff",
+        BorderLeft: "#0174bc",
+        BorderRight: "#009cde",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Icon: "#0174bc"
+      }
+    }
+  },
+  Appbar: {
+    Background: "#f7f7fa",
+    Border: "#d6d6dd",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Badge: {
+    Informative: {
+      Background: "lch(36.7 58.2 286 / 0.12)",
+      Text: "#3451b2"
+    },
+    Neutral: {
+      Background: "lch(34.6 3.66 286 / 0.12)",
+      Text: "#515157"
+    },
+    Warning: {
+      Background: "lch(67.2 71.6 80.1 / 0.12)",
+      Text: "#c25d05"
+    },
+    Negative: {
+      Background: "lch(41.2 69 32.4 / 0.12)",
+      Text: "#b82329"
+    },
+    Positive: {
+      Background: "lch(47.6 47.7 150 / 0.12)",
+      Text: "#138246"
+    },
+    Important: {
+      Background: "lch(38.2 75 307 / 0.12)",
+      Text: "#753bbd"
+    },
+    Violet: {
+      Background: "lch(36.2 62.1 298 / 0.12)",
+      Text: "#5746af"
+    },
+    Pink: {
+      Background: "lch(47.1 72.1 347 / 0.12)",
+      Text: "#cd1d8d"
+    }
+  },
+  Breadcrumb: {
+    Divider: "#d6d6dd",
+    AppTitle: {
+      Text: "#0174bc"
+    },
+    Default: {
+      Text: "#0174bc"
+    },
+    Truncated: {
+      Text: "#0174bc"
+    },
+    LastItem: {
+      Text: "#343438"
+    },
+    Collapsed: {
+      Background: "#e5e5ea",
+      Text: "#343438",
+      Icon: "#3d3d42"
+    },
+    WithDropdown: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    }
+  },
+  Card: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Checkbox: {
+    Empty: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#009cde",
+        Text: "#343438"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438"
+      }
+    },
+    Checked: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Active: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#afdef8",
+        Text: "#a3a3ab",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438",
+        Icon: "#a3a3ab"
+      }
+    },
+    Indeterminated: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Active: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#afdef8",
+        Text: "#a3a3ab",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438",
+        Icon: "#a3a3ab"
+      }
+    }
+  },
+  ContentPanel: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Calendar: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Icon: "#3d3d42",
+    Text: {
+      Default: "#343438",
+      Disabled: "#a3a3ab"
+    },
+    SelectedItem: {
+      Text: "#ffffff",
+      Background: "#0174bc"
+    },
+    HoverItem: {
+      Background: "#edf8ff",
+      Text: "#343438"
+    },
+    PresetArea: {
+      Background: "#f7f7fa",
+      HoverPeriod: {
+        Background: "#edf8ff"
+      },
+      ActivePeriod: {
+        Background: "#ceedfe",
+        Text: "#343438"
+      }
+    }
+  },
+  DateField: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#0174bc",
+      HintText: "#696970"
+    }
+  },
+  DatePicker: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Filled: {
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Icon: "#a3a3ab"
+    },
+    Focus: {
+      Icon: "#0174bc"
+    }
+  },
+  DateRangePicker: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Filled: {
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Icon: "#a3a3ab"
+    },
+    Focus: {
+      Icon: "#0174bc"
+    }
+  },
+  DateRangeField: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#0174bc",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    }
+  },
+  DateRangeInput: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    ActivePeriod: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      ActiveItem: {
+        Background: "#edf8ff",
+        Text: "#696970"
+      }
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#0174bc",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    }
+  },
+  Divider: {
+    Border: "#d6d6dd"
+  },
+  Drawer: {
+    Background: "#ffffff",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Disabled: "#a3a3ab"
+    }
+  },
+  Dropdown: {
+    Icon: {
+      Default: "#3d3d42",
+      Disabled: "#a3a3ab"
+    },
+    Text: {
+      Default: "#343438",
+      Link: "#0174bc",
+      Description: "#696970",
+      Disabled: "#a3a3ab"
+    },
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff",
+      Category: "#f7f7fa"
+    }
+  },
+  GlobalHeader: {
+    Background: "#232326",
+    Border: "#3d3d42",
+    Icon: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Search: {
+      Background: "#3d3d42",
+      Text: {
+        Placeholder: "#d6d6dd",
+        Filled: "#ffffff"
+      },
+      Icon: {
+        Default: "#d6d6dd",
+        Active: "#ffffff",
+        Hover: "#ffffff"
+      }
+    }
+  },
+  GlobalFooter: {
+    Background: "#232326",
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    }
+  },
+  GroupSelect: {
+    Field: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#696970",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#3d3d42",
+        Text: "#696970",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Selected: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#343438",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Disabled: {
+        Background: "#ededf2",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Text: "#343438",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Error: {
+        Background: "#ffffff",
+        Border: "#d63c42",
+        Text: "#343438",
+        Icon: "#3d3d42",
+        HintText: "#b82329",
+        InfoIcon: "#696970"
+      },
+      Focus: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      }
+    },
+    Dropdown: {
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Background: {
+        Default: "#ffffff",
+        Hover: "#edf8ff"
+      }
+    }
+  },
+  InlineEdit: {
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde"
+    },
+    AcceptIcon: {
+      Default: "#0174bc",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    }
+  },
+  KpiBar: {
+    Text: "#3d3d42",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    },
+    Item: {
+      Neutral: {
+        Default: {
+          Label: "#515157",
+          Text: "#696970",
+          Icon: "#515157"
+        },
+        Hover: {
+          Label: "#515157",
+          Text: "#696970",
+          Background: "lch(34.6 3.66 286 / 0.12)",
+          Icon: "#515157"
+        },
+        Active: {
+          Label: "#515157",
+          Text: "#343438",
+          Border: "#515157",
+          Icon: "#515157"
+        }
+      },
+      Green: {
+        Default: {
+          Label: "#138246",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#138246",
+          Text: "#696970",
+          Background: "lch(47.6 47.7 150 / 0.12)"
+        },
+        Active: {
+          Label: "#138246",
+          Text: "#343438",
+          Border: "#138246"
+        }
+      },
+      Orange: {
+        Default: {
+          Label: "#c25d05",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#c25d05",
+          Text: "#696970",
+          Background: "lch(67.2 71.6 80.1 / 0.12)"
+        },
+        Active: {
+          Label: "#c25d05",
+          Text: "#343438",
+          Border: "#c25d05"
+        }
+      },
+      Purple: {
+        Default: {
+          Label: "#753bbd",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#753bbd",
+          Text: "#696970",
+          Background: "lch(38.2 75 307 / 0.12)"
+        },
+        Active: {
+          Label: "#753bbd",
+          Text: "#343438",
+          Border: "#753bbd"
+        }
+      },
+      Red: {
+        Default: {
+          Label: "#b82329",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#b82329",
+          Text: "#696970",
+          Background: "lch(41.2 69 32.4 / 0.12)"
+        },
+        Active: {
+          Label: "#b82329",
+          Text: "#343438",
+          Border: "#b82329"
+        }
+      },
+      Ultramarine: {
+        Default: {
+          Label: "#3451b2",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#3451b2",
+          Text: "#696970",
+          Background: "lch(36.7 58.2 286 / 0.12)"
+        },
+        Active: {
+          Label: "#3451b2",
+          Text: "#343438",
+          Border: "#3451b2"
+        }
+      },
+      Pink: {
+        Default: {
+          Label: "#cd1d8d",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#cd1d8d",
+          Text: "#696970",
+          Background: "lch(47.1 72.1 347 / 0.12)"
+        },
+        Active: {
+          Label: "#cd1d8d",
+          Text: "#343438",
+          Border: "#cd1d8d"
+        }
+      }
+    }
+  },
+  Label: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    InfoIcon: "#696970"
+  },
+  List: {
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    },
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff"
+    }
+  },
+  MasterSwitch: {
+    ContentBackground: "#ffffff",
+    SideBackground: "#f7f7fa",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Modal: {
+    Background: "#ffffff",
+    Icon: "#3d3d42",
+    Text: {
+      Default: "#343438",
+      Description: "#696970"
+    }
+  },
+  NotificationBanner: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    Informative: {
+      Background: "#f0f4ff",
+      Border: "#4067e5",
+      StatusIcon: "#4067e5"
+    },
+    Tip: {
+      Background: "#f0f4ff",
+      Border: "#4067e5",
+      StatusIcon: "#4067e5"
+    },
+    Warning: {
+      Background: "#fff4d5",
+      Border: "#fecb34",
+      StatusIcon: "#fecb34"
+    },
+    Success: {
+      Background: "#ebf9eb",
+      Border: "#00b050",
+      StatusIcon: "#00b050"
+    },
+    Error: {
+      Background: "#ffefef",
+      Border: "#d63c42",
+      StatusIcon: "#d63c42"
+    },
+    Secondary: {
+      Background: "#e5e5ea",
+      Border: "#343438",
+      StatusIcon: "#3d3d42"
+    }
+  },
+  NotificationToast: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    Informative: {
+      Background: "#f0f4ff",
+      IconBackground: "#4067e5",
+      Border: "#4067e5",
+      StatusIcon: "#ffffff"
+    },
+    Tip: {
+      Background: "#f0f4ff",
+      IconBackground: "#4067e5",
+      Border: "#4067e5",
+      StatusIcon: "#ffffff"
+    },
+    Warning: {
+      Background: "#fff4d5",
+      IconBackground: "#fecb34",
+      Border: "#fecb34",
+      StatusIcon: "#3d3d42"
+    },
+    Success: {
+      Background: "#ebf9eb",
+      IconBackground: "#00b050",
+      Border: "#00b050",
+      StatusIcon: "#ffffff"
+    },
+    Error: {
+      Background: "#ffefef",
+      IconBackground: "#d63c42",
+      Border: "#d63c42",
+      StatusIcon: "#ffffff"
+    }
+  },
+  Pagination: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Text: {
+      Default: "#343438",
+      Link: "#0174bc",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    },
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc",
+      Disabled: "#a3a3ab"
+    }
+  },
+  Popover: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Icon: "#3d3d42",
+    Text: {
+      Default: "#343438",
+      Link: {
+        Default: "#0174bc",
+        Hover: "#009cde"
+      }
+    }
+  },
+  ProgressBar: {
+    Text: {
+      Default: "#343438",
+      Link: {
+        Default: "#0174bc",
+        Hover: "#009cde"
+      }
+    },
+    StatusLine: {
+      Default: "#e5e5ea",
+      Success: "#00b050",
+      Error: "#d63c42"
+    }
+  },
+  NumericSpinner: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    }
+  },
+  RadioButton: {
+    Inactive: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#009cde",
+        Text: "#343438"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438"
+      }
+    },
+    Active: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#009cde",
+        Text: "#343438"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#afdef8",
+        Text: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438"
+      }
+    }
+  },
+  Search: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970",
+      SearchIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329",
+      SearchIcon: "#696970"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    }
+  },
+  SegmentedButton: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    DisabledChecked: {
+      Background: "#e5e5ea",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Active: {
+      Background: "#0174bc",
+      Border: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  SideNavigation: {
+    Icon: "#3d3d42",
+    Border: "#d6d6dd",
+    Background: {
+      Default: "#f7f7fa",
+      SecondLevel: "#ffffff"
+    },
+    DefaultMenuItem: {
+      Background: "#f7f7fa",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#343438",
+        Background: "#f7f7fa",
+        Border: "#d6d6dd"
+      }
+    },
+    HoverMenuItem: {
+      Background: "#edf8ff",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#343438",
+        Background: "#f7f7fa",
+        Border: "#d6d6dd"
+      }
+    },
+    SelectedMenuItem: {
+      Background: "#ceedfe",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#ffffff",
+        Background: "#0174bc"
+      }
+    }
+  },
+  Select: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329",
+      InfoIcon: "#696970"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438"
+    }
+  },
+  SidePanel: {
+    Background: "#ffffff",
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde"
+    }
+  },
+  Switch: {
+    Active: {
+      Default: {
+        Background: "#0174bc",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#009cde",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Focus: {
+        Background: "#0174bc",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#afdef8",
+        Icon: "#a3a3ab",
+        Circle: "#ffffff",
+        Text: "#a3a3ab"
+      }
+    },
+    Inactive: {
+      Default: {
+        Background: "#83838c",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#a3a3ab",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Focus: {
+        Background: "#83838c",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Circle: "#ffffff",
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  Tab: {
+    Default: {
+      Text: "#343438",
+      Icon: "#3d3d42",
+      Border: "#c2c2ca"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde",
+      Border: "#c2c2ca"
+    },
+    Active: {
+      Text: "#0174bc",
+      Icon: "#0174bc",
+      Border: "#0174bc"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      Border: "#c2c2ca"
+    }
+  },
+  Tag: {
+    Default: {
+      Background: "#f7f7fa",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Hover: {
+      Background: "#f7f7fa",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Focus: {
+      Background: "#edf8ff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Error: {
+      Background: "#f7f7fa",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438",
+      Icon: "#3d3d42"
+    }
+  },
+  TagInput: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      HintText: "#696970"
+    },
+    Placeholder: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      HintText: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      HintText: "#696970"
+    }
+  },
+  TextArea: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Placeholder: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      HintText: "#b82329",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    ReadOnly: {
+      Text: "#343438",
+      HintText: "#696970"
+    }
+  },
+  TextField: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Placeholder: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      HintText: "#b82329",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    ReadOnly: {
+      Text: "#343438",
+      HintText: "#696970"
+    }
+  },
+  TimePicker: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Text: "#343438"
+    }
+  },
+  Tooltip: {
+    Background: "#343438",
+    Text: "#ffffff"
+  },
+  Tree: {
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    },
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff"
+    },
+    ExpandedArea: {
+      Border: "#83838c"
+    }
+  },
+  Widget: {
+    Download: {
+      Text: "#343438",
+      Border: "#d6d6dd",
+      Background: {
+        Header: "#f7f7fa",
+        Default: "#ffffff"
+      },
+      Icon: {
+        Default: "#3d3d42",
+        Success: "#00b050",
+        Error: "#d63c42"
+      }
+    },
+    Upload: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Icon: "#3d3d42",
+        Text: {
+          Default: "#343438",
+          Link: "#0174bc"
+        }
+      },
+      Hover: {
+        Background: "#edf8ff",
+        Border: "#0174bc",
+        Icon: "#3d3d42",
+        Text: {
+          Default: "#343438",
+          Link: "#0174bc"
+        }
+      },
+      Disabled: {
+        Background: "#ededf2",
+        Border: "#c2c2ca",
+        Icon: "#a3a3ab",
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  Stepper: {
+    Horizontal: {
+      Line: "#d6d6dd",
+      PastItem: {
+        Circle: {
+          Background: "#edf8ff",
+          Border: "#0174bc",
+          Text: "#0174bc",
+          Icon: "#0174bc"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      CurrentItem: {
+        Circle: {
+          Background: "#0174bc",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#ffffff",
+          Border: "#d6d6dd",
+          Text: "#a3a3ab"
+        },
+        Text: "#a3a3ab"
+      }
+    },
+    Vertical: {
+      Background: "#ffffff",
+      Border: "#d6d6dd",
+      Icon: "#3d3d42",
+      PastItem: {
+        Circle: {
+          Background: "#edf8ff",
+          Border: "#0174bc",
+          Text: "#0174bc",
+          Icon: "#0174bc"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      CurrentItem: {
+        Icon: "#0174bc",
+        Circle: {
+          Background: "#0174bc",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#ffffff",
+          Border: "#83838c",
+          Text: "#696970"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      DisabledItem: {
+        Circle: {
+          Background: "#ffffff",
+          Border: "#d6d6dd",
+          Text: "#a3a3ab"
+        },
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  AdvancedSearch: {
+    FilterIcon: {
+      Default: {
+        Icon: "#3d3d42"
+      },
+      Hover: {
+        Icon: "#009cde"
+      },
+      Applied: {
+        Icon: "#0174bc",
+        Badge: {
+          Background: "#d63c42",
+          Text: "#ffffff"
+        }
+      },
+      Disabled: {
+        Icon: "#a3a3ab",
+        Badge: {
+          Background: "#83838c",
+          Text: "#ffffff"
+        }
+      }
+    },
+    FilterArea: {
+      Background: "#f7f7fa",
+      Border: "#d6d6dd",
+      Text: {
+        Default: "#343438",
+        Link: "#0174bc"
+      },
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Disabled: "#a3a3ab"
+      },
+      Tag: {
+        Background: "#ffffff",
+        Border: "#d6d6dd",
+        OperatorIcon: "#c25d05",
+        Icon: {
+          Default: "#3d3d42",
+          Hover: "#009cde"
+        }
+      }
+    }
+  },
+  SegmentedStatusButton: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#696970"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#696970"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    DisabledPositive: {
+      Background: "#b7dfba",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ActivePositive: {
+      Background: "#07a04d",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    DisabledNegative: {
+      Background: "#f9c6c6",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ActiveNegative: {
+      Background: "#d0343a",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    DisabledNeutral: {
+      Background: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ActiveNeutral: {
+      Background: "#83838c",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  LinkSelect: {
+    Default: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde"
+    },
+    Filled: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Focus: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    },
+    ReadOnly: {
+      Text: "#343438"
+    }
+  }
+};
+
+export const Button = {
+  Primary: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Pressed: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#0174bc"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Pressed: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#ffffff",
+      Border: "#0174bc"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde"
+    },
+    Pressed: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    }
+  }
+};
+
+export const Container = {
+  Background: "#ffffff",
+  Border: "#d6d6dd"
+};
+
+export const Table = {
+  HeaderFilled: {
+    Background: "#343438",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  HeaderOutlined: {
+    Border: "#343438",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Row: {
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Disabled: "#a3a3ab",
+      Hover: "#009cde"
+    },
+    Background: {
+      Default: "#ffffff",
+      Zebra: "#f7f7fa",
+      Hover: "#edf8ff"
+    },
+    Text: {
+      Default: "#343438",
+      Placeholder: "#696970",
+      Link: "#0174bc"
+    }
+  }
+};
+
+export const MenuButton = {
+  Primary: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Pressed: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#0174bc"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Pressed: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#ffffff",
+      Border: "#0174bc"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde"
+    },
+    Pressed: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    }
+  }
+};
+
+export const OverflowMenuButton = {
+  Default: {
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Icon: "#009cde"
+  },
+  Pressed: {
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Icon: "#a3a3ab"
+  }
+};
+
+export const SplitMenuButton = {
+  Primary: {
+    Default: {
+      Background: "#0174bc",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#009cde",
+      BackgroundRight: "#0174bc",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HoverRight: {
+      BackgroundLeft: "#0174bc",
+      BackgroundRight: "#009cde",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Active: {
+      Background: "#0174bc",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Border: "#ffffff",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      BackgroundLeft: "#0174bc",
+      BackgroundRight: "#0174bc",
+      Border: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#edf8ff",
+      BackgroundRight: "#ffffff",
+      BorderLeft: "#009cde",
+      BorderRight: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    HoverRight: {
+      BackgroundLeft: "#ffffff",
+      BackgroundRight: "#edf8ff",
+      BorderLeft: "#0174bc",
+      BorderRight: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Icon: "#0174bc"
+    }
+  }
+};
+
+export const Appbar = {
+  Background: "#f7f7fa",
+  Border: "#d6d6dd",
+  Text: "#343438",
+  Icon: "#3d3d42"
+};
+
+export const Badge = {
+  Informative: {
+    Background: "lch(36.7 58.2 286 / 0.12)",
+    Text: "#3451b2"
+  },
+  Neutral: {
+    Background: "lch(34.6 3.66 286 / 0.12)",
+    Text: "#515157"
+  },
+  Warning: {
+    Background: "lch(67.2 71.6 80.1 / 0.12)",
+    Text: "#c25d05"
+  },
+  Negative: {
+    Background: "lch(41.2 69 32.4 / 0.12)",
+    Text: "#b82329"
+  },
+  Positive: {
+    Background: "lch(47.6 47.7 150 / 0.12)",
+    Text: "#138246"
+  },
+  Important: {
+    Background: "lch(38.2 75 307 / 0.12)",
+    Text: "#753bbd"
+  },
+  Violet: {
+    Background: "lch(36.2 62.1 298 / 0.12)",
+    Text: "#5746af"
+  },
+  Pink: {
+    Background: "lch(47.1 72.1 347 / 0.12)",
+    Text: "#cd1d8d"
+  }
+};
+
+export const Breadcrumb = {
+  Divider: "#d6d6dd",
+  AppTitle: {
+    Text: "#0174bc"
+  },
+  Default: {
+    Text: "#0174bc"
+  },
+  Truncated: {
+    Text: "#0174bc"
+  },
+  LastItem: {
+    Text: "#343438"
+  },
+  Collapsed: {
+    Background: "#e5e5ea",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  WithDropdown: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  }
+};
+
+export const Card = {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Text: "#343438",
+  Icon: "#3d3d42"
+};
+
+export const Checkbox = {
+  Empty: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#009cde",
+      Text: "#343438"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438"
+    }
+  },
+  Checked: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Active: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#afdef8",
+      Text: "#a3a3ab",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438",
+      Icon: "#a3a3ab"
+    }
+  },
+  Indeterminated: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Active: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#afdef8",
+      Text: "#a3a3ab",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438",
+      Icon: "#a3a3ab"
+    }
+  }
+};
+
+export const ContentPanel = {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Text: "#343438",
+  Icon: "#3d3d42"
+};
+
+export const Calendar = {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Icon: "#3d3d42",
+  Text: {
+    Default: "#343438",
+    Disabled: "#a3a3ab"
+  },
+  SelectedItem: {
+    Text: "#ffffff",
+    Background: "#0174bc"
+  },
+  HoverItem: {
+    Background: "#edf8ff",
+    Text: "#343438"
+  },
+  PresetArea: {
+    Background: "#f7f7fa",
+    HoverPeriod: {
+      Background: "#edf8ff"
+    },
+    ActivePeriod: {
+      Background: "#ceedfe",
+      Text: "#343438"
+    }
+  }
+};
+
+export const DateField = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#0174bc",
+    HintText: "#696970"
+  }
+};
+
+export const DatePicker = {
+  Default: {
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Icon: "#009cde"
+  },
+  Filled: {
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Icon: "#a3a3ab"
+  },
+  Focus: {
+    Icon: "#0174bc"
+  }
+};
+
+export const DateRangePicker = {
+  Default: {
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Icon: "#009cde"
+  },
+  Filled: {
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Icon: "#a3a3ab"
+  },
+  Focus: {
+    Icon: "#0174bc"
+  }
+};
+
+export const DateRangeField = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#0174bc",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  }
+};
+
+export const DateRangeInput = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  ActivePeriod: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    ActiveItem: {
+      Background: "#edf8ff",
+      Text: "#696970"
+    }
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  },
+  Disabled: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#0174bc",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  }
+};
+
+export const Divider = {
+  Border: "#d6d6dd"
+};
+
+export const Drawer = {
+  Background: "#ffffff",
+  Text: "#343438",
+  Icon: {
+    Default: "#3d3d42",
+    Disabled: "#a3a3ab"
+  }
+};
+
+export const Dropdown = {
+  Icon: {
+    Default: "#3d3d42",
+    Disabled: "#a3a3ab"
+  },
+  Text: {
+    Default: "#343438",
+    Link: "#0174bc",
+    Description: "#696970",
+    Disabled: "#a3a3ab"
+  },
+  Background: {
+    Default: "#ffffff",
+    Hover: "#edf8ff",
+    Category: "#f7f7fa"
+  }
+};
+
+export const GlobalHeader = {
+  Background: "#232326",
+  Border: "#3d3d42",
+  Icon: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Search: {
+    Background: "#3d3d42",
+    Text: {
+      Placeholder: "#d6d6dd",
+      Filled: "#ffffff"
+    },
+    Icon: {
+      Default: "#d6d6dd",
+      Active: "#ffffff",
+      Hover: "#ffffff"
+    }
+  }
+};
+
+export const GlobalFooter = {
+  Background: "#232326",
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  }
+};
+
+export const GroupSelect = {
+  Field: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Selected: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329",
+      InfoIcon: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    }
+  },
+  Dropdown: {
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff"
+    }
+  }
+};
+
+export const InlineEdit = {
+  Text: "#343438",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde"
+  },
+  AcceptIcon: {
+    Default: "#0174bc",
+    Hover: "#009cde",
+    Disabled: "#a3a3ab"
+  }
+};
+
+export const KpiBar = {
+  Text: "#3d3d42",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc"
+  },
+  Item: {
+    Neutral: {
+      Default: {
+        Label: "#515157",
+        Text: "#696970",
+        Icon: "#515157"
+      },
+      Hover: {
+        Label: "#515157",
+        Text: "#696970",
+        Background: "lch(34.6 3.66 286 / 0.12)",
+        Icon: "#515157"
+      },
+      Active: {
+        Label: "#515157",
+        Text: "#343438",
+        Border: "#515157",
+        Icon: "#515157"
+      }
+    },
+    Green: {
+      Default: {
+        Label: "#138246",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#138246",
+        Text: "#696970",
+        Background: "lch(47.6 47.7 150 / 0.12)"
+      },
+      Active: {
+        Label: "#138246",
+        Text: "#343438",
+        Border: "#138246"
+      }
+    },
+    Orange: {
+      Default: {
+        Label: "#c25d05",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#c25d05",
+        Text: "#696970",
+        Background: "lch(67.2 71.6 80.1 / 0.12)"
+      },
+      Active: {
+        Label: "#c25d05",
+        Text: "#343438",
+        Border: "#c25d05"
+      }
+    },
+    Purple: {
+      Default: {
+        Label: "#753bbd",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#753bbd",
+        Text: "#696970",
+        Background: "lch(38.2 75 307 / 0.12)"
+      },
+      Active: {
+        Label: "#753bbd",
+        Text: "#343438",
+        Border: "#753bbd"
+      }
+    },
+    Red: {
+      Default: {
+        Label: "#b82329",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#b82329",
+        Text: "#696970",
+        Background: "lch(41.2 69 32.4 / 0.12)"
+      },
+      Active: {
+        Label: "#b82329",
+        Text: "#343438",
+        Border: "#b82329"
+      }
+    },
+    Ultramarine: {
+      Default: {
+        Label: "#3451b2",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#3451b2",
+        Text: "#696970",
+        Background: "lch(36.7 58.2 286 / 0.12)"
+      },
+      Active: {
+        Label: "#3451b2",
+        Text: "#343438",
+        Border: "#3451b2"
+      }
+    },
+    Pink: {
+      Default: {
+        Label: "#cd1d8d",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#cd1d8d",
+        Text: "#696970",
+        Background: "lch(47.1 72.1 347 / 0.12)"
+      },
+      Active: {
+        Label: "#cd1d8d",
+        Text: "#343438",
+        Border: "#cd1d8d"
+      }
+    }
+  }
+};
+
+export const Label = {
+  Text: "#343438",
+  Icon: "#3d3d42",
+  InfoIcon: "#696970"
+};
+
+export const List = {
+  Text: "#343438",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc"
+  },
+  Background: {
+    Default: "#ffffff",
+    Hover: "#edf8ff"
+  }
+};
+
+export const MasterSwitch = {
+  ContentBackground: "#ffffff",
+  SideBackground: "#f7f7fa",
+  Text: "#343438",
+  Icon: "#3d3d42"
+};
+
+export const Modal = {
+  Background: "#ffffff",
+  Icon: "#3d3d42",
+  Text: {
+    Default: "#343438",
+    Description: "#696970"
+  }
+};
+
+export const NotificationBanner = {
+  Text: "#343438",
+  Icon: "#3d3d42",
+  Informative: {
+    Background: "#f0f4ff",
+    Border: "#4067e5",
+    StatusIcon: "#4067e5"
+  },
+  Tip: {
+    Background: "#f0f4ff",
+    Border: "#4067e5",
+    StatusIcon: "#4067e5"
+  },
+  Warning: {
+    Background: "#fff4d5",
+    Border: "#fecb34",
+    StatusIcon: "#fecb34"
+  },
+  Success: {
+    Background: "#ebf9eb",
+    Border: "#00b050",
+    StatusIcon: "#00b050"
+  },
+  Error: {
+    Background: "#ffefef",
+    Border: "#d63c42",
+    StatusIcon: "#d63c42"
+  },
+  Secondary: {
+    Background: "#e5e5ea",
+    Border: "#343438",
+    StatusIcon: "#3d3d42"
+  }
+};
+
+export const NotificationToast = {
+  Text: "#343438",
+  Icon: "#3d3d42",
+  Informative: {
+    Background: "#f0f4ff",
+    IconBackground: "#4067e5",
+    Border: "#4067e5",
+    StatusIcon: "#ffffff"
+  },
+  Tip: {
+    Background: "#f0f4ff",
+    IconBackground: "#4067e5",
+    Border: "#4067e5",
+    StatusIcon: "#ffffff"
+  },
+  Warning: {
+    Background: "#fff4d5",
+    IconBackground: "#fecb34",
+    Border: "#fecb34",
+    StatusIcon: "#3d3d42"
+  },
+  Success: {
+    Background: "#ebf9eb",
+    IconBackground: "#00b050",
+    Border: "#00b050",
+    StatusIcon: "#ffffff"
+  },
+  Error: {
+    Background: "#ffefef",
+    IconBackground: "#d63c42",
+    Border: "#d63c42",
+    StatusIcon: "#ffffff"
+  }
+};
+
+export const Pagination = {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Text: {
+    Default: "#343438",
+    Link: "#0174bc",
+    Hover: "#009cde",
+    Disabled: "#a3a3ab"
+  },
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc",
+    Disabled: "#a3a3ab"
+  }
+};
+
+export const Popover = {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Icon: "#3d3d42",
+  Text: {
+    Default: "#343438",
+    Link: {
+      Default: "#0174bc",
+      Hover: "#009cde"
+    }
+  }
+};
+
+export const ProgressBar = {
+  Text: {
+    Default: "#343438",
+    Link: {
+      Default: "#0174bc",
+      Hover: "#009cde"
+    }
+  },
+  StatusLine: {
+    Default: "#e5e5ea",
+    Success: "#00b050",
+    Error: "#d63c42"
+  }
+};
+
+export const NumericSpinner = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  }
+};
+
+export const RadioButton = {
+  Inactive: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#009cde",
+      Text: "#343438"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438"
+    }
+  },
+  Active: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#009cde",
+      Text: "#343438"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#afdef8",
+      Text: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438"
+    }
+  }
+};
+
+export const Search = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970",
+    SearchIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329",
+    SearchIcon: "#696970"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  }
+};
+
+export const SegmentedButton = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#0174bc",
+    Icon: "#0174bc"
+  },
+  Hover: {
+    Background: "#edf8ff",
+    Border: "#009cde",
+    Text: "#0174bc",
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  DisabledChecked: {
+    Background: "#e5e5ea",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Active: {
+    Background: "#0174bc",
+    Border: "#0174bc",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+};
+
+export const SideNavigation = {
+  Icon: "#3d3d42",
+  Border: "#d6d6dd",
+  Background: {
+    Default: "#f7f7fa",
+    SecondLevel: "#ffffff"
+  },
+  DefaultMenuItem: {
+    Background: "#f7f7fa",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#343438",
+      Background: "#f7f7fa",
+      Border: "#d6d6dd"
+    }
+  },
+  HoverMenuItem: {
+    Background: "#edf8ff",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#343438",
+      Background: "#f7f7fa",
+      Border: "#d6d6dd"
+    }
+  },
+  SelectedMenuItem: {
+    Background: "#ceedfe",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#ffffff",
+      Background: "#0174bc"
+    }
+  }
+};
+
+export const Select = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329",
+    InfoIcon: "#696970"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438"
+  }
+};
+
+export const SidePanel = {
+  Background: "#ffffff",
+  Text: "#343438",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde"
+  }
+};
+
+export const Switch = {
+  Active: {
+    Default: {
+      Background: "#0174bc",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#009cde",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Focus: {
+      Background: "#0174bc",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#afdef8",
+      Icon: "#a3a3ab",
+      Circle: "#ffffff",
+      Text: "#a3a3ab"
+    }
+  },
+  Inactive: {
+    Default: {
+      Background: "#83838c",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#a3a3ab",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Focus: {
+      Background: "#83838c",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Circle: "#ffffff",
+      Text: "#a3a3ab"
+    }
+  }
+};
+
+export const Tab = {
+  Default: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    Border: "#c2c2ca"
+  },
+  Hover: {
+    Text: "#009cde",
+    Icon: "#009cde",
+    Border: "#c2c2ca"
+  },
+  Active: {
+    Text: "#0174bc",
+    Icon: "#0174bc",
+    Border: "#0174bc"
+  },
+  Disabled: {
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    Border: "#c2c2ca"
+  }
+};
+
+export const Tag = {
+  Default: {
+    Background: "#f7f7fa",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Hover: {
+    Background: "#f7f7fa",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Focus: {
+    Background: "#edf8ff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Error: {
+    Background: "#f7f7fa",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  }
+};
+
+export const TagInput = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    HintText: "#696970"
+  },
+  Placeholder: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    HintText: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    HintText: "#696970"
+  }
+};
+
+export const TextArea = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Placeholder: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    HintText: "#b82329",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  ReadOnly: {
+    Text: "#343438",
+    HintText: "#696970"
+  }
+};
+
+export const TextField = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Placeholder: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    HintText: "#b82329",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  ReadOnly: {
+    Text: "#343438",
+    HintText: "#696970"
+  }
+};
+
+export const TimePicker = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Text: "#343438"
+  }
+};
+
+export const Tooltip = {
+  Background: "#343438",
+  Text: "#ffffff"
+};
+
+export const Tree = {
+  Text: "#343438",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc"
+  },
+  Background: {
+    Default: "#ffffff",
+    Hover: "#edf8ff"
+  },
+  ExpandedArea: {
+    Border: "#83838c"
+  }
+};
+
+export const Widget = {
+  Download: {
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Background: {
+      Header: "#f7f7fa",
+      Default: "#ffffff"
+    },
+    Icon: {
+      Default: "#3d3d42",
+      Success: "#00b050",
+      Error: "#d63c42"
+    }
+  },
+  Upload: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Icon: "#3d3d42",
+      Text: {
+        Default: "#343438",
+        Link: "#0174bc"
+      }
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#0174bc",
+      Icon: "#3d3d42",
+      Text: {
+        Default: "#343438",
+        Link: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Icon: "#a3a3ab",
+      Text: "#a3a3ab"
+    }
+  }
+};
+
+export const Stepper = {
+  Horizontal: {
+    Line: "#d6d6dd",
+    PastItem: {
+      Circle: {
+        Background: "#edf8ff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    CurrentItem: {
+      Circle: {
+        Background: "#0174bc",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#ffffff",
+        Border: "#d6d6dd",
+        Text: "#a3a3ab"
+      },
+      Text: "#a3a3ab"
+    }
+  },
+  Vertical: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Icon: "#3d3d42",
+    PastItem: {
+      Circle: {
+        Background: "#edf8ff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    CurrentItem: {
+      Icon: "#0174bc",
+      Circle: {
+        Background: "#0174bc",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#696970"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    DisabledItem: {
+      Circle: {
+        Background: "#ffffff",
+        Border: "#d6d6dd",
+        Text: "#a3a3ab"
+      },
+      Text: "#a3a3ab"
+    }
+  }
+};
+
+export const AdvancedSearch = {
+  FilterIcon: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Applied: {
+      Icon: "#0174bc",
+      Badge: {
+        Background: "#d63c42",
+        Text: "#ffffff"
+      }
+    },
+    Disabled: {
+      Icon: "#a3a3ab",
+      Badge: {
+        Background: "#83838c",
+        Text: "#ffffff"
+      }
+    }
+  },
+  FilterArea: {
+    Background: "#f7f7fa",
+    Border: "#d6d6dd",
+    Text: {
+      Default: "#343438",
+      Link: "#0174bc"
+    },
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    },
+    Tag: {
+      Background: "#ffffff",
+      Border: "#d6d6dd",
+      OperatorIcon: "#c25d05",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde"
+      }
+    }
+  }
+};
+
+export const SegmentedStatusButton = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#696970"
+  },
+  Hover: {
+    Background: "#edf8ff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#696970"
+  },
+  Disabled: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  DisabledPositive: {
+    Background: "#b7dfba",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ActivePositive: {
+    Background: "#07a04d",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  DisabledNegative: {
+    Background: "#f9c6c6",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ActiveNegative: {
+    Background: "#d0343a",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  DisabledNeutral: {
+    Background: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ActiveNeutral: {
+    Background: "#83838c",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+};
+
+export const LinkSelect = {
+  Default: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Text: "#009cde",
+    Icon: "#009cde"
+  },
+  Filled: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  },
+  Disabled: {
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Focus: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  },
+  ReadOnly: {
+    Text: "#343438"
+  }
+};
+      
\ No newline at end of file
diff --git a/dist/themes/dark/index.d.ts b/dist/themes/dark/index.d.ts
new file mode 100644
index 0000000..80e902a
--- /dev/null
+++ b/dist/themes/dark/index.d.ts
@@ -0,0 +1,5551 @@
+
+  /**
+   * Do not edit directly
+   * Generated on 2024-08-21
+   */
+  export interface GlobalTypes {
+  Color: {
+    Neutrals: {
+      5: "#f7f7fa",
+      10: "#ededf2",
+      20: "#e5e5ea",
+      30: "#d6d6dd",
+      40: "#c2c2ca",
+      50: "#a3a3ab",
+      60: "#83838c",
+      70: "#696970",
+      80: "#515157",
+      90: "#3d3d42",
+      100: "#343438",
+      Black: "#232326",
+      White: "#ffffff"
+    },
+    Brand: {
+      5: "#f5fbff",
+      10: "#edf8ff",
+      20: "#e1f4ff",
+      30: "#ceedfe",
+      40: "#afdef8",
+      50: "#96cff0",
+      60: "#5bb3ea",
+      70: "#009cde",
+      80: "#108ad6",
+      90: "#0174bc",
+      100: "#00314d"
+    },
+    Red: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      80: "#d0343a",
+      90: "#b82329",
+      100: "#381316"
+    },
+    Orange: {
+      5: "#fef9f4",
+      10: "#fff3e7",
+      20: "#ffebd7",
+      30: "#ffe1c3",
+      40: "#facfa4",
+      50: "#f2b67b",
+      60: "#f09d4b",
+      70: "#fe9933",
+      80: "#f0821d",
+      90: "#c25d05",
+      100: "#451e11"
+    },
+    Amber: {
+      5: "#fff9ed",
+      10: "#fff4d5",
+      20: "#ffecbc",
+      30: "#ffe3a2",
+      40: "#facf83",
+      50: "#f3ba63",
+      60: "#edb016",
+      70: "#fecb34",
+      80: "#f2b90e",
+      90: "#ce9a00",
+      100: "#403104"
+    },
+    Yellow: {
+      5: "#ffffeb",
+      10: "#fafadf",
+      20: "#f9f9c9",
+      30: "#f8f8b6",
+      40: "#f5f596",
+      50: "#e8e86a",
+      60: "#dfdf39",
+      70: "#f5f531",
+      80: "#e5e50a",
+      90: "#bfbf0d",
+      100: "#35290f"
+    },
+    Lime: {
+      5: "#f7fcf0",
+      10: "#eefadc",
+      20: "#e4f7c7",
+      30: "#d7f2b0",
+      40: "#c9e894",
+      50: "#b1d16a",
+      60: "#94ba2c",
+      70: "#99d52a",
+      80: "#93c926",
+      90: "#5d770d",
+      100: "#263209"
+    },
+    Green: {
+      5: "#f3fcf3",
+      10: "#ebf9eb",
+      20: "#dff3df",
+      30: "#ceebcf",
+      40: "#b7dfba",
+      50: "#97cf9c",
+      60: "#65ba75",
+      70: "#00b050",
+      80: "#07a04d",
+      90: "#138246",
+      100: "#1b311e"
+    },
+    Teal: {
+      5: "#f1fcfa",
+      10: "#e7f9f5",
+      20: "#d9f3ee",
+      30: "#c7ebe5",
+      40: "#afdfd7",
+      50: "#8dcec3",
+      60: "#53b9ab",
+      70: "#12a594",
+      80: "#0e9888",
+      90: "#067a6f",
+      100: "#10302b"
+    },
+    Cyan: {
+      5: "#f2fcfd",
+      10: "#e7f9fb",
+      20: "#d8f3f6",
+      30: "#aadee6",
+      40: "#84cdda",
+      50: "#84cdda",
+      60: "#3db9cf",
+      70: "#05a2c2",
+      80: "#0894b3",
+      90: "#0c7792",
+      100: "#04313c"
+    },
+    Ultramarine: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      80: "#3a5ccc",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Violet: {
+      5: "#fbfaff",
+      10: "#f5f2ff",
+      20: "#ede9fe",
+      30: "#e4defc",
+      40: "#d7cff9",
+      50: "#c4b8f3",
+      60: "#aa99ec",
+      70: "#7259d6",
+      80: "#644fc1",
+      90: "#5746af",
+      100: "#20134b"
+    },
+    Purple: {
+      5: "#fdfaff",
+      10: "#f9f1fe",
+      20: "#f3e7fc",
+      30: "#eddbf9",
+      40: "#e3ccf4",
+      50: "#d3b4ed",
+      60: "#be93e4",
+      70: "#8e4ec6",
+      80: "#8445bc",
+      90: "#753bbd",
+      100: "#2b0e44"
+    },
+    Magenta: {
+      5: "#fff8ff",
+      10: "#fceffc",
+      20: "#f9e5f9",
+      30: "#f3d9f4",
+      40: "#ebc8ed",
+      50: "#dfafe3",
+      60: "#cf91d8",
+      70: "#ab4aba",
+      80: "#a43cb4",
+      90: "#9c2bad",
+      100: "#340c3b"
+    },
+    Pink: {
+      5: "#fff7fc",
+      10: "#feeef8",
+      20: "#fce5f3",
+      30: "#f9d8ec",
+      40: "#f3c6e2",
+      50: "#ecadd4",
+      60: "#e38ec3",
+      70: "#e043a7",
+      80: "#d23197",
+      90: "#cd1d8d",
+      100: "#3b0a2a"
+    },
+    Brown: {
+      5: "#fbf9f2",
+      10: "#f5f2e9",
+      20: "#eeeadd",
+      30: "#e5dfd0",
+      40: "#dad1bd",
+      50: "#cbbda4",
+      60: "#b8a383",
+      70: "#978365",
+      80: "#8c795d",
+      90: "#776750",
+      100: "#3b352b"
+    }
+  },
+  Spacing: {
+    0: "0rem",
+    10: "0.125rem",
+    20: "0.25rem",
+    30: "0.375rem",
+    40: "0.5rem",
+    50: "0.75rem",
+    60: "1rem",
+    70: "1.5rem",
+    80: "2rem",
+    90: "3rem"
+  },
+  Font: {
+    FontFamily: {
+      Brand: "'Nunito Sans'",
+      Code: "'Fira Code'"
+    },
+    FontWeight: {
+      Semibold: "600",
+      Bold: "700",
+      Extrabold: "800",
+      Regular: {
+        Normal: "400",
+        Italic: "400"
+      }
+    },
+    FontSize: {
+      Xxxs: "0.75rem",
+      Xxs: "0.813rem",
+      Xs: "0.875rem",
+      S: "1rem",
+      M: "1.125rem",
+      L: "1.25rem",
+      Xl: "1.5rem",
+      Xxl: "1.75rem",
+      Xxxl: "2.25rem"
+    },
+    LineHeight: {
+      Xxxs: "1rem",
+      Xxs: "1.125rem",
+      Xs: "1.25rem",
+      S: "1.5rem",
+      M: "1.625rem",
+      L: "1.875rem",
+      Xl: "2rem",
+      Xxl: "2.375rem",
+      Xxxl: "2.625rem"
+    },
+    Textcase: {
+      Uppercase: "uppercase"
+    }
+  },
+  BorderRadius: {
+    None: "0rem"
+  }
+}
+
+declare const Global: GlobalTypes;
+
+export interface ColorTypes {
+  Neutrals: {
+    5: "#f7f7fa",
+    10: "#ededf2",
+    20: "#e5e5ea",
+    30: "#d6d6dd",
+    40: "#c2c2ca",
+    50: "#a3a3ab",
+    60: "#83838c",
+    70: "#696970",
+    80: "#515157",
+    90: "#3d3d42",
+    100: "#343438",
+    Black: "#232326",
+    White: "#ffffff"
+  },
+  Brand: {
+    5: "#f5fbff",
+    10: "#edf8ff",
+    20: "#e1f4ff",
+    30: "#ceedfe",
+    40: "#afdef8",
+    50: "#96cff0",
+    60: "#5bb3ea",
+    70: "#009cde",
+    80: "#108ad6",
+    90: "#0174bc",
+    100: "#00314d"
+  },
+  Red: {
+    5: "#fff8f8",
+    10: "#ffefef",
+    20: "#ffe5e5",
+    30: "#fdd8d8",
+    40: "#f9c6c6",
+    50: "#f3aeaf",
+    60: "#eb9091",
+    70: "#d63c42",
+    80: "#d0343a",
+    90: "#b82329",
+    100: "#381316"
+  },
+  Orange: {
+    5: "#fef9f4",
+    10: "#fff3e7",
+    20: "#ffebd7",
+    30: "#ffe1c3",
+    40: "#facfa4",
+    50: "#f2b67b",
+    60: "#f09d4b",
+    70: "#fe9933",
+    80: "#f0821d",
+    90: "#c25d05",
+    100: "#451e11"
+  },
+  Amber: {
+    5: "#fff9ed",
+    10: "#fff4d5",
+    20: "#ffecbc",
+    30: "#ffe3a2",
+    40: "#facf83",
+    50: "#f3ba63",
+    60: "#edb016",
+    70: "#fecb34",
+    80: "#f2b90e",
+    90: "#ce9a00",
+    100: "#403104"
+  },
+  Yellow: {
+    5: "#ffffeb",
+    10: "#fafadf",
+    20: "#f9f9c9",
+    30: "#f8f8b6",
+    40: "#f5f596",
+    50: "#e8e86a",
+    60: "#dfdf39",
+    70: "#f5f531",
+    80: "#e5e50a",
+    90: "#bfbf0d",
+    100: "#35290f"
+  },
+  Lime: {
+    5: "#f7fcf0",
+    10: "#eefadc",
+    20: "#e4f7c7",
+    30: "#d7f2b0",
+    40: "#c9e894",
+    50: "#b1d16a",
+    60: "#94ba2c",
+    70: "#99d52a",
+    80: "#93c926",
+    90: "#5d770d",
+    100: "#263209"
+  },
+  Green: {
+    5: "#f3fcf3",
+    10: "#ebf9eb",
+    20: "#dff3df",
+    30: "#ceebcf",
+    40: "#b7dfba",
+    50: "#97cf9c",
+    60: "#65ba75",
+    70: "#00b050",
+    80: "#07a04d",
+    90: "#138246",
+    100: "#1b311e"
+  },
+  Teal: {
+    5: "#f1fcfa",
+    10: "#e7f9f5",
+    20: "#d9f3ee",
+    30: "#c7ebe5",
+    40: "#afdfd7",
+    50: "#8dcec3",
+    60: "#53b9ab",
+    70: "#12a594",
+    80: "#0e9888",
+    90: "#067a6f",
+    100: "#10302b"
+  },
+  Cyan: {
+    5: "#f2fcfd",
+    10: "#e7f9fb",
+    20: "#d8f3f6",
+    30: "#aadee6",
+    40: "#84cdda",
+    50: "#84cdda",
+    60: "#3db9cf",
+    70: "#05a2c2",
+    80: "#0894b3",
+    90: "#0c7792",
+    100: "#04313c"
+  },
+  Ultramarine: {
+    5: "#f8faff",
+    10: "#f0f4ff",
+    20: "#e6edfe",
+    30: "#d9e2fc",
+    40: "#c6d4f9",
+    50: "#aec0f5",
+    60: "#8da4ef",
+    70: "#4067e5",
+    80: "#3a5ccc",
+    90: "#3451b2",
+    100: "#002856"
+  },
+  Violet: {
+    5: "#fbfaff",
+    10: "#f5f2ff",
+    20: "#ede9fe",
+    30: "#e4defc",
+    40: "#d7cff9",
+    50: "#c4b8f3",
+    60: "#aa99ec",
+    70: "#7259d6",
+    80: "#644fc1",
+    90: "#5746af",
+    100: "#20134b"
+  },
+  Purple: {
+    5: "#fdfaff",
+    10: "#f9f1fe",
+    20: "#f3e7fc",
+    30: "#eddbf9",
+    40: "#e3ccf4",
+    50: "#d3b4ed",
+    60: "#be93e4",
+    70: "#8e4ec6",
+    80: "#8445bc",
+    90: "#753bbd",
+    100: "#2b0e44"
+  },
+  Magenta: {
+    5: "#fff8ff",
+    10: "#fceffc",
+    20: "#f9e5f9",
+    30: "#f3d9f4",
+    40: "#ebc8ed",
+    50: "#dfafe3",
+    60: "#cf91d8",
+    70: "#ab4aba",
+    80: "#a43cb4",
+    90: "#9c2bad",
+    100: "#340c3b"
+  },
+  Pink: {
+    5: "#fff7fc",
+    10: "#feeef8",
+    20: "#fce5f3",
+    30: "#f9d8ec",
+    40: "#f3c6e2",
+    50: "#ecadd4",
+    60: "#e38ec3",
+    70: "#e043a7",
+    80: "#d23197",
+    90: "#cd1d8d",
+    100: "#3b0a2a"
+  },
+  Brown: {
+    5: "#fbf9f2",
+    10: "#f5f2e9",
+    20: "#eeeadd",
+    30: "#e5dfd0",
+    40: "#dad1bd",
+    50: "#cbbda4",
+    60: "#b8a383",
+    70: "#978365",
+    80: "#8c795d",
+    90: "#776750",
+    100: "#3b352b"
+  }
+}
+
+declare const Color: ColorTypes;
+
+export interface SpacingTypes {
+  0: "0rem",
+  10: "0.125rem",
+  20: "0.25rem",
+  30: "0.375rem",
+  40: "0.5rem",
+  50: "0.75rem",
+  60: "1rem",
+  70: "1.5rem",
+  80: "2rem",
+  90: "3rem"
+}
+
+declare const Spacing: SpacingTypes;
+
+export interface FontTypes {
+  FontFamily: {
+    Brand: "'Nunito Sans'",
+    Code: "'Fira Code'"
+  },
+  FontWeight: {
+    Semibold: "600",
+    Bold: "700",
+    Extrabold: "800",
+    Regular: {
+      Normal: "400",
+      Italic: "400"
+    }
+  },
+  FontSize: {
+    Xxxs: "0.75rem",
+    Xxs: "0.813rem",
+    Xs: "0.875rem",
+    S: "1rem",
+    M: "1.125rem",
+    L: "1.25rem",
+    Xl: "1.5rem",
+    Xxl: "1.75rem",
+    Xxxl: "2.25rem"
+  },
+  LineHeight: {
+    Xxxs: "1rem",
+    Xxs: "1.125rem",
+    Xs: "1.25rem",
+    S: "1.5rem",
+    M: "1.625rem",
+    L: "1.875rem",
+    Xl: "2rem",
+    Xxl: "2.375rem",
+    Xxxl: "2.625rem"
+  },
+  Textcase: {
+    Uppercase: "uppercase"
+  }
+}
+
+declare const Font: FontTypes;
+
+export interface BorderRadiusTypes {
+  None: "0rem"
+}
+
+declare const BorderRadius: BorderRadiusTypes;
+
+export interface AliasTypes {
+  Content: {
+    Text: {
+      Base: "#343438",
+      Negative: "#eb9091",
+      Warning: "#fecb34",
+      Positive: "#00b050",
+      Informative: "#4067e5",
+      Primary: {
+        Default: "#ffffff",
+        Disabled: "#83838c"
+      },
+      Secondary: {
+        Default: "#a3a3ab",
+        Disabled: "#83838c"
+      },
+      Link: {
+        Default: "#5bb3ea",
+        Hover: "#96cff0",
+        Disabled: "#83838c"
+      }
+    },
+    Icon: {
+      Base: "#343438",
+      Negative: "#eb9091",
+      Warning: "#edb016",
+      Positive: "#65ba75",
+      Informative: "#8da4ef",
+      Primary: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea",
+        Disabled: "#83838c"
+      },
+      Secondary: {
+        Default: "#a3a3ab",
+        Disabled: "#83838c"
+      }
+    }
+  },
+  Border: {
+    Normal: "#515157",
+    Neutral: "#c2c2ca",
+    Negative: "#eb9091",
+    Warning: "#edb016",
+    Positive: "#65ba75",
+    Informative: "#8da4ef"
+  },
+  Background: {
+    Normal: "#3d3d42",
+    Neutral: "#343438",
+    Base: "#ffffff",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Black: "#232326",
+    Negativesubtle: "#515157",
+    Warningsubtle: "#515157",
+    Positivesubtle: "#515157",
+    Informativesubtle: "#515157",
+    Neutralsubtle: "#515157",
+    Overlay: "lch(13.8 2.09 286 / 0.84)"
+  },
+  Action: {
+    Base: "#3d3d42",
+    Neutral: "#696970",
+    White50: "#ffffff",
+    Primary: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0",
+      Active: "#5bb3ea",
+      Disabled: "#515157"
+    },
+    Secondary: {
+      Hover: "#515157",
+      Disabled: "#515157"
+    },
+    Tertiary: {
+      Disabled: "#515157"
+    },
+    Positive: {
+      Default: "#65ba75",
+      Disabled: "#515157"
+    },
+    Negative: {
+      Default: "#eb9091",
+      Disabled: "#515157"
+    }
+  },
+  Interaction: {
+    Border: {
+      Default: "#696970",
+      Hover: "#c2c2ca",
+      Focus: "#5bb3ea",
+      Error: "#eb9091",
+      Disabled: "#515157"
+    },
+    Background: {
+      Primary: "#343438",
+      Secondary: "#343438",
+      Tertiary: "#3d3d42",
+      Elevated: "#515157",
+      Accent: "#5bb3ea",
+      Active: "#5bb3ea",
+      Disabled: "#515157"
+    }
+  },
+  Elevation: {
+    S: "0 2px 6px 0 rgba(0,0,0,0.18)",
+    SInverted: "0 -2px 6px 0 rgba(0,0,0,0.18)",
+    L: "0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08)"
+  },
+  Typography: {
+    Heading: {
+      Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+      Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+      Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+      L: "700 1.25rem/1.625rem 'Nunito Sans'",
+      M: "700 1.125rem/1.5rem 'Nunito Sans'",
+      S: "700 1rem/1.25rem 'Nunito Sans'",
+      Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+      Overline: "800 0.75rem/1rem 'Nunito Sans'",
+      OverlineLetterSpacing: "0.023rem",
+      OverlineTextCase: "uppercase"
+    },
+    Body: {
+      Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+      Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+      Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+      List: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+    },
+    Label: {
+      Semibold: {
+        L: "600 1rem/1.25rem 'Nunito Sans'",
+        S: "600 0.875rem/1rem 'Nunito Sans'",
+        Xs: "600 0.75rem/1rem 'Nunito Sans'"
+      },
+      Bold: {
+        L: "700 1rem/1.25rem 'Nunito Sans'",
+        S: "700 0.875rem/1rem 'Nunito Sans'",
+        Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+      },
+      Regular: {
+        S: "400 0.875rem/1rem 'Nunito Sans'",
+        Xs: "400 0.75rem/1rem 'Nunito Sans'",
+        Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+      }
+    },
+    Code: "400 0.813rem/1.25rem 'Fira Code'"
+  },
+  Accent: {
+    Info: {
+      Primary: "#aec0f5",
+      Secondary: "lch(77.7 28.7 275 / 0.12)"
+    },
+    Neutral: {
+      Primary: "#c2c2ca",
+      Secondary: "lch(78.6 4.18 286 / 0.12)"
+    },
+    Warning: {
+      Primary: "#f2b67b",
+      Secondary: "lch(79.6 53.6 74.4 / 0.12)"
+    },
+    Negative: {
+      Primary: "#f3aeaf",
+      Secondary: "lch(77.8 28 21.1 / 0.12)"
+    },
+    Positive: {
+      Primary: "#97cf9c",
+      Secondary: "lch(78.2 32.7 144 / 0.12)"
+    },
+    Important: {
+      Primary: "#d3b4ed",
+      Secondary: "lch(77.5 31.1 309 / 0.12)"
+    },
+    Pink: {
+      Primary: "#ecadd4",
+      Secondary: "lch(77.6 29.9 340 / 0.12)"
+    },
+    Violet: {
+      Primary: "#c4b8f3",
+      Secondary: "lch(77.3 30.9 295 / 0.12)"
+    }
+  },
+  Chart: {
+    Neutral: "#515157",
+    Categorical: {
+      1: {
+        Primary: "#4067e5",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(46.5 72.3 286 / 0.2)"
+      },
+      2: {
+        Primary: "#fe9933",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(72.9 74.2 63 / 0.2)"
+      },
+      3: {
+        Primary: "#12a594",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(60.7 39.7 183 / 0.2)"
+      },
+      4: {
+        Primary: "#ab4aba",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(48.2 66.6 322 / 0.2)"
+      },
+      5: {
+        Primary: "#d63c42",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+      },
+      6: {
+        Primary: "#05a2c2",
+        Inactive: "#aadee6",
+        Transparent: "lch(61 38.6 224 / 0.2)"
+      },
+      7: {
+        Primary: "#e043a7",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(55 70 344 / 0.2)"
+      },
+      8: {
+        Primary: "#00b050",
+        Inactive: "#ceebcf",
+        Transparent: "lch(63 67 146 / 0.2)"
+      },
+      9: {
+        Primary: "#7259d6",
+        Inactive: "#e4defc",
+        Transparent: "lch(45.6 71 299 / 0.2)"
+      },
+      10: {
+        Primary: "#99d52a",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(79 79.1 118 / 0.2)"
+      },
+      11: {
+        Primary: "#696970",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(44.6 4.09 286 / 0.2)"
+      },
+      12: {
+        Primary: "#8da4ef",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(67.9 41.2 278 / 0.2)"
+      },
+      13: {
+        Primary: "#c25d05",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+      },
+      14: {
+        Primary: "#067a6f",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(45.6 31.8 185 / 0.2)"
+      },
+      15: {
+        Primary: "#cf91d8",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(68.3 42.4 321 / 0.2)"
+      },
+      16: {
+        Primary: "#eb9091",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+      },
+      17: {
+        Primary: "#0c7792",
+        Inactive: "#aadee6",
+        Transparent: "lch(45.7 30.9 228 / 0.2)"
+      },
+      18: {
+        Primary: "#e38ec3",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(69.3 40.8 341 / 0.2)"
+      },
+      19: {
+        Primary: "#97cf9c",
+        Inactive: "#ceebcf",
+        Transparent: "lch(78.2 32.7 144 / 0.2)"
+      },
+      20: {
+        Primary: "#aa99ec",
+        Inactive: "#e4defc",
+        Transparent: "lch(67.2 44.6 296 / 0.2)"
+      },
+      21: {
+        Primary: "#94ba2c",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(70.8 67.7 114 / 0.2)"
+      },
+      22: {
+        Primary: "#3d3d42",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(25.9 3.2 286 / 0.2)"
+      }
+    },
+    Monochromatic: {
+      Default: {
+        5: "#f8faff",
+        10: "#f0f4ff",
+        20: "#e6edfe",
+        30: "#d9e2fc",
+        40: "#c6d4f9",
+        50: "#aec0f5",
+        60: "#8da4ef",
+        70: "#4067e5",
+        90: "#3451b2",
+        100: "#002856"
+      },
+      Danger: {
+        5: "#fff8f8",
+        10: "#ffefef",
+        20: "#ffe5e5",
+        30: "#fdd8d8",
+        40: "#f9c6c6",
+        50: "#f3aeaf",
+        60: "#eb9091",
+        70: "#d63c42",
+        90: "#b82329",
+        100: "#381316"
+      }
+    },
+    Status: {
+      Negative: "#d63c42",
+      Warning: "#fecb34",
+      Positive: "#00b050"
+    }
+  }
+}
+
+declare const Alias: AliasTypes;
+
+export interface ContentTypes {
+  Text: {
+    Base: "#343438",
+    Negative: "#eb9091",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Primary: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    },
+    Secondary: {
+      Default: "#a3a3ab",
+      Disabled: "#83838c"
+    },
+    Link: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    }
+  },
+  Icon: {
+    Base: "#343438",
+    Negative: "#eb9091",
+    Warning: "#edb016",
+    Positive: "#65ba75",
+    Informative: "#8da4ef",
+    Primary: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea",
+      Disabled: "#83838c"
+    },
+    Secondary: {
+      Default: "#a3a3ab",
+      Disabled: "#83838c"
+    }
+  }
+}
+
+declare const Content: ContentTypes;
+
+export interface BorderTypes {
+  Normal: "#515157",
+  Neutral: "#c2c2ca",
+  Negative: "#eb9091",
+  Warning: "#edb016",
+  Positive: "#65ba75",
+  Informative: "#8da4ef"
+}
+
+declare const Border: BorderTypes;
+
+export interface BackgroundTypes {
+  Normal: "#3d3d42",
+  Neutral: "#343438",
+  Base: "#ffffff",
+  Negative: "#d63c42",
+  Warning: "#fecb34",
+  Positive: "#00b050",
+  Informative: "#4067e5",
+  Black: "#232326",
+  Negativesubtle: "#515157",
+  Warningsubtle: "#515157",
+  Positivesubtle: "#515157",
+  Informativesubtle: "#515157",
+  Neutralsubtle: "#515157",
+  Overlay: "lch(13.8 2.09 286 / 0.84)"
+}
+
+declare const Background: BackgroundTypes;
+
+export interface ActionTypes {
+  Base: "#3d3d42",
+  Neutral: "#696970",
+  White50: "#ffffff",
+  Primary: {
+    Default: "#5bb3ea",
+    Hover: "#96cff0",
+    Active: "#5bb3ea",
+    Disabled: "#515157"
+  },
+  Secondary: {
+    Hover: "#515157",
+    Disabled: "#515157"
+  },
+  Tertiary: {
+    Disabled: "#515157"
+  },
+  Positive: {
+    Default: "#65ba75",
+    Disabled: "#515157"
+  },
+  Negative: {
+    Default: "#eb9091",
+    Disabled: "#515157"
+  }
+}
+
+declare const Action: ActionTypes;
+
+export interface InteractionTypes {
+  Border: {
+    Default: "#696970",
+    Hover: "#c2c2ca",
+    Focus: "#5bb3ea",
+    Error: "#eb9091",
+    Disabled: "#515157"
+  },
+  Background: {
+    Primary: "#343438",
+    Secondary: "#343438",
+    Tertiary: "#3d3d42",
+    Elevated: "#515157",
+    Accent: "#5bb3ea",
+    Active: "#5bb3ea",
+    Disabled: "#515157"
+  }
+}
+
+declare const Interaction: InteractionTypes;
+
+export interface ElevationTypes {
+  S: "0 2px 6px 0 rgba(0,0,0,0.18)",
+  SInverted: "0 -2px 6px 0 rgba(0,0,0,0.18)",
+  L: "0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08)"
+}
+
+declare const Elevation: ElevationTypes;
+
+export interface TypographyTypes {
+  Heading: {
+    Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+    Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+    Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+    L: "700 1.25rem/1.625rem 'Nunito Sans'",
+    M: "700 1.125rem/1.5rem 'Nunito Sans'",
+    S: "700 1rem/1.25rem 'Nunito Sans'",
+    Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+    Overline: "800 0.75rem/1rem 'Nunito Sans'",
+    OverlineLetterSpacing: "0.023rem",
+    OverlineTextCase: "uppercase"
+  },
+  Body: {
+    Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+    Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+    Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+    List: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+  },
+  Label: {
+    Semibold: {
+      L: "600 1rem/1.25rem 'Nunito Sans'",
+      S: "600 0.875rem/1rem 'Nunito Sans'",
+      Xs: "600 0.75rem/1rem 'Nunito Sans'"
+    },
+    Bold: {
+      L: "700 1rem/1.25rem 'Nunito Sans'",
+      S: "700 0.875rem/1rem 'Nunito Sans'",
+      Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+    },
+    Regular: {
+      S: "400 0.875rem/1rem 'Nunito Sans'",
+      Xs: "400 0.75rem/1rem 'Nunito Sans'",
+      Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+    }
+  },
+  Code: "400 0.813rem/1.25rem 'Fira Code'"
+}
+
+declare const Typography: TypographyTypes;
+
+export interface AccentTypes {
+  Info: {
+    Primary: "#aec0f5",
+    Secondary: "lch(77.7 28.7 275 / 0.12)"
+  },
+  Neutral: {
+    Primary: "#c2c2ca",
+    Secondary: "lch(78.6 4.18 286 / 0.12)"
+  },
+  Warning: {
+    Primary: "#f2b67b",
+    Secondary: "lch(79.6 53.6 74.4 / 0.12)"
+  },
+  Negative: {
+    Primary: "#f3aeaf",
+    Secondary: "lch(77.8 28 21.1 / 0.12)"
+  },
+  Positive: {
+    Primary: "#97cf9c",
+    Secondary: "lch(78.2 32.7 144 / 0.12)"
+  },
+  Important: {
+    Primary: "#d3b4ed",
+    Secondary: "lch(77.5 31.1 309 / 0.12)"
+  },
+  Pink: {
+    Primary: "#ecadd4",
+    Secondary: "lch(77.6 29.9 340 / 0.12)"
+  },
+  Violet: {
+    Primary: "#c4b8f3",
+    Secondary: "lch(77.3 30.9 295 / 0.12)"
+  }
+}
+
+declare const Accent: AccentTypes;
+
+export interface ChartTypes {
+  Neutral: "#515157",
+  Categorical: {
+    1: {
+      Primary: "#4067e5",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(46.5 72.3 286 / 0.2)"
+    },
+    2: {
+      Primary: "#fe9933",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(72.9 74.2 63 / 0.2)"
+    },
+    3: {
+      Primary: "#12a594",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(60.7 39.7 183 / 0.2)"
+    },
+    4: {
+      Primary: "#ab4aba",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(48.2 66.6 322 / 0.2)"
+    },
+    5: {
+      Primary: "#d63c42",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+    },
+    6: {
+      Primary: "#05a2c2",
+      Inactive: "#aadee6",
+      Transparent: "lch(61 38.6 224 / 0.2)"
+    },
+    7: {
+      Primary: "#e043a7",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(55 70 344 / 0.2)"
+    },
+    8: {
+      Primary: "#00b050",
+      Inactive: "#ceebcf",
+      Transparent: "lch(63 67 146 / 0.2)"
+    },
+    9: {
+      Primary: "#7259d6",
+      Inactive: "#e4defc",
+      Transparent: "lch(45.6 71 299 / 0.2)"
+    },
+    10: {
+      Primary: "#99d52a",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(79 79.1 118 / 0.2)"
+    },
+    11: {
+      Primary: "#696970",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(44.6 4.09 286 / 0.2)"
+    },
+    12: {
+      Primary: "#8da4ef",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(67.9 41.2 278 / 0.2)"
+    },
+    13: {
+      Primary: "#c25d05",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+    },
+    14: {
+      Primary: "#067a6f",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(45.6 31.8 185 / 0.2)"
+    },
+    15: {
+      Primary: "#cf91d8",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(68.3 42.4 321 / 0.2)"
+    },
+    16: {
+      Primary: "#eb9091",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+    },
+    17: {
+      Primary: "#0c7792",
+      Inactive: "#aadee6",
+      Transparent: "lch(45.7 30.9 228 / 0.2)"
+    },
+    18: {
+      Primary: "#e38ec3",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(69.3 40.8 341 / 0.2)"
+    },
+    19: {
+      Primary: "#97cf9c",
+      Inactive: "#ceebcf",
+      Transparent: "lch(78.2 32.7 144 / 0.2)"
+    },
+    20: {
+      Primary: "#aa99ec",
+      Inactive: "#e4defc",
+      Transparent: "lch(67.2 44.6 296 / 0.2)"
+    },
+    21: {
+      Primary: "#94ba2c",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(70.8 67.7 114 / 0.2)"
+    },
+    22: {
+      Primary: "#3d3d42",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(25.9 3.2 286 / 0.2)"
+    }
+  },
+  Monochromatic: {
+    Default: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Danger: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      90: "#b82329",
+      100: "#381316"
+    }
+  },
+  Status: {
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050"
+  }
+}
+
+declare const Chart: ChartTypes;
+
+export interface ComponentTypes {
+  Button: {
+    Primary: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Pressed: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#5bb3ea"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Background: "#515157",
+        Border: "#96cff0",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Pressed: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Text: "#96cff0",
+        Icon: "#96cff0"
+      },
+      Pressed: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Text: "#83838c",
+        Icon: "#83838c"
+      }
+    }
+  },
+  Container: {
+    Background: "#3d3d42",
+    Border: "#515157"
+  },
+  Table: {
+    HeaderFilled: {
+      Background: "#343438",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HeaderOutlined: {
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Row: {
+      Border: "#515157",
+      Icon: {
+        Default: "#ffffff",
+        Disabled: "#83838c",
+        Hover: "#96cff0"
+      },
+      Background: {
+        Default: "#3d3d42",
+        Zebra: "#343438",
+        Hover: "#515157"
+      },
+      Text: {
+        Default: "#ffffff",
+        Placeholder: "#a3a3ab",
+        Link: "#5bb3ea"
+      }
+    }
+  },
+  MenuButton: {
+    Primary: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Pressed: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#5bb3ea"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Background: "#515157",
+        Border: "#96cff0",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Pressed: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Text: "#96cff0",
+        Icon: "#96cff0"
+      },
+      Pressed: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Text: "#83838c",
+        Icon: "#83838c"
+      }
+    }
+  },
+  OverflowMenuButton: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Pressed: {
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Icon: "#83838c"
+    }
+  },
+  SplitMenuButton: {
+    Primary: {
+      Default: {
+        Background: "#5bb3ea",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#96cff0",
+        BackgroundRight: "#5bb3ea",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      HoverRight: {
+        BackgroundLeft: "#5bb3ea",
+        BackgroundRight: "#96cff0",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Active: {
+        Background: "#5bb3ea",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#3d3d42",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        BackgroundLeft: "#5bb3ea",
+        BackgroundRight: "#5bb3ea",
+        Border: "#3d3d42",
+        Icon: "#343438"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#515157",
+        BackgroundRight: "#3d3d42",
+        BorderLeft: "#96cff0",
+        BorderRight: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      HoverRight: {
+        BackgroundLeft: "#3d3d42",
+        BackgroundRight: "#515157",
+        BorderLeft: "#5bb3ea",
+        BorderRight: "#96cff0",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Icon: "#5bb3ea"
+      }
+    }
+  },
+  Appbar: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Badge: {
+    Informative: {
+      Background: "lch(77.7 28.7 275 / 0.12)",
+      Text: "#aec0f5"
+    },
+    Neutral: {
+      Background: "lch(78.6 4.18 286 / 0.12)",
+      Text: "#c2c2ca"
+    },
+    Warning: {
+      Background: "lch(79.6 53.6 74.4 / 0.12)",
+      Text: "#f2b67b"
+    },
+    Negative: {
+      Background: "lch(77.8 28 21.1 / 0.12)",
+      Text: "#f3aeaf"
+    },
+    Positive: {
+      Background: "lch(78.2 32.7 144 / 0.12)",
+      Text: "#97cf9c"
+    },
+    Important: {
+      Background: "lch(77.5 31.1 309 / 0.12)",
+      Text: "#d3b4ed"
+    },
+    Violet: {
+      Background: "lch(77.3 30.9 295 / 0.12)",
+      Text: "#c4b8f3"
+    },
+    Pink: {
+      Background: "lch(77.6 29.9 340 / 0.12)",
+      Text: "#ecadd4"
+    }
+  },
+  Breadcrumb: {
+    Divider: "#515157",
+    AppTitle: {
+      Text: "#5bb3ea"
+    },
+    Default: {
+      Text: "#5bb3ea"
+    },
+    Truncated: {
+      Text: "#5bb3ea"
+    },
+    LastItem: {
+      Text: "#ffffff"
+    },
+    Collapsed: {
+      Background: "#515157",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    WithDropdown: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    }
+  },
+  Card: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Checkbox: {
+    Empty: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#696970",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#96cff0",
+        Text: "#ffffff"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff"
+      }
+    },
+    Checked: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Active: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff",
+        Icon: "#83838c"
+      }
+    },
+    Indeterminated: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Active: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff",
+        Icon: "#83838c"
+      }
+    }
+  },
+  ContentPanel: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Calendar: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Icon: "#ffffff",
+    Text: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    },
+    SelectedItem: {
+      Text: "#343438",
+      Background: "#5bb3ea"
+    },
+    HoverItem: {
+      Background: "#515157",
+      Text: "#ffffff"
+    },
+    PresetArea: {
+      Background: "#343438",
+      HoverPeriod: {
+        Background: "#3d3d42"
+      },
+      ActivePeriod: {
+        Background: "#5bb3ea",
+        Text: "#343438"
+      }
+    }
+  },
+  DateField: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#5bb3ea",
+      HintText: "#a3a3ab"
+    }
+  },
+  DatePicker: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Filled: {
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Icon: "#83838c"
+    },
+    Focus: {
+      Icon: "#5bb3ea"
+    }
+  },
+  DateRangePicker: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Filled: {
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Icon: "#83838c"
+    },
+    Focus: {
+      Icon: "#5bb3ea"
+    }
+  },
+  DateRangeField: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#5bb3ea",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  DateRangeInput: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    ActivePeriod: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      ActiveItem: {
+        Background: "#3d3d42",
+        Text: "#a3a3ab"
+      }
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    },
+    Disabled: {
+      Background: "#343438",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#5bb3ea",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  Divider: {
+    Border: "#515157"
+  },
+  Drawer: {
+    Background: "#3d3d42",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    }
+  },
+  Dropdown: {
+    Icon: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    },
+    Text: {
+      Default: "#ffffff",
+      Link: "#5bb3ea",
+      Description: "#a3a3ab",
+      Disabled: "#83838c"
+    },
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42",
+      Category: "#343438"
+    }
+  },
+  GlobalHeader: {
+    Background: "#232326",
+    Border: "#3d3d42",
+    Icon: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Search: {
+      Background: "#3d3d42",
+      Text: {
+        Placeholder: "#d6d6dd",
+        Filled: "#ffffff"
+      },
+      Icon: {
+        Default: "#d6d6dd",
+        Active: "#ffffff",
+        Hover: "#ffffff"
+      }
+    }
+  },
+  GlobalFooter: {
+    Background: "#232326",
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    }
+  },
+  GroupSelect: {
+    Field: {
+      Default: {
+        Background: "#343438",
+        Border: "#696970",
+        Text: "#a3a3ab",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Hover: {
+        Background: "#343438",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Selected: {
+        Background: "#343438",
+        Border: "#696970",
+        Text: "#ffffff",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#343438",
+        Text: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Error: {
+        Background: "#343438",
+        Border: "#eb9091",
+        Text: "#ffffff",
+        Icon: "#ffffff",
+        HintText: "#eb9091",
+        InfoIcon: "#a3a3ab"
+      },
+      Focus: {
+        Background: "#343438",
+        Border: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      }
+    },
+    Dropdown: {
+      Icon: "#ffffff",
+      Text: "#ffffff",
+      Background: {
+        Default: "#343438",
+        Hover: "#3d3d42"
+      }
+    }
+  },
+  InlineEdit: {
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0"
+    },
+    AcceptIcon: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    }
+  },
+  KpiBar: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    },
+    Item: {
+      Neutral: {
+        Default: {
+          Label: "#c2c2ca",
+          Text: "#a3a3ab",
+          Icon: "#c2c2ca"
+        },
+        Hover: {
+          Label: "#c2c2ca",
+          Text: "#a3a3ab",
+          Background: "lch(78.6 4.18 286 / 0.12)",
+          Icon: "#c2c2ca"
+        },
+        Active: {
+          Label: "#c2c2ca",
+          Text: "#ffffff",
+          Border: "#c2c2ca",
+          Icon: "#c2c2ca"
+        }
+      },
+      Green: {
+        Default: {
+          Label: "#97cf9c",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#97cf9c",
+          Text: "#a3a3ab",
+          Background: "lch(78.2 32.7 144 / 0.12)"
+        },
+        Active: {
+          Label: "#97cf9c",
+          Text: "#ffffff",
+          Border: "#97cf9c"
+        }
+      },
+      Orange: {
+        Default: {
+          Label: "#f2b67b",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#f2b67b",
+          Text: "#a3a3ab",
+          Background: "lch(79.6 53.6 74.4 / 0.12)"
+        },
+        Active: {
+          Label: "#f2b67b",
+          Text: "#ffffff",
+          Border: "#f2b67b"
+        }
+      },
+      Purple: {
+        Default: {
+          Label: "#d3b4ed",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#d3b4ed",
+          Text: "#a3a3ab",
+          Background: "lch(77.5 31.1 309 / 0.12)"
+        },
+        Active: {
+          Label: "#d3b4ed",
+          Text: "#ffffff",
+          Border: "#d3b4ed"
+        }
+      },
+      Red: {
+        Default: {
+          Label: "#f3aeaf",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#f3aeaf",
+          Text: "#a3a3ab",
+          Background: "lch(77.8 28 21.1 / 0.12)"
+        },
+        Active: {
+          Label: "#f3aeaf",
+          Text: "#ffffff",
+          Border: "#f3aeaf"
+        }
+      },
+      Ultramarine: {
+        Default: {
+          Label: "#aec0f5",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#aec0f5",
+          Text: "#a3a3ab",
+          Background: "lch(77.7 28.7 275 / 0.12)"
+        },
+        Active: {
+          Label: "#aec0f5",
+          Text: "#ffffff",
+          Border: "#aec0f5"
+        }
+      },
+      Pink: {
+        Default: {
+          Label: "#ecadd4",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#ecadd4",
+          Text: "#a3a3ab",
+          Background: "lch(77.6 29.9 340 / 0.12)"
+        },
+        Active: {
+          Label: "#ecadd4",
+          Text: "#ffffff",
+          Border: "#ecadd4"
+        }
+      }
+    }
+  },
+  Label: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    InfoIcon: "#a3a3ab"
+  },
+  List: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    },
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42"
+    }
+  },
+  MasterSwitch: {
+    ContentBackground: "#3d3d42",
+    SideBackground: "#343438",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Modal: {
+    Background: "#3d3d42",
+    Icon: "#ffffff",
+    Text: {
+      Default: "#ffffff",
+      Description: "#a3a3ab"
+    }
+  },
+  NotificationBanner: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    Informative: {
+      Background: "#515157",
+      Border: "#8da4ef",
+      StatusIcon: "#8da4ef"
+    },
+    Tip: {
+      Background: "#515157",
+      Border: "#8da4ef",
+      StatusIcon: "#8da4ef"
+    },
+    Warning: {
+      Background: "#515157",
+      Border: "#edb016",
+      StatusIcon: "#edb016"
+    },
+    Success: {
+      Background: "#515157",
+      Border: "#65ba75",
+      StatusIcon: "#65ba75"
+    },
+    Error: {
+      Background: "#515157",
+      Border: "#eb9091",
+      StatusIcon: "#eb9091"
+    },
+    Secondary: {
+      Background: "#515157",
+      Border: "#c2c2ca",
+      StatusIcon: "#ffffff"
+    }
+  },
+  NotificationToast: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    Informative: {
+      Background: "#515157",
+      IconBackground: "#4067e5",
+      Border: "#8da4ef",
+      StatusIcon: "#ffffff"
+    },
+    Tip: {
+      Background: "#515157",
+      IconBackground: "#4067e5",
+      Border: "#8da4ef",
+      StatusIcon: "#ffffff"
+    },
+    Warning: {
+      Background: "#515157",
+      IconBackground: "#fecb34",
+      Border: "#edb016",
+      StatusIcon: "#3d3d42"
+    },
+    Success: {
+      Background: "#515157",
+      IconBackground: "#00b050",
+      Border: "#65ba75",
+      StatusIcon: "#ffffff"
+    },
+    Error: {
+      Background: "#515157",
+      IconBackground: "#d63c42",
+      Border: "#eb9091",
+      StatusIcon: "#ffffff"
+    }
+  },
+  Pagination: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: {
+      Default: "#ffffff",
+      Link: "#5bb3ea",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    },
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea",
+      Disabled: "#83838c"
+    }
+  },
+  Popover: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Icon: "#ffffff",
+    Text: {
+      Default: "#ffffff",
+      Link: {
+        Default: "#5bb3ea",
+        Hover: "#96cff0"
+      }
+    }
+  },
+  ProgressBar: {
+    Text: {
+      Default: "#ffffff",
+      Link: {
+        Default: "#5bb3ea",
+        Hover: "#96cff0"
+      }
+    },
+    StatusLine: {
+      Default: "#515157",
+      Success: "#00b050",
+      Error: "#d63c42"
+    }
+  },
+  NumericSpinner: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  RadioButton: {
+    Inactive: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#696970",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#96cff0",
+        Text: "#ffffff"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff"
+      }
+    },
+    Active: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#96cff0",
+        Text: "#ffffff"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff"
+      }
+    }
+  },
+  Search: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab",
+      SearchIcon: "#83838c"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091",
+      SearchIcon: "#a3a3ab"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    }
+  },
+  SegmentedButton: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    DisabledChecked: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Border: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    }
+  },
+  SideNavigation: {
+    Icon: "#ffffff",
+    Border: "#515157",
+    Background: {
+      Default: "#343438",
+      SecondLevel: "#343438"
+    },
+    DefaultMenuItem: {
+      Background: "#343438",
+      Icon: "#ffffff",
+      Text: "#ffffff",
+      Label: {
+        Text: "#ffffff",
+        Background: "#343438",
+        Border: "#515157"
+      }
+    },
+    HoverMenuItem: {
+      Background: "#3d3d42",
+      Icon: "#ffffff",
+      Text: "#ffffff",
+      Label: {
+        Text: "#ffffff",
+        Background: "#343438",
+        Border: "#515157"
+      }
+    },
+    SelectedMenuItem: {
+      Background: "#5bb3ea",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#ffffff",
+        Background: "#0174bc"
+      }
+    }
+  },
+  Select: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff"
+    }
+  },
+  SidePanel: {
+    Background: "#3d3d42",
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0"
+    }
+  },
+  Switch: {
+    Active: {
+      Default: {
+        Background: "#5bb3ea",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Focus: {
+        Background: "#5bb3ea",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Icon: "#83838c",
+        Circle: "#ffffff",
+        Text: "#83838c"
+      }
+    },
+    Inactive: {
+      Default: {
+        Background: "#696970",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#a3a3ab",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Focus: {
+        Background: "#696970",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Circle: "#ffffff",
+        Text: "#83838c"
+      }
+    }
+  },
+  Tab: {
+    Default: {
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      Border: "#515157"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0",
+      Border: "#515157"
+    },
+    Active: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea",
+      Border: "#5bb3ea"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c",
+      Border: "#515157"
+    }
+  },
+  Tag: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Focus: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Border: "#515157",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  TagInput: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      HintText: "#a3a3ab"
+    },
+    Placeholder: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  TextArea: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Placeholder: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    ReadOnly: {
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  TextField: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Placeholder: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    ReadOnly: {
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  TimePicker: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Text: "#ffffff"
+    }
+  },
+  Tooltip: {
+    Background: "#ffffff",
+    Text: "#343438"
+  },
+  Tree: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    },
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42"
+    },
+    ExpandedArea: {
+      Border: "#696970"
+    }
+  },
+  Widget: {
+    Download: {
+      Text: "#ffffff",
+      Border: "#515157",
+      Background: {
+        Header: "#343438",
+        Default: "#3d3d42"
+      },
+      Icon: {
+        Default: "#ffffff",
+        Success: "#65ba75",
+        Error: "#eb9091"
+      }
+    },
+    Upload: {
+      Default: {
+        Background: "#343438",
+        Border: "#696970",
+        Icon: "#ffffff",
+        Text: {
+          Default: "#ffffff",
+          Link: "#5bb3ea"
+        }
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Icon: "#ffffff",
+        Text: {
+          Default: "#ffffff",
+          Link: "#5bb3ea"
+        }
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Icon: "#83838c",
+        Text: "#83838c"
+      }
+    }
+  },
+  Stepper: {
+    Horizontal: {
+      Line: "#515157",
+      PastItem: {
+        Circle: {
+          Background: "#3d3d42",
+          Border: "#5bb3ea",
+          Text: "#5bb3ea",
+          Icon: "#5bb3ea"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      CurrentItem: {
+        Circle: {
+          Background: "#5bb3ea",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#343438",
+          Border: "#515157",
+          Text: "#83838c"
+        },
+        Text: "#83838c"
+      }
+    },
+    Vertical: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Icon: "#ffffff",
+      PastItem: {
+        Circle: {
+          Background: "#3d3d42",
+          Border: "#5bb3ea",
+          Text: "#5bb3ea",
+          Icon: "#5bb3ea"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      CurrentItem: {
+        Icon: "#5bb3ea",
+        Circle: {
+          Background: "#5bb3ea",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#343438",
+          Border: "#696970",
+          Text: "#a3a3ab"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      DisabledItem: {
+        Circle: {
+          Background: "#343438",
+          Border: "#515157",
+          Text: "#83838c"
+        },
+        Text: "#83838c"
+      }
+    }
+  },
+  AdvancedSearch: {
+    FilterIcon: {
+      Default: {
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Icon: "#96cff0"
+      },
+      Applied: {
+        Icon: "#5bb3ea",
+        Badge: {
+          Background: "#d63c42",
+          Text: "#ffffff"
+        }
+      },
+      Disabled: {
+        Icon: "#83838c",
+        Badge: {
+          Background: "#83838c",
+          Text: "#ffffff"
+        }
+      }
+    },
+    FilterArea: {
+      Background: "#343438",
+      Border: "#515157",
+      Text: {
+        Default: "#ffffff",
+        Link: "#5bb3ea"
+      },
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Disabled: "#83838c"
+      },
+      Tag: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        OperatorIcon: "#c25d05",
+        Icon: {
+          Default: "#ffffff",
+          Hover: "#96cff0"
+        }
+      }
+    }
+  },
+  SegmentedStatusButton: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    DisabledPositive: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ActivePositive: {
+      Background: "#65ba75",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    DisabledNegative: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ActiveNegative: {
+      Background: "#eb9091",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    DisabledNeutral: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ActiveNeutral: {
+      Background: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  LinkSelect: {
+    Default: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0"
+    },
+    Filled: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Focus: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Text: "#ffffff"
+    }
+  }
+}
+
+declare const Component: ComponentTypes;
+
+export interface ButtonTypes {
+  Primary: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Pressed: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#5bb3ea"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Pressed: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0"
+    },
+    Pressed: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c"
+    }
+  }
+}
+
+declare const Button: ButtonTypes;
+
+export interface ContainerTypes {
+  Background: "#3d3d42",
+  Border: "#515157"
+}
+
+declare const Container: ContainerTypes;
+
+export interface TableTypes {
+  HeaderFilled: {
+    Background: "#343438",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  HeaderOutlined: {
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Row: {
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Disabled: "#83838c",
+      Hover: "#96cff0"
+    },
+    Background: {
+      Default: "#3d3d42",
+      Zebra: "#343438",
+      Hover: "#515157"
+    },
+    Text: {
+      Default: "#ffffff",
+      Placeholder: "#a3a3ab",
+      Link: "#5bb3ea"
+    }
+  }
+}
+
+declare const Table: TableTypes;
+
+export interface MenuButtonTypes {
+  Primary: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Pressed: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#5bb3ea"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Pressed: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0"
+    },
+    Pressed: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c"
+    }
+  }
+}
+
+declare const MenuButton: MenuButtonTypes;
+
+export interface OverflowMenuButtonTypes {
+  Default: {
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Icon: "#96cff0"
+  },
+  Pressed: {
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Icon: "#83838c"
+  }
+}
+
+declare const OverflowMenuButton: OverflowMenuButtonTypes;
+
+export interface SplitMenuButtonTypes {
+  Primary: {
+    Default: {
+      Background: "#5bb3ea",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#96cff0",
+      BackgroundRight: "#5bb3ea",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    HoverRight: {
+      BackgroundLeft: "#5bb3ea",
+      BackgroundRight: "#96cff0",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#3d3d42",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      BackgroundLeft: "#5bb3ea",
+      BackgroundRight: "#5bb3ea",
+      Border: "#3d3d42",
+      Icon: "#343438"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#515157",
+      BackgroundRight: "#3d3d42",
+      BorderLeft: "#96cff0",
+      BorderRight: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    HoverRight: {
+      BackgroundLeft: "#3d3d42",
+      BackgroundRight: "#515157",
+      BorderLeft: "#5bb3ea",
+      BorderRight: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Icon: "#5bb3ea"
+    }
+  }
+}
+
+declare const SplitMenuButton: SplitMenuButtonTypes;
+
+export interface AppbarTypes {
+  Background: "#343438",
+  Border: "#515157",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+}
+
+declare const Appbar: AppbarTypes;
+
+export interface BadgeTypes {
+  Informative: {
+    Background: "lch(77.7 28.7 275 / 0.12)",
+    Text: "#aec0f5"
+  },
+  Neutral: {
+    Background: "lch(78.6 4.18 286 / 0.12)",
+    Text: "#c2c2ca"
+  },
+  Warning: {
+    Background: "lch(79.6 53.6 74.4 / 0.12)",
+    Text: "#f2b67b"
+  },
+  Negative: {
+    Background: "lch(77.8 28 21.1 / 0.12)",
+    Text: "#f3aeaf"
+  },
+  Positive: {
+    Background: "lch(78.2 32.7 144 / 0.12)",
+    Text: "#97cf9c"
+  },
+  Important: {
+    Background: "lch(77.5 31.1 309 / 0.12)",
+    Text: "#d3b4ed"
+  },
+  Violet: {
+    Background: "lch(77.3 30.9 295 / 0.12)",
+    Text: "#c4b8f3"
+  },
+  Pink: {
+    Background: "lch(77.6 29.9 340 / 0.12)",
+    Text: "#ecadd4"
+  }
+}
+
+declare const Badge: BadgeTypes;
+
+export interface BreadcrumbTypes {
+  Divider: "#515157",
+  AppTitle: {
+    Text: "#5bb3ea"
+  },
+  Default: {
+    Text: "#5bb3ea"
+  },
+  Truncated: {
+    Text: "#5bb3ea"
+  },
+  LastItem: {
+    Text: "#ffffff"
+  },
+  Collapsed: {
+    Background: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  WithDropdown: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  }
+}
+
+declare const Breadcrumb: BreadcrumbTypes;
+
+export interface CardTypes {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+}
+
+declare const Card: CardTypes;
+
+export interface CheckboxTypes {
+  Empty: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#696970",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#96cff0",
+      Text: "#ffffff"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff"
+    }
+  },
+  Checked: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff",
+      Icon: "#83838c"
+    }
+  },
+  Indeterminated: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff",
+      Icon: "#83838c"
+    }
+  }
+}
+
+declare const Checkbox: CheckboxTypes;
+
+export interface ContentPanelTypes {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+}
+
+declare const ContentPanel: ContentPanelTypes;
+
+export interface CalendarTypes {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Icon: "#ffffff",
+  Text: {
+    Default: "#ffffff",
+    Disabled: "#83838c"
+  },
+  SelectedItem: {
+    Text: "#343438",
+    Background: "#5bb3ea"
+  },
+  HoverItem: {
+    Background: "#515157",
+    Text: "#ffffff"
+  },
+  PresetArea: {
+    Background: "#343438",
+    HoverPeriod: {
+      Background: "#3d3d42"
+    },
+    ActivePeriod: {
+      Background: "#5bb3ea",
+      Text: "#343438"
+    }
+  }
+}
+
+declare const Calendar: CalendarTypes;
+
+export interface DateFieldTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#5bb3ea",
+    HintText: "#a3a3ab"
+  }
+}
+
+declare const DateField: DateFieldTypes;
+
+export interface DatePickerTypes {
+  Default: {
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Icon: "#96cff0"
+  },
+  Filled: {
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Icon: "#83838c"
+  },
+  Focus: {
+    Icon: "#5bb3ea"
+  }
+}
+
+declare const DatePicker: DatePickerTypes;
+
+export interface DateRangePickerTypes {
+  Default: {
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Icon: "#96cff0"
+  },
+  Filled: {
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Icon: "#83838c"
+  },
+  Focus: {
+    Icon: "#5bb3ea"
+  }
+}
+
+declare const DateRangePicker: DateRangePickerTypes;
+
+export interface DateRangeFieldTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#5bb3ea",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  }
+}
+
+declare const DateRangeField: DateRangeFieldTypes;
+
+export interface DateRangeInputTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  ActivePeriod: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    ActiveItem: {
+      Background: "#3d3d42",
+      Text: "#a3a3ab"
+    }
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  },
+  Disabled: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#5bb3ea",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  }
+}
+
+declare const DateRangeInput: DateRangeInputTypes;
+
+export interface DividerTypes {
+  Border: "#515157"
+}
+
+declare const Divider: DividerTypes;
+
+export interface DrawerTypes {
+  Background: "#3d3d42",
+  Text: "#ffffff",
+  Icon: {
+    Default: "#ffffff",
+    Disabled: "#83838c"
+  }
+}
+
+declare const Drawer: DrawerTypes;
+
+export interface DropdownTypes {
+  Icon: {
+    Default: "#ffffff",
+    Disabled: "#83838c"
+  },
+  Text: {
+    Default: "#ffffff",
+    Link: "#5bb3ea",
+    Description: "#a3a3ab",
+    Disabled: "#83838c"
+  },
+  Background: {
+    Default: "#343438",
+    Hover: "#3d3d42",
+    Category: "#343438"
+  }
+}
+
+declare const Dropdown: DropdownTypes;
+
+export interface GlobalHeaderTypes {
+  Background: "#232326",
+  Border: "#3d3d42",
+  Icon: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Search: {
+    Background: "#3d3d42",
+    Text: {
+      Placeholder: "#d6d6dd",
+      Filled: "#ffffff"
+    },
+    Icon: {
+      Default: "#d6d6dd",
+      Active: "#ffffff",
+      Hover: "#ffffff"
+    }
+  }
+}
+
+declare const GlobalHeader: GlobalHeaderTypes;
+
+export interface GlobalFooterTypes {
+  Background: "#232326",
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  }
+}
+
+declare const GlobalFooter: GlobalFooterTypes;
+
+export interface GroupSelectTypes {
+  Field: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Selected: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    }
+  },
+  Dropdown: {
+    Icon: "#ffffff",
+    Text: "#ffffff",
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42"
+    }
+  }
+}
+
+declare const GroupSelect: GroupSelectTypes;
+
+export interface InlineEditTypes {
+  Text: "#ffffff",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0"
+  },
+  AcceptIcon: {
+    Default: "#5bb3ea",
+    Hover: "#96cff0",
+    Disabled: "#83838c"
+  }
+}
+
+declare const InlineEdit: InlineEditTypes;
+
+export interface KpiBarTypes {
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea"
+  },
+  Item: {
+    Neutral: {
+      Default: {
+        Label: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#c2c2ca"
+      },
+      Hover: {
+        Label: "#c2c2ca",
+        Text: "#a3a3ab",
+        Background: "lch(78.6 4.18 286 / 0.12)",
+        Icon: "#c2c2ca"
+      },
+      Active: {
+        Label: "#c2c2ca",
+        Text: "#ffffff",
+        Border: "#c2c2ca",
+        Icon: "#c2c2ca"
+      }
+    },
+    Green: {
+      Default: {
+        Label: "#97cf9c",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#97cf9c",
+        Text: "#a3a3ab",
+        Background: "lch(78.2 32.7 144 / 0.12)"
+      },
+      Active: {
+        Label: "#97cf9c",
+        Text: "#ffffff",
+        Border: "#97cf9c"
+      }
+    },
+    Orange: {
+      Default: {
+        Label: "#f2b67b",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#f2b67b",
+        Text: "#a3a3ab",
+        Background: "lch(79.6 53.6 74.4 / 0.12)"
+      },
+      Active: {
+        Label: "#f2b67b",
+        Text: "#ffffff",
+        Border: "#f2b67b"
+      }
+    },
+    Purple: {
+      Default: {
+        Label: "#d3b4ed",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#d3b4ed",
+        Text: "#a3a3ab",
+        Background: "lch(77.5 31.1 309 / 0.12)"
+      },
+      Active: {
+        Label: "#d3b4ed",
+        Text: "#ffffff",
+        Border: "#d3b4ed"
+      }
+    },
+    Red: {
+      Default: {
+        Label: "#f3aeaf",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#f3aeaf",
+        Text: "#a3a3ab",
+        Background: "lch(77.8 28 21.1 / 0.12)"
+      },
+      Active: {
+        Label: "#f3aeaf",
+        Text: "#ffffff",
+        Border: "#f3aeaf"
+      }
+    },
+    Ultramarine: {
+      Default: {
+        Label: "#aec0f5",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#aec0f5",
+        Text: "#a3a3ab",
+        Background: "lch(77.7 28.7 275 / 0.12)"
+      },
+      Active: {
+        Label: "#aec0f5",
+        Text: "#ffffff",
+        Border: "#aec0f5"
+      }
+    },
+    Pink: {
+      Default: {
+        Label: "#ecadd4",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#ecadd4",
+        Text: "#a3a3ab",
+        Background: "lch(77.6 29.9 340 / 0.12)"
+      },
+      Active: {
+        Label: "#ecadd4",
+        Text: "#ffffff",
+        Border: "#ecadd4"
+      }
+    }
+  }
+}
+
+declare const KpiBar: KpiBarTypes;
+
+export interface LabelTypes {
+  Text: "#ffffff",
+  Icon: "#ffffff",
+  InfoIcon: "#a3a3ab"
+}
+
+declare const Label: LabelTypes;
+
+export interface ListTypes {
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea"
+  },
+  Background: {
+    Default: "#343438",
+    Hover: "#3d3d42"
+  }
+}
+
+declare const List: ListTypes;
+
+export interface MasterSwitchTypes {
+  ContentBackground: "#3d3d42",
+  SideBackground: "#343438",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+}
+
+declare const MasterSwitch: MasterSwitchTypes;
+
+export interface ModalTypes {
+  Background: "#3d3d42",
+  Icon: "#ffffff",
+  Text: {
+    Default: "#ffffff",
+    Description: "#a3a3ab"
+  }
+}
+
+declare const Modal: ModalTypes;
+
+export interface NotificationBannerTypes {
+  Text: "#ffffff",
+  Icon: "#ffffff",
+  Informative: {
+    Background: "#515157",
+    Border: "#8da4ef",
+    StatusIcon: "#8da4ef"
+  },
+  Tip: {
+    Background: "#515157",
+    Border: "#8da4ef",
+    StatusIcon: "#8da4ef"
+  },
+  Warning: {
+    Background: "#515157",
+    Border: "#edb016",
+    StatusIcon: "#edb016"
+  },
+  Success: {
+    Background: "#515157",
+    Border: "#65ba75",
+    StatusIcon: "#65ba75"
+  },
+  Error: {
+    Background: "#515157",
+    Border: "#eb9091",
+    StatusIcon: "#eb9091"
+  },
+  Secondary: {
+    Background: "#515157",
+    Border: "#c2c2ca",
+    StatusIcon: "#ffffff"
+  }
+}
+
+declare const NotificationBanner: NotificationBannerTypes;
+
+export interface NotificationToastTypes {
+  Text: "#ffffff",
+  Icon: "#ffffff",
+  Informative: {
+    Background: "#515157",
+    IconBackground: "#4067e5",
+    Border: "#8da4ef",
+    StatusIcon: "#ffffff"
+  },
+  Tip: {
+    Background: "#515157",
+    IconBackground: "#4067e5",
+    Border: "#8da4ef",
+    StatusIcon: "#ffffff"
+  },
+  Warning: {
+    Background: "#515157",
+    IconBackground: "#fecb34",
+    Border: "#edb016",
+    StatusIcon: "#3d3d42"
+  },
+  Success: {
+    Background: "#515157",
+    IconBackground: "#00b050",
+    Border: "#65ba75",
+    StatusIcon: "#ffffff"
+  },
+  Error: {
+    Background: "#515157",
+    IconBackground: "#d63c42",
+    Border: "#eb9091",
+    StatusIcon: "#ffffff"
+  }
+}
+
+declare const NotificationToast: NotificationToastTypes;
+
+export interface PaginationTypes {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Text: {
+    Default: "#ffffff",
+    Link: "#5bb3ea",
+    Hover: "#96cff0",
+    Disabled: "#83838c"
+  },
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea",
+    Disabled: "#83838c"
+  }
+}
+
+declare const Pagination: PaginationTypes;
+
+export interface PopoverTypes {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Icon: "#ffffff",
+  Text: {
+    Default: "#ffffff",
+    Link: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0"
+    }
+  }
+}
+
+declare const Popover: PopoverTypes;
+
+export interface ProgressBarTypes {
+  Text: {
+    Default: "#ffffff",
+    Link: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0"
+    }
+  },
+  StatusLine: {
+    Default: "#515157",
+    Success: "#00b050",
+    Error: "#d63c42"
+  }
+}
+
+declare const ProgressBar: ProgressBarTypes;
+
+export interface NumericSpinnerTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+}
+
+declare const NumericSpinner: NumericSpinnerTypes;
+
+export interface RadioButtonTypes {
+  Inactive: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#696970",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#96cff0",
+      Text: "#ffffff"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff"
+    }
+  },
+  Active: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#96cff0",
+      Text: "#ffffff"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff"
+    }
+  }
+}
+
+declare const RadioButton: RadioButtonTypes;
+
+export interface SearchTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab",
+    SearchIcon: "#83838c"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091",
+    SearchIcon: "#a3a3ab"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  }
+}
+
+declare const Search: SearchTypes;
+
+export interface SegmentedButtonTypes {
+  Default: {
+    Background: "#3d3d42",
+    Border: "#5bb3ea",
+    Text: "#5bb3ea",
+    Icon: "#5bb3ea"
+  },
+  Hover: {
+    Background: "#515157",
+    Border: "#96cff0",
+    Text: "#5bb3ea",
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  DisabledChecked: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  Active: {
+    Background: "#5bb3ea",
+    Border: "#5bb3ea",
+    Text: "#343438",
+    Icon: "#343438"
+  }
+}
+
+declare const SegmentedButton: SegmentedButtonTypes;
+
+export interface SideNavigationTypes {
+  Icon: "#ffffff",
+  Border: "#515157",
+  Background: {
+    Default: "#343438",
+    SecondLevel: "#343438"
+  },
+  DefaultMenuItem: {
+    Background: "#343438",
+    Icon: "#ffffff",
+    Text: "#ffffff",
+    Label: {
+      Text: "#ffffff",
+      Background: "#343438",
+      Border: "#515157"
+    }
+  },
+  HoverMenuItem: {
+    Background: "#3d3d42",
+    Icon: "#ffffff",
+    Text: "#ffffff",
+    Label: {
+      Text: "#ffffff",
+      Background: "#343438",
+      Border: "#515157"
+    }
+  },
+  SelectedMenuItem: {
+    Background: "#5bb3ea",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#ffffff",
+      Background: "#0174bc"
+    }
+  }
+}
+
+declare const SideNavigation: SideNavigationTypes;
+
+export interface SelectTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091",
+    InfoIcon: "#a3a3ab"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff"
+  }
+}
+
+declare const Select: SelectTypes;
+
+export interface SidePanelTypes {
+  Background: "#3d3d42",
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0"
+  }
+}
+
+declare const SidePanel: SidePanelTypes;
+
+export interface SwitchTypes {
+  Active: {
+    Default: {
+      Background: "#5bb3ea",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Focus: {
+      Background: "#5bb3ea",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Icon: "#83838c",
+      Circle: "#ffffff",
+      Text: "#83838c"
+    }
+  },
+  Inactive: {
+    Default: {
+      Background: "#696970",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#a3a3ab",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Focus: {
+      Background: "#696970",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Circle: "#ffffff",
+      Text: "#83838c"
+    }
+  }
+}
+
+declare const Switch: SwitchTypes;
+
+export interface TabTypes {
+  Default: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    Border: "#515157"
+  },
+  Hover: {
+    Text: "#96cff0",
+    Icon: "#96cff0",
+    Border: "#515157"
+  },
+  Active: {
+    Text: "#5bb3ea",
+    Icon: "#5bb3ea",
+    Border: "#5bb3ea"
+  },
+  Disabled: {
+    Text: "#83838c",
+    Icon: "#83838c",
+    Border: "#515157"
+  }
+}
+
+declare const Tab: TabTypes;
+
+export interface TagTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Focus: {
+    Background: "#3d3d42",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+}
+
+declare const Tag: TagTypes;
+
+export interface TagInputTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    HintText: "#a3a3ab"
+  },
+  Placeholder: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+}
+
+declare const TagInput: TagInputTypes;
+
+export interface TextAreaTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Placeholder: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    HintText: "#eb9091",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  ReadOnly: {
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+}
+
+declare const TextArea: TextAreaTypes;
+
+export interface TextFieldTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Placeholder: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    HintText: "#eb9091",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  ReadOnly: {
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+}
+
+declare const TextField: TextFieldTypes;
+
+export interface TimePickerTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Text: "#ffffff"
+  }
+}
+
+declare const TimePicker: TimePickerTypes;
+
+export interface TooltipTypes {
+  Background: "#ffffff",
+  Text: "#343438"
+}
+
+declare const Tooltip: TooltipTypes;
+
+export interface TreeTypes {
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea"
+  },
+  Background: {
+    Default: "#343438",
+    Hover: "#3d3d42"
+  },
+  ExpandedArea: {
+    Border: "#696970"
+  }
+}
+
+declare const Tree: TreeTypes;
+
+export interface WidgetTypes {
+  Download: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Background: {
+      Header: "#343438",
+      Default: "#3d3d42"
+    },
+    Icon: {
+      Default: "#ffffff",
+      Success: "#65ba75",
+      Error: "#eb9091"
+    }
+  },
+  Upload: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Icon: "#ffffff",
+      Text: {
+        Default: "#ffffff",
+        Link: "#5bb3ea"
+      }
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Icon: "#ffffff",
+      Text: {
+        Default: "#ffffff",
+        Link: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Icon: "#83838c",
+      Text: "#83838c"
+    }
+  }
+}
+
+declare const Widget: WidgetTypes;
+
+export interface StepperTypes {
+  Horizontal: {
+    Line: "#515157",
+    PastItem: {
+      Circle: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    CurrentItem: {
+      Circle: {
+        Background: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#343438",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      Text: "#83838c"
+    }
+  },
+  Vertical: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Icon: "#ffffff",
+    PastItem: {
+      Circle: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    CurrentItem: {
+      Icon: "#5bb3ea",
+      Circle: {
+        Background: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#343438",
+        Border: "#696970",
+        Text: "#a3a3ab"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    DisabledItem: {
+      Circle: {
+        Background: "#343438",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      Text: "#83838c"
+    }
+  }
+}
+
+declare const Stepper: StepperTypes;
+
+export interface AdvancedSearchTypes {
+  FilterIcon: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Applied: {
+      Icon: "#5bb3ea",
+      Badge: {
+        Background: "#d63c42",
+        Text: "#ffffff"
+      }
+    },
+    Disabled: {
+      Icon: "#83838c",
+      Badge: {
+        Background: "#83838c",
+        Text: "#ffffff"
+      }
+    }
+  },
+  FilterArea: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: {
+      Default: "#ffffff",
+      Link: "#5bb3ea"
+    },
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    },
+    Tag: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      OperatorIcon: "#c25d05",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0"
+      }
+    }
+  }
+}
+
+declare const AdvancedSearch: AdvancedSearchTypes;
+
+export interface SegmentedStatusButtonTypes {
+  Default: {
+    Background: "#3d3d42",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#515157",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  DisabledPositive: {
+    Background: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ActivePositive: {
+    Background: "#65ba75",
+    Text: "#343438",
+    Icon: "#343438"
+  },
+  DisabledNegative: {
+    Background: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ActiveNegative: {
+    Background: "#eb9091",
+    Text: "#343438",
+    Icon: "#343438"
+  },
+  DisabledNeutral: {
+    Background: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ActiveNeutral: {
+    Background: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+}
+
+declare const SegmentedStatusButton: SegmentedStatusButtonTypes;
+
+export interface LinkSelectTypes {
+  Default: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Text: "#96cff0",
+    Icon: "#96cff0"
+  },
+  Filled: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  },
+  Disabled: {
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  Focus: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  },
+  ReadOnly: {
+    Text: "#ffffff"
+  }
+}
+
+declare const LinkSelect: LinkSelectTypes;
+      
\ No newline at end of file
diff --git a/dist/themes/dark/index.js b/dist/themes/dark/index.js
new file mode 100644
index 0000000..c0bd665
--- /dev/null
+++ b/dist/themes/dark/index.js
@@ -0,0 +1,5407 @@
+
+  /**
+   * Do not edit directly
+   * Generated on 2024-08-21
+   */
+  export const Global = {
+  Color: {
+    Neutrals: {
+      5: "#f7f7fa",
+      10: "#ededf2",
+      20: "#e5e5ea",
+      30: "#d6d6dd",
+      40: "#c2c2ca",
+      50: "#a3a3ab",
+      60: "#83838c",
+      70: "#696970",
+      80: "#515157",
+      90: "#3d3d42",
+      100: "#343438",
+      Black: "#232326",
+      White: "#ffffff"
+    },
+    Brand: {
+      5: "#f5fbff",
+      10: "#edf8ff",
+      20: "#e1f4ff",
+      30: "#ceedfe",
+      40: "#afdef8",
+      50: "#96cff0",
+      60: "#5bb3ea",
+      70: "#009cde",
+      80: "#108ad6",
+      90: "#0174bc",
+      100: "#00314d"
+    },
+    Red: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      80: "#d0343a",
+      90: "#b82329",
+      100: "#381316"
+    },
+    Orange: {
+      5: "#fef9f4",
+      10: "#fff3e7",
+      20: "#ffebd7",
+      30: "#ffe1c3",
+      40: "#facfa4",
+      50: "#f2b67b",
+      60: "#f09d4b",
+      70: "#fe9933",
+      80: "#f0821d",
+      90: "#c25d05",
+      100: "#451e11"
+    },
+    Amber: {
+      5: "#fff9ed",
+      10: "#fff4d5",
+      20: "#ffecbc",
+      30: "#ffe3a2",
+      40: "#facf83",
+      50: "#f3ba63",
+      60: "#edb016",
+      70: "#fecb34",
+      80: "#f2b90e",
+      90: "#ce9a00",
+      100: "#403104"
+    },
+    Yellow: {
+      5: "#ffffeb",
+      10: "#fafadf",
+      20: "#f9f9c9",
+      30: "#f8f8b6",
+      40: "#f5f596",
+      50: "#e8e86a",
+      60: "#dfdf39",
+      70: "#f5f531",
+      80: "#e5e50a",
+      90: "#bfbf0d",
+      100: "#35290f"
+    },
+    Lime: {
+      5: "#f7fcf0",
+      10: "#eefadc",
+      20: "#e4f7c7",
+      30: "#d7f2b0",
+      40: "#c9e894",
+      50: "#b1d16a",
+      60: "#94ba2c",
+      70: "#99d52a",
+      80: "#93c926",
+      90: "#5d770d",
+      100: "#263209"
+    },
+    Green: {
+      5: "#f3fcf3",
+      10: "#ebf9eb",
+      20: "#dff3df",
+      30: "#ceebcf",
+      40: "#b7dfba",
+      50: "#97cf9c",
+      60: "#65ba75",
+      70: "#00b050",
+      80: "#07a04d",
+      90: "#138246",
+      100: "#1b311e"
+    },
+    Teal: {
+      5: "#f1fcfa",
+      10: "#e7f9f5",
+      20: "#d9f3ee",
+      30: "#c7ebe5",
+      40: "#afdfd7",
+      50: "#8dcec3",
+      60: "#53b9ab",
+      70: "#12a594",
+      80: "#0e9888",
+      90: "#067a6f",
+      100: "#10302b"
+    },
+    Cyan: {
+      5: "#f2fcfd",
+      10: "#e7f9fb",
+      20: "#d8f3f6",
+      30: "#aadee6",
+      40: "#84cdda",
+      50: "#84cdda",
+      60: "#3db9cf",
+      70: "#05a2c2",
+      80: "#0894b3",
+      90: "#0c7792",
+      100: "#04313c"
+    },
+    Ultramarine: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      80: "#3a5ccc",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Violet: {
+      5: "#fbfaff",
+      10: "#f5f2ff",
+      20: "#ede9fe",
+      30: "#e4defc",
+      40: "#d7cff9",
+      50: "#c4b8f3",
+      60: "#aa99ec",
+      70: "#7259d6",
+      80: "#644fc1",
+      90: "#5746af",
+      100: "#20134b"
+    },
+    Purple: {
+      5: "#fdfaff",
+      10: "#f9f1fe",
+      20: "#f3e7fc",
+      30: "#eddbf9",
+      40: "#e3ccf4",
+      50: "#d3b4ed",
+      60: "#be93e4",
+      70: "#8e4ec6",
+      80: "#8445bc",
+      90: "#753bbd",
+      100: "#2b0e44"
+    },
+    Magenta: {
+      5: "#fff8ff",
+      10: "#fceffc",
+      20: "#f9e5f9",
+      30: "#f3d9f4",
+      40: "#ebc8ed",
+      50: "#dfafe3",
+      60: "#cf91d8",
+      70: "#ab4aba",
+      80: "#a43cb4",
+      90: "#9c2bad",
+      100: "#340c3b"
+    },
+    Pink: {
+      5: "#fff7fc",
+      10: "#feeef8",
+      20: "#fce5f3",
+      30: "#f9d8ec",
+      40: "#f3c6e2",
+      50: "#ecadd4",
+      60: "#e38ec3",
+      70: "#e043a7",
+      80: "#d23197",
+      90: "#cd1d8d",
+      100: "#3b0a2a"
+    },
+    Brown: {
+      5: "#fbf9f2",
+      10: "#f5f2e9",
+      20: "#eeeadd",
+      30: "#e5dfd0",
+      40: "#dad1bd",
+      50: "#cbbda4",
+      60: "#b8a383",
+      70: "#978365",
+      80: "#8c795d",
+      90: "#776750",
+      100: "#3b352b"
+    }
+  },
+  Spacing: {
+    0: "0rem",
+    10: "0.125rem",
+    20: "0.25rem",
+    30: "0.375rem",
+    40: "0.5rem",
+    50: "0.75rem",
+    60: "1rem",
+    70: "1.5rem",
+    80: "2rem",
+    90: "3rem"
+  },
+  Font: {
+    FontFamily: {
+      Brand: "'Nunito Sans'",
+      Code: "'Fira Code'"
+    },
+    FontWeight: {
+      Semibold: "600",
+      Bold: "700",
+      Extrabold: "800",
+      Regular: {
+        Normal: "400",
+        Italic: "400"
+      }
+    },
+    FontSize: {
+      Xxxs: "0.75rem",
+      Xxs: "0.813rem",
+      Xs: "0.875rem",
+      S: "1rem",
+      M: "1.125rem",
+      L: "1.25rem",
+      Xl: "1.5rem",
+      Xxl: "1.75rem",
+      Xxxl: "2.25rem"
+    },
+    LineHeight: {
+      Xxxs: "1rem",
+      Xxs: "1.125rem",
+      Xs: "1.25rem",
+      S: "1.5rem",
+      M: "1.625rem",
+      L: "1.875rem",
+      Xl: "2rem",
+      Xxl: "2.375rem",
+      Xxxl: "2.625rem"
+    },
+    Textcase: {
+      Uppercase: "uppercase"
+    }
+  },
+  BorderRadius: {
+    None: "0rem"
+  }
+};
+
+export const Color = {
+  Neutrals: {
+    5: "#f7f7fa",
+    10: "#ededf2",
+    20: "#e5e5ea",
+    30: "#d6d6dd",
+    40: "#c2c2ca",
+    50: "#a3a3ab",
+    60: "#83838c",
+    70: "#696970",
+    80: "#515157",
+    90: "#3d3d42",
+    100: "#343438",
+    Black: "#232326",
+    White: "#ffffff"
+  },
+  Brand: {
+    5: "#f5fbff",
+    10: "#edf8ff",
+    20: "#e1f4ff",
+    30: "#ceedfe",
+    40: "#afdef8",
+    50: "#96cff0",
+    60: "#5bb3ea",
+    70: "#009cde",
+    80: "#108ad6",
+    90: "#0174bc",
+    100: "#00314d"
+  },
+  Red: {
+    5: "#fff8f8",
+    10: "#ffefef",
+    20: "#ffe5e5",
+    30: "#fdd8d8",
+    40: "#f9c6c6",
+    50: "#f3aeaf",
+    60: "#eb9091",
+    70: "#d63c42",
+    80: "#d0343a",
+    90: "#b82329",
+    100: "#381316"
+  },
+  Orange: {
+    5: "#fef9f4",
+    10: "#fff3e7",
+    20: "#ffebd7",
+    30: "#ffe1c3",
+    40: "#facfa4",
+    50: "#f2b67b",
+    60: "#f09d4b",
+    70: "#fe9933",
+    80: "#f0821d",
+    90: "#c25d05",
+    100: "#451e11"
+  },
+  Amber: {
+    5: "#fff9ed",
+    10: "#fff4d5",
+    20: "#ffecbc",
+    30: "#ffe3a2",
+    40: "#facf83",
+    50: "#f3ba63",
+    60: "#edb016",
+    70: "#fecb34",
+    80: "#f2b90e",
+    90: "#ce9a00",
+    100: "#403104"
+  },
+  Yellow: {
+    5: "#ffffeb",
+    10: "#fafadf",
+    20: "#f9f9c9",
+    30: "#f8f8b6",
+    40: "#f5f596",
+    50: "#e8e86a",
+    60: "#dfdf39",
+    70: "#f5f531",
+    80: "#e5e50a",
+    90: "#bfbf0d",
+    100: "#35290f"
+  },
+  Lime: {
+    5: "#f7fcf0",
+    10: "#eefadc",
+    20: "#e4f7c7",
+    30: "#d7f2b0",
+    40: "#c9e894",
+    50: "#b1d16a",
+    60: "#94ba2c",
+    70: "#99d52a",
+    80: "#93c926",
+    90: "#5d770d",
+    100: "#263209"
+  },
+  Green: {
+    5: "#f3fcf3",
+    10: "#ebf9eb",
+    20: "#dff3df",
+    30: "#ceebcf",
+    40: "#b7dfba",
+    50: "#97cf9c",
+    60: "#65ba75",
+    70: "#00b050",
+    80: "#07a04d",
+    90: "#138246",
+    100: "#1b311e"
+  },
+  Teal: {
+    5: "#f1fcfa",
+    10: "#e7f9f5",
+    20: "#d9f3ee",
+    30: "#c7ebe5",
+    40: "#afdfd7",
+    50: "#8dcec3",
+    60: "#53b9ab",
+    70: "#12a594",
+    80: "#0e9888",
+    90: "#067a6f",
+    100: "#10302b"
+  },
+  Cyan: {
+    5: "#f2fcfd",
+    10: "#e7f9fb",
+    20: "#d8f3f6",
+    30: "#aadee6",
+    40: "#84cdda",
+    50: "#84cdda",
+    60: "#3db9cf",
+    70: "#05a2c2",
+    80: "#0894b3",
+    90: "#0c7792",
+    100: "#04313c"
+  },
+  Ultramarine: {
+    5: "#f8faff",
+    10: "#f0f4ff",
+    20: "#e6edfe",
+    30: "#d9e2fc",
+    40: "#c6d4f9",
+    50: "#aec0f5",
+    60: "#8da4ef",
+    70: "#4067e5",
+    80: "#3a5ccc",
+    90: "#3451b2",
+    100: "#002856"
+  },
+  Violet: {
+    5: "#fbfaff",
+    10: "#f5f2ff",
+    20: "#ede9fe",
+    30: "#e4defc",
+    40: "#d7cff9",
+    50: "#c4b8f3",
+    60: "#aa99ec",
+    70: "#7259d6",
+    80: "#644fc1",
+    90: "#5746af",
+    100: "#20134b"
+  },
+  Purple: {
+    5: "#fdfaff",
+    10: "#f9f1fe",
+    20: "#f3e7fc",
+    30: "#eddbf9",
+    40: "#e3ccf4",
+    50: "#d3b4ed",
+    60: "#be93e4",
+    70: "#8e4ec6",
+    80: "#8445bc",
+    90: "#753bbd",
+    100: "#2b0e44"
+  },
+  Magenta: {
+    5: "#fff8ff",
+    10: "#fceffc",
+    20: "#f9e5f9",
+    30: "#f3d9f4",
+    40: "#ebc8ed",
+    50: "#dfafe3",
+    60: "#cf91d8",
+    70: "#ab4aba",
+    80: "#a43cb4",
+    90: "#9c2bad",
+    100: "#340c3b"
+  },
+  Pink: {
+    5: "#fff7fc",
+    10: "#feeef8",
+    20: "#fce5f3",
+    30: "#f9d8ec",
+    40: "#f3c6e2",
+    50: "#ecadd4",
+    60: "#e38ec3",
+    70: "#e043a7",
+    80: "#d23197",
+    90: "#cd1d8d",
+    100: "#3b0a2a"
+  },
+  Brown: {
+    5: "#fbf9f2",
+    10: "#f5f2e9",
+    20: "#eeeadd",
+    30: "#e5dfd0",
+    40: "#dad1bd",
+    50: "#cbbda4",
+    60: "#b8a383",
+    70: "#978365",
+    80: "#8c795d",
+    90: "#776750",
+    100: "#3b352b"
+  }
+};
+
+export const Spacing = {
+  0: "0rem",
+  10: "0.125rem",
+  20: "0.25rem",
+  30: "0.375rem",
+  40: "0.5rem",
+  50: "0.75rem",
+  60: "1rem",
+  70: "1.5rem",
+  80: "2rem",
+  90: "3rem"
+};
+
+export const Font = {
+  FontFamily: {
+    Brand: "'Nunito Sans'",
+    Code: "'Fira Code'"
+  },
+  FontWeight: {
+    Semibold: "600",
+    Bold: "700",
+    Extrabold: "800",
+    Regular: {
+      Normal: "400",
+      Italic: "400"
+    }
+  },
+  FontSize: {
+    Xxxs: "0.75rem",
+    Xxs: "0.813rem",
+    Xs: "0.875rem",
+    S: "1rem",
+    M: "1.125rem",
+    L: "1.25rem",
+    Xl: "1.5rem",
+    Xxl: "1.75rem",
+    Xxxl: "2.25rem"
+  },
+  LineHeight: {
+    Xxxs: "1rem",
+    Xxs: "1.125rem",
+    Xs: "1.25rem",
+    S: "1.5rem",
+    M: "1.625rem",
+    L: "1.875rem",
+    Xl: "2rem",
+    Xxl: "2.375rem",
+    Xxxl: "2.625rem"
+  },
+  Textcase: {
+    Uppercase: "uppercase"
+  }
+};
+
+export const BorderRadius = {
+  None: "0rem"
+};
+
+export const Alias = {
+  Content: {
+    Text: {
+      Base: "#343438",
+      Negative: "#eb9091",
+      Warning: "#fecb34",
+      Positive: "#00b050",
+      Informative: "#4067e5",
+      Primary: {
+        Default: "#ffffff",
+        Disabled: "#83838c"
+      },
+      Secondary: {
+        Default: "#a3a3ab",
+        Disabled: "#83838c"
+      },
+      Link: {
+        Default: "#5bb3ea",
+        Hover: "#96cff0",
+        Disabled: "#83838c"
+      }
+    },
+    Icon: {
+      Base: "#343438",
+      Negative: "#eb9091",
+      Warning: "#edb016",
+      Positive: "#65ba75",
+      Informative: "#8da4ef",
+      Primary: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea",
+        Disabled: "#83838c"
+      },
+      Secondary: {
+        Default: "#a3a3ab",
+        Disabled: "#83838c"
+      }
+    }
+  },
+  Border: {
+    Normal: "#515157",
+    Neutral: "#c2c2ca",
+    Negative: "#eb9091",
+    Warning: "#edb016",
+    Positive: "#65ba75",
+    Informative: "#8da4ef"
+  },
+  Background: {
+    Normal: "#3d3d42",
+    Neutral: "#343438",
+    Base: "#ffffff",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Black: "#232326",
+    Negativesubtle: "#515157",
+    Warningsubtle: "#515157",
+    Positivesubtle: "#515157",
+    Informativesubtle: "#515157",
+    Neutralsubtle: "#515157",
+    Overlay: "lch(13.8 2.09 286 / 0.84)"
+  },
+  Action: {
+    Base: "#3d3d42",
+    Neutral: "#696970",
+    White50: "#ffffff",
+    Primary: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0",
+      Active: "#5bb3ea",
+      Disabled: "#515157"
+    },
+    Secondary: {
+      Hover: "#515157",
+      Disabled: "#515157"
+    },
+    Tertiary: {
+      Disabled: "#515157"
+    },
+    Positive: {
+      Default: "#65ba75",
+      Disabled: "#515157"
+    },
+    Negative: {
+      Default: "#eb9091",
+      Disabled: "#515157"
+    }
+  },
+  Interaction: {
+    Border: {
+      Default: "#696970",
+      Hover: "#c2c2ca",
+      Focus: "#5bb3ea",
+      Error: "#eb9091",
+      Disabled: "#515157"
+    },
+    Background: {
+      Primary: "#343438",
+      Secondary: "#343438",
+      Tertiary: "#3d3d42",
+      Elevated: "#515157",
+      Accent: "#5bb3ea",
+      Active: "#5bb3ea",
+      Disabled: "#515157"
+    }
+  },
+  Elevation: {
+    S: "0 2px 6px 0 rgba(0,0,0,0.18)",
+    SInverted: "0 -2px 6px 0 rgba(0,0,0,0.18)",
+    L: "0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08)"
+  },
+  Typography: {
+    Heading: {
+      Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+      Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+      Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+      L: "700 1.25rem/1.625rem 'Nunito Sans'",
+      M: "700 1.125rem/1.5rem 'Nunito Sans'",
+      S: "700 1rem/1.25rem 'Nunito Sans'",
+      Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+      Overline: "800 0.75rem/1rem 'Nunito Sans'",
+      OverlineLetterSpacing: "0.023rem",
+      OverlineTextCase: "uppercase"
+    },
+    Body: {
+      Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+      Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+      Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+      List: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+    },
+    Label: {
+      Semibold: {
+        L: "600 1rem/1.25rem 'Nunito Sans'",
+        S: "600 0.875rem/1rem 'Nunito Sans'",
+        Xs: "600 0.75rem/1rem 'Nunito Sans'"
+      },
+      Bold: {
+        L: "700 1rem/1.25rem 'Nunito Sans'",
+        S: "700 0.875rem/1rem 'Nunito Sans'",
+        Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+      },
+      Regular: {
+        S: "400 0.875rem/1rem 'Nunito Sans'",
+        Xs: "400 0.75rem/1rem 'Nunito Sans'",
+        Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+      }
+    },
+    Code: "400 0.813rem/1.25rem 'Fira Code'"
+  },
+  Accent: {
+    Info: {
+      Primary: "#aec0f5",
+      Secondary: "lch(77.7 28.7 275 / 0.12)"
+    },
+    Neutral: {
+      Primary: "#c2c2ca",
+      Secondary: "lch(78.6 4.18 286 / 0.12)"
+    },
+    Warning: {
+      Primary: "#f2b67b",
+      Secondary: "lch(79.6 53.6 74.4 / 0.12)"
+    },
+    Negative: {
+      Primary: "#f3aeaf",
+      Secondary: "lch(77.8 28 21.1 / 0.12)"
+    },
+    Positive: {
+      Primary: "#97cf9c",
+      Secondary: "lch(78.2 32.7 144 / 0.12)"
+    },
+    Important: {
+      Primary: "#d3b4ed",
+      Secondary: "lch(77.5 31.1 309 / 0.12)"
+    },
+    Pink: {
+      Primary: "#ecadd4",
+      Secondary: "lch(77.6 29.9 340 / 0.12)"
+    },
+    Violet: {
+      Primary: "#c4b8f3",
+      Secondary: "lch(77.3 30.9 295 / 0.12)"
+    }
+  },
+  Chart: {
+    Neutral: "#515157",
+    Categorical: {
+      1: {
+        Primary: "#4067e5",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(46.5 72.3 286 / 0.2)"
+      },
+      2: {
+        Primary: "#fe9933",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(72.9 74.2 63 / 0.2)"
+      },
+      3: {
+        Primary: "#12a594",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(60.7 39.7 183 / 0.2)"
+      },
+      4: {
+        Primary: "#ab4aba",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(48.2 66.6 322 / 0.2)"
+      },
+      5: {
+        Primary: "#d63c42",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+      },
+      6: {
+        Primary: "#05a2c2",
+        Inactive: "#aadee6",
+        Transparent: "lch(61 38.6 224 / 0.2)"
+      },
+      7: {
+        Primary: "#e043a7",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(55 70 344 / 0.2)"
+      },
+      8: {
+        Primary: "#00b050",
+        Inactive: "#ceebcf",
+        Transparent: "lch(63 67 146 / 0.2)"
+      },
+      9: {
+        Primary: "#7259d6",
+        Inactive: "#e4defc",
+        Transparent: "lch(45.6 71 299 / 0.2)"
+      },
+      10: {
+        Primary: "#99d52a",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(79 79.1 118 / 0.2)"
+      },
+      11: {
+        Primary: "#696970",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(44.6 4.09 286 / 0.2)"
+      },
+      12: {
+        Primary: "#8da4ef",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(67.9 41.2 278 / 0.2)"
+      },
+      13: {
+        Primary: "#c25d05",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+      },
+      14: {
+        Primary: "#067a6f",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(45.6 31.8 185 / 0.2)"
+      },
+      15: {
+        Primary: "#cf91d8",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(68.3 42.4 321 / 0.2)"
+      },
+      16: {
+        Primary: "#eb9091",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+      },
+      17: {
+        Primary: "#0c7792",
+        Inactive: "#aadee6",
+        Transparent: "lch(45.7 30.9 228 / 0.2)"
+      },
+      18: {
+        Primary: "#e38ec3",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(69.3 40.8 341 / 0.2)"
+      },
+      19: {
+        Primary: "#97cf9c",
+        Inactive: "#ceebcf",
+        Transparent: "lch(78.2 32.7 144 / 0.2)"
+      },
+      20: {
+        Primary: "#aa99ec",
+        Inactive: "#e4defc",
+        Transparent: "lch(67.2 44.6 296 / 0.2)"
+      },
+      21: {
+        Primary: "#94ba2c",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(70.8 67.7 114 / 0.2)"
+      },
+      22: {
+        Primary: "#3d3d42",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(25.9 3.2 286 / 0.2)"
+      }
+    },
+    Monochromatic: {
+      Default: {
+        5: "#f8faff",
+        10: "#f0f4ff",
+        20: "#e6edfe",
+        30: "#d9e2fc",
+        40: "#c6d4f9",
+        50: "#aec0f5",
+        60: "#8da4ef",
+        70: "#4067e5",
+        90: "#3451b2",
+        100: "#002856"
+      },
+      Danger: {
+        5: "#fff8f8",
+        10: "#ffefef",
+        20: "#ffe5e5",
+        30: "#fdd8d8",
+        40: "#f9c6c6",
+        50: "#f3aeaf",
+        60: "#eb9091",
+        70: "#d63c42",
+        90: "#b82329",
+        100: "#381316"
+      }
+    },
+    Status: {
+      Negative: "#d63c42",
+      Warning: "#fecb34",
+      Positive: "#00b050"
+    }
+  }
+};
+
+export const Content = {
+  Text: {
+    Base: "#343438",
+    Negative: "#eb9091",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Primary: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    },
+    Secondary: {
+      Default: "#a3a3ab",
+      Disabled: "#83838c"
+    },
+    Link: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    }
+  },
+  Icon: {
+    Base: "#343438",
+    Negative: "#eb9091",
+    Warning: "#edb016",
+    Positive: "#65ba75",
+    Informative: "#8da4ef",
+    Primary: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea",
+      Disabled: "#83838c"
+    },
+    Secondary: {
+      Default: "#a3a3ab",
+      Disabled: "#83838c"
+    }
+  }
+};
+
+export const Border = {
+  Normal: "#515157",
+  Neutral: "#c2c2ca",
+  Negative: "#eb9091",
+  Warning: "#edb016",
+  Positive: "#65ba75",
+  Informative: "#8da4ef"
+};
+
+export const Background = {
+  Normal: "#3d3d42",
+  Neutral: "#343438",
+  Base: "#ffffff",
+  Negative: "#d63c42",
+  Warning: "#fecb34",
+  Positive: "#00b050",
+  Informative: "#4067e5",
+  Black: "#232326",
+  Negativesubtle: "#515157",
+  Warningsubtle: "#515157",
+  Positivesubtle: "#515157",
+  Informativesubtle: "#515157",
+  Neutralsubtle: "#515157",
+  Overlay: "lch(13.8 2.09 286 / 0.84)"
+};
+
+export const Action = {
+  Base: "#3d3d42",
+  Neutral: "#696970",
+  White50: "#ffffff",
+  Primary: {
+    Default: "#5bb3ea",
+    Hover: "#96cff0",
+    Active: "#5bb3ea",
+    Disabled: "#515157"
+  },
+  Secondary: {
+    Hover: "#515157",
+    Disabled: "#515157"
+  },
+  Tertiary: {
+    Disabled: "#515157"
+  },
+  Positive: {
+    Default: "#65ba75",
+    Disabled: "#515157"
+  },
+  Negative: {
+    Default: "#eb9091",
+    Disabled: "#515157"
+  }
+};
+
+export const Interaction = {
+  Border: {
+    Default: "#696970",
+    Hover: "#c2c2ca",
+    Focus: "#5bb3ea",
+    Error: "#eb9091",
+    Disabled: "#515157"
+  },
+  Background: {
+    Primary: "#343438",
+    Secondary: "#343438",
+    Tertiary: "#3d3d42",
+    Elevated: "#515157",
+    Accent: "#5bb3ea",
+    Active: "#5bb3ea",
+    Disabled: "#515157"
+  }
+};
+
+export const Elevation = {
+  S: "0 2px 6px 0 rgba(0,0,0,0.18)",
+  SInverted: "0 -2px 6px 0 rgba(0,0,0,0.18)",
+  L: "0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08)"
+};
+
+export const Typography = {
+  Heading: {
+    Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+    Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+    Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+    L: "700 1.25rem/1.625rem 'Nunito Sans'",
+    M: "700 1.125rem/1.5rem 'Nunito Sans'",
+    S: "700 1rem/1.25rem 'Nunito Sans'",
+    Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+    Overline: "800 0.75rem/1rem 'Nunito Sans'",
+    OverlineLetterSpacing: "0.023rem",
+    OverlineTextCase: "uppercase"
+  },
+  Body: {
+    Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+    Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+    Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+    List: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+  },
+  Label: {
+    Semibold: {
+      L: "600 1rem/1.25rem 'Nunito Sans'",
+      S: "600 0.875rem/1rem 'Nunito Sans'",
+      Xs: "600 0.75rem/1rem 'Nunito Sans'"
+    },
+    Bold: {
+      L: "700 1rem/1.25rem 'Nunito Sans'",
+      S: "700 0.875rem/1rem 'Nunito Sans'",
+      Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+    },
+    Regular: {
+      S: "400 0.875rem/1rem 'Nunito Sans'",
+      Xs: "400 0.75rem/1rem 'Nunito Sans'",
+      Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+    }
+  },
+  Code: "400 0.813rem/1.25rem 'Fira Code'"
+};
+
+export const Accent = {
+  Info: {
+    Primary: "#aec0f5",
+    Secondary: "lch(77.7 28.7 275 / 0.12)"
+  },
+  Neutral: {
+    Primary: "#c2c2ca",
+    Secondary: "lch(78.6 4.18 286 / 0.12)"
+  },
+  Warning: {
+    Primary: "#f2b67b",
+    Secondary: "lch(79.6 53.6 74.4 / 0.12)"
+  },
+  Negative: {
+    Primary: "#f3aeaf",
+    Secondary: "lch(77.8 28 21.1 / 0.12)"
+  },
+  Positive: {
+    Primary: "#97cf9c",
+    Secondary: "lch(78.2 32.7 144 / 0.12)"
+  },
+  Important: {
+    Primary: "#d3b4ed",
+    Secondary: "lch(77.5 31.1 309 / 0.12)"
+  },
+  Pink: {
+    Primary: "#ecadd4",
+    Secondary: "lch(77.6 29.9 340 / 0.12)"
+  },
+  Violet: {
+    Primary: "#c4b8f3",
+    Secondary: "lch(77.3 30.9 295 / 0.12)"
+  }
+};
+
+export const Chart = {
+  Neutral: "#515157",
+  Categorical: {
+    1: {
+      Primary: "#4067e5",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(46.5 72.3 286 / 0.2)"
+    },
+    2: {
+      Primary: "#fe9933",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(72.9 74.2 63 / 0.2)"
+    },
+    3: {
+      Primary: "#12a594",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(60.7 39.7 183 / 0.2)"
+    },
+    4: {
+      Primary: "#ab4aba",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(48.2 66.6 322 / 0.2)"
+    },
+    5: {
+      Primary: "#d63c42",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+    },
+    6: {
+      Primary: "#05a2c2",
+      Inactive: "#aadee6",
+      Transparent: "lch(61 38.6 224 / 0.2)"
+    },
+    7: {
+      Primary: "#e043a7",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(55 70 344 / 0.2)"
+    },
+    8: {
+      Primary: "#00b050",
+      Inactive: "#ceebcf",
+      Transparent: "lch(63 67 146 / 0.2)"
+    },
+    9: {
+      Primary: "#7259d6",
+      Inactive: "#e4defc",
+      Transparent: "lch(45.6 71 299 / 0.2)"
+    },
+    10: {
+      Primary: "#99d52a",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(79 79.1 118 / 0.2)"
+    },
+    11: {
+      Primary: "#696970",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(44.6 4.09 286 / 0.2)"
+    },
+    12: {
+      Primary: "#8da4ef",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(67.9 41.2 278 / 0.2)"
+    },
+    13: {
+      Primary: "#c25d05",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+    },
+    14: {
+      Primary: "#067a6f",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(45.6 31.8 185 / 0.2)"
+    },
+    15: {
+      Primary: "#cf91d8",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(68.3 42.4 321 / 0.2)"
+    },
+    16: {
+      Primary: "#eb9091",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+    },
+    17: {
+      Primary: "#0c7792",
+      Inactive: "#aadee6",
+      Transparent: "lch(45.7 30.9 228 / 0.2)"
+    },
+    18: {
+      Primary: "#e38ec3",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(69.3 40.8 341 / 0.2)"
+    },
+    19: {
+      Primary: "#97cf9c",
+      Inactive: "#ceebcf",
+      Transparent: "lch(78.2 32.7 144 / 0.2)"
+    },
+    20: {
+      Primary: "#aa99ec",
+      Inactive: "#e4defc",
+      Transparent: "lch(67.2 44.6 296 / 0.2)"
+    },
+    21: {
+      Primary: "#94ba2c",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(70.8 67.7 114 / 0.2)"
+    },
+    22: {
+      Primary: "#3d3d42",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(25.9 3.2 286 / 0.2)"
+    }
+  },
+  Monochromatic: {
+    Default: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Danger: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      90: "#b82329",
+      100: "#381316"
+    }
+  },
+  Status: {
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050"
+  }
+};
+
+export const Component = {
+  Button: {
+    Primary: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Pressed: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#5bb3ea"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Background: "#515157",
+        Border: "#96cff0",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Pressed: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Text: "#96cff0",
+        Icon: "#96cff0"
+      },
+      Pressed: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Text: "#83838c",
+        Icon: "#83838c"
+      }
+    }
+  },
+  Container: {
+    Background: "#3d3d42",
+    Border: "#515157"
+  },
+  Table: {
+    HeaderFilled: {
+      Background: "#343438",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HeaderOutlined: {
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Row: {
+      Border: "#515157",
+      Icon: {
+        Default: "#ffffff",
+        Disabled: "#83838c",
+        Hover: "#96cff0"
+      },
+      Background: {
+        Default: "#3d3d42",
+        Zebra: "#343438",
+        Hover: "#515157"
+      },
+      Text: {
+        Default: "#ffffff",
+        Placeholder: "#a3a3ab",
+        Link: "#5bb3ea"
+      }
+    }
+  },
+  MenuButton: {
+    Primary: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Pressed: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#5bb3ea"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Background: "#515157",
+        Border: "#96cff0",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Pressed: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Text: "#96cff0",
+        Icon: "#96cff0"
+      },
+      Pressed: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Text: "#83838c",
+        Icon: "#83838c"
+      }
+    }
+  },
+  OverflowMenuButton: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Pressed: {
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Icon: "#83838c"
+    }
+  },
+  SplitMenuButton: {
+    Primary: {
+      Default: {
+        Background: "#5bb3ea",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#96cff0",
+        BackgroundRight: "#5bb3ea",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      HoverRight: {
+        BackgroundLeft: "#5bb3ea",
+        BackgroundRight: "#96cff0",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Active: {
+        Background: "#5bb3ea",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#3d3d42",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        BackgroundLeft: "#5bb3ea",
+        BackgroundRight: "#5bb3ea",
+        Border: "#3d3d42",
+        Icon: "#343438"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#515157",
+        BackgroundRight: "#3d3d42",
+        BorderLeft: "#96cff0",
+        BorderRight: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      HoverRight: {
+        BackgroundLeft: "#3d3d42",
+        BackgroundRight: "#515157",
+        BorderLeft: "#5bb3ea",
+        BorderRight: "#96cff0",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Icon: "#5bb3ea"
+      }
+    }
+  },
+  Appbar: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Badge: {
+    Informative: {
+      Background: "lch(77.7 28.7 275 / 0.12)",
+      Text: "#aec0f5"
+    },
+    Neutral: {
+      Background: "lch(78.6 4.18 286 / 0.12)",
+      Text: "#c2c2ca"
+    },
+    Warning: {
+      Background: "lch(79.6 53.6 74.4 / 0.12)",
+      Text: "#f2b67b"
+    },
+    Negative: {
+      Background: "lch(77.8 28 21.1 / 0.12)",
+      Text: "#f3aeaf"
+    },
+    Positive: {
+      Background: "lch(78.2 32.7 144 / 0.12)",
+      Text: "#97cf9c"
+    },
+    Important: {
+      Background: "lch(77.5 31.1 309 / 0.12)",
+      Text: "#d3b4ed"
+    },
+    Violet: {
+      Background: "lch(77.3 30.9 295 / 0.12)",
+      Text: "#c4b8f3"
+    },
+    Pink: {
+      Background: "lch(77.6 29.9 340 / 0.12)",
+      Text: "#ecadd4"
+    }
+  },
+  Breadcrumb: {
+    Divider: "#515157",
+    AppTitle: {
+      Text: "#5bb3ea"
+    },
+    Default: {
+      Text: "#5bb3ea"
+    },
+    Truncated: {
+      Text: "#5bb3ea"
+    },
+    LastItem: {
+      Text: "#ffffff"
+    },
+    Collapsed: {
+      Background: "#515157",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    WithDropdown: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    }
+  },
+  Card: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Checkbox: {
+    Empty: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#696970",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#96cff0",
+        Text: "#ffffff"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff"
+      }
+    },
+    Checked: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Active: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff",
+        Icon: "#83838c"
+      }
+    },
+    Indeterminated: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Active: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff",
+        Icon: "#83838c"
+      }
+    }
+  },
+  ContentPanel: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Calendar: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Icon: "#ffffff",
+    Text: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    },
+    SelectedItem: {
+      Text: "#343438",
+      Background: "#5bb3ea"
+    },
+    HoverItem: {
+      Background: "#515157",
+      Text: "#ffffff"
+    },
+    PresetArea: {
+      Background: "#343438",
+      HoverPeriod: {
+        Background: "#3d3d42"
+      },
+      ActivePeriod: {
+        Background: "#5bb3ea",
+        Text: "#343438"
+      }
+    }
+  },
+  DateField: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#5bb3ea",
+      HintText: "#a3a3ab"
+    }
+  },
+  DatePicker: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Filled: {
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Icon: "#83838c"
+    },
+    Focus: {
+      Icon: "#5bb3ea"
+    }
+  },
+  DateRangePicker: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Filled: {
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Icon: "#83838c"
+    },
+    Focus: {
+      Icon: "#5bb3ea"
+    }
+  },
+  DateRangeField: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#5bb3ea",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  DateRangeInput: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    ActivePeriod: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      ActiveItem: {
+        Background: "#3d3d42",
+        Text: "#a3a3ab"
+      }
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    },
+    Disabled: {
+      Background: "#343438",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#5bb3ea",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  Divider: {
+    Border: "#515157"
+  },
+  Drawer: {
+    Background: "#3d3d42",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    }
+  },
+  Dropdown: {
+    Icon: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    },
+    Text: {
+      Default: "#ffffff",
+      Link: "#5bb3ea",
+      Description: "#a3a3ab",
+      Disabled: "#83838c"
+    },
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42",
+      Category: "#343438"
+    }
+  },
+  GlobalHeader: {
+    Background: "#232326",
+    Border: "#3d3d42",
+    Icon: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Search: {
+      Background: "#3d3d42",
+      Text: {
+        Placeholder: "#d6d6dd",
+        Filled: "#ffffff"
+      },
+      Icon: {
+        Default: "#d6d6dd",
+        Active: "#ffffff",
+        Hover: "#ffffff"
+      }
+    }
+  },
+  GlobalFooter: {
+    Background: "#232326",
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    }
+  },
+  GroupSelect: {
+    Field: {
+      Default: {
+        Background: "#343438",
+        Border: "#696970",
+        Text: "#a3a3ab",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Hover: {
+        Background: "#343438",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Selected: {
+        Background: "#343438",
+        Border: "#696970",
+        Text: "#ffffff",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#343438",
+        Text: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Error: {
+        Background: "#343438",
+        Border: "#eb9091",
+        Text: "#ffffff",
+        Icon: "#ffffff",
+        HintText: "#eb9091",
+        InfoIcon: "#a3a3ab"
+      },
+      Focus: {
+        Background: "#343438",
+        Border: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      }
+    },
+    Dropdown: {
+      Icon: "#ffffff",
+      Text: "#ffffff",
+      Background: {
+        Default: "#343438",
+        Hover: "#3d3d42"
+      }
+    }
+  },
+  InlineEdit: {
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0"
+    },
+    AcceptIcon: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    }
+  },
+  KpiBar: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    },
+    Item: {
+      Neutral: {
+        Default: {
+          Label: "#c2c2ca",
+          Text: "#a3a3ab",
+          Icon: "#c2c2ca"
+        },
+        Hover: {
+          Label: "#c2c2ca",
+          Text: "#a3a3ab",
+          Background: "lch(78.6 4.18 286 / 0.12)",
+          Icon: "#c2c2ca"
+        },
+        Active: {
+          Label: "#c2c2ca",
+          Text: "#ffffff",
+          Border: "#c2c2ca",
+          Icon: "#c2c2ca"
+        }
+      },
+      Green: {
+        Default: {
+          Label: "#97cf9c",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#97cf9c",
+          Text: "#a3a3ab",
+          Background: "lch(78.2 32.7 144 / 0.12)"
+        },
+        Active: {
+          Label: "#97cf9c",
+          Text: "#ffffff",
+          Border: "#97cf9c"
+        }
+      },
+      Orange: {
+        Default: {
+          Label: "#f2b67b",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#f2b67b",
+          Text: "#a3a3ab",
+          Background: "lch(79.6 53.6 74.4 / 0.12)"
+        },
+        Active: {
+          Label: "#f2b67b",
+          Text: "#ffffff",
+          Border: "#f2b67b"
+        }
+      },
+      Purple: {
+        Default: {
+          Label: "#d3b4ed",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#d3b4ed",
+          Text: "#a3a3ab",
+          Background: "lch(77.5 31.1 309 / 0.12)"
+        },
+        Active: {
+          Label: "#d3b4ed",
+          Text: "#ffffff",
+          Border: "#d3b4ed"
+        }
+      },
+      Red: {
+        Default: {
+          Label: "#f3aeaf",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#f3aeaf",
+          Text: "#a3a3ab",
+          Background: "lch(77.8 28 21.1 / 0.12)"
+        },
+        Active: {
+          Label: "#f3aeaf",
+          Text: "#ffffff",
+          Border: "#f3aeaf"
+        }
+      },
+      Ultramarine: {
+        Default: {
+          Label: "#aec0f5",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#aec0f5",
+          Text: "#a3a3ab",
+          Background: "lch(77.7 28.7 275 / 0.12)"
+        },
+        Active: {
+          Label: "#aec0f5",
+          Text: "#ffffff",
+          Border: "#aec0f5"
+        }
+      },
+      Pink: {
+        Default: {
+          Label: "#ecadd4",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#ecadd4",
+          Text: "#a3a3ab",
+          Background: "lch(77.6 29.9 340 / 0.12)"
+        },
+        Active: {
+          Label: "#ecadd4",
+          Text: "#ffffff",
+          Border: "#ecadd4"
+        }
+      }
+    }
+  },
+  Label: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    InfoIcon: "#a3a3ab"
+  },
+  List: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    },
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42"
+    }
+  },
+  MasterSwitch: {
+    ContentBackground: "#3d3d42",
+    SideBackground: "#343438",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Modal: {
+    Background: "#3d3d42",
+    Icon: "#ffffff",
+    Text: {
+      Default: "#ffffff",
+      Description: "#a3a3ab"
+    }
+  },
+  NotificationBanner: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    Informative: {
+      Background: "#515157",
+      Border: "#8da4ef",
+      StatusIcon: "#8da4ef"
+    },
+    Tip: {
+      Background: "#515157",
+      Border: "#8da4ef",
+      StatusIcon: "#8da4ef"
+    },
+    Warning: {
+      Background: "#515157",
+      Border: "#edb016",
+      StatusIcon: "#edb016"
+    },
+    Success: {
+      Background: "#515157",
+      Border: "#65ba75",
+      StatusIcon: "#65ba75"
+    },
+    Error: {
+      Background: "#515157",
+      Border: "#eb9091",
+      StatusIcon: "#eb9091"
+    },
+    Secondary: {
+      Background: "#515157",
+      Border: "#c2c2ca",
+      StatusIcon: "#ffffff"
+    }
+  },
+  NotificationToast: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    Informative: {
+      Background: "#515157",
+      IconBackground: "#4067e5",
+      Border: "#8da4ef",
+      StatusIcon: "#ffffff"
+    },
+    Tip: {
+      Background: "#515157",
+      IconBackground: "#4067e5",
+      Border: "#8da4ef",
+      StatusIcon: "#ffffff"
+    },
+    Warning: {
+      Background: "#515157",
+      IconBackground: "#fecb34",
+      Border: "#edb016",
+      StatusIcon: "#3d3d42"
+    },
+    Success: {
+      Background: "#515157",
+      IconBackground: "#00b050",
+      Border: "#65ba75",
+      StatusIcon: "#ffffff"
+    },
+    Error: {
+      Background: "#515157",
+      IconBackground: "#d63c42",
+      Border: "#eb9091",
+      StatusIcon: "#ffffff"
+    }
+  },
+  Pagination: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: {
+      Default: "#ffffff",
+      Link: "#5bb3ea",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    },
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea",
+      Disabled: "#83838c"
+    }
+  },
+  Popover: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Icon: "#ffffff",
+    Text: {
+      Default: "#ffffff",
+      Link: {
+        Default: "#5bb3ea",
+        Hover: "#96cff0"
+      }
+    }
+  },
+  ProgressBar: {
+    Text: {
+      Default: "#ffffff",
+      Link: {
+        Default: "#5bb3ea",
+        Hover: "#96cff0"
+      }
+    },
+    StatusLine: {
+      Default: "#515157",
+      Success: "#00b050",
+      Error: "#d63c42"
+    }
+  },
+  NumericSpinner: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  RadioButton: {
+    Inactive: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#696970",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#96cff0",
+        Text: "#ffffff"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff"
+      }
+    },
+    Active: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#96cff0",
+        Text: "#ffffff"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff"
+      }
+    }
+  },
+  Search: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab",
+      SearchIcon: "#83838c"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091",
+      SearchIcon: "#a3a3ab"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    }
+  },
+  SegmentedButton: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    DisabledChecked: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Border: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    }
+  },
+  SideNavigation: {
+    Icon: "#ffffff",
+    Border: "#515157",
+    Background: {
+      Default: "#343438",
+      SecondLevel: "#343438"
+    },
+    DefaultMenuItem: {
+      Background: "#343438",
+      Icon: "#ffffff",
+      Text: "#ffffff",
+      Label: {
+        Text: "#ffffff",
+        Background: "#343438",
+        Border: "#515157"
+      }
+    },
+    HoverMenuItem: {
+      Background: "#3d3d42",
+      Icon: "#ffffff",
+      Text: "#ffffff",
+      Label: {
+        Text: "#ffffff",
+        Background: "#343438",
+        Border: "#515157"
+      }
+    },
+    SelectedMenuItem: {
+      Background: "#5bb3ea",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#ffffff",
+        Background: "#0174bc"
+      }
+    }
+  },
+  Select: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff"
+    }
+  },
+  SidePanel: {
+    Background: "#3d3d42",
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0"
+    }
+  },
+  Switch: {
+    Active: {
+      Default: {
+        Background: "#5bb3ea",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Focus: {
+        Background: "#5bb3ea",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Icon: "#83838c",
+        Circle: "#ffffff",
+        Text: "#83838c"
+      }
+    },
+    Inactive: {
+      Default: {
+        Background: "#696970",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#a3a3ab",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Focus: {
+        Background: "#696970",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Circle: "#ffffff",
+        Text: "#83838c"
+      }
+    }
+  },
+  Tab: {
+    Default: {
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      Border: "#515157"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0",
+      Border: "#515157"
+    },
+    Active: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea",
+      Border: "#5bb3ea"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c",
+      Border: "#515157"
+    }
+  },
+  Tag: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Focus: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Border: "#515157",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  TagInput: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      HintText: "#a3a3ab"
+    },
+    Placeholder: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  TextArea: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Placeholder: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    ReadOnly: {
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  TextField: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Placeholder: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    ReadOnly: {
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  TimePicker: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Text: "#ffffff"
+    }
+  },
+  Tooltip: {
+    Background: "#ffffff",
+    Text: "#343438"
+  },
+  Tree: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    },
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42"
+    },
+    ExpandedArea: {
+      Border: "#696970"
+    }
+  },
+  Widget: {
+    Download: {
+      Text: "#ffffff",
+      Border: "#515157",
+      Background: {
+        Header: "#343438",
+        Default: "#3d3d42"
+      },
+      Icon: {
+        Default: "#ffffff",
+        Success: "#65ba75",
+        Error: "#eb9091"
+      }
+    },
+    Upload: {
+      Default: {
+        Background: "#343438",
+        Border: "#696970",
+        Icon: "#ffffff",
+        Text: {
+          Default: "#ffffff",
+          Link: "#5bb3ea"
+        }
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Icon: "#ffffff",
+        Text: {
+          Default: "#ffffff",
+          Link: "#5bb3ea"
+        }
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Icon: "#83838c",
+        Text: "#83838c"
+      }
+    }
+  },
+  Stepper: {
+    Horizontal: {
+      Line: "#515157",
+      PastItem: {
+        Circle: {
+          Background: "#3d3d42",
+          Border: "#5bb3ea",
+          Text: "#5bb3ea",
+          Icon: "#5bb3ea"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      CurrentItem: {
+        Circle: {
+          Background: "#5bb3ea",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#343438",
+          Border: "#515157",
+          Text: "#83838c"
+        },
+        Text: "#83838c"
+      }
+    },
+    Vertical: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Icon: "#ffffff",
+      PastItem: {
+        Circle: {
+          Background: "#3d3d42",
+          Border: "#5bb3ea",
+          Text: "#5bb3ea",
+          Icon: "#5bb3ea"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      CurrentItem: {
+        Icon: "#5bb3ea",
+        Circle: {
+          Background: "#5bb3ea",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#343438",
+          Border: "#696970",
+          Text: "#a3a3ab"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      DisabledItem: {
+        Circle: {
+          Background: "#343438",
+          Border: "#515157",
+          Text: "#83838c"
+        },
+        Text: "#83838c"
+      }
+    }
+  },
+  AdvancedSearch: {
+    FilterIcon: {
+      Default: {
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Icon: "#96cff0"
+      },
+      Applied: {
+        Icon: "#5bb3ea",
+        Badge: {
+          Background: "#d63c42",
+          Text: "#ffffff"
+        }
+      },
+      Disabled: {
+        Icon: "#83838c",
+        Badge: {
+          Background: "#83838c",
+          Text: "#ffffff"
+        }
+      }
+    },
+    FilterArea: {
+      Background: "#343438",
+      Border: "#515157",
+      Text: {
+        Default: "#ffffff",
+        Link: "#5bb3ea"
+      },
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Disabled: "#83838c"
+      },
+      Tag: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        OperatorIcon: "#c25d05",
+        Icon: {
+          Default: "#ffffff",
+          Hover: "#96cff0"
+        }
+      }
+    }
+  },
+  SegmentedStatusButton: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    DisabledPositive: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ActivePositive: {
+      Background: "#65ba75",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    DisabledNegative: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ActiveNegative: {
+      Background: "#eb9091",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    DisabledNeutral: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ActiveNeutral: {
+      Background: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  LinkSelect: {
+    Default: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0"
+    },
+    Filled: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Focus: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Text: "#ffffff"
+    }
+  }
+};
+
+export const Button = {
+  Primary: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Pressed: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#5bb3ea"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Pressed: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0"
+    },
+    Pressed: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c"
+    }
+  }
+};
+
+export const Container = {
+  Background: "#3d3d42",
+  Border: "#515157"
+};
+
+export const Table = {
+  HeaderFilled: {
+    Background: "#343438",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  HeaderOutlined: {
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Row: {
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Disabled: "#83838c",
+      Hover: "#96cff0"
+    },
+    Background: {
+      Default: "#3d3d42",
+      Zebra: "#343438",
+      Hover: "#515157"
+    },
+    Text: {
+      Default: "#ffffff",
+      Placeholder: "#a3a3ab",
+      Link: "#5bb3ea"
+    }
+  }
+};
+
+export const MenuButton = {
+  Primary: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Pressed: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#5bb3ea"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Pressed: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0"
+    },
+    Pressed: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c"
+    }
+  }
+};
+
+export const OverflowMenuButton = {
+  Default: {
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Icon: "#96cff0"
+  },
+  Pressed: {
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Icon: "#83838c"
+  }
+};
+
+export const SplitMenuButton = {
+  Primary: {
+    Default: {
+      Background: "#5bb3ea",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#96cff0",
+      BackgroundRight: "#5bb3ea",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    HoverRight: {
+      BackgroundLeft: "#5bb3ea",
+      BackgroundRight: "#96cff0",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#3d3d42",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      BackgroundLeft: "#5bb3ea",
+      BackgroundRight: "#5bb3ea",
+      Border: "#3d3d42",
+      Icon: "#343438"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#515157",
+      BackgroundRight: "#3d3d42",
+      BorderLeft: "#96cff0",
+      BorderRight: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    HoverRight: {
+      BackgroundLeft: "#3d3d42",
+      BackgroundRight: "#515157",
+      BorderLeft: "#5bb3ea",
+      BorderRight: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Icon: "#5bb3ea"
+    }
+  }
+};
+
+export const Appbar = {
+  Background: "#343438",
+  Border: "#515157",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+};
+
+export const Badge = {
+  Informative: {
+    Background: "lch(77.7 28.7 275 / 0.12)",
+    Text: "#aec0f5"
+  },
+  Neutral: {
+    Background: "lch(78.6 4.18 286 / 0.12)",
+    Text: "#c2c2ca"
+  },
+  Warning: {
+    Background: "lch(79.6 53.6 74.4 / 0.12)",
+    Text: "#f2b67b"
+  },
+  Negative: {
+    Background: "lch(77.8 28 21.1 / 0.12)",
+    Text: "#f3aeaf"
+  },
+  Positive: {
+    Background: "lch(78.2 32.7 144 / 0.12)",
+    Text: "#97cf9c"
+  },
+  Important: {
+    Background: "lch(77.5 31.1 309 / 0.12)",
+    Text: "#d3b4ed"
+  },
+  Violet: {
+    Background: "lch(77.3 30.9 295 / 0.12)",
+    Text: "#c4b8f3"
+  },
+  Pink: {
+    Background: "lch(77.6 29.9 340 / 0.12)",
+    Text: "#ecadd4"
+  }
+};
+
+export const Breadcrumb = {
+  Divider: "#515157",
+  AppTitle: {
+    Text: "#5bb3ea"
+  },
+  Default: {
+    Text: "#5bb3ea"
+  },
+  Truncated: {
+    Text: "#5bb3ea"
+  },
+  LastItem: {
+    Text: "#ffffff"
+  },
+  Collapsed: {
+    Background: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  WithDropdown: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  }
+};
+
+export const Card = {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+};
+
+export const Checkbox = {
+  Empty: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#696970",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#96cff0",
+      Text: "#ffffff"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff"
+    }
+  },
+  Checked: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff",
+      Icon: "#83838c"
+    }
+  },
+  Indeterminated: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff",
+      Icon: "#83838c"
+    }
+  }
+};
+
+export const ContentPanel = {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+};
+
+export const Calendar = {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Icon: "#ffffff",
+  Text: {
+    Default: "#ffffff",
+    Disabled: "#83838c"
+  },
+  SelectedItem: {
+    Text: "#343438",
+    Background: "#5bb3ea"
+  },
+  HoverItem: {
+    Background: "#515157",
+    Text: "#ffffff"
+  },
+  PresetArea: {
+    Background: "#343438",
+    HoverPeriod: {
+      Background: "#3d3d42"
+    },
+    ActivePeriod: {
+      Background: "#5bb3ea",
+      Text: "#343438"
+    }
+  }
+};
+
+export const DateField = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#5bb3ea",
+    HintText: "#a3a3ab"
+  }
+};
+
+export const DatePicker = {
+  Default: {
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Icon: "#96cff0"
+  },
+  Filled: {
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Icon: "#83838c"
+  },
+  Focus: {
+    Icon: "#5bb3ea"
+  }
+};
+
+export const DateRangePicker = {
+  Default: {
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Icon: "#96cff0"
+  },
+  Filled: {
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Icon: "#83838c"
+  },
+  Focus: {
+    Icon: "#5bb3ea"
+  }
+};
+
+export const DateRangeField = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#5bb3ea",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  }
+};
+
+export const DateRangeInput = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  ActivePeriod: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    ActiveItem: {
+      Background: "#3d3d42",
+      Text: "#a3a3ab"
+    }
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  },
+  Disabled: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#5bb3ea",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  }
+};
+
+export const Divider = {
+  Border: "#515157"
+};
+
+export const Drawer = {
+  Background: "#3d3d42",
+  Text: "#ffffff",
+  Icon: {
+    Default: "#ffffff",
+    Disabled: "#83838c"
+  }
+};
+
+export const Dropdown = {
+  Icon: {
+    Default: "#ffffff",
+    Disabled: "#83838c"
+  },
+  Text: {
+    Default: "#ffffff",
+    Link: "#5bb3ea",
+    Description: "#a3a3ab",
+    Disabled: "#83838c"
+  },
+  Background: {
+    Default: "#343438",
+    Hover: "#3d3d42",
+    Category: "#343438"
+  }
+};
+
+export const GlobalHeader = {
+  Background: "#232326",
+  Border: "#3d3d42",
+  Icon: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Search: {
+    Background: "#3d3d42",
+    Text: {
+      Placeholder: "#d6d6dd",
+      Filled: "#ffffff"
+    },
+    Icon: {
+      Default: "#d6d6dd",
+      Active: "#ffffff",
+      Hover: "#ffffff"
+    }
+  }
+};
+
+export const GlobalFooter = {
+  Background: "#232326",
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  }
+};
+
+export const GroupSelect = {
+  Field: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Selected: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    }
+  },
+  Dropdown: {
+    Icon: "#ffffff",
+    Text: "#ffffff",
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42"
+    }
+  }
+};
+
+export const InlineEdit = {
+  Text: "#ffffff",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0"
+  },
+  AcceptIcon: {
+    Default: "#5bb3ea",
+    Hover: "#96cff0",
+    Disabled: "#83838c"
+  }
+};
+
+export const KpiBar = {
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea"
+  },
+  Item: {
+    Neutral: {
+      Default: {
+        Label: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#c2c2ca"
+      },
+      Hover: {
+        Label: "#c2c2ca",
+        Text: "#a3a3ab",
+        Background: "lch(78.6 4.18 286 / 0.12)",
+        Icon: "#c2c2ca"
+      },
+      Active: {
+        Label: "#c2c2ca",
+        Text: "#ffffff",
+        Border: "#c2c2ca",
+        Icon: "#c2c2ca"
+      }
+    },
+    Green: {
+      Default: {
+        Label: "#97cf9c",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#97cf9c",
+        Text: "#a3a3ab",
+        Background: "lch(78.2 32.7 144 / 0.12)"
+      },
+      Active: {
+        Label: "#97cf9c",
+        Text: "#ffffff",
+        Border: "#97cf9c"
+      }
+    },
+    Orange: {
+      Default: {
+        Label: "#f2b67b",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#f2b67b",
+        Text: "#a3a3ab",
+        Background: "lch(79.6 53.6 74.4 / 0.12)"
+      },
+      Active: {
+        Label: "#f2b67b",
+        Text: "#ffffff",
+        Border: "#f2b67b"
+      }
+    },
+    Purple: {
+      Default: {
+        Label: "#d3b4ed",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#d3b4ed",
+        Text: "#a3a3ab",
+        Background: "lch(77.5 31.1 309 / 0.12)"
+      },
+      Active: {
+        Label: "#d3b4ed",
+        Text: "#ffffff",
+        Border: "#d3b4ed"
+      }
+    },
+    Red: {
+      Default: {
+        Label: "#f3aeaf",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#f3aeaf",
+        Text: "#a3a3ab",
+        Background: "lch(77.8 28 21.1 / 0.12)"
+      },
+      Active: {
+        Label: "#f3aeaf",
+        Text: "#ffffff",
+        Border: "#f3aeaf"
+      }
+    },
+    Ultramarine: {
+      Default: {
+        Label: "#aec0f5",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#aec0f5",
+        Text: "#a3a3ab",
+        Background: "lch(77.7 28.7 275 / 0.12)"
+      },
+      Active: {
+        Label: "#aec0f5",
+        Text: "#ffffff",
+        Border: "#aec0f5"
+      }
+    },
+    Pink: {
+      Default: {
+        Label: "#ecadd4",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#ecadd4",
+        Text: "#a3a3ab",
+        Background: "lch(77.6 29.9 340 / 0.12)"
+      },
+      Active: {
+        Label: "#ecadd4",
+        Text: "#ffffff",
+        Border: "#ecadd4"
+      }
+    }
+  }
+};
+
+export const Label = {
+  Text: "#ffffff",
+  Icon: "#ffffff",
+  InfoIcon: "#a3a3ab"
+};
+
+export const List = {
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea"
+  },
+  Background: {
+    Default: "#343438",
+    Hover: "#3d3d42"
+  }
+};
+
+export const MasterSwitch = {
+  ContentBackground: "#3d3d42",
+  SideBackground: "#343438",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+};
+
+export const Modal = {
+  Background: "#3d3d42",
+  Icon: "#ffffff",
+  Text: {
+    Default: "#ffffff",
+    Description: "#a3a3ab"
+  }
+};
+
+export const NotificationBanner = {
+  Text: "#ffffff",
+  Icon: "#ffffff",
+  Informative: {
+    Background: "#515157",
+    Border: "#8da4ef",
+    StatusIcon: "#8da4ef"
+  },
+  Tip: {
+    Background: "#515157",
+    Border: "#8da4ef",
+    StatusIcon: "#8da4ef"
+  },
+  Warning: {
+    Background: "#515157",
+    Border: "#edb016",
+    StatusIcon: "#edb016"
+  },
+  Success: {
+    Background: "#515157",
+    Border: "#65ba75",
+    StatusIcon: "#65ba75"
+  },
+  Error: {
+    Background: "#515157",
+    Border: "#eb9091",
+    StatusIcon: "#eb9091"
+  },
+  Secondary: {
+    Background: "#515157",
+    Border: "#c2c2ca",
+    StatusIcon: "#ffffff"
+  }
+};
+
+export const NotificationToast = {
+  Text: "#ffffff",
+  Icon: "#ffffff",
+  Informative: {
+    Background: "#515157",
+    IconBackground: "#4067e5",
+    Border: "#8da4ef",
+    StatusIcon: "#ffffff"
+  },
+  Tip: {
+    Background: "#515157",
+    IconBackground: "#4067e5",
+    Border: "#8da4ef",
+    StatusIcon: "#ffffff"
+  },
+  Warning: {
+    Background: "#515157",
+    IconBackground: "#fecb34",
+    Border: "#edb016",
+    StatusIcon: "#3d3d42"
+  },
+  Success: {
+    Background: "#515157",
+    IconBackground: "#00b050",
+    Border: "#65ba75",
+    StatusIcon: "#ffffff"
+  },
+  Error: {
+    Background: "#515157",
+    IconBackground: "#d63c42",
+    Border: "#eb9091",
+    StatusIcon: "#ffffff"
+  }
+};
+
+export const Pagination = {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Text: {
+    Default: "#ffffff",
+    Link: "#5bb3ea",
+    Hover: "#96cff0",
+    Disabled: "#83838c"
+  },
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea",
+    Disabled: "#83838c"
+  }
+};
+
+export const Popover = {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Icon: "#ffffff",
+  Text: {
+    Default: "#ffffff",
+    Link: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0"
+    }
+  }
+};
+
+export const ProgressBar = {
+  Text: {
+    Default: "#ffffff",
+    Link: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0"
+    }
+  },
+  StatusLine: {
+    Default: "#515157",
+    Success: "#00b050",
+    Error: "#d63c42"
+  }
+};
+
+export const NumericSpinner = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+};
+
+export const RadioButton = {
+  Inactive: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#696970",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#96cff0",
+      Text: "#ffffff"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff"
+    }
+  },
+  Active: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#96cff0",
+      Text: "#ffffff"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff"
+    }
+  }
+};
+
+export const Search = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab",
+    SearchIcon: "#83838c"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091",
+    SearchIcon: "#a3a3ab"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  }
+};
+
+export const SegmentedButton = {
+  Default: {
+    Background: "#3d3d42",
+    Border: "#5bb3ea",
+    Text: "#5bb3ea",
+    Icon: "#5bb3ea"
+  },
+  Hover: {
+    Background: "#515157",
+    Border: "#96cff0",
+    Text: "#5bb3ea",
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  DisabledChecked: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  Active: {
+    Background: "#5bb3ea",
+    Border: "#5bb3ea",
+    Text: "#343438",
+    Icon: "#343438"
+  }
+};
+
+export const SideNavigation = {
+  Icon: "#ffffff",
+  Border: "#515157",
+  Background: {
+    Default: "#343438",
+    SecondLevel: "#343438"
+  },
+  DefaultMenuItem: {
+    Background: "#343438",
+    Icon: "#ffffff",
+    Text: "#ffffff",
+    Label: {
+      Text: "#ffffff",
+      Background: "#343438",
+      Border: "#515157"
+    }
+  },
+  HoverMenuItem: {
+    Background: "#3d3d42",
+    Icon: "#ffffff",
+    Text: "#ffffff",
+    Label: {
+      Text: "#ffffff",
+      Background: "#343438",
+      Border: "#515157"
+    }
+  },
+  SelectedMenuItem: {
+    Background: "#5bb3ea",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#ffffff",
+      Background: "#0174bc"
+    }
+  }
+};
+
+export const Select = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091",
+    InfoIcon: "#a3a3ab"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff"
+  }
+};
+
+export const SidePanel = {
+  Background: "#3d3d42",
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0"
+  }
+};
+
+export const Switch = {
+  Active: {
+    Default: {
+      Background: "#5bb3ea",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Focus: {
+      Background: "#5bb3ea",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Icon: "#83838c",
+      Circle: "#ffffff",
+      Text: "#83838c"
+    }
+  },
+  Inactive: {
+    Default: {
+      Background: "#696970",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#a3a3ab",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Focus: {
+      Background: "#696970",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Circle: "#ffffff",
+      Text: "#83838c"
+    }
+  }
+};
+
+export const Tab = {
+  Default: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    Border: "#515157"
+  },
+  Hover: {
+    Text: "#96cff0",
+    Icon: "#96cff0",
+    Border: "#515157"
+  },
+  Active: {
+    Text: "#5bb3ea",
+    Icon: "#5bb3ea",
+    Border: "#5bb3ea"
+  },
+  Disabled: {
+    Text: "#83838c",
+    Icon: "#83838c",
+    Border: "#515157"
+  }
+};
+
+export const Tag = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Focus: {
+    Background: "#3d3d42",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+};
+
+export const TagInput = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    HintText: "#a3a3ab"
+  },
+  Placeholder: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+};
+
+export const TextArea = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Placeholder: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    HintText: "#eb9091",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  ReadOnly: {
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+};
+
+export const TextField = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Placeholder: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    HintText: "#eb9091",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  ReadOnly: {
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+};
+
+export const TimePicker = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Text: "#ffffff"
+  }
+};
+
+export const Tooltip = {
+  Background: "#ffffff",
+  Text: "#343438"
+};
+
+export const Tree = {
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea"
+  },
+  Background: {
+    Default: "#343438",
+    Hover: "#3d3d42"
+  },
+  ExpandedArea: {
+    Border: "#696970"
+  }
+};
+
+export const Widget = {
+  Download: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Background: {
+      Header: "#343438",
+      Default: "#3d3d42"
+    },
+    Icon: {
+      Default: "#ffffff",
+      Success: "#65ba75",
+      Error: "#eb9091"
+    }
+  },
+  Upload: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Icon: "#ffffff",
+      Text: {
+        Default: "#ffffff",
+        Link: "#5bb3ea"
+      }
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Icon: "#ffffff",
+      Text: {
+        Default: "#ffffff",
+        Link: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Icon: "#83838c",
+      Text: "#83838c"
+    }
+  }
+};
+
+export const Stepper = {
+  Horizontal: {
+    Line: "#515157",
+    PastItem: {
+      Circle: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    CurrentItem: {
+      Circle: {
+        Background: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#343438",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      Text: "#83838c"
+    }
+  },
+  Vertical: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Icon: "#ffffff",
+    PastItem: {
+      Circle: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    CurrentItem: {
+      Icon: "#5bb3ea",
+      Circle: {
+        Background: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#343438",
+        Border: "#696970",
+        Text: "#a3a3ab"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    DisabledItem: {
+      Circle: {
+        Background: "#343438",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      Text: "#83838c"
+    }
+  }
+};
+
+export const AdvancedSearch = {
+  FilterIcon: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Applied: {
+      Icon: "#5bb3ea",
+      Badge: {
+        Background: "#d63c42",
+        Text: "#ffffff"
+      }
+    },
+    Disabled: {
+      Icon: "#83838c",
+      Badge: {
+        Background: "#83838c",
+        Text: "#ffffff"
+      }
+    }
+  },
+  FilterArea: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: {
+      Default: "#ffffff",
+      Link: "#5bb3ea"
+    },
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    },
+    Tag: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      OperatorIcon: "#c25d05",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0"
+      }
+    }
+  }
+};
+
+export const SegmentedStatusButton = {
+  Default: {
+    Background: "#3d3d42",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#515157",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  DisabledPositive: {
+    Background: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ActivePositive: {
+    Background: "#65ba75",
+    Text: "#343438",
+    Icon: "#343438"
+  },
+  DisabledNegative: {
+    Background: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ActiveNegative: {
+    Background: "#eb9091",
+    Text: "#343438",
+    Icon: "#343438"
+  },
+  DisabledNeutral: {
+    Background: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ActiveNeutral: {
+    Background: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+};
+
+export const LinkSelect = {
+  Default: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Text: "#96cff0",
+    Icon: "#96cff0"
+  },
+  Filled: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  },
+  Disabled: {
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  Focus: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  },
+  ReadOnly: {
+    Text: "#ffffff"
+  }
+};
+      
\ No newline at end of file
diff --git a/dist/themes/dark/tokens.css b/dist/themes/dark/tokens.css
new file mode 100644
index 0000000..78edf74
--- /dev/null
+++ b/dist/themes/dark/tokens.css
@@ -0,0 +1,1610 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --token-global-color-neutrals-5: #f7f7fa; /* Page background color, disabled form elements fill (input, text area, etc) */
+  --token-global-color-neutrals-10: #ededf2; /* UI element bg */
+  --token-global-color-neutrals-20: #e5e5ea; /* Subtle background */
+  --token-global-color-neutrals-30: #d6d6dd; /* Container border, divider, stroke */
+  --token-global-color-neutrals-40: #c2c2ca; /* Disabled border */
+  --token-global-color-neutrals-50: #a3a3ab;
+  --token-global-color-neutrals-60: #83838c; /* Default field border */
+  --token-global-color-neutrals-70: #696970; /* Color for text placeholder and hints */
+  --token-global-color-neutrals-80: #515157;
+  --token-global-color-neutrals-90: #3d3d42; /* Default icon color, hover color for fields border */
+  --token-global-color-neutrals-100: #343438; /* Default text color */
+  --token-global-color-neutrals-black: #232326; /* Global header and footer */
+  --token-global-color-neutrals-white: #ffffff;
+  --token-global-color-brand-5: #f5fbff;
+  --token-global-color-brand-10: #edf8ff;
+  --token-global-color-brand-20: #e1f4ff;
+  --token-global-color-brand-30: #ceedfe;
+  --token-global-color-brand-40: #afdef8;
+  --token-global-color-brand-50: #96cff0;
+  --token-global-color-brand-60: #5bb3ea;
+  --token-global-color-brand-70: #009cde; /* Akamai Blue */
+  --token-global-color-brand-80: #108ad6;
+  --token-global-color-brand-90: #0174bc; /* Akamai Websafe Blue */
+  --token-global-color-brand-100: #00314d;
+  --token-global-color-red-5: #fff8f8;
+  --token-global-color-red-10: #ffefef;
+  --token-global-color-red-20: #ffe5e5;
+  --token-global-color-red-30: #fdd8d8;
+  --token-global-color-red-40: #f9c6c6;
+  --token-global-color-red-50: #f3aeaf;
+  --token-global-color-red-60: #eb9091;
+  --token-global-color-red-70: #d63c42; /* Critical or high severity */
+  --token-global-color-red-80: #d0343a; /* Akamai Red */
+  --token-global-color-red-90: #b82329;
+  --token-global-color-red-100: #381316;
+  --token-global-color-orange-5: #fef9f4;
+  --token-global-color-orange-10: #fff3e7;
+  --token-global-color-orange-20: #ffebd7;
+  --token-global-color-orange-30: #ffe1c3;
+  --token-global-color-orange-40: #facfa4;
+  --token-global-color-orange-50: #f2b67b;
+  --token-global-color-orange-60: #f09d4b;
+  --token-global-color-orange-70: #fe9933; /* Akamai Orange. High or medium severity */
+  --token-global-color-orange-80: #f0821d;
+  --token-global-color-orange-90: #c25d05;
+  --token-global-color-orange-100: #451e11;
+  --token-global-color-amber-5: #fff9ed;
+  --token-global-color-amber-10: #fff4d5;
+  --token-global-color-amber-20: #ffecbc;
+  --token-global-color-amber-30: #ffe3a2;
+  --token-global-color-amber-40: #facf83;
+  --token-global-color-amber-50: #f3ba63;
+  --token-global-color-amber-60: #edb016;
+  --token-global-color-amber-70: #fecb34; /* Medium or low severity */
+  --token-global-color-amber-80: #f2b90e;
+  --token-global-color-amber-90: #ce9a00;
+  --token-global-color-amber-100: #403104;
+  --token-global-color-yellow-5: #ffffeb;
+  --token-global-color-yellow-10: #fafadf;
+  --token-global-color-yellow-20: #f9f9c9;
+  --token-global-color-yellow-30: #f8f8b6;
+  --token-global-color-yellow-40: #f5f596;
+  --token-global-color-yellow-50: #e8e86a;
+  --token-global-color-yellow-60: #dfdf39;
+  --token-global-color-yellow-70: #f5f531;
+  --token-global-color-yellow-80: #e5e50a;
+  --token-global-color-yellow-90: #bfbf0d;
+  --token-global-color-yellow-100: #35290f;
+  --token-global-color-lime-5: #f7fcf0;
+  --token-global-color-lime-10: #eefadc;
+  --token-global-color-lime-20: #e4f7c7;
+  --token-global-color-lime-30: #d7f2b0;
+  --token-global-color-lime-40: #c9e894;
+  --token-global-color-lime-50: #b1d16a;
+  --token-global-color-lime-60: #94ba2c;
+  --token-global-color-lime-70: #99d52a;
+  --token-global-color-lime-80: #93c926;
+  --token-global-color-lime-90: #5d770d;
+  --token-global-color-lime-100: #263209;
+  --token-global-color-green-5: #f3fcf3;
+  --token-global-color-green-10: #ebf9eb;
+  --token-global-color-green-20: #dff3df;
+  --token-global-color-green-30: #ceebcf;
+  --token-global-color-green-40: #b7dfba;
+  --token-global-color-green-50: #97cf9c;
+  --token-global-color-green-60: #65ba75;
+  --token-global-color-green-70: #00b050; /* Akamai Green. Low severity (human) */
+  --token-global-color-green-80: #07a04d;
+  --token-global-color-green-90: #138246;
+  --token-global-color-green-100: #1b311e;
+  --token-global-color-teal-5: #f1fcfa;
+  --token-global-color-teal-10: #e7f9f5;
+  --token-global-color-teal-20: #d9f3ee;
+  --token-global-color-teal-30: #c7ebe5;
+  --token-global-color-teal-40: #afdfd7;
+  --token-global-color-teal-50: #8dcec3;
+  --token-global-color-teal-60: #53b9ab;
+  --token-global-color-teal-70: #12a594;
+  --token-global-color-teal-80: #0e9888;
+  --token-global-color-teal-90: #067a6f;
+  --token-global-color-teal-100: #10302b;
+  --token-global-color-cyan-5: #f2fcfd;
+  --token-global-color-cyan-10: #e7f9fb;
+  --token-global-color-cyan-20: #d8f3f6;
+  --token-global-color-cyan-30: #aadee6;
+  --token-global-color-cyan-40: #84cdda;
+  --token-global-color-cyan-50: #84cdda;
+  --token-global-color-cyan-60: #3db9cf;
+  --token-global-color-cyan-70: #05a2c2;
+  --token-global-color-cyan-80: #0894b3;
+  --token-global-color-cyan-90: #0c7792;
+  --token-global-color-cyan-100: #04313c;
+  --token-global-color-ultramarine-5: #f8faff;
+  --token-global-color-ultramarine-10: #f0f4ff;
+  --token-global-color-ultramarine-20: #e6edfe;
+  --token-global-color-ultramarine-30: #d9e2fc;
+  --token-global-color-ultramarine-40: #c6d4f9;
+  --token-global-color-ultramarine-50: #aec0f5;
+  --token-global-color-ultramarine-60: #8da4ef;
+  --token-global-color-ultramarine-70: #4067e5;
+  --token-global-color-ultramarine-80: #3a5ccc;
+  --token-global-color-ultramarine-90: #3451b2;
+  --token-global-color-ultramarine-100: #002856; /* Akamai Dark Navy */
+  --token-global-color-violet-5: #fbfaff;
+  --token-global-color-violet-10: #f5f2ff;
+  --token-global-color-violet-20: #ede9fe;
+  --token-global-color-violet-30: #e4defc;
+  --token-global-color-violet-40: #d7cff9;
+  --token-global-color-violet-50: #c4b8f3;
+  --token-global-color-violet-60: #aa99ec;
+  --token-global-color-violet-70: #7259d6;
+  --token-global-color-violet-80: #644fc1;
+  --token-global-color-violet-90: #5746af;
+  --token-global-color-violet-100: #20134b;
+  --token-global-color-purple-5: #fdfaff;
+  --token-global-color-purple-10: #f9f1fe;
+  --token-global-color-purple-20: #f3e7fc;
+  --token-global-color-purple-30: #eddbf9;
+  --token-global-color-purple-40: #e3ccf4;
+  --token-global-color-purple-50: #d3b4ed;
+  --token-global-color-purple-60: #be93e4;
+  --token-global-color-purple-70: #8e4ec6;
+  --token-global-color-purple-80: #8445bc;
+  --token-global-color-purple-90: #753bbd; /* Akamai Purple */
+  --token-global-color-purple-100: #2b0e44;
+  --token-global-color-magenta-5: #fff8ff;
+  --token-global-color-magenta-10: #fceffc;
+  --token-global-color-magenta-20: #f9e5f9;
+  --token-global-color-magenta-30: #f3d9f4;
+  --token-global-color-magenta-40: #ebc8ed;
+  --token-global-color-magenta-50: #dfafe3;
+  --token-global-color-magenta-60: #cf91d8;
+  --token-global-color-magenta-70: #ab4aba; /* Critical severity */
+  --token-global-color-magenta-80: #a43cb4;
+  --token-global-color-magenta-90: #9c2bad;
+  --token-global-color-magenta-100: #340c3b;
+  --token-global-color-pink-5: #fff7fc;
+  --token-global-color-pink-10: #feeef8;
+  --token-global-color-pink-20: #fce5f3;
+  --token-global-color-pink-30: #f9d8ec;
+  --token-global-color-pink-40: #f3c6e2;
+  --token-global-color-pink-50: #ecadd4;
+  --token-global-color-pink-60: #e38ec3;
+  --token-global-color-pink-70: #e043a7;
+  --token-global-color-pink-80: #d23197;
+  --token-global-color-pink-90: #cd1d8d;
+  --token-global-color-pink-100: #3b0a2a;
+  --token-global-color-brown-5: #fbf9f2;
+  --token-global-color-brown-10: #f5f2e9;
+  --token-global-color-brown-20: #eeeadd;
+  --token-global-color-brown-30: #e5dfd0;
+  --token-global-color-brown-40: #dad1bd;
+  --token-global-color-brown-50: #cbbda4;
+  --token-global-color-brown-60: #b8a383;
+  --token-global-color-brown-70: #978365;
+  --token-global-color-brown-80: #8c795d;
+  --token-global-color-brown-90: #776750;
+  --token-global-color-brown-100: #3b352b;
+  --token-global-spacing-0: 0rem;
+  --token-global-spacing-10: 0.125rem; /* 2px */
+  --token-global-spacing-20: 0.25rem; /* 4px */
+  --token-global-spacing-30: 0.375rem; /* 6px */
+  --token-global-spacing-40: 0.5rem; /* 8px */
+  --token-global-spacing-50: 0.75rem; /* 12px */
+  --token-global-spacing-60: 1rem; /* 16px */
+  --token-global-spacing-70: 1.5rem; /* 24px */
+  --token-global-spacing-80: 2rem; /* 32px */
+  --token-global-spacing-90: 3rem; /* 48px */
+  --token-global-font-font-family-brand: 'Nunito Sans';
+  --token-global-font-font-family-code: 'Fira Code';
+  --token-global-font-font-weight-semibold: 600;
+  --token-global-font-font-weight-bold: 700;
+  --token-global-font-font-weight-extrabold: 800;
+  --token-global-font-font-weight-regular-normal: 400;
+  --token-global-font-font-weight-regular-italic: 400;
+  --token-global-font-font-size-xxxs: 0.75rem; /* 12px */
+  --token-global-font-font-size-xxs: 0.813rem; /* 13px */
+  --token-global-font-font-size-xs: 0.875rem; /* 14px */
+  --token-global-font-font-size-s: 1rem; /* 16px */
+  --token-global-font-font-size-m: 1.125rem; /* 18px */
+  --token-global-font-font-size-l: 1.25rem; /* 20px */
+  --token-global-font-font-size-xl: 1.5rem; /* 24px */
+  --token-global-font-font-size-xxl: 1.75rem; /* 28px */
+  --token-global-font-font-size-xxxl: 2.25rem; /* 36px */
+  --token-global-font-line-height-xxxs: 1rem; /* 16px */
+  --token-global-font-line-height-xxs: 1.125rem; /* 18px */
+  --token-global-font-line-height-xs: 1.25rem; /* 20px */
+  --token-global-font-line-height-s: 1.5rem; /* 24px */
+  --token-global-font-line-height-m: 1.625rem; /* 26px */
+  --token-global-font-line-height-l: 1.875rem; /* 30px */
+  --token-global-font-line-height-xl: 2rem; /* 32px */
+  --token-global-font-line-height-xxl: 2.375rem; /* 38px */
+  --token-global-font-line-height-xxxl: 2.625rem; /* 42px */
+  --token-global-font-textcase-uppercase: uppercase;
+  --token-global-border-radius-none: 0rem;
+  --token-alias-content-text-base: #343438;
+  --token-alias-content-text-negative: #eb9091; /* Error message text */
+  --token-alias-content-text-warning: #fecb34;
+  --token-alias-content-text-positive: #00b050;
+  --token-alias-content-text-informative: #4067e5;
+  --token-alias-content-text-primary-default: #ffffff; /* Primary text color */
+  --token-alias-content-text-primary-disabled: #83838c;
+  --token-alias-content-text-secondary-default: #a3a3ab; /* Placeholder text */
+  --token-alias-content-text-secondary-disabled: #83838c;
+  --token-alias-content-text-link-default: #5bb3ea;
+  --token-alias-content-text-link-hover: #96cff0;
+  --token-alias-content-text-link-disabled: #83838c;
+  --token-alias-content-icon-base: #343438;
+  --token-alias-content-icon-negative: #eb9091;
+  --token-alias-content-icon-warning: #edb016;
+  --token-alias-content-icon-positive: #65ba75;
+  --token-alias-content-icon-informative: #8da4ef;
+  --token-alias-content-icon-primary-default: #ffffff; /* Default icon color */
+  --token-alias-content-icon-primary-hover: #96cff0;
+  --token-alias-content-icon-primary-active: #5bb3ea;
+  --token-alias-content-icon-primary-disabled: #83838c;
+  --token-alias-content-icon-secondary-default: #a3a3ab;
+  --token-alias-content-icon-secondary-disabled: #83838c;
+  --token-alias-border-normal: #515157; /* Static component border */
+  --token-alias-border-neutral: #c2c2ca; /* Secondary notification banner border */
+  --token-alias-border-negative: #eb9091;
+  --token-alias-border-warning: #edb016;
+  --token-alias-border-positive: #65ba75;
+  --token-alias-border-informative: #8da4ef;
+  --token-alias-background-normal: #3d3d42; /* Default component background */
+  --token-alias-background-neutral: #343438; /* Default page background */
+  --token-alias-background-base: #ffffff; /* Tooltip background */
+  --token-alias-background-negative: #d63c42;
+  --token-alias-background-warning: #fecb34;
+  --token-alias-background-positive: #00b050;
+  --token-alias-background-informative: #4067e5;
+  --token-alias-background-black: #232326; /* Use only for a global header and global footer background */
+  --token-alias-background-negativesubtle: #515157;
+  --token-alias-background-warningsubtle: #515157;
+  --token-alias-background-positivesubtle: #515157;
+  --token-alias-background-informativesubtle: #515157;
+  --token-alias-background-neutralsubtle: #515157;
+  --token-alias-background-overlay: lch(13.8 2.09 286 / 0.84);
+  --token-alias-action-base: #3d3d42;
+  --token-alias-action-neutral: #696970;
+  --token-alias-action-white50: rgba(255, 255, 255, 0.5); /* Transparent disabled switcher circle */
+  --token-alias-action-primary-default: #5bb3ea; /* Brand action color */
+  --token-alias-action-primary-hover: #96cff0;
+  --token-alias-action-primary-active: #5bb3ea;
+  --token-alias-action-primary-disabled: #515157;
+  --token-alias-action-secondary-hover: #515157;
+  --token-alias-action-secondary-disabled: #515157;
+  --token-alias-action-tertiary-disabled: #515157;
+  --token-alias-action-positive-default: #65ba75;
+  --token-alias-action-positive-disabled: #515157;
+  --token-alias-action-negative-default: #eb9091;
+  --token-alias-action-negative-disabled: #515157;
+  --token-alias-interaction-border-default: #696970; /* Default inputs border */
+  --token-alias-interaction-border-hover: #c2c2ca;
+  --token-alias-interaction-border-focus: #5bb3ea;
+  --token-alias-interaction-border-error: #eb9091;
+  --token-alias-interaction-border-disabled: #515157;
+  --token-alias-interaction-background-primary: #343438; /* Default component background color */
+  --token-alias-interaction-background-secondary: #343438;
+  --token-alias-interaction-background-tertiary: #3d3d42;
+  --token-alias-interaction-background-elevated: #515157; /* Calendar range background, table row hover  */
+  --token-alias-interaction-background-accent: #5bb3ea;
+  --token-alias-interaction-background-active: #5bb3ea;
+  --token-alias-interaction-background-disabled: #515157;
+  --token-alias-elevation-s: 0 2px 6px 0 rgba(0,0,0,0.18); /* Default shadow for components, like notification banners, dropdowns, popups; */
+  --token-alias-elevation-s-inverted: 0 -2px 6px 0 rgba(0,0,0,0.18); /* Inverted shadow for elements that appear above the component */
+  --token-alias-elevation-l: 0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08); /* Shadow for modals */
+  --token-alias-typography-heading-xxxl: 700 2.25rem/2.625rem 'Nunito Sans'; /* Promo banners, KPIs */
+  --token-alias-typography-heading-xxl: 800 1.75rem/2rem 'Nunito Sans'; /* Main titles - h1 */
+  --token-alias-typography-heading-xl: 700 1.5rem/1.875rem 'Nunito Sans'; /* Second level title - h2 */
+  --token-alias-typography-heading-l: 700 1.25rem/1.625rem 'Nunito Sans'; /* Third level title - h3 */
+  --token-alias-typography-heading-m: 700 1.125rem/1.5rem 'Nunito Sans'; /* Drawer, modal title - h4 */
+  --token-alias-typography-heading-s: 700 1rem/1.25rem 'Nunito Sans'; /* Advanced search, bars, master switch titles - h5 */
+  --token-alias-typography-heading-xs: 700 0.875rem/1.125rem 'Nunito Sans'; /* Low level headings - h6 */
+  --token-alias-typography-heading-overline: 800 0.75rem/1rem 'Nunito Sans'; /* Custom labels for content blocks */
+  --token-alias-typography-heading-overline-letter-spacing: 0.023rem; /* Overline letter spacing */
+  --token-alias-typography-heading-overline-text-case: uppercase; /* Overline text case */
+  --token-alias-typography-body-regular: 400 0.875rem/1.25rem 'Nunito Sans'; /* Main body text */
+  --token-alias-typography-body-semibold: 600 0.875rem/1.25rem 'Nunito Sans'; /* Light emphasis */
+  --token-alias-typography-body-bold: 700 0.875rem/1.25rem 'Nunito Sans'; /* Emphasis */
+  --token-alias-typography-body-extrabold: 800 0.875rem/1.25rem 'Nunito Sans'; /* Max emphasis */
+  --token-alias-typography-body-list: 400 0.875rem/1.25rem 'Nunito Sans'; /* For list items */
+  --token-alias-typography-body-italic: 400 0.875rem/1.25rem 'Nunito Sans';
+  --token-alias-typography-label-semibold-l: 600 1rem/1.25rem 'Nunito Sans'; /* Large tabs */
+  --token-alias-typography-label-semibold-s: 600 0.875rem/1rem 'Nunito Sans'; /* Large buttons, list, segmented buttons, side navigation, small tables */
+  --token-alias-typography-label-semibold-xs: 600 0.75rem/1rem 'Nunito Sans'; /* Small buttons, tags, warning message under field */
+  --token-alias-typography-label-bold-l: 700 1rem/1.25rem 'Nunito Sans'; /* Card, content panel, vertical stepper */
+  --token-alias-typography-label-bold-s: 700 0.875rem/1rem 'Nunito Sans'; /* Field labels, table header, date&time pickers */
+  --token-alias-typography-label-bold-xs: 700 0.75rem/0.875rem 'Nunito Sans'; /* Badge number */
+  --token-alias-typography-label-regular-s: 400 0.875rem/1rem 'Nunito Sans'; /* Field entered text, dropdown item, table cell, pagination */
+  --token-alias-typography-label-regular-xs: 400 0.75rem/1rem 'Nunito Sans'; /* Optional text, small dropdown item */
+  --token-alias-typography-label-regular-placeholder: 400 0.875rem/1rem 'Nunito Sans';
+  --token-alias-typography-code: 400 0.813rem/1.25rem 'Fira Code'; /* Code samples */
+  --token-alias-accent-info-primary: #aec0f5;
+  --token-alias-accent-info-secondary: lch(77.7 28.7 275 / 0.12);
+  --token-alias-accent-neutral-primary: #c2c2ca;
+  --token-alias-accent-neutral-secondary: lch(78.6 4.18 286 / 0.12);
+  --token-alias-accent-warning-primary: #f2b67b;
+  --token-alias-accent-warning-secondary: lch(79.6 53.6 74.4 / 0.12);
+  --token-alias-accent-negative-primary: #f3aeaf;
+  --token-alias-accent-negative-secondary: lch(77.8 28 21.1 / 0.12);
+  --token-alias-accent-positive-primary: #97cf9c;
+  --token-alias-accent-positive-secondary: lch(78.2 32.7 144 / 0.12);
+  --token-alias-accent-important-primary: #d3b4ed;
+  --token-alias-accent-important-secondary: lch(77.5 31.1 309 / 0.12);
+  --token-alias-accent-pink-primary: #ecadd4;
+  --token-alias-accent-pink-secondary: lch(77.6 29.9 340 / 0.12);
+  --token-alias-accent-violet-primary: #c4b8f3;
+  --token-alias-accent-violet-secondary: lch(77.3 30.9 295 / 0.12);
+  --token-alias-chart-neutral: #515157;
+  --token-alias-chart-categorical-1-primary: #4067e5;
+  --token-alias-chart-categorical-1-inactive: #d9e2fc;
+  --token-alias-chart-categorical-1-transparent: lch(46.5 72.3 286 / 0.2);
+  --token-alias-chart-categorical-2-primary: #fe9933;
+  --token-alias-chart-categorical-2-inactive: #ffe1c3;
+  --token-alias-chart-categorical-2-transparent: lch(72.9 74.2 63 / 0.2);
+  --token-alias-chart-categorical-3-primary: #12a594;
+  --token-alias-chart-categorical-3-inactive: #c7ebe5;
+  --token-alias-chart-categorical-3-transparent: lch(60.7 39.7 183 / 0.2);
+  --token-alias-chart-categorical-4-primary: #ab4aba;
+  --token-alias-chart-categorical-4-inactive: #f3d9f4;
+  --token-alias-chart-categorical-4-transparent: lch(48.2 66.6 322 / 0.2);
+  --token-alias-chart-categorical-5-primary: #d63c42;
+  --token-alias-chart-categorical-5-inactive: #fdd8d8;
+  --token-alias-chart-categorical-5-transparent: lch(50.1 69.5 29.4 / 0.2);
+  --token-alias-chart-categorical-6-primary: #05a2c2;
+  --token-alias-chart-categorical-6-inactive: #aadee6;
+  --token-alias-chart-categorical-6-transparent: lch(61 38.6 224 / 0.2);
+  --token-alias-chart-categorical-7-primary: #e043a7;
+  --token-alias-chart-categorical-7-inactive: #f9d8ec;
+  --token-alias-chart-categorical-7-transparent: lch(55 70 344 / 0.2);
+  --token-alias-chart-categorical-8-primary: #00b050;
+  --token-alias-chart-categorical-8-inactive: #ceebcf;
+  --token-alias-chart-categorical-8-transparent: lch(63 67 146 / 0.2);
+  --token-alias-chart-categorical-9-primary: #7259d6;
+  --token-alias-chart-categorical-9-inactive: #e4defc;
+  --token-alias-chart-categorical-9-transparent: lch(45.6 71 299 / 0.2);
+  --token-alias-chart-categorical-10-primary: #99d52a;
+  --token-alias-chart-categorical-10-inactive: #d7f2b0;
+  --token-alias-chart-categorical-10-transparent: lch(79 79.1 118 / 0.2);
+  --token-alias-chart-categorical-11-primary: #696970;
+  --token-alias-chart-categorical-11-inactive: #d6d6dd;
+  --token-alias-chart-categorical-11-transparent: lch(44.6 4.09 286 / 0.2);
+  --token-alias-chart-categorical-12-primary: #8da4ef;
+  --token-alias-chart-categorical-12-inactive: #d9e2fc;
+  --token-alias-chart-categorical-12-transparent: lch(67.9 41.2 278 / 0.2);
+  --token-alias-chart-categorical-13-primary: #c25d05;
+  --token-alias-chart-categorical-13-inactive: #ffe1c3;
+  --token-alias-chart-categorical-13-transparent: lch(51.7 70.9 57.2 / 0.2);
+  --token-alias-chart-categorical-14-primary: #067a6f;
+  --token-alias-chart-categorical-14-inactive: #c7ebe5;
+  --token-alias-chart-categorical-14-transparent: lch(45.6 31.8 185 / 0.2);
+  --token-alias-chart-categorical-15-primary: #cf91d8;
+  --token-alias-chart-categorical-15-inactive: #f3d9f4;
+  --token-alias-chart-categorical-15-transparent: lch(68.3 42.4 321 / 0.2);
+  --token-alias-chart-categorical-16-primary: #eb9091;
+  --token-alias-chart-categorical-16-inactive: #fdd8d8;
+  --token-alias-chart-categorical-16-transparent: lch(69.6 38.4 22.9 / 0.2);
+  --token-alias-chart-categorical-17-primary: #0c7792;
+  --token-alias-chart-categorical-17-inactive: #aadee6;
+  --token-alias-chart-categorical-17-transparent: lch(45.7 30.9 228 / 0.2);
+  --token-alias-chart-categorical-18-primary: #e38ec3;
+  --token-alias-chart-categorical-18-inactive: #f9d8ec;
+  --token-alias-chart-categorical-18-transparent: lch(69.3 40.8 341 / 0.2);
+  --token-alias-chart-categorical-19-primary: #97cf9c;
+  --token-alias-chart-categorical-19-inactive: #ceebcf;
+  --token-alias-chart-categorical-19-transparent: lch(78.2 32.7 144 / 0.2);
+  --token-alias-chart-categorical-20-primary: #aa99ec;
+  --token-alias-chart-categorical-20-inactive: #e4defc;
+  --token-alias-chart-categorical-20-transparent: lch(67.2 44.6 296 / 0.2);
+  --token-alias-chart-categorical-21-primary: #94ba2c;
+  --token-alias-chart-categorical-21-inactive: #d7f2b0;
+  --token-alias-chart-categorical-21-transparent: lch(70.8 67.7 114 / 0.2);
+  --token-alias-chart-categorical-22-primary: #3d3d42;
+  --token-alias-chart-categorical-22-inactive: #d6d6dd;
+  --token-alias-chart-categorical-22-transparent: lch(25.9 3.2 286 / 0.2);
+  --token-alias-chart-monochromatic-default-5: #f8faff;
+  --token-alias-chart-monochromatic-default-10: #f0f4ff;
+  --token-alias-chart-monochromatic-default-20: #e6edfe;
+  --token-alias-chart-monochromatic-default-30: #d9e2fc;
+  --token-alias-chart-monochromatic-default-40: #c6d4f9;
+  --token-alias-chart-monochromatic-default-50: #aec0f5;
+  --token-alias-chart-monochromatic-default-60: #8da4ef;
+  --token-alias-chart-monochromatic-default-70: #4067e5;
+  --token-alias-chart-monochromatic-default-90: #3451b2;
+  --token-alias-chart-monochromatic-default-100: #002856;
+  --token-alias-chart-monochromatic-danger-5: #fff8f8;
+  --token-alias-chart-monochromatic-danger-10: #ffefef;
+  --token-alias-chart-monochromatic-danger-20: #ffe5e5;
+  --token-alias-chart-monochromatic-danger-30: #fdd8d8;
+  --token-alias-chart-monochromatic-danger-40: #f9c6c6;
+  --token-alias-chart-monochromatic-danger-50: #f3aeaf;
+  --token-alias-chart-monochromatic-danger-60: #eb9091;
+  --token-alias-chart-monochromatic-danger-70: #d63c42;
+  --token-alias-chart-monochromatic-danger-90: #b82329;
+  --token-alias-chart-monochromatic-danger-100: #381316;
+  --token-alias-chart-status-negative: #d63c42;
+  --token-alias-chart-status-warning: #fecb34;
+  --token-alias-chart-status-positive: #00b050;
+  --token-component-button-primary-default-background: #5bb3ea;
+  --token-component-button-primary-default-text: #343438;
+  --token-component-button-primary-default-icon: #343438;
+  --token-component-button-primary-hover-background: #96cff0;
+  --token-component-button-primary-hover-text: #343438;
+  --token-component-button-primary-hover-icon: #343438;
+  --token-component-button-primary-pressed-background: #5bb3ea;
+  --token-component-button-primary-pressed-text: #343438;
+  --token-component-button-primary-pressed-icon: #343438;
+  --token-component-button-primary-disabled-background: #515157;
+  --token-component-button-primary-disabled-text: #83838c;
+  --token-component-button-primary-disabled-icon: #83838c;
+  --token-component-button-primary-loading-background: #5bb3ea;
+  --token-component-button-secondary-default-background: #3d3d42;
+  --token-component-button-secondary-default-border: #5bb3ea;
+  --token-component-button-secondary-default-text: #5bb3ea;
+  --token-component-button-secondary-default-icon: #5bb3ea;
+  --token-component-button-secondary-hover-background: #515157;
+  --token-component-button-secondary-hover-border: #96cff0;
+  --token-component-button-secondary-hover-text: #5bb3ea;
+  --token-component-button-secondary-hover-icon: #5bb3ea;
+  --token-component-button-secondary-pressed-background: #3d3d42;
+  --token-component-button-secondary-pressed-border: #5bb3ea;
+  --token-component-button-secondary-pressed-text: #5bb3ea;
+  --token-component-button-secondary-pressed-icon: #5bb3ea;
+  --token-component-button-secondary-disabled-background: #3d3d42;
+  --token-component-button-secondary-disabled-border: #515157;
+  --token-component-button-secondary-disabled-text: #83838c;
+  --token-component-button-secondary-disabled-icon: #83838c;
+  --token-component-button-secondary-loading-background: #3d3d42;
+  --token-component-button-secondary-loading-border: #5bb3ea;
+  --token-component-button-link-default-text: #5bb3ea;
+  --token-component-button-link-default-icon: #5bb3ea;
+  --token-component-button-link-hover-text: #96cff0;
+  --token-component-button-link-hover-icon: #96cff0;
+  --token-component-button-link-pressed-text: #5bb3ea;
+  --token-component-button-link-pressed-icon: #5bb3ea;
+  --token-component-button-link-disabled-text: #83838c;
+  --token-component-button-link-disabled-icon: #83838c;
+  --token-component-container-background: #3d3d42;
+  --token-component-container-border: #515157;
+  --token-component-table-header-filled-background: #343438;
+  --token-component-table-header-filled-text: #ffffff;
+  --token-component-table-header-filled-icon: #ffffff;
+  --token-component-table-header-outlined-border: #c2c2ca;
+  --token-component-table-header-outlined-text: #ffffff;
+  --token-component-table-header-outlined-icon: #ffffff;
+  --token-component-table-row-border: #515157;
+  --token-component-table-row-icon-default: #ffffff;
+  --token-component-table-row-icon-disabled: #83838c;
+  --token-component-table-row-icon-hover: #96cff0;
+  --token-component-table-row-background-default: #3d3d42;
+  --token-component-table-row-background-zebra: #343438;
+  --token-component-table-row-background-hover: #515157;
+  --token-component-table-row-text-default: #ffffff;
+  --token-component-table-row-text-placeholder: #a3a3ab;
+  --token-component-table-row-text-link: #5bb3ea;
+  --token-component-menu-button-primary-default-background: #5bb3ea;
+  --token-component-menu-button-primary-default-text: #343438;
+  --token-component-menu-button-primary-default-icon: #343438;
+  --token-component-menu-button-primary-hover-background: #96cff0;
+  --token-component-menu-button-primary-hover-text: #343438;
+  --token-component-menu-button-primary-hover-icon: #343438;
+  --token-component-menu-button-primary-pressed-background: #5bb3ea;
+  --token-component-menu-button-primary-pressed-text: #343438;
+  --token-component-menu-button-primary-pressed-icon: #343438;
+  --token-component-menu-button-primary-disabled-background: #515157;
+  --token-component-menu-button-primary-disabled-text: #83838c;
+  --token-component-menu-button-primary-disabled-icon: #83838c;
+  --token-component-menu-button-primary-loading-background: #5bb3ea;
+  --token-component-menu-button-secondary-default-background: #3d3d42;
+  --token-component-menu-button-secondary-default-border: #5bb3ea;
+  --token-component-menu-button-secondary-default-text: #5bb3ea;
+  --token-component-menu-button-secondary-default-icon: #5bb3ea;
+  --token-component-menu-button-secondary-hover-background: #515157;
+  --token-component-menu-button-secondary-hover-border: #96cff0;
+  --token-component-menu-button-secondary-hover-text: #5bb3ea;
+  --token-component-menu-button-secondary-hover-icon: #5bb3ea;
+  --token-component-menu-button-secondary-pressed-background: #3d3d42;
+  --token-component-menu-button-secondary-pressed-border: #5bb3ea;
+  --token-component-menu-button-secondary-pressed-text: #5bb3ea;
+  --token-component-menu-button-secondary-pressed-icon: #5bb3ea;
+  --token-component-menu-button-secondary-disabled-background: #3d3d42;
+  --token-component-menu-button-secondary-disabled-border: #515157;
+  --token-component-menu-button-secondary-disabled-text: #83838c;
+  --token-component-menu-button-secondary-disabled-icon: #83838c;
+  --token-component-menu-button-secondary-loading-background: #3d3d42;
+  --token-component-menu-button-secondary-loading-border: #5bb3ea;
+  --token-component-menu-button-link-default-text: #5bb3ea;
+  --token-component-menu-button-link-default-icon: #5bb3ea;
+  --token-component-menu-button-link-hover-text: #96cff0;
+  --token-component-menu-button-link-hover-icon: #96cff0;
+  --token-component-menu-button-link-pressed-text: #5bb3ea;
+  --token-component-menu-button-link-pressed-icon: #5bb3ea;
+  --token-component-menu-button-link-disabled-text: #83838c;
+  --token-component-menu-button-link-disabled-icon: #83838c;
+  --token-component-overflow-menu-button-default-icon: #ffffff;
+  --token-component-overflow-menu-button-hover-icon: #96cff0;
+  --token-component-overflow-menu-button-pressed-icon: #5bb3ea;
+  --token-component-overflow-menu-button-disabled-icon: #83838c;
+  --token-component-split-menu-button-primary-default-background: #5bb3ea;
+  --token-component-split-menu-button-primary-default-border: #3d3d42;
+  --token-component-split-menu-button-primary-default-text: #343438;
+  --token-component-split-menu-button-primary-default-icon: #343438;
+  --token-component-split-menu-button-primary-hover-left-background-left: #96cff0;
+  --token-component-split-menu-button-primary-hover-left-background-right: #5bb3ea;
+  --token-component-split-menu-button-primary-hover-left-border: #3d3d42;
+  --token-component-split-menu-button-primary-hover-left-text: #343438;
+  --token-component-split-menu-button-primary-hover-left-icon: #343438;
+  --token-component-split-menu-button-primary-hover-right-background-left: #5bb3ea;
+  --token-component-split-menu-button-primary-hover-right-background-right: #96cff0;
+  --token-component-split-menu-button-primary-hover-right-border: #3d3d42;
+  --token-component-split-menu-button-primary-hover-right-text: #343438;
+  --token-component-split-menu-button-primary-hover-right-icon: #343438;
+  --token-component-split-menu-button-primary-active-background: #5bb3ea;
+  --token-component-split-menu-button-primary-active-border: #3d3d42;
+  --token-component-split-menu-button-primary-active-text: #343438;
+  --token-component-split-menu-button-primary-active-icon: #343438;
+  --token-component-split-menu-button-primary-disabled-background: #515157;
+  --token-component-split-menu-button-primary-disabled-border: #3d3d42;
+  --token-component-split-menu-button-primary-disabled-text: #83838c;
+  --token-component-split-menu-button-primary-disabled-icon: #83838c;
+  --token-component-split-menu-button-primary-loading-background-left: #5bb3ea;
+  --token-component-split-menu-button-primary-loading-background-right: #5bb3ea;
+  --token-component-split-menu-button-primary-loading-border: #3d3d42;
+  --token-component-split-menu-button-primary-loading-icon: #343438;
+  --token-component-split-menu-button-secondary-default-background: #3d3d42;
+  --token-component-split-menu-button-secondary-default-border: #5bb3ea;
+  --token-component-split-menu-button-secondary-default-text: #5bb3ea;
+  --token-component-split-menu-button-secondary-default-icon: #5bb3ea;
+  --token-component-split-menu-button-secondary-hover-left-background-left: #515157;
+  --token-component-split-menu-button-secondary-hover-left-background-right: #3d3d42;
+  --token-component-split-menu-button-secondary-hover-left-border-left: #96cff0;
+  --token-component-split-menu-button-secondary-hover-left-border-right: #5bb3ea;
+  --token-component-split-menu-button-secondary-hover-left-text: #5bb3ea;
+  --token-component-split-menu-button-secondary-hover-left-icon: #5bb3ea;
+  --token-component-split-menu-button-secondary-hover-right-background-left: #3d3d42;
+  --token-component-split-menu-button-secondary-hover-right-background-right: #515157;
+  --token-component-split-menu-button-secondary-hover-right-border-left: #5bb3ea;
+  --token-component-split-menu-button-secondary-hover-right-border-right: #96cff0;
+  --token-component-split-menu-button-secondary-hover-right-text: #5bb3ea;
+  --token-component-split-menu-button-secondary-hover-right-icon: #5bb3ea;
+  --token-component-split-menu-button-secondary-active-background: #3d3d42;
+  --token-component-split-menu-button-secondary-active-border: #5bb3ea;
+  --token-component-split-menu-button-secondary-active-text: #5bb3ea;
+  --token-component-split-menu-button-secondary-active-icon: #5bb3ea;
+  --token-component-split-menu-button-secondary-disabled-background: #3d3d42;
+  --token-component-split-menu-button-secondary-disabled-border: #515157;
+  --token-component-split-menu-button-secondary-disabled-text: #83838c;
+  --token-component-split-menu-button-secondary-disabled-icon: #83838c;
+  --token-component-split-menu-button-secondary-loading-background: #3d3d42;
+  --token-component-split-menu-button-secondary-loading-border: #5bb3ea;
+  --token-component-split-menu-button-secondary-loading-icon: #5bb3ea;
+  --token-component-appbar-background: #343438;
+  --token-component-appbar-border: #515157;
+  --token-component-appbar-text: #ffffff;
+  --token-component-appbar-icon: #ffffff;
+  --token-component-badge-informative-background: lch(77.7 28.7 275 / 0.12);
+  --token-component-badge-informative-text: #aec0f5;
+  --token-component-badge-neutral-background: lch(78.6 4.18 286 / 0.12);
+  --token-component-badge-neutral-text: #c2c2ca;
+  --token-component-badge-warning-background: lch(79.6 53.6 74.4 / 0.12);
+  --token-component-badge-warning-text: #f2b67b;
+  --token-component-badge-negative-background: lch(77.8 28 21.1 / 0.12);
+  --token-component-badge-negative-text: #f3aeaf;
+  --token-component-badge-positive-background: lch(78.2 32.7 144 / 0.12);
+  --token-component-badge-positive-text: #97cf9c;
+  --token-component-badge-important-background: lch(77.5 31.1 309 / 0.12);
+  --token-component-badge-important-text: #d3b4ed;
+  --token-component-badge-violet-background: lch(77.3 30.9 295 / 0.12);
+  --token-component-badge-violet-text: #c4b8f3;
+  --token-component-badge-pink-background: lch(77.6 29.9 340 / 0.12);
+  --token-component-badge-pink-text: #ecadd4;
+  --token-component-breadcrumb-divider: #515157;
+  --token-component-breadcrumb-app-title-text: #5bb3ea;
+  --token-component-breadcrumb-default-text: #5bb3ea;
+  --token-component-breadcrumb-truncated-text: #5bb3ea;
+  --token-component-breadcrumb-last-item-text: #ffffff;
+  --token-component-breadcrumb-collapsed-background: #515157;
+  --token-component-breadcrumb-collapsed-text: #ffffff;
+  --token-component-breadcrumb-collapsed-icon: #ffffff;
+  --token-component-breadcrumb-with-dropdown-text: #5bb3ea;
+  --token-component-breadcrumb-with-dropdown-icon: #ffffff;
+  --token-component-card-background: #3d3d42;
+  --token-component-card-border: #515157;
+  --token-component-card-text: #ffffff;
+  --token-component-card-icon: #ffffff;
+  --token-component-checkbox-empty-default-background: #3d3d42;
+  --token-component-checkbox-empty-default-border: #696970;
+  --token-component-checkbox-empty-default-text: #ffffff;
+  --token-component-checkbox-empty-hover-background: #3d3d42;
+  --token-component-checkbox-empty-hover-border: #96cff0;
+  --token-component-checkbox-empty-hover-text: #ffffff;
+  --token-component-checkbox-empty-active-background: #3d3d42;
+  --token-component-checkbox-empty-active-border: #5bb3ea;
+  --token-component-checkbox-empty-active-text: #ffffff;
+  --token-component-checkbox-empty-disabled-background: #515157;
+  --token-component-checkbox-empty-disabled-border: #515157;
+  --token-component-checkbox-empty-disabled-text: #83838c;
+  --token-component-checkbox-empty-read-only-background: #3d3d42;
+  --token-component-checkbox-empty-read-only-border: #515157;
+  --token-component-checkbox-empty-read-only-text: #ffffff;
+  --token-component-checkbox-checked-default-background: #5bb3ea;
+  --token-component-checkbox-checked-default-text: #ffffff;
+  --token-component-checkbox-checked-default-icon: #343438;
+  --token-component-checkbox-checked-hover-background: #96cff0;
+  --token-component-checkbox-checked-hover-text: #ffffff;
+  --token-component-checkbox-checked-hover-icon: #343438;
+  --token-component-checkbox-checked-active-background: #5bb3ea;
+  --token-component-checkbox-checked-active-text: #ffffff;
+  --token-component-checkbox-checked-active-icon: #343438;
+  --token-component-checkbox-checked-disabled-background: #515157;
+  --token-component-checkbox-checked-disabled-text: #83838c;
+  --token-component-checkbox-checked-disabled-icon: #ffffff;
+  --token-component-checkbox-checked-read-only-background: #3d3d42;
+  --token-component-checkbox-checked-read-only-border: #515157;
+  --token-component-checkbox-checked-read-only-text: #ffffff;
+  --token-component-checkbox-checked-read-only-icon: #83838c;
+  --token-component-checkbox-indeterminated-default-background: #5bb3ea;
+  --token-component-checkbox-indeterminated-default-text: #ffffff;
+  --token-component-checkbox-indeterminated-default-icon: #343438;
+  --token-component-checkbox-indeterminated-hover-background: #96cff0;
+  --token-component-checkbox-indeterminated-hover-text: #ffffff;
+  --token-component-checkbox-indeterminated-hover-icon: #343438;
+  --token-component-checkbox-indeterminated-active-background: #5bb3ea;
+  --token-component-checkbox-indeterminated-active-text: #ffffff;
+  --token-component-checkbox-indeterminated-active-icon: #343438;
+  --token-component-checkbox-indeterminated-disabled-background: #515157;
+  --token-component-checkbox-indeterminated-disabled-text: #83838c;
+  --token-component-checkbox-indeterminated-disabled-icon: #ffffff;
+  --token-component-checkbox-indeterminated-read-only-background: #3d3d42;
+  --token-component-checkbox-indeterminated-read-only-border: #515157;
+  --token-component-checkbox-indeterminated-read-only-text: #ffffff;
+  --token-component-checkbox-indeterminated-read-only-icon: #83838c;
+  --token-component-content-panel-background: #3d3d42;
+  --token-component-content-panel-border: #515157;
+  --token-component-content-panel-text: #ffffff;
+  --token-component-content-panel-icon: #ffffff;
+  --token-component-calendar-background: #3d3d42;
+  --token-component-calendar-border: #515157;
+  --token-component-calendar-icon: #ffffff;
+  --token-component-calendar-text-default: #ffffff;
+  --token-component-calendar-text-disabled: #83838c;
+  --token-component-calendar-selected-item-text: #343438;
+  --token-component-calendar-selected-item-background: #5bb3ea;
+  --token-component-calendar-hover-item-background: #515157;
+  --token-component-calendar-hover-item-text: #ffffff;
+  --token-component-calendar-preset-area-background: #343438;
+  --token-component-calendar-preset-area-hover-period-background: #3d3d42;
+  --token-component-calendar-preset-area-active-period-background: #5bb3ea;
+  --token-component-calendar-preset-area-active-period-text: #343438;
+  --token-component-date-field-default-background: #343438;
+  --token-component-date-field-default-border: #696970;
+  --token-component-date-field-default-text: #a3a3ab;
+  --token-component-date-field-default-icon: #ffffff;
+  --token-component-date-field-default-hint-text: #a3a3ab;
+  --token-component-date-field-hover-background: #343438;
+  --token-component-date-field-hover-border: #c2c2ca;
+  --token-component-date-field-hover-text: #ffffff;
+  --token-component-date-field-hover-icon: #ffffff;
+  --token-component-date-field-hover-hint-text: #a3a3ab;
+  --token-component-date-field-hover-empty-background: #343438;
+  --token-component-date-field-hover-empty-border: #c2c2ca;
+  --token-component-date-field-hover-empty-text: #a3a3ab;
+  --token-component-date-field-hover-empty-icon: #ffffff;
+  --token-component-date-field-hover-empty-hint-text: #a3a3ab;
+  --token-component-date-field-filled-background: #343438;
+  --token-component-date-field-filled-border: #696970;
+  --token-component-date-field-filled-text: #ffffff;
+  --token-component-date-field-filled-icon: #ffffff;
+  --token-component-date-field-filled-hint-text: #a3a3ab;
+  --token-component-date-field-disabled-background: #515157;
+  --token-component-date-field-disabled-border: #515157;
+  --token-component-date-field-disabled-text: #83838c;
+  --token-component-date-field-disabled-icon: #83838c;
+  --token-component-date-field-disabled-hint-text: #a3a3ab;
+  --token-component-date-field-read-only-background: #343438;
+  --token-component-date-field-read-only-text: #ffffff;
+  --token-component-date-field-read-only-hint-text: #a3a3ab;
+  --token-component-date-field-error-background: #343438;
+  --token-component-date-field-error-border: #eb9091;
+  --token-component-date-field-error-text: #ffffff;
+  --token-component-date-field-error-icon: #ffffff;
+  --token-component-date-field-error-hint-text: #eb9091;
+  --token-component-date-field-focus-background: #343438;
+  --token-component-date-field-focus-border: #5bb3ea;
+  --token-component-date-field-focus-text: #a3a3ab;
+  --token-component-date-field-focus-icon: #5bb3ea;
+  --token-component-date-field-focus-hint-text: #a3a3ab;
+  --token-component-date-picker-default-icon: #ffffff;
+  --token-component-date-picker-hover-icon: #96cff0;
+  --token-component-date-picker-filled-icon: #5bb3ea;
+  --token-component-date-picker-disabled-icon: #83838c;
+  --token-component-date-picker-focus-icon: #5bb3ea;
+  --token-component-date-range-picker-default-icon: #ffffff;
+  --token-component-date-range-picker-hover-icon: #96cff0;
+  --token-component-date-range-picker-filled-icon: #5bb3ea;
+  --token-component-date-range-picker-disabled-icon: #83838c;
+  --token-component-date-range-picker-focus-icon: #5bb3ea;
+  --token-component-date-range-field-default-background: #343438;
+  --token-component-date-range-field-default-border: #696970;
+  --token-component-date-range-field-default-text: #a3a3ab;
+  --token-component-date-range-field-default-icon: #ffffff;
+  --token-component-date-range-field-default-hint-text: #a3a3ab;
+  --token-component-date-range-field-hover-background: #343438;
+  --token-component-date-range-field-hover-border: #c2c2ca;
+  --token-component-date-range-field-hover-text: #ffffff;
+  --token-component-date-range-field-hover-icon: #ffffff;
+  --token-component-date-range-field-hover-hint-text: #a3a3ab;
+  --token-component-date-range-field-hover-empty-background: #343438;
+  --token-component-date-range-field-hover-empty-border: #c2c2ca;
+  --token-component-date-range-field-hover-empty-text: #a3a3ab;
+  --token-component-date-range-field-hover-empty-icon: #ffffff;
+  --token-component-date-range-field-hover-empty-hint-text: #a3a3ab;
+  --token-component-date-range-field-filled-background: #343438;
+  --token-component-date-range-field-filled-border: #696970;
+  --token-component-date-range-field-filled-text: #ffffff;
+  --token-component-date-range-field-filled-icon: #ffffff;
+  --token-component-date-range-field-filled-hint-text: #a3a3ab;
+  --token-component-date-range-field-filled-placeholder-item-text: #a3a3ab;
+  --token-component-date-range-field-disabled-background: #515157;
+  --token-component-date-range-field-disabled-border: #515157;
+  --token-component-date-range-field-disabled-text: #83838c;
+  --token-component-date-range-field-disabled-icon: #83838c;
+  --token-component-date-range-field-disabled-hint-text: #a3a3ab;
+  --token-component-date-range-field-read-only-background: #343438;
+  --token-component-date-range-field-read-only-text: #ffffff;
+  --token-component-date-range-field-read-only-hint-text: #a3a3ab;
+  --token-component-date-range-field-error-background: #343438;
+  --token-component-date-range-field-error-border: #eb9091;
+  --token-component-date-range-field-error-text: #ffffff;
+  --token-component-date-range-field-error-icon: #ffffff;
+  --token-component-date-range-field-error-hint-text: #eb9091;
+  --token-component-date-range-field-focus-background: #343438;
+  --token-component-date-range-field-focus-border: #5bb3ea;
+  --token-component-date-range-field-focus-text: #a3a3ab;
+  --token-component-date-range-field-focus-icon: #5bb3ea;
+  --token-component-date-range-field-focus-hint-text: #a3a3ab;
+  --token-component-date-range-field-focus-placeholder-item-text: #a3a3ab;
+  --token-component-date-range-input-default-background: #343438;
+  --token-component-date-range-input-default-border: #696970;
+  --token-component-date-range-input-default-text: #a3a3ab;
+  --token-component-date-range-input-default-icon: #ffffff;
+  --token-component-date-range-input-default-hint-text: #a3a3ab;
+  --token-component-date-range-input-hover-background: #343438;
+  --token-component-date-range-input-hover-border: #c2c2ca;
+  --token-component-date-range-input-hover-text: #ffffff;
+  --token-component-date-range-input-hover-icon: #ffffff;
+  --token-component-date-range-input-hover-hint-text: #a3a3ab;
+  --token-component-date-range-input-active-period-background: #343438;
+  --token-component-date-range-input-active-period-border: #c2c2ca;
+  --token-component-date-range-input-active-period-text: #ffffff;
+  --token-component-date-range-input-active-period-icon: #ffffff;
+  --token-component-date-range-input-active-period-hint-text: #a3a3ab;
+  --token-component-date-range-input-active-period-active-item-background: #3d3d42;
+  --token-component-date-range-input-active-period-active-item-text: #a3a3ab;
+  --token-component-date-range-input-filled-background: #343438;
+  --token-component-date-range-input-filled-border: #696970;
+  --token-component-date-range-input-filled-text: #ffffff;
+  --token-component-date-range-input-filled-icon: #ffffff;
+  --token-component-date-range-input-filled-hint-text: #a3a3ab;
+  --token-component-date-range-input-filled-placeholder-item-text: #a3a3ab;
+  --token-component-date-range-input-disabled-background: #343438;
+  --token-component-date-range-input-disabled-border: #515157;
+  --token-component-date-range-input-disabled-text: #83838c;
+  --token-component-date-range-input-disabled-icon: #83838c;
+  --token-component-date-range-input-disabled-hint-text: #a3a3ab;
+  --token-component-date-range-input-read-only-background: #343438;
+  --token-component-date-range-input-read-only-text: #ffffff;
+  --token-component-date-range-input-read-only-hint-text: #a3a3ab;
+  --token-component-date-range-input-error-background: #343438;
+  --token-component-date-range-input-error-border: #eb9091;
+  --token-component-date-range-input-error-text: #ffffff;
+  --token-component-date-range-input-error-icon: #ffffff;
+  --token-component-date-range-input-error-hint-text: #eb9091;
+  --token-component-date-range-input-focus-background: #343438;
+  --token-component-date-range-input-focus-border: #5bb3ea;
+  --token-component-date-range-input-focus-text: #ffffff;
+  --token-component-date-range-input-focus-icon: #5bb3ea;
+  --token-component-date-range-input-focus-hint-text: #a3a3ab;
+  --token-component-date-range-input-focus-placeholder-item-text: #a3a3ab;
+  --token-component-divider-border: #515157;
+  --token-component-drawer-background: #3d3d42;
+  --token-component-drawer-text: #ffffff;
+  --token-component-drawer-icon-default: #ffffff;
+  --token-component-drawer-icon-disabled: #83838c;
+  --token-component-dropdown-icon-default: #ffffff;
+  --token-component-dropdown-icon-disabled: #83838c;
+  --token-component-dropdown-text-default: #ffffff;
+  --token-component-dropdown-text-link: #5bb3ea;
+  --token-component-dropdown-text-description: #a3a3ab;
+  --token-component-dropdown-text-disabled: #83838c;
+  --token-component-dropdown-background-default: #343438;
+  --token-component-dropdown-background-hover: #3d3d42;
+  --token-component-dropdown-background-category: #343438;
+  --token-component-global-header-background: #232326;
+  --token-component-global-header-border: #3d3d42;
+  --token-component-global-header-icon-default: #d6d6dd;
+  --token-component-global-header-icon-hover: #ffffff;
+  --token-component-global-header-text-default: #d6d6dd;
+  --token-component-global-header-text-hover: #ffffff;
+  --token-component-global-header-search-background: #3d3d42;
+  --token-component-global-header-search-text-placeholder: #d6d6dd;
+  --token-component-global-header-search-text-filled: #ffffff;
+  --token-component-global-header-search-icon-default: #d6d6dd;
+  --token-component-global-header-search-icon-active: #ffffff;
+  --token-component-global-header-search-icon-hover: #ffffff;
+  --token-component-global-footer-background: #232326;
+  --token-component-global-footer-text-default: #d6d6dd;
+  --token-component-global-footer-text-hover: #ffffff;
+  --token-component-group-select-field-default-background: #343438;
+  --token-component-group-select-field-default-border: #696970;
+  --token-component-group-select-field-default-text: #a3a3ab;
+  --token-component-group-select-field-default-icon: #ffffff;
+  --token-component-group-select-field-default-hint-text: #a3a3ab;
+  --token-component-group-select-field-default-info-icon: #a3a3ab;
+  --token-component-group-select-field-hover-background: #343438;
+  --token-component-group-select-field-hover-border: #c2c2ca;
+  --token-component-group-select-field-hover-text: #a3a3ab;
+  --token-component-group-select-field-hover-icon: #ffffff;
+  --token-component-group-select-field-hover-hint-text: #a3a3ab;
+  --token-component-group-select-field-hover-info-icon: #a3a3ab;
+  --token-component-group-select-field-selected-background: #343438;
+  --token-component-group-select-field-selected-border: #696970;
+  --token-component-group-select-field-selected-text: #ffffff;
+  --token-component-group-select-field-selected-icon: #ffffff;
+  --token-component-group-select-field-selected-hint-text: #a3a3ab;
+  --token-component-group-select-field-selected-info-icon: #a3a3ab;
+  --token-component-group-select-field-disabled-background: #515157;
+  --token-component-group-select-field-disabled-border: #515157;
+  --token-component-group-select-field-disabled-text: #83838c;
+  --token-component-group-select-field-disabled-icon: #83838c;
+  --token-component-group-select-field-disabled-hint-text: #a3a3ab;
+  --token-component-group-select-field-disabled-info-icon: #a3a3ab;
+  --token-component-group-select-field-read-only-background: #343438;
+  --token-component-group-select-field-read-only-text: #ffffff;
+  --token-component-group-select-field-read-only-hint-text: #a3a3ab;
+  --token-component-group-select-field-read-only-info-icon: #a3a3ab;
+  --token-component-group-select-field-error-background: #343438;
+  --token-component-group-select-field-error-border: #eb9091;
+  --token-component-group-select-field-error-text: #ffffff;
+  --token-component-group-select-field-error-icon: #ffffff;
+  --token-component-group-select-field-error-hint-text: #eb9091;
+  --token-component-group-select-field-error-info-icon: #a3a3ab;
+  --token-component-group-select-field-focus-background: #343438;
+  --token-component-group-select-field-focus-border: #5bb3ea;
+  --token-component-group-select-field-focus-text: #ffffff;
+  --token-component-group-select-field-focus-icon: #ffffff;
+  --token-component-group-select-field-focus-hint-text: #a3a3ab;
+  --token-component-group-select-field-focus-info-icon: #a3a3ab;
+  --token-component-group-select-dropdown-icon: #ffffff;
+  --token-component-group-select-dropdown-text: #ffffff;
+  --token-component-group-select-dropdown-background-default: #343438;
+  --token-component-group-select-dropdown-background-hover: #3d3d42;
+  --token-component-inline-edit-text: #ffffff;
+  --token-component-inline-edit-icon-default: #ffffff;
+  --token-component-inline-edit-icon-hover: #96cff0;
+  --token-component-inline-edit-accept-icon-default: #5bb3ea;
+  --token-component-inline-edit-accept-icon-hover: #96cff0;
+  --token-component-inline-edit-accept-icon-disabled: #83838c;
+  --token-component-kpi-bar-text: #ffffff;
+  --token-component-kpi-bar-border: #515157;
+  --token-component-kpi-bar-icon-default: #ffffff;
+  --token-component-kpi-bar-icon-hover: #96cff0;
+  --token-component-kpi-bar-icon-active: #5bb3ea;
+  --token-component-kpi-bar-item-neutral-default-label: #c2c2ca;
+  --token-component-kpi-bar-item-neutral-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-neutral-default-icon: #c2c2ca;
+  --token-component-kpi-bar-item-neutral-hover-label: #c2c2ca;
+  --token-component-kpi-bar-item-neutral-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-neutral-hover-background: lch(78.6 4.18 286 / 0.12);
+  --token-component-kpi-bar-item-neutral-hover-icon: #c2c2ca;
+  --token-component-kpi-bar-item-neutral-active-label: #c2c2ca;
+  --token-component-kpi-bar-item-neutral-active-text: #ffffff;
+  --token-component-kpi-bar-item-neutral-active-border: #c2c2ca;
+  --token-component-kpi-bar-item-neutral-active-icon: #c2c2ca;
+  --token-component-kpi-bar-item-green-default-label: #97cf9c;
+  --token-component-kpi-bar-item-green-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-green-hover-label: #97cf9c;
+  --token-component-kpi-bar-item-green-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-green-hover-background: lch(78.2 32.7 144 / 0.12);
+  --token-component-kpi-bar-item-green-active-label: #97cf9c;
+  --token-component-kpi-bar-item-green-active-text: #ffffff;
+  --token-component-kpi-bar-item-green-active-border: #97cf9c;
+  --token-component-kpi-bar-item-orange-default-label: #f2b67b;
+  --token-component-kpi-bar-item-orange-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-orange-hover-label: #f2b67b;
+  --token-component-kpi-bar-item-orange-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-orange-hover-background: lch(79.6 53.6 74.4 / 0.12);
+  --token-component-kpi-bar-item-orange-active-label: #f2b67b;
+  --token-component-kpi-bar-item-orange-active-text: #ffffff;
+  --token-component-kpi-bar-item-orange-active-border: #f2b67b;
+  --token-component-kpi-bar-item-purple-default-label: #d3b4ed;
+  --token-component-kpi-bar-item-purple-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-purple-hover-label: #d3b4ed;
+  --token-component-kpi-bar-item-purple-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-purple-hover-background: lch(77.5 31.1 309 / 0.12);
+  --token-component-kpi-bar-item-purple-active-label: #d3b4ed;
+  --token-component-kpi-bar-item-purple-active-text: #ffffff;
+  --token-component-kpi-bar-item-purple-active-border: #d3b4ed;
+  --token-component-kpi-bar-item-red-default-label: #f3aeaf;
+  --token-component-kpi-bar-item-red-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-red-hover-label: #f3aeaf;
+  --token-component-kpi-bar-item-red-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-red-hover-background: lch(77.8 28 21.1 / 0.12);
+  --token-component-kpi-bar-item-red-active-label: #f3aeaf;
+  --token-component-kpi-bar-item-red-active-text: #ffffff;
+  --token-component-kpi-bar-item-red-active-border: #f3aeaf;
+  --token-component-kpi-bar-item-ultramarine-default-label: #aec0f5;
+  --token-component-kpi-bar-item-ultramarine-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-ultramarine-hover-label: #aec0f5;
+  --token-component-kpi-bar-item-ultramarine-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-ultramarine-hover-background: lch(77.7 28.7 275 / 0.12);
+  --token-component-kpi-bar-item-ultramarine-active-label: #aec0f5;
+  --token-component-kpi-bar-item-ultramarine-active-text: #ffffff;
+  --token-component-kpi-bar-item-ultramarine-active-border: #aec0f5;
+  --token-component-kpi-bar-item-pink-default-label: #ecadd4;
+  --token-component-kpi-bar-item-pink-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-pink-hover-label: #ecadd4;
+  --token-component-kpi-bar-item-pink-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-pink-hover-background: lch(77.6 29.9 340 / 0.12);
+  --token-component-kpi-bar-item-pink-active-label: #ecadd4;
+  --token-component-kpi-bar-item-pink-active-text: #ffffff;
+  --token-component-kpi-bar-item-pink-active-border: #ecadd4;
+  --token-component-label-text: #ffffff;
+  --token-component-label-icon: #ffffff;
+  --token-component-label-info-icon: #a3a3ab;
+  --token-component-list-text: #ffffff;
+  --token-component-list-border: #515157;
+  --token-component-list-icon-default: #ffffff;
+  --token-component-list-icon-hover: #96cff0;
+  --token-component-list-icon-active: #5bb3ea;
+  --token-component-list-background-default: #343438;
+  --token-component-list-background-hover: #3d3d42;
+  --token-component-master-switch-content-background: #3d3d42;
+  --token-component-master-switch-side-background: #343438;
+  --token-component-master-switch-text: #ffffff;
+  --token-component-master-switch-icon: #ffffff;
+  --token-component-modal-background: #3d3d42;
+  --token-component-modal-icon: #ffffff;
+  --token-component-modal-text-default: #ffffff;
+  --token-component-modal-text-description: #a3a3ab;
+  --token-component-notification-banner-text: #ffffff;
+  --token-component-notification-banner-icon: #ffffff;
+  --token-component-notification-banner-informative-background: #515157;
+  --token-component-notification-banner-informative-border: #8da4ef;
+  --token-component-notification-banner-informative-status-icon: #8da4ef;
+  --token-component-notification-banner-tip-background: #515157;
+  --token-component-notification-banner-tip-border: #8da4ef;
+  --token-component-notification-banner-tip-status-icon: #8da4ef;
+  --token-component-notification-banner-warning-background: #515157;
+  --token-component-notification-banner-warning-border: #edb016;
+  --token-component-notification-banner-warning-status-icon: #edb016;
+  --token-component-notification-banner-success-background: #515157;
+  --token-component-notification-banner-success-border: #65ba75;
+  --token-component-notification-banner-success-status-icon: #65ba75;
+  --token-component-notification-banner-error-background: #515157;
+  --token-component-notification-banner-error-border: #eb9091;
+  --token-component-notification-banner-error-status-icon: #eb9091;
+  --token-component-notification-banner-secondary-background: #515157;
+  --token-component-notification-banner-secondary-border: #c2c2ca;
+  --token-component-notification-banner-secondary-status-icon: #ffffff;
+  --token-component-notification-toast-text: #ffffff;
+  --token-component-notification-toast-icon: #ffffff;
+  --token-component-notification-toast-informative-background: #515157;
+  --token-component-notification-toast-informative-icon-background: #4067e5;
+  --token-component-notification-toast-informative-border: #8da4ef;
+  --token-component-notification-toast-informative-status-icon: #ffffff;
+  --token-component-notification-toast-tip-background: #515157;
+  --token-component-notification-toast-tip-icon-background: #4067e5;
+  --token-component-notification-toast-tip-border: #8da4ef;
+  --token-component-notification-toast-tip-status-icon: #ffffff;
+  --token-component-notification-toast-warning-background: #515157;
+  --token-component-notification-toast-warning-icon-background: #fecb34;
+  --token-component-notification-toast-warning-border: #edb016;
+  --token-component-notification-toast-warning-status-icon: #3d3d42;
+  --token-component-notification-toast-success-background: #515157;
+  --token-component-notification-toast-success-icon-background: #00b050;
+  --token-component-notification-toast-success-border: #65ba75;
+  --token-component-notification-toast-success-status-icon: #ffffff;
+  --token-component-notification-toast-error-background: #515157;
+  --token-component-notification-toast-error-icon-background: #d63c42;
+  --token-component-notification-toast-error-border: #eb9091;
+  --token-component-notification-toast-error-status-icon: #ffffff;
+  --token-component-pagination-background: #3d3d42;
+  --token-component-pagination-border: #515157;
+  --token-component-pagination-text-default: #ffffff;
+  --token-component-pagination-text-link: #5bb3ea;
+  --token-component-pagination-text-hover: #96cff0;
+  --token-component-pagination-text-disabled: #83838c;
+  --token-component-pagination-icon-default: #ffffff;
+  --token-component-pagination-icon-hover: #96cff0;
+  --token-component-pagination-icon-active: #5bb3ea;
+  --token-component-pagination-icon-disabled: #83838c;
+  --token-component-popover-background: #3d3d42;
+  --token-component-popover-border: #515157;
+  --token-component-popover-icon: #ffffff;
+  --token-component-popover-text-default: #ffffff;
+  --token-component-popover-text-link-default: #5bb3ea;
+  --token-component-popover-text-link-hover: #96cff0;
+  --token-component-progress-bar-text-default: #ffffff;
+  --token-component-progress-bar-text-link-default: #5bb3ea;
+  --token-component-progress-bar-text-link-hover: #96cff0;
+  --token-component-progress-bar-status-line-default: #515157;
+  --token-component-progress-bar-status-line-success: #00b050;
+  --token-component-progress-bar-status-line-error: #d63c42;
+  --token-component-numeric-spinner-default-background: #343438;
+  --token-component-numeric-spinner-default-border: #696970;
+  --token-component-numeric-spinner-default-text: #a3a3ab;
+  --token-component-numeric-spinner-default-icon: #ffffff;
+  --token-component-numeric-spinner-default-hint-text: #a3a3ab;
+  --token-component-numeric-spinner-hover-background: #343438;
+  --token-component-numeric-spinner-hover-border: #c2c2ca;
+  --token-component-numeric-spinner-hover-text: #a3a3ab;
+  --token-component-numeric-spinner-hover-icon: #ffffff;
+  --token-component-numeric-spinner-hover-hint-text: #a3a3ab;
+  --token-component-numeric-spinner-filled-background: #343438;
+  --token-component-numeric-spinner-filled-border: #696970;
+  --token-component-numeric-spinner-filled-text: #ffffff;
+  --token-component-numeric-spinner-filled-icon: #ffffff;
+  --token-component-numeric-spinner-filled-hint-text: #a3a3ab;
+  --token-component-numeric-spinner-disabled-background: #515157;
+  --token-component-numeric-spinner-disabled-border: #515157;
+  --token-component-numeric-spinner-disabled-text: #83838c;
+  --token-component-numeric-spinner-disabled-icon: #83838c;
+  --token-component-numeric-spinner-disabled-hint-text: #a3a3ab;
+  --token-component-numeric-spinner-read-only-background: #343438;
+  --token-component-numeric-spinner-read-only-text: #ffffff;
+  --token-component-numeric-spinner-read-only-hint-text: #a3a3ab;
+  --token-component-numeric-spinner-error-background: #343438;
+  --token-component-numeric-spinner-error-border: #eb9091;
+  --token-component-numeric-spinner-error-text: #ffffff;
+  --token-component-numeric-spinner-error-icon: #ffffff;
+  --token-component-numeric-spinner-error-hint-text: #eb9091;
+  --token-component-numeric-spinner-focus-background: #343438;
+  --token-component-numeric-spinner-focus-border: #5bb3ea;
+  --token-component-numeric-spinner-focus-text: #a3a3ab;
+  --token-component-numeric-spinner-focus-icon: #ffffff;
+  --token-component-numeric-spinner-focus-hint-text: #a3a3ab;
+  --token-component-radio-button-inactive-default-background: #3d3d42;
+  --token-component-radio-button-inactive-default-border: #696970;
+  --token-component-radio-button-inactive-default-text: #ffffff;
+  --token-component-radio-button-inactive-hover-background: #3d3d42;
+  --token-component-radio-button-inactive-hover-border: #96cff0;
+  --token-component-radio-button-inactive-hover-text: #ffffff;
+  --token-component-radio-button-inactive-active-background: #3d3d42;
+  --token-component-radio-button-inactive-active-border: #5bb3ea;
+  --token-component-radio-button-inactive-active-text: #ffffff;
+  --token-component-radio-button-inactive-disabled-background: #515157;
+  --token-component-radio-button-inactive-disabled-border: #515157;
+  --token-component-radio-button-inactive-disabled-text: #83838c;
+  --token-component-radio-button-inactive-read-only-background: #3d3d42;
+  --token-component-radio-button-inactive-read-only-border: #515157;
+  --token-component-radio-button-inactive-read-only-text: #ffffff;
+  --token-component-radio-button-active-default-background: #3d3d42;
+  --token-component-radio-button-active-default-border: #5bb3ea;
+  --token-component-radio-button-active-default-text: #ffffff;
+  --token-component-radio-button-active-hover-background: #3d3d42;
+  --token-component-radio-button-active-hover-border: #96cff0;
+  --token-component-radio-button-active-hover-text: #ffffff;
+  --token-component-radio-button-active-active-background: #3d3d42;
+  --token-component-radio-button-active-active-border: #5bb3ea;
+  --token-component-radio-button-active-active-text: #ffffff;
+  --token-component-radio-button-active-disabled-background: #3d3d42;
+  --token-component-radio-button-active-disabled-border: #515157;
+  --token-component-radio-button-active-disabled-text: #83838c;
+  --token-component-radio-button-active-read-only-background: #3d3d42;
+  --token-component-radio-button-active-read-only-border: #515157;
+  --token-component-radio-button-active-read-only-text: #ffffff;
+  --token-component-search-default-background: #343438;
+  --token-component-search-default-border: #696970;
+  --token-component-search-default-text: #a3a3ab;
+  --token-component-search-default-icon: #ffffff;
+  --token-component-search-default-hint-text: #a3a3ab;
+  --token-component-search-default-search-icon: #a3a3ab;
+  --token-component-search-hover-background: #343438;
+  --token-component-search-hover-border: #c2c2ca;
+  --token-component-search-hover-text: #a3a3ab;
+  --token-component-search-hover-icon: #ffffff;
+  --token-component-search-hover-hint-text: #a3a3ab;
+  --token-component-search-hover-search-icon: #a3a3ab;
+  --token-component-search-filled-background: #343438;
+  --token-component-search-filled-border: #696970;
+  --token-component-search-filled-text: #ffffff;
+  --token-component-search-filled-icon: #ffffff;
+  --token-component-search-filled-hint-text: #a3a3ab;
+  --token-component-search-filled-search-icon: #a3a3ab;
+  --token-component-search-disabled-background: #515157;
+  --token-component-search-disabled-border: #515157;
+  --token-component-search-disabled-text: #83838c;
+  --token-component-search-disabled-icon: #83838c;
+  --token-component-search-disabled-hint-text: #a3a3ab;
+  --token-component-search-disabled-search-icon: #83838c;
+  --token-component-search-error-background: #343438;
+  --token-component-search-error-border: #eb9091;
+  --token-component-search-error-text: #ffffff;
+  --token-component-search-error-icon: #ffffff;
+  --token-component-search-error-hint-text: #eb9091;
+  --token-component-search-error-search-icon: #a3a3ab;
+  --token-component-search-focus-empty-background: #343438;
+  --token-component-search-focus-empty-border: #5bb3ea;
+  --token-component-search-focus-empty-text: #a3a3ab;
+  --token-component-search-focus-empty-icon: #ffffff;
+  --token-component-search-focus-empty-hint-text: #a3a3ab;
+  --token-component-search-focus-empty-search-icon: #a3a3ab;
+  --token-component-search-focus-background: #343438;
+  --token-component-search-focus-border: #5bb3ea;
+  --token-component-search-focus-text: #ffffff;
+  --token-component-search-focus-icon: #ffffff;
+  --token-component-search-focus-hint-text: #a3a3ab;
+  --token-component-search-focus-search-icon: #a3a3ab;
+  --token-component-segmented-button-default-background: #3d3d42;
+  --token-component-segmented-button-default-border: #5bb3ea;
+  --token-component-segmented-button-default-text: #5bb3ea;
+  --token-component-segmented-button-default-icon: #5bb3ea;
+  --token-component-segmented-button-hover-background: #515157;
+  --token-component-segmented-button-hover-border: #96cff0;
+  --token-component-segmented-button-hover-text: #5bb3ea;
+  --token-component-segmented-button-hover-icon: #5bb3ea;
+  --token-component-segmented-button-disabled-background: #3d3d42;
+  --token-component-segmented-button-disabled-border: #515157;
+  --token-component-segmented-button-disabled-text: #83838c;
+  --token-component-segmented-button-disabled-icon: #83838c;
+  --token-component-segmented-button-disabled-checked-background: #515157;
+  --token-component-segmented-button-disabled-checked-border: #515157;
+  --token-component-segmented-button-disabled-checked-text: #83838c;
+  --token-component-segmented-button-disabled-checked-icon: #83838c;
+  --token-component-segmented-button-active-background: #5bb3ea;
+  --token-component-segmented-button-active-border: #5bb3ea;
+  --token-component-segmented-button-active-text: #343438;
+  --token-component-segmented-button-active-icon: #343438;
+  --token-component-side-navigation-icon: #ffffff;
+  --token-component-side-navigation-border: #515157;
+  --token-component-side-navigation-background-default: #343438;
+  --token-component-side-navigation-background-second-level: #343438;
+  --token-component-side-navigation-default-menu-item-background: #343438;
+  --token-component-side-navigation-default-menu-item-icon: #ffffff;
+  --token-component-side-navigation-default-menu-item-text: #ffffff;
+  --token-component-side-navigation-default-menu-item-label-text: #ffffff;
+  --token-component-side-navigation-default-menu-item-label-background: #343438;
+  --token-component-side-navigation-default-menu-item-label-border: #515157;
+  --token-component-side-navigation-hover-menu-item-background: #3d3d42;
+  --token-component-side-navigation-hover-menu-item-icon: #ffffff;
+  --token-component-side-navigation-hover-menu-item-text: #ffffff;
+  --token-component-side-navigation-hover-menu-item-label-text: #ffffff;
+  --token-component-side-navigation-hover-menu-item-label-background: #343438;
+  --token-component-side-navigation-hover-menu-item-label-border: #515157;
+  --token-component-side-navigation-selected-menu-item-background: #5bb3ea;
+  --token-component-side-navigation-selected-menu-item-icon: #3d3d42;
+  --token-component-side-navigation-selected-menu-item-text: #343438;
+  --token-component-side-navigation-selected-menu-item-label-text: #ffffff;
+  --token-component-side-navigation-selected-menu-item-label-background: #0174bc;
+  --token-component-select-default-background: #343438;
+  --token-component-select-default-border: #696970;
+  --token-component-select-default-text: #a3a3ab;
+  --token-component-select-default-icon: #ffffff;
+  --token-component-select-default-hint-text: #a3a3ab;
+  --token-component-select-default-info-icon: #a3a3ab;
+  --token-component-select-hover-background: #343438;
+  --token-component-select-hover-border: #c2c2ca;
+  --token-component-select-hover-text: #a3a3ab;
+  --token-component-select-hover-icon: #ffffff;
+  --token-component-select-hover-hint-text: #a3a3ab;
+  --token-component-select-hover-info-icon: #a3a3ab;
+  --token-component-select-filled-background: #343438;
+  --token-component-select-filled-border: #696970;
+  --token-component-select-filled-text: #ffffff;
+  --token-component-select-filled-icon: #ffffff;
+  --token-component-select-filled-hint-text: #a3a3ab;
+  --token-component-select-filled-info-icon: #a3a3ab;
+  --token-component-select-disabled-background: #515157;
+  --token-component-select-disabled-border: #515157;
+  --token-component-select-disabled-text: #83838c;
+  --token-component-select-disabled-icon: #83838c;
+  --token-component-select-disabled-hint-text: #a3a3ab;
+  --token-component-select-disabled-info-icon: #a3a3ab;
+  --token-component-select-error-background: #343438;
+  --token-component-select-error-border: #eb9091;
+  --token-component-select-error-text: #ffffff;
+  --token-component-select-error-icon: #ffffff;
+  --token-component-select-error-hint-text: #eb9091;
+  --token-component-select-error-info-icon: #a3a3ab;
+  --token-component-select-focus-empty-background: #343438;
+  --token-component-select-focus-empty-border: #5bb3ea;
+  --token-component-select-focus-empty-text: #a3a3ab;
+  --token-component-select-focus-empty-icon: #ffffff;
+  --token-component-select-focus-empty-hint-text: #a3a3ab;
+  --token-component-select-focus-empty-info-icon: #a3a3ab;
+  --token-component-select-focus-background: #343438;
+  --token-component-select-focus-border: #5bb3ea;
+  --token-component-select-focus-text: #ffffff;
+  --token-component-select-focus-icon: #ffffff;
+  --token-component-select-focus-hint-text: #a3a3ab;
+  --token-component-select-focus-info-icon: #a3a3ab;
+  --token-component-select-read-only-background: #343438;
+  --token-component-select-read-only-text: #ffffff;
+  --token-component-side-panel-background: #3d3d42;
+  --token-component-side-panel-text: #ffffff;
+  --token-component-side-panel-border: #515157;
+  --token-component-side-panel-icon-default: #ffffff;
+  --token-component-side-panel-icon-hover: #96cff0;
+  --token-component-switch-active-default-background: #5bb3ea;
+  --token-component-switch-active-default-icon: #ffffff;
+  --token-component-switch-active-default-circle: #ffffff;
+  --token-component-switch-active-default-text: #ffffff;
+  --token-component-switch-active-hover-background: #96cff0;
+  --token-component-switch-active-hover-icon: #ffffff;
+  --token-component-switch-active-hover-circle: #ffffff;
+  --token-component-switch-active-hover-text: #ffffff;
+  --token-component-switch-active-focus-background: #5bb3ea;
+  --token-component-switch-active-focus-icon: #ffffff;
+  --token-component-switch-active-focus-circle: #ffffff;
+  --token-component-switch-active-focus-text: #ffffff;
+  --token-component-switch-active-disabled-background: #515157;
+  --token-component-switch-active-disabled-icon: #83838c;
+  --token-component-switch-active-disabled-circle: rgba(255, 255, 255, 0.5);
+  --token-component-switch-active-disabled-text: #83838c;
+  --token-component-switch-inactive-default-background: #696970;
+  --token-component-switch-inactive-default-circle: #ffffff;
+  --token-component-switch-inactive-default-text: #ffffff;
+  --token-component-switch-inactive-hover-background: #a3a3ab;
+  --token-component-switch-inactive-hover-circle: #ffffff;
+  --token-component-switch-inactive-hover-text: #ffffff;
+  --token-component-switch-inactive-focus-background: #696970;
+  --token-component-switch-inactive-focus-circle: #ffffff;
+  --token-component-switch-inactive-focus-text: #ffffff;
+  --token-component-switch-inactive-disabled-background: #515157;
+  --token-component-switch-inactive-disabled-circle: rgba(255, 255, 255, 0.5);
+  --token-component-switch-inactive-disabled-text: #83838c;
+  --token-component-tab-default-text: #ffffff;
+  --token-component-tab-default-icon: #ffffff;
+  --token-component-tab-default-border: #515157;
+  --token-component-tab-hover-text: #96cff0;
+  --token-component-tab-hover-icon: #96cff0;
+  --token-component-tab-hover-border: #515157;
+  --token-component-tab-active-text: #5bb3ea;
+  --token-component-tab-active-icon: #5bb3ea;
+  --token-component-tab-active-border: #5bb3ea;
+  --token-component-tab-disabled-text: #83838c;
+  --token-component-tab-disabled-icon: #83838c;
+  --token-component-tab-disabled-border: #515157;
+  --token-component-tag-default-background: #343438;
+  --token-component-tag-default-border: #696970;
+  --token-component-tag-default-text: #ffffff;
+  --token-component-tag-default-icon-default: #ffffff;
+  --token-component-tag-default-icon-hover: #96cff0;
+  --token-component-tag-default-icon-active: #5bb3ea;
+  --token-component-tag-hover-background: #343438;
+  --token-component-tag-hover-border: #c2c2ca;
+  --token-component-tag-hover-text: #ffffff;
+  --token-component-tag-hover-icon-default: #ffffff;
+  --token-component-tag-hover-icon-hover: #96cff0;
+  --token-component-tag-hover-icon-active: #5bb3ea;
+  --token-component-tag-focus-background: #3d3d42;
+  --token-component-tag-focus-border: #5bb3ea;
+  --token-component-tag-focus-text: #ffffff;
+  --token-component-tag-focus-icon-default: #ffffff;
+  --token-component-tag-focus-icon-hover: #96cff0;
+  --token-component-tag-focus-icon-active: #5bb3ea;
+  --token-component-tag-error-background: #343438;
+  --token-component-tag-error-border: #eb9091;
+  --token-component-tag-error-text: #ffffff;
+  --token-component-tag-error-icon-default: #ffffff;
+  --token-component-tag-error-icon-hover: #96cff0;
+  --token-component-tag-error-icon-active: #5bb3ea;
+  --token-component-tag-disabled-background: #515157;
+  --token-component-tag-disabled-border: #515157;
+  --token-component-tag-disabled-text: #83838c;
+  --token-component-tag-disabled-icon: #83838c;
+  --token-component-tag-read-only-background: #343438;
+  --token-component-tag-read-only-border: #515157;
+  --token-component-tag-read-only-text: #ffffff;
+  --token-component-tag-read-only-icon: #ffffff;
+  --token-component-tag-input-default-background: #343438;
+  --token-component-tag-input-default-border: #696970;
+  --token-component-tag-input-default-hint-text: #a3a3ab;
+  --token-component-tag-input-placeholder-background: #343438;
+  --token-component-tag-input-placeholder-border: #696970;
+  --token-component-tag-input-placeholder-text: #a3a3ab;
+  --token-component-tag-input-placeholder-hint-text: #a3a3ab;
+  --token-component-tag-input-hover-background: #343438;
+  --token-component-tag-input-hover-border: #c2c2ca;
+  --token-component-tag-input-hover-text: #a3a3ab;
+  --token-component-tag-input-hover-hint-text: #a3a3ab;
+  --token-component-tag-input-filled-background: #343438;
+  --token-component-tag-input-filled-border: #696970;
+  --token-component-tag-input-filled-icon: #ffffff;
+  --token-component-tag-input-filled-hint-text: #a3a3ab;
+  --token-component-tag-input-disabled-background: #515157;
+  --token-component-tag-input-disabled-border: #515157;
+  --token-component-tag-input-disabled-hint-text: #a3a3ab;
+  --token-component-tag-input-error-background: #343438;
+  --token-component-tag-input-error-border: #eb9091;
+  --token-component-tag-input-error-icon: #ffffff;
+  --token-component-tag-input-error-hint-text: #eb9091;
+  --token-component-tag-input-focus-empty-background: #343438;
+  --token-component-tag-input-focus-empty-border: #5bb3ea;
+  --token-component-tag-input-focus-empty-text: #a3a3ab;
+  --token-component-tag-input-focus-empty-hint-text: #a3a3ab;
+  --token-component-tag-input-focus-background: #343438;
+  --token-component-tag-input-focus-border: #5bb3ea;
+  --token-component-tag-input-focus-text: #ffffff;
+  --token-component-tag-input-focus-hint-text: #a3a3ab;
+  --token-component-text-area-default-background: #343438;
+  --token-component-text-area-default-border: #696970;
+  --token-component-text-area-default-hint-text: #a3a3ab;
+  --token-component-text-area-default-info-icon: #a3a3ab;
+  --token-component-text-area-placeholder-background: #343438;
+  --token-component-text-area-placeholder-border: #696970;
+  --token-component-text-area-placeholder-text: #a3a3ab;
+  --token-component-text-area-placeholder-hint-text: #a3a3ab;
+  --token-component-text-area-placeholder-info-icon: #a3a3ab;
+  --token-component-text-area-hover-background: #343438;
+  --token-component-text-area-hover-border: #c2c2ca;
+  --token-component-text-area-hover-text: #ffffff;
+  --token-component-text-area-hover-icon: #ffffff;
+  --token-component-text-area-hover-hint-text: #a3a3ab;
+  --token-component-text-area-hover-info-icon: #a3a3ab;
+  --token-component-text-area-hover-empty-background: #343438;
+  --token-component-text-area-hover-empty-border: #c2c2ca;
+  --token-component-text-area-hover-empty-text: #a3a3ab;
+  --token-component-text-area-hover-empty-hint-text: #a3a3ab;
+  --token-component-text-area-hover-empty-info-icon: #a3a3ab;
+  --token-component-text-area-filled-background: #343438;
+  --token-component-text-area-filled-border: #696970;
+  --token-component-text-area-filled-text: #ffffff;
+  --token-component-text-area-filled-hint-text: #a3a3ab;
+  --token-component-text-area-filled-info-icon: #a3a3ab;
+  --token-component-text-area-filled-icon-default: #ffffff;
+  --token-component-text-area-filled-icon-hover: #96cff0;
+  --token-component-text-area-filled-icon-active: #5bb3ea;
+  --token-component-text-area-disabled-background: #515157;
+  --token-component-text-area-disabled-border: #515157;
+  --token-component-text-area-disabled-text: #83838c;
+  --token-component-text-area-disabled-hint-text: #a3a3ab;
+  --token-component-text-area-disabled-info-icon: #a3a3ab;
+  --token-component-text-area-error-background: #343438;
+  --token-component-text-area-error-border: #eb9091;
+  --token-component-text-area-error-text: #ffffff;
+  --token-component-text-area-error-hint-text: #eb9091;
+  --token-component-text-area-error-info-icon: #a3a3ab;
+  --token-component-text-area-error-icon-default: #ffffff;
+  --token-component-text-area-error-icon-hover: #96cff0;
+  --token-component-text-area-error-icon-active: #5bb3ea;
+  --token-component-text-area-focus-empty-background: #343438;
+  --token-component-text-area-focus-empty-border: #5bb3ea;
+  --token-component-text-area-focus-empty-hint-text: #a3a3ab;
+  --token-component-text-area-focus-empty-info-icon: #a3a3ab;
+  --token-component-text-area-focus-empty-icon-default: #ffffff;
+  --token-component-text-area-focus-empty-icon-hover: #96cff0;
+  --token-component-text-area-focus-empty-icon-active: #5bb3ea;
+  --token-component-text-area-focus-background: #343438;
+  --token-component-text-area-focus-border: #5bb3ea;
+  --token-component-text-area-focus-text: #ffffff;
+  --token-component-text-area-focus-hint-text: #a3a3ab;
+  --token-component-text-area-focus-info-icon: #a3a3ab;
+  --token-component-text-area-focus-icon-default: #ffffff;
+  --token-component-text-area-focus-icon-hover: #96cff0;
+  --token-component-text-area-focus-icon-active: #5bb3ea;
+  --token-component-text-area-read-only-text: #ffffff;
+  --token-component-text-area-read-only-hint-text: #a3a3ab;
+  --token-component-text-field-default-background: #343438;
+  --token-component-text-field-default-border: #696970;
+  --token-component-text-field-default-hint-text: #a3a3ab;
+  --token-component-text-field-default-info-icon: #a3a3ab;
+  --token-component-text-field-placeholder-background: #343438;
+  --token-component-text-field-placeholder-border: #696970;
+  --token-component-text-field-placeholder-text: #a3a3ab;
+  --token-component-text-field-placeholder-hint-text: #a3a3ab;
+  --token-component-text-field-placeholder-info-icon: #a3a3ab;
+  --token-component-text-field-hover-background: #343438;
+  --token-component-text-field-hover-border: #c2c2ca;
+  --token-component-text-field-hover-text: #ffffff;
+  --token-component-text-field-hover-icon: #ffffff;
+  --token-component-text-field-hover-hint-text: #a3a3ab;
+  --token-component-text-field-hover-info-icon: #a3a3ab;
+  --token-component-text-field-hover-empty-background: #343438;
+  --token-component-text-field-hover-empty-border: #c2c2ca;
+  --token-component-text-field-hover-empty-text: #a3a3ab;
+  --token-component-text-field-hover-empty-hint-text: #a3a3ab;
+  --token-component-text-field-hover-empty-info-icon: #a3a3ab;
+  --token-component-text-field-filled-background: #343438;
+  --token-component-text-field-filled-border: #696970;
+  --token-component-text-field-filled-text: #ffffff;
+  --token-component-text-field-filled-hint-text: #a3a3ab;
+  --token-component-text-field-filled-info-icon: #a3a3ab;
+  --token-component-text-field-filled-icon-default: #ffffff;
+  --token-component-text-field-filled-icon-hover: #96cff0;
+  --token-component-text-field-filled-icon-active: #5bb3ea;
+  --token-component-text-field-disabled-background: #515157;
+  --token-component-text-field-disabled-border: #515157;
+  --token-component-text-field-disabled-text: #83838c;
+  --token-component-text-field-disabled-hint-text: #a3a3ab;
+  --token-component-text-field-disabled-info-icon: #a3a3ab;
+  --token-component-text-field-error-background: #343438;
+  --token-component-text-field-error-border: #eb9091;
+  --token-component-text-field-error-text: #ffffff;
+  --token-component-text-field-error-hint-text: #eb9091;
+  --token-component-text-field-error-info-icon: #a3a3ab;
+  --token-component-text-field-error-icon-default: #ffffff;
+  --token-component-text-field-error-icon-hover: #96cff0;
+  --token-component-text-field-error-icon-active: #5bb3ea;
+  --token-component-text-field-focus-empty-background: #343438;
+  --token-component-text-field-focus-empty-border: #5bb3ea;
+  --token-component-text-field-focus-empty-hint-text: #a3a3ab;
+  --token-component-text-field-focus-empty-info-icon: #a3a3ab;
+  --token-component-text-field-focus-empty-icon-default: #ffffff;
+  --token-component-text-field-focus-empty-icon-hover: #96cff0;
+  --token-component-text-field-focus-empty-icon-active: #5bb3ea;
+  --token-component-text-field-focus-background: #343438;
+  --token-component-text-field-focus-border: #5bb3ea;
+  --token-component-text-field-focus-text: #ffffff;
+  --token-component-text-field-focus-hint-text: #a3a3ab;
+  --token-component-text-field-focus-info-icon: #a3a3ab;
+  --token-component-text-field-focus-icon-default: #ffffff;
+  --token-component-text-field-focus-icon-hover: #96cff0;
+  --token-component-text-field-focus-icon-active: #5bb3ea;
+  --token-component-text-field-read-only-text: #ffffff;
+  --token-component-text-field-read-only-hint-text: #a3a3ab;
+  --token-component-time-picker-default-background: #343438;
+  --token-component-time-picker-default-border: #696970;
+  --token-component-time-picker-default-text: #a3a3ab;
+  --token-component-time-picker-default-icon: #ffffff;
+  --token-component-time-picker-default-hint-text: #a3a3ab;
+  --token-component-time-picker-hover-background: #343438;
+  --token-component-time-picker-hover-border: #c2c2ca;
+  --token-component-time-picker-hover-text: #a3a3ab;
+  --token-component-time-picker-hover-icon: #ffffff;
+  --token-component-time-picker-hover-hint-text: #a3a3ab;
+  --token-component-time-picker-filled-background: #343438;
+  --token-component-time-picker-filled-border: #696970;
+  --token-component-time-picker-filled-text: #ffffff;
+  --token-component-time-picker-filled-icon: #ffffff;
+  --token-component-time-picker-filled-hint-text: #a3a3ab;
+  --token-component-time-picker-disabled-background: #515157;
+  --token-component-time-picker-disabled-border: #515157;
+  --token-component-time-picker-disabled-text: #83838c;
+  --token-component-time-picker-disabled-icon: #83838c;
+  --token-component-time-picker-disabled-hint-text: #a3a3ab;
+  --token-component-time-picker-error-background: #343438;
+  --token-component-time-picker-error-border: #eb9091;
+  --token-component-time-picker-error-text: #ffffff;
+  --token-component-time-picker-error-icon: #ffffff;
+  --token-component-time-picker-error-hint-text: #eb9091;
+  --token-component-time-picker-focus-empty-background: #343438;
+  --token-component-time-picker-focus-empty-border: #5bb3ea;
+  --token-component-time-picker-focus-empty-text: #a3a3ab;
+  --token-component-time-picker-focus-empty-icon: #ffffff;
+  --token-component-time-picker-focus-empty-hint-text: #a3a3ab;
+  --token-component-time-picker-focus-background: #343438;
+  --token-component-time-picker-focus-border: #5bb3ea;
+  --token-component-time-picker-focus-text: #ffffff;
+  --token-component-time-picker-focus-icon: #ffffff;
+  --token-component-time-picker-focus-hint-text: #a3a3ab;
+  --token-component-time-picker-read-only-text: #ffffff;
+  --token-component-tooltip-background: #ffffff;
+  --token-component-tooltip-text: #343438;
+  --token-component-tree-text: #ffffff;
+  --token-component-tree-border: #515157;
+  --token-component-tree-icon-default: #ffffff;
+  --token-component-tree-icon-hover: #96cff0;
+  --token-component-tree-icon-active: #5bb3ea;
+  --token-component-tree-background-default: #343438;
+  --token-component-tree-background-hover: #3d3d42;
+  --token-component-tree-expanded-area-border: #696970;
+  --token-component-widget-download-text: #ffffff;
+  --token-component-widget-download-border: #515157;
+  --token-component-widget-download-background-header: #343438;
+  --token-component-widget-download-background-default: #3d3d42;
+  --token-component-widget-download-icon-default: #ffffff;
+  --token-component-widget-download-icon-success: #65ba75;
+  --token-component-widget-download-icon-error: #eb9091;
+  --token-component-widget-upload-default-background: #343438;
+  --token-component-widget-upload-default-border: #696970;
+  --token-component-widget-upload-default-icon: #ffffff;
+  --token-component-widget-upload-default-text-default: #ffffff;
+  --token-component-widget-upload-default-text-link: #5bb3ea;
+  --token-component-widget-upload-hover-background: #3d3d42;
+  --token-component-widget-upload-hover-border: #5bb3ea;
+  --token-component-widget-upload-hover-icon: #ffffff;
+  --token-component-widget-upload-hover-text-default: #ffffff;
+  --token-component-widget-upload-hover-text-link: #5bb3ea;
+  --token-component-widget-upload-disabled-background: #515157;
+  --token-component-widget-upload-disabled-border: #515157;
+  --token-component-widget-upload-disabled-icon: #83838c;
+  --token-component-widget-upload-disabled-text: #83838c;
+  --token-component-stepper-horizontal-line: #515157;
+  --token-component-stepper-horizontal-past-item-circle-background: #3d3d42;
+  --token-component-stepper-horizontal-past-item-circle-border: #5bb3ea;
+  --token-component-stepper-horizontal-past-item-circle-text: #5bb3ea;
+  --token-component-stepper-horizontal-past-item-circle-icon: #5bb3ea;
+  --token-component-stepper-horizontal-past-item-text-default: #ffffff;
+  --token-component-stepper-horizontal-past-item-text-hover: #5bb3ea;
+  --token-component-stepper-horizontal-current-item-circle-background: #5bb3ea;
+  --token-component-stepper-horizontal-current-item-circle-text: #ffffff;
+  --token-component-stepper-horizontal-current-item-text-default: #ffffff;
+  --token-component-stepper-horizontal-current-item-text-hover: #5bb3ea;
+  --token-component-stepper-horizontal-future-item-circle-background: #343438;
+  --token-component-stepper-horizontal-future-item-circle-border: #515157;
+  --token-component-stepper-horizontal-future-item-circle-text: #83838c;
+  --token-component-stepper-horizontal-future-item-text: #83838c;
+  --token-component-stepper-vertical-background: #3d3d42;
+  --token-component-stepper-vertical-border: #515157;
+  --token-component-stepper-vertical-icon: #ffffff;
+  --token-component-stepper-vertical-past-item-circle-background: #3d3d42;
+  --token-component-stepper-vertical-past-item-circle-border: #5bb3ea;
+  --token-component-stepper-vertical-past-item-circle-text: #5bb3ea;
+  --token-component-stepper-vertical-past-item-circle-icon: #5bb3ea;
+  --token-component-stepper-vertical-past-item-text-default: #ffffff;
+  --token-component-stepper-vertical-past-item-text-hover: #5bb3ea;
+  --token-component-stepper-vertical-current-item-icon: #5bb3ea;
+  --token-component-stepper-vertical-current-item-circle-background: #5bb3ea;
+  --token-component-stepper-vertical-current-item-circle-text: #ffffff;
+  --token-component-stepper-vertical-current-item-text-default: #ffffff;
+  --token-component-stepper-vertical-current-item-text-hover: #5bb3ea;
+  --token-component-stepper-vertical-future-item-circle-background: #343438;
+  --token-component-stepper-vertical-future-item-circle-border: #696970;
+  --token-component-stepper-vertical-future-item-circle-text: #a3a3ab;
+  --token-component-stepper-vertical-future-item-text-default: #ffffff;
+  --token-component-stepper-vertical-future-item-text-hover: #5bb3ea;
+  --token-component-stepper-vertical-disabled-item-circle-background: #343438;
+  --token-component-stepper-vertical-disabled-item-circle-border: #515157;
+  --token-component-stepper-vertical-disabled-item-circle-text: #83838c;
+  --token-component-stepper-vertical-disabled-item-text: #83838c;
+  --token-component-advanced-search-filter-icon-default-icon: #ffffff;
+  --token-component-advanced-search-filter-icon-hover-icon: #96cff0;
+  --token-component-advanced-search-filter-icon-applied-icon: #5bb3ea;
+  --token-component-advanced-search-filter-icon-applied-badge-background: #d63c42;
+  --token-component-advanced-search-filter-icon-applied-badge-text: #ffffff;
+  --token-component-advanced-search-filter-icon-disabled-icon: #83838c;
+  --token-component-advanced-search-filter-icon-disabled-badge-background: #83838c;
+  --token-component-advanced-search-filter-icon-disabled-badge-text: #ffffff;
+  --token-component-advanced-search-filter-area-background: #343438;
+  --token-component-advanced-search-filter-area-border: #515157;
+  --token-component-advanced-search-filter-area-text-default: #ffffff;
+  --token-component-advanced-search-filter-area-text-link: #5bb3ea;
+  --token-component-advanced-search-filter-area-icon-default: #ffffff;
+  --token-component-advanced-search-filter-area-icon-hover: #96cff0;
+  --token-component-advanced-search-filter-area-icon-disabled: #83838c;
+  --token-component-advanced-search-filter-area-tag-background: #3d3d42;
+  --token-component-advanced-search-filter-area-tag-border: #515157;
+  --token-component-advanced-search-filter-area-tag-operator-icon: #c25d05;
+  --token-component-advanced-search-filter-area-tag-icon-default: #ffffff;
+  --token-component-advanced-search-filter-area-tag-icon-hover: #96cff0;
+  --token-component-segmented-status-button-default-background: #3d3d42;
+  --token-component-segmented-status-button-default-border: #696970;
+  --token-component-segmented-status-button-default-text: #a3a3ab;
+  --token-component-segmented-status-button-default-icon: #a3a3ab;
+  --token-component-segmented-status-button-hover-background: #515157;
+  --token-component-segmented-status-button-hover-border: #696970;
+  --token-component-segmented-status-button-hover-text: #a3a3ab;
+  --token-component-segmented-status-button-hover-icon: #a3a3ab;
+  --token-component-segmented-status-button-disabled-background: #3d3d42;
+  --token-component-segmented-status-button-disabled-border: #515157;
+  --token-component-segmented-status-button-disabled-text: #83838c;
+  --token-component-segmented-status-button-disabled-icon: #83838c;
+  --token-component-segmented-status-button-disabled-positive-background: #515157;
+  --token-component-segmented-status-button-disabled-positive-text: #83838c;
+  --token-component-segmented-status-button-disabled-positive-icon: #83838c;
+  --token-component-segmented-status-button-active-positive-background: #65ba75;
+  --token-component-segmented-status-button-active-positive-text: #343438;
+  --token-component-segmented-status-button-active-positive-icon: #343438;
+  --token-component-segmented-status-button-disabled-negative-background: #515157;
+  --token-component-segmented-status-button-disabled-negative-text: #83838c;
+  --token-component-segmented-status-button-disabled-negative-icon: #83838c;
+  --token-component-segmented-status-button-active-negative-background: #eb9091;
+  --token-component-segmented-status-button-active-negative-text: #343438;
+  --token-component-segmented-status-button-active-negative-icon: #343438;
+  --token-component-segmented-status-button-disabled-neutral-background: #515157;
+  --token-component-segmented-status-button-disabled-neutral-text: #83838c;
+  --token-component-segmented-status-button-disabled-neutral-icon: #83838c;
+  --token-component-segmented-status-button-active-neutral-background: #696970;
+  --token-component-segmented-status-button-active-neutral-text: #ffffff;
+  --token-component-segmented-status-button-active-neutral-icon: #ffffff;
+  --token-component-link-select-default-text: #5bb3ea;
+  --token-component-link-select-default-icon: #ffffff;
+  --token-component-link-select-hover-text: #96cff0;
+  --token-component-link-select-hover-icon: #96cff0;
+  --token-component-link-select-filled-text: #5bb3ea;
+  --token-component-link-select-filled-icon: #ffffff;
+  --token-component-link-select-disabled-text: #83838c;
+  --token-component-link-select-disabled-icon: #83838c;
+  --token-component-link-select-focus-text: #5bb3ea;
+  --token-component-link-select-focus-icon: #ffffff;
+  --token-component-link-select-read-only-text: #ffffff;
+}
diff --git a/dist/themes/dark/tokens.d.ts b/dist/themes/dark/tokens.d.ts
new file mode 100644
index 0000000..bc42094
--- /dev/null
+++ b/dist/themes/dark/tokens.d.ts
@@ -0,0 +1,1608 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const TokenGlobalColorNeutrals5 = "#f7f7fa"; // Page background color, disabled form elements fill (input, text area, etc)
+export const TokenGlobalColorNeutrals10 = "#ededf2"; // UI element bg
+export const TokenGlobalColorNeutrals20 = "#e5e5ea"; // Subtle background
+export const TokenGlobalColorNeutrals30 = "#d6d6dd"; // Container border, divider, stroke
+export const TokenGlobalColorNeutrals40 = "#c2c2ca"; // Disabled border
+export const TokenGlobalColorNeutrals50 = "#a3a3ab";
+export const TokenGlobalColorNeutrals60 = "#83838c"; // Default field border
+export const TokenGlobalColorNeutrals70 = "#696970"; // Color for text placeholder and hints
+export const TokenGlobalColorNeutrals80 = "#515157";
+export const TokenGlobalColorNeutrals90 = "#3d3d42"; // Default icon color, hover color for fields border
+export const TokenGlobalColorNeutrals100 = "#343438"; // Default text color
+export const TokenGlobalColorNeutralsBlack = "#232326"; // Global header and footer
+export const TokenGlobalColorNeutralsWhite = "#ffffff";
+export const TokenGlobalColorBrand5 = "#f5fbff";
+export const TokenGlobalColorBrand10 = "#edf8ff";
+export const TokenGlobalColorBrand20 = "#e1f4ff";
+export const TokenGlobalColorBrand30 = "#ceedfe";
+export const TokenGlobalColorBrand40 = "#afdef8";
+export const TokenGlobalColorBrand50 = "#96cff0";
+export const TokenGlobalColorBrand60 = "#5bb3ea";
+export const TokenGlobalColorBrand70 = "#009cde"; // Akamai Blue
+export const TokenGlobalColorBrand80 = "#108ad6";
+export const TokenGlobalColorBrand90 = "#0174bc"; // Akamai Websafe Blue
+export const TokenGlobalColorBrand100 = "#00314d";
+export const TokenGlobalColorRed5 = "#fff8f8";
+export const TokenGlobalColorRed10 = "#ffefef";
+export const TokenGlobalColorRed20 = "#ffe5e5";
+export const TokenGlobalColorRed30 = "#fdd8d8";
+export const TokenGlobalColorRed40 = "#f9c6c6";
+export const TokenGlobalColorRed50 = "#f3aeaf";
+export const TokenGlobalColorRed60 = "#eb9091";
+export const TokenGlobalColorRed70 = "#d63c42"; // Critical or high severity
+export const TokenGlobalColorRed80 = "#d0343a"; // Akamai Red
+export const TokenGlobalColorRed90 = "#b82329";
+export const TokenGlobalColorRed100 = "#381316";
+export const TokenGlobalColorOrange5 = "#fef9f4";
+export const TokenGlobalColorOrange10 = "#fff3e7";
+export const TokenGlobalColorOrange20 = "#ffebd7";
+export const TokenGlobalColorOrange30 = "#ffe1c3";
+export const TokenGlobalColorOrange40 = "#facfa4";
+export const TokenGlobalColorOrange50 = "#f2b67b";
+export const TokenGlobalColorOrange60 = "#f09d4b";
+export const TokenGlobalColorOrange70 = "#fe9933"; // Akamai Orange. High or medium severity
+export const TokenGlobalColorOrange80 = "#f0821d";
+export const TokenGlobalColorOrange90 = "#c25d05";
+export const TokenGlobalColorOrange100 = "#451e11";
+export const TokenGlobalColorAmber5 = "#fff9ed";
+export const TokenGlobalColorAmber10 = "#fff4d5";
+export const TokenGlobalColorAmber20 = "#ffecbc";
+export const TokenGlobalColorAmber30 = "#ffe3a2";
+export const TokenGlobalColorAmber40 = "#facf83";
+export const TokenGlobalColorAmber50 = "#f3ba63";
+export const TokenGlobalColorAmber60 = "#edb016";
+export const TokenGlobalColorAmber70 = "#fecb34"; // Medium or low severity
+export const TokenGlobalColorAmber80 = "#f2b90e";
+export const TokenGlobalColorAmber90 = "#ce9a00";
+export const TokenGlobalColorAmber100 = "#403104";
+export const TokenGlobalColorYellow5 = "#ffffeb";
+export const TokenGlobalColorYellow10 = "#fafadf";
+export const TokenGlobalColorYellow20 = "#f9f9c9";
+export const TokenGlobalColorYellow30 = "#f8f8b6";
+export const TokenGlobalColorYellow40 = "#f5f596";
+export const TokenGlobalColorYellow50 = "#e8e86a";
+export const TokenGlobalColorYellow60 = "#dfdf39";
+export const TokenGlobalColorYellow70 = "#f5f531";
+export const TokenGlobalColorYellow80 = "#e5e50a";
+export const TokenGlobalColorYellow90 = "#bfbf0d";
+export const TokenGlobalColorYellow100 = "#35290f";
+export const TokenGlobalColorLime5 = "#f7fcf0";
+export const TokenGlobalColorLime10 = "#eefadc";
+export const TokenGlobalColorLime20 = "#e4f7c7";
+export const TokenGlobalColorLime30 = "#d7f2b0";
+export const TokenGlobalColorLime40 = "#c9e894";
+export const TokenGlobalColorLime50 = "#b1d16a";
+export const TokenGlobalColorLime60 = "#94ba2c";
+export const TokenGlobalColorLime70 = "#99d52a";
+export const TokenGlobalColorLime80 = "#93c926";
+export const TokenGlobalColorLime90 = "#5d770d";
+export const TokenGlobalColorLime100 = "#263209";
+export const TokenGlobalColorGreen5 = "#f3fcf3";
+export const TokenGlobalColorGreen10 = "#ebf9eb";
+export const TokenGlobalColorGreen20 = "#dff3df";
+export const TokenGlobalColorGreen30 = "#ceebcf";
+export const TokenGlobalColorGreen40 = "#b7dfba";
+export const TokenGlobalColorGreen50 = "#97cf9c";
+export const TokenGlobalColorGreen60 = "#65ba75";
+export const TokenGlobalColorGreen70 = "#00b050"; // Akamai Green. Low severity (human)
+export const TokenGlobalColorGreen80 = "#07a04d";
+export const TokenGlobalColorGreen90 = "#138246";
+export const TokenGlobalColorGreen100 = "#1b311e";
+export const TokenGlobalColorTeal5 = "#f1fcfa";
+export const TokenGlobalColorTeal10 = "#e7f9f5";
+export const TokenGlobalColorTeal20 = "#d9f3ee";
+export const TokenGlobalColorTeal30 = "#c7ebe5";
+export const TokenGlobalColorTeal40 = "#afdfd7";
+export const TokenGlobalColorTeal50 = "#8dcec3";
+export const TokenGlobalColorTeal60 = "#53b9ab";
+export const TokenGlobalColorTeal70 = "#12a594";
+export const TokenGlobalColorTeal80 = "#0e9888";
+export const TokenGlobalColorTeal90 = "#067a6f";
+export const TokenGlobalColorTeal100 = "#10302b";
+export const TokenGlobalColorCyan5 = "#f2fcfd";
+export const TokenGlobalColorCyan10 = "#e7f9fb";
+export const TokenGlobalColorCyan20 = "#d8f3f6";
+export const TokenGlobalColorCyan30 = "#aadee6";
+export const TokenGlobalColorCyan40 = "#84cdda";
+export const TokenGlobalColorCyan50 = "#84cdda";
+export const TokenGlobalColorCyan60 = "#3db9cf";
+export const TokenGlobalColorCyan70 = "#05a2c2";
+export const TokenGlobalColorCyan80 = "#0894b3";
+export const TokenGlobalColorCyan90 = "#0c7792";
+export const TokenGlobalColorCyan100 = "#04313c";
+export const TokenGlobalColorUltramarine5 = "#f8faff";
+export const TokenGlobalColorUltramarine10 = "#f0f4ff";
+export const TokenGlobalColorUltramarine20 = "#e6edfe";
+export const TokenGlobalColorUltramarine30 = "#d9e2fc";
+export const TokenGlobalColorUltramarine40 = "#c6d4f9";
+export const TokenGlobalColorUltramarine50 = "#aec0f5";
+export const TokenGlobalColorUltramarine60 = "#8da4ef";
+export const TokenGlobalColorUltramarine70 = "#4067e5";
+export const TokenGlobalColorUltramarine80 = "#3a5ccc";
+export const TokenGlobalColorUltramarine90 = "#3451b2";
+export const TokenGlobalColorUltramarine100 = "#002856"; // Akamai Dark Navy
+export const TokenGlobalColorViolet5 = "#fbfaff";
+export const TokenGlobalColorViolet10 = "#f5f2ff";
+export const TokenGlobalColorViolet20 = "#ede9fe";
+export const TokenGlobalColorViolet30 = "#e4defc";
+export const TokenGlobalColorViolet40 = "#d7cff9";
+export const TokenGlobalColorViolet50 = "#c4b8f3";
+export const TokenGlobalColorViolet60 = "#aa99ec";
+export const TokenGlobalColorViolet70 = "#7259d6";
+export const TokenGlobalColorViolet80 = "#644fc1";
+export const TokenGlobalColorViolet90 = "#5746af";
+export const TokenGlobalColorViolet100 = "#20134b";
+export const TokenGlobalColorPurple5 = "#fdfaff";
+export const TokenGlobalColorPurple10 = "#f9f1fe";
+export const TokenGlobalColorPurple20 = "#f3e7fc";
+export const TokenGlobalColorPurple30 = "#eddbf9";
+export const TokenGlobalColorPurple40 = "#e3ccf4";
+export const TokenGlobalColorPurple50 = "#d3b4ed";
+export const TokenGlobalColorPurple60 = "#be93e4";
+export const TokenGlobalColorPurple70 = "#8e4ec6";
+export const TokenGlobalColorPurple80 = "#8445bc";
+export const TokenGlobalColorPurple90 = "#753bbd"; // Akamai Purple
+export const TokenGlobalColorPurple100 = "#2b0e44";
+export const TokenGlobalColorMagenta5 = "#fff8ff";
+export const TokenGlobalColorMagenta10 = "#fceffc";
+export const TokenGlobalColorMagenta20 = "#f9e5f9";
+export const TokenGlobalColorMagenta30 = "#f3d9f4";
+export const TokenGlobalColorMagenta40 = "#ebc8ed";
+export const TokenGlobalColorMagenta50 = "#dfafe3";
+export const TokenGlobalColorMagenta60 = "#cf91d8";
+export const TokenGlobalColorMagenta70 = "#ab4aba"; // Critical severity
+export const TokenGlobalColorMagenta80 = "#a43cb4";
+export const TokenGlobalColorMagenta90 = "#9c2bad";
+export const TokenGlobalColorMagenta100 = "#340c3b";
+export const TokenGlobalColorPink5 = "#fff7fc";
+export const TokenGlobalColorPink10 = "#feeef8";
+export const TokenGlobalColorPink20 = "#fce5f3";
+export const TokenGlobalColorPink30 = "#f9d8ec";
+export const TokenGlobalColorPink40 = "#f3c6e2";
+export const TokenGlobalColorPink50 = "#ecadd4";
+export const TokenGlobalColorPink60 = "#e38ec3";
+export const TokenGlobalColorPink70 = "#e043a7";
+export const TokenGlobalColorPink80 = "#d23197";
+export const TokenGlobalColorPink90 = "#cd1d8d";
+export const TokenGlobalColorPink100 = "#3b0a2a";
+export const TokenGlobalColorBrown5 = "#fbf9f2";
+export const TokenGlobalColorBrown10 = "#f5f2e9";
+export const TokenGlobalColorBrown20 = "#eeeadd";
+export const TokenGlobalColorBrown30 = "#e5dfd0";
+export const TokenGlobalColorBrown40 = "#dad1bd";
+export const TokenGlobalColorBrown50 = "#cbbda4";
+export const TokenGlobalColorBrown60 = "#b8a383";
+export const TokenGlobalColorBrown70 = "#978365";
+export const TokenGlobalColorBrown80 = "#8c795d";
+export const TokenGlobalColorBrown90 = "#776750";
+export const TokenGlobalColorBrown100 = "#3b352b";
+export const TokenGlobalSpacing0 = "0rem";
+export const TokenGlobalSpacing10 = "0.125rem"; // 2px
+export const TokenGlobalSpacing20 = "0.25rem"; // 4px
+export const TokenGlobalSpacing30 = "0.375rem"; // 6px
+export const TokenGlobalSpacing40 = "0.5rem"; // 8px
+export const TokenGlobalSpacing50 = "0.75rem"; // 12px
+export const TokenGlobalSpacing60 = "1rem"; // 16px
+export const TokenGlobalSpacing70 = "1.5rem"; // 24px
+export const TokenGlobalSpacing80 = "2rem"; // 32px
+export const TokenGlobalSpacing90 = "3rem"; // 48px
+export const TokenGlobalFontFontFamilyBrand = "'Nunito Sans'";
+export const TokenGlobalFontFontFamilyCode = "'Fira Code'";
+export const TokenGlobalFontFontWeightSemibold = "600";
+export const TokenGlobalFontFontWeightBold = "700";
+export const TokenGlobalFontFontWeightExtrabold = "800";
+export const TokenGlobalFontFontWeightRegularNormal = "400";
+export const TokenGlobalFontFontWeightRegularItalic = "400";
+export const TokenGlobalFontFontSizeXxxs = "0.75rem"; // 12px
+export const TokenGlobalFontFontSizeXxs = "0.813rem"; // 13px
+export const TokenGlobalFontFontSizeXs = "0.875rem"; // 14px
+export const TokenGlobalFontFontSizeS = "1rem"; // 16px
+export const TokenGlobalFontFontSizeM = "1.125rem"; // 18px
+export const TokenGlobalFontFontSizeL = "1.25rem"; // 20px
+export const TokenGlobalFontFontSizeXl = "1.5rem"; // 24px
+export const TokenGlobalFontFontSizeXxl = "1.75rem"; // 28px
+export const TokenGlobalFontFontSizeXxxl = "2.25rem"; // 36px
+export const TokenGlobalFontLineHeightXxxs = "1rem"; // 16px
+export const TokenGlobalFontLineHeightXxs = "1.125rem"; // 18px
+export const TokenGlobalFontLineHeightXs = "1.25rem"; // 20px
+export const TokenGlobalFontLineHeightS = "1.5rem"; // 24px
+export const TokenGlobalFontLineHeightM = "1.625rem"; // 26px
+export const TokenGlobalFontLineHeightL = "1.875rem"; // 30px
+export const TokenGlobalFontLineHeightXl = "2rem"; // 32px
+export const TokenGlobalFontLineHeightXxl = "2.375rem"; // 38px
+export const TokenGlobalFontLineHeightXxxl = "2.625rem"; // 42px
+export const TokenGlobalFontTextcaseUppercase = "uppercase";
+export const TokenGlobalBorderRadiusNone = "0rem";
+export const TokenAliasContentTextBase = "#343438";
+export const TokenAliasContentTextNegative = "#eb9091"; // Error message text
+export const TokenAliasContentTextWarning = "#fecb34";
+export const TokenAliasContentTextPositive = "#00b050";
+export const TokenAliasContentTextInformative = "#4067e5";
+export const TokenAliasContentTextPrimaryDefault = "#ffffff"; // Primary text color
+export const TokenAliasContentTextPrimaryDisabled = "#83838c";
+export const TokenAliasContentTextSecondaryDefault = "#a3a3ab"; // Placeholder text
+export const TokenAliasContentTextSecondaryDisabled = "#83838c";
+export const TokenAliasContentTextLinkDefault = "#5bb3ea";
+export const TokenAliasContentTextLinkHover = "#96cff0";
+export const TokenAliasContentTextLinkDisabled = "#83838c";
+export const TokenAliasContentIconBase = "#343438";
+export const TokenAliasContentIconNegative = "#eb9091";
+export const TokenAliasContentIconWarning = "#edb016";
+export const TokenAliasContentIconPositive = "#65ba75";
+export const TokenAliasContentIconInformative = "#8da4ef";
+export const TokenAliasContentIconPrimaryDefault = "#ffffff"; // Default icon color
+export const TokenAliasContentIconPrimaryHover = "#96cff0";
+export const TokenAliasContentIconPrimaryActive = "#5bb3ea";
+export const TokenAliasContentIconPrimaryDisabled = "#83838c";
+export const TokenAliasContentIconSecondaryDefault = "#a3a3ab";
+export const TokenAliasContentIconSecondaryDisabled = "#83838c";
+export const TokenAliasBorderNormal = "#515157"; // Static component border
+export const TokenAliasBorderNeutral = "#c2c2ca"; // Secondary notification banner border
+export const TokenAliasBorderNegative = "#eb9091";
+export const TokenAliasBorderWarning = "#edb016";
+export const TokenAliasBorderPositive = "#65ba75";
+export const TokenAliasBorderInformative = "#8da4ef";
+export const TokenAliasBackgroundNormal = "#3d3d42"; // Default component background
+export const TokenAliasBackgroundNeutral = "#343438"; // Default page background
+export const TokenAliasBackgroundBase = "#ffffff"; // Tooltip background
+export const TokenAliasBackgroundNegative = "#d63c42";
+export const TokenAliasBackgroundWarning = "#fecb34";
+export const TokenAliasBackgroundPositive = "#00b050";
+export const TokenAliasBackgroundInformative = "#4067e5";
+export const TokenAliasBackgroundBlack = "#232326"; // Use only for a global header and global footer background
+export const TokenAliasBackgroundNegativesubtle = "#515157";
+export const TokenAliasBackgroundWarningsubtle = "#515157";
+export const TokenAliasBackgroundPositivesubtle = "#515157";
+export const TokenAliasBackgroundInformativesubtle = "#515157";
+export const TokenAliasBackgroundNeutralsubtle = "#515157";
+export const TokenAliasBackgroundOverlay = "lch(13.8 2.09 286 / 0.84)";
+export const TokenAliasActionBase = "#3d3d42";
+export const TokenAliasActionNeutral = "#696970";
+export const TokenAliasActionWhite50 = "#ffffff"; // Transparent disabled switcher circle
+export const TokenAliasActionPrimaryDefault = "#5bb3ea"; // Brand action color
+export const TokenAliasActionPrimaryHover = "#96cff0";
+export const TokenAliasActionPrimaryActive = "#5bb3ea";
+export const TokenAliasActionPrimaryDisabled = "#515157";
+export const TokenAliasActionSecondaryHover = "#515157";
+export const TokenAliasActionSecondaryDisabled = "#515157";
+export const TokenAliasActionTertiaryDisabled = "#515157";
+export const TokenAliasActionPositiveDefault = "#65ba75";
+export const TokenAliasActionPositiveDisabled = "#515157";
+export const TokenAliasActionNegativeDefault = "#eb9091";
+export const TokenAliasActionNegativeDisabled = "#515157";
+export const TokenAliasInteractionBorderDefault = "#696970"; // Default inputs border
+export const TokenAliasInteractionBorderHover = "#c2c2ca";
+export const TokenAliasInteractionBorderFocus = "#5bb3ea";
+export const TokenAliasInteractionBorderError = "#eb9091";
+export const TokenAliasInteractionBorderDisabled = "#515157";
+export const TokenAliasInteractionBackgroundPrimary = "#343438"; // Default component background color
+export const TokenAliasInteractionBackgroundSecondary = "#343438";
+export const TokenAliasInteractionBackgroundTertiary = "#3d3d42";
+export const TokenAliasInteractionBackgroundElevated = "#515157"; // Calendar range background, table row hover 
+export const TokenAliasInteractionBackgroundAccent = "#5bb3ea";
+export const TokenAliasInteractionBackgroundActive = "#5bb3ea";
+export const TokenAliasInteractionBackgroundDisabled = "#515157";
+export const TokenAliasElevationS = "0 2px 6px 0 rgba(0,0,0,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups;
+export const TokenAliasElevationSInverted = "0 -2px 6px 0 rgba(0,0,0,0.18)"; // Inverted shadow for elements that appear above the component
+export const TokenAliasElevationL = "0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08)"; // Shadow for modals
+export const TokenAliasTypographyHeadingXxxl = "700 2.25rem/2.625rem 'Nunito Sans'"; // Promo banners, KPIs
+export const TokenAliasTypographyHeadingXxl = "800 1.75rem/2rem 'Nunito Sans'"; // Main titles - h1
+export const TokenAliasTypographyHeadingXl = "700 1.5rem/1.875rem 'Nunito Sans'"; // Second level title - h2
+export const TokenAliasTypographyHeadingL = "700 1.25rem/1.625rem 'Nunito Sans'"; // Third level title - h3
+export const TokenAliasTypographyHeadingM = "700 1.125rem/1.5rem 'Nunito Sans'"; // Drawer, modal title - h4
+export const TokenAliasTypographyHeadingS = "700 1rem/1.25rem 'Nunito Sans'"; // Advanced search, bars, master switch titles - h5
+export const TokenAliasTypographyHeadingXs = "700 0.875rem/1.125rem 'Nunito Sans'"; // Low level headings - h6
+export const TokenAliasTypographyHeadingOverline = "800 0.75rem/1rem 'Nunito Sans'"; // Custom labels for content blocks
+export const TokenAliasTypographyHeadingOverlineLetterSpacing = "0.023rem"; // Overline letter spacing
+export const TokenAliasTypographyHeadingOverlineTextCase = "uppercase"; // Overline text case
+export const TokenAliasTypographyBodyRegular = "400 0.875rem/1.25rem 'Nunito Sans'"; // Main body text
+export const TokenAliasTypographyBodySemibold = "600 0.875rem/1.25rem 'Nunito Sans'"; // Light emphasis
+export const TokenAliasTypographyBodyBold = "700 0.875rem/1.25rem 'Nunito Sans'"; // Emphasis
+export const TokenAliasTypographyBodyExtrabold = "800 0.875rem/1.25rem 'Nunito Sans'"; // Max emphasis
+export const TokenAliasTypographyBodyList = "400 0.875rem/1.25rem 'Nunito Sans'"; // For list items
+export const TokenAliasTypographyBodyItalic = "400 0.875rem/1.25rem 'Nunito Sans'";
+export const TokenAliasTypographyLabelSemiboldL = "600 1rem/1.25rem 'Nunito Sans'"; // Large tabs
+export const TokenAliasTypographyLabelSemiboldS = "600 0.875rem/1rem 'Nunito Sans'"; // Large buttons, list, segmented buttons, side navigation, small tables
+export const TokenAliasTypographyLabelSemiboldXs = "600 0.75rem/1rem 'Nunito Sans'"; // Small buttons, tags, warning message under field
+export const TokenAliasTypographyLabelBoldL = "700 1rem/1.25rem 'Nunito Sans'"; // Card, content panel, vertical stepper
+export const TokenAliasTypographyLabelBoldS = "700 0.875rem/1rem 'Nunito Sans'"; // Field labels, table header, date&time pickers
+export const TokenAliasTypographyLabelBoldXs = "700 0.75rem/0.875rem 'Nunito Sans'"; // Badge number
+export const TokenAliasTypographyLabelRegularS = "400 0.875rem/1rem 'Nunito Sans'"; // Field entered text, dropdown item, table cell, pagination
+export const TokenAliasTypographyLabelRegularXs = "400 0.75rem/1rem 'Nunito Sans'"; // Optional text, small dropdown item
+export const TokenAliasTypographyLabelRegularPlaceholder = "400 0.875rem/1rem 'Nunito Sans'";
+export const TokenAliasTypographyCode = "400 0.813rem/1.25rem 'Fira Code'"; // Code samples
+export const TokenAliasAccentInfoPrimary = "#aec0f5";
+export const TokenAliasAccentInfoSecondary = "lch(77.7 28.7 275 / 0.12)";
+export const TokenAliasAccentNeutralPrimary = "#c2c2ca";
+export const TokenAliasAccentNeutralSecondary = "lch(78.6 4.18 286 / 0.12)";
+export const TokenAliasAccentWarningPrimary = "#f2b67b";
+export const TokenAliasAccentWarningSecondary = "lch(79.6 53.6 74.4 / 0.12)";
+export const TokenAliasAccentNegativePrimary = "#f3aeaf";
+export const TokenAliasAccentNegativeSecondary = "lch(77.8 28 21.1 / 0.12)";
+export const TokenAliasAccentPositivePrimary = "#97cf9c";
+export const TokenAliasAccentPositiveSecondary = "lch(78.2 32.7 144 / 0.12)";
+export const TokenAliasAccentImportantPrimary = "#d3b4ed";
+export const TokenAliasAccentImportantSecondary = "lch(77.5 31.1 309 / 0.12)";
+export const TokenAliasAccentPinkPrimary = "#ecadd4";
+export const TokenAliasAccentPinkSecondary = "lch(77.6 29.9 340 / 0.12)";
+export const TokenAliasAccentVioletPrimary = "#c4b8f3";
+export const TokenAliasAccentVioletSecondary = "lch(77.3 30.9 295 / 0.12)";
+export const TokenAliasChartNeutral = "#515157";
+export const TokenAliasChartCategorical1Primary = "#4067e5";
+export const TokenAliasChartCategorical1Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical1Transparent = "lch(46.5 72.3 286 / 0.2)";
+export const TokenAliasChartCategorical2Primary = "#fe9933";
+export const TokenAliasChartCategorical2Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical2Transparent = "lch(72.9 74.2 63 / 0.2)";
+export const TokenAliasChartCategorical3Primary = "#12a594";
+export const TokenAliasChartCategorical3Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical3Transparent = "lch(60.7 39.7 183 / 0.2)";
+export const TokenAliasChartCategorical4Primary = "#ab4aba";
+export const TokenAliasChartCategorical4Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical4Transparent = "lch(48.2 66.6 322 / 0.2)";
+export const TokenAliasChartCategorical5Primary = "#d63c42";
+export const TokenAliasChartCategorical5Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical5Transparent = "lch(50.1 69.5 29.4 / 0.2)";
+export const TokenAliasChartCategorical6Primary = "#05a2c2";
+export const TokenAliasChartCategorical6Inactive = "#aadee6";
+export const TokenAliasChartCategorical6Transparent = "lch(61 38.6 224 / 0.2)";
+export const TokenAliasChartCategorical7Primary = "#e043a7";
+export const TokenAliasChartCategorical7Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical7Transparent = "lch(55 70 344 / 0.2)";
+export const TokenAliasChartCategorical8Primary = "#00b050";
+export const TokenAliasChartCategorical8Inactive = "#ceebcf";
+export const TokenAliasChartCategorical8Transparent = "lch(63 67 146 / 0.2)";
+export const TokenAliasChartCategorical9Primary = "#7259d6";
+export const TokenAliasChartCategorical9Inactive = "#e4defc";
+export const TokenAliasChartCategorical9Transparent = "lch(45.6 71 299 / 0.2)";
+export const TokenAliasChartCategorical10Primary = "#99d52a";
+export const TokenAliasChartCategorical10Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical10Transparent = "lch(79 79.1 118 / 0.2)";
+export const TokenAliasChartCategorical11Primary = "#696970";
+export const TokenAliasChartCategorical11Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical11Transparent = "lch(44.6 4.09 286 / 0.2)";
+export const TokenAliasChartCategorical12Primary = "#8da4ef";
+export const TokenAliasChartCategorical12Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical12Transparent = "lch(67.9 41.2 278 / 0.2)";
+export const TokenAliasChartCategorical13Primary = "#c25d05";
+export const TokenAliasChartCategorical13Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical13Transparent = "lch(51.7 70.9 57.2 / 0.2)";
+export const TokenAliasChartCategorical14Primary = "#067a6f";
+export const TokenAliasChartCategorical14Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical14Transparent = "lch(45.6 31.8 185 / 0.2)";
+export const TokenAliasChartCategorical15Primary = "#cf91d8";
+export const TokenAliasChartCategorical15Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical15Transparent = "lch(68.3 42.4 321 / 0.2)";
+export const TokenAliasChartCategorical16Primary = "#eb9091";
+export const TokenAliasChartCategorical16Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical16Transparent = "lch(69.6 38.4 22.9 / 0.2)";
+export const TokenAliasChartCategorical17Primary = "#0c7792";
+export const TokenAliasChartCategorical17Inactive = "#aadee6";
+export const TokenAliasChartCategorical17Transparent = "lch(45.7 30.9 228 / 0.2)";
+export const TokenAliasChartCategorical18Primary = "#e38ec3";
+export const TokenAliasChartCategorical18Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical18Transparent = "lch(69.3 40.8 341 / 0.2)";
+export const TokenAliasChartCategorical19Primary = "#97cf9c";
+export const TokenAliasChartCategorical19Inactive = "#ceebcf";
+export const TokenAliasChartCategorical19Transparent = "lch(78.2 32.7 144 / 0.2)";
+export const TokenAliasChartCategorical20Primary = "#aa99ec";
+export const TokenAliasChartCategorical20Inactive = "#e4defc";
+export const TokenAliasChartCategorical20Transparent = "lch(67.2 44.6 296 / 0.2)";
+export const TokenAliasChartCategorical21Primary = "#94ba2c";
+export const TokenAliasChartCategorical21Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical21Transparent = "lch(70.8 67.7 114 / 0.2)";
+export const TokenAliasChartCategorical22Primary = "#3d3d42";
+export const TokenAliasChartCategorical22Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical22Transparent = "lch(25.9 3.2 286 / 0.2)";
+export const TokenAliasChartMonochromaticDefault5 = "#f8faff";
+export const TokenAliasChartMonochromaticDefault10 = "#f0f4ff";
+export const TokenAliasChartMonochromaticDefault20 = "#e6edfe";
+export const TokenAliasChartMonochromaticDefault30 = "#d9e2fc";
+export const TokenAliasChartMonochromaticDefault40 = "#c6d4f9";
+export const TokenAliasChartMonochromaticDefault50 = "#aec0f5";
+export const TokenAliasChartMonochromaticDefault60 = "#8da4ef";
+export const TokenAliasChartMonochromaticDefault70 = "#4067e5";
+export const TokenAliasChartMonochromaticDefault90 = "#3451b2";
+export const TokenAliasChartMonochromaticDefault100 = "#002856";
+export const TokenAliasChartMonochromaticDanger5 = "#fff8f8";
+export const TokenAliasChartMonochromaticDanger10 = "#ffefef";
+export const TokenAliasChartMonochromaticDanger20 = "#ffe5e5";
+export const TokenAliasChartMonochromaticDanger30 = "#fdd8d8";
+export const TokenAliasChartMonochromaticDanger40 = "#f9c6c6";
+export const TokenAliasChartMonochromaticDanger50 = "#f3aeaf";
+export const TokenAliasChartMonochromaticDanger60 = "#eb9091";
+export const TokenAliasChartMonochromaticDanger70 = "#d63c42";
+export const TokenAliasChartMonochromaticDanger90 = "#b82329";
+export const TokenAliasChartMonochromaticDanger100 = "#381316";
+export const TokenAliasChartStatusNegative = "#d63c42";
+export const TokenAliasChartStatusWarning = "#fecb34";
+export const TokenAliasChartStatusPositive = "#00b050";
+export const TokenComponentButtonPrimaryDefaultBackground = "#5bb3ea";
+export const TokenComponentButtonPrimaryDefaultText = "#343438";
+export const TokenComponentButtonPrimaryDefaultIcon = "#343438";
+export const TokenComponentButtonPrimaryHoverBackground = "#96cff0";
+export const TokenComponentButtonPrimaryHoverText = "#343438";
+export const TokenComponentButtonPrimaryHoverIcon = "#343438";
+export const TokenComponentButtonPrimaryPressedBackground = "#5bb3ea";
+export const TokenComponentButtonPrimaryPressedText = "#343438";
+export const TokenComponentButtonPrimaryPressedIcon = "#343438";
+export const TokenComponentButtonPrimaryDisabledBackground = "#515157";
+export const TokenComponentButtonPrimaryDisabledText = "#83838c";
+export const TokenComponentButtonPrimaryDisabledIcon = "#83838c";
+export const TokenComponentButtonPrimaryLoadingBackground = "#5bb3ea";
+export const TokenComponentButtonSecondaryDefaultBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryDefaultBorder = "#5bb3ea";
+export const TokenComponentButtonSecondaryDefaultText = "#5bb3ea";
+export const TokenComponentButtonSecondaryDefaultIcon = "#5bb3ea";
+export const TokenComponentButtonSecondaryHoverBackground = "#515157";
+export const TokenComponentButtonSecondaryHoverBorder = "#96cff0";
+export const TokenComponentButtonSecondaryHoverText = "#5bb3ea";
+export const TokenComponentButtonSecondaryHoverIcon = "#5bb3ea";
+export const TokenComponentButtonSecondaryPressedBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryPressedBorder = "#5bb3ea";
+export const TokenComponentButtonSecondaryPressedText = "#5bb3ea";
+export const TokenComponentButtonSecondaryPressedIcon = "#5bb3ea";
+export const TokenComponentButtonSecondaryDisabledBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryDisabledBorder = "#515157";
+export const TokenComponentButtonSecondaryDisabledText = "#83838c";
+export const TokenComponentButtonSecondaryDisabledIcon = "#83838c";
+export const TokenComponentButtonSecondaryLoadingBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryLoadingBorder = "#5bb3ea";
+export const TokenComponentButtonLinkDefaultText = "#5bb3ea";
+export const TokenComponentButtonLinkDefaultIcon = "#5bb3ea";
+export const TokenComponentButtonLinkHoverText = "#96cff0";
+export const TokenComponentButtonLinkHoverIcon = "#96cff0";
+export const TokenComponentButtonLinkPressedText = "#5bb3ea";
+export const TokenComponentButtonLinkPressedIcon = "#5bb3ea";
+export const TokenComponentButtonLinkDisabledText = "#83838c";
+export const TokenComponentButtonLinkDisabledIcon = "#83838c";
+export const TokenComponentContainerBackground = "#3d3d42";
+export const TokenComponentContainerBorder = "#515157";
+export const TokenComponentTableHeaderFilledBackground = "#343438";
+export const TokenComponentTableHeaderFilledText = "#ffffff";
+export const TokenComponentTableHeaderFilledIcon = "#ffffff";
+export const TokenComponentTableHeaderOutlinedBorder = "#c2c2ca";
+export const TokenComponentTableHeaderOutlinedText = "#ffffff";
+export const TokenComponentTableHeaderOutlinedIcon = "#ffffff";
+export const TokenComponentTableRowBorder = "#515157";
+export const TokenComponentTableRowIconDefault = "#ffffff";
+export const TokenComponentTableRowIconDisabled = "#83838c";
+export const TokenComponentTableRowIconHover = "#96cff0";
+export const TokenComponentTableRowBackgroundDefault = "#3d3d42";
+export const TokenComponentTableRowBackgroundZebra = "#343438";
+export const TokenComponentTableRowBackgroundHover = "#515157";
+export const TokenComponentTableRowTextDefault = "#ffffff";
+export const TokenComponentTableRowTextPlaceholder = "#a3a3ab";
+export const TokenComponentTableRowTextLink = "#5bb3ea";
+export const TokenComponentMenuButtonPrimaryDefaultBackground = "#5bb3ea";
+export const TokenComponentMenuButtonPrimaryDefaultText = "#343438";
+export const TokenComponentMenuButtonPrimaryDefaultIcon = "#343438";
+export const TokenComponentMenuButtonPrimaryHoverBackground = "#96cff0";
+export const TokenComponentMenuButtonPrimaryHoverText = "#343438";
+export const TokenComponentMenuButtonPrimaryHoverIcon = "#343438";
+export const TokenComponentMenuButtonPrimaryPressedBackground = "#5bb3ea";
+export const TokenComponentMenuButtonPrimaryPressedText = "#343438";
+export const TokenComponentMenuButtonPrimaryPressedIcon = "#343438";
+export const TokenComponentMenuButtonPrimaryDisabledBackground = "#515157";
+export const TokenComponentMenuButtonPrimaryDisabledText = "#83838c";
+export const TokenComponentMenuButtonPrimaryDisabledIcon = "#83838c";
+export const TokenComponentMenuButtonPrimaryLoadingBackground = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDefaultBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryDefaultBorder = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDefaultText = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDefaultIcon = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryHoverBackground = "#515157";
+export const TokenComponentMenuButtonSecondaryHoverBorder = "#96cff0";
+export const TokenComponentMenuButtonSecondaryHoverText = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryHoverIcon = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryPressedBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryPressedBorder = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryPressedText = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryPressedIcon = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDisabledBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryDisabledBorder = "#515157";
+export const TokenComponentMenuButtonSecondaryDisabledText = "#83838c";
+export const TokenComponentMenuButtonSecondaryDisabledIcon = "#83838c";
+export const TokenComponentMenuButtonSecondaryLoadingBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryLoadingBorder = "#5bb3ea";
+export const TokenComponentMenuButtonLinkDefaultText = "#5bb3ea";
+export const TokenComponentMenuButtonLinkDefaultIcon = "#5bb3ea";
+export const TokenComponentMenuButtonLinkHoverText = "#96cff0";
+export const TokenComponentMenuButtonLinkHoverIcon = "#96cff0";
+export const TokenComponentMenuButtonLinkPressedText = "#5bb3ea";
+export const TokenComponentMenuButtonLinkPressedIcon = "#5bb3ea";
+export const TokenComponentMenuButtonLinkDisabledText = "#83838c";
+export const TokenComponentMenuButtonLinkDisabledIcon = "#83838c";
+export const TokenComponentOverflowMenuButtonDefaultIcon = "#ffffff";
+export const TokenComponentOverflowMenuButtonHoverIcon = "#96cff0";
+export const TokenComponentOverflowMenuButtonPressedIcon = "#5bb3ea";
+export const TokenComponentOverflowMenuButtonDisabledIcon = "#83838c";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#96cff0";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#96cff0";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryActiveText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#515157";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#83838c";
+export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#83838c";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#343438";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryDefaultText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryDefaultIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundLeft = "#515157";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundRight = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderLeft = "#96cff0";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderRight = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundLeft = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundRight = "#515157";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderLeft = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderRight = "#96cff0";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryActiveBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryActiveBorder = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryActiveText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryActiveIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBorder = "#515157";
+export const TokenComponentSplitMenuButtonSecondaryDisabledText = "#83838c";
+export const TokenComponentSplitMenuButtonSecondaryDisabledIcon = "#83838c";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#5bb3ea";
+export const TokenComponentAppbarBackground = "#343438";
+export const TokenComponentAppbarBorder = "#515157";
+export const TokenComponentAppbarText = "#ffffff";
+export const TokenComponentAppbarIcon = "#ffffff";
+export const TokenComponentBadgeInformativeBackground = "lch(77.7 28.7 275 / 0.12)";
+export const TokenComponentBadgeInformativeText = "#aec0f5";
+export const TokenComponentBadgeNeutralBackground = "lch(78.6 4.18 286 / 0.12)";
+export const TokenComponentBadgeNeutralText = "#c2c2ca";
+export const TokenComponentBadgeWarningBackground = "lch(79.6 53.6 74.4 / 0.12)";
+export const TokenComponentBadgeWarningText = "#f2b67b";
+export const TokenComponentBadgeNegativeBackground = "lch(77.8 28 21.1 / 0.12)";
+export const TokenComponentBadgeNegativeText = "#f3aeaf";
+export const TokenComponentBadgePositiveBackground = "lch(78.2 32.7 144 / 0.12)";
+export const TokenComponentBadgePositiveText = "#97cf9c";
+export const TokenComponentBadgeImportantBackground = "lch(77.5 31.1 309 / 0.12)";
+export const TokenComponentBadgeImportantText = "#d3b4ed";
+export const TokenComponentBadgeVioletBackground = "lch(77.3 30.9 295 / 0.12)";
+export const TokenComponentBadgeVioletText = "#c4b8f3";
+export const TokenComponentBadgePinkBackground = "lch(77.6 29.9 340 / 0.12)";
+export const TokenComponentBadgePinkText = "#ecadd4";
+export const TokenComponentBreadcrumbDivider = "#515157";
+export const TokenComponentBreadcrumbAppTitleText = "#5bb3ea";
+export const TokenComponentBreadcrumbDefaultText = "#5bb3ea";
+export const TokenComponentBreadcrumbTruncatedText = "#5bb3ea";
+export const TokenComponentBreadcrumbLastItemText = "#ffffff";
+export const TokenComponentBreadcrumbCollapsedBackground = "#515157";
+export const TokenComponentBreadcrumbCollapsedText = "#ffffff";
+export const TokenComponentBreadcrumbCollapsedIcon = "#ffffff";
+export const TokenComponentBreadcrumbWithDropdownText = "#5bb3ea";
+export const TokenComponentBreadcrumbWithDropdownIcon = "#ffffff";
+export const TokenComponentCardBackground = "#3d3d42";
+export const TokenComponentCardBorder = "#515157";
+export const TokenComponentCardText = "#ffffff";
+export const TokenComponentCardIcon = "#ffffff";
+export const TokenComponentCheckboxEmptyDefaultBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyDefaultBorder = "#696970";
+export const TokenComponentCheckboxEmptyDefaultText = "#ffffff";
+export const TokenComponentCheckboxEmptyHoverBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyHoverBorder = "#96cff0";
+export const TokenComponentCheckboxEmptyHoverText = "#ffffff";
+export const TokenComponentCheckboxEmptyActiveBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyActiveBorder = "#5bb3ea";
+export const TokenComponentCheckboxEmptyActiveText = "#ffffff";
+export const TokenComponentCheckboxEmptyDisabledBackground = "#515157";
+export const TokenComponentCheckboxEmptyDisabledBorder = "#515157";
+export const TokenComponentCheckboxEmptyDisabledText = "#83838c";
+export const TokenComponentCheckboxEmptyReadOnlyBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyReadOnlyBorder = "#515157";
+export const TokenComponentCheckboxEmptyReadOnlyText = "#ffffff";
+export const TokenComponentCheckboxCheckedDefaultBackground = "#5bb3ea";
+export const TokenComponentCheckboxCheckedDefaultText = "#ffffff";
+export const TokenComponentCheckboxCheckedDefaultIcon = "#343438";
+export const TokenComponentCheckboxCheckedHoverBackground = "#96cff0";
+export const TokenComponentCheckboxCheckedHoverText = "#ffffff";
+export const TokenComponentCheckboxCheckedHoverIcon = "#343438";
+export const TokenComponentCheckboxCheckedActiveBackground = "#5bb3ea";
+export const TokenComponentCheckboxCheckedActiveText = "#ffffff";
+export const TokenComponentCheckboxCheckedActiveIcon = "#343438";
+export const TokenComponentCheckboxCheckedDisabledBackground = "#515157";
+export const TokenComponentCheckboxCheckedDisabledText = "#83838c";
+export const TokenComponentCheckboxCheckedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyBackground = "#3d3d42";
+export const TokenComponentCheckboxCheckedReadOnlyBorder = "#515157";
+export const TokenComponentCheckboxCheckedReadOnlyText = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyIcon = "#83838c";
+export const TokenComponentCheckboxIndeterminatedDefaultBackground = "#5bb3ea";
+export const TokenComponentCheckboxIndeterminatedDefaultText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedDefaultIcon = "#343438";
+export const TokenComponentCheckboxIndeterminatedHoverBackground = "#96cff0";
+export const TokenComponentCheckboxIndeterminatedHoverText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedHoverIcon = "#343438";
+export const TokenComponentCheckboxIndeterminatedActiveBackground = "#5bb3ea";
+export const TokenComponentCheckboxIndeterminatedActiveText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedActiveIcon = "#343438";
+export const TokenComponentCheckboxIndeterminatedDisabledBackground = "#515157";
+export const TokenComponentCheckboxIndeterminatedDisabledText = "#83838c";
+export const TokenComponentCheckboxIndeterminatedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBackground = "#3d3d42";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBorder = "#515157";
+export const TokenComponentCheckboxIndeterminatedReadOnlyText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyIcon = "#83838c";
+export const TokenComponentContentPanelBackground = "#3d3d42";
+export const TokenComponentContentPanelBorder = "#515157";
+export const TokenComponentContentPanelText = "#ffffff";
+export const TokenComponentContentPanelIcon = "#ffffff";
+export const TokenComponentCalendarBackground = "#3d3d42";
+export const TokenComponentCalendarBorder = "#515157";
+export const TokenComponentCalendarIcon = "#ffffff";
+export const TokenComponentCalendarTextDefault = "#ffffff";
+export const TokenComponentCalendarTextDisabled = "#83838c";
+export const TokenComponentCalendarSelectedItemText = "#343438";
+export const TokenComponentCalendarSelectedItemBackground = "#5bb3ea";
+export const TokenComponentCalendarHoverItemBackground = "#515157";
+export const TokenComponentCalendarHoverItemText = "#ffffff";
+export const TokenComponentCalendarPresetAreaBackground = "#343438";
+export const TokenComponentCalendarPresetAreaHoverPeriodBackground = "#3d3d42";
+export const TokenComponentCalendarPresetAreaActivePeriodBackground = "#5bb3ea";
+export const TokenComponentCalendarPresetAreaActivePeriodText = "#343438";
+export const TokenComponentDateFieldDefaultBackground = "#343438";
+export const TokenComponentDateFieldDefaultBorder = "#696970";
+export const TokenComponentDateFieldDefaultText = "#a3a3ab";
+export const TokenComponentDateFieldDefaultIcon = "#ffffff";
+export const TokenComponentDateFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentDateFieldHoverBackground = "#343438";
+export const TokenComponentDateFieldHoverBorder = "#c2c2ca";
+export const TokenComponentDateFieldHoverText = "#ffffff";
+export const TokenComponentDateFieldHoverIcon = "#ffffff";
+export const TokenComponentDateFieldHoverHintText = "#a3a3ab";
+export const TokenComponentDateFieldHoverEmptyBackground = "#343438";
+export const TokenComponentDateFieldHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentDateFieldHoverEmptyText = "#a3a3ab";
+export const TokenComponentDateFieldHoverEmptyIcon = "#ffffff";
+export const TokenComponentDateFieldHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentDateFieldFilledBackground = "#343438";
+export const TokenComponentDateFieldFilledBorder = "#696970";
+export const TokenComponentDateFieldFilledText = "#ffffff";
+export const TokenComponentDateFieldFilledIcon = "#ffffff";
+export const TokenComponentDateFieldFilledHintText = "#a3a3ab";
+export const TokenComponentDateFieldDisabledBackground = "#515157";
+export const TokenComponentDateFieldDisabledBorder = "#515157";
+export const TokenComponentDateFieldDisabledText = "#83838c";
+export const TokenComponentDateFieldDisabledIcon = "#83838c";
+export const TokenComponentDateFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentDateFieldReadOnlyBackground = "#343438";
+export const TokenComponentDateFieldReadOnlyText = "#ffffff";
+export const TokenComponentDateFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentDateFieldErrorBackground = "#343438";
+export const TokenComponentDateFieldErrorBorder = "#eb9091";
+export const TokenComponentDateFieldErrorText = "#ffffff";
+export const TokenComponentDateFieldErrorIcon = "#ffffff";
+export const TokenComponentDateFieldErrorHintText = "#eb9091";
+export const TokenComponentDateFieldFocusBackground = "#343438";
+export const TokenComponentDateFieldFocusBorder = "#5bb3ea";
+export const TokenComponentDateFieldFocusText = "#a3a3ab";
+export const TokenComponentDateFieldFocusIcon = "#5bb3ea";
+export const TokenComponentDateFieldFocusHintText = "#a3a3ab";
+export const TokenComponentDatePickerDefaultIcon = "#ffffff";
+export const TokenComponentDatePickerHoverIcon = "#96cff0";
+export const TokenComponentDatePickerFilledIcon = "#5bb3ea";
+export const TokenComponentDatePickerDisabledIcon = "#83838c";
+export const TokenComponentDatePickerFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangePickerDefaultIcon = "#ffffff";
+export const TokenComponentDateRangePickerHoverIcon = "#96cff0";
+export const TokenComponentDateRangePickerFilledIcon = "#5bb3ea";
+export const TokenComponentDateRangePickerDisabledIcon = "#83838c";
+export const TokenComponentDateRangePickerFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangeFieldDefaultBackground = "#343438";
+export const TokenComponentDateRangeFieldDefaultBorder = "#696970";
+export const TokenComponentDateRangeFieldDefaultText = "#a3a3ab";
+export const TokenComponentDateRangeFieldDefaultIcon = "#ffffff";
+export const TokenComponentDateRangeFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldHoverBackground = "#343438";
+export const TokenComponentDateRangeFieldHoverBorder = "#c2c2ca";
+export const TokenComponentDateRangeFieldHoverText = "#ffffff";
+export const TokenComponentDateRangeFieldHoverIcon = "#ffffff";
+export const TokenComponentDateRangeFieldHoverHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldHoverEmptyBackground = "#343438";
+export const TokenComponentDateRangeFieldHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentDateRangeFieldHoverEmptyText = "#a3a3ab";
+export const TokenComponentDateRangeFieldHoverEmptyIcon = "#ffffff";
+export const TokenComponentDateRangeFieldHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFilledBackground = "#343438";
+export const TokenComponentDateRangeFieldFilledBorder = "#696970";
+export const TokenComponentDateRangeFieldFilledText = "#ffffff";
+export const TokenComponentDateRangeFieldFilledIcon = "#ffffff";
+export const TokenComponentDateRangeFieldFilledHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFilledPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDateRangeFieldDisabledBackground = "#515157";
+export const TokenComponentDateRangeFieldDisabledBorder = "#515157";
+export const TokenComponentDateRangeFieldDisabledText = "#83838c";
+export const TokenComponentDateRangeFieldDisabledIcon = "#83838c";
+export const TokenComponentDateRangeFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldReadOnlyBackground = "#343438";
+export const TokenComponentDateRangeFieldReadOnlyText = "#ffffff";
+export const TokenComponentDateRangeFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldErrorBackground = "#343438";
+export const TokenComponentDateRangeFieldErrorBorder = "#eb9091";
+export const TokenComponentDateRangeFieldErrorText = "#ffffff";
+export const TokenComponentDateRangeFieldErrorIcon = "#ffffff";
+export const TokenComponentDateRangeFieldErrorHintText = "#eb9091";
+export const TokenComponentDateRangeFieldFocusBackground = "#343438";
+export const TokenComponentDateRangeFieldFocusBorder = "#5bb3ea";
+export const TokenComponentDateRangeFieldFocusText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangeFieldFocusHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFocusPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDateRangeInputDefaultBackground = "#343438";
+export const TokenComponentDateRangeInputDefaultBorder = "#696970";
+export const TokenComponentDateRangeInputDefaultText = "#a3a3ab";
+export const TokenComponentDateRangeInputDefaultIcon = "#ffffff";
+export const TokenComponentDateRangeInputDefaultHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputHoverBackground = "#343438";
+export const TokenComponentDateRangeInputHoverBorder = "#c2c2ca";
+export const TokenComponentDateRangeInputHoverText = "#ffffff";
+export const TokenComponentDateRangeInputHoverIcon = "#ffffff";
+export const TokenComponentDateRangeInputHoverHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputActivePeriodBackground = "#343438";
+export const TokenComponentDateRangeInputActivePeriodBorder = "#c2c2ca";
+export const TokenComponentDateRangeInputActivePeriodText = "#ffffff";
+export const TokenComponentDateRangeInputActivePeriodIcon = "#ffffff";
+export const TokenComponentDateRangeInputActivePeriodHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputActivePeriodActiveItemBackground = "#3d3d42";
+export const TokenComponentDateRangeInputActivePeriodActiveItemText = "#a3a3ab";
+export const TokenComponentDateRangeInputFilledBackground = "#343438";
+export const TokenComponentDateRangeInputFilledBorder = "#696970";
+export const TokenComponentDateRangeInputFilledText = "#ffffff";
+export const TokenComponentDateRangeInputFilledIcon = "#ffffff";
+export const TokenComponentDateRangeInputFilledHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputFilledPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDateRangeInputDisabledBackground = "#343438";
+export const TokenComponentDateRangeInputDisabledBorder = "#515157";
+export const TokenComponentDateRangeInputDisabledText = "#83838c";
+export const TokenComponentDateRangeInputDisabledIcon = "#83838c";
+export const TokenComponentDateRangeInputDisabledHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputReadOnlyBackground = "#343438";
+export const TokenComponentDateRangeInputReadOnlyText = "#ffffff";
+export const TokenComponentDateRangeInputReadOnlyHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputErrorBackground = "#343438";
+export const TokenComponentDateRangeInputErrorBorder = "#eb9091";
+export const TokenComponentDateRangeInputErrorText = "#ffffff";
+export const TokenComponentDateRangeInputErrorIcon = "#ffffff";
+export const TokenComponentDateRangeInputErrorHintText = "#eb9091";
+export const TokenComponentDateRangeInputFocusBackground = "#343438";
+export const TokenComponentDateRangeInputFocusBorder = "#5bb3ea";
+export const TokenComponentDateRangeInputFocusText = "#ffffff";
+export const TokenComponentDateRangeInputFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangeInputFocusHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputFocusPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDividerBorder = "#515157";
+export const TokenComponentDrawerBackground = "#3d3d42";
+export const TokenComponentDrawerText = "#ffffff";
+export const TokenComponentDrawerIconDefault = "#ffffff";
+export const TokenComponentDrawerIconDisabled = "#83838c";
+export const TokenComponentDropdownIconDefault = "#ffffff";
+export const TokenComponentDropdownIconDisabled = "#83838c";
+export const TokenComponentDropdownTextDefault = "#ffffff";
+export const TokenComponentDropdownTextLink = "#5bb3ea";
+export const TokenComponentDropdownTextDescription = "#a3a3ab";
+export const TokenComponentDropdownTextDisabled = "#83838c";
+export const TokenComponentDropdownBackgroundDefault = "#343438";
+export const TokenComponentDropdownBackgroundHover = "#3d3d42";
+export const TokenComponentDropdownBackgroundCategory = "#343438";
+export const TokenComponentGlobalHeaderBackground = "#232326";
+export const TokenComponentGlobalHeaderBorder = "#3d3d42";
+export const TokenComponentGlobalHeaderIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderIconHover = "#ffffff";
+export const TokenComponentGlobalHeaderTextDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderTextHover = "#ffffff";
+export const TokenComponentGlobalHeaderSearchBackground = "#3d3d42";
+export const TokenComponentGlobalHeaderSearchTextPlaceholder = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchTextFilled = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchIconActive = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconHover = "#ffffff";
+export const TokenComponentGlobalFooterBackground = "#232326";
+export const TokenComponentGlobalFooterTextDefault = "#d6d6dd";
+export const TokenComponentGlobalFooterTextHover = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultBackground = "#343438";
+export const TokenComponentGroupSelectFieldDefaultBorder = "#696970";
+export const TokenComponentGroupSelectFieldDefaultText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDefaultIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldHoverBackground = "#343438";
+export const TokenComponentGroupSelectFieldHoverBorder = "#c2c2ca";
+export const TokenComponentGroupSelectFieldHoverText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldHoverIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldHoverHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldHoverInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldSelectedBackground = "#343438";
+export const TokenComponentGroupSelectFieldSelectedBorder = "#696970";
+export const TokenComponentGroupSelectFieldSelectedText = "#ffffff";
+export const TokenComponentGroupSelectFieldSelectedIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldSelectedHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldSelectedInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledBackground = "#515157";
+export const TokenComponentGroupSelectFieldDisabledBorder = "#515157";
+export const TokenComponentGroupSelectFieldDisabledText = "#83838c";
+export const TokenComponentGroupSelectFieldDisabledIcon = "#83838c";
+export const TokenComponentGroupSelectFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldReadOnlyBackground = "#343438";
+export const TokenComponentGroupSelectFieldReadOnlyText = "#ffffff";
+export const TokenComponentGroupSelectFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldReadOnlyInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldErrorBackground = "#343438";
+export const TokenComponentGroupSelectFieldErrorBorder = "#eb9091";
+export const TokenComponentGroupSelectFieldErrorText = "#ffffff";
+export const TokenComponentGroupSelectFieldErrorIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldErrorHintText = "#eb9091";
+export const TokenComponentGroupSelectFieldErrorInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldFocusBackground = "#343438";
+export const TokenComponentGroupSelectFieldFocusBorder = "#5bb3ea";
+export const TokenComponentGroupSelectFieldFocusText = "#ffffff";
+export const TokenComponentGroupSelectFieldFocusIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldFocusHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldFocusInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectDropdownIcon = "#ffffff";
+export const TokenComponentGroupSelectDropdownText = "#ffffff";
+export const TokenComponentGroupSelectDropdownBackgroundDefault = "#343438";
+export const TokenComponentGroupSelectDropdownBackgroundHover = "#3d3d42";
+export const TokenComponentInlineEditText = "#ffffff";
+export const TokenComponentInlineEditIconDefault = "#ffffff";
+export const TokenComponentInlineEditIconHover = "#96cff0";
+export const TokenComponentInlineEditAcceptIconDefault = "#5bb3ea";
+export const TokenComponentInlineEditAcceptIconHover = "#96cff0";
+export const TokenComponentInlineEditAcceptIconDisabled = "#83838c";
+export const TokenComponentKpiBarText = "#ffffff";
+export const TokenComponentKpiBarBorder = "#515157";
+export const TokenComponentKpiBarIconDefault = "#ffffff";
+export const TokenComponentKpiBarIconHover = "#96cff0";
+export const TokenComponentKpiBarIconActive = "#5bb3ea";
+export const TokenComponentKpiBarItemNeutralDefaultLabel = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemNeutralDefaultIcon = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralHoverLabel = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemNeutralHoverBackground = "lch(78.6 4.18 286 / 0.12)";
+export const TokenComponentKpiBarItemNeutralHoverIcon = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralActiveLabel = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralActiveText = "#ffffff";
+export const TokenComponentKpiBarItemNeutralActiveBorder = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralActiveIcon = "#c2c2ca";
+export const TokenComponentKpiBarItemGreenDefaultLabel = "#97cf9c";
+export const TokenComponentKpiBarItemGreenDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemGreenHoverLabel = "#97cf9c";
+export const TokenComponentKpiBarItemGreenHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemGreenHoverBackground = "lch(78.2 32.7 144 / 0.12)";
+export const TokenComponentKpiBarItemGreenActiveLabel = "#97cf9c";
+export const TokenComponentKpiBarItemGreenActiveText = "#ffffff";
+export const TokenComponentKpiBarItemGreenActiveBorder = "#97cf9c";
+export const TokenComponentKpiBarItemOrangeDefaultLabel = "#f2b67b";
+export const TokenComponentKpiBarItemOrangeDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemOrangeHoverLabel = "#f2b67b";
+export const TokenComponentKpiBarItemOrangeHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemOrangeHoverBackground = "lch(79.6 53.6 74.4 / 0.12)";
+export const TokenComponentKpiBarItemOrangeActiveLabel = "#f2b67b";
+export const TokenComponentKpiBarItemOrangeActiveText = "#ffffff";
+export const TokenComponentKpiBarItemOrangeActiveBorder = "#f2b67b";
+export const TokenComponentKpiBarItemPurpleDefaultLabel = "#d3b4ed";
+export const TokenComponentKpiBarItemPurpleDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemPurpleHoverLabel = "#d3b4ed";
+export const TokenComponentKpiBarItemPurpleHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemPurpleHoverBackground = "lch(77.5 31.1 309 / 0.12)";
+export const TokenComponentKpiBarItemPurpleActiveLabel = "#d3b4ed";
+export const TokenComponentKpiBarItemPurpleActiveText = "#ffffff";
+export const TokenComponentKpiBarItemPurpleActiveBorder = "#d3b4ed";
+export const TokenComponentKpiBarItemRedDefaultLabel = "#f3aeaf";
+export const TokenComponentKpiBarItemRedDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemRedHoverLabel = "#f3aeaf";
+export const TokenComponentKpiBarItemRedHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemRedHoverBackground = "lch(77.8 28 21.1 / 0.12)";
+export const TokenComponentKpiBarItemRedActiveLabel = "#f3aeaf";
+export const TokenComponentKpiBarItemRedActiveText = "#ffffff";
+export const TokenComponentKpiBarItemRedActiveBorder = "#f3aeaf";
+export const TokenComponentKpiBarItemUltramarineDefaultLabel = "#aec0f5";
+export const TokenComponentKpiBarItemUltramarineDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemUltramarineHoverLabel = "#aec0f5";
+export const TokenComponentKpiBarItemUltramarineHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemUltramarineHoverBackground = "lch(77.7 28.7 275 / 0.12)";
+export const TokenComponentKpiBarItemUltramarineActiveLabel = "#aec0f5";
+export const TokenComponentKpiBarItemUltramarineActiveText = "#ffffff";
+export const TokenComponentKpiBarItemUltramarineActiveBorder = "#aec0f5";
+export const TokenComponentKpiBarItemPinkDefaultLabel = "#ecadd4";
+export const TokenComponentKpiBarItemPinkDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemPinkHoverLabel = "#ecadd4";
+export const TokenComponentKpiBarItemPinkHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemPinkHoverBackground = "lch(77.6 29.9 340 / 0.12)";
+export const TokenComponentKpiBarItemPinkActiveLabel = "#ecadd4";
+export const TokenComponentKpiBarItemPinkActiveText = "#ffffff";
+export const TokenComponentKpiBarItemPinkActiveBorder = "#ecadd4";
+export const TokenComponentLabelText = "#ffffff";
+export const TokenComponentLabelIcon = "#ffffff";
+export const TokenComponentLabelInfoIcon = "#a3a3ab";
+export const TokenComponentListText = "#ffffff";
+export const TokenComponentListBorder = "#515157";
+export const TokenComponentListIconDefault = "#ffffff";
+export const TokenComponentListIconHover = "#96cff0";
+export const TokenComponentListIconActive = "#5bb3ea";
+export const TokenComponentListBackgroundDefault = "#343438";
+export const TokenComponentListBackgroundHover = "#3d3d42";
+export const TokenComponentMasterSwitchContentBackground = "#3d3d42";
+export const TokenComponentMasterSwitchSideBackground = "#343438";
+export const TokenComponentMasterSwitchText = "#ffffff";
+export const TokenComponentMasterSwitchIcon = "#ffffff";
+export const TokenComponentModalBackground = "#3d3d42";
+export const TokenComponentModalIcon = "#ffffff";
+export const TokenComponentModalTextDefault = "#ffffff";
+export const TokenComponentModalTextDescription = "#a3a3ab";
+export const TokenComponentNotificationBannerText = "#ffffff";
+export const TokenComponentNotificationBannerIcon = "#ffffff";
+export const TokenComponentNotificationBannerInformativeBackground = "#515157";
+export const TokenComponentNotificationBannerInformativeBorder = "#8da4ef";
+export const TokenComponentNotificationBannerInformativeStatusIcon = "#8da4ef";
+export const TokenComponentNotificationBannerTipBackground = "#515157";
+export const TokenComponentNotificationBannerTipBorder = "#8da4ef";
+export const TokenComponentNotificationBannerTipStatusIcon = "#8da4ef";
+export const TokenComponentNotificationBannerWarningBackground = "#515157";
+export const TokenComponentNotificationBannerWarningBorder = "#edb016";
+export const TokenComponentNotificationBannerWarningStatusIcon = "#edb016";
+export const TokenComponentNotificationBannerSuccessBackground = "#515157";
+export const TokenComponentNotificationBannerSuccessBorder = "#65ba75";
+export const TokenComponentNotificationBannerSuccessStatusIcon = "#65ba75";
+export const TokenComponentNotificationBannerErrorBackground = "#515157";
+export const TokenComponentNotificationBannerErrorBorder = "#eb9091";
+export const TokenComponentNotificationBannerErrorStatusIcon = "#eb9091";
+export const TokenComponentNotificationBannerSecondaryBackground = "#515157";
+export const TokenComponentNotificationBannerSecondaryBorder = "#c2c2ca";
+export const TokenComponentNotificationBannerSecondaryStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastText = "#ffffff";
+export const TokenComponentNotificationToastIcon = "#ffffff";
+export const TokenComponentNotificationToastInformativeBackground = "#515157";
+export const TokenComponentNotificationToastInformativeIconBackground = "#4067e5";
+export const TokenComponentNotificationToastInformativeBorder = "#8da4ef";
+export const TokenComponentNotificationToastInformativeStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastTipBackground = "#515157";
+export const TokenComponentNotificationToastTipIconBackground = "#4067e5";
+export const TokenComponentNotificationToastTipBorder = "#8da4ef";
+export const TokenComponentNotificationToastTipStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastWarningBackground = "#515157";
+export const TokenComponentNotificationToastWarningIconBackground = "#fecb34";
+export const TokenComponentNotificationToastWarningBorder = "#edb016";
+export const TokenComponentNotificationToastWarningStatusIcon = "#3d3d42";
+export const TokenComponentNotificationToastSuccessBackground = "#515157";
+export const TokenComponentNotificationToastSuccessIconBackground = "#00b050";
+export const TokenComponentNotificationToastSuccessBorder = "#65ba75";
+export const TokenComponentNotificationToastSuccessStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastErrorBackground = "#515157";
+export const TokenComponentNotificationToastErrorIconBackground = "#d63c42";
+export const TokenComponentNotificationToastErrorBorder = "#eb9091";
+export const TokenComponentNotificationToastErrorStatusIcon = "#ffffff";
+export const TokenComponentPaginationBackground = "#3d3d42";
+export const TokenComponentPaginationBorder = "#515157";
+export const TokenComponentPaginationTextDefault = "#ffffff";
+export const TokenComponentPaginationTextLink = "#5bb3ea";
+export const TokenComponentPaginationTextHover = "#96cff0";
+export const TokenComponentPaginationTextDisabled = "#83838c";
+export const TokenComponentPaginationIconDefault = "#ffffff";
+export const TokenComponentPaginationIconHover = "#96cff0";
+export const TokenComponentPaginationIconActive = "#5bb3ea";
+export const TokenComponentPaginationIconDisabled = "#83838c";
+export const TokenComponentPopoverBackground = "#3d3d42";
+export const TokenComponentPopoverBorder = "#515157";
+export const TokenComponentPopoverIcon = "#ffffff";
+export const TokenComponentPopoverTextDefault = "#ffffff";
+export const TokenComponentPopoverTextLinkDefault = "#5bb3ea";
+export const TokenComponentPopoverTextLinkHover = "#96cff0";
+export const TokenComponentProgressBarTextDefault = "#ffffff";
+export const TokenComponentProgressBarTextLinkDefault = "#5bb3ea";
+export const TokenComponentProgressBarTextLinkHover = "#96cff0";
+export const TokenComponentProgressBarStatusLineDefault = "#515157";
+export const TokenComponentProgressBarStatusLineSuccess = "#00b050";
+export const TokenComponentProgressBarStatusLineError = "#d63c42";
+export const TokenComponentNumericSpinnerDefaultBackground = "#343438";
+export const TokenComponentNumericSpinnerDefaultBorder = "#696970";
+export const TokenComponentNumericSpinnerDefaultText = "#a3a3ab";
+export const TokenComponentNumericSpinnerDefaultIcon = "#ffffff";
+export const TokenComponentNumericSpinnerDefaultHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerHoverBackground = "#343438";
+export const TokenComponentNumericSpinnerHoverBorder = "#c2c2ca";
+export const TokenComponentNumericSpinnerHoverText = "#a3a3ab";
+export const TokenComponentNumericSpinnerHoverIcon = "#ffffff";
+export const TokenComponentNumericSpinnerHoverHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerFilledBackground = "#343438";
+export const TokenComponentNumericSpinnerFilledBorder = "#696970";
+export const TokenComponentNumericSpinnerFilledText = "#ffffff";
+export const TokenComponentNumericSpinnerFilledIcon = "#ffffff";
+export const TokenComponentNumericSpinnerFilledHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerDisabledBackground = "#515157";
+export const TokenComponentNumericSpinnerDisabledBorder = "#515157";
+export const TokenComponentNumericSpinnerDisabledText = "#83838c";
+export const TokenComponentNumericSpinnerDisabledIcon = "#83838c";
+export const TokenComponentNumericSpinnerDisabledHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerReadOnlyBackground = "#343438";
+export const TokenComponentNumericSpinnerReadOnlyText = "#ffffff";
+export const TokenComponentNumericSpinnerReadOnlyHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerErrorBackground = "#343438";
+export const TokenComponentNumericSpinnerErrorBorder = "#eb9091";
+export const TokenComponentNumericSpinnerErrorText = "#ffffff";
+export const TokenComponentNumericSpinnerErrorIcon = "#ffffff";
+export const TokenComponentNumericSpinnerErrorHintText = "#eb9091";
+export const TokenComponentNumericSpinnerFocusBackground = "#343438";
+export const TokenComponentNumericSpinnerFocusBorder = "#5bb3ea";
+export const TokenComponentNumericSpinnerFocusText = "#a3a3ab";
+export const TokenComponentNumericSpinnerFocusIcon = "#ffffff";
+export const TokenComponentNumericSpinnerFocusHintText = "#a3a3ab";
+export const TokenComponentRadioButtonInactiveDefaultBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveDefaultBorder = "#696970";
+export const TokenComponentRadioButtonInactiveDefaultText = "#ffffff";
+export const TokenComponentRadioButtonInactiveHoverBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveHoverBorder = "#96cff0";
+export const TokenComponentRadioButtonInactiveHoverText = "#ffffff";
+export const TokenComponentRadioButtonInactiveActiveBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveActiveBorder = "#5bb3ea";
+export const TokenComponentRadioButtonInactiveActiveText = "#ffffff";
+export const TokenComponentRadioButtonInactiveDisabledBackground = "#515157";
+export const TokenComponentRadioButtonInactiveDisabledBorder = "#515157";
+export const TokenComponentRadioButtonInactiveDisabledText = "#83838c";
+export const TokenComponentRadioButtonInactiveReadOnlyBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveReadOnlyBorder = "#515157";
+export const TokenComponentRadioButtonInactiveReadOnlyText = "#ffffff";
+export const TokenComponentRadioButtonActiveDefaultBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveDefaultBorder = "#5bb3ea";
+export const TokenComponentRadioButtonActiveDefaultText = "#ffffff";
+export const TokenComponentRadioButtonActiveHoverBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveHoverBorder = "#96cff0";
+export const TokenComponentRadioButtonActiveHoverText = "#ffffff";
+export const TokenComponentRadioButtonActiveActiveBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveActiveBorder = "#5bb3ea";
+export const TokenComponentRadioButtonActiveActiveText = "#ffffff";
+export const TokenComponentRadioButtonActiveDisabledBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveDisabledBorder = "#515157";
+export const TokenComponentRadioButtonActiveDisabledText = "#83838c";
+export const TokenComponentRadioButtonActiveReadOnlyBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveReadOnlyBorder = "#515157";
+export const TokenComponentRadioButtonActiveReadOnlyText = "#ffffff";
+export const TokenComponentSearchDefaultBackground = "#343438";
+export const TokenComponentSearchDefaultBorder = "#696970";
+export const TokenComponentSearchDefaultText = "#a3a3ab";
+export const TokenComponentSearchDefaultIcon = "#ffffff";
+export const TokenComponentSearchDefaultHintText = "#a3a3ab";
+export const TokenComponentSearchDefaultSearchIcon = "#a3a3ab";
+export const TokenComponentSearchHoverBackground = "#343438";
+export const TokenComponentSearchHoverBorder = "#c2c2ca";
+export const TokenComponentSearchHoverText = "#a3a3ab";
+export const TokenComponentSearchHoverIcon = "#ffffff";
+export const TokenComponentSearchHoverHintText = "#a3a3ab";
+export const TokenComponentSearchHoverSearchIcon = "#a3a3ab";
+export const TokenComponentSearchFilledBackground = "#343438";
+export const TokenComponentSearchFilledBorder = "#696970";
+export const TokenComponentSearchFilledText = "#ffffff";
+export const TokenComponentSearchFilledIcon = "#ffffff";
+export const TokenComponentSearchFilledHintText = "#a3a3ab";
+export const TokenComponentSearchFilledSearchIcon = "#a3a3ab";
+export const TokenComponentSearchDisabledBackground = "#515157";
+export const TokenComponentSearchDisabledBorder = "#515157";
+export const TokenComponentSearchDisabledText = "#83838c";
+export const TokenComponentSearchDisabledIcon = "#83838c";
+export const TokenComponentSearchDisabledHintText = "#a3a3ab";
+export const TokenComponentSearchDisabledSearchIcon = "#83838c";
+export const TokenComponentSearchErrorBackground = "#343438";
+export const TokenComponentSearchErrorBorder = "#eb9091";
+export const TokenComponentSearchErrorText = "#ffffff";
+export const TokenComponentSearchErrorIcon = "#ffffff";
+export const TokenComponentSearchErrorHintText = "#eb9091";
+export const TokenComponentSearchErrorSearchIcon = "#a3a3ab";
+export const TokenComponentSearchFocusEmptyBackground = "#343438";
+export const TokenComponentSearchFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentSearchFocusEmptyText = "#a3a3ab";
+export const TokenComponentSearchFocusEmptyIcon = "#ffffff";
+export const TokenComponentSearchFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentSearchFocusEmptySearchIcon = "#a3a3ab";
+export const TokenComponentSearchFocusBackground = "#343438";
+export const TokenComponentSearchFocusBorder = "#5bb3ea";
+export const TokenComponentSearchFocusText = "#ffffff";
+export const TokenComponentSearchFocusIcon = "#ffffff";
+export const TokenComponentSearchFocusHintText = "#a3a3ab";
+export const TokenComponentSearchFocusSearchIcon = "#a3a3ab";
+export const TokenComponentSegmentedButtonDefaultBackground = "#3d3d42";
+export const TokenComponentSegmentedButtonDefaultBorder = "#5bb3ea";
+export const TokenComponentSegmentedButtonDefaultText = "#5bb3ea";
+export const TokenComponentSegmentedButtonDefaultIcon = "#5bb3ea";
+export const TokenComponentSegmentedButtonHoverBackground = "#515157";
+export const TokenComponentSegmentedButtonHoverBorder = "#96cff0";
+export const TokenComponentSegmentedButtonHoverText = "#5bb3ea";
+export const TokenComponentSegmentedButtonHoverIcon = "#5bb3ea";
+export const TokenComponentSegmentedButtonDisabledBackground = "#3d3d42";
+export const TokenComponentSegmentedButtonDisabledBorder = "#515157";
+export const TokenComponentSegmentedButtonDisabledText = "#83838c";
+export const TokenComponentSegmentedButtonDisabledIcon = "#83838c";
+export const TokenComponentSegmentedButtonDisabledCheckedBackground = "#515157";
+export const TokenComponentSegmentedButtonDisabledCheckedBorder = "#515157";
+export const TokenComponentSegmentedButtonDisabledCheckedText = "#83838c";
+export const TokenComponentSegmentedButtonDisabledCheckedIcon = "#83838c";
+export const TokenComponentSegmentedButtonActiveBackground = "#5bb3ea";
+export const TokenComponentSegmentedButtonActiveBorder = "#5bb3ea";
+export const TokenComponentSegmentedButtonActiveText = "#343438";
+export const TokenComponentSegmentedButtonActiveIcon = "#343438";
+export const TokenComponentSideNavigationIcon = "#ffffff";
+export const TokenComponentSideNavigationBorder = "#515157";
+export const TokenComponentSideNavigationBackgroundDefault = "#343438";
+export const TokenComponentSideNavigationBackgroundSecondLevel = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemBackground = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemIcon = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemText = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBackground = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBorder = "#515157";
+export const TokenComponentSideNavigationHoverMenuItemBackground = "#3d3d42";
+export const TokenComponentSideNavigationHoverMenuItemIcon = "#ffffff";
+export const TokenComponentSideNavigationHoverMenuItemText = "#ffffff";
+export const TokenComponentSideNavigationHoverMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationHoverMenuItemLabelBackground = "#343438";
+export const TokenComponentSideNavigationHoverMenuItemLabelBorder = "#515157";
+export const TokenComponentSideNavigationSelectedMenuItemBackground = "#5bb3ea";
+export const TokenComponentSideNavigationSelectedMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationSelectedMenuItemText = "#343438";
+export const TokenComponentSideNavigationSelectedMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationSelectedMenuItemLabelBackground = "#0174bc";
+export const TokenComponentSelectDefaultBackground = "#343438";
+export const TokenComponentSelectDefaultBorder = "#696970";
+export const TokenComponentSelectDefaultText = "#a3a3ab";
+export const TokenComponentSelectDefaultIcon = "#ffffff";
+export const TokenComponentSelectDefaultHintText = "#a3a3ab";
+export const TokenComponentSelectDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentSelectHoverBackground = "#343438";
+export const TokenComponentSelectHoverBorder = "#c2c2ca";
+export const TokenComponentSelectHoverText = "#a3a3ab";
+export const TokenComponentSelectHoverIcon = "#ffffff";
+export const TokenComponentSelectHoverHintText = "#a3a3ab";
+export const TokenComponentSelectHoverInfoIcon = "#a3a3ab";
+export const TokenComponentSelectFilledBackground = "#343438";
+export const TokenComponentSelectFilledBorder = "#696970";
+export const TokenComponentSelectFilledText = "#ffffff";
+export const TokenComponentSelectFilledIcon = "#ffffff";
+export const TokenComponentSelectFilledHintText = "#a3a3ab";
+export const TokenComponentSelectFilledInfoIcon = "#a3a3ab";
+export const TokenComponentSelectDisabledBackground = "#515157";
+export const TokenComponentSelectDisabledBorder = "#515157";
+export const TokenComponentSelectDisabledText = "#83838c";
+export const TokenComponentSelectDisabledIcon = "#83838c";
+export const TokenComponentSelectDisabledHintText = "#a3a3ab";
+export const TokenComponentSelectDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentSelectErrorBackground = "#343438";
+export const TokenComponentSelectErrorBorder = "#eb9091";
+export const TokenComponentSelectErrorText = "#ffffff";
+export const TokenComponentSelectErrorIcon = "#ffffff";
+export const TokenComponentSelectErrorHintText = "#eb9091";
+export const TokenComponentSelectErrorInfoIcon = "#a3a3ab";
+export const TokenComponentSelectFocusEmptyBackground = "#343438";
+export const TokenComponentSelectFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentSelectFocusEmptyText = "#a3a3ab";
+export const TokenComponentSelectFocusEmptyIcon = "#ffffff";
+export const TokenComponentSelectFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentSelectFocusEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentSelectFocusBackground = "#343438";
+export const TokenComponentSelectFocusBorder = "#5bb3ea";
+export const TokenComponentSelectFocusText = "#ffffff";
+export const TokenComponentSelectFocusIcon = "#ffffff";
+export const TokenComponentSelectFocusHintText = "#a3a3ab";
+export const TokenComponentSelectFocusInfoIcon = "#a3a3ab";
+export const TokenComponentSelectReadOnlyBackground = "#343438";
+export const TokenComponentSelectReadOnlyText = "#ffffff";
+export const TokenComponentSidePanelBackground = "#3d3d42";
+export const TokenComponentSidePanelText = "#ffffff";
+export const TokenComponentSidePanelBorder = "#515157";
+export const TokenComponentSidePanelIconDefault = "#ffffff";
+export const TokenComponentSidePanelIconHover = "#96cff0";
+export const TokenComponentSwitchActiveDefaultBackground = "#5bb3ea";
+export const TokenComponentSwitchActiveDefaultIcon = "#ffffff";
+export const TokenComponentSwitchActiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchActiveDefaultText = "#ffffff";
+export const TokenComponentSwitchActiveHoverBackground = "#96cff0";
+export const TokenComponentSwitchActiveHoverIcon = "#ffffff";
+export const TokenComponentSwitchActiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchActiveHoverText = "#ffffff";
+export const TokenComponentSwitchActiveFocusBackground = "#5bb3ea";
+export const TokenComponentSwitchActiveFocusIcon = "#ffffff";
+export const TokenComponentSwitchActiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchActiveFocusText = "#ffffff";
+export const TokenComponentSwitchActiveDisabledBackground = "#515157";
+export const TokenComponentSwitchActiveDisabledIcon = "#83838c";
+export const TokenComponentSwitchActiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchActiveDisabledText = "#83838c";
+export const TokenComponentSwitchInactiveDefaultBackground = "#696970";
+export const TokenComponentSwitchInactiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDefaultText = "#ffffff";
+export const TokenComponentSwitchInactiveHoverBackground = "#a3a3ab";
+export const TokenComponentSwitchInactiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchInactiveHoverText = "#ffffff";
+export const TokenComponentSwitchInactiveFocusBackground = "#696970";
+export const TokenComponentSwitchInactiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchInactiveFocusText = "#ffffff";
+export const TokenComponentSwitchInactiveDisabledBackground = "#515157";
+export const TokenComponentSwitchInactiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDisabledText = "#83838c";
+export const TokenComponentTabDefaultText = "#ffffff";
+export const TokenComponentTabDefaultIcon = "#ffffff";
+export const TokenComponentTabDefaultBorder = "#515157";
+export const TokenComponentTabHoverText = "#96cff0";
+export const TokenComponentTabHoverIcon = "#96cff0";
+export const TokenComponentTabHoverBorder = "#515157";
+export const TokenComponentTabActiveText = "#5bb3ea";
+export const TokenComponentTabActiveIcon = "#5bb3ea";
+export const TokenComponentTabActiveBorder = "#5bb3ea";
+export const TokenComponentTabDisabledText = "#83838c";
+export const TokenComponentTabDisabledIcon = "#83838c";
+export const TokenComponentTabDisabledBorder = "#515157";
+export const TokenComponentTagDefaultBackground = "#343438";
+export const TokenComponentTagDefaultBorder = "#696970";
+export const TokenComponentTagDefaultText = "#ffffff";
+export const TokenComponentTagDefaultIconDefault = "#ffffff";
+export const TokenComponentTagDefaultIconHover = "#96cff0";
+export const TokenComponentTagDefaultIconActive = "#5bb3ea";
+export const TokenComponentTagHoverBackground = "#343438";
+export const TokenComponentTagHoverBorder = "#c2c2ca";
+export const TokenComponentTagHoverText = "#ffffff";
+export const TokenComponentTagHoverIconDefault = "#ffffff";
+export const TokenComponentTagHoverIconHover = "#96cff0";
+export const TokenComponentTagHoverIconActive = "#5bb3ea";
+export const TokenComponentTagFocusBackground = "#3d3d42";
+export const TokenComponentTagFocusBorder = "#5bb3ea";
+export const TokenComponentTagFocusText = "#ffffff";
+export const TokenComponentTagFocusIconDefault = "#ffffff";
+export const TokenComponentTagFocusIconHover = "#96cff0";
+export const TokenComponentTagFocusIconActive = "#5bb3ea";
+export const TokenComponentTagErrorBackground = "#343438";
+export const TokenComponentTagErrorBorder = "#eb9091";
+export const TokenComponentTagErrorText = "#ffffff";
+export const TokenComponentTagErrorIconDefault = "#ffffff";
+export const TokenComponentTagErrorIconHover = "#96cff0";
+export const TokenComponentTagErrorIconActive = "#5bb3ea";
+export const TokenComponentTagDisabledBackground = "#515157";
+export const TokenComponentTagDisabledBorder = "#515157";
+export const TokenComponentTagDisabledText = "#83838c";
+export const TokenComponentTagDisabledIcon = "#83838c";
+export const TokenComponentTagReadOnlyBackground = "#343438";
+export const TokenComponentTagReadOnlyBorder = "#515157";
+export const TokenComponentTagReadOnlyText = "#ffffff";
+export const TokenComponentTagReadOnlyIcon = "#ffffff";
+export const TokenComponentTagInputDefaultBackground = "#343438";
+export const TokenComponentTagInputDefaultBorder = "#696970";
+export const TokenComponentTagInputDefaultHintText = "#a3a3ab";
+export const TokenComponentTagInputPlaceholderBackground = "#343438";
+export const TokenComponentTagInputPlaceholderBorder = "#696970";
+export const TokenComponentTagInputPlaceholderText = "#a3a3ab";
+export const TokenComponentTagInputPlaceholderHintText = "#a3a3ab";
+export const TokenComponentTagInputHoverBackground = "#343438";
+export const TokenComponentTagInputHoverBorder = "#c2c2ca";
+export const TokenComponentTagInputHoverText = "#a3a3ab";
+export const TokenComponentTagInputHoverHintText = "#a3a3ab";
+export const TokenComponentTagInputFilledBackground = "#343438";
+export const TokenComponentTagInputFilledBorder = "#696970";
+export const TokenComponentTagInputFilledIcon = "#ffffff";
+export const TokenComponentTagInputFilledHintText = "#a3a3ab";
+export const TokenComponentTagInputDisabledBackground = "#515157";
+export const TokenComponentTagInputDisabledBorder = "#515157";
+export const TokenComponentTagInputDisabledHintText = "#a3a3ab";
+export const TokenComponentTagInputErrorBackground = "#343438";
+export const TokenComponentTagInputErrorBorder = "#eb9091";
+export const TokenComponentTagInputErrorIcon = "#ffffff";
+export const TokenComponentTagInputErrorHintText = "#eb9091";
+export const TokenComponentTagInputFocusEmptyBackground = "#343438";
+export const TokenComponentTagInputFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTagInputFocusEmptyText = "#a3a3ab";
+export const TokenComponentTagInputFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTagInputFocusBackground = "#343438";
+export const TokenComponentTagInputFocusBorder = "#5bb3ea";
+export const TokenComponentTagInputFocusText = "#ffffff";
+export const TokenComponentTagInputFocusHintText = "#a3a3ab";
+export const TokenComponentTextAreaDefaultBackground = "#343438";
+export const TokenComponentTextAreaDefaultBorder = "#696970";
+export const TokenComponentTextAreaDefaultHintText = "#a3a3ab";
+export const TokenComponentTextAreaDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaPlaceholderBackground = "#343438";
+export const TokenComponentTextAreaPlaceholderBorder = "#696970";
+export const TokenComponentTextAreaPlaceholderText = "#a3a3ab";
+export const TokenComponentTextAreaPlaceholderHintText = "#a3a3ab";
+export const TokenComponentTextAreaPlaceholderInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaHoverBackground = "#343438";
+export const TokenComponentTextAreaHoverBorder = "#c2c2ca";
+export const TokenComponentTextAreaHoverText = "#ffffff";
+export const TokenComponentTextAreaHoverIcon = "#ffffff";
+export const TokenComponentTextAreaHoverHintText = "#a3a3ab";
+export const TokenComponentTextAreaHoverInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaHoverEmptyBackground = "#343438";
+export const TokenComponentTextAreaHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentTextAreaHoverEmptyText = "#a3a3ab";
+export const TokenComponentTextAreaHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentTextAreaHoverEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFilledBackground = "#343438";
+export const TokenComponentTextAreaFilledBorder = "#696970";
+export const TokenComponentTextAreaFilledText = "#ffffff";
+export const TokenComponentTextAreaFilledHintText = "#a3a3ab";
+export const TokenComponentTextAreaFilledInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFilledIconDefault = "#ffffff";
+export const TokenComponentTextAreaFilledIconHover = "#96cff0";
+export const TokenComponentTextAreaFilledIconActive = "#5bb3ea";
+export const TokenComponentTextAreaDisabledBackground = "#515157";
+export const TokenComponentTextAreaDisabledBorder = "#515157";
+export const TokenComponentTextAreaDisabledText = "#83838c";
+export const TokenComponentTextAreaDisabledHintText = "#a3a3ab";
+export const TokenComponentTextAreaDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaErrorBackground = "#343438";
+export const TokenComponentTextAreaErrorBorder = "#eb9091";
+export const TokenComponentTextAreaErrorText = "#ffffff";
+export const TokenComponentTextAreaErrorHintText = "#eb9091";
+export const TokenComponentTextAreaErrorInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaErrorIconDefault = "#ffffff";
+export const TokenComponentTextAreaErrorIconHover = "#96cff0";
+export const TokenComponentTextAreaErrorIconActive = "#5bb3ea";
+export const TokenComponentTextAreaFocusEmptyBackground = "#343438";
+export const TokenComponentTextAreaFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTextAreaFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTextAreaFocusEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFocusEmptyIconDefault = "#ffffff";
+export const TokenComponentTextAreaFocusEmptyIconHover = "#96cff0";
+export const TokenComponentTextAreaFocusEmptyIconActive = "#5bb3ea";
+export const TokenComponentTextAreaFocusBackground = "#343438";
+export const TokenComponentTextAreaFocusBorder = "#5bb3ea";
+export const TokenComponentTextAreaFocusText = "#ffffff";
+export const TokenComponentTextAreaFocusHintText = "#a3a3ab";
+export const TokenComponentTextAreaFocusInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFocusIconDefault = "#ffffff";
+export const TokenComponentTextAreaFocusIconHover = "#96cff0";
+export const TokenComponentTextAreaFocusIconActive = "#5bb3ea";
+export const TokenComponentTextAreaReadOnlyText = "#ffffff";
+export const TokenComponentTextAreaReadOnlyHintText = "#a3a3ab";
+export const TokenComponentTextFieldDefaultBackground = "#343438";
+export const TokenComponentTextFieldDefaultBorder = "#696970";
+export const TokenComponentTextFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentTextFieldDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldPlaceholderBackground = "#343438";
+export const TokenComponentTextFieldPlaceholderBorder = "#696970";
+export const TokenComponentTextFieldPlaceholderText = "#a3a3ab";
+export const TokenComponentTextFieldPlaceholderHintText = "#a3a3ab";
+export const TokenComponentTextFieldPlaceholderInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldHoverBackground = "#343438";
+export const TokenComponentTextFieldHoverBorder = "#c2c2ca";
+export const TokenComponentTextFieldHoverText = "#ffffff";
+export const TokenComponentTextFieldHoverIcon = "#ffffff";
+export const TokenComponentTextFieldHoverHintText = "#a3a3ab";
+export const TokenComponentTextFieldHoverInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldHoverEmptyBackground = "#343438";
+export const TokenComponentTextFieldHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentTextFieldHoverEmptyText = "#a3a3ab";
+export const TokenComponentTextFieldHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentTextFieldHoverEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFilledBackground = "#343438";
+export const TokenComponentTextFieldFilledBorder = "#696970";
+export const TokenComponentTextFieldFilledText = "#ffffff";
+export const TokenComponentTextFieldFilledHintText = "#a3a3ab";
+export const TokenComponentTextFieldFilledInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFilledIconDefault = "#ffffff";
+export const TokenComponentTextFieldFilledIconHover = "#96cff0";
+export const TokenComponentTextFieldFilledIconActive = "#5bb3ea";
+export const TokenComponentTextFieldDisabledBackground = "#515157";
+export const TokenComponentTextFieldDisabledBorder = "#515157";
+export const TokenComponentTextFieldDisabledText = "#83838c";
+export const TokenComponentTextFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentTextFieldDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldErrorBackground = "#343438";
+export const TokenComponentTextFieldErrorBorder = "#eb9091";
+export const TokenComponentTextFieldErrorText = "#ffffff";
+export const TokenComponentTextFieldErrorHintText = "#eb9091";
+export const TokenComponentTextFieldErrorInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldErrorIconDefault = "#ffffff";
+export const TokenComponentTextFieldErrorIconHover = "#96cff0";
+export const TokenComponentTextFieldErrorIconActive = "#5bb3ea";
+export const TokenComponentTextFieldFocusEmptyBackground = "#343438";
+export const TokenComponentTextFieldFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTextFieldFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTextFieldFocusEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFocusEmptyIconDefault = "#ffffff";
+export const TokenComponentTextFieldFocusEmptyIconHover = "#96cff0";
+export const TokenComponentTextFieldFocusEmptyIconActive = "#5bb3ea";
+export const TokenComponentTextFieldFocusBackground = "#343438";
+export const TokenComponentTextFieldFocusBorder = "#5bb3ea";
+export const TokenComponentTextFieldFocusText = "#ffffff";
+export const TokenComponentTextFieldFocusHintText = "#a3a3ab";
+export const TokenComponentTextFieldFocusInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFocusIconDefault = "#ffffff";
+export const TokenComponentTextFieldFocusIconHover = "#96cff0";
+export const TokenComponentTextFieldFocusIconActive = "#5bb3ea";
+export const TokenComponentTextFieldReadOnlyText = "#ffffff";
+export const TokenComponentTextFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentTimePickerDefaultBackground = "#343438";
+export const TokenComponentTimePickerDefaultBorder = "#696970";
+export const TokenComponentTimePickerDefaultText = "#a3a3ab";
+export const TokenComponentTimePickerDefaultIcon = "#ffffff";
+export const TokenComponentTimePickerDefaultHintText = "#a3a3ab";
+export const TokenComponentTimePickerHoverBackground = "#343438";
+export const TokenComponentTimePickerHoverBorder = "#c2c2ca";
+export const TokenComponentTimePickerHoverText = "#a3a3ab";
+export const TokenComponentTimePickerHoverIcon = "#ffffff";
+export const TokenComponentTimePickerHoverHintText = "#a3a3ab";
+export const TokenComponentTimePickerFilledBackground = "#343438";
+export const TokenComponentTimePickerFilledBorder = "#696970";
+export const TokenComponentTimePickerFilledText = "#ffffff";
+export const TokenComponentTimePickerFilledIcon = "#ffffff";
+export const TokenComponentTimePickerFilledHintText = "#a3a3ab";
+export const TokenComponentTimePickerDisabledBackground = "#515157";
+export const TokenComponentTimePickerDisabledBorder = "#515157";
+export const TokenComponentTimePickerDisabledText = "#83838c";
+export const TokenComponentTimePickerDisabledIcon = "#83838c";
+export const TokenComponentTimePickerDisabledHintText = "#a3a3ab";
+export const TokenComponentTimePickerErrorBackground = "#343438";
+export const TokenComponentTimePickerErrorBorder = "#eb9091";
+export const TokenComponentTimePickerErrorText = "#ffffff";
+export const TokenComponentTimePickerErrorIcon = "#ffffff";
+export const TokenComponentTimePickerErrorHintText = "#eb9091";
+export const TokenComponentTimePickerFocusEmptyBackground = "#343438";
+export const TokenComponentTimePickerFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTimePickerFocusEmptyText = "#a3a3ab";
+export const TokenComponentTimePickerFocusEmptyIcon = "#ffffff";
+export const TokenComponentTimePickerFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTimePickerFocusBackground = "#343438";
+export const TokenComponentTimePickerFocusBorder = "#5bb3ea";
+export const TokenComponentTimePickerFocusText = "#ffffff";
+export const TokenComponentTimePickerFocusIcon = "#ffffff";
+export const TokenComponentTimePickerFocusHintText = "#a3a3ab";
+export const TokenComponentTimePickerReadOnlyText = "#ffffff";
+export const TokenComponentTooltipBackground = "#ffffff";
+export const TokenComponentTooltipText = "#343438";
+export const TokenComponentTreeText = "#ffffff";
+export const TokenComponentTreeBorder = "#515157";
+export const TokenComponentTreeIconDefault = "#ffffff";
+export const TokenComponentTreeIconHover = "#96cff0";
+export const TokenComponentTreeIconActive = "#5bb3ea";
+export const TokenComponentTreeBackgroundDefault = "#343438";
+export const TokenComponentTreeBackgroundHover = "#3d3d42";
+export const TokenComponentTreeExpandedAreaBorder = "#696970";
+export const TokenComponentWidgetDownloadText = "#ffffff";
+export const TokenComponentWidgetDownloadBorder = "#515157";
+export const TokenComponentWidgetDownloadBackgroundHeader = "#343438";
+export const TokenComponentWidgetDownloadBackgroundDefault = "#3d3d42";
+export const TokenComponentWidgetDownloadIconDefault = "#ffffff";
+export const TokenComponentWidgetDownloadIconSuccess = "#65ba75";
+export const TokenComponentWidgetDownloadIconError = "#eb9091";
+export const TokenComponentWidgetUploadDefaultBackground = "#343438";
+export const TokenComponentWidgetUploadDefaultBorder = "#696970";
+export const TokenComponentWidgetUploadDefaultIcon = "#ffffff";
+export const TokenComponentWidgetUploadDefaultTextDefault = "#ffffff";
+export const TokenComponentWidgetUploadDefaultTextLink = "#5bb3ea";
+export const TokenComponentWidgetUploadHoverBackground = "#3d3d42";
+export const TokenComponentWidgetUploadHoverBorder = "#5bb3ea";
+export const TokenComponentWidgetUploadHoverIcon = "#ffffff";
+export const TokenComponentWidgetUploadHoverTextDefault = "#ffffff";
+export const TokenComponentWidgetUploadHoverTextLink = "#5bb3ea";
+export const TokenComponentWidgetUploadDisabledBackground = "#515157";
+export const TokenComponentWidgetUploadDisabledBorder = "#515157";
+export const TokenComponentWidgetUploadDisabledIcon = "#83838c";
+export const TokenComponentWidgetUploadDisabledText = "#83838c";
+export const TokenComponentStepperHorizontalLine = "#515157";
+export const TokenComponentStepperHorizontalPastItemCircleBackground = "#3d3d42";
+export const TokenComponentStepperHorizontalPastItemCircleBorder = "#5bb3ea";
+export const TokenComponentStepperHorizontalPastItemCircleText = "#5bb3ea";
+export const TokenComponentStepperHorizontalPastItemCircleIcon = "#5bb3ea";
+export const TokenComponentStepperHorizontalPastItemTextDefault = "#ffffff";
+export const TokenComponentStepperHorizontalPastItemTextHover = "#5bb3ea";
+export const TokenComponentStepperHorizontalCurrentItemCircleBackground = "#5bb3ea";
+export const TokenComponentStepperHorizontalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperHorizontalCurrentItemTextDefault = "#ffffff";
+export const TokenComponentStepperHorizontalCurrentItemTextHover = "#5bb3ea";
+export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#343438";
+export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#515157";
+export const TokenComponentStepperHorizontalFutureItemCircleText = "#83838c";
+export const TokenComponentStepperHorizontalFutureItemText = "#83838c";
+export const TokenComponentStepperVerticalBackground = "#3d3d42";
+export const TokenComponentStepperVerticalBorder = "#515157";
+export const TokenComponentStepperVerticalIcon = "#ffffff";
+export const TokenComponentStepperVerticalPastItemCircleBackground = "#3d3d42";
+export const TokenComponentStepperVerticalPastItemCircleBorder = "#5bb3ea";
+export const TokenComponentStepperVerticalPastItemCircleText = "#5bb3ea";
+export const TokenComponentStepperVerticalPastItemCircleIcon = "#5bb3ea";
+export const TokenComponentStepperVerticalPastItemTextDefault = "#ffffff";
+export const TokenComponentStepperVerticalPastItemTextHover = "#5bb3ea";
+export const TokenComponentStepperVerticalCurrentItemIcon = "#5bb3ea";
+export const TokenComponentStepperVerticalCurrentItemCircleBackground = "#5bb3ea";
+export const TokenComponentStepperVerticalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperVerticalCurrentItemTextDefault = "#ffffff";
+export const TokenComponentStepperVerticalCurrentItemTextHover = "#5bb3ea";
+export const TokenComponentStepperVerticalFutureItemCircleBackground = "#343438";
+export const TokenComponentStepperVerticalFutureItemCircleBorder = "#696970";
+export const TokenComponentStepperVerticalFutureItemCircleText = "#a3a3ab";
+export const TokenComponentStepperVerticalFutureItemTextDefault = "#ffffff";
+export const TokenComponentStepperVerticalFutureItemTextHover = "#5bb3ea";
+export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#343438";
+export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#515157";
+export const TokenComponentStepperVerticalDisabledItemCircleText = "#83838c";
+export const TokenComponentStepperVerticalDisabledItemText = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#ffffff";
+export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#96cff0";
+export const TokenComponentAdvancedSearchFilterIconAppliedIcon = "#5bb3ea";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeBackground = "#d63c42";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterIconDisabledIcon = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeBackground = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaBackground = "#343438";
+export const TokenComponentAdvancedSearchFilterAreaBorder = "#515157";
+export const TokenComponentAdvancedSearchFilterAreaTextDefault = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaTextLink = "#5bb3ea";
+export const TokenComponentAdvancedSearchFilterAreaIconDefault = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaIconHover = "#96cff0";
+export const TokenComponentAdvancedSearchFilterAreaIconDisabled = "#83838c";
+export const TokenComponentAdvancedSearchFilterAreaTagBackground = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterAreaTagBorder = "#515157";
+export const TokenComponentAdvancedSearchFilterAreaTagOperatorIcon = "#c25d05";
+export const TokenComponentAdvancedSearchFilterAreaTagIconDefault = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaTagIconHover = "#96cff0";
+export const TokenComponentSegmentedStatusButtonDefaultBackground = "#3d3d42";
+export const TokenComponentSegmentedStatusButtonDefaultBorder = "#696970";
+export const TokenComponentSegmentedStatusButtonDefaultText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDefaultIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonHoverBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonHoverBorder = "#696970";
+export const TokenComponentSegmentedStatusButtonHoverText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonHoverIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledBackground = "#3d3d42";
+export const TokenComponentSegmentedStatusButtonDisabledBorder = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonActivePositiveBackground = "#65ba75";
+export const TokenComponentSegmentedStatusButtonActivePositiveText = "#343438";
+export const TokenComponentSegmentedStatusButtonActivePositiveIcon = "#343438";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonActiveNegativeBackground = "#eb9091";
+export const TokenComponentSegmentedStatusButtonActiveNegativeText = "#343438";
+export const TokenComponentSegmentedStatusButtonActiveNegativeIcon = "#343438";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonActiveNeutralBackground = "#696970";
+export const TokenComponentSegmentedStatusButtonActiveNeutralText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActiveNeutralIcon = "#ffffff";
+export const TokenComponentLinkSelectDefaultText = "#5bb3ea";
+export const TokenComponentLinkSelectDefaultIcon = "#ffffff";
+export const TokenComponentLinkSelectHoverText = "#96cff0";
+export const TokenComponentLinkSelectHoverIcon = "#96cff0";
+export const TokenComponentLinkSelectFilledText = "#5bb3ea";
+export const TokenComponentLinkSelectFilledIcon = "#ffffff";
+export const TokenComponentLinkSelectDisabledText = "#83838c";
+export const TokenComponentLinkSelectDisabledIcon = "#83838c";
+export const TokenComponentLinkSelectFocusText = "#5bb3ea";
+export const TokenComponentLinkSelectFocusIcon = "#ffffff";
+export const TokenComponentLinkSelectReadOnlyText = "#ffffff";
diff --git a/dist/themes/dark/tokens.js b/dist/themes/dark/tokens.js
new file mode 100644
index 0000000..bc42094
--- /dev/null
+++ b/dist/themes/dark/tokens.js
@@ -0,0 +1,1608 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const TokenGlobalColorNeutrals5 = "#f7f7fa"; // Page background color, disabled form elements fill (input, text area, etc)
+export const TokenGlobalColorNeutrals10 = "#ededf2"; // UI element bg
+export const TokenGlobalColorNeutrals20 = "#e5e5ea"; // Subtle background
+export const TokenGlobalColorNeutrals30 = "#d6d6dd"; // Container border, divider, stroke
+export const TokenGlobalColorNeutrals40 = "#c2c2ca"; // Disabled border
+export const TokenGlobalColorNeutrals50 = "#a3a3ab";
+export const TokenGlobalColorNeutrals60 = "#83838c"; // Default field border
+export const TokenGlobalColorNeutrals70 = "#696970"; // Color for text placeholder and hints
+export const TokenGlobalColorNeutrals80 = "#515157";
+export const TokenGlobalColorNeutrals90 = "#3d3d42"; // Default icon color, hover color for fields border
+export const TokenGlobalColorNeutrals100 = "#343438"; // Default text color
+export const TokenGlobalColorNeutralsBlack = "#232326"; // Global header and footer
+export const TokenGlobalColorNeutralsWhite = "#ffffff";
+export const TokenGlobalColorBrand5 = "#f5fbff";
+export const TokenGlobalColorBrand10 = "#edf8ff";
+export const TokenGlobalColorBrand20 = "#e1f4ff";
+export const TokenGlobalColorBrand30 = "#ceedfe";
+export const TokenGlobalColorBrand40 = "#afdef8";
+export const TokenGlobalColorBrand50 = "#96cff0";
+export const TokenGlobalColorBrand60 = "#5bb3ea";
+export const TokenGlobalColorBrand70 = "#009cde"; // Akamai Blue
+export const TokenGlobalColorBrand80 = "#108ad6";
+export const TokenGlobalColorBrand90 = "#0174bc"; // Akamai Websafe Blue
+export const TokenGlobalColorBrand100 = "#00314d";
+export const TokenGlobalColorRed5 = "#fff8f8";
+export const TokenGlobalColorRed10 = "#ffefef";
+export const TokenGlobalColorRed20 = "#ffe5e5";
+export const TokenGlobalColorRed30 = "#fdd8d8";
+export const TokenGlobalColorRed40 = "#f9c6c6";
+export const TokenGlobalColorRed50 = "#f3aeaf";
+export const TokenGlobalColorRed60 = "#eb9091";
+export const TokenGlobalColorRed70 = "#d63c42"; // Critical or high severity
+export const TokenGlobalColorRed80 = "#d0343a"; // Akamai Red
+export const TokenGlobalColorRed90 = "#b82329";
+export const TokenGlobalColorRed100 = "#381316";
+export const TokenGlobalColorOrange5 = "#fef9f4";
+export const TokenGlobalColorOrange10 = "#fff3e7";
+export const TokenGlobalColorOrange20 = "#ffebd7";
+export const TokenGlobalColorOrange30 = "#ffe1c3";
+export const TokenGlobalColorOrange40 = "#facfa4";
+export const TokenGlobalColorOrange50 = "#f2b67b";
+export const TokenGlobalColorOrange60 = "#f09d4b";
+export const TokenGlobalColorOrange70 = "#fe9933"; // Akamai Orange. High or medium severity
+export const TokenGlobalColorOrange80 = "#f0821d";
+export const TokenGlobalColorOrange90 = "#c25d05";
+export const TokenGlobalColorOrange100 = "#451e11";
+export const TokenGlobalColorAmber5 = "#fff9ed";
+export const TokenGlobalColorAmber10 = "#fff4d5";
+export const TokenGlobalColorAmber20 = "#ffecbc";
+export const TokenGlobalColorAmber30 = "#ffe3a2";
+export const TokenGlobalColorAmber40 = "#facf83";
+export const TokenGlobalColorAmber50 = "#f3ba63";
+export const TokenGlobalColorAmber60 = "#edb016";
+export const TokenGlobalColorAmber70 = "#fecb34"; // Medium or low severity
+export const TokenGlobalColorAmber80 = "#f2b90e";
+export const TokenGlobalColorAmber90 = "#ce9a00";
+export const TokenGlobalColorAmber100 = "#403104";
+export const TokenGlobalColorYellow5 = "#ffffeb";
+export const TokenGlobalColorYellow10 = "#fafadf";
+export const TokenGlobalColorYellow20 = "#f9f9c9";
+export const TokenGlobalColorYellow30 = "#f8f8b6";
+export const TokenGlobalColorYellow40 = "#f5f596";
+export const TokenGlobalColorYellow50 = "#e8e86a";
+export const TokenGlobalColorYellow60 = "#dfdf39";
+export const TokenGlobalColorYellow70 = "#f5f531";
+export const TokenGlobalColorYellow80 = "#e5e50a";
+export const TokenGlobalColorYellow90 = "#bfbf0d";
+export const TokenGlobalColorYellow100 = "#35290f";
+export const TokenGlobalColorLime5 = "#f7fcf0";
+export const TokenGlobalColorLime10 = "#eefadc";
+export const TokenGlobalColorLime20 = "#e4f7c7";
+export const TokenGlobalColorLime30 = "#d7f2b0";
+export const TokenGlobalColorLime40 = "#c9e894";
+export const TokenGlobalColorLime50 = "#b1d16a";
+export const TokenGlobalColorLime60 = "#94ba2c";
+export const TokenGlobalColorLime70 = "#99d52a";
+export const TokenGlobalColorLime80 = "#93c926";
+export const TokenGlobalColorLime90 = "#5d770d";
+export const TokenGlobalColorLime100 = "#263209";
+export const TokenGlobalColorGreen5 = "#f3fcf3";
+export const TokenGlobalColorGreen10 = "#ebf9eb";
+export const TokenGlobalColorGreen20 = "#dff3df";
+export const TokenGlobalColorGreen30 = "#ceebcf";
+export const TokenGlobalColorGreen40 = "#b7dfba";
+export const TokenGlobalColorGreen50 = "#97cf9c";
+export const TokenGlobalColorGreen60 = "#65ba75";
+export const TokenGlobalColorGreen70 = "#00b050"; // Akamai Green. Low severity (human)
+export const TokenGlobalColorGreen80 = "#07a04d";
+export const TokenGlobalColorGreen90 = "#138246";
+export const TokenGlobalColorGreen100 = "#1b311e";
+export const TokenGlobalColorTeal5 = "#f1fcfa";
+export const TokenGlobalColorTeal10 = "#e7f9f5";
+export const TokenGlobalColorTeal20 = "#d9f3ee";
+export const TokenGlobalColorTeal30 = "#c7ebe5";
+export const TokenGlobalColorTeal40 = "#afdfd7";
+export const TokenGlobalColorTeal50 = "#8dcec3";
+export const TokenGlobalColorTeal60 = "#53b9ab";
+export const TokenGlobalColorTeal70 = "#12a594";
+export const TokenGlobalColorTeal80 = "#0e9888";
+export const TokenGlobalColorTeal90 = "#067a6f";
+export const TokenGlobalColorTeal100 = "#10302b";
+export const TokenGlobalColorCyan5 = "#f2fcfd";
+export const TokenGlobalColorCyan10 = "#e7f9fb";
+export const TokenGlobalColorCyan20 = "#d8f3f6";
+export const TokenGlobalColorCyan30 = "#aadee6";
+export const TokenGlobalColorCyan40 = "#84cdda";
+export const TokenGlobalColorCyan50 = "#84cdda";
+export const TokenGlobalColorCyan60 = "#3db9cf";
+export const TokenGlobalColorCyan70 = "#05a2c2";
+export const TokenGlobalColorCyan80 = "#0894b3";
+export const TokenGlobalColorCyan90 = "#0c7792";
+export const TokenGlobalColorCyan100 = "#04313c";
+export const TokenGlobalColorUltramarine5 = "#f8faff";
+export const TokenGlobalColorUltramarine10 = "#f0f4ff";
+export const TokenGlobalColorUltramarine20 = "#e6edfe";
+export const TokenGlobalColorUltramarine30 = "#d9e2fc";
+export const TokenGlobalColorUltramarine40 = "#c6d4f9";
+export const TokenGlobalColorUltramarine50 = "#aec0f5";
+export const TokenGlobalColorUltramarine60 = "#8da4ef";
+export const TokenGlobalColorUltramarine70 = "#4067e5";
+export const TokenGlobalColorUltramarine80 = "#3a5ccc";
+export const TokenGlobalColorUltramarine90 = "#3451b2";
+export const TokenGlobalColorUltramarine100 = "#002856"; // Akamai Dark Navy
+export const TokenGlobalColorViolet5 = "#fbfaff";
+export const TokenGlobalColorViolet10 = "#f5f2ff";
+export const TokenGlobalColorViolet20 = "#ede9fe";
+export const TokenGlobalColorViolet30 = "#e4defc";
+export const TokenGlobalColorViolet40 = "#d7cff9";
+export const TokenGlobalColorViolet50 = "#c4b8f3";
+export const TokenGlobalColorViolet60 = "#aa99ec";
+export const TokenGlobalColorViolet70 = "#7259d6";
+export const TokenGlobalColorViolet80 = "#644fc1";
+export const TokenGlobalColorViolet90 = "#5746af";
+export const TokenGlobalColorViolet100 = "#20134b";
+export const TokenGlobalColorPurple5 = "#fdfaff";
+export const TokenGlobalColorPurple10 = "#f9f1fe";
+export const TokenGlobalColorPurple20 = "#f3e7fc";
+export const TokenGlobalColorPurple30 = "#eddbf9";
+export const TokenGlobalColorPurple40 = "#e3ccf4";
+export const TokenGlobalColorPurple50 = "#d3b4ed";
+export const TokenGlobalColorPurple60 = "#be93e4";
+export const TokenGlobalColorPurple70 = "#8e4ec6";
+export const TokenGlobalColorPurple80 = "#8445bc";
+export const TokenGlobalColorPurple90 = "#753bbd"; // Akamai Purple
+export const TokenGlobalColorPurple100 = "#2b0e44";
+export const TokenGlobalColorMagenta5 = "#fff8ff";
+export const TokenGlobalColorMagenta10 = "#fceffc";
+export const TokenGlobalColorMagenta20 = "#f9e5f9";
+export const TokenGlobalColorMagenta30 = "#f3d9f4";
+export const TokenGlobalColorMagenta40 = "#ebc8ed";
+export const TokenGlobalColorMagenta50 = "#dfafe3";
+export const TokenGlobalColorMagenta60 = "#cf91d8";
+export const TokenGlobalColorMagenta70 = "#ab4aba"; // Critical severity
+export const TokenGlobalColorMagenta80 = "#a43cb4";
+export const TokenGlobalColorMagenta90 = "#9c2bad";
+export const TokenGlobalColorMagenta100 = "#340c3b";
+export const TokenGlobalColorPink5 = "#fff7fc";
+export const TokenGlobalColorPink10 = "#feeef8";
+export const TokenGlobalColorPink20 = "#fce5f3";
+export const TokenGlobalColorPink30 = "#f9d8ec";
+export const TokenGlobalColorPink40 = "#f3c6e2";
+export const TokenGlobalColorPink50 = "#ecadd4";
+export const TokenGlobalColorPink60 = "#e38ec3";
+export const TokenGlobalColorPink70 = "#e043a7";
+export const TokenGlobalColorPink80 = "#d23197";
+export const TokenGlobalColorPink90 = "#cd1d8d";
+export const TokenGlobalColorPink100 = "#3b0a2a";
+export const TokenGlobalColorBrown5 = "#fbf9f2";
+export const TokenGlobalColorBrown10 = "#f5f2e9";
+export const TokenGlobalColorBrown20 = "#eeeadd";
+export const TokenGlobalColorBrown30 = "#e5dfd0";
+export const TokenGlobalColorBrown40 = "#dad1bd";
+export const TokenGlobalColorBrown50 = "#cbbda4";
+export const TokenGlobalColorBrown60 = "#b8a383";
+export const TokenGlobalColorBrown70 = "#978365";
+export const TokenGlobalColorBrown80 = "#8c795d";
+export const TokenGlobalColorBrown90 = "#776750";
+export const TokenGlobalColorBrown100 = "#3b352b";
+export const TokenGlobalSpacing0 = "0rem";
+export const TokenGlobalSpacing10 = "0.125rem"; // 2px
+export const TokenGlobalSpacing20 = "0.25rem"; // 4px
+export const TokenGlobalSpacing30 = "0.375rem"; // 6px
+export const TokenGlobalSpacing40 = "0.5rem"; // 8px
+export const TokenGlobalSpacing50 = "0.75rem"; // 12px
+export const TokenGlobalSpacing60 = "1rem"; // 16px
+export const TokenGlobalSpacing70 = "1.5rem"; // 24px
+export const TokenGlobalSpacing80 = "2rem"; // 32px
+export const TokenGlobalSpacing90 = "3rem"; // 48px
+export const TokenGlobalFontFontFamilyBrand = "'Nunito Sans'";
+export const TokenGlobalFontFontFamilyCode = "'Fira Code'";
+export const TokenGlobalFontFontWeightSemibold = "600";
+export const TokenGlobalFontFontWeightBold = "700";
+export const TokenGlobalFontFontWeightExtrabold = "800";
+export const TokenGlobalFontFontWeightRegularNormal = "400";
+export const TokenGlobalFontFontWeightRegularItalic = "400";
+export const TokenGlobalFontFontSizeXxxs = "0.75rem"; // 12px
+export const TokenGlobalFontFontSizeXxs = "0.813rem"; // 13px
+export const TokenGlobalFontFontSizeXs = "0.875rem"; // 14px
+export const TokenGlobalFontFontSizeS = "1rem"; // 16px
+export const TokenGlobalFontFontSizeM = "1.125rem"; // 18px
+export const TokenGlobalFontFontSizeL = "1.25rem"; // 20px
+export const TokenGlobalFontFontSizeXl = "1.5rem"; // 24px
+export const TokenGlobalFontFontSizeXxl = "1.75rem"; // 28px
+export const TokenGlobalFontFontSizeXxxl = "2.25rem"; // 36px
+export const TokenGlobalFontLineHeightXxxs = "1rem"; // 16px
+export const TokenGlobalFontLineHeightXxs = "1.125rem"; // 18px
+export const TokenGlobalFontLineHeightXs = "1.25rem"; // 20px
+export const TokenGlobalFontLineHeightS = "1.5rem"; // 24px
+export const TokenGlobalFontLineHeightM = "1.625rem"; // 26px
+export const TokenGlobalFontLineHeightL = "1.875rem"; // 30px
+export const TokenGlobalFontLineHeightXl = "2rem"; // 32px
+export const TokenGlobalFontLineHeightXxl = "2.375rem"; // 38px
+export const TokenGlobalFontLineHeightXxxl = "2.625rem"; // 42px
+export const TokenGlobalFontTextcaseUppercase = "uppercase";
+export const TokenGlobalBorderRadiusNone = "0rem";
+export const TokenAliasContentTextBase = "#343438";
+export const TokenAliasContentTextNegative = "#eb9091"; // Error message text
+export const TokenAliasContentTextWarning = "#fecb34";
+export const TokenAliasContentTextPositive = "#00b050";
+export const TokenAliasContentTextInformative = "#4067e5";
+export const TokenAliasContentTextPrimaryDefault = "#ffffff"; // Primary text color
+export const TokenAliasContentTextPrimaryDisabled = "#83838c";
+export const TokenAliasContentTextSecondaryDefault = "#a3a3ab"; // Placeholder text
+export const TokenAliasContentTextSecondaryDisabled = "#83838c";
+export const TokenAliasContentTextLinkDefault = "#5bb3ea";
+export const TokenAliasContentTextLinkHover = "#96cff0";
+export const TokenAliasContentTextLinkDisabled = "#83838c";
+export const TokenAliasContentIconBase = "#343438";
+export const TokenAliasContentIconNegative = "#eb9091";
+export const TokenAliasContentIconWarning = "#edb016";
+export const TokenAliasContentIconPositive = "#65ba75";
+export const TokenAliasContentIconInformative = "#8da4ef";
+export const TokenAliasContentIconPrimaryDefault = "#ffffff"; // Default icon color
+export const TokenAliasContentIconPrimaryHover = "#96cff0";
+export const TokenAliasContentIconPrimaryActive = "#5bb3ea";
+export const TokenAliasContentIconPrimaryDisabled = "#83838c";
+export const TokenAliasContentIconSecondaryDefault = "#a3a3ab";
+export const TokenAliasContentIconSecondaryDisabled = "#83838c";
+export const TokenAliasBorderNormal = "#515157"; // Static component border
+export const TokenAliasBorderNeutral = "#c2c2ca"; // Secondary notification banner border
+export const TokenAliasBorderNegative = "#eb9091";
+export const TokenAliasBorderWarning = "#edb016";
+export const TokenAliasBorderPositive = "#65ba75";
+export const TokenAliasBorderInformative = "#8da4ef";
+export const TokenAliasBackgroundNormal = "#3d3d42"; // Default component background
+export const TokenAliasBackgroundNeutral = "#343438"; // Default page background
+export const TokenAliasBackgroundBase = "#ffffff"; // Tooltip background
+export const TokenAliasBackgroundNegative = "#d63c42";
+export const TokenAliasBackgroundWarning = "#fecb34";
+export const TokenAliasBackgroundPositive = "#00b050";
+export const TokenAliasBackgroundInformative = "#4067e5";
+export const TokenAliasBackgroundBlack = "#232326"; // Use only for a global header and global footer background
+export const TokenAliasBackgroundNegativesubtle = "#515157";
+export const TokenAliasBackgroundWarningsubtle = "#515157";
+export const TokenAliasBackgroundPositivesubtle = "#515157";
+export const TokenAliasBackgroundInformativesubtle = "#515157";
+export const TokenAliasBackgroundNeutralsubtle = "#515157";
+export const TokenAliasBackgroundOverlay = "lch(13.8 2.09 286 / 0.84)";
+export const TokenAliasActionBase = "#3d3d42";
+export const TokenAliasActionNeutral = "#696970";
+export const TokenAliasActionWhite50 = "#ffffff"; // Transparent disabled switcher circle
+export const TokenAliasActionPrimaryDefault = "#5bb3ea"; // Brand action color
+export const TokenAliasActionPrimaryHover = "#96cff0";
+export const TokenAliasActionPrimaryActive = "#5bb3ea";
+export const TokenAliasActionPrimaryDisabled = "#515157";
+export const TokenAliasActionSecondaryHover = "#515157";
+export const TokenAliasActionSecondaryDisabled = "#515157";
+export const TokenAliasActionTertiaryDisabled = "#515157";
+export const TokenAliasActionPositiveDefault = "#65ba75";
+export const TokenAliasActionPositiveDisabled = "#515157";
+export const TokenAliasActionNegativeDefault = "#eb9091";
+export const TokenAliasActionNegativeDisabled = "#515157";
+export const TokenAliasInteractionBorderDefault = "#696970"; // Default inputs border
+export const TokenAliasInteractionBorderHover = "#c2c2ca";
+export const TokenAliasInteractionBorderFocus = "#5bb3ea";
+export const TokenAliasInteractionBorderError = "#eb9091";
+export const TokenAliasInteractionBorderDisabled = "#515157";
+export const TokenAliasInteractionBackgroundPrimary = "#343438"; // Default component background color
+export const TokenAliasInteractionBackgroundSecondary = "#343438";
+export const TokenAliasInteractionBackgroundTertiary = "#3d3d42";
+export const TokenAliasInteractionBackgroundElevated = "#515157"; // Calendar range background, table row hover 
+export const TokenAliasInteractionBackgroundAccent = "#5bb3ea";
+export const TokenAliasInteractionBackgroundActive = "#5bb3ea";
+export const TokenAliasInteractionBackgroundDisabled = "#515157";
+export const TokenAliasElevationS = "0 2px 6px 0 rgba(0,0,0,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups;
+export const TokenAliasElevationSInverted = "0 -2px 6px 0 rgba(0,0,0,0.18)"; // Inverted shadow for elements that appear above the component
+export const TokenAliasElevationL = "0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08)"; // Shadow for modals
+export const TokenAliasTypographyHeadingXxxl = "700 2.25rem/2.625rem 'Nunito Sans'"; // Promo banners, KPIs
+export const TokenAliasTypographyHeadingXxl = "800 1.75rem/2rem 'Nunito Sans'"; // Main titles - h1
+export const TokenAliasTypographyHeadingXl = "700 1.5rem/1.875rem 'Nunito Sans'"; // Second level title - h2
+export const TokenAliasTypographyHeadingL = "700 1.25rem/1.625rem 'Nunito Sans'"; // Third level title - h3
+export const TokenAliasTypographyHeadingM = "700 1.125rem/1.5rem 'Nunito Sans'"; // Drawer, modal title - h4
+export const TokenAliasTypographyHeadingS = "700 1rem/1.25rem 'Nunito Sans'"; // Advanced search, bars, master switch titles - h5
+export const TokenAliasTypographyHeadingXs = "700 0.875rem/1.125rem 'Nunito Sans'"; // Low level headings - h6
+export const TokenAliasTypographyHeadingOverline = "800 0.75rem/1rem 'Nunito Sans'"; // Custom labels for content blocks
+export const TokenAliasTypographyHeadingOverlineLetterSpacing = "0.023rem"; // Overline letter spacing
+export const TokenAliasTypographyHeadingOverlineTextCase = "uppercase"; // Overline text case
+export const TokenAliasTypographyBodyRegular = "400 0.875rem/1.25rem 'Nunito Sans'"; // Main body text
+export const TokenAliasTypographyBodySemibold = "600 0.875rem/1.25rem 'Nunito Sans'"; // Light emphasis
+export const TokenAliasTypographyBodyBold = "700 0.875rem/1.25rem 'Nunito Sans'"; // Emphasis
+export const TokenAliasTypographyBodyExtrabold = "800 0.875rem/1.25rem 'Nunito Sans'"; // Max emphasis
+export const TokenAliasTypographyBodyList = "400 0.875rem/1.25rem 'Nunito Sans'"; // For list items
+export const TokenAliasTypographyBodyItalic = "400 0.875rem/1.25rem 'Nunito Sans'";
+export const TokenAliasTypographyLabelSemiboldL = "600 1rem/1.25rem 'Nunito Sans'"; // Large tabs
+export const TokenAliasTypographyLabelSemiboldS = "600 0.875rem/1rem 'Nunito Sans'"; // Large buttons, list, segmented buttons, side navigation, small tables
+export const TokenAliasTypographyLabelSemiboldXs = "600 0.75rem/1rem 'Nunito Sans'"; // Small buttons, tags, warning message under field
+export const TokenAliasTypographyLabelBoldL = "700 1rem/1.25rem 'Nunito Sans'"; // Card, content panel, vertical stepper
+export const TokenAliasTypographyLabelBoldS = "700 0.875rem/1rem 'Nunito Sans'"; // Field labels, table header, date&time pickers
+export const TokenAliasTypographyLabelBoldXs = "700 0.75rem/0.875rem 'Nunito Sans'"; // Badge number
+export const TokenAliasTypographyLabelRegularS = "400 0.875rem/1rem 'Nunito Sans'"; // Field entered text, dropdown item, table cell, pagination
+export const TokenAliasTypographyLabelRegularXs = "400 0.75rem/1rem 'Nunito Sans'"; // Optional text, small dropdown item
+export const TokenAliasTypographyLabelRegularPlaceholder = "400 0.875rem/1rem 'Nunito Sans'";
+export const TokenAliasTypographyCode = "400 0.813rem/1.25rem 'Fira Code'"; // Code samples
+export const TokenAliasAccentInfoPrimary = "#aec0f5";
+export const TokenAliasAccentInfoSecondary = "lch(77.7 28.7 275 / 0.12)";
+export const TokenAliasAccentNeutralPrimary = "#c2c2ca";
+export const TokenAliasAccentNeutralSecondary = "lch(78.6 4.18 286 / 0.12)";
+export const TokenAliasAccentWarningPrimary = "#f2b67b";
+export const TokenAliasAccentWarningSecondary = "lch(79.6 53.6 74.4 / 0.12)";
+export const TokenAliasAccentNegativePrimary = "#f3aeaf";
+export const TokenAliasAccentNegativeSecondary = "lch(77.8 28 21.1 / 0.12)";
+export const TokenAliasAccentPositivePrimary = "#97cf9c";
+export const TokenAliasAccentPositiveSecondary = "lch(78.2 32.7 144 / 0.12)";
+export const TokenAliasAccentImportantPrimary = "#d3b4ed";
+export const TokenAliasAccentImportantSecondary = "lch(77.5 31.1 309 / 0.12)";
+export const TokenAliasAccentPinkPrimary = "#ecadd4";
+export const TokenAliasAccentPinkSecondary = "lch(77.6 29.9 340 / 0.12)";
+export const TokenAliasAccentVioletPrimary = "#c4b8f3";
+export const TokenAliasAccentVioletSecondary = "lch(77.3 30.9 295 / 0.12)";
+export const TokenAliasChartNeutral = "#515157";
+export const TokenAliasChartCategorical1Primary = "#4067e5";
+export const TokenAliasChartCategorical1Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical1Transparent = "lch(46.5 72.3 286 / 0.2)";
+export const TokenAliasChartCategorical2Primary = "#fe9933";
+export const TokenAliasChartCategorical2Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical2Transparent = "lch(72.9 74.2 63 / 0.2)";
+export const TokenAliasChartCategorical3Primary = "#12a594";
+export const TokenAliasChartCategorical3Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical3Transparent = "lch(60.7 39.7 183 / 0.2)";
+export const TokenAliasChartCategorical4Primary = "#ab4aba";
+export const TokenAliasChartCategorical4Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical4Transparent = "lch(48.2 66.6 322 / 0.2)";
+export const TokenAliasChartCategorical5Primary = "#d63c42";
+export const TokenAliasChartCategorical5Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical5Transparent = "lch(50.1 69.5 29.4 / 0.2)";
+export const TokenAliasChartCategorical6Primary = "#05a2c2";
+export const TokenAliasChartCategorical6Inactive = "#aadee6";
+export const TokenAliasChartCategorical6Transparent = "lch(61 38.6 224 / 0.2)";
+export const TokenAliasChartCategorical7Primary = "#e043a7";
+export const TokenAliasChartCategorical7Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical7Transparent = "lch(55 70 344 / 0.2)";
+export const TokenAliasChartCategorical8Primary = "#00b050";
+export const TokenAliasChartCategorical8Inactive = "#ceebcf";
+export const TokenAliasChartCategorical8Transparent = "lch(63 67 146 / 0.2)";
+export const TokenAliasChartCategorical9Primary = "#7259d6";
+export const TokenAliasChartCategorical9Inactive = "#e4defc";
+export const TokenAliasChartCategorical9Transparent = "lch(45.6 71 299 / 0.2)";
+export const TokenAliasChartCategorical10Primary = "#99d52a";
+export const TokenAliasChartCategorical10Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical10Transparent = "lch(79 79.1 118 / 0.2)";
+export const TokenAliasChartCategorical11Primary = "#696970";
+export const TokenAliasChartCategorical11Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical11Transparent = "lch(44.6 4.09 286 / 0.2)";
+export const TokenAliasChartCategorical12Primary = "#8da4ef";
+export const TokenAliasChartCategorical12Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical12Transparent = "lch(67.9 41.2 278 / 0.2)";
+export const TokenAliasChartCategorical13Primary = "#c25d05";
+export const TokenAliasChartCategorical13Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical13Transparent = "lch(51.7 70.9 57.2 / 0.2)";
+export const TokenAliasChartCategorical14Primary = "#067a6f";
+export const TokenAliasChartCategorical14Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical14Transparent = "lch(45.6 31.8 185 / 0.2)";
+export const TokenAliasChartCategorical15Primary = "#cf91d8";
+export const TokenAliasChartCategorical15Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical15Transparent = "lch(68.3 42.4 321 / 0.2)";
+export const TokenAliasChartCategorical16Primary = "#eb9091";
+export const TokenAliasChartCategorical16Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical16Transparent = "lch(69.6 38.4 22.9 / 0.2)";
+export const TokenAliasChartCategorical17Primary = "#0c7792";
+export const TokenAliasChartCategorical17Inactive = "#aadee6";
+export const TokenAliasChartCategorical17Transparent = "lch(45.7 30.9 228 / 0.2)";
+export const TokenAliasChartCategorical18Primary = "#e38ec3";
+export const TokenAliasChartCategorical18Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical18Transparent = "lch(69.3 40.8 341 / 0.2)";
+export const TokenAliasChartCategorical19Primary = "#97cf9c";
+export const TokenAliasChartCategorical19Inactive = "#ceebcf";
+export const TokenAliasChartCategorical19Transparent = "lch(78.2 32.7 144 / 0.2)";
+export const TokenAliasChartCategorical20Primary = "#aa99ec";
+export const TokenAliasChartCategorical20Inactive = "#e4defc";
+export const TokenAliasChartCategorical20Transparent = "lch(67.2 44.6 296 / 0.2)";
+export const TokenAliasChartCategorical21Primary = "#94ba2c";
+export const TokenAliasChartCategorical21Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical21Transparent = "lch(70.8 67.7 114 / 0.2)";
+export const TokenAliasChartCategorical22Primary = "#3d3d42";
+export const TokenAliasChartCategorical22Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical22Transparent = "lch(25.9 3.2 286 / 0.2)";
+export const TokenAliasChartMonochromaticDefault5 = "#f8faff";
+export const TokenAliasChartMonochromaticDefault10 = "#f0f4ff";
+export const TokenAliasChartMonochromaticDefault20 = "#e6edfe";
+export const TokenAliasChartMonochromaticDefault30 = "#d9e2fc";
+export const TokenAliasChartMonochromaticDefault40 = "#c6d4f9";
+export const TokenAliasChartMonochromaticDefault50 = "#aec0f5";
+export const TokenAliasChartMonochromaticDefault60 = "#8da4ef";
+export const TokenAliasChartMonochromaticDefault70 = "#4067e5";
+export const TokenAliasChartMonochromaticDefault90 = "#3451b2";
+export const TokenAliasChartMonochromaticDefault100 = "#002856";
+export const TokenAliasChartMonochromaticDanger5 = "#fff8f8";
+export const TokenAliasChartMonochromaticDanger10 = "#ffefef";
+export const TokenAliasChartMonochromaticDanger20 = "#ffe5e5";
+export const TokenAliasChartMonochromaticDanger30 = "#fdd8d8";
+export const TokenAliasChartMonochromaticDanger40 = "#f9c6c6";
+export const TokenAliasChartMonochromaticDanger50 = "#f3aeaf";
+export const TokenAliasChartMonochromaticDanger60 = "#eb9091";
+export const TokenAliasChartMonochromaticDanger70 = "#d63c42";
+export const TokenAliasChartMonochromaticDanger90 = "#b82329";
+export const TokenAliasChartMonochromaticDanger100 = "#381316";
+export const TokenAliasChartStatusNegative = "#d63c42";
+export const TokenAliasChartStatusWarning = "#fecb34";
+export const TokenAliasChartStatusPositive = "#00b050";
+export const TokenComponentButtonPrimaryDefaultBackground = "#5bb3ea";
+export const TokenComponentButtonPrimaryDefaultText = "#343438";
+export const TokenComponentButtonPrimaryDefaultIcon = "#343438";
+export const TokenComponentButtonPrimaryHoverBackground = "#96cff0";
+export const TokenComponentButtonPrimaryHoverText = "#343438";
+export const TokenComponentButtonPrimaryHoverIcon = "#343438";
+export const TokenComponentButtonPrimaryPressedBackground = "#5bb3ea";
+export const TokenComponentButtonPrimaryPressedText = "#343438";
+export const TokenComponentButtonPrimaryPressedIcon = "#343438";
+export const TokenComponentButtonPrimaryDisabledBackground = "#515157";
+export const TokenComponentButtonPrimaryDisabledText = "#83838c";
+export const TokenComponentButtonPrimaryDisabledIcon = "#83838c";
+export const TokenComponentButtonPrimaryLoadingBackground = "#5bb3ea";
+export const TokenComponentButtonSecondaryDefaultBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryDefaultBorder = "#5bb3ea";
+export const TokenComponentButtonSecondaryDefaultText = "#5bb3ea";
+export const TokenComponentButtonSecondaryDefaultIcon = "#5bb3ea";
+export const TokenComponentButtonSecondaryHoverBackground = "#515157";
+export const TokenComponentButtonSecondaryHoverBorder = "#96cff0";
+export const TokenComponentButtonSecondaryHoverText = "#5bb3ea";
+export const TokenComponentButtonSecondaryHoverIcon = "#5bb3ea";
+export const TokenComponentButtonSecondaryPressedBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryPressedBorder = "#5bb3ea";
+export const TokenComponentButtonSecondaryPressedText = "#5bb3ea";
+export const TokenComponentButtonSecondaryPressedIcon = "#5bb3ea";
+export const TokenComponentButtonSecondaryDisabledBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryDisabledBorder = "#515157";
+export const TokenComponentButtonSecondaryDisabledText = "#83838c";
+export const TokenComponentButtonSecondaryDisabledIcon = "#83838c";
+export const TokenComponentButtonSecondaryLoadingBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryLoadingBorder = "#5bb3ea";
+export const TokenComponentButtonLinkDefaultText = "#5bb3ea";
+export const TokenComponentButtonLinkDefaultIcon = "#5bb3ea";
+export const TokenComponentButtonLinkHoverText = "#96cff0";
+export const TokenComponentButtonLinkHoverIcon = "#96cff0";
+export const TokenComponentButtonLinkPressedText = "#5bb3ea";
+export const TokenComponentButtonLinkPressedIcon = "#5bb3ea";
+export const TokenComponentButtonLinkDisabledText = "#83838c";
+export const TokenComponentButtonLinkDisabledIcon = "#83838c";
+export const TokenComponentContainerBackground = "#3d3d42";
+export const TokenComponentContainerBorder = "#515157";
+export const TokenComponentTableHeaderFilledBackground = "#343438";
+export const TokenComponentTableHeaderFilledText = "#ffffff";
+export const TokenComponentTableHeaderFilledIcon = "#ffffff";
+export const TokenComponentTableHeaderOutlinedBorder = "#c2c2ca";
+export const TokenComponentTableHeaderOutlinedText = "#ffffff";
+export const TokenComponentTableHeaderOutlinedIcon = "#ffffff";
+export const TokenComponentTableRowBorder = "#515157";
+export const TokenComponentTableRowIconDefault = "#ffffff";
+export const TokenComponentTableRowIconDisabled = "#83838c";
+export const TokenComponentTableRowIconHover = "#96cff0";
+export const TokenComponentTableRowBackgroundDefault = "#3d3d42";
+export const TokenComponentTableRowBackgroundZebra = "#343438";
+export const TokenComponentTableRowBackgroundHover = "#515157";
+export const TokenComponentTableRowTextDefault = "#ffffff";
+export const TokenComponentTableRowTextPlaceholder = "#a3a3ab";
+export const TokenComponentTableRowTextLink = "#5bb3ea";
+export const TokenComponentMenuButtonPrimaryDefaultBackground = "#5bb3ea";
+export const TokenComponentMenuButtonPrimaryDefaultText = "#343438";
+export const TokenComponentMenuButtonPrimaryDefaultIcon = "#343438";
+export const TokenComponentMenuButtonPrimaryHoverBackground = "#96cff0";
+export const TokenComponentMenuButtonPrimaryHoverText = "#343438";
+export const TokenComponentMenuButtonPrimaryHoverIcon = "#343438";
+export const TokenComponentMenuButtonPrimaryPressedBackground = "#5bb3ea";
+export const TokenComponentMenuButtonPrimaryPressedText = "#343438";
+export const TokenComponentMenuButtonPrimaryPressedIcon = "#343438";
+export const TokenComponentMenuButtonPrimaryDisabledBackground = "#515157";
+export const TokenComponentMenuButtonPrimaryDisabledText = "#83838c";
+export const TokenComponentMenuButtonPrimaryDisabledIcon = "#83838c";
+export const TokenComponentMenuButtonPrimaryLoadingBackground = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDefaultBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryDefaultBorder = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDefaultText = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDefaultIcon = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryHoverBackground = "#515157";
+export const TokenComponentMenuButtonSecondaryHoverBorder = "#96cff0";
+export const TokenComponentMenuButtonSecondaryHoverText = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryHoverIcon = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryPressedBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryPressedBorder = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryPressedText = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryPressedIcon = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDisabledBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryDisabledBorder = "#515157";
+export const TokenComponentMenuButtonSecondaryDisabledText = "#83838c";
+export const TokenComponentMenuButtonSecondaryDisabledIcon = "#83838c";
+export const TokenComponentMenuButtonSecondaryLoadingBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryLoadingBorder = "#5bb3ea";
+export const TokenComponentMenuButtonLinkDefaultText = "#5bb3ea";
+export const TokenComponentMenuButtonLinkDefaultIcon = "#5bb3ea";
+export const TokenComponentMenuButtonLinkHoverText = "#96cff0";
+export const TokenComponentMenuButtonLinkHoverIcon = "#96cff0";
+export const TokenComponentMenuButtonLinkPressedText = "#5bb3ea";
+export const TokenComponentMenuButtonLinkPressedIcon = "#5bb3ea";
+export const TokenComponentMenuButtonLinkDisabledText = "#83838c";
+export const TokenComponentMenuButtonLinkDisabledIcon = "#83838c";
+export const TokenComponentOverflowMenuButtonDefaultIcon = "#ffffff";
+export const TokenComponentOverflowMenuButtonHoverIcon = "#96cff0";
+export const TokenComponentOverflowMenuButtonPressedIcon = "#5bb3ea";
+export const TokenComponentOverflowMenuButtonDisabledIcon = "#83838c";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#96cff0";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#96cff0";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryActiveText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#515157";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#83838c";
+export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#83838c";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#343438";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryDefaultText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryDefaultIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundLeft = "#515157";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundRight = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderLeft = "#96cff0";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderRight = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundLeft = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundRight = "#515157";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderLeft = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderRight = "#96cff0";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryActiveBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryActiveBorder = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryActiveText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryActiveIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBorder = "#515157";
+export const TokenComponentSplitMenuButtonSecondaryDisabledText = "#83838c";
+export const TokenComponentSplitMenuButtonSecondaryDisabledIcon = "#83838c";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#5bb3ea";
+export const TokenComponentAppbarBackground = "#343438";
+export const TokenComponentAppbarBorder = "#515157";
+export const TokenComponentAppbarText = "#ffffff";
+export const TokenComponentAppbarIcon = "#ffffff";
+export const TokenComponentBadgeInformativeBackground = "lch(77.7 28.7 275 / 0.12)";
+export const TokenComponentBadgeInformativeText = "#aec0f5";
+export const TokenComponentBadgeNeutralBackground = "lch(78.6 4.18 286 / 0.12)";
+export const TokenComponentBadgeNeutralText = "#c2c2ca";
+export const TokenComponentBadgeWarningBackground = "lch(79.6 53.6 74.4 / 0.12)";
+export const TokenComponentBadgeWarningText = "#f2b67b";
+export const TokenComponentBadgeNegativeBackground = "lch(77.8 28 21.1 / 0.12)";
+export const TokenComponentBadgeNegativeText = "#f3aeaf";
+export const TokenComponentBadgePositiveBackground = "lch(78.2 32.7 144 / 0.12)";
+export const TokenComponentBadgePositiveText = "#97cf9c";
+export const TokenComponentBadgeImportantBackground = "lch(77.5 31.1 309 / 0.12)";
+export const TokenComponentBadgeImportantText = "#d3b4ed";
+export const TokenComponentBadgeVioletBackground = "lch(77.3 30.9 295 / 0.12)";
+export const TokenComponentBadgeVioletText = "#c4b8f3";
+export const TokenComponentBadgePinkBackground = "lch(77.6 29.9 340 / 0.12)";
+export const TokenComponentBadgePinkText = "#ecadd4";
+export const TokenComponentBreadcrumbDivider = "#515157";
+export const TokenComponentBreadcrumbAppTitleText = "#5bb3ea";
+export const TokenComponentBreadcrumbDefaultText = "#5bb3ea";
+export const TokenComponentBreadcrumbTruncatedText = "#5bb3ea";
+export const TokenComponentBreadcrumbLastItemText = "#ffffff";
+export const TokenComponentBreadcrumbCollapsedBackground = "#515157";
+export const TokenComponentBreadcrumbCollapsedText = "#ffffff";
+export const TokenComponentBreadcrumbCollapsedIcon = "#ffffff";
+export const TokenComponentBreadcrumbWithDropdownText = "#5bb3ea";
+export const TokenComponentBreadcrumbWithDropdownIcon = "#ffffff";
+export const TokenComponentCardBackground = "#3d3d42";
+export const TokenComponentCardBorder = "#515157";
+export const TokenComponentCardText = "#ffffff";
+export const TokenComponentCardIcon = "#ffffff";
+export const TokenComponentCheckboxEmptyDefaultBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyDefaultBorder = "#696970";
+export const TokenComponentCheckboxEmptyDefaultText = "#ffffff";
+export const TokenComponentCheckboxEmptyHoverBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyHoverBorder = "#96cff0";
+export const TokenComponentCheckboxEmptyHoverText = "#ffffff";
+export const TokenComponentCheckboxEmptyActiveBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyActiveBorder = "#5bb3ea";
+export const TokenComponentCheckboxEmptyActiveText = "#ffffff";
+export const TokenComponentCheckboxEmptyDisabledBackground = "#515157";
+export const TokenComponentCheckboxEmptyDisabledBorder = "#515157";
+export const TokenComponentCheckboxEmptyDisabledText = "#83838c";
+export const TokenComponentCheckboxEmptyReadOnlyBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyReadOnlyBorder = "#515157";
+export const TokenComponentCheckboxEmptyReadOnlyText = "#ffffff";
+export const TokenComponentCheckboxCheckedDefaultBackground = "#5bb3ea";
+export const TokenComponentCheckboxCheckedDefaultText = "#ffffff";
+export const TokenComponentCheckboxCheckedDefaultIcon = "#343438";
+export const TokenComponentCheckboxCheckedHoverBackground = "#96cff0";
+export const TokenComponentCheckboxCheckedHoverText = "#ffffff";
+export const TokenComponentCheckboxCheckedHoverIcon = "#343438";
+export const TokenComponentCheckboxCheckedActiveBackground = "#5bb3ea";
+export const TokenComponentCheckboxCheckedActiveText = "#ffffff";
+export const TokenComponentCheckboxCheckedActiveIcon = "#343438";
+export const TokenComponentCheckboxCheckedDisabledBackground = "#515157";
+export const TokenComponentCheckboxCheckedDisabledText = "#83838c";
+export const TokenComponentCheckboxCheckedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyBackground = "#3d3d42";
+export const TokenComponentCheckboxCheckedReadOnlyBorder = "#515157";
+export const TokenComponentCheckboxCheckedReadOnlyText = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyIcon = "#83838c";
+export const TokenComponentCheckboxIndeterminatedDefaultBackground = "#5bb3ea";
+export const TokenComponentCheckboxIndeterminatedDefaultText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedDefaultIcon = "#343438";
+export const TokenComponentCheckboxIndeterminatedHoverBackground = "#96cff0";
+export const TokenComponentCheckboxIndeterminatedHoverText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedHoverIcon = "#343438";
+export const TokenComponentCheckboxIndeterminatedActiveBackground = "#5bb3ea";
+export const TokenComponentCheckboxIndeterminatedActiveText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedActiveIcon = "#343438";
+export const TokenComponentCheckboxIndeterminatedDisabledBackground = "#515157";
+export const TokenComponentCheckboxIndeterminatedDisabledText = "#83838c";
+export const TokenComponentCheckboxIndeterminatedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBackground = "#3d3d42";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBorder = "#515157";
+export const TokenComponentCheckboxIndeterminatedReadOnlyText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyIcon = "#83838c";
+export const TokenComponentContentPanelBackground = "#3d3d42";
+export const TokenComponentContentPanelBorder = "#515157";
+export const TokenComponentContentPanelText = "#ffffff";
+export const TokenComponentContentPanelIcon = "#ffffff";
+export const TokenComponentCalendarBackground = "#3d3d42";
+export const TokenComponentCalendarBorder = "#515157";
+export const TokenComponentCalendarIcon = "#ffffff";
+export const TokenComponentCalendarTextDefault = "#ffffff";
+export const TokenComponentCalendarTextDisabled = "#83838c";
+export const TokenComponentCalendarSelectedItemText = "#343438";
+export const TokenComponentCalendarSelectedItemBackground = "#5bb3ea";
+export const TokenComponentCalendarHoverItemBackground = "#515157";
+export const TokenComponentCalendarHoverItemText = "#ffffff";
+export const TokenComponentCalendarPresetAreaBackground = "#343438";
+export const TokenComponentCalendarPresetAreaHoverPeriodBackground = "#3d3d42";
+export const TokenComponentCalendarPresetAreaActivePeriodBackground = "#5bb3ea";
+export const TokenComponentCalendarPresetAreaActivePeriodText = "#343438";
+export const TokenComponentDateFieldDefaultBackground = "#343438";
+export const TokenComponentDateFieldDefaultBorder = "#696970";
+export const TokenComponentDateFieldDefaultText = "#a3a3ab";
+export const TokenComponentDateFieldDefaultIcon = "#ffffff";
+export const TokenComponentDateFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentDateFieldHoverBackground = "#343438";
+export const TokenComponentDateFieldHoverBorder = "#c2c2ca";
+export const TokenComponentDateFieldHoverText = "#ffffff";
+export const TokenComponentDateFieldHoverIcon = "#ffffff";
+export const TokenComponentDateFieldHoverHintText = "#a3a3ab";
+export const TokenComponentDateFieldHoverEmptyBackground = "#343438";
+export const TokenComponentDateFieldHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentDateFieldHoverEmptyText = "#a3a3ab";
+export const TokenComponentDateFieldHoverEmptyIcon = "#ffffff";
+export const TokenComponentDateFieldHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentDateFieldFilledBackground = "#343438";
+export const TokenComponentDateFieldFilledBorder = "#696970";
+export const TokenComponentDateFieldFilledText = "#ffffff";
+export const TokenComponentDateFieldFilledIcon = "#ffffff";
+export const TokenComponentDateFieldFilledHintText = "#a3a3ab";
+export const TokenComponentDateFieldDisabledBackground = "#515157";
+export const TokenComponentDateFieldDisabledBorder = "#515157";
+export const TokenComponentDateFieldDisabledText = "#83838c";
+export const TokenComponentDateFieldDisabledIcon = "#83838c";
+export const TokenComponentDateFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentDateFieldReadOnlyBackground = "#343438";
+export const TokenComponentDateFieldReadOnlyText = "#ffffff";
+export const TokenComponentDateFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentDateFieldErrorBackground = "#343438";
+export const TokenComponentDateFieldErrorBorder = "#eb9091";
+export const TokenComponentDateFieldErrorText = "#ffffff";
+export const TokenComponentDateFieldErrorIcon = "#ffffff";
+export const TokenComponentDateFieldErrorHintText = "#eb9091";
+export const TokenComponentDateFieldFocusBackground = "#343438";
+export const TokenComponentDateFieldFocusBorder = "#5bb3ea";
+export const TokenComponentDateFieldFocusText = "#a3a3ab";
+export const TokenComponentDateFieldFocusIcon = "#5bb3ea";
+export const TokenComponentDateFieldFocusHintText = "#a3a3ab";
+export const TokenComponentDatePickerDefaultIcon = "#ffffff";
+export const TokenComponentDatePickerHoverIcon = "#96cff0";
+export const TokenComponentDatePickerFilledIcon = "#5bb3ea";
+export const TokenComponentDatePickerDisabledIcon = "#83838c";
+export const TokenComponentDatePickerFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangePickerDefaultIcon = "#ffffff";
+export const TokenComponentDateRangePickerHoverIcon = "#96cff0";
+export const TokenComponentDateRangePickerFilledIcon = "#5bb3ea";
+export const TokenComponentDateRangePickerDisabledIcon = "#83838c";
+export const TokenComponentDateRangePickerFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangeFieldDefaultBackground = "#343438";
+export const TokenComponentDateRangeFieldDefaultBorder = "#696970";
+export const TokenComponentDateRangeFieldDefaultText = "#a3a3ab";
+export const TokenComponentDateRangeFieldDefaultIcon = "#ffffff";
+export const TokenComponentDateRangeFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldHoverBackground = "#343438";
+export const TokenComponentDateRangeFieldHoverBorder = "#c2c2ca";
+export const TokenComponentDateRangeFieldHoverText = "#ffffff";
+export const TokenComponentDateRangeFieldHoverIcon = "#ffffff";
+export const TokenComponentDateRangeFieldHoverHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldHoverEmptyBackground = "#343438";
+export const TokenComponentDateRangeFieldHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentDateRangeFieldHoverEmptyText = "#a3a3ab";
+export const TokenComponentDateRangeFieldHoverEmptyIcon = "#ffffff";
+export const TokenComponentDateRangeFieldHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFilledBackground = "#343438";
+export const TokenComponentDateRangeFieldFilledBorder = "#696970";
+export const TokenComponentDateRangeFieldFilledText = "#ffffff";
+export const TokenComponentDateRangeFieldFilledIcon = "#ffffff";
+export const TokenComponentDateRangeFieldFilledHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFilledPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDateRangeFieldDisabledBackground = "#515157";
+export const TokenComponentDateRangeFieldDisabledBorder = "#515157";
+export const TokenComponentDateRangeFieldDisabledText = "#83838c";
+export const TokenComponentDateRangeFieldDisabledIcon = "#83838c";
+export const TokenComponentDateRangeFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldReadOnlyBackground = "#343438";
+export const TokenComponentDateRangeFieldReadOnlyText = "#ffffff";
+export const TokenComponentDateRangeFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldErrorBackground = "#343438";
+export const TokenComponentDateRangeFieldErrorBorder = "#eb9091";
+export const TokenComponentDateRangeFieldErrorText = "#ffffff";
+export const TokenComponentDateRangeFieldErrorIcon = "#ffffff";
+export const TokenComponentDateRangeFieldErrorHintText = "#eb9091";
+export const TokenComponentDateRangeFieldFocusBackground = "#343438";
+export const TokenComponentDateRangeFieldFocusBorder = "#5bb3ea";
+export const TokenComponentDateRangeFieldFocusText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangeFieldFocusHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFocusPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDateRangeInputDefaultBackground = "#343438";
+export const TokenComponentDateRangeInputDefaultBorder = "#696970";
+export const TokenComponentDateRangeInputDefaultText = "#a3a3ab";
+export const TokenComponentDateRangeInputDefaultIcon = "#ffffff";
+export const TokenComponentDateRangeInputDefaultHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputHoverBackground = "#343438";
+export const TokenComponentDateRangeInputHoverBorder = "#c2c2ca";
+export const TokenComponentDateRangeInputHoverText = "#ffffff";
+export const TokenComponentDateRangeInputHoverIcon = "#ffffff";
+export const TokenComponentDateRangeInputHoverHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputActivePeriodBackground = "#343438";
+export const TokenComponentDateRangeInputActivePeriodBorder = "#c2c2ca";
+export const TokenComponentDateRangeInputActivePeriodText = "#ffffff";
+export const TokenComponentDateRangeInputActivePeriodIcon = "#ffffff";
+export const TokenComponentDateRangeInputActivePeriodHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputActivePeriodActiveItemBackground = "#3d3d42";
+export const TokenComponentDateRangeInputActivePeriodActiveItemText = "#a3a3ab";
+export const TokenComponentDateRangeInputFilledBackground = "#343438";
+export const TokenComponentDateRangeInputFilledBorder = "#696970";
+export const TokenComponentDateRangeInputFilledText = "#ffffff";
+export const TokenComponentDateRangeInputFilledIcon = "#ffffff";
+export const TokenComponentDateRangeInputFilledHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputFilledPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDateRangeInputDisabledBackground = "#343438";
+export const TokenComponentDateRangeInputDisabledBorder = "#515157";
+export const TokenComponentDateRangeInputDisabledText = "#83838c";
+export const TokenComponentDateRangeInputDisabledIcon = "#83838c";
+export const TokenComponentDateRangeInputDisabledHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputReadOnlyBackground = "#343438";
+export const TokenComponentDateRangeInputReadOnlyText = "#ffffff";
+export const TokenComponentDateRangeInputReadOnlyHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputErrorBackground = "#343438";
+export const TokenComponentDateRangeInputErrorBorder = "#eb9091";
+export const TokenComponentDateRangeInputErrorText = "#ffffff";
+export const TokenComponentDateRangeInputErrorIcon = "#ffffff";
+export const TokenComponentDateRangeInputErrorHintText = "#eb9091";
+export const TokenComponentDateRangeInputFocusBackground = "#343438";
+export const TokenComponentDateRangeInputFocusBorder = "#5bb3ea";
+export const TokenComponentDateRangeInputFocusText = "#ffffff";
+export const TokenComponentDateRangeInputFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangeInputFocusHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputFocusPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDividerBorder = "#515157";
+export const TokenComponentDrawerBackground = "#3d3d42";
+export const TokenComponentDrawerText = "#ffffff";
+export const TokenComponentDrawerIconDefault = "#ffffff";
+export const TokenComponentDrawerIconDisabled = "#83838c";
+export const TokenComponentDropdownIconDefault = "#ffffff";
+export const TokenComponentDropdownIconDisabled = "#83838c";
+export const TokenComponentDropdownTextDefault = "#ffffff";
+export const TokenComponentDropdownTextLink = "#5bb3ea";
+export const TokenComponentDropdownTextDescription = "#a3a3ab";
+export const TokenComponentDropdownTextDisabled = "#83838c";
+export const TokenComponentDropdownBackgroundDefault = "#343438";
+export const TokenComponentDropdownBackgroundHover = "#3d3d42";
+export const TokenComponentDropdownBackgroundCategory = "#343438";
+export const TokenComponentGlobalHeaderBackground = "#232326";
+export const TokenComponentGlobalHeaderBorder = "#3d3d42";
+export const TokenComponentGlobalHeaderIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderIconHover = "#ffffff";
+export const TokenComponentGlobalHeaderTextDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderTextHover = "#ffffff";
+export const TokenComponentGlobalHeaderSearchBackground = "#3d3d42";
+export const TokenComponentGlobalHeaderSearchTextPlaceholder = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchTextFilled = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchIconActive = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconHover = "#ffffff";
+export const TokenComponentGlobalFooterBackground = "#232326";
+export const TokenComponentGlobalFooterTextDefault = "#d6d6dd";
+export const TokenComponentGlobalFooterTextHover = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultBackground = "#343438";
+export const TokenComponentGroupSelectFieldDefaultBorder = "#696970";
+export const TokenComponentGroupSelectFieldDefaultText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDefaultIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldHoverBackground = "#343438";
+export const TokenComponentGroupSelectFieldHoverBorder = "#c2c2ca";
+export const TokenComponentGroupSelectFieldHoverText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldHoverIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldHoverHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldHoverInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldSelectedBackground = "#343438";
+export const TokenComponentGroupSelectFieldSelectedBorder = "#696970";
+export const TokenComponentGroupSelectFieldSelectedText = "#ffffff";
+export const TokenComponentGroupSelectFieldSelectedIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldSelectedHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldSelectedInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledBackground = "#515157";
+export const TokenComponentGroupSelectFieldDisabledBorder = "#515157";
+export const TokenComponentGroupSelectFieldDisabledText = "#83838c";
+export const TokenComponentGroupSelectFieldDisabledIcon = "#83838c";
+export const TokenComponentGroupSelectFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldReadOnlyBackground = "#343438";
+export const TokenComponentGroupSelectFieldReadOnlyText = "#ffffff";
+export const TokenComponentGroupSelectFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldReadOnlyInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldErrorBackground = "#343438";
+export const TokenComponentGroupSelectFieldErrorBorder = "#eb9091";
+export const TokenComponentGroupSelectFieldErrorText = "#ffffff";
+export const TokenComponentGroupSelectFieldErrorIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldErrorHintText = "#eb9091";
+export const TokenComponentGroupSelectFieldErrorInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldFocusBackground = "#343438";
+export const TokenComponentGroupSelectFieldFocusBorder = "#5bb3ea";
+export const TokenComponentGroupSelectFieldFocusText = "#ffffff";
+export const TokenComponentGroupSelectFieldFocusIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldFocusHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldFocusInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectDropdownIcon = "#ffffff";
+export const TokenComponentGroupSelectDropdownText = "#ffffff";
+export const TokenComponentGroupSelectDropdownBackgroundDefault = "#343438";
+export const TokenComponentGroupSelectDropdownBackgroundHover = "#3d3d42";
+export const TokenComponentInlineEditText = "#ffffff";
+export const TokenComponentInlineEditIconDefault = "#ffffff";
+export const TokenComponentInlineEditIconHover = "#96cff0";
+export const TokenComponentInlineEditAcceptIconDefault = "#5bb3ea";
+export const TokenComponentInlineEditAcceptIconHover = "#96cff0";
+export const TokenComponentInlineEditAcceptIconDisabled = "#83838c";
+export const TokenComponentKpiBarText = "#ffffff";
+export const TokenComponentKpiBarBorder = "#515157";
+export const TokenComponentKpiBarIconDefault = "#ffffff";
+export const TokenComponentKpiBarIconHover = "#96cff0";
+export const TokenComponentKpiBarIconActive = "#5bb3ea";
+export const TokenComponentKpiBarItemNeutralDefaultLabel = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemNeutralDefaultIcon = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralHoverLabel = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemNeutralHoverBackground = "lch(78.6 4.18 286 / 0.12)";
+export const TokenComponentKpiBarItemNeutralHoverIcon = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralActiveLabel = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralActiveText = "#ffffff";
+export const TokenComponentKpiBarItemNeutralActiveBorder = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralActiveIcon = "#c2c2ca";
+export const TokenComponentKpiBarItemGreenDefaultLabel = "#97cf9c";
+export const TokenComponentKpiBarItemGreenDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemGreenHoverLabel = "#97cf9c";
+export const TokenComponentKpiBarItemGreenHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemGreenHoverBackground = "lch(78.2 32.7 144 / 0.12)";
+export const TokenComponentKpiBarItemGreenActiveLabel = "#97cf9c";
+export const TokenComponentKpiBarItemGreenActiveText = "#ffffff";
+export const TokenComponentKpiBarItemGreenActiveBorder = "#97cf9c";
+export const TokenComponentKpiBarItemOrangeDefaultLabel = "#f2b67b";
+export const TokenComponentKpiBarItemOrangeDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemOrangeHoverLabel = "#f2b67b";
+export const TokenComponentKpiBarItemOrangeHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemOrangeHoverBackground = "lch(79.6 53.6 74.4 / 0.12)";
+export const TokenComponentKpiBarItemOrangeActiveLabel = "#f2b67b";
+export const TokenComponentKpiBarItemOrangeActiveText = "#ffffff";
+export const TokenComponentKpiBarItemOrangeActiveBorder = "#f2b67b";
+export const TokenComponentKpiBarItemPurpleDefaultLabel = "#d3b4ed";
+export const TokenComponentKpiBarItemPurpleDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemPurpleHoverLabel = "#d3b4ed";
+export const TokenComponentKpiBarItemPurpleHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemPurpleHoverBackground = "lch(77.5 31.1 309 / 0.12)";
+export const TokenComponentKpiBarItemPurpleActiveLabel = "#d3b4ed";
+export const TokenComponentKpiBarItemPurpleActiveText = "#ffffff";
+export const TokenComponentKpiBarItemPurpleActiveBorder = "#d3b4ed";
+export const TokenComponentKpiBarItemRedDefaultLabel = "#f3aeaf";
+export const TokenComponentKpiBarItemRedDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemRedHoverLabel = "#f3aeaf";
+export const TokenComponentKpiBarItemRedHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemRedHoverBackground = "lch(77.8 28 21.1 / 0.12)";
+export const TokenComponentKpiBarItemRedActiveLabel = "#f3aeaf";
+export const TokenComponentKpiBarItemRedActiveText = "#ffffff";
+export const TokenComponentKpiBarItemRedActiveBorder = "#f3aeaf";
+export const TokenComponentKpiBarItemUltramarineDefaultLabel = "#aec0f5";
+export const TokenComponentKpiBarItemUltramarineDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemUltramarineHoverLabel = "#aec0f5";
+export const TokenComponentKpiBarItemUltramarineHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemUltramarineHoverBackground = "lch(77.7 28.7 275 / 0.12)";
+export const TokenComponentKpiBarItemUltramarineActiveLabel = "#aec0f5";
+export const TokenComponentKpiBarItemUltramarineActiveText = "#ffffff";
+export const TokenComponentKpiBarItemUltramarineActiveBorder = "#aec0f5";
+export const TokenComponentKpiBarItemPinkDefaultLabel = "#ecadd4";
+export const TokenComponentKpiBarItemPinkDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemPinkHoverLabel = "#ecadd4";
+export const TokenComponentKpiBarItemPinkHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemPinkHoverBackground = "lch(77.6 29.9 340 / 0.12)";
+export const TokenComponentKpiBarItemPinkActiveLabel = "#ecadd4";
+export const TokenComponentKpiBarItemPinkActiveText = "#ffffff";
+export const TokenComponentKpiBarItemPinkActiveBorder = "#ecadd4";
+export const TokenComponentLabelText = "#ffffff";
+export const TokenComponentLabelIcon = "#ffffff";
+export const TokenComponentLabelInfoIcon = "#a3a3ab";
+export const TokenComponentListText = "#ffffff";
+export const TokenComponentListBorder = "#515157";
+export const TokenComponentListIconDefault = "#ffffff";
+export const TokenComponentListIconHover = "#96cff0";
+export const TokenComponentListIconActive = "#5bb3ea";
+export const TokenComponentListBackgroundDefault = "#343438";
+export const TokenComponentListBackgroundHover = "#3d3d42";
+export const TokenComponentMasterSwitchContentBackground = "#3d3d42";
+export const TokenComponentMasterSwitchSideBackground = "#343438";
+export const TokenComponentMasterSwitchText = "#ffffff";
+export const TokenComponentMasterSwitchIcon = "#ffffff";
+export const TokenComponentModalBackground = "#3d3d42";
+export const TokenComponentModalIcon = "#ffffff";
+export const TokenComponentModalTextDefault = "#ffffff";
+export const TokenComponentModalTextDescription = "#a3a3ab";
+export const TokenComponentNotificationBannerText = "#ffffff";
+export const TokenComponentNotificationBannerIcon = "#ffffff";
+export const TokenComponentNotificationBannerInformativeBackground = "#515157";
+export const TokenComponentNotificationBannerInformativeBorder = "#8da4ef";
+export const TokenComponentNotificationBannerInformativeStatusIcon = "#8da4ef";
+export const TokenComponentNotificationBannerTipBackground = "#515157";
+export const TokenComponentNotificationBannerTipBorder = "#8da4ef";
+export const TokenComponentNotificationBannerTipStatusIcon = "#8da4ef";
+export const TokenComponentNotificationBannerWarningBackground = "#515157";
+export const TokenComponentNotificationBannerWarningBorder = "#edb016";
+export const TokenComponentNotificationBannerWarningStatusIcon = "#edb016";
+export const TokenComponentNotificationBannerSuccessBackground = "#515157";
+export const TokenComponentNotificationBannerSuccessBorder = "#65ba75";
+export const TokenComponentNotificationBannerSuccessStatusIcon = "#65ba75";
+export const TokenComponentNotificationBannerErrorBackground = "#515157";
+export const TokenComponentNotificationBannerErrorBorder = "#eb9091";
+export const TokenComponentNotificationBannerErrorStatusIcon = "#eb9091";
+export const TokenComponentNotificationBannerSecondaryBackground = "#515157";
+export const TokenComponentNotificationBannerSecondaryBorder = "#c2c2ca";
+export const TokenComponentNotificationBannerSecondaryStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastText = "#ffffff";
+export const TokenComponentNotificationToastIcon = "#ffffff";
+export const TokenComponentNotificationToastInformativeBackground = "#515157";
+export const TokenComponentNotificationToastInformativeIconBackground = "#4067e5";
+export const TokenComponentNotificationToastInformativeBorder = "#8da4ef";
+export const TokenComponentNotificationToastInformativeStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastTipBackground = "#515157";
+export const TokenComponentNotificationToastTipIconBackground = "#4067e5";
+export const TokenComponentNotificationToastTipBorder = "#8da4ef";
+export const TokenComponentNotificationToastTipStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastWarningBackground = "#515157";
+export const TokenComponentNotificationToastWarningIconBackground = "#fecb34";
+export const TokenComponentNotificationToastWarningBorder = "#edb016";
+export const TokenComponentNotificationToastWarningStatusIcon = "#3d3d42";
+export const TokenComponentNotificationToastSuccessBackground = "#515157";
+export const TokenComponentNotificationToastSuccessIconBackground = "#00b050";
+export const TokenComponentNotificationToastSuccessBorder = "#65ba75";
+export const TokenComponentNotificationToastSuccessStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastErrorBackground = "#515157";
+export const TokenComponentNotificationToastErrorIconBackground = "#d63c42";
+export const TokenComponentNotificationToastErrorBorder = "#eb9091";
+export const TokenComponentNotificationToastErrorStatusIcon = "#ffffff";
+export const TokenComponentPaginationBackground = "#3d3d42";
+export const TokenComponentPaginationBorder = "#515157";
+export const TokenComponentPaginationTextDefault = "#ffffff";
+export const TokenComponentPaginationTextLink = "#5bb3ea";
+export const TokenComponentPaginationTextHover = "#96cff0";
+export const TokenComponentPaginationTextDisabled = "#83838c";
+export const TokenComponentPaginationIconDefault = "#ffffff";
+export const TokenComponentPaginationIconHover = "#96cff0";
+export const TokenComponentPaginationIconActive = "#5bb3ea";
+export const TokenComponentPaginationIconDisabled = "#83838c";
+export const TokenComponentPopoverBackground = "#3d3d42";
+export const TokenComponentPopoverBorder = "#515157";
+export const TokenComponentPopoverIcon = "#ffffff";
+export const TokenComponentPopoverTextDefault = "#ffffff";
+export const TokenComponentPopoverTextLinkDefault = "#5bb3ea";
+export const TokenComponentPopoverTextLinkHover = "#96cff0";
+export const TokenComponentProgressBarTextDefault = "#ffffff";
+export const TokenComponentProgressBarTextLinkDefault = "#5bb3ea";
+export const TokenComponentProgressBarTextLinkHover = "#96cff0";
+export const TokenComponentProgressBarStatusLineDefault = "#515157";
+export const TokenComponentProgressBarStatusLineSuccess = "#00b050";
+export const TokenComponentProgressBarStatusLineError = "#d63c42";
+export const TokenComponentNumericSpinnerDefaultBackground = "#343438";
+export const TokenComponentNumericSpinnerDefaultBorder = "#696970";
+export const TokenComponentNumericSpinnerDefaultText = "#a3a3ab";
+export const TokenComponentNumericSpinnerDefaultIcon = "#ffffff";
+export const TokenComponentNumericSpinnerDefaultHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerHoverBackground = "#343438";
+export const TokenComponentNumericSpinnerHoverBorder = "#c2c2ca";
+export const TokenComponentNumericSpinnerHoverText = "#a3a3ab";
+export const TokenComponentNumericSpinnerHoverIcon = "#ffffff";
+export const TokenComponentNumericSpinnerHoverHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerFilledBackground = "#343438";
+export const TokenComponentNumericSpinnerFilledBorder = "#696970";
+export const TokenComponentNumericSpinnerFilledText = "#ffffff";
+export const TokenComponentNumericSpinnerFilledIcon = "#ffffff";
+export const TokenComponentNumericSpinnerFilledHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerDisabledBackground = "#515157";
+export const TokenComponentNumericSpinnerDisabledBorder = "#515157";
+export const TokenComponentNumericSpinnerDisabledText = "#83838c";
+export const TokenComponentNumericSpinnerDisabledIcon = "#83838c";
+export const TokenComponentNumericSpinnerDisabledHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerReadOnlyBackground = "#343438";
+export const TokenComponentNumericSpinnerReadOnlyText = "#ffffff";
+export const TokenComponentNumericSpinnerReadOnlyHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerErrorBackground = "#343438";
+export const TokenComponentNumericSpinnerErrorBorder = "#eb9091";
+export const TokenComponentNumericSpinnerErrorText = "#ffffff";
+export const TokenComponentNumericSpinnerErrorIcon = "#ffffff";
+export const TokenComponentNumericSpinnerErrorHintText = "#eb9091";
+export const TokenComponentNumericSpinnerFocusBackground = "#343438";
+export const TokenComponentNumericSpinnerFocusBorder = "#5bb3ea";
+export const TokenComponentNumericSpinnerFocusText = "#a3a3ab";
+export const TokenComponentNumericSpinnerFocusIcon = "#ffffff";
+export const TokenComponentNumericSpinnerFocusHintText = "#a3a3ab";
+export const TokenComponentRadioButtonInactiveDefaultBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveDefaultBorder = "#696970";
+export const TokenComponentRadioButtonInactiveDefaultText = "#ffffff";
+export const TokenComponentRadioButtonInactiveHoverBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveHoverBorder = "#96cff0";
+export const TokenComponentRadioButtonInactiveHoverText = "#ffffff";
+export const TokenComponentRadioButtonInactiveActiveBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveActiveBorder = "#5bb3ea";
+export const TokenComponentRadioButtonInactiveActiveText = "#ffffff";
+export const TokenComponentRadioButtonInactiveDisabledBackground = "#515157";
+export const TokenComponentRadioButtonInactiveDisabledBorder = "#515157";
+export const TokenComponentRadioButtonInactiveDisabledText = "#83838c";
+export const TokenComponentRadioButtonInactiveReadOnlyBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveReadOnlyBorder = "#515157";
+export const TokenComponentRadioButtonInactiveReadOnlyText = "#ffffff";
+export const TokenComponentRadioButtonActiveDefaultBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveDefaultBorder = "#5bb3ea";
+export const TokenComponentRadioButtonActiveDefaultText = "#ffffff";
+export const TokenComponentRadioButtonActiveHoverBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveHoverBorder = "#96cff0";
+export const TokenComponentRadioButtonActiveHoverText = "#ffffff";
+export const TokenComponentRadioButtonActiveActiveBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveActiveBorder = "#5bb3ea";
+export const TokenComponentRadioButtonActiveActiveText = "#ffffff";
+export const TokenComponentRadioButtonActiveDisabledBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveDisabledBorder = "#515157";
+export const TokenComponentRadioButtonActiveDisabledText = "#83838c";
+export const TokenComponentRadioButtonActiveReadOnlyBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveReadOnlyBorder = "#515157";
+export const TokenComponentRadioButtonActiveReadOnlyText = "#ffffff";
+export const TokenComponentSearchDefaultBackground = "#343438";
+export const TokenComponentSearchDefaultBorder = "#696970";
+export const TokenComponentSearchDefaultText = "#a3a3ab";
+export const TokenComponentSearchDefaultIcon = "#ffffff";
+export const TokenComponentSearchDefaultHintText = "#a3a3ab";
+export const TokenComponentSearchDefaultSearchIcon = "#a3a3ab";
+export const TokenComponentSearchHoverBackground = "#343438";
+export const TokenComponentSearchHoverBorder = "#c2c2ca";
+export const TokenComponentSearchHoverText = "#a3a3ab";
+export const TokenComponentSearchHoverIcon = "#ffffff";
+export const TokenComponentSearchHoverHintText = "#a3a3ab";
+export const TokenComponentSearchHoverSearchIcon = "#a3a3ab";
+export const TokenComponentSearchFilledBackground = "#343438";
+export const TokenComponentSearchFilledBorder = "#696970";
+export const TokenComponentSearchFilledText = "#ffffff";
+export const TokenComponentSearchFilledIcon = "#ffffff";
+export const TokenComponentSearchFilledHintText = "#a3a3ab";
+export const TokenComponentSearchFilledSearchIcon = "#a3a3ab";
+export const TokenComponentSearchDisabledBackground = "#515157";
+export const TokenComponentSearchDisabledBorder = "#515157";
+export const TokenComponentSearchDisabledText = "#83838c";
+export const TokenComponentSearchDisabledIcon = "#83838c";
+export const TokenComponentSearchDisabledHintText = "#a3a3ab";
+export const TokenComponentSearchDisabledSearchIcon = "#83838c";
+export const TokenComponentSearchErrorBackground = "#343438";
+export const TokenComponentSearchErrorBorder = "#eb9091";
+export const TokenComponentSearchErrorText = "#ffffff";
+export const TokenComponentSearchErrorIcon = "#ffffff";
+export const TokenComponentSearchErrorHintText = "#eb9091";
+export const TokenComponentSearchErrorSearchIcon = "#a3a3ab";
+export const TokenComponentSearchFocusEmptyBackground = "#343438";
+export const TokenComponentSearchFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentSearchFocusEmptyText = "#a3a3ab";
+export const TokenComponentSearchFocusEmptyIcon = "#ffffff";
+export const TokenComponentSearchFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentSearchFocusEmptySearchIcon = "#a3a3ab";
+export const TokenComponentSearchFocusBackground = "#343438";
+export const TokenComponentSearchFocusBorder = "#5bb3ea";
+export const TokenComponentSearchFocusText = "#ffffff";
+export const TokenComponentSearchFocusIcon = "#ffffff";
+export const TokenComponentSearchFocusHintText = "#a3a3ab";
+export const TokenComponentSearchFocusSearchIcon = "#a3a3ab";
+export const TokenComponentSegmentedButtonDefaultBackground = "#3d3d42";
+export const TokenComponentSegmentedButtonDefaultBorder = "#5bb3ea";
+export const TokenComponentSegmentedButtonDefaultText = "#5bb3ea";
+export const TokenComponentSegmentedButtonDefaultIcon = "#5bb3ea";
+export const TokenComponentSegmentedButtonHoverBackground = "#515157";
+export const TokenComponentSegmentedButtonHoverBorder = "#96cff0";
+export const TokenComponentSegmentedButtonHoverText = "#5bb3ea";
+export const TokenComponentSegmentedButtonHoverIcon = "#5bb3ea";
+export const TokenComponentSegmentedButtonDisabledBackground = "#3d3d42";
+export const TokenComponentSegmentedButtonDisabledBorder = "#515157";
+export const TokenComponentSegmentedButtonDisabledText = "#83838c";
+export const TokenComponentSegmentedButtonDisabledIcon = "#83838c";
+export const TokenComponentSegmentedButtonDisabledCheckedBackground = "#515157";
+export const TokenComponentSegmentedButtonDisabledCheckedBorder = "#515157";
+export const TokenComponentSegmentedButtonDisabledCheckedText = "#83838c";
+export const TokenComponentSegmentedButtonDisabledCheckedIcon = "#83838c";
+export const TokenComponentSegmentedButtonActiveBackground = "#5bb3ea";
+export const TokenComponentSegmentedButtonActiveBorder = "#5bb3ea";
+export const TokenComponentSegmentedButtonActiveText = "#343438";
+export const TokenComponentSegmentedButtonActiveIcon = "#343438";
+export const TokenComponentSideNavigationIcon = "#ffffff";
+export const TokenComponentSideNavigationBorder = "#515157";
+export const TokenComponentSideNavigationBackgroundDefault = "#343438";
+export const TokenComponentSideNavigationBackgroundSecondLevel = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemBackground = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemIcon = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemText = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBackground = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBorder = "#515157";
+export const TokenComponentSideNavigationHoverMenuItemBackground = "#3d3d42";
+export const TokenComponentSideNavigationHoverMenuItemIcon = "#ffffff";
+export const TokenComponentSideNavigationHoverMenuItemText = "#ffffff";
+export const TokenComponentSideNavigationHoverMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationHoverMenuItemLabelBackground = "#343438";
+export const TokenComponentSideNavigationHoverMenuItemLabelBorder = "#515157";
+export const TokenComponentSideNavigationSelectedMenuItemBackground = "#5bb3ea";
+export const TokenComponentSideNavigationSelectedMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationSelectedMenuItemText = "#343438";
+export const TokenComponentSideNavigationSelectedMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationSelectedMenuItemLabelBackground = "#0174bc";
+export const TokenComponentSelectDefaultBackground = "#343438";
+export const TokenComponentSelectDefaultBorder = "#696970";
+export const TokenComponentSelectDefaultText = "#a3a3ab";
+export const TokenComponentSelectDefaultIcon = "#ffffff";
+export const TokenComponentSelectDefaultHintText = "#a3a3ab";
+export const TokenComponentSelectDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentSelectHoverBackground = "#343438";
+export const TokenComponentSelectHoverBorder = "#c2c2ca";
+export const TokenComponentSelectHoverText = "#a3a3ab";
+export const TokenComponentSelectHoverIcon = "#ffffff";
+export const TokenComponentSelectHoverHintText = "#a3a3ab";
+export const TokenComponentSelectHoverInfoIcon = "#a3a3ab";
+export const TokenComponentSelectFilledBackground = "#343438";
+export const TokenComponentSelectFilledBorder = "#696970";
+export const TokenComponentSelectFilledText = "#ffffff";
+export const TokenComponentSelectFilledIcon = "#ffffff";
+export const TokenComponentSelectFilledHintText = "#a3a3ab";
+export const TokenComponentSelectFilledInfoIcon = "#a3a3ab";
+export const TokenComponentSelectDisabledBackground = "#515157";
+export const TokenComponentSelectDisabledBorder = "#515157";
+export const TokenComponentSelectDisabledText = "#83838c";
+export const TokenComponentSelectDisabledIcon = "#83838c";
+export const TokenComponentSelectDisabledHintText = "#a3a3ab";
+export const TokenComponentSelectDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentSelectErrorBackground = "#343438";
+export const TokenComponentSelectErrorBorder = "#eb9091";
+export const TokenComponentSelectErrorText = "#ffffff";
+export const TokenComponentSelectErrorIcon = "#ffffff";
+export const TokenComponentSelectErrorHintText = "#eb9091";
+export const TokenComponentSelectErrorInfoIcon = "#a3a3ab";
+export const TokenComponentSelectFocusEmptyBackground = "#343438";
+export const TokenComponentSelectFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentSelectFocusEmptyText = "#a3a3ab";
+export const TokenComponentSelectFocusEmptyIcon = "#ffffff";
+export const TokenComponentSelectFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentSelectFocusEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentSelectFocusBackground = "#343438";
+export const TokenComponentSelectFocusBorder = "#5bb3ea";
+export const TokenComponentSelectFocusText = "#ffffff";
+export const TokenComponentSelectFocusIcon = "#ffffff";
+export const TokenComponentSelectFocusHintText = "#a3a3ab";
+export const TokenComponentSelectFocusInfoIcon = "#a3a3ab";
+export const TokenComponentSelectReadOnlyBackground = "#343438";
+export const TokenComponentSelectReadOnlyText = "#ffffff";
+export const TokenComponentSidePanelBackground = "#3d3d42";
+export const TokenComponentSidePanelText = "#ffffff";
+export const TokenComponentSidePanelBorder = "#515157";
+export const TokenComponentSidePanelIconDefault = "#ffffff";
+export const TokenComponentSidePanelIconHover = "#96cff0";
+export const TokenComponentSwitchActiveDefaultBackground = "#5bb3ea";
+export const TokenComponentSwitchActiveDefaultIcon = "#ffffff";
+export const TokenComponentSwitchActiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchActiveDefaultText = "#ffffff";
+export const TokenComponentSwitchActiveHoverBackground = "#96cff0";
+export const TokenComponentSwitchActiveHoverIcon = "#ffffff";
+export const TokenComponentSwitchActiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchActiveHoverText = "#ffffff";
+export const TokenComponentSwitchActiveFocusBackground = "#5bb3ea";
+export const TokenComponentSwitchActiveFocusIcon = "#ffffff";
+export const TokenComponentSwitchActiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchActiveFocusText = "#ffffff";
+export const TokenComponentSwitchActiveDisabledBackground = "#515157";
+export const TokenComponentSwitchActiveDisabledIcon = "#83838c";
+export const TokenComponentSwitchActiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchActiveDisabledText = "#83838c";
+export const TokenComponentSwitchInactiveDefaultBackground = "#696970";
+export const TokenComponentSwitchInactiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDefaultText = "#ffffff";
+export const TokenComponentSwitchInactiveHoverBackground = "#a3a3ab";
+export const TokenComponentSwitchInactiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchInactiveHoverText = "#ffffff";
+export const TokenComponentSwitchInactiveFocusBackground = "#696970";
+export const TokenComponentSwitchInactiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchInactiveFocusText = "#ffffff";
+export const TokenComponentSwitchInactiveDisabledBackground = "#515157";
+export const TokenComponentSwitchInactiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDisabledText = "#83838c";
+export const TokenComponentTabDefaultText = "#ffffff";
+export const TokenComponentTabDefaultIcon = "#ffffff";
+export const TokenComponentTabDefaultBorder = "#515157";
+export const TokenComponentTabHoverText = "#96cff0";
+export const TokenComponentTabHoverIcon = "#96cff0";
+export const TokenComponentTabHoverBorder = "#515157";
+export const TokenComponentTabActiveText = "#5bb3ea";
+export const TokenComponentTabActiveIcon = "#5bb3ea";
+export const TokenComponentTabActiveBorder = "#5bb3ea";
+export const TokenComponentTabDisabledText = "#83838c";
+export const TokenComponentTabDisabledIcon = "#83838c";
+export const TokenComponentTabDisabledBorder = "#515157";
+export const TokenComponentTagDefaultBackground = "#343438";
+export const TokenComponentTagDefaultBorder = "#696970";
+export const TokenComponentTagDefaultText = "#ffffff";
+export const TokenComponentTagDefaultIconDefault = "#ffffff";
+export const TokenComponentTagDefaultIconHover = "#96cff0";
+export const TokenComponentTagDefaultIconActive = "#5bb3ea";
+export const TokenComponentTagHoverBackground = "#343438";
+export const TokenComponentTagHoverBorder = "#c2c2ca";
+export const TokenComponentTagHoverText = "#ffffff";
+export const TokenComponentTagHoverIconDefault = "#ffffff";
+export const TokenComponentTagHoverIconHover = "#96cff0";
+export const TokenComponentTagHoverIconActive = "#5bb3ea";
+export const TokenComponentTagFocusBackground = "#3d3d42";
+export const TokenComponentTagFocusBorder = "#5bb3ea";
+export const TokenComponentTagFocusText = "#ffffff";
+export const TokenComponentTagFocusIconDefault = "#ffffff";
+export const TokenComponentTagFocusIconHover = "#96cff0";
+export const TokenComponentTagFocusIconActive = "#5bb3ea";
+export const TokenComponentTagErrorBackground = "#343438";
+export const TokenComponentTagErrorBorder = "#eb9091";
+export const TokenComponentTagErrorText = "#ffffff";
+export const TokenComponentTagErrorIconDefault = "#ffffff";
+export const TokenComponentTagErrorIconHover = "#96cff0";
+export const TokenComponentTagErrorIconActive = "#5bb3ea";
+export const TokenComponentTagDisabledBackground = "#515157";
+export const TokenComponentTagDisabledBorder = "#515157";
+export const TokenComponentTagDisabledText = "#83838c";
+export const TokenComponentTagDisabledIcon = "#83838c";
+export const TokenComponentTagReadOnlyBackground = "#343438";
+export const TokenComponentTagReadOnlyBorder = "#515157";
+export const TokenComponentTagReadOnlyText = "#ffffff";
+export const TokenComponentTagReadOnlyIcon = "#ffffff";
+export const TokenComponentTagInputDefaultBackground = "#343438";
+export const TokenComponentTagInputDefaultBorder = "#696970";
+export const TokenComponentTagInputDefaultHintText = "#a3a3ab";
+export const TokenComponentTagInputPlaceholderBackground = "#343438";
+export const TokenComponentTagInputPlaceholderBorder = "#696970";
+export const TokenComponentTagInputPlaceholderText = "#a3a3ab";
+export const TokenComponentTagInputPlaceholderHintText = "#a3a3ab";
+export const TokenComponentTagInputHoverBackground = "#343438";
+export const TokenComponentTagInputHoverBorder = "#c2c2ca";
+export const TokenComponentTagInputHoverText = "#a3a3ab";
+export const TokenComponentTagInputHoverHintText = "#a3a3ab";
+export const TokenComponentTagInputFilledBackground = "#343438";
+export const TokenComponentTagInputFilledBorder = "#696970";
+export const TokenComponentTagInputFilledIcon = "#ffffff";
+export const TokenComponentTagInputFilledHintText = "#a3a3ab";
+export const TokenComponentTagInputDisabledBackground = "#515157";
+export const TokenComponentTagInputDisabledBorder = "#515157";
+export const TokenComponentTagInputDisabledHintText = "#a3a3ab";
+export const TokenComponentTagInputErrorBackground = "#343438";
+export const TokenComponentTagInputErrorBorder = "#eb9091";
+export const TokenComponentTagInputErrorIcon = "#ffffff";
+export const TokenComponentTagInputErrorHintText = "#eb9091";
+export const TokenComponentTagInputFocusEmptyBackground = "#343438";
+export const TokenComponentTagInputFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTagInputFocusEmptyText = "#a3a3ab";
+export const TokenComponentTagInputFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTagInputFocusBackground = "#343438";
+export const TokenComponentTagInputFocusBorder = "#5bb3ea";
+export const TokenComponentTagInputFocusText = "#ffffff";
+export const TokenComponentTagInputFocusHintText = "#a3a3ab";
+export const TokenComponentTextAreaDefaultBackground = "#343438";
+export const TokenComponentTextAreaDefaultBorder = "#696970";
+export const TokenComponentTextAreaDefaultHintText = "#a3a3ab";
+export const TokenComponentTextAreaDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaPlaceholderBackground = "#343438";
+export const TokenComponentTextAreaPlaceholderBorder = "#696970";
+export const TokenComponentTextAreaPlaceholderText = "#a3a3ab";
+export const TokenComponentTextAreaPlaceholderHintText = "#a3a3ab";
+export const TokenComponentTextAreaPlaceholderInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaHoverBackground = "#343438";
+export const TokenComponentTextAreaHoverBorder = "#c2c2ca";
+export const TokenComponentTextAreaHoverText = "#ffffff";
+export const TokenComponentTextAreaHoverIcon = "#ffffff";
+export const TokenComponentTextAreaHoverHintText = "#a3a3ab";
+export const TokenComponentTextAreaHoverInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaHoverEmptyBackground = "#343438";
+export const TokenComponentTextAreaHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentTextAreaHoverEmptyText = "#a3a3ab";
+export const TokenComponentTextAreaHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentTextAreaHoverEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFilledBackground = "#343438";
+export const TokenComponentTextAreaFilledBorder = "#696970";
+export const TokenComponentTextAreaFilledText = "#ffffff";
+export const TokenComponentTextAreaFilledHintText = "#a3a3ab";
+export const TokenComponentTextAreaFilledInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFilledIconDefault = "#ffffff";
+export const TokenComponentTextAreaFilledIconHover = "#96cff0";
+export const TokenComponentTextAreaFilledIconActive = "#5bb3ea";
+export const TokenComponentTextAreaDisabledBackground = "#515157";
+export const TokenComponentTextAreaDisabledBorder = "#515157";
+export const TokenComponentTextAreaDisabledText = "#83838c";
+export const TokenComponentTextAreaDisabledHintText = "#a3a3ab";
+export const TokenComponentTextAreaDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaErrorBackground = "#343438";
+export const TokenComponentTextAreaErrorBorder = "#eb9091";
+export const TokenComponentTextAreaErrorText = "#ffffff";
+export const TokenComponentTextAreaErrorHintText = "#eb9091";
+export const TokenComponentTextAreaErrorInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaErrorIconDefault = "#ffffff";
+export const TokenComponentTextAreaErrorIconHover = "#96cff0";
+export const TokenComponentTextAreaErrorIconActive = "#5bb3ea";
+export const TokenComponentTextAreaFocusEmptyBackground = "#343438";
+export const TokenComponentTextAreaFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTextAreaFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTextAreaFocusEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFocusEmptyIconDefault = "#ffffff";
+export const TokenComponentTextAreaFocusEmptyIconHover = "#96cff0";
+export const TokenComponentTextAreaFocusEmptyIconActive = "#5bb3ea";
+export const TokenComponentTextAreaFocusBackground = "#343438";
+export const TokenComponentTextAreaFocusBorder = "#5bb3ea";
+export const TokenComponentTextAreaFocusText = "#ffffff";
+export const TokenComponentTextAreaFocusHintText = "#a3a3ab";
+export const TokenComponentTextAreaFocusInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFocusIconDefault = "#ffffff";
+export const TokenComponentTextAreaFocusIconHover = "#96cff0";
+export const TokenComponentTextAreaFocusIconActive = "#5bb3ea";
+export const TokenComponentTextAreaReadOnlyText = "#ffffff";
+export const TokenComponentTextAreaReadOnlyHintText = "#a3a3ab";
+export const TokenComponentTextFieldDefaultBackground = "#343438";
+export const TokenComponentTextFieldDefaultBorder = "#696970";
+export const TokenComponentTextFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentTextFieldDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldPlaceholderBackground = "#343438";
+export const TokenComponentTextFieldPlaceholderBorder = "#696970";
+export const TokenComponentTextFieldPlaceholderText = "#a3a3ab";
+export const TokenComponentTextFieldPlaceholderHintText = "#a3a3ab";
+export const TokenComponentTextFieldPlaceholderInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldHoverBackground = "#343438";
+export const TokenComponentTextFieldHoverBorder = "#c2c2ca";
+export const TokenComponentTextFieldHoverText = "#ffffff";
+export const TokenComponentTextFieldHoverIcon = "#ffffff";
+export const TokenComponentTextFieldHoverHintText = "#a3a3ab";
+export const TokenComponentTextFieldHoverInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldHoverEmptyBackground = "#343438";
+export const TokenComponentTextFieldHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentTextFieldHoverEmptyText = "#a3a3ab";
+export const TokenComponentTextFieldHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentTextFieldHoverEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFilledBackground = "#343438";
+export const TokenComponentTextFieldFilledBorder = "#696970";
+export const TokenComponentTextFieldFilledText = "#ffffff";
+export const TokenComponentTextFieldFilledHintText = "#a3a3ab";
+export const TokenComponentTextFieldFilledInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFilledIconDefault = "#ffffff";
+export const TokenComponentTextFieldFilledIconHover = "#96cff0";
+export const TokenComponentTextFieldFilledIconActive = "#5bb3ea";
+export const TokenComponentTextFieldDisabledBackground = "#515157";
+export const TokenComponentTextFieldDisabledBorder = "#515157";
+export const TokenComponentTextFieldDisabledText = "#83838c";
+export const TokenComponentTextFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentTextFieldDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldErrorBackground = "#343438";
+export const TokenComponentTextFieldErrorBorder = "#eb9091";
+export const TokenComponentTextFieldErrorText = "#ffffff";
+export const TokenComponentTextFieldErrorHintText = "#eb9091";
+export const TokenComponentTextFieldErrorInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldErrorIconDefault = "#ffffff";
+export const TokenComponentTextFieldErrorIconHover = "#96cff0";
+export const TokenComponentTextFieldErrorIconActive = "#5bb3ea";
+export const TokenComponentTextFieldFocusEmptyBackground = "#343438";
+export const TokenComponentTextFieldFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTextFieldFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTextFieldFocusEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFocusEmptyIconDefault = "#ffffff";
+export const TokenComponentTextFieldFocusEmptyIconHover = "#96cff0";
+export const TokenComponentTextFieldFocusEmptyIconActive = "#5bb3ea";
+export const TokenComponentTextFieldFocusBackground = "#343438";
+export const TokenComponentTextFieldFocusBorder = "#5bb3ea";
+export const TokenComponentTextFieldFocusText = "#ffffff";
+export const TokenComponentTextFieldFocusHintText = "#a3a3ab";
+export const TokenComponentTextFieldFocusInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFocusIconDefault = "#ffffff";
+export const TokenComponentTextFieldFocusIconHover = "#96cff0";
+export const TokenComponentTextFieldFocusIconActive = "#5bb3ea";
+export const TokenComponentTextFieldReadOnlyText = "#ffffff";
+export const TokenComponentTextFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentTimePickerDefaultBackground = "#343438";
+export const TokenComponentTimePickerDefaultBorder = "#696970";
+export const TokenComponentTimePickerDefaultText = "#a3a3ab";
+export const TokenComponentTimePickerDefaultIcon = "#ffffff";
+export const TokenComponentTimePickerDefaultHintText = "#a3a3ab";
+export const TokenComponentTimePickerHoverBackground = "#343438";
+export const TokenComponentTimePickerHoverBorder = "#c2c2ca";
+export const TokenComponentTimePickerHoverText = "#a3a3ab";
+export const TokenComponentTimePickerHoverIcon = "#ffffff";
+export const TokenComponentTimePickerHoverHintText = "#a3a3ab";
+export const TokenComponentTimePickerFilledBackground = "#343438";
+export const TokenComponentTimePickerFilledBorder = "#696970";
+export const TokenComponentTimePickerFilledText = "#ffffff";
+export const TokenComponentTimePickerFilledIcon = "#ffffff";
+export const TokenComponentTimePickerFilledHintText = "#a3a3ab";
+export const TokenComponentTimePickerDisabledBackground = "#515157";
+export const TokenComponentTimePickerDisabledBorder = "#515157";
+export const TokenComponentTimePickerDisabledText = "#83838c";
+export const TokenComponentTimePickerDisabledIcon = "#83838c";
+export const TokenComponentTimePickerDisabledHintText = "#a3a3ab";
+export const TokenComponentTimePickerErrorBackground = "#343438";
+export const TokenComponentTimePickerErrorBorder = "#eb9091";
+export const TokenComponentTimePickerErrorText = "#ffffff";
+export const TokenComponentTimePickerErrorIcon = "#ffffff";
+export const TokenComponentTimePickerErrorHintText = "#eb9091";
+export const TokenComponentTimePickerFocusEmptyBackground = "#343438";
+export const TokenComponentTimePickerFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTimePickerFocusEmptyText = "#a3a3ab";
+export const TokenComponentTimePickerFocusEmptyIcon = "#ffffff";
+export const TokenComponentTimePickerFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTimePickerFocusBackground = "#343438";
+export const TokenComponentTimePickerFocusBorder = "#5bb3ea";
+export const TokenComponentTimePickerFocusText = "#ffffff";
+export const TokenComponentTimePickerFocusIcon = "#ffffff";
+export const TokenComponentTimePickerFocusHintText = "#a3a3ab";
+export const TokenComponentTimePickerReadOnlyText = "#ffffff";
+export const TokenComponentTooltipBackground = "#ffffff";
+export const TokenComponentTooltipText = "#343438";
+export const TokenComponentTreeText = "#ffffff";
+export const TokenComponentTreeBorder = "#515157";
+export const TokenComponentTreeIconDefault = "#ffffff";
+export const TokenComponentTreeIconHover = "#96cff0";
+export const TokenComponentTreeIconActive = "#5bb3ea";
+export const TokenComponentTreeBackgroundDefault = "#343438";
+export const TokenComponentTreeBackgroundHover = "#3d3d42";
+export const TokenComponentTreeExpandedAreaBorder = "#696970";
+export const TokenComponentWidgetDownloadText = "#ffffff";
+export const TokenComponentWidgetDownloadBorder = "#515157";
+export const TokenComponentWidgetDownloadBackgroundHeader = "#343438";
+export const TokenComponentWidgetDownloadBackgroundDefault = "#3d3d42";
+export const TokenComponentWidgetDownloadIconDefault = "#ffffff";
+export const TokenComponentWidgetDownloadIconSuccess = "#65ba75";
+export const TokenComponentWidgetDownloadIconError = "#eb9091";
+export const TokenComponentWidgetUploadDefaultBackground = "#343438";
+export const TokenComponentWidgetUploadDefaultBorder = "#696970";
+export const TokenComponentWidgetUploadDefaultIcon = "#ffffff";
+export const TokenComponentWidgetUploadDefaultTextDefault = "#ffffff";
+export const TokenComponentWidgetUploadDefaultTextLink = "#5bb3ea";
+export const TokenComponentWidgetUploadHoverBackground = "#3d3d42";
+export const TokenComponentWidgetUploadHoverBorder = "#5bb3ea";
+export const TokenComponentWidgetUploadHoverIcon = "#ffffff";
+export const TokenComponentWidgetUploadHoverTextDefault = "#ffffff";
+export const TokenComponentWidgetUploadHoverTextLink = "#5bb3ea";
+export const TokenComponentWidgetUploadDisabledBackground = "#515157";
+export const TokenComponentWidgetUploadDisabledBorder = "#515157";
+export const TokenComponentWidgetUploadDisabledIcon = "#83838c";
+export const TokenComponentWidgetUploadDisabledText = "#83838c";
+export const TokenComponentStepperHorizontalLine = "#515157";
+export const TokenComponentStepperHorizontalPastItemCircleBackground = "#3d3d42";
+export const TokenComponentStepperHorizontalPastItemCircleBorder = "#5bb3ea";
+export const TokenComponentStepperHorizontalPastItemCircleText = "#5bb3ea";
+export const TokenComponentStepperHorizontalPastItemCircleIcon = "#5bb3ea";
+export const TokenComponentStepperHorizontalPastItemTextDefault = "#ffffff";
+export const TokenComponentStepperHorizontalPastItemTextHover = "#5bb3ea";
+export const TokenComponentStepperHorizontalCurrentItemCircleBackground = "#5bb3ea";
+export const TokenComponentStepperHorizontalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperHorizontalCurrentItemTextDefault = "#ffffff";
+export const TokenComponentStepperHorizontalCurrentItemTextHover = "#5bb3ea";
+export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#343438";
+export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#515157";
+export const TokenComponentStepperHorizontalFutureItemCircleText = "#83838c";
+export const TokenComponentStepperHorizontalFutureItemText = "#83838c";
+export const TokenComponentStepperVerticalBackground = "#3d3d42";
+export const TokenComponentStepperVerticalBorder = "#515157";
+export const TokenComponentStepperVerticalIcon = "#ffffff";
+export const TokenComponentStepperVerticalPastItemCircleBackground = "#3d3d42";
+export const TokenComponentStepperVerticalPastItemCircleBorder = "#5bb3ea";
+export const TokenComponentStepperVerticalPastItemCircleText = "#5bb3ea";
+export const TokenComponentStepperVerticalPastItemCircleIcon = "#5bb3ea";
+export const TokenComponentStepperVerticalPastItemTextDefault = "#ffffff";
+export const TokenComponentStepperVerticalPastItemTextHover = "#5bb3ea";
+export const TokenComponentStepperVerticalCurrentItemIcon = "#5bb3ea";
+export const TokenComponentStepperVerticalCurrentItemCircleBackground = "#5bb3ea";
+export const TokenComponentStepperVerticalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperVerticalCurrentItemTextDefault = "#ffffff";
+export const TokenComponentStepperVerticalCurrentItemTextHover = "#5bb3ea";
+export const TokenComponentStepperVerticalFutureItemCircleBackground = "#343438";
+export const TokenComponentStepperVerticalFutureItemCircleBorder = "#696970";
+export const TokenComponentStepperVerticalFutureItemCircleText = "#a3a3ab";
+export const TokenComponentStepperVerticalFutureItemTextDefault = "#ffffff";
+export const TokenComponentStepperVerticalFutureItemTextHover = "#5bb3ea";
+export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#343438";
+export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#515157";
+export const TokenComponentStepperVerticalDisabledItemCircleText = "#83838c";
+export const TokenComponentStepperVerticalDisabledItemText = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#ffffff";
+export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#96cff0";
+export const TokenComponentAdvancedSearchFilterIconAppliedIcon = "#5bb3ea";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeBackground = "#d63c42";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterIconDisabledIcon = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeBackground = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaBackground = "#343438";
+export const TokenComponentAdvancedSearchFilterAreaBorder = "#515157";
+export const TokenComponentAdvancedSearchFilterAreaTextDefault = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaTextLink = "#5bb3ea";
+export const TokenComponentAdvancedSearchFilterAreaIconDefault = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaIconHover = "#96cff0";
+export const TokenComponentAdvancedSearchFilterAreaIconDisabled = "#83838c";
+export const TokenComponentAdvancedSearchFilterAreaTagBackground = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterAreaTagBorder = "#515157";
+export const TokenComponentAdvancedSearchFilterAreaTagOperatorIcon = "#c25d05";
+export const TokenComponentAdvancedSearchFilterAreaTagIconDefault = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaTagIconHover = "#96cff0";
+export const TokenComponentSegmentedStatusButtonDefaultBackground = "#3d3d42";
+export const TokenComponentSegmentedStatusButtonDefaultBorder = "#696970";
+export const TokenComponentSegmentedStatusButtonDefaultText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDefaultIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonHoverBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonHoverBorder = "#696970";
+export const TokenComponentSegmentedStatusButtonHoverText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonHoverIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledBackground = "#3d3d42";
+export const TokenComponentSegmentedStatusButtonDisabledBorder = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonActivePositiveBackground = "#65ba75";
+export const TokenComponentSegmentedStatusButtonActivePositiveText = "#343438";
+export const TokenComponentSegmentedStatusButtonActivePositiveIcon = "#343438";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonActiveNegativeBackground = "#eb9091";
+export const TokenComponentSegmentedStatusButtonActiveNegativeText = "#343438";
+export const TokenComponentSegmentedStatusButtonActiveNegativeIcon = "#343438";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonActiveNeutralBackground = "#696970";
+export const TokenComponentSegmentedStatusButtonActiveNeutralText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActiveNeutralIcon = "#ffffff";
+export const TokenComponentLinkSelectDefaultText = "#5bb3ea";
+export const TokenComponentLinkSelectDefaultIcon = "#ffffff";
+export const TokenComponentLinkSelectHoverText = "#96cff0";
+export const TokenComponentLinkSelectHoverIcon = "#96cff0";
+export const TokenComponentLinkSelectFilledText = "#5bb3ea";
+export const TokenComponentLinkSelectFilledIcon = "#ffffff";
+export const TokenComponentLinkSelectDisabledText = "#83838c";
+export const TokenComponentLinkSelectDisabledIcon = "#83838c";
+export const TokenComponentLinkSelectFocusText = "#5bb3ea";
+export const TokenComponentLinkSelectFocusIcon = "#ffffff";
+export const TokenComponentLinkSelectReadOnlyText = "#ffffff";
diff --git a/dist/themes/dark/tokens.scss b/dist/themes/dark/tokens.scss
new file mode 100644
index 0000000..919394c
--- /dev/null
+++ b/dist/themes/dark/tokens.scss
@@ -0,0 +1,1607 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$token-global-color-neutrals-5: #f7f7fa; // Page background color, disabled form elements fill (input, text area, etc)
+$token-global-color-neutrals-10: #ededf2; // UI element bg
+$token-global-color-neutrals-20: #e5e5ea; // Subtle background
+$token-global-color-neutrals-30: #d6d6dd; // Container border, divider, stroke
+$token-global-color-neutrals-40: #c2c2ca; // Disabled border
+$token-global-color-neutrals-50: #a3a3ab;
+$token-global-color-neutrals-60: #83838c; // Default field border
+$token-global-color-neutrals-70: #696970; // Color for text placeholder and hints
+$token-global-color-neutrals-80: #515157;
+$token-global-color-neutrals-90: #3d3d42; // Default icon color, hover color for fields border
+$token-global-color-neutrals-100: #343438; // Default text color
+$token-global-color-neutrals-black: #232326; // Global header and footer
+$token-global-color-neutrals-white: #ffffff;
+$token-global-color-brand-5: #f5fbff;
+$token-global-color-brand-10: #edf8ff;
+$token-global-color-brand-20: #e1f4ff;
+$token-global-color-brand-30: #ceedfe;
+$token-global-color-brand-40: #afdef8;
+$token-global-color-brand-50: #96cff0;
+$token-global-color-brand-60: #5bb3ea;
+$token-global-color-brand-70: #009cde; // Akamai Blue
+$token-global-color-brand-80: #108ad6;
+$token-global-color-brand-90: #0174bc; // Akamai Websafe Blue
+$token-global-color-brand-100: #00314d;
+$token-global-color-red-5: #fff8f8;
+$token-global-color-red-10: #ffefef;
+$token-global-color-red-20: #ffe5e5;
+$token-global-color-red-30: #fdd8d8;
+$token-global-color-red-40: #f9c6c6;
+$token-global-color-red-50: #f3aeaf;
+$token-global-color-red-60: #eb9091;
+$token-global-color-red-70: #d63c42; // Critical or high severity
+$token-global-color-red-80: #d0343a; // Akamai Red
+$token-global-color-red-90: #b82329;
+$token-global-color-red-100: #381316;
+$token-global-color-orange-5: #fef9f4;
+$token-global-color-orange-10: #fff3e7;
+$token-global-color-orange-20: #ffebd7;
+$token-global-color-orange-30: #ffe1c3;
+$token-global-color-orange-40: #facfa4;
+$token-global-color-orange-50: #f2b67b;
+$token-global-color-orange-60: #f09d4b;
+$token-global-color-orange-70: #fe9933; // Akamai Orange. High or medium severity
+$token-global-color-orange-80: #f0821d;
+$token-global-color-orange-90: #c25d05;
+$token-global-color-orange-100: #451e11;
+$token-global-color-amber-5: #fff9ed;
+$token-global-color-amber-10: #fff4d5;
+$token-global-color-amber-20: #ffecbc;
+$token-global-color-amber-30: #ffe3a2;
+$token-global-color-amber-40: #facf83;
+$token-global-color-amber-50: #f3ba63;
+$token-global-color-amber-60: #edb016;
+$token-global-color-amber-70: #fecb34; // Medium or low severity
+$token-global-color-amber-80: #f2b90e;
+$token-global-color-amber-90: #ce9a00;
+$token-global-color-amber-100: #403104;
+$token-global-color-yellow-5: #ffffeb;
+$token-global-color-yellow-10: #fafadf;
+$token-global-color-yellow-20: #f9f9c9;
+$token-global-color-yellow-30: #f8f8b6;
+$token-global-color-yellow-40: #f5f596;
+$token-global-color-yellow-50: #e8e86a;
+$token-global-color-yellow-60: #dfdf39;
+$token-global-color-yellow-70: #f5f531;
+$token-global-color-yellow-80: #e5e50a;
+$token-global-color-yellow-90: #bfbf0d;
+$token-global-color-yellow-100: #35290f;
+$token-global-color-lime-5: #f7fcf0;
+$token-global-color-lime-10: #eefadc;
+$token-global-color-lime-20: #e4f7c7;
+$token-global-color-lime-30: #d7f2b0;
+$token-global-color-lime-40: #c9e894;
+$token-global-color-lime-50: #b1d16a;
+$token-global-color-lime-60: #94ba2c;
+$token-global-color-lime-70: #99d52a;
+$token-global-color-lime-80: #93c926;
+$token-global-color-lime-90: #5d770d;
+$token-global-color-lime-100: #263209;
+$token-global-color-green-5: #f3fcf3;
+$token-global-color-green-10: #ebf9eb;
+$token-global-color-green-20: #dff3df;
+$token-global-color-green-30: #ceebcf;
+$token-global-color-green-40: #b7dfba;
+$token-global-color-green-50: #97cf9c;
+$token-global-color-green-60: #65ba75;
+$token-global-color-green-70: #00b050; // Akamai Green. Low severity (human)
+$token-global-color-green-80: #07a04d;
+$token-global-color-green-90: #138246;
+$token-global-color-green-100: #1b311e;
+$token-global-color-teal-5: #f1fcfa;
+$token-global-color-teal-10: #e7f9f5;
+$token-global-color-teal-20: #d9f3ee;
+$token-global-color-teal-30: #c7ebe5;
+$token-global-color-teal-40: #afdfd7;
+$token-global-color-teal-50: #8dcec3;
+$token-global-color-teal-60: #53b9ab;
+$token-global-color-teal-70: #12a594;
+$token-global-color-teal-80: #0e9888;
+$token-global-color-teal-90: #067a6f;
+$token-global-color-teal-100: #10302b;
+$token-global-color-cyan-5: #f2fcfd;
+$token-global-color-cyan-10: #e7f9fb;
+$token-global-color-cyan-20: #d8f3f6;
+$token-global-color-cyan-30: #aadee6;
+$token-global-color-cyan-40: #84cdda;
+$token-global-color-cyan-50: #84cdda;
+$token-global-color-cyan-60: #3db9cf;
+$token-global-color-cyan-70: #05a2c2;
+$token-global-color-cyan-80: #0894b3;
+$token-global-color-cyan-90: #0c7792;
+$token-global-color-cyan-100: #04313c;
+$token-global-color-ultramarine-5: #f8faff;
+$token-global-color-ultramarine-10: #f0f4ff;
+$token-global-color-ultramarine-20: #e6edfe;
+$token-global-color-ultramarine-30: #d9e2fc;
+$token-global-color-ultramarine-40: #c6d4f9;
+$token-global-color-ultramarine-50: #aec0f5;
+$token-global-color-ultramarine-60: #8da4ef;
+$token-global-color-ultramarine-70: #4067e5;
+$token-global-color-ultramarine-80: #3a5ccc;
+$token-global-color-ultramarine-90: #3451b2;
+$token-global-color-ultramarine-100: #002856; // Akamai Dark Navy
+$token-global-color-violet-5: #fbfaff;
+$token-global-color-violet-10: #f5f2ff;
+$token-global-color-violet-20: #ede9fe;
+$token-global-color-violet-30: #e4defc;
+$token-global-color-violet-40: #d7cff9;
+$token-global-color-violet-50: #c4b8f3;
+$token-global-color-violet-60: #aa99ec;
+$token-global-color-violet-70: #7259d6;
+$token-global-color-violet-80: #644fc1;
+$token-global-color-violet-90: #5746af;
+$token-global-color-violet-100: #20134b;
+$token-global-color-purple-5: #fdfaff;
+$token-global-color-purple-10: #f9f1fe;
+$token-global-color-purple-20: #f3e7fc;
+$token-global-color-purple-30: #eddbf9;
+$token-global-color-purple-40: #e3ccf4;
+$token-global-color-purple-50: #d3b4ed;
+$token-global-color-purple-60: #be93e4;
+$token-global-color-purple-70: #8e4ec6;
+$token-global-color-purple-80: #8445bc;
+$token-global-color-purple-90: #753bbd; // Akamai Purple
+$token-global-color-purple-100: #2b0e44;
+$token-global-color-magenta-5: #fff8ff;
+$token-global-color-magenta-10: #fceffc;
+$token-global-color-magenta-20: #f9e5f9;
+$token-global-color-magenta-30: #f3d9f4;
+$token-global-color-magenta-40: #ebc8ed;
+$token-global-color-magenta-50: #dfafe3;
+$token-global-color-magenta-60: #cf91d8;
+$token-global-color-magenta-70: #ab4aba; // Critical severity
+$token-global-color-magenta-80: #a43cb4;
+$token-global-color-magenta-90: #9c2bad;
+$token-global-color-magenta-100: #340c3b;
+$token-global-color-pink-5: #fff7fc;
+$token-global-color-pink-10: #feeef8;
+$token-global-color-pink-20: #fce5f3;
+$token-global-color-pink-30: #f9d8ec;
+$token-global-color-pink-40: #f3c6e2;
+$token-global-color-pink-50: #ecadd4;
+$token-global-color-pink-60: #e38ec3;
+$token-global-color-pink-70: #e043a7;
+$token-global-color-pink-80: #d23197;
+$token-global-color-pink-90: #cd1d8d;
+$token-global-color-pink-100: #3b0a2a;
+$token-global-color-brown-5: #fbf9f2;
+$token-global-color-brown-10: #f5f2e9;
+$token-global-color-brown-20: #eeeadd;
+$token-global-color-brown-30: #e5dfd0;
+$token-global-color-brown-40: #dad1bd;
+$token-global-color-brown-50: #cbbda4;
+$token-global-color-brown-60: #b8a383;
+$token-global-color-brown-70: #978365;
+$token-global-color-brown-80: #8c795d;
+$token-global-color-brown-90: #776750;
+$token-global-color-brown-100: #3b352b;
+$token-global-spacing-0: 0rem;
+$token-global-spacing-10: 0.125rem; // 2px
+$token-global-spacing-20: 0.25rem; // 4px
+$token-global-spacing-30: 0.375rem; // 6px
+$token-global-spacing-40: 0.5rem; // 8px
+$token-global-spacing-50: 0.75rem; // 12px
+$token-global-spacing-60: 1rem; // 16px
+$token-global-spacing-70: 1.5rem; // 24px
+$token-global-spacing-80: 2rem; // 32px
+$token-global-spacing-90: 3rem; // 48px
+$token-global-font-font-family-brand: 'Nunito Sans';
+$token-global-font-font-family-code: 'Fira Code';
+$token-global-font-font-weight-semibold: 600;
+$token-global-font-font-weight-bold: 700;
+$token-global-font-font-weight-extrabold: 800;
+$token-global-font-font-weight-regular-normal: 400;
+$token-global-font-font-weight-regular-italic: 400;
+$token-global-font-font-size-xxxs: 0.75rem; // 12px
+$token-global-font-font-size-xxs: 0.813rem; // 13px
+$token-global-font-font-size-xs: 0.875rem; // 14px
+$token-global-font-font-size-s: 1rem; // 16px
+$token-global-font-font-size-m: 1.125rem; // 18px
+$token-global-font-font-size-l: 1.25rem; // 20px
+$token-global-font-font-size-xl: 1.5rem; // 24px
+$token-global-font-font-size-xxl: 1.75rem; // 28px
+$token-global-font-font-size-xxxl: 2.25rem; // 36px
+$token-global-font-line-height-xxxs: 1rem; // 16px
+$token-global-font-line-height-xxs: 1.125rem; // 18px
+$token-global-font-line-height-xs: 1.25rem; // 20px
+$token-global-font-line-height-s: 1.5rem; // 24px
+$token-global-font-line-height-m: 1.625rem; // 26px
+$token-global-font-line-height-l: 1.875rem; // 30px
+$token-global-font-line-height-xl: 2rem; // 32px
+$token-global-font-line-height-xxl: 2.375rem; // 38px
+$token-global-font-line-height-xxxl: 2.625rem; // 42px
+$token-global-font-textcase-uppercase: uppercase;
+$token-global-border-radius-none: 0rem;
+$token-alias-content-text-base: #343438;
+$token-alias-content-text-negative: #eb9091; // Error message text
+$token-alias-content-text-warning: #fecb34;
+$token-alias-content-text-positive: #00b050;
+$token-alias-content-text-informative: #4067e5;
+$token-alias-content-text-primary-default: #ffffff; // Primary text color
+$token-alias-content-text-primary-disabled: #83838c;
+$token-alias-content-text-secondary-default: #a3a3ab; // Placeholder text
+$token-alias-content-text-secondary-disabled: #83838c;
+$token-alias-content-text-link-default: #5bb3ea;
+$token-alias-content-text-link-hover: #96cff0;
+$token-alias-content-text-link-disabled: #83838c;
+$token-alias-content-icon-base: #343438;
+$token-alias-content-icon-negative: #eb9091;
+$token-alias-content-icon-warning: #edb016;
+$token-alias-content-icon-positive: #65ba75;
+$token-alias-content-icon-informative: #8da4ef;
+$token-alias-content-icon-primary-default: #ffffff; // Default icon color
+$token-alias-content-icon-primary-hover: #96cff0;
+$token-alias-content-icon-primary-active: #5bb3ea;
+$token-alias-content-icon-primary-disabled: #83838c;
+$token-alias-content-icon-secondary-default: #a3a3ab;
+$token-alias-content-icon-secondary-disabled: #83838c;
+$token-alias-border-normal: #515157; // Static component border
+$token-alias-border-neutral: #c2c2ca; // Secondary notification banner border
+$token-alias-border-negative: #eb9091;
+$token-alias-border-warning: #edb016;
+$token-alias-border-positive: #65ba75;
+$token-alias-border-informative: #8da4ef;
+$token-alias-background-normal: #3d3d42; // Default component background
+$token-alias-background-neutral: #343438; // Default page background
+$token-alias-background-base: #ffffff; // Tooltip background
+$token-alias-background-negative: #d63c42;
+$token-alias-background-warning: #fecb34;
+$token-alias-background-positive: #00b050;
+$token-alias-background-informative: #4067e5;
+$token-alias-background-black: #232326; // Use only for a global header and global footer background
+$token-alias-background-negativesubtle: #515157;
+$token-alias-background-warningsubtle: #515157;
+$token-alias-background-positivesubtle: #515157;
+$token-alias-background-informativesubtle: #515157;
+$token-alias-background-neutralsubtle: #515157;
+$token-alias-background-overlay: lch(13.8 2.09 286 / 0.84);
+$token-alias-action-base: #3d3d42;
+$token-alias-action-neutral: #696970;
+$token-alias-action-white50: rgba(255, 255, 255, 0.5); // Transparent disabled switcher circle
+$token-alias-action-primary-default: #5bb3ea; // Brand action color
+$token-alias-action-primary-hover: #96cff0;
+$token-alias-action-primary-active: #5bb3ea;
+$token-alias-action-primary-disabled: #515157;
+$token-alias-action-secondary-hover: #515157;
+$token-alias-action-secondary-disabled: #515157;
+$token-alias-action-tertiary-disabled: #515157;
+$token-alias-action-positive-default: #65ba75;
+$token-alias-action-positive-disabled: #515157;
+$token-alias-action-negative-default: #eb9091;
+$token-alias-action-negative-disabled: #515157;
+$token-alias-interaction-border-default: #696970; // Default inputs border
+$token-alias-interaction-border-hover: #c2c2ca;
+$token-alias-interaction-border-focus: #5bb3ea;
+$token-alias-interaction-border-error: #eb9091;
+$token-alias-interaction-border-disabled: #515157;
+$token-alias-interaction-background-primary: #343438; // Default component background color
+$token-alias-interaction-background-secondary: #343438;
+$token-alias-interaction-background-tertiary: #3d3d42;
+$token-alias-interaction-background-elevated: #515157; // Calendar range background, table row hover 
+$token-alias-interaction-background-accent: #5bb3ea;
+$token-alias-interaction-background-active: #5bb3ea;
+$token-alias-interaction-background-disabled: #515157;
+$token-alias-elevation-s: 0 2px 6px 0 rgba(0,0,0,0.18); // Default shadow for components, like notification banners, dropdowns, popups;
+$token-alias-elevation-s-inverted: 0 -2px 6px 0 rgba(0,0,0,0.18); // Inverted shadow for elements that appear above the component
+$token-alias-elevation-l: 0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08); // Shadow for modals
+$token-alias-typography-heading-xxxl: 700 2.25rem/2.625rem 'Nunito Sans'; // Promo banners, KPIs
+$token-alias-typography-heading-xxl: 800 1.75rem/2rem 'Nunito Sans'; // Main titles - h1
+$token-alias-typography-heading-xl: 700 1.5rem/1.875rem 'Nunito Sans'; // Second level title - h2
+$token-alias-typography-heading-l: 700 1.25rem/1.625rem 'Nunito Sans'; // Third level title - h3
+$token-alias-typography-heading-m: 700 1.125rem/1.5rem 'Nunito Sans'; // Drawer, modal title - h4
+$token-alias-typography-heading-s: 700 1rem/1.25rem 'Nunito Sans'; // Advanced search, bars, master switch titles - h5
+$token-alias-typography-heading-xs: 700 0.875rem/1.125rem 'Nunito Sans'; // Low level headings - h6
+$token-alias-typography-heading-overline: 800 0.75rem/1rem 'Nunito Sans'; // Custom labels for content blocks
+$token-alias-typography-heading-overline-letter-spacing: 0.023rem; // Overline letter spacing
+$token-alias-typography-heading-overline-text-case: uppercase; // Overline text case
+$token-alias-typography-body-regular: 400 0.875rem/1.25rem 'Nunito Sans'; // Main body text
+$token-alias-typography-body-semibold: 600 0.875rem/1.25rem 'Nunito Sans'; // Light emphasis
+$token-alias-typography-body-bold: 700 0.875rem/1.25rem 'Nunito Sans'; // Emphasis
+$token-alias-typography-body-extrabold: 800 0.875rem/1.25rem 'Nunito Sans'; // Max emphasis
+$token-alias-typography-body-list: 400 0.875rem/1.25rem 'Nunito Sans'; // For list items
+$token-alias-typography-body-italic: 400 0.875rem/1.25rem 'Nunito Sans';
+$token-alias-typography-label-semibold-l: 600 1rem/1.25rem 'Nunito Sans'; // Large tabs
+$token-alias-typography-label-semibold-s: 600 0.875rem/1rem 'Nunito Sans'; // Large buttons, list, segmented buttons, side navigation, small tables
+$token-alias-typography-label-semibold-xs: 600 0.75rem/1rem 'Nunito Sans'; // Small buttons, tags, warning message under field
+$token-alias-typography-label-bold-l: 700 1rem/1.25rem 'Nunito Sans'; // Card, content panel, vertical stepper
+$token-alias-typography-label-bold-s: 700 0.875rem/1rem 'Nunito Sans'; // Field labels, table header, date&time pickers
+$token-alias-typography-label-bold-xs: 700 0.75rem/0.875rem 'Nunito Sans'; // Badge number
+$token-alias-typography-label-regular-s: 400 0.875rem/1rem 'Nunito Sans'; // Field entered text, dropdown item, table cell, pagination
+$token-alias-typography-label-regular-xs: 400 0.75rem/1rem 'Nunito Sans'; // Optional text, small dropdown item
+$token-alias-typography-label-regular-placeholder: 400 0.875rem/1rem 'Nunito Sans';
+$token-alias-typography-code: 400 0.813rem/1.25rem 'Fira Code'; // Code samples
+$token-alias-accent-info-primary: #aec0f5;
+$token-alias-accent-info-secondary: lch(77.7 28.7 275 / 0.12);
+$token-alias-accent-neutral-primary: #c2c2ca;
+$token-alias-accent-neutral-secondary: lch(78.6 4.18 286 / 0.12);
+$token-alias-accent-warning-primary: #f2b67b;
+$token-alias-accent-warning-secondary: lch(79.6 53.6 74.4 / 0.12);
+$token-alias-accent-negative-primary: #f3aeaf;
+$token-alias-accent-negative-secondary: lch(77.8 28 21.1 / 0.12);
+$token-alias-accent-positive-primary: #97cf9c;
+$token-alias-accent-positive-secondary: lch(78.2 32.7 144 / 0.12);
+$token-alias-accent-important-primary: #d3b4ed;
+$token-alias-accent-important-secondary: lch(77.5 31.1 309 / 0.12);
+$token-alias-accent-pink-primary: #ecadd4;
+$token-alias-accent-pink-secondary: lch(77.6 29.9 340 / 0.12);
+$token-alias-accent-violet-primary: #c4b8f3;
+$token-alias-accent-violet-secondary: lch(77.3 30.9 295 / 0.12);
+$token-alias-chart-neutral: #515157;
+$token-alias-chart-categorical-1-primary: #4067e5;
+$token-alias-chart-categorical-1-inactive: #d9e2fc;
+$token-alias-chart-categorical-1-transparent: lch(46.5 72.3 286 / 0.2);
+$token-alias-chart-categorical-2-primary: #fe9933;
+$token-alias-chart-categorical-2-inactive: #ffe1c3;
+$token-alias-chart-categorical-2-transparent: lch(72.9 74.2 63 / 0.2);
+$token-alias-chart-categorical-3-primary: #12a594;
+$token-alias-chart-categorical-3-inactive: #c7ebe5;
+$token-alias-chart-categorical-3-transparent: lch(60.7 39.7 183 / 0.2);
+$token-alias-chart-categorical-4-primary: #ab4aba;
+$token-alias-chart-categorical-4-inactive: #f3d9f4;
+$token-alias-chart-categorical-4-transparent: lch(48.2 66.6 322 / 0.2);
+$token-alias-chart-categorical-5-primary: #d63c42;
+$token-alias-chart-categorical-5-inactive: #fdd8d8;
+$token-alias-chart-categorical-5-transparent: lch(50.1 69.5 29.4 / 0.2);
+$token-alias-chart-categorical-6-primary: #05a2c2;
+$token-alias-chart-categorical-6-inactive: #aadee6;
+$token-alias-chart-categorical-6-transparent: lch(61 38.6 224 / 0.2);
+$token-alias-chart-categorical-7-primary: #e043a7;
+$token-alias-chart-categorical-7-inactive: #f9d8ec;
+$token-alias-chart-categorical-7-transparent: lch(55 70 344 / 0.2);
+$token-alias-chart-categorical-8-primary: #00b050;
+$token-alias-chart-categorical-8-inactive: #ceebcf;
+$token-alias-chart-categorical-8-transparent: lch(63 67 146 / 0.2);
+$token-alias-chart-categorical-9-primary: #7259d6;
+$token-alias-chart-categorical-9-inactive: #e4defc;
+$token-alias-chart-categorical-9-transparent: lch(45.6 71 299 / 0.2);
+$token-alias-chart-categorical-10-primary: #99d52a;
+$token-alias-chart-categorical-10-inactive: #d7f2b0;
+$token-alias-chart-categorical-10-transparent: lch(79 79.1 118 / 0.2);
+$token-alias-chart-categorical-11-primary: #696970;
+$token-alias-chart-categorical-11-inactive: #d6d6dd;
+$token-alias-chart-categorical-11-transparent: lch(44.6 4.09 286 / 0.2);
+$token-alias-chart-categorical-12-primary: #8da4ef;
+$token-alias-chart-categorical-12-inactive: #d9e2fc;
+$token-alias-chart-categorical-12-transparent: lch(67.9 41.2 278 / 0.2);
+$token-alias-chart-categorical-13-primary: #c25d05;
+$token-alias-chart-categorical-13-inactive: #ffe1c3;
+$token-alias-chart-categorical-13-transparent: lch(51.7 70.9 57.2 / 0.2);
+$token-alias-chart-categorical-14-primary: #067a6f;
+$token-alias-chart-categorical-14-inactive: #c7ebe5;
+$token-alias-chart-categorical-14-transparent: lch(45.6 31.8 185 / 0.2);
+$token-alias-chart-categorical-15-primary: #cf91d8;
+$token-alias-chart-categorical-15-inactive: #f3d9f4;
+$token-alias-chart-categorical-15-transparent: lch(68.3 42.4 321 / 0.2);
+$token-alias-chart-categorical-16-primary: #eb9091;
+$token-alias-chart-categorical-16-inactive: #fdd8d8;
+$token-alias-chart-categorical-16-transparent: lch(69.6 38.4 22.9 / 0.2);
+$token-alias-chart-categorical-17-primary: #0c7792;
+$token-alias-chart-categorical-17-inactive: #aadee6;
+$token-alias-chart-categorical-17-transparent: lch(45.7 30.9 228 / 0.2);
+$token-alias-chart-categorical-18-primary: #e38ec3;
+$token-alias-chart-categorical-18-inactive: #f9d8ec;
+$token-alias-chart-categorical-18-transparent: lch(69.3 40.8 341 / 0.2);
+$token-alias-chart-categorical-19-primary: #97cf9c;
+$token-alias-chart-categorical-19-inactive: #ceebcf;
+$token-alias-chart-categorical-19-transparent: lch(78.2 32.7 144 / 0.2);
+$token-alias-chart-categorical-20-primary: #aa99ec;
+$token-alias-chart-categorical-20-inactive: #e4defc;
+$token-alias-chart-categorical-20-transparent: lch(67.2 44.6 296 / 0.2);
+$token-alias-chart-categorical-21-primary: #94ba2c;
+$token-alias-chart-categorical-21-inactive: #d7f2b0;
+$token-alias-chart-categorical-21-transparent: lch(70.8 67.7 114 / 0.2);
+$token-alias-chart-categorical-22-primary: #3d3d42;
+$token-alias-chart-categorical-22-inactive: #d6d6dd;
+$token-alias-chart-categorical-22-transparent: lch(25.9 3.2 286 / 0.2);
+$token-alias-chart-monochromatic-default-5: #f8faff;
+$token-alias-chart-monochromatic-default-10: #f0f4ff;
+$token-alias-chart-monochromatic-default-20: #e6edfe;
+$token-alias-chart-monochromatic-default-30: #d9e2fc;
+$token-alias-chart-monochromatic-default-40: #c6d4f9;
+$token-alias-chart-monochromatic-default-50: #aec0f5;
+$token-alias-chart-monochromatic-default-60: #8da4ef;
+$token-alias-chart-monochromatic-default-70: #4067e5;
+$token-alias-chart-monochromatic-default-90: #3451b2;
+$token-alias-chart-monochromatic-default-100: #002856;
+$token-alias-chart-monochromatic-danger-5: #fff8f8;
+$token-alias-chart-monochromatic-danger-10: #ffefef;
+$token-alias-chart-monochromatic-danger-20: #ffe5e5;
+$token-alias-chart-monochromatic-danger-30: #fdd8d8;
+$token-alias-chart-monochromatic-danger-40: #f9c6c6;
+$token-alias-chart-monochromatic-danger-50: #f3aeaf;
+$token-alias-chart-monochromatic-danger-60: #eb9091;
+$token-alias-chart-monochromatic-danger-70: #d63c42;
+$token-alias-chart-monochromatic-danger-90: #b82329;
+$token-alias-chart-monochromatic-danger-100: #381316;
+$token-alias-chart-status-negative: #d63c42;
+$token-alias-chart-status-warning: #fecb34;
+$token-alias-chart-status-positive: #00b050;
+$token-component-button-primary-default-background: #5bb3ea;
+$token-component-button-primary-default-text: #343438;
+$token-component-button-primary-default-icon: #343438;
+$token-component-button-primary-hover-background: #96cff0;
+$token-component-button-primary-hover-text: #343438;
+$token-component-button-primary-hover-icon: #343438;
+$token-component-button-primary-pressed-background: #5bb3ea;
+$token-component-button-primary-pressed-text: #343438;
+$token-component-button-primary-pressed-icon: #343438;
+$token-component-button-primary-disabled-background: #515157;
+$token-component-button-primary-disabled-text: #83838c;
+$token-component-button-primary-disabled-icon: #83838c;
+$token-component-button-primary-loading-background: #5bb3ea;
+$token-component-button-secondary-default-background: #3d3d42;
+$token-component-button-secondary-default-border: #5bb3ea;
+$token-component-button-secondary-default-text: #5bb3ea;
+$token-component-button-secondary-default-icon: #5bb3ea;
+$token-component-button-secondary-hover-background: #515157;
+$token-component-button-secondary-hover-border: #96cff0;
+$token-component-button-secondary-hover-text: #5bb3ea;
+$token-component-button-secondary-hover-icon: #5bb3ea;
+$token-component-button-secondary-pressed-background: #3d3d42;
+$token-component-button-secondary-pressed-border: #5bb3ea;
+$token-component-button-secondary-pressed-text: #5bb3ea;
+$token-component-button-secondary-pressed-icon: #5bb3ea;
+$token-component-button-secondary-disabled-background: #3d3d42;
+$token-component-button-secondary-disabled-border: #515157;
+$token-component-button-secondary-disabled-text: #83838c;
+$token-component-button-secondary-disabled-icon: #83838c;
+$token-component-button-secondary-loading-background: #3d3d42;
+$token-component-button-secondary-loading-border: #5bb3ea;
+$token-component-button-link-default-text: #5bb3ea;
+$token-component-button-link-default-icon: #5bb3ea;
+$token-component-button-link-hover-text: #96cff0;
+$token-component-button-link-hover-icon: #96cff0;
+$token-component-button-link-pressed-text: #5bb3ea;
+$token-component-button-link-pressed-icon: #5bb3ea;
+$token-component-button-link-disabled-text: #83838c;
+$token-component-button-link-disabled-icon: #83838c;
+$token-component-container-background: #3d3d42;
+$token-component-container-border: #515157;
+$token-component-table-header-filled-background: #343438;
+$token-component-table-header-filled-text: #ffffff;
+$token-component-table-header-filled-icon: #ffffff;
+$token-component-table-header-outlined-border: #c2c2ca;
+$token-component-table-header-outlined-text: #ffffff;
+$token-component-table-header-outlined-icon: #ffffff;
+$token-component-table-row-border: #515157;
+$token-component-table-row-icon-default: #ffffff;
+$token-component-table-row-icon-disabled: #83838c;
+$token-component-table-row-icon-hover: #96cff0;
+$token-component-table-row-background-default: #3d3d42;
+$token-component-table-row-background-zebra: #343438;
+$token-component-table-row-background-hover: #515157;
+$token-component-table-row-text-default: #ffffff;
+$token-component-table-row-text-placeholder: #a3a3ab;
+$token-component-table-row-text-link: #5bb3ea;
+$token-component-menu-button-primary-default-background: #5bb3ea;
+$token-component-menu-button-primary-default-text: #343438;
+$token-component-menu-button-primary-default-icon: #343438;
+$token-component-menu-button-primary-hover-background: #96cff0;
+$token-component-menu-button-primary-hover-text: #343438;
+$token-component-menu-button-primary-hover-icon: #343438;
+$token-component-menu-button-primary-pressed-background: #5bb3ea;
+$token-component-menu-button-primary-pressed-text: #343438;
+$token-component-menu-button-primary-pressed-icon: #343438;
+$token-component-menu-button-primary-disabled-background: #515157;
+$token-component-menu-button-primary-disabled-text: #83838c;
+$token-component-menu-button-primary-disabled-icon: #83838c;
+$token-component-menu-button-primary-loading-background: #5bb3ea;
+$token-component-menu-button-secondary-default-background: #3d3d42;
+$token-component-menu-button-secondary-default-border: #5bb3ea;
+$token-component-menu-button-secondary-default-text: #5bb3ea;
+$token-component-menu-button-secondary-default-icon: #5bb3ea;
+$token-component-menu-button-secondary-hover-background: #515157;
+$token-component-menu-button-secondary-hover-border: #96cff0;
+$token-component-menu-button-secondary-hover-text: #5bb3ea;
+$token-component-menu-button-secondary-hover-icon: #5bb3ea;
+$token-component-menu-button-secondary-pressed-background: #3d3d42;
+$token-component-menu-button-secondary-pressed-border: #5bb3ea;
+$token-component-menu-button-secondary-pressed-text: #5bb3ea;
+$token-component-menu-button-secondary-pressed-icon: #5bb3ea;
+$token-component-menu-button-secondary-disabled-background: #3d3d42;
+$token-component-menu-button-secondary-disabled-border: #515157;
+$token-component-menu-button-secondary-disabled-text: #83838c;
+$token-component-menu-button-secondary-disabled-icon: #83838c;
+$token-component-menu-button-secondary-loading-background: #3d3d42;
+$token-component-menu-button-secondary-loading-border: #5bb3ea;
+$token-component-menu-button-link-default-text: #5bb3ea;
+$token-component-menu-button-link-default-icon: #5bb3ea;
+$token-component-menu-button-link-hover-text: #96cff0;
+$token-component-menu-button-link-hover-icon: #96cff0;
+$token-component-menu-button-link-pressed-text: #5bb3ea;
+$token-component-menu-button-link-pressed-icon: #5bb3ea;
+$token-component-menu-button-link-disabled-text: #83838c;
+$token-component-menu-button-link-disabled-icon: #83838c;
+$token-component-overflow-menu-button-default-icon: #ffffff;
+$token-component-overflow-menu-button-hover-icon: #96cff0;
+$token-component-overflow-menu-button-pressed-icon: #5bb3ea;
+$token-component-overflow-menu-button-disabled-icon: #83838c;
+$token-component-split-menu-button-primary-default-background: #5bb3ea;
+$token-component-split-menu-button-primary-default-border: #3d3d42;
+$token-component-split-menu-button-primary-default-text: #343438;
+$token-component-split-menu-button-primary-default-icon: #343438;
+$token-component-split-menu-button-primary-hover-left-background-left: #96cff0;
+$token-component-split-menu-button-primary-hover-left-background-right: #5bb3ea;
+$token-component-split-menu-button-primary-hover-left-border: #3d3d42;
+$token-component-split-menu-button-primary-hover-left-text: #343438;
+$token-component-split-menu-button-primary-hover-left-icon: #343438;
+$token-component-split-menu-button-primary-hover-right-background-left: #5bb3ea;
+$token-component-split-menu-button-primary-hover-right-background-right: #96cff0;
+$token-component-split-menu-button-primary-hover-right-border: #3d3d42;
+$token-component-split-menu-button-primary-hover-right-text: #343438;
+$token-component-split-menu-button-primary-hover-right-icon: #343438;
+$token-component-split-menu-button-primary-active-background: #5bb3ea;
+$token-component-split-menu-button-primary-active-border: #3d3d42;
+$token-component-split-menu-button-primary-active-text: #343438;
+$token-component-split-menu-button-primary-active-icon: #343438;
+$token-component-split-menu-button-primary-disabled-background: #515157;
+$token-component-split-menu-button-primary-disabled-border: #3d3d42;
+$token-component-split-menu-button-primary-disabled-text: #83838c;
+$token-component-split-menu-button-primary-disabled-icon: #83838c;
+$token-component-split-menu-button-primary-loading-background-left: #5bb3ea;
+$token-component-split-menu-button-primary-loading-background-right: #5bb3ea;
+$token-component-split-menu-button-primary-loading-border: #3d3d42;
+$token-component-split-menu-button-primary-loading-icon: #343438;
+$token-component-split-menu-button-secondary-default-background: #3d3d42;
+$token-component-split-menu-button-secondary-default-border: #5bb3ea;
+$token-component-split-menu-button-secondary-default-text: #5bb3ea;
+$token-component-split-menu-button-secondary-default-icon: #5bb3ea;
+$token-component-split-menu-button-secondary-hover-left-background-left: #515157;
+$token-component-split-menu-button-secondary-hover-left-background-right: #3d3d42;
+$token-component-split-menu-button-secondary-hover-left-border-left: #96cff0;
+$token-component-split-menu-button-secondary-hover-left-border-right: #5bb3ea;
+$token-component-split-menu-button-secondary-hover-left-text: #5bb3ea;
+$token-component-split-menu-button-secondary-hover-left-icon: #5bb3ea;
+$token-component-split-menu-button-secondary-hover-right-background-left: #3d3d42;
+$token-component-split-menu-button-secondary-hover-right-background-right: #515157;
+$token-component-split-menu-button-secondary-hover-right-border-left: #5bb3ea;
+$token-component-split-menu-button-secondary-hover-right-border-right: #96cff0;
+$token-component-split-menu-button-secondary-hover-right-text: #5bb3ea;
+$token-component-split-menu-button-secondary-hover-right-icon: #5bb3ea;
+$token-component-split-menu-button-secondary-active-background: #3d3d42;
+$token-component-split-menu-button-secondary-active-border: #5bb3ea;
+$token-component-split-menu-button-secondary-active-text: #5bb3ea;
+$token-component-split-menu-button-secondary-active-icon: #5bb3ea;
+$token-component-split-menu-button-secondary-disabled-background: #3d3d42;
+$token-component-split-menu-button-secondary-disabled-border: #515157;
+$token-component-split-menu-button-secondary-disabled-text: #83838c;
+$token-component-split-menu-button-secondary-disabled-icon: #83838c;
+$token-component-split-menu-button-secondary-loading-background: #3d3d42;
+$token-component-split-menu-button-secondary-loading-border: #5bb3ea;
+$token-component-split-menu-button-secondary-loading-icon: #5bb3ea;
+$token-component-appbar-background: #343438;
+$token-component-appbar-border: #515157;
+$token-component-appbar-text: #ffffff;
+$token-component-appbar-icon: #ffffff;
+$token-component-badge-informative-background: lch(77.7 28.7 275 / 0.12);
+$token-component-badge-informative-text: #aec0f5;
+$token-component-badge-neutral-background: lch(78.6 4.18 286 / 0.12);
+$token-component-badge-neutral-text: #c2c2ca;
+$token-component-badge-warning-background: lch(79.6 53.6 74.4 / 0.12);
+$token-component-badge-warning-text: #f2b67b;
+$token-component-badge-negative-background: lch(77.8 28 21.1 / 0.12);
+$token-component-badge-negative-text: #f3aeaf;
+$token-component-badge-positive-background: lch(78.2 32.7 144 / 0.12);
+$token-component-badge-positive-text: #97cf9c;
+$token-component-badge-important-background: lch(77.5 31.1 309 / 0.12);
+$token-component-badge-important-text: #d3b4ed;
+$token-component-badge-violet-background: lch(77.3 30.9 295 / 0.12);
+$token-component-badge-violet-text: #c4b8f3;
+$token-component-badge-pink-background: lch(77.6 29.9 340 / 0.12);
+$token-component-badge-pink-text: #ecadd4;
+$token-component-breadcrumb-divider: #515157;
+$token-component-breadcrumb-app-title-text: #5bb3ea;
+$token-component-breadcrumb-default-text: #5bb3ea;
+$token-component-breadcrumb-truncated-text: #5bb3ea;
+$token-component-breadcrumb-last-item-text: #ffffff;
+$token-component-breadcrumb-collapsed-background: #515157;
+$token-component-breadcrumb-collapsed-text: #ffffff;
+$token-component-breadcrumb-collapsed-icon: #ffffff;
+$token-component-breadcrumb-with-dropdown-text: #5bb3ea;
+$token-component-breadcrumb-with-dropdown-icon: #ffffff;
+$token-component-card-background: #3d3d42;
+$token-component-card-border: #515157;
+$token-component-card-text: #ffffff;
+$token-component-card-icon: #ffffff;
+$token-component-checkbox-empty-default-background: #3d3d42;
+$token-component-checkbox-empty-default-border: #696970;
+$token-component-checkbox-empty-default-text: #ffffff;
+$token-component-checkbox-empty-hover-background: #3d3d42;
+$token-component-checkbox-empty-hover-border: #96cff0;
+$token-component-checkbox-empty-hover-text: #ffffff;
+$token-component-checkbox-empty-active-background: #3d3d42;
+$token-component-checkbox-empty-active-border: #5bb3ea;
+$token-component-checkbox-empty-active-text: #ffffff;
+$token-component-checkbox-empty-disabled-background: #515157;
+$token-component-checkbox-empty-disabled-border: #515157;
+$token-component-checkbox-empty-disabled-text: #83838c;
+$token-component-checkbox-empty-read-only-background: #3d3d42;
+$token-component-checkbox-empty-read-only-border: #515157;
+$token-component-checkbox-empty-read-only-text: #ffffff;
+$token-component-checkbox-checked-default-background: #5bb3ea;
+$token-component-checkbox-checked-default-text: #ffffff;
+$token-component-checkbox-checked-default-icon: #343438;
+$token-component-checkbox-checked-hover-background: #96cff0;
+$token-component-checkbox-checked-hover-text: #ffffff;
+$token-component-checkbox-checked-hover-icon: #343438;
+$token-component-checkbox-checked-active-background: #5bb3ea;
+$token-component-checkbox-checked-active-text: #ffffff;
+$token-component-checkbox-checked-active-icon: #343438;
+$token-component-checkbox-checked-disabled-background: #515157;
+$token-component-checkbox-checked-disabled-text: #83838c;
+$token-component-checkbox-checked-disabled-icon: #ffffff;
+$token-component-checkbox-checked-read-only-background: #3d3d42;
+$token-component-checkbox-checked-read-only-border: #515157;
+$token-component-checkbox-checked-read-only-text: #ffffff;
+$token-component-checkbox-checked-read-only-icon: #83838c;
+$token-component-checkbox-indeterminated-default-background: #5bb3ea;
+$token-component-checkbox-indeterminated-default-text: #ffffff;
+$token-component-checkbox-indeterminated-default-icon: #343438;
+$token-component-checkbox-indeterminated-hover-background: #96cff0;
+$token-component-checkbox-indeterminated-hover-text: #ffffff;
+$token-component-checkbox-indeterminated-hover-icon: #343438;
+$token-component-checkbox-indeterminated-active-background: #5bb3ea;
+$token-component-checkbox-indeterminated-active-text: #ffffff;
+$token-component-checkbox-indeterminated-active-icon: #343438;
+$token-component-checkbox-indeterminated-disabled-background: #515157;
+$token-component-checkbox-indeterminated-disabled-text: #83838c;
+$token-component-checkbox-indeterminated-disabled-icon: #ffffff;
+$token-component-checkbox-indeterminated-read-only-background: #3d3d42;
+$token-component-checkbox-indeterminated-read-only-border: #515157;
+$token-component-checkbox-indeterminated-read-only-text: #ffffff;
+$token-component-checkbox-indeterminated-read-only-icon: #83838c;
+$token-component-content-panel-background: #3d3d42;
+$token-component-content-panel-border: #515157;
+$token-component-content-panel-text: #ffffff;
+$token-component-content-panel-icon: #ffffff;
+$token-component-calendar-background: #3d3d42;
+$token-component-calendar-border: #515157;
+$token-component-calendar-icon: #ffffff;
+$token-component-calendar-text-default: #ffffff;
+$token-component-calendar-text-disabled: #83838c;
+$token-component-calendar-selected-item-text: #343438;
+$token-component-calendar-selected-item-background: #5bb3ea;
+$token-component-calendar-hover-item-background: #515157;
+$token-component-calendar-hover-item-text: #ffffff;
+$token-component-calendar-preset-area-background: #343438;
+$token-component-calendar-preset-area-hover-period-background: #3d3d42;
+$token-component-calendar-preset-area-active-period-background: #5bb3ea;
+$token-component-calendar-preset-area-active-period-text: #343438;
+$token-component-date-field-default-background: #343438;
+$token-component-date-field-default-border: #696970;
+$token-component-date-field-default-text: #a3a3ab;
+$token-component-date-field-default-icon: #ffffff;
+$token-component-date-field-default-hint-text: #a3a3ab;
+$token-component-date-field-hover-background: #343438;
+$token-component-date-field-hover-border: #c2c2ca;
+$token-component-date-field-hover-text: #ffffff;
+$token-component-date-field-hover-icon: #ffffff;
+$token-component-date-field-hover-hint-text: #a3a3ab;
+$token-component-date-field-hover-empty-background: #343438;
+$token-component-date-field-hover-empty-border: #c2c2ca;
+$token-component-date-field-hover-empty-text: #a3a3ab;
+$token-component-date-field-hover-empty-icon: #ffffff;
+$token-component-date-field-hover-empty-hint-text: #a3a3ab;
+$token-component-date-field-filled-background: #343438;
+$token-component-date-field-filled-border: #696970;
+$token-component-date-field-filled-text: #ffffff;
+$token-component-date-field-filled-icon: #ffffff;
+$token-component-date-field-filled-hint-text: #a3a3ab;
+$token-component-date-field-disabled-background: #515157;
+$token-component-date-field-disabled-border: #515157;
+$token-component-date-field-disabled-text: #83838c;
+$token-component-date-field-disabled-icon: #83838c;
+$token-component-date-field-disabled-hint-text: #a3a3ab;
+$token-component-date-field-read-only-background: #343438;
+$token-component-date-field-read-only-text: #ffffff;
+$token-component-date-field-read-only-hint-text: #a3a3ab;
+$token-component-date-field-error-background: #343438;
+$token-component-date-field-error-border: #eb9091;
+$token-component-date-field-error-text: #ffffff;
+$token-component-date-field-error-icon: #ffffff;
+$token-component-date-field-error-hint-text: #eb9091;
+$token-component-date-field-focus-background: #343438;
+$token-component-date-field-focus-border: #5bb3ea;
+$token-component-date-field-focus-text: #a3a3ab;
+$token-component-date-field-focus-icon: #5bb3ea;
+$token-component-date-field-focus-hint-text: #a3a3ab;
+$token-component-date-picker-default-icon: #ffffff;
+$token-component-date-picker-hover-icon: #96cff0;
+$token-component-date-picker-filled-icon: #5bb3ea;
+$token-component-date-picker-disabled-icon: #83838c;
+$token-component-date-picker-focus-icon: #5bb3ea;
+$token-component-date-range-picker-default-icon: #ffffff;
+$token-component-date-range-picker-hover-icon: #96cff0;
+$token-component-date-range-picker-filled-icon: #5bb3ea;
+$token-component-date-range-picker-disabled-icon: #83838c;
+$token-component-date-range-picker-focus-icon: #5bb3ea;
+$token-component-date-range-field-default-background: #343438;
+$token-component-date-range-field-default-border: #696970;
+$token-component-date-range-field-default-text: #a3a3ab;
+$token-component-date-range-field-default-icon: #ffffff;
+$token-component-date-range-field-default-hint-text: #a3a3ab;
+$token-component-date-range-field-hover-background: #343438;
+$token-component-date-range-field-hover-border: #c2c2ca;
+$token-component-date-range-field-hover-text: #ffffff;
+$token-component-date-range-field-hover-icon: #ffffff;
+$token-component-date-range-field-hover-hint-text: #a3a3ab;
+$token-component-date-range-field-hover-empty-background: #343438;
+$token-component-date-range-field-hover-empty-border: #c2c2ca;
+$token-component-date-range-field-hover-empty-text: #a3a3ab;
+$token-component-date-range-field-hover-empty-icon: #ffffff;
+$token-component-date-range-field-hover-empty-hint-text: #a3a3ab;
+$token-component-date-range-field-filled-background: #343438;
+$token-component-date-range-field-filled-border: #696970;
+$token-component-date-range-field-filled-text: #ffffff;
+$token-component-date-range-field-filled-icon: #ffffff;
+$token-component-date-range-field-filled-hint-text: #a3a3ab;
+$token-component-date-range-field-filled-placeholder-item-text: #a3a3ab;
+$token-component-date-range-field-disabled-background: #515157;
+$token-component-date-range-field-disabled-border: #515157;
+$token-component-date-range-field-disabled-text: #83838c;
+$token-component-date-range-field-disabled-icon: #83838c;
+$token-component-date-range-field-disabled-hint-text: #a3a3ab;
+$token-component-date-range-field-read-only-background: #343438;
+$token-component-date-range-field-read-only-text: #ffffff;
+$token-component-date-range-field-read-only-hint-text: #a3a3ab;
+$token-component-date-range-field-error-background: #343438;
+$token-component-date-range-field-error-border: #eb9091;
+$token-component-date-range-field-error-text: #ffffff;
+$token-component-date-range-field-error-icon: #ffffff;
+$token-component-date-range-field-error-hint-text: #eb9091;
+$token-component-date-range-field-focus-background: #343438;
+$token-component-date-range-field-focus-border: #5bb3ea;
+$token-component-date-range-field-focus-text: #a3a3ab;
+$token-component-date-range-field-focus-icon: #5bb3ea;
+$token-component-date-range-field-focus-hint-text: #a3a3ab;
+$token-component-date-range-field-focus-placeholder-item-text: #a3a3ab;
+$token-component-date-range-input-default-background: #343438;
+$token-component-date-range-input-default-border: #696970;
+$token-component-date-range-input-default-text: #a3a3ab;
+$token-component-date-range-input-default-icon: #ffffff;
+$token-component-date-range-input-default-hint-text: #a3a3ab;
+$token-component-date-range-input-hover-background: #343438;
+$token-component-date-range-input-hover-border: #c2c2ca;
+$token-component-date-range-input-hover-text: #ffffff;
+$token-component-date-range-input-hover-icon: #ffffff;
+$token-component-date-range-input-hover-hint-text: #a3a3ab;
+$token-component-date-range-input-active-period-background: #343438;
+$token-component-date-range-input-active-period-border: #c2c2ca;
+$token-component-date-range-input-active-period-text: #ffffff;
+$token-component-date-range-input-active-period-icon: #ffffff;
+$token-component-date-range-input-active-period-hint-text: #a3a3ab;
+$token-component-date-range-input-active-period-active-item-background: #3d3d42;
+$token-component-date-range-input-active-period-active-item-text: #a3a3ab;
+$token-component-date-range-input-filled-background: #343438;
+$token-component-date-range-input-filled-border: #696970;
+$token-component-date-range-input-filled-text: #ffffff;
+$token-component-date-range-input-filled-icon: #ffffff;
+$token-component-date-range-input-filled-hint-text: #a3a3ab;
+$token-component-date-range-input-filled-placeholder-item-text: #a3a3ab;
+$token-component-date-range-input-disabled-background: #343438;
+$token-component-date-range-input-disabled-border: #515157;
+$token-component-date-range-input-disabled-text: #83838c;
+$token-component-date-range-input-disabled-icon: #83838c;
+$token-component-date-range-input-disabled-hint-text: #a3a3ab;
+$token-component-date-range-input-read-only-background: #343438;
+$token-component-date-range-input-read-only-text: #ffffff;
+$token-component-date-range-input-read-only-hint-text: #a3a3ab;
+$token-component-date-range-input-error-background: #343438;
+$token-component-date-range-input-error-border: #eb9091;
+$token-component-date-range-input-error-text: #ffffff;
+$token-component-date-range-input-error-icon: #ffffff;
+$token-component-date-range-input-error-hint-text: #eb9091;
+$token-component-date-range-input-focus-background: #343438;
+$token-component-date-range-input-focus-border: #5bb3ea;
+$token-component-date-range-input-focus-text: #ffffff;
+$token-component-date-range-input-focus-icon: #5bb3ea;
+$token-component-date-range-input-focus-hint-text: #a3a3ab;
+$token-component-date-range-input-focus-placeholder-item-text: #a3a3ab;
+$token-component-divider-border: #515157;
+$token-component-drawer-background: #3d3d42;
+$token-component-drawer-text: #ffffff;
+$token-component-drawer-icon-default: #ffffff;
+$token-component-drawer-icon-disabled: #83838c;
+$token-component-dropdown-icon-default: #ffffff;
+$token-component-dropdown-icon-disabled: #83838c;
+$token-component-dropdown-text-default: #ffffff;
+$token-component-dropdown-text-link: #5bb3ea;
+$token-component-dropdown-text-description: #a3a3ab;
+$token-component-dropdown-text-disabled: #83838c;
+$token-component-dropdown-background-default: #343438;
+$token-component-dropdown-background-hover: #3d3d42;
+$token-component-dropdown-background-category: #343438;
+$token-component-global-header-background: #232326;
+$token-component-global-header-border: #3d3d42;
+$token-component-global-header-icon-default: #d6d6dd;
+$token-component-global-header-icon-hover: #ffffff;
+$token-component-global-header-text-default: #d6d6dd;
+$token-component-global-header-text-hover: #ffffff;
+$token-component-global-header-search-background: #3d3d42;
+$token-component-global-header-search-text-placeholder: #d6d6dd;
+$token-component-global-header-search-text-filled: #ffffff;
+$token-component-global-header-search-icon-default: #d6d6dd;
+$token-component-global-header-search-icon-active: #ffffff;
+$token-component-global-header-search-icon-hover: #ffffff;
+$token-component-global-footer-background: #232326;
+$token-component-global-footer-text-default: #d6d6dd;
+$token-component-global-footer-text-hover: #ffffff;
+$token-component-group-select-field-default-background: #343438;
+$token-component-group-select-field-default-border: #696970;
+$token-component-group-select-field-default-text: #a3a3ab;
+$token-component-group-select-field-default-icon: #ffffff;
+$token-component-group-select-field-default-hint-text: #a3a3ab;
+$token-component-group-select-field-default-info-icon: #a3a3ab;
+$token-component-group-select-field-hover-background: #343438;
+$token-component-group-select-field-hover-border: #c2c2ca;
+$token-component-group-select-field-hover-text: #a3a3ab;
+$token-component-group-select-field-hover-icon: #ffffff;
+$token-component-group-select-field-hover-hint-text: #a3a3ab;
+$token-component-group-select-field-hover-info-icon: #a3a3ab;
+$token-component-group-select-field-selected-background: #343438;
+$token-component-group-select-field-selected-border: #696970;
+$token-component-group-select-field-selected-text: #ffffff;
+$token-component-group-select-field-selected-icon: #ffffff;
+$token-component-group-select-field-selected-hint-text: #a3a3ab;
+$token-component-group-select-field-selected-info-icon: #a3a3ab;
+$token-component-group-select-field-disabled-background: #515157;
+$token-component-group-select-field-disabled-border: #515157;
+$token-component-group-select-field-disabled-text: #83838c;
+$token-component-group-select-field-disabled-icon: #83838c;
+$token-component-group-select-field-disabled-hint-text: #a3a3ab;
+$token-component-group-select-field-disabled-info-icon: #a3a3ab;
+$token-component-group-select-field-read-only-background: #343438;
+$token-component-group-select-field-read-only-text: #ffffff;
+$token-component-group-select-field-read-only-hint-text: #a3a3ab;
+$token-component-group-select-field-read-only-info-icon: #a3a3ab;
+$token-component-group-select-field-error-background: #343438;
+$token-component-group-select-field-error-border: #eb9091;
+$token-component-group-select-field-error-text: #ffffff;
+$token-component-group-select-field-error-icon: #ffffff;
+$token-component-group-select-field-error-hint-text: #eb9091;
+$token-component-group-select-field-error-info-icon: #a3a3ab;
+$token-component-group-select-field-focus-background: #343438;
+$token-component-group-select-field-focus-border: #5bb3ea;
+$token-component-group-select-field-focus-text: #ffffff;
+$token-component-group-select-field-focus-icon: #ffffff;
+$token-component-group-select-field-focus-hint-text: #a3a3ab;
+$token-component-group-select-field-focus-info-icon: #a3a3ab;
+$token-component-group-select-dropdown-icon: #ffffff;
+$token-component-group-select-dropdown-text: #ffffff;
+$token-component-group-select-dropdown-background-default: #343438;
+$token-component-group-select-dropdown-background-hover: #3d3d42;
+$token-component-inline-edit-text: #ffffff;
+$token-component-inline-edit-icon-default: #ffffff;
+$token-component-inline-edit-icon-hover: #96cff0;
+$token-component-inline-edit-accept-icon-default: #5bb3ea;
+$token-component-inline-edit-accept-icon-hover: #96cff0;
+$token-component-inline-edit-accept-icon-disabled: #83838c;
+$token-component-kpi-bar-text: #ffffff;
+$token-component-kpi-bar-border: #515157;
+$token-component-kpi-bar-icon-default: #ffffff;
+$token-component-kpi-bar-icon-hover: #96cff0;
+$token-component-kpi-bar-icon-active: #5bb3ea;
+$token-component-kpi-bar-item-neutral-default-label: #c2c2ca;
+$token-component-kpi-bar-item-neutral-default-text: #a3a3ab;
+$token-component-kpi-bar-item-neutral-default-icon: #c2c2ca;
+$token-component-kpi-bar-item-neutral-hover-label: #c2c2ca;
+$token-component-kpi-bar-item-neutral-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-neutral-hover-background: lch(78.6 4.18 286 / 0.12);
+$token-component-kpi-bar-item-neutral-hover-icon: #c2c2ca;
+$token-component-kpi-bar-item-neutral-active-label: #c2c2ca;
+$token-component-kpi-bar-item-neutral-active-text: #ffffff;
+$token-component-kpi-bar-item-neutral-active-border: #c2c2ca;
+$token-component-kpi-bar-item-neutral-active-icon: #c2c2ca;
+$token-component-kpi-bar-item-green-default-label: #97cf9c;
+$token-component-kpi-bar-item-green-default-text: #a3a3ab;
+$token-component-kpi-bar-item-green-hover-label: #97cf9c;
+$token-component-kpi-bar-item-green-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-green-hover-background: lch(78.2 32.7 144 / 0.12);
+$token-component-kpi-bar-item-green-active-label: #97cf9c;
+$token-component-kpi-bar-item-green-active-text: #ffffff;
+$token-component-kpi-bar-item-green-active-border: #97cf9c;
+$token-component-kpi-bar-item-orange-default-label: #f2b67b;
+$token-component-kpi-bar-item-orange-default-text: #a3a3ab;
+$token-component-kpi-bar-item-orange-hover-label: #f2b67b;
+$token-component-kpi-bar-item-orange-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-orange-hover-background: lch(79.6 53.6 74.4 / 0.12);
+$token-component-kpi-bar-item-orange-active-label: #f2b67b;
+$token-component-kpi-bar-item-orange-active-text: #ffffff;
+$token-component-kpi-bar-item-orange-active-border: #f2b67b;
+$token-component-kpi-bar-item-purple-default-label: #d3b4ed;
+$token-component-kpi-bar-item-purple-default-text: #a3a3ab;
+$token-component-kpi-bar-item-purple-hover-label: #d3b4ed;
+$token-component-kpi-bar-item-purple-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-purple-hover-background: lch(77.5 31.1 309 / 0.12);
+$token-component-kpi-bar-item-purple-active-label: #d3b4ed;
+$token-component-kpi-bar-item-purple-active-text: #ffffff;
+$token-component-kpi-bar-item-purple-active-border: #d3b4ed;
+$token-component-kpi-bar-item-red-default-label: #f3aeaf;
+$token-component-kpi-bar-item-red-default-text: #a3a3ab;
+$token-component-kpi-bar-item-red-hover-label: #f3aeaf;
+$token-component-kpi-bar-item-red-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-red-hover-background: lch(77.8 28 21.1 / 0.12);
+$token-component-kpi-bar-item-red-active-label: #f3aeaf;
+$token-component-kpi-bar-item-red-active-text: #ffffff;
+$token-component-kpi-bar-item-red-active-border: #f3aeaf;
+$token-component-kpi-bar-item-ultramarine-default-label: #aec0f5;
+$token-component-kpi-bar-item-ultramarine-default-text: #a3a3ab;
+$token-component-kpi-bar-item-ultramarine-hover-label: #aec0f5;
+$token-component-kpi-bar-item-ultramarine-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-ultramarine-hover-background: lch(77.7 28.7 275 / 0.12);
+$token-component-kpi-bar-item-ultramarine-active-label: #aec0f5;
+$token-component-kpi-bar-item-ultramarine-active-text: #ffffff;
+$token-component-kpi-bar-item-ultramarine-active-border: #aec0f5;
+$token-component-kpi-bar-item-pink-default-label: #ecadd4;
+$token-component-kpi-bar-item-pink-default-text: #a3a3ab;
+$token-component-kpi-bar-item-pink-hover-label: #ecadd4;
+$token-component-kpi-bar-item-pink-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-pink-hover-background: lch(77.6 29.9 340 / 0.12);
+$token-component-kpi-bar-item-pink-active-label: #ecadd4;
+$token-component-kpi-bar-item-pink-active-text: #ffffff;
+$token-component-kpi-bar-item-pink-active-border: #ecadd4;
+$token-component-label-text: #ffffff;
+$token-component-label-icon: #ffffff;
+$token-component-label-info-icon: #a3a3ab;
+$token-component-list-text: #ffffff;
+$token-component-list-border: #515157;
+$token-component-list-icon-default: #ffffff;
+$token-component-list-icon-hover: #96cff0;
+$token-component-list-icon-active: #5bb3ea;
+$token-component-list-background-default: #343438;
+$token-component-list-background-hover: #3d3d42;
+$token-component-master-switch-content-background: #3d3d42;
+$token-component-master-switch-side-background: #343438;
+$token-component-master-switch-text: #ffffff;
+$token-component-master-switch-icon: #ffffff;
+$token-component-modal-background: #3d3d42;
+$token-component-modal-icon: #ffffff;
+$token-component-modal-text-default: #ffffff;
+$token-component-modal-text-description: #a3a3ab;
+$token-component-notification-banner-text: #ffffff;
+$token-component-notification-banner-icon: #ffffff;
+$token-component-notification-banner-informative-background: #515157;
+$token-component-notification-banner-informative-border: #8da4ef;
+$token-component-notification-banner-informative-status-icon: #8da4ef;
+$token-component-notification-banner-tip-background: #515157;
+$token-component-notification-banner-tip-border: #8da4ef;
+$token-component-notification-banner-tip-status-icon: #8da4ef;
+$token-component-notification-banner-warning-background: #515157;
+$token-component-notification-banner-warning-border: #edb016;
+$token-component-notification-banner-warning-status-icon: #edb016;
+$token-component-notification-banner-success-background: #515157;
+$token-component-notification-banner-success-border: #65ba75;
+$token-component-notification-banner-success-status-icon: #65ba75;
+$token-component-notification-banner-error-background: #515157;
+$token-component-notification-banner-error-border: #eb9091;
+$token-component-notification-banner-error-status-icon: #eb9091;
+$token-component-notification-banner-secondary-background: #515157;
+$token-component-notification-banner-secondary-border: #c2c2ca;
+$token-component-notification-banner-secondary-status-icon: #ffffff;
+$token-component-notification-toast-text: #ffffff;
+$token-component-notification-toast-icon: #ffffff;
+$token-component-notification-toast-informative-background: #515157;
+$token-component-notification-toast-informative-icon-background: #4067e5;
+$token-component-notification-toast-informative-border: #8da4ef;
+$token-component-notification-toast-informative-status-icon: #ffffff;
+$token-component-notification-toast-tip-background: #515157;
+$token-component-notification-toast-tip-icon-background: #4067e5;
+$token-component-notification-toast-tip-border: #8da4ef;
+$token-component-notification-toast-tip-status-icon: #ffffff;
+$token-component-notification-toast-warning-background: #515157;
+$token-component-notification-toast-warning-icon-background: #fecb34;
+$token-component-notification-toast-warning-border: #edb016;
+$token-component-notification-toast-warning-status-icon: #3d3d42;
+$token-component-notification-toast-success-background: #515157;
+$token-component-notification-toast-success-icon-background: #00b050;
+$token-component-notification-toast-success-border: #65ba75;
+$token-component-notification-toast-success-status-icon: #ffffff;
+$token-component-notification-toast-error-background: #515157;
+$token-component-notification-toast-error-icon-background: #d63c42;
+$token-component-notification-toast-error-border: #eb9091;
+$token-component-notification-toast-error-status-icon: #ffffff;
+$token-component-pagination-background: #3d3d42;
+$token-component-pagination-border: #515157;
+$token-component-pagination-text-default: #ffffff;
+$token-component-pagination-text-link: #5bb3ea;
+$token-component-pagination-text-hover: #96cff0;
+$token-component-pagination-text-disabled: #83838c;
+$token-component-pagination-icon-default: #ffffff;
+$token-component-pagination-icon-hover: #96cff0;
+$token-component-pagination-icon-active: #5bb3ea;
+$token-component-pagination-icon-disabled: #83838c;
+$token-component-popover-background: #3d3d42;
+$token-component-popover-border: #515157;
+$token-component-popover-icon: #ffffff;
+$token-component-popover-text-default: #ffffff;
+$token-component-popover-text-link-default: #5bb3ea;
+$token-component-popover-text-link-hover: #96cff0;
+$token-component-progress-bar-text-default: #ffffff;
+$token-component-progress-bar-text-link-default: #5bb3ea;
+$token-component-progress-bar-text-link-hover: #96cff0;
+$token-component-progress-bar-status-line-default: #515157;
+$token-component-progress-bar-status-line-success: #00b050;
+$token-component-progress-bar-status-line-error: #d63c42;
+$token-component-numeric-spinner-default-background: #343438;
+$token-component-numeric-spinner-default-border: #696970;
+$token-component-numeric-spinner-default-text: #a3a3ab;
+$token-component-numeric-spinner-default-icon: #ffffff;
+$token-component-numeric-spinner-default-hint-text: #a3a3ab;
+$token-component-numeric-spinner-hover-background: #343438;
+$token-component-numeric-spinner-hover-border: #c2c2ca;
+$token-component-numeric-spinner-hover-text: #a3a3ab;
+$token-component-numeric-spinner-hover-icon: #ffffff;
+$token-component-numeric-spinner-hover-hint-text: #a3a3ab;
+$token-component-numeric-spinner-filled-background: #343438;
+$token-component-numeric-spinner-filled-border: #696970;
+$token-component-numeric-spinner-filled-text: #ffffff;
+$token-component-numeric-spinner-filled-icon: #ffffff;
+$token-component-numeric-spinner-filled-hint-text: #a3a3ab;
+$token-component-numeric-spinner-disabled-background: #515157;
+$token-component-numeric-spinner-disabled-border: #515157;
+$token-component-numeric-spinner-disabled-text: #83838c;
+$token-component-numeric-spinner-disabled-icon: #83838c;
+$token-component-numeric-spinner-disabled-hint-text: #a3a3ab;
+$token-component-numeric-spinner-read-only-background: #343438;
+$token-component-numeric-spinner-read-only-text: #ffffff;
+$token-component-numeric-spinner-read-only-hint-text: #a3a3ab;
+$token-component-numeric-spinner-error-background: #343438;
+$token-component-numeric-spinner-error-border: #eb9091;
+$token-component-numeric-spinner-error-text: #ffffff;
+$token-component-numeric-spinner-error-icon: #ffffff;
+$token-component-numeric-spinner-error-hint-text: #eb9091;
+$token-component-numeric-spinner-focus-background: #343438;
+$token-component-numeric-spinner-focus-border: #5bb3ea;
+$token-component-numeric-spinner-focus-text: #a3a3ab;
+$token-component-numeric-spinner-focus-icon: #ffffff;
+$token-component-numeric-spinner-focus-hint-text: #a3a3ab;
+$token-component-radio-button-inactive-default-background: #3d3d42;
+$token-component-radio-button-inactive-default-border: #696970;
+$token-component-radio-button-inactive-default-text: #ffffff;
+$token-component-radio-button-inactive-hover-background: #3d3d42;
+$token-component-radio-button-inactive-hover-border: #96cff0;
+$token-component-radio-button-inactive-hover-text: #ffffff;
+$token-component-radio-button-inactive-active-background: #3d3d42;
+$token-component-radio-button-inactive-active-border: #5bb3ea;
+$token-component-radio-button-inactive-active-text: #ffffff;
+$token-component-radio-button-inactive-disabled-background: #515157;
+$token-component-radio-button-inactive-disabled-border: #515157;
+$token-component-radio-button-inactive-disabled-text: #83838c;
+$token-component-radio-button-inactive-read-only-background: #3d3d42;
+$token-component-radio-button-inactive-read-only-border: #515157;
+$token-component-radio-button-inactive-read-only-text: #ffffff;
+$token-component-radio-button-active-default-background: #3d3d42;
+$token-component-radio-button-active-default-border: #5bb3ea;
+$token-component-radio-button-active-default-text: #ffffff;
+$token-component-radio-button-active-hover-background: #3d3d42;
+$token-component-radio-button-active-hover-border: #96cff0;
+$token-component-radio-button-active-hover-text: #ffffff;
+$token-component-radio-button-active-active-background: #3d3d42;
+$token-component-radio-button-active-active-border: #5bb3ea;
+$token-component-radio-button-active-active-text: #ffffff;
+$token-component-radio-button-active-disabled-background: #3d3d42;
+$token-component-radio-button-active-disabled-border: #515157;
+$token-component-radio-button-active-disabled-text: #83838c;
+$token-component-radio-button-active-read-only-background: #3d3d42;
+$token-component-radio-button-active-read-only-border: #515157;
+$token-component-radio-button-active-read-only-text: #ffffff;
+$token-component-search-default-background: #343438;
+$token-component-search-default-border: #696970;
+$token-component-search-default-text: #a3a3ab;
+$token-component-search-default-icon: #ffffff;
+$token-component-search-default-hint-text: #a3a3ab;
+$token-component-search-default-search-icon: #a3a3ab;
+$token-component-search-hover-background: #343438;
+$token-component-search-hover-border: #c2c2ca;
+$token-component-search-hover-text: #a3a3ab;
+$token-component-search-hover-icon: #ffffff;
+$token-component-search-hover-hint-text: #a3a3ab;
+$token-component-search-hover-search-icon: #a3a3ab;
+$token-component-search-filled-background: #343438;
+$token-component-search-filled-border: #696970;
+$token-component-search-filled-text: #ffffff;
+$token-component-search-filled-icon: #ffffff;
+$token-component-search-filled-hint-text: #a3a3ab;
+$token-component-search-filled-search-icon: #a3a3ab;
+$token-component-search-disabled-background: #515157;
+$token-component-search-disabled-border: #515157;
+$token-component-search-disabled-text: #83838c;
+$token-component-search-disabled-icon: #83838c;
+$token-component-search-disabled-hint-text: #a3a3ab;
+$token-component-search-disabled-search-icon: #83838c;
+$token-component-search-error-background: #343438;
+$token-component-search-error-border: #eb9091;
+$token-component-search-error-text: #ffffff;
+$token-component-search-error-icon: #ffffff;
+$token-component-search-error-hint-text: #eb9091;
+$token-component-search-error-search-icon: #a3a3ab;
+$token-component-search-focus-empty-background: #343438;
+$token-component-search-focus-empty-border: #5bb3ea;
+$token-component-search-focus-empty-text: #a3a3ab;
+$token-component-search-focus-empty-icon: #ffffff;
+$token-component-search-focus-empty-hint-text: #a3a3ab;
+$token-component-search-focus-empty-search-icon: #a3a3ab;
+$token-component-search-focus-background: #343438;
+$token-component-search-focus-border: #5bb3ea;
+$token-component-search-focus-text: #ffffff;
+$token-component-search-focus-icon: #ffffff;
+$token-component-search-focus-hint-text: #a3a3ab;
+$token-component-search-focus-search-icon: #a3a3ab;
+$token-component-segmented-button-default-background: #3d3d42;
+$token-component-segmented-button-default-border: #5bb3ea;
+$token-component-segmented-button-default-text: #5bb3ea;
+$token-component-segmented-button-default-icon: #5bb3ea;
+$token-component-segmented-button-hover-background: #515157;
+$token-component-segmented-button-hover-border: #96cff0;
+$token-component-segmented-button-hover-text: #5bb3ea;
+$token-component-segmented-button-hover-icon: #5bb3ea;
+$token-component-segmented-button-disabled-background: #3d3d42;
+$token-component-segmented-button-disabled-border: #515157;
+$token-component-segmented-button-disabled-text: #83838c;
+$token-component-segmented-button-disabled-icon: #83838c;
+$token-component-segmented-button-disabled-checked-background: #515157;
+$token-component-segmented-button-disabled-checked-border: #515157;
+$token-component-segmented-button-disabled-checked-text: #83838c;
+$token-component-segmented-button-disabled-checked-icon: #83838c;
+$token-component-segmented-button-active-background: #5bb3ea;
+$token-component-segmented-button-active-border: #5bb3ea;
+$token-component-segmented-button-active-text: #343438;
+$token-component-segmented-button-active-icon: #343438;
+$token-component-side-navigation-icon: #ffffff;
+$token-component-side-navigation-border: #515157;
+$token-component-side-navigation-background-default: #343438;
+$token-component-side-navigation-background-second-level: #343438;
+$token-component-side-navigation-default-menu-item-background: #343438;
+$token-component-side-navigation-default-menu-item-icon: #ffffff;
+$token-component-side-navigation-default-menu-item-text: #ffffff;
+$token-component-side-navigation-default-menu-item-label-text: #ffffff;
+$token-component-side-navigation-default-menu-item-label-background: #343438;
+$token-component-side-navigation-default-menu-item-label-border: #515157;
+$token-component-side-navigation-hover-menu-item-background: #3d3d42;
+$token-component-side-navigation-hover-menu-item-icon: #ffffff;
+$token-component-side-navigation-hover-menu-item-text: #ffffff;
+$token-component-side-navigation-hover-menu-item-label-text: #ffffff;
+$token-component-side-navigation-hover-menu-item-label-background: #343438;
+$token-component-side-navigation-hover-menu-item-label-border: #515157;
+$token-component-side-navigation-selected-menu-item-background: #5bb3ea;
+$token-component-side-navigation-selected-menu-item-icon: #3d3d42;
+$token-component-side-navigation-selected-menu-item-text: #343438;
+$token-component-side-navigation-selected-menu-item-label-text: #ffffff;
+$token-component-side-navigation-selected-menu-item-label-background: #0174bc;
+$token-component-select-default-background: #343438;
+$token-component-select-default-border: #696970;
+$token-component-select-default-text: #a3a3ab;
+$token-component-select-default-icon: #ffffff;
+$token-component-select-default-hint-text: #a3a3ab;
+$token-component-select-default-info-icon: #a3a3ab;
+$token-component-select-hover-background: #343438;
+$token-component-select-hover-border: #c2c2ca;
+$token-component-select-hover-text: #a3a3ab;
+$token-component-select-hover-icon: #ffffff;
+$token-component-select-hover-hint-text: #a3a3ab;
+$token-component-select-hover-info-icon: #a3a3ab;
+$token-component-select-filled-background: #343438;
+$token-component-select-filled-border: #696970;
+$token-component-select-filled-text: #ffffff;
+$token-component-select-filled-icon: #ffffff;
+$token-component-select-filled-hint-text: #a3a3ab;
+$token-component-select-filled-info-icon: #a3a3ab;
+$token-component-select-disabled-background: #515157;
+$token-component-select-disabled-border: #515157;
+$token-component-select-disabled-text: #83838c;
+$token-component-select-disabled-icon: #83838c;
+$token-component-select-disabled-hint-text: #a3a3ab;
+$token-component-select-disabled-info-icon: #a3a3ab;
+$token-component-select-error-background: #343438;
+$token-component-select-error-border: #eb9091;
+$token-component-select-error-text: #ffffff;
+$token-component-select-error-icon: #ffffff;
+$token-component-select-error-hint-text: #eb9091;
+$token-component-select-error-info-icon: #a3a3ab;
+$token-component-select-focus-empty-background: #343438;
+$token-component-select-focus-empty-border: #5bb3ea;
+$token-component-select-focus-empty-text: #a3a3ab;
+$token-component-select-focus-empty-icon: #ffffff;
+$token-component-select-focus-empty-hint-text: #a3a3ab;
+$token-component-select-focus-empty-info-icon: #a3a3ab;
+$token-component-select-focus-background: #343438;
+$token-component-select-focus-border: #5bb3ea;
+$token-component-select-focus-text: #ffffff;
+$token-component-select-focus-icon: #ffffff;
+$token-component-select-focus-hint-text: #a3a3ab;
+$token-component-select-focus-info-icon: #a3a3ab;
+$token-component-select-read-only-background: #343438;
+$token-component-select-read-only-text: #ffffff;
+$token-component-side-panel-background: #3d3d42;
+$token-component-side-panel-text: #ffffff;
+$token-component-side-panel-border: #515157;
+$token-component-side-panel-icon-default: #ffffff;
+$token-component-side-panel-icon-hover: #96cff0;
+$token-component-switch-active-default-background: #5bb3ea;
+$token-component-switch-active-default-icon: #ffffff;
+$token-component-switch-active-default-circle: #ffffff;
+$token-component-switch-active-default-text: #ffffff;
+$token-component-switch-active-hover-background: #96cff0;
+$token-component-switch-active-hover-icon: #ffffff;
+$token-component-switch-active-hover-circle: #ffffff;
+$token-component-switch-active-hover-text: #ffffff;
+$token-component-switch-active-focus-background: #5bb3ea;
+$token-component-switch-active-focus-icon: #ffffff;
+$token-component-switch-active-focus-circle: #ffffff;
+$token-component-switch-active-focus-text: #ffffff;
+$token-component-switch-active-disabled-background: #515157;
+$token-component-switch-active-disabled-icon: #83838c;
+$token-component-switch-active-disabled-circle: rgba(255, 255, 255, 0.5);
+$token-component-switch-active-disabled-text: #83838c;
+$token-component-switch-inactive-default-background: #696970;
+$token-component-switch-inactive-default-circle: #ffffff;
+$token-component-switch-inactive-default-text: #ffffff;
+$token-component-switch-inactive-hover-background: #a3a3ab;
+$token-component-switch-inactive-hover-circle: #ffffff;
+$token-component-switch-inactive-hover-text: #ffffff;
+$token-component-switch-inactive-focus-background: #696970;
+$token-component-switch-inactive-focus-circle: #ffffff;
+$token-component-switch-inactive-focus-text: #ffffff;
+$token-component-switch-inactive-disabled-background: #515157;
+$token-component-switch-inactive-disabled-circle: rgba(255, 255, 255, 0.5);
+$token-component-switch-inactive-disabled-text: #83838c;
+$token-component-tab-default-text: #ffffff;
+$token-component-tab-default-icon: #ffffff;
+$token-component-tab-default-border: #515157;
+$token-component-tab-hover-text: #96cff0;
+$token-component-tab-hover-icon: #96cff0;
+$token-component-tab-hover-border: #515157;
+$token-component-tab-active-text: #5bb3ea;
+$token-component-tab-active-icon: #5bb3ea;
+$token-component-tab-active-border: #5bb3ea;
+$token-component-tab-disabled-text: #83838c;
+$token-component-tab-disabled-icon: #83838c;
+$token-component-tab-disabled-border: #515157;
+$token-component-tag-default-background: #343438;
+$token-component-tag-default-border: #696970;
+$token-component-tag-default-text: #ffffff;
+$token-component-tag-default-icon-default: #ffffff;
+$token-component-tag-default-icon-hover: #96cff0;
+$token-component-tag-default-icon-active: #5bb3ea;
+$token-component-tag-hover-background: #343438;
+$token-component-tag-hover-border: #c2c2ca;
+$token-component-tag-hover-text: #ffffff;
+$token-component-tag-hover-icon-default: #ffffff;
+$token-component-tag-hover-icon-hover: #96cff0;
+$token-component-tag-hover-icon-active: #5bb3ea;
+$token-component-tag-focus-background: #3d3d42;
+$token-component-tag-focus-border: #5bb3ea;
+$token-component-tag-focus-text: #ffffff;
+$token-component-tag-focus-icon-default: #ffffff;
+$token-component-tag-focus-icon-hover: #96cff0;
+$token-component-tag-focus-icon-active: #5bb3ea;
+$token-component-tag-error-background: #343438;
+$token-component-tag-error-border: #eb9091;
+$token-component-tag-error-text: #ffffff;
+$token-component-tag-error-icon-default: #ffffff;
+$token-component-tag-error-icon-hover: #96cff0;
+$token-component-tag-error-icon-active: #5bb3ea;
+$token-component-tag-disabled-background: #515157;
+$token-component-tag-disabled-border: #515157;
+$token-component-tag-disabled-text: #83838c;
+$token-component-tag-disabled-icon: #83838c;
+$token-component-tag-read-only-background: #343438;
+$token-component-tag-read-only-border: #515157;
+$token-component-tag-read-only-text: #ffffff;
+$token-component-tag-read-only-icon: #ffffff;
+$token-component-tag-input-default-background: #343438;
+$token-component-tag-input-default-border: #696970;
+$token-component-tag-input-default-hint-text: #a3a3ab;
+$token-component-tag-input-placeholder-background: #343438;
+$token-component-tag-input-placeholder-border: #696970;
+$token-component-tag-input-placeholder-text: #a3a3ab;
+$token-component-tag-input-placeholder-hint-text: #a3a3ab;
+$token-component-tag-input-hover-background: #343438;
+$token-component-tag-input-hover-border: #c2c2ca;
+$token-component-tag-input-hover-text: #a3a3ab;
+$token-component-tag-input-hover-hint-text: #a3a3ab;
+$token-component-tag-input-filled-background: #343438;
+$token-component-tag-input-filled-border: #696970;
+$token-component-tag-input-filled-icon: #ffffff;
+$token-component-tag-input-filled-hint-text: #a3a3ab;
+$token-component-tag-input-disabled-background: #515157;
+$token-component-tag-input-disabled-border: #515157;
+$token-component-tag-input-disabled-hint-text: #a3a3ab;
+$token-component-tag-input-error-background: #343438;
+$token-component-tag-input-error-border: #eb9091;
+$token-component-tag-input-error-icon: #ffffff;
+$token-component-tag-input-error-hint-text: #eb9091;
+$token-component-tag-input-focus-empty-background: #343438;
+$token-component-tag-input-focus-empty-border: #5bb3ea;
+$token-component-tag-input-focus-empty-text: #a3a3ab;
+$token-component-tag-input-focus-empty-hint-text: #a3a3ab;
+$token-component-tag-input-focus-background: #343438;
+$token-component-tag-input-focus-border: #5bb3ea;
+$token-component-tag-input-focus-text: #ffffff;
+$token-component-tag-input-focus-hint-text: #a3a3ab;
+$token-component-text-area-default-background: #343438;
+$token-component-text-area-default-border: #696970;
+$token-component-text-area-default-hint-text: #a3a3ab;
+$token-component-text-area-default-info-icon: #a3a3ab;
+$token-component-text-area-placeholder-background: #343438;
+$token-component-text-area-placeholder-border: #696970;
+$token-component-text-area-placeholder-text: #a3a3ab;
+$token-component-text-area-placeholder-hint-text: #a3a3ab;
+$token-component-text-area-placeholder-info-icon: #a3a3ab;
+$token-component-text-area-hover-background: #343438;
+$token-component-text-area-hover-border: #c2c2ca;
+$token-component-text-area-hover-text: #ffffff;
+$token-component-text-area-hover-icon: #ffffff;
+$token-component-text-area-hover-hint-text: #a3a3ab;
+$token-component-text-area-hover-info-icon: #a3a3ab;
+$token-component-text-area-hover-empty-background: #343438;
+$token-component-text-area-hover-empty-border: #c2c2ca;
+$token-component-text-area-hover-empty-text: #a3a3ab;
+$token-component-text-area-hover-empty-hint-text: #a3a3ab;
+$token-component-text-area-hover-empty-info-icon: #a3a3ab;
+$token-component-text-area-filled-background: #343438;
+$token-component-text-area-filled-border: #696970;
+$token-component-text-area-filled-text: #ffffff;
+$token-component-text-area-filled-hint-text: #a3a3ab;
+$token-component-text-area-filled-info-icon: #a3a3ab;
+$token-component-text-area-filled-icon-default: #ffffff;
+$token-component-text-area-filled-icon-hover: #96cff0;
+$token-component-text-area-filled-icon-active: #5bb3ea;
+$token-component-text-area-disabled-background: #515157;
+$token-component-text-area-disabled-border: #515157;
+$token-component-text-area-disabled-text: #83838c;
+$token-component-text-area-disabled-hint-text: #a3a3ab;
+$token-component-text-area-disabled-info-icon: #a3a3ab;
+$token-component-text-area-error-background: #343438;
+$token-component-text-area-error-border: #eb9091;
+$token-component-text-area-error-text: #ffffff;
+$token-component-text-area-error-hint-text: #eb9091;
+$token-component-text-area-error-info-icon: #a3a3ab;
+$token-component-text-area-error-icon-default: #ffffff;
+$token-component-text-area-error-icon-hover: #96cff0;
+$token-component-text-area-error-icon-active: #5bb3ea;
+$token-component-text-area-focus-empty-background: #343438;
+$token-component-text-area-focus-empty-border: #5bb3ea;
+$token-component-text-area-focus-empty-hint-text: #a3a3ab;
+$token-component-text-area-focus-empty-info-icon: #a3a3ab;
+$token-component-text-area-focus-empty-icon-default: #ffffff;
+$token-component-text-area-focus-empty-icon-hover: #96cff0;
+$token-component-text-area-focus-empty-icon-active: #5bb3ea;
+$token-component-text-area-focus-background: #343438;
+$token-component-text-area-focus-border: #5bb3ea;
+$token-component-text-area-focus-text: #ffffff;
+$token-component-text-area-focus-hint-text: #a3a3ab;
+$token-component-text-area-focus-info-icon: #a3a3ab;
+$token-component-text-area-focus-icon-default: #ffffff;
+$token-component-text-area-focus-icon-hover: #96cff0;
+$token-component-text-area-focus-icon-active: #5bb3ea;
+$token-component-text-area-read-only-text: #ffffff;
+$token-component-text-area-read-only-hint-text: #a3a3ab;
+$token-component-text-field-default-background: #343438;
+$token-component-text-field-default-border: #696970;
+$token-component-text-field-default-hint-text: #a3a3ab;
+$token-component-text-field-default-info-icon: #a3a3ab;
+$token-component-text-field-placeholder-background: #343438;
+$token-component-text-field-placeholder-border: #696970;
+$token-component-text-field-placeholder-text: #a3a3ab;
+$token-component-text-field-placeholder-hint-text: #a3a3ab;
+$token-component-text-field-placeholder-info-icon: #a3a3ab;
+$token-component-text-field-hover-background: #343438;
+$token-component-text-field-hover-border: #c2c2ca;
+$token-component-text-field-hover-text: #ffffff;
+$token-component-text-field-hover-icon: #ffffff;
+$token-component-text-field-hover-hint-text: #a3a3ab;
+$token-component-text-field-hover-info-icon: #a3a3ab;
+$token-component-text-field-hover-empty-background: #343438;
+$token-component-text-field-hover-empty-border: #c2c2ca;
+$token-component-text-field-hover-empty-text: #a3a3ab;
+$token-component-text-field-hover-empty-hint-text: #a3a3ab;
+$token-component-text-field-hover-empty-info-icon: #a3a3ab;
+$token-component-text-field-filled-background: #343438;
+$token-component-text-field-filled-border: #696970;
+$token-component-text-field-filled-text: #ffffff;
+$token-component-text-field-filled-hint-text: #a3a3ab;
+$token-component-text-field-filled-info-icon: #a3a3ab;
+$token-component-text-field-filled-icon-default: #ffffff;
+$token-component-text-field-filled-icon-hover: #96cff0;
+$token-component-text-field-filled-icon-active: #5bb3ea;
+$token-component-text-field-disabled-background: #515157;
+$token-component-text-field-disabled-border: #515157;
+$token-component-text-field-disabled-text: #83838c;
+$token-component-text-field-disabled-hint-text: #a3a3ab;
+$token-component-text-field-disabled-info-icon: #a3a3ab;
+$token-component-text-field-error-background: #343438;
+$token-component-text-field-error-border: #eb9091;
+$token-component-text-field-error-text: #ffffff;
+$token-component-text-field-error-hint-text: #eb9091;
+$token-component-text-field-error-info-icon: #a3a3ab;
+$token-component-text-field-error-icon-default: #ffffff;
+$token-component-text-field-error-icon-hover: #96cff0;
+$token-component-text-field-error-icon-active: #5bb3ea;
+$token-component-text-field-focus-empty-background: #343438;
+$token-component-text-field-focus-empty-border: #5bb3ea;
+$token-component-text-field-focus-empty-hint-text: #a3a3ab;
+$token-component-text-field-focus-empty-info-icon: #a3a3ab;
+$token-component-text-field-focus-empty-icon-default: #ffffff;
+$token-component-text-field-focus-empty-icon-hover: #96cff0;
+$token-component-text-field-focus-empty-icon-active: #5bb3ea;
+$token-component-text-field-focus-background: #343438;
+$token-component-text-field-focus-border: #5bb3ea;
+$token-component-text-field-focus-text: #ffffff;
+$token-component-text-field-focus-hint-text: #a3a3ab;
+$token-component-text-field-focus-info-icon: #a3a3ab;
+$token-component-text-field-focus-icon-default: #ffffff;
+$token-component-text-field-focus-icon-hover: #96cff0;
+$token-component-text-field-focus-icon-active: #5bb3ea;
+$token-component-text-field-read-only-text: #ffffff;
+$token-component-text-field-read-only-hint-text: #a3a3ab;
+$token-component-time-picker-default-background: #343438;
+$token-component-time-picker-default-border: #696970;
+$token-component-time-picker-default-text: #a3a3ab;
+$token-component-time-picker-default-icon: #ffffff;
+$token-component-time-picker-default-hint-text: #a3a3ab;
+$token-component-time-picker-hover-background: #343438;
+$token-component-time-picker-hover-border: #c2c2ca;
+$token-component-time-picker-hover-text: #a3a3ab;
+$token-component-time-picker-hover-icon: #ffffff;
+$token-component-time-picker-hover-hint-text: #a3a3ab;
+$token-component-time-picker-filled-background: #343438;
+$token-component-time-picker-filled-border: #696970;
+$token-component-time-picker-filled-text: #ffffff;
+$token-component-time-picker-filled-icon: #ffffff;
+$token-component-time-picker-filled-hint-text: #a3a3ab;
+$token-component-time-picker-disabled-background: #515157;
+$token-component-time-picker-disabled-border: #515157;
+$token-component-time-picker-disabled-text: #83838c;
+$token-component-time-picker-disabled-icon: #83838c;
+$token-component-time-picker-disabled-hint-text: #a3a3ab;
+$token-component-time-picker-error-background: #343438;
+$token-component-time-picker-error-border: #eb9091;
+$token-component-time-picker-error-text: #ffffff;
+$token-component-time-picker-error-icon: #ffffff;
+$token-component-time-picker-error-hint-text: #eb9091;
+$token-component-time-picker-focus-empty-background: #343438;
+$token-component-time-picker-focus-empty-border: #5bb3ea;
+$token-component-time-picker-focus-empty-text: #a3a3ab;
+$token-component-time-picker-focus-empty-icon: #ffffff;
+$token-component-time-picker-focus-empty-hint-text: #a3a3ab;
+$token-component-time-picker-focus-background: #343438;
+$token-component-time-picker-focus-border: #5bb3ea;
+$token-component-time-picker-focus-text: #ffffff;
+$token-component-time-picker-focus-icon: #ffffff;
+$token-component-time-picker-focus-hint-text: #a3a3ab;
+$token-component-time-picker-read-only-text: #ffffff;
+$token-component-tooltip-background: #ffffff;
+$token-component-tooltip-text: #343438;
+$token-component-tree-text: #ffffff;
+$token-component-tree-border: #515157;
+$token-component-tree-icon-default: #ffffff;
+$token-component-tree-icon-hover: #96cff0;
+$token-component-tree-icon-active: #5bb3ea;
+$token-component-tree-background-default: #343438;
+$token-component-tree-background-hover: #3d3d42;
+$token-component-tree-expanded-area-border: #696970;
+$token-component-widget-download-text: #ffffff;
+$token-component-widget-download-border: #515157;
+$token-component-widget-download-background-header: #343438;
+$token-component-widget-download-background-default: #3d3d42;
+$token-component-widget-download-icon-default: #ffffff;
+$token-component-widget-download-icon-success: #65ba75;
+$token-component-widget-download-icon-error: #eb9091;
+$token-component-widget-upload-default-background: #343438;
+$token-component-widget-upload-default-border: #696970;
+$token-component-widget-upload-default-icon: #ffffff;
+$token-component-widget-upload-default-text-default: #ffffff;
+$token-component-widget-upload-default-text-link: #5bb3ea;
+$token-component-widget-upload-hover-background: #3d3d42;
+$token-component-widget-upload-hover-border: #5bb3ea;
+$token-component-widget-upload-hover-icon: #ffffff;
+$token-component-widget-upload-hover-text-default: #ffffff;
+$token-component-widget-upload-hover-text-link: #5bb3ea;
+$token-component-widget-upload-disabled-background: #515157;
+$token-component-widget-upload-disabled-border: #515157;
+$token-component-widget-upload-disabled-icon: #83838c;
+$token-component-widget-upload-disabled-text: #83838c;
+$token-component-stepper-horizontal-line: #515157;
+$token-component-stepper-horizontal-past-item-circle-background: #3d3d42;
+$token-component-stepper-horizontal-past-item-circle-border: #5bb3ea;
+$token-component-stepper-horizontal-past-item-circle-text: #5bb3ea;
+$token-component-stepper-horizontal-past-item-circle-icon: #5bb3ea;
+$token-component-stepper-horizontal-past-item-text-default: #ffffff;
+$token-component-stepper-horizontal-past-item-text-hover: #5bb3ea;
+$token-component-stepper-horizontal-current-item-circle-background: #5bb3ea;
+$token-component-stepper-horizontal-current-item-circle-text: #ffffff;
+$token-component-stepper-horizontal-current-item-text-default: #ffffff;
+$token-component-stepper-horizontal-current-item-text-hover: #5bb3ea;
+$token-component-stepper-horizontal-future-item-circle-background: #343438;
+$token-component-stepper-horizontal-future-item-circle-border: #515157;
+$token-component-stepper-horizontal-future-item-circle-text: #83838c;
+$token-component-stepper-horizontal-future-item-text: #83838c;
+$token-component-stepper-vertical-background: #3d3d42;
+$token-component-stepper-vertical-border: #515157;
+$token-component-stepper-vertical-icon: #ffffff;
+$token-component-stepper-vertical-past-item-circle-background: #3d3d42;
+$token-component-stepper-vertical-past-item-circle-border: #5bb3ea;
+$token-component-stepper-vertical-past-item-circle-text: #5bb3ea;
+$token-component-stepper-vertical-past-item-circle-icon: #5bb3ea;
+$token-component-stepper-vertical-past-item-text-default: #ffffff;
+$token-component-stepper-vertical-past-item-text-hover: #5bb3ea;
+$token-component-stepper-vertical-current-item-icon: #5bb3ea;
+$token-component-stepper-vertical-current-item-circle-background: #5bb3ea;
+$token-component-stepper-vertical-current-item-circle-text: #ffffff;
+$token-component-stepper-vertical-current-item-text-default: #ffffff;
+$token-component-stepper-vertical-current-item-text-hover: #5bb3ea;
+$token-component-stepper-vertical-future-item-circle-background: #343438;
+$token-component-stepper-vertical-future-item-circle-border: #696970;
+$token-component-stepper-vertical-future-item-circle-text: #a3a3ab;
+$token-component-stepper-vertical-future-item-text-default: #ffffff;
+$token-component-stepper-vertical-future-item-text-hover: #5bb3ea;
+$token-component-stepper-vertical-disabled-item-circle-background: #343438;
+$token-component-stepper-vertical-disabled-item-circle-border: #515157;
+$token-component-stepper-vertical-disabled-item-circle-text: #83838c;
+$token-component-stepper-vertical-disabled-item-text: #83838c;
+$token-component-advanced-search-filter-icon-default-icon: #ffffff;
+$token-component-advanced-search-filter-icon-hover-icon: #96cff0;
+$token-component-advanced-search-filter-icon-applied-icon: #5bb3ea;
+$token-component-advanced-search-filter-icon-applied-badge-background: #d63c42;
+$token-component-advanced-search-filter-icon-applied-badge-text: #ffffff;
+$token-component-advanced-search-filter-icon-disabled-icon: #83838c;
+$token-component-advanced-search-filter-icon-disabled-badge-background: #83838c;
+$token-component-advanced-search-filter-icon-disabled-badge-text: #ffffff;
+$token-component-advanced-search-filter-area-background: #343438;
+$token-component-advanced-search-filter-area-border: #515157;
+$token-component-advanced-search-filter-area-text-default: #ffffff;
+$token-component-advanced-search-filter-area-text-link: #5bb3ea;
+$token-component-advanced-search-filter-area-icon-default: #ffffff;
+$token-component-advanced-search-filter-area-icon-hover: #96cff0;
+$token-component-advanced-search-filter-area-icon-disabled: #83838c;
+$token-component-advanced-search-filter-area-tag-background: #3d3d42;
+$token-component-advanced-search-filter-area-tag-border: #515157;
+$token-component-advanced-search-filter-area-tag-operator-icon: #c25d05;
+$token-component-advanced-search-filter-area-tag-icon-default: #ffffff;
+$token-component-advanced-search-filter-area-tag-icon-hover: #96cff0;
+$token-component-segmented-status-button-default-background: #3d3d42;
+$token-component-segmented-status-button-default-border: #696970;
+$token-component-segmented-status-button-default-text: #a3a3ab;
+$token-component-segmented-status-button-default-icon: #a3a3ab;
+$token-component-segmented-status-button-hover-background: #515157;
+$token-component-segmented-status-button-hover-border: #696970;
+$token-component-segmented-status-button-hover-text: #a3a3ab;
+$token-component-segmented-status-button-hover-icon: #a3a3ab;
+$token-component-segmented-status-button-disabled-background: #3d3d42;
+$token-component-segmented-status-button-disabled-border: #515157;
+$token-component-segmented-status-button-disabled-text: #83838c;
+$token-component-segmented-status-button-disabled-icon: #83838c;
+$token-component-segmented-status-button-disabled-positive-background: #515157;
+$token-component-segmented-status-button-disabled-positive-text: #83838c;
+$token-component-segmented-status-button-disabled-positive-icon: #83838c;
+$token-component-segmented-status-button-active-positive-background: #65ba75;
+$token-component-segmented-status-button-active-positive-text: #343438;
+$token-component-segmented-status-button-active-positive-icon: #343438;
+$token-component-segmented-status-button-disabled-negative-background: #515157;
+$token-component-segmented-status-button-disabled-negative-text: #83838c;
+$token-component-segmented-status-button-disabled-negative-icon: #83838c;
+$token-component-segmented-status-button-active-negative-background: #eb9091;
+$token-component-segmented-status-button-active-negative-text: #343438;
+$token-component-segmented-status-button-active-negative-icon: #343438;
+$token-component-segmented-status-button-disabled-neutral-background: #515157;
+$token-component-segmented-status-button-disabled-neutral-text: #83838c;
+$token-component-segmented-status-button-disabled-neutral-icon: #83838c;
+$token-component-segmented-status-button-active-neutral-background: #696970;
+$token-component-segmented-status-button-active-neutral-text: #ffffff;
+$token-component-segmented-status-button-active-neutral-icon: #ffffff;
+$token-component-link-select-default-text: #5bb3ea;
+$token-component-link-select-default-icon: #ffffff;
+$token-component-link-select-hover-text: #96cff0;
+$token-component-link-select-hover-icon: #96cff0;
+$token-component-link-select-filled-text: #5bb3ea;
+$token-component-link-select-filled-icon: #ffffff;
+$token-component-link-select-disabled-text: #83838c;
+$token-component-link-select-disabled-icon: #83838c;
+$token-component-link-select-focus-text: #5bb3ea;
+$token-component-link-select-focus-icon: #ffffff;
+$token-component-link-select-read-only-text: #ffffff;
diff --git a/dist/themes/densedDark/index.d.ts b/dist/themes/densedDark/index.d.ts
new file mode 100644
index 0000000..80e902a
--- /dev/null
+++ b/dist/themes/densedDark/index.d.ts
@@ -0,0 +1,5551 @@
+
+  /**
+   * Do not edit directly
+   * Generated on 2024-08-21
+   */
+  export interface GlobalTypes {
+  Color: {
+    Neutrals: {
+      5: "#f7f7fa",
+      10: "#ededf2",
+      20: "#e5e5ea",
+      30: "#d6d6dd",
+      40: "#c2c2ca",
+      50: "#a3a3ab",
+      60: "#83838c",
+      70: "#696970",
+      80: "#515157",
+      90: "#3d3d42",
+      100: "#343438",
+      Black: "#232326",
+      White: "#ffffff"
+    },
+    Brand: {
+      5: "#f5fbff",
+      10: "#edf8ff",
+      20: "#e1f4ff",
+      30: "#ceedfe",
+      40: "#afdef8",
+      50: "#96cff0",
+      60: "#5bb3ea",
+      70: "#009cde",
+      80: "#108ad6",
+      90: "#0174bc",
+      100: "#00314d"
+    },
+    Red: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      80: "#d0343a",
+      90: "#b82329",
+      100: "#381316"
+    },
+    Orange: {
+      5: "#fef9f4",
+      10: "#fff3e7",
+      20: "#ffebd7",
+      30: "#ffe1c3",
+      40: "#facfa4",
+      50: "#f2b67b",
+      60: "#f09d4b",
+      70: "#fe9933",
+      80: "#f0821d",
+      90: "#c25d05",
+      100: "#451e11"
+    },
+    Amber: {
+      5: "#fff9ed",
+      10: "#fff4d5",
+      20: "#ffecbc",
+      30: "#ffe3a2",
+      40: "#facf83",
+      50: "#f3ba63",
+      60: "#edb016",
+      70: "#fecb34",
+      80: "#f2b90e",
+      90: "#ce9a00",
+      100: "#403104"
+    },
+    Yellow: {
+      5: "#ffffeb",
+      10: "#fafadf",
+      20: "#f9f9c9",
+      30: "#f8f8b6",
+      40: "#f5f596",
+      50: "#e8e86a",
+      60: "#dfdf39",
+      70: "#f5f531",
+      80: "#e5e50a",
+      90: "#bfbf0d",
+      100: "#35290f"
+    },
+    Lime: {
+      5: "#f7fcf0",
+      10: "#eefadc",
+      20: "#e4f7c7",
+      30: "#d7f2b0",
+      40: "#c9e894",
+      50: "#b1d16a",
+      60: "#94ba2c",
+      70: "#99d52a",
+      80: "#93c926",
+      90: "#5d770d",
+      100: "#263209"
+    },
+    Green: {
+      5: "#f3fcf3",
+      10: "#ebf9eb",
+      20: "#dff3df",
+      30: "#ceebcf",
+      40: "#b7dfba",
+      50: "#97cf9c",
+      60: "#65ba75",
+      70: "#00b050",
+      80: "#07a04d",
+      90: "#138246",
+      100: "#1b311e"
+    },
+    Teal: {
+      5: "#f1fcfa",
+      10: "#e7f9f5",
+      20: "#d9f3ee",
+      30: "#c7ebe5",
+      40: "#afdfd7",
+      50: "#8dcec3",
+      60: "#53b9ab",
+      70: "#12a594",
+      80: "#0e9888",
+      90: "#067a6f",
+      100: "#10302b"
+    },
+    Cyan: {
+      5: "#f2fcfd",
+      10: "#e7f9fb",
+      20: "#d8f3f6",
+      30: "#aadee6",
+      40: "#84cdda",
+      50: "#84cdda",
+      60: "#3db9cf",
+      70: "#05a2c2",
+      80: "#0894b3",
+      90: "#0c7792",
+      100: "#04313c"
+    },
+    Ultramarine: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      80: "#3a5ccc",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Violet: {
+      5: "#fbfaff",
+      10: "#f5f2ff",
+      20: "#ede9fe",
+      30: "#e4defc",
+      40: "#d7cff9",
+      50: "#c4b8f3",
+      60: "#aa99ec",
+      70: "#7259d6",
+      80: "#644fc1",
+      90: "#5746af",
+      100: "#20134b"
+    },
+    Purple: {
+      5: "#fdfaff",
+      10: "#f9f1fe",
+      20: "#f3e7fc",
+      30: "#eddbf9",
+      40: "#e3ccf4",
+      50: "#d3b4ed",
+      60: "#be93e4",
+      70: "#8e4ec6",
+      80: "#8445bc",
+      90: "#753bbd",
+      100: "#2b0e44"
+    },
+    Magenta: {
+      5: "#fff8ff",
+      10: "#fceffc",
+      20: "#f9e5f9",
+      30: "#f3d9f4",
+      40: "#ebc8ed",
+      50: "#dfafe3",
+      60: "#cf91d8",
+      70: "#ab4aba",
+      80: "#a43cb4",
+      90: "#9c2bad",
+      100: "#340c3b"
+    },
+    Pink: {
+      5: "#fff7fc",
+      10: "#feeef8",
+      20: "#fce5f3",
+      30: "#f9d8ec",
+      40: "#f3c6e2",
+      50: "#ecadd4",
+      60: "#e38ec3",
+      70: "#e043a7",
+      80: "#d23197",
+      90: "#cd1d8d",
+      100: "#3b0a2a"
+    },
+    Brown: {
+      5: "#fbf9f2",
+      10: "#f5f2e9",
+      20: "#eeeadd",
+      30: "#e5dfd0",
+      40: "#dad1bd",
+      50: "#cbbda4",
+      60: "#b8a383",
+      70: "#978365",
+      80: "#8c795d",
+      90: "#776750",
+      100: "#3b352b"
+    }
+  },
+  Spacing: {
+    0: "0rem",
+    10: "0.125rem",
+    20: "0.25rem",
+    30: "0.375rem",
+    40: "0.5rem",
+    50: "0.75rem",
+    60: "1rem",
+    70: "1.5rem",
+    80: "2rem",
+    90: "3rem"
+  },
+  Font: {
+    FontFamily: {
+      Brand: "'Nunito Sans'",
+      Code: "'Fira Code'"
+    },
+    FontWeight: {
+      Semibold: "600",
+      Bold: "700",
+      Extrabold: "800",
+      Regular: {
+        Normal: "400",
+        Italic: "400"
+      }
+    },
+    FontSize: {
+      Xxxs: "0.75rem",
+      Xxs: "0.813rem",
+      Xs: "0.875rem",
+      S: "1rem",
+      M: "1.125rem",
+      L: "1.25rem",
+      Xl: "1.5rem",
+      Xxl: "1.75rem",
+      Xxxl: "2.25rem"
+    },
+    LineHeight: {
+      Xxxs: "1rem",
+      Xxs: "1.125rem",
+      Xs: "1.25rem",
+      S: "1.5rem",
+      M: "1.625rem",
+      L: "1.875rem",
+      Xl: "2rem",
+      Xxl: "2.375rem",
+      Xxxl: "2.625rem"
+    },
+    Textcase: {
+      Uppercase: "uppercase"
+    }
+  },
+  BorderRadius: {
+    None: "0rem"
+  }
+}
+
+declare const Global: GlobalTypes;
+
+export interface ColorTypes {
+  Neutrals: {
+    5: "#f7f7fa",
+    10: "#ededf2",
+    20: "#e5e5ea",
+    30: "#d6d6dd",
+    40: "#c2c2ca",
+    50: "#a3a3ab",
+    60: "#83838c",
+    70: "#696970",
+    80: "#515157",
+    90: "#3d3d42",
+    100: "#343438",
+    Black: "#232326",
+    White: "#ffffff"
+  },
+  Brand: {
+    5: "#f5fbff",
+    10: "#edf8ff",
+    20: "#e1f4ff",
+    30: "#ceedfe",
+    40: "#afdef8",
+    50: "#96cff0",
+    60: "#5bb3ea",
+    70: "#009cde",
+    80: "#108ad6",
+    90: "#0174bc",
+    100: "#00314d"
+  },
+  Red: {
+    5: "#fff8f8",
+    10: "#ffefef",
+    20: "#ffe5e5",
+    30: "#fdd8d8",
+    40: "#f9c6c6",
+    50: "#f3aeaf",
+    60: "#eb9091",
+    70: "#d63c42",
+    80: "#d0343a",
+    90: "#b82329",
+    100: "#381316"
+  },
+  Orange: {
+    5: "#fef9f4",
+    10: "#fff3e7",
+    20: "#ffebd7",
+    30: "#ffe1c3",
+    40: "#facfa4",
+    50: "#f2b67b",
+    60: "#f09d4b",
+    70: "#fe9933",
+    80: "#f0821d",
+    90: "#c25d05",
+    100: "#451e11"
+  },
+  Amber: {
+    5: "#fff9ed",
+    10: "#fff4d5",
+    20: "#ffecbc",
+    30: "#ffe3a2",
+    40: "#facf83",
+    50: "#f3ba63",
+    60: "#edb016",
+    70: "#fecb34",
+    80: "#f2b90e",
+    90: "#ce9a00",
+    100: "#403104"
+  },
+  Yellow: {
+    5: "#ffffeb",
+    10: "#fafadf",
+    20: "#f9f9c9",
+    30: "#f8f8b6",
+    40: "#f5f596",
+    50: "#e8e86a",
+    60: "#dfdf39",
+    70: "#f5f531",
+    80: "#e5e50a",
+    90: "#bfbf0d",
+    100: "#35290f"
+  },
+  Lime: {
+    5: "#f7fcf0",
+    10: "#eefadc",
+    20: "#e4f7c7",
+    30: "#d7f2b0",
+    40: "#c9e894",
+    50: "#b1d16a",
+    60: "#94ba2c",
+    70: "#99d52a",
+    80: "#93c926",
+    90: "#5d770d",
+    100: "#263209"
+  },
+  Green: {
+    5: "#f3fcf3",
+    10: "#ebf9eb",
+    20: "#dff3df",
+    30: "#ceebcf",
+    40: "#b7dfba",
+    50: "#97cf9c",
+    60: "#65ba75",
+    70: "#00b050",
+    80: "#07a04d",
+    90: "#138246",
+    100: "#1b311e"
+  },
+  Teal: {
+    5: "#f1fcfa",
+    10: "#e7f9f5",
+    20: "#d9f3ee",
+    30: "#c7ebe5",
+    40: "#afdfd7",
+    50: "#8dcec3",
+    60: "#53b9ab",
+    70: "#12a594",
+    80: "#0e9888",
+    90: "#067a6f",
+    100: "#10302b"
+  },
+  Cyan: {
+    5: "#f2fcfd",
+    10: "#e7f9fb",
+    20: "#d8f3f6",
+    30: "#aadee6",
+    40: "#84cdda",
+    50: "#84cdda",
+    60: "#3db9cf",
+    70: "#05a2c2",
+    80: "#0894b3",
+    90: "#0c7792",
+    100: "#04313c"
+  },
+  Ultramarine: {
+    5: "#f8faff",
+    10: "#f0f4ff",
+    20: "#e6edfe",
+    30: "#d9e2fc",
+    40: "#c6d4f9",
+    50: "#aec0f5",
+    60: "#8da4ef",
+    70: "#4067e5",
+    80: "#3a5ccc",
+    90: "#3451b2",
+    100: "#002856"
+  },
+  Violet: {
+    5: "#fbfaff",
+    10: "#f5f2ff",
+    20: "#ede9fe",
+    30: "#e4defc",
+    40: "#d7cff9",
+    50: "#c4b8f3",
+    60: "#aa99ec",
+    70: "#7259d6",
+    80: "#644fc1",
+    90: "#5746af",
+    100: "#20134b"
+  },
+  Purple: {
+    5: "#fdfaff",
+    10: "#f9f1fe",
+    20: "#f3e7fc",
+    30: "#eddbf9",
+    40: "#e3ccf4",
+    50: "#d3b4ed",
+    60: "#be93e4",
+    70: "#8e4ec6",
+    80: "#8445bc",
+    90: "#753bbd",
+    100: "#2b0e44"
+  },
+  Magenta: {
+    5: "#fff8ff",
+    10: "#fceffc",
+    20: "#f9e5f9",
+    30: "#f3d9f4",
+    40: "#ebc8ed",
+    50: "#dfafe3",
+    60: "#cf91d8",
+    70: "#ab4aba",
+    80: "#a43cb4",
+    90: "#9c2bad",
+    100: "#340c3b"
+  },
+  Pink: {
+    5: "#fff7fc",
+    10: "#feeef8",
+    20: "#fce5f3",
+    30: "#f9d8ec",
+    40: "#f3c6e2",
+    50: "#ecadd4",
+    60: "#e38ec3",
+    70: "#e043a7",
+    80: "#d23197",
+    90: "#cd1d8d",
+    100: "#3b0a2a"
+  },
+  Brown: {
+    5: "#fbf9f2",
+    10: "#f5f2e9",
+    20: "#eeeadd",
+    30: "#e5dfd0",
+    40: "#dad1bd",
+    50: "#cbbda4",
+    60: "#b8a383",
+    70: "#978365",
+    80: "#8c795d",
+    90: "#776750",
+    100: "#3b352b"
+  }
+}
+
+declare const Color: ColorTypes;
+
+export interface SpacingTypes {
+  0: "0rem",
+  10: "0.125rem",
+  20: "0.25rem",
+  30: "0.375rem",
+  40: "0.5rem",
+  50: "0.75rem",
+  60: "1rem",
+  70: "1.5rem",
+  80: "2rem",
+  90: "3rem"
+}
+
+declare const Spacing: SpacingTypes;
+
+export interface FontTypes {
+  FontFamily: {
+    Brand: "'Nunito Sans'",
+    Code: "'Fira Code'"
+  },
+  FontWeight: {
+    Semibold: "600",
+    Bold: "700",
+    Extrabold: "800",
+    Regular: {
+      Normal: "400",
+      Italic: "400"
+    }
+  },
+  FontSize: {
+    Xxxs: "0.75rem",
+    Xxs: "0.813rem",
+    Xs: "0.875rem",
+    S: "1rem",
+    M: "1.125rem",
+    L: "1.25rem",
+    Xl: "1.5rem",
+    Xxl: "1.75rem",
+    Xxxl: "2.25rem"
+  },
+  LineHeight: {
+    Xxxs: "1rem",
+    Xxs: "1.125rem",
+    Xs: "1.25rem",
+    S: "1.5rem",
+    M: "1.625rem",
+    L: "1.875rem",
+    Xl: "2rem",
+    Xxl: "2.375rem",
+    Xxxl: "2.625rem"
+  },
+  Textcase: {
+    Uppercase: "uppercase"
+  }
+}
+
+declare const Font: FontTypes;
+
+export interface BorderRadiusTypes {
+  None: "0rem"
+}
+
+declare const BorderRadius: BorderRadiusTypes;
+
+export interface AliasTypes {
+  Content: {
+    Text: {
+      Base: "#343438",
+      Negative: "#eb9091",
+      Warning: "#fecb34",
+      Positive: "#00b050",
+      Informative: "#4067e5",
+      Primary: {
+        Default: "#ffffff",
+        Disabled: "#83838c"
+      },
+      Secondary: {
+        Default: "#a3a3ab",
+        Disabled: "#83838c"
+      },
+      Link: {
+        Default: "#5bb3ea",
+        Hover: "#96cff0",
+        Disabled: "#83838c"
+      }
+    },
+    Icon: {
+      Base: "#343438",
+      Negative: "#eb9091",
+      Warning: "#edb016",
+      Positive: "#65ba75",
+      Informative: "#8da4ef",
+      Primary: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea",
+        Disabled: "#83838c"
+      },
+      Secondary: {
+        Default: "#a3a3ab",
+        Disabled: "#83838c"
+      }
+    }
+  },
+  Border: {
+    Normal: "#515157",
+    Neutral: "#c2c2ca",
+    Negative: "#eb9091",
+    Warning: "#edb016",
+    Positive: "#65ba75",
+    Informative: "#8da4ef"
+  },
+  Background: {
+    Normal: "#3d3d42",
+    Neutral: "#343438",
+    Base: "#ffffff",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Black: "#232326",
+    Negativesubtle: "#515157",
+    Warningsubtle: "#515157",
+    Positivesubtle: "#515157",
+    Informativesubtle: "#515157",
+    Neutralsubtle: "#515157",
+    Overlay: "lch(13.8 2.09 286 / 0.84)"
+  },
+  Action: {
+    Base: "#3d3d42",
+    Neutral: "#696970",
+    White50: "#ffffff",
+    Primary: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0",
+      Active: "#5bb3ea",
+      Disabled: "#515157"
+    },
+    Secondary: {
+      Hover: "#515157",
+      Disabled: "#515157"
+    },
+    Tertiary: {
+      Disabled: "#515157"
+    },
+    Positive: {
+      Default: "#65ba75",
+      Disabled: "#515157"
+    },
+    Negative: {
+      Default: "#eb9091",
+      Disabled: "#515157"
+    }
+  },
+  Interaction: {
+    Border: {
+      Default: "#696970",
+      Hover: "#c2c2ca",
+      Focus: "#5bb3ea",
+      Error: "#eb9091",
+      Disabled: "#515157"
+    },
+    Background: {
+      Primary: "#343438",
+      Secondary: "#343438",
+      Tertiary: "#3d3d42",
+      Elevated: "#515157",
+      Accent: "#5bb3ea",
+      Active: "#5bb3ea",
+      Disabled: "#515157"
+    }
+  },
+  Elevation: {
+    S: "0 2px 6px 0 rgba(0,0,0,0.18)",
+    SInverted: "0 -2px 6px 0 rgba(0,0,0,0.18)",
+    L: "0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08)"
+  },
+  Typography: {
+    Heading: {
+      Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+      Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+      Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+      L: "700 1.25rem/1.625rem 'Nunito Sans'",
+      M: "700 1.125rem/1.5rem 'Nunito Sans'",
+      S: "700 1rem/1.25rem 'Nunito Sans'",
+      Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+      Overline: "800 0.75rem/1rem 'Nunito Sans'",
+      OverlineLetterSpacing: "0.023rem",
+      OverlineTextCase: "uppercase"
+    },
+    Body: {
+      Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+      Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+      Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+      List: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+    },
+    Label: {
+      Semibold: {
+        L: "600 1rem/1.25rem 'Nunito Sans'",
+        S: "600 0.875rem/1rem 'Nunito Sans'",
+        Xs: "600 0.75rem/1rem 'Nunito Sans'"
+      },
+      Bold: {
+        L: "700 1rem/1.25rem 'Nunito Sans'",
+        S: "700 0.875rem/1rem 'Nunito Sans'",
+        Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+      },
+      Regular: {
+        S: "400 0.875rem/1rem 'Nunito Sans'",
+        Xs: "400 0.75rem/1rem 'Nunito Sans'",
+        Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+      }
+    },
+    Code: "400 0.813rem/1.25rem 'Fira Code'"
+  },
+  Accent: {
+    Info: {
+      Primary: "#aec0f5",
+      Secondary: "lch(77.7 28.7 275 / 0.12)"
+    },
+    Neutral: {
+      Primary: "#c2c2ca",
+      Secondary: "lch(78.6 4.18 286 / 0.12)"
+    },
+    Warning: {
+      Primary: "#f2b67b",
+      Secondary: "lch(79.6 53.6 74.4 / 0.12)"
+    },
+    Negative: {
+      Primary: "#f3aeaf",
+      Secondary: "lch(77.8 28 21.1 / 0.12)"
+    },
+    Positive: {
+      Primary: "#97cf9c",
+      Secondary: "lch(78.2 32.7 144 / 0.12)"
+    },
+    Important: {
+      Primary: "#d3b4ed",
+      Secondary: "lch(77.5 31.1 309 / 0.12)"
+    },
+    Pink: {
+      Primary: "#ecadd4",
+      Secondary: "lch(77.6 29.9 340 / 0.12)"
+    },
+    Violet: {
+      Primary: "#c4b8f3",
+      Secondary: "lch(77.3 30.9 295 / 0.12)"
+    }
+  },
+  Chart: {
+    Neutral: "#515157",
+    Categorical: {
+      1: {
+        Primary: "#4067e5",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(46.5 72.3 286 / 0.2)"
+      },
+      2: {
+        Primary: "#fe9933",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(72.9 74.2 63 / 0.2)"
+      },
+      3: {
+        Primary: "#12a594",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(60.7 39.7 183 / 0.2)"
+      },
+      4: {
+        Primary: "#ab4aba",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(48.2 66.6 322 / 0.2)"
+      },
+      5: {
+        Primary: "#d63c42",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+      },
+      6: {
+        Primary: "#05a2c2",
+        Inactive: "#aadee6",
+        Transparent: "lch(61 38.6 224 / 0.2)"
+      },
+      7: {
+        Primary: "#e043a7",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(55 70 344 / 0.2)"
+      },
+      8: {
+        Primary: "#00b050",
+        Inactive: "#ceebcf",
+        Transparent: "lch(63 67 146 / 0.2)"
+      },
+      9: {
+        Primary: "#7259d6",
+        Inactive: "#e4defc",
+        Transparent: "lch(45.6 71 299 / 0.2)"
+      },
+      10: {
+        Primary: "#99d52a",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(79 79.1 118 / 0.2)"
+      },
+      11: {
+        Primary: "#696970",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(44.6 4.09 286 / 0.2)"
+      },
+      12: {
+        Primary: "#8da4ef",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(67.9 41.2 278 / 0.2)"
+      },
+      13: {
+        Primary: "#c25d05",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+      },
+      14: {
+        Primary: "#067a6f",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(45.6 31.8 185 / 0.2)"
+      },
+      15: {
+        Primary: "#cf91d8",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(68.3 42.4 321 / 0.2)"
+      },
+      16: {
+        Primary: "#eb9091",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+      },
+      17: {
+        Primary: "#0c7792",
+        Inactive: "#aadee6",
+        Transparent: "lch(45.7 30.9 228 / 0.2)"
+      },
+      18: {
+        Primary: "#e38ec3",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(69.3 40.8 341 / 0.2)"
+      },
+      19: {
+        Primary: "#97cf9c",
+        Inactive: "#ceebcf",
+        Transparent: "lch(78.2 32.7 144 / 0.2)"
+      },
+      20: {
+        Primary: "#aa99ec",
+        Inactive: "#e4defc",
+        Transparent: "lch(67.2 44.6 296 / 0.2)"
+      },
+      21: {
+        Primary: "#94ba2c",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(70.8 67.7 114 / 0.2)"
+      },
+      22: {
+        Primary: "#3d3d42",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(25.9 3.2 286 / 0.2)"
+      }
+    },
+    Monochromatic: {
+      Default: {
+        5: "#f8faff",
+        10: "#f0f4ff",
+        20: "#e6edfe",
+        30: "#d9e2fc",
+        40: "#c6d4f9",
+        50: "#aec0f5",
+        60: "#8da4ef",
+        70: "#4067e5",
+        90: "#3451b2",
+        100: "#002856"
+      },
+      Danger: {
+        5: "#fff8f8",
+        10: "#ffefef",
+        20: "#ffe5e5",
+        30: "#fdd8d8",
+        40: "#f9c6c6",
+        50: "#f3aeaf",
+        60: "#eb9091",
+        70: "#d63c42",
+        90: "#b82329",
+        100: "#381316"
+      }
+    },
+    Status: {
+      Negative: "#d63c42",
+      Warning: "#fecb34",
+      Positive: "#00b050"
+    }
+  }
+}
+
+declare const Alias: AliasTypes;
+
+export interface ContentTypes {
+  Text: {
+    Base: "#343438",
+    Negative: "#eb9091",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Primary: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    },
+    Secondary: {
+      Default: "#a3a3ab",
+      Disabled: "#83838c"
+    },
+    Link: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    }
+  },
+  Icon: {
+    Base: "#343438",
+    Negative: "#eb9091",
+    Warning: "#edb016",
+    Positive: "#65ba75",
+    Informative: "#8da4ef",
+    Primary: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea",
+      Disabled: "#83838c"
+    },
+    Secondary: {
+      Default: "#a3a3ab",
+      Disabled: "#83838c"
+    }
+  }
+}
+
+declare const Content: ContentTypes;
+
+export interface BorderTypes {
+  Normal: "#515157",
+  Neutral: "#c2c2ca",
+  Negative: "#eb9091",
+  Warning: "#edb016",
+  Positive: "#65ba75",
+  Informative: "#8da4ef"
+}
+
+declare const Border: BorderTypes;
+
+export interface BackgroundTypes {
+  Normal: "#3d3d42",
+  Neutral: "#343438",
+  Base: "#ffffff",
+  Negative: "#d63c42",
+  Warning: "#fecb34",
+  Positive: "#00b050",
+  Informative: "#4067e5",
+  Black: "#232326",
+  Negativesubtle: "#515157",
+  Warningsubtle: "#515157",
+  Positivesubtle: "#515157",
+  Informativesubtle: "#515157",
+  Neutralsubtle: "#515157",
+  Overlay: "lch(13.8 2.09 286 / 0.84)"
+}
+
+declare const Background: BackgroundTypes;
+
+export interface ActionTypes {
+  Base: "#3d3d42",
+  Neutral: "#696970",
+  White50: "#ffffff",
+  Primary: {
+    Default: "#5bb3ea",
+    Hover: "#96cff0",
+    Active: "#5bb3ea",
+    Disabled: "#515157"
+  },
+  Secondary: {
+    Hover: "#515157",
+    Disabled: "#515157"
+  },
+  Tertiary: {
+    Disabled: "#515157"
+  },
+  Positive: {
+    Default: "#65ba75",
+    Disabled: "#515157"
+  },
+  Negative: {
+    Default: "#eb9091",
+    Disabled: "#515157"
+  }
+}
+
+declare const Action: ActionTypes;
+
+export interface InteractionTypes {
+  Border: {
+    Default: "#696970",
+    Hover: "#c2c2ca",
+    Focus: "#5bb3ea",
+    Error: "#eb9091",
+    Disabled: "#515157"
+  },
+  Background: {
+    Primary: "#343438",
+    Secondary: "#343438",
+    Tertiary: "#3d3d42",
+    Elevated: "#515157",
+    Accent: "#5bb3ea",
+    Active: "#5bb3ea",
+    Disabled: "#515157"
+  }
+}
+
+declare const Interaction: InteractionTypes;
+
+export interface ElevationTypes {
+  S: "0 2px 6px 0 rgba(0,0,0,0.18)",
+  SInverted: "0 -2px 6px 0 rgba(0,0,0,0.18)",
+  L: "0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08)"
+}
+
+declare const Elevation: ElevationTypes;
+
+export interface TypographyTypes {
+  Heading: {
+    Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+    Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+    Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+    L: "700 1.25rem/1.625rem 'Nunito Sans'",
+    M: "700 1.125rem/1.5rem 'Nunito Sans'",
+    S: "700 1rem/1.25rem 'Nunito Sans'",
+    Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+    Overline: "800 0.75rem/1rem 'Nunito Sans'",
+    OverlineLetterSpacing: "0.023rem",
+    OverlineTextCase: "uppercase"
+  },
+  Body: {
+    Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+    Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+    Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+    List: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+  },
+  Label: {
+    Semibold: {
+      L: "600 1rem/1.25rem 'Nunito Sans'",
+      S: "600 0.875rem/1rem 'Nunito Sans'",
+      Xs: "600 0.75rem/1rem 'Nunito Sans'"
+    },
+    Bold: {
+      L: "700 1rem/1.25rem 'Nunito Sans'",
+      S: "700 0.875rem/1rem 'Nunito Sans'",
+      Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+    },
+    Regular: {
+      S: "400 0.875rem/1rem 'Nunito Sans'",
+      Xs: "400 0.75rem/1rem 'Nunito Sans'",
+      Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+    }
+  },
+  Code: "400 0.813rem/1.25rem 'Fira Code'"
+}
+
+declare const Typography: TypographyTypes;
+
+export interface AccentTypes {
+  Info: {
+    Primary: "#aec0f5",
+    Secondary: "lch(77.7 28.7 275 / 0.12)"
+  },
+  Neutral: {
+    Primary: "#c2c2ca",
+    Secondary: "lch(78.6 4.18 286 / 0.12)"
+  },
+  Warning: {
+    Primary: "#f2b67b",
+    Secondary: "lch(79.6 53.6 74.4 / 0.12)"
+  },
+  Negative: {
+    Primary: "#f3aeaf",
+    Secondary: "lch(77.8 28 21.1 / 0.12)"
+  },
+  Positive: {
+    Primary: "#97cf9c",
+    Secondary: "lch(78.2 32.7 144 / 0.12)"
+  },
+  Important: {
+    Primary: "#d3b4ed",
+    Secondary: "lch(77.5 31.1 309 / 0.12)"
+  },
+  Pink: {
+    Primary: "#ecadd4",
+    Secondary: "lch(77.6 29.9 340 / 0.12)"
+  },
+  Violet: {
+    Primary: "#c4b8f3",
+    Secondary: "lch(77.3 30.9 295 / 0.12)"
+  }
+}
+
+declare const Accent: AccentTypes;
+
+export interface ChartTypes {
+  Neutral: "#515157",
+  Categorical: {
+    1: {
+      Primary: "#4067e5",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(46.5 72.3 286 / 0.2)"
+    },
+    2: {
+      Primary: "#fe9933",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(72.9 74.2 63 / 0.2)"
+    },
+    3: {
+      Primary: "#12a594",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(60.7 39.7 183 / 0.2)"
+    },
+    4: {
+      Primary: "#ab4aba",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(48.2 66.6 322 / 0.2)"
+    },
+    5: {
+      Primary: "#d63c42",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+    },
+    6: {
+      Primary: "#05a2c2",
+      Inactive: "#aadee6",
+      Transparent: "lch(61 38.6 224 / 0.2)"
+    },
+    7: {
+      Primary: "#e043a7",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(55 70 344 / 0.2)"
+    },
+    8: {
+      Primary: "#00b050",
+      Inactive: "#ceebcf",
+      Transparent: "lch(63 67 146 / 0.2)"
+    },
+    9: {
+      Primary: "#7259d6",
+      Inactive: "#e4defc",
+      Transparent: "lch(45.6 71 299 / 0.2)"
+    },
+    10: {
+      Primary: "#99d52a",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(79 79.1 118 / 0.2)"
+    },
+    11: {
+      Primary: "#696970",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(44.6 4.09 286 / 0.2)"
+    },
+    12: {
+      Primary: "#8da4ef",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(67.9 41.2 278 / 0.2)"
+    },
+    13: {
+      Primary: "#c25d05",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+    },
+    14: {
+      Primary: "#067a6f",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(45.6 31.8 185 / 0.2)"
+    },
+    15: {
+      Primary: "#cf91d8",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(68.3 42.4 321 / 0.2)"
+    },
+    16: {
+      Primary: "#eb9091",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+    },
+    17: {
+      Primary: "#0c7792",
+      Inactive: "#aadee6",
+      Transparent: "lch(45.7 30.9 228 / 0.2)"
+    },
+    18: {
+      Primary: "#e38ec3",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(69.3 40.8 341 / 0.2)"
+    },
+    19: {
+      Primary: "#97cf9c",
+      Inactive: "#ceebcf",
+      Transparent: "lch(78.2 32.7 144 / 0.2)"
+    },
+    20: {
+      Primary: "#aa99ec",
+      Inactive: "#e4defc",
+      Transparent: "lch(67.2 44.6 296 / 0.2)"
+    },
+    21: {
+      Primary: "#94ba2c",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(70.8 67.7 114 / 0.2)"
+    },
+    22: {
+      Primary: "#3d3d42",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(25.9 3.2 286 / 0.2)"
+    }
+  },
+  Monochromatic: {
+    Default: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Danger: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      90: "#b82329",
+      100: "#381316"
+    }
+  },
+  Status: {
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050"
+  }
+}
+
+declare const Chart: ChartTypes;
+
+export interface ComponentTypes {
+  Button: {
+    Primary: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Pressed: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#5bb3ea"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Background: "#515157",
+        Border: "#96cff0",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Pressed: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Text: "#96cff0",
+        Icon: "#96cff0"
+      },
+      Pressed: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Text: "#83838c",
+        Icon: "#83838c"
+      }
+    }
+  },
+  Container: {
+    Background: "#3d3d42",
+    Border: "#515157"
+  },
+  Table: {
+    HeaderFilled: {
+      Background: "#343438",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HeaderOutlined: {
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Row: {
+      Border: "#515157",
+      Icon: {
+        Default: "#ffffff",
+        Disabled: "#83838c",
+        Hover: "#96cff0"
+      },
+      Background: {
+        Default: "#3d3d42",
+        Zebra: "#343438",
+        Hover: "#515157"
+      },
+      Text: {
+        Default: "#ffffff",
+        Placeholder: "#a3a3ab",
+        Link: "#5bb3ea"
+      }
+    }
+  },
+  MenuButton: {
+    Primary: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Pressed: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#5bb3ea"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Background: "#515157",
+        Border: "#96cff0",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Pressed: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Text: "#96cff0",
+        Icon: "#96cff0"
+      },
+      Pressed: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Text: "#83838c",
+        Icon: "#83838c"
+      }
+    }
+  },
+  OverflowMenuButton: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Pressed: {
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Icon: "#83838c"
+    }
+  },
+  SplitMenuButton: {
+    Primary: {
+      Default: {
+        Background: "#5bb3ea",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#96cff0",
+        BackgroundRight: "#5bb3ea",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      HoverRight: {
+        BackgroundLeft: "#5bb3ea",
+        BackgroundRight: "#96cff0",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Active: {
+        Background: "#5bb3ea",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#3d3d42",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        BackgroundLeft: "#5bb3ea",
+        BackgroundRight: "#5bb3ea",
+        Border: "#3d3d42",
+        Icon: "#343438"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#515157",
+        BackgroundRight: "#3d3d42",
+        BorderLeft: "#96cff0",
+        BorderRight: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      HoverRight: {
+        BackgroundLeft: "#3d3d42",
+        BackgroundRight: "#515157",
+        BorderLeft: "#5bb3ea",
+        BorderRight: "#96cff0",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Icon: "#5bb3ea"
+      }
+    }
+  },
+  Appbar: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Badge: {
+    Informative: {
+      Background: "lch(77.7 28.7 275 / 0.12)",
+      Text: "#aec0f5"
+    },
+    Neutral: {
+      Background: "lch(78.6 4.18 286 / 0.12)",
+      Text: "#c2c2ca"
+    },
+    Warning: {
+      Background: "lch(79.6 53.6 74.4 / 0.12)",
+      Text: "#f2b67b"
+    },
+    Negative: {
+      Background: "lch(77.8 28 21.1 / 0.12)",
+      Text: "#f3aeaf"
+    },
+    Positive: {
+      Background: "lch(78.2 32.7 144 / 0.12)",
+      Text: "#97cf9c"
+    },
+    Important: {
+      Background: "lch(77.5 31.1 309 / 0.12)",
+      Text: "#d3b4ed"
+    },
+    Violet: {
+      Background: "lch(77.3 30.9 295 / 0.12)",
+      Text: "#c4b8f3"
+    },
+    Pink: {
+      Background: "lch(77.6 29.9 340 / 0.12)",
+      Text: "#ecadd4"
+    }
+  },
+  Breadcrumb: {
+    Divider: "#515157",
+    AppTitle: {
+      Text: "#5bb3ea"
+    },
+    Default: {
+      Text: "#5bb3ea"
+    },
+    Truncated: {
+      Text: "#5bb3ea"
+    },
+    LastItem: {
+      Text: "#ffffff"
+    },
+    Collapsed: {
+      Background: "#515157",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    WithDropdown: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    }
+  },
+  Card: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Checkbox: {
+    Empty: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#696970",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#96cff0",
+        Text: "#ffffff"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff"
+      }
+    },
+    Checked: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Active: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff",
+        Icon: "#83838c"
+      }
+    },
+    Indeterminated: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Active: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff",
+        Icon: "#83838c"
+      }
+    }
+  },
+  ContentPanel: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Calendar: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Icon: "#ffffff",
+    Text: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    },
+    SelectedItem: {
+      Text: "#343438",
+      Background: "#5bb3ea"
+    },
+    HoverItem: {
+      Background: "#515157",
+      Text: "#ffffff"
+    },
+    PresetArea: {
+      Background: "#343438",
+      HoverPeriod: {
+        Background: "#3d3d42"
+      },
+      ActivePeriod: {
+        Background: "#5bb3ea",
+        Text: "#343438"
+      }
+    }
+  },
+  DateField: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#5bb3ea",
+      HintText: "#a3a3ab"
+    }
+  },
+  DatePicker: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Filled: {
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Icon: "#83838c"
+    },
+    Focus: {
+      Icon: "#5bb3ea"
+    }
+  },
+  DateRangePicker: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Filled: {
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Icon: "#83838c"
+    },
+    Focus: {
+      Icon: "#5bb3ea"
+    }
+  },
+  DateRangeField: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#5bb3ea",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  DateRangeInput: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    ActivePeriod: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      ActiveItem: {
+        Background: "#3d3d42",
+        Text: "#a3a3ab"
+      }
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    },
+    Disabled: {
+      Background: "#343438",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#5bb3ea",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  Divider: {
+    Border: "#515157"
+  },
+  Drawer: {
+    Background: "#3d3d42",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    }
+  },
+  Dropdown: {
+    Icon: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    },
+    Text: {
+      Default: "#ffffff",
+      Link: "#5bb3ea",
+      Description: "#a3a3ab",
+      Disabled: "#83838c"
+    },
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42",
+      Category: "#343438"
+    }
+  },
+  GlobalHeader: {
+    Background: "#232326",
+    Border: "#3d3d42",
+    Icon: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Search: {
+      Background: "#3d3d42",
+      Text: {
+        Placeholder: "#d6d6dd",
+        Filled: "#ffffff"
+      },
+      Icon: {
+        Default: "#d6d6dd",
+        Active: "#ffffff",
+        Hover: "#ffffff"
+      }
+    }
+  },
+  GlobalFooter: {
+    Background: "#232326",
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    }
+  },
+  GroupSelect: {
+    Field: {
+      Default: {
+        Background: "#343438",
+        Border: "#696970",
+        Text: "#a3a3ab",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Hover: {
+        Background: "#343438",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Selected: {
+        Background: "#343438",
+        Border: "#696970",
+        Text: "#ffffff",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#343438",
+        Text: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Error: {
+        Background: "#343438",
+        Border: "#eb9091",
+        Text: "#ffffff",
+        Icon: "#ffffff",
+        HintText: "#eb9091",
+        InfoIcon: "#a3a3ab"
+      },
+      Focus: {
+        Background: "#343438",
+        Border: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      }
+    },
+    Dropdown: {
+      Icon: "#ffffff",
+      Text: "#ffffff",
+      Background: {
+        Default: "#343438",
+        Hover: "#3d3d42"
+      }
+    }
+  },
+  InlineEdit: {
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0"
+    },
+    AcceptIcon: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    }
+  },
+  KpiBar: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    },
+    Item: {
+      Neutral: {
+        Default: {
+          Label: "#c2c2ca",
+          Text: "#a3a3ab",
+          Icon: "#c2c2ca"
+        },
+        Hover: {
+          Label: "#c2c2ca",
+          Text: "#a3a3ab",
+          Background: "lch(78.6 4.18 286 / 0.12)",
+          Icon: "#c2c2ca"
+        },
+        Active: {
+          Label: "#c2c2ca",
+          Text: "#ffffff",
+          Border: "#c2c2ca",
+          Icon: "#c2c2ca"
+        }
+      },
+      Green: {
+        Default: {
+          Label: "#97cf9c",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#97cf9c",
+          Text: "#a3a3ab",
+          Background: "lch(78.2 32.7 144 / 0.12)"
+        },
+        Active: {
+          Label: "#97cf9c",
+          Text: "#ffffff",
+          Border: "#97cf9c"
+        }
+      },
+      Orange: {
+        Default: {
+          Label: "#f2b67b",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#f2b67b",
+          Text: "#a3a3ab",
+          Background: "lch(79.6 53.6 74.4 / 0.12)"
+        },
+        Active: {
+          Label: "#f2b67b",
+          Text: "#ffffff",
+          Border: "#f2b67b"
+        }
+      },
+      Purple: {
+        Default: {
+          Label: "#d3b4ed",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#d3b4ed",
+          Text: "#a3a3ab",
+          Background: "lch(77.5 31.1 309 / 0.12)"
+        },
+        Active: {
+          Label: "#d3b4ed",
+          Text: "#ffffff",
+          Border: "#d3b4ed"
+        }
+      },
+      Red: {
+        Default: {
+          Label: "#f3aeaf",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#f3aeaf",
+          Text: "#a3a3ab",
+          Background: "lch(77.8 28 21.1 / 0.12)"
+        },
+        Active: {
+          Label: "#f3aeaf",
+          Text: "#ffffff",
+          Border: "#f3aeaf"
+        }
+      },
+      Ultramarine: {
+        Default: {
+          Label: "#aec0f5",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#aec0f5",
+          Text: "#a3a3ab",
+          Background: "lch(77.7 28.7 275 / 0.12)"
+        },
+        Active: {
+          Label: "#aec0f5",
+          Text: "#ffffff",
+          Border: "#aec0f5"
+        }
+      },
+      Pink: {
+        Default: {
+          Label: "#ecadd4",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#ecadd4",
+          Text: "#a3a3ab",
+          Background: "lch(77.6 29.9 340 / 0.12)"
+        },
+        Active: {
+          Label: "#ecadd4",
+          Text: "#ffffff",
+          Border: "#ecadd4"
+        }
+      }
+    }
+  },
+  Label: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    InfoIcon: "#a3a3ab"
+  },
+  List: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    },
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42"
+    }
+  },
+  MasterSwitch: {
+    ContentBackground: "#3d3d42",
+    SideBackground: "#343438",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Modal: {
+    Background: "#3d3d42",
+    Icon: "#ffffff",
+    Text: {
+      Default: "#ffffff",
+      Description: "#a3a3ab"
+    }
+  },
+  NotificationBanner: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    Informative: {
+      Background: "#515157",
+      Border: "#8da4ef",
+      StatusIcon: "#8da4ef"
+    },
+    Tip: {
+      Background: "#515157",
+      Border: "#8da4ef",
+      StatusIcon: "#8da4ef"
+    },
+    Warning: {
+      Background: "#515157",
+      Border: "#edb016",
+      StatusIcon: "#edb016"
+    },
+    Success: {
+      Background: "#515157",
+      Border: "#65ba75",
+      StatusIcon: "#65ba75"
+    },
+    Error: {
+      Background: "#515157",
+      Border: "#eb9091",
+      StatusIcon: "#eb9091"
+    },
+    Secondary: {
+      Background: "#515157",
+      Border: "#c2c2ca",
+      StatusIcon: "#ffffff"
+    }
+  },
+  NotificationToast: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    Informative: {
+      Background: "#515157",
+      IconBackground: "#4067e5",
+      Border: "#8da4ef",
+      StatusIcon: "#ffffff"
+    },
+    Tip: {
+      Background: "#515157",
+      IconBackground: "#4067e5",
+      Border: "#8da4ef",
+      StatusIcon: "#ffffff"
+    },
+    Warning: {
+      Background: "#515157",
+      IconBackground: "#fecb34",
+      Border: "#edb016",
+      StatusIcon: "#3d3d42"
+    },
+    Success: {
+      Background: "#515157",
+      IconBackground: "#00b050",
+      Border: "#65ba75",
+      StatusIcon: "#ffffff"
+    },
+    Error: {
+      Background: "#515157",
+      IconBackground: "#d63c42",
+      Border: "#eb9091",
+      StatusIcon: "#ffffff"
+    }
+  },
+  Pagination: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: {
+      Default: "#ffffff",
+      Link: "#5bb3ea",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    },
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea",
+      Disabled: "#83838c"
+    }
+  },
+  Popover: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Icon: "#ffffff",
+    Text: {
+      Default: "#ffffff",
+      Link: {
+        Default: "#5bb3ea",
+        Hover: "#96cff0"
+      }
+    }
+  },
+  ProgressBar: {
+    Text: {
+      Default: "#ffffff",
+      Link: {
+        Default: "#5bb3ea",
+        Hover: "#96cff0"
+      }
+    },
+    StatusLine: {
+      Default: "#515157",
+      Success: "#00b050",
+      Error: "#d63c42"
+    }
+  },
+  NumericSpinner: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  RadioButton: {
+    Inactive: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#696970",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#96cff0",
+        Text: "#ffffff"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff"
+      }
+    },
+    Active: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#96cff0",
+        Text: "#ffffff"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff"
+      }
+    }
+  },
+  Search: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab",
+      SearchIcon: "#83838c"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091",
+      SearchIcon: "#a3a3ab"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    }
+  },
+  SegmentedButton: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    DisabledChecked: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Border: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    }
+  },
+  SideNavigation: {
+    Icon: "#ffffff",
+    Border: "#515157",
+    Background: {
+      Default: "#343438",
+      SecondLevel: "#343438"
+    },
+    DefaultMenuItem: {
+      Background: "#343438",
+      Icon: "#ffffff",
+      Text: "#ffffff",
+      Label: {
+        Text: "#ffffff",
+        Background: "#343438",
+        Border: "#515157"
+      }
+    },
+    HoverMenuItem: {
+      Background: "#3d3d42",
+      Icon: "#ffffff",
+      Text: "#ffffff",
+      Label: {
+        Text: "#ffffff",
+        Background: "#343438",
+        Border: "#515157"
+      }
+    },
+    SelectedMenuItem: {
+      Background: "#5bb3ea",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#ffffff",
+        Background: "#0174bc"
+      }
+    }
+  },
+  Select: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff"
+    }
+  },
+  SidePanel: {
+    Background: "#3d3d42",
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0"
+    }
+  },
+  Switch: {
+    Active: {
+      Default: {
+        Background: "#5bb3ea",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Focus: {
+        Background: "#5bb3ea",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Icon: "#83838c",
+        Circle: "#ffffff",
+        Text: "#83838c"
+      }
+    },
+    Inactive: {
+      Default: {
+        Background: "#696970",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#a3a3ab",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Focus: {
+        Background: "#696970",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Circle: "#ffffff",
+        Text: "#83838c"
+      }
+    }
+  },
+  Tab: {
+    Default: {
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      Border: "#515157"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0",
+      Border: "#515157"
+    },
+    Active: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea",
+      Border: "#5bb3ea"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c",
+      Border: "#515157"
+    }
+  },
+  Tag: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Focus: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Border: "#515157",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  TagInput: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      HintText: "#a3a3ab"
+    },
+    Placeholder: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  TextArea: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Placeholder: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    ReadOnly: {
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  TextField: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Placeholder: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    ReadOnly: {
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  TimePicker: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Text: "#ffffff"
+    }
+  },
+  Tooltip: {
+    Background: "#ffffff",
+    Text: "#343438"
+  },
+  Tree: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    },
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42"
+    },
+    ExpandedArea: {
+      Border: "#696970"
+    }
+  },
+  Widget: {
+    Download: {
+      Text: "#ffffff",
+      Border: "#515157",
+      Background: {
+        Header: "#343438",
+        Default: "#3d3d42"
+      },
+      Icon: {
+        Default: "#ffffff",
+        Success: "#65ba75",
+        Error: "#eb9091"
+      }
+    },
+    Upload: {
+      Default: {
+        Background: "#343438",
+        Border: "#696970",
+        Icon: "#ffffff",
+        Text: {
+          Default: "#ffffff",
+          Link: "#5bb3ea"
+        }
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Icon: "#ffffff",
+        Text: {
+          Default: "#ffffff",
+          Link: "#5bb3ea"
+        }
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Icon: "#83838c",
+        Text: "#83838c"
+      }
+    }
+  },
+  Stepper: {
+    Horizontal: {
+      Line: "#515157",
+      PastItem: {
+        Circle: {
+          Background: "#3d3d42",
+          Border: "#5bb3ea",
+          Text: "#5bb3ea",
+          Icon: "#5bb3ea"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      CurrentItem: {
+        Circle: {
+          Background: "#5bb3ea",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#343438",
+          Border: "#515157",
+          Text: "#83838c"
+        },
+        Text: "#83838c"
+      }
+    },
+    Vertical: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Icon: "#ffffff",
+      PastItem: {
+        Circle: {
+          Background: "#3d3d42",
+          Border: "#5bb3ea",
+          Text: "#5bb3ea",
+          Icon: "#5bb3ea"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      CurrentItem: {
+        Icon: "#5bb3ea",
+        Circle: {
+          Background: "#5bb3ea",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#343438",
+          Border: "#696970",
+          Text: "#a3a3ab"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      DisabledItem: {
+        Circle: {
+          Background: "#343438",
+          Border: "#515157",
+          Text: "#83838c"
+        },
+        Text: "#83838c"
+      }
+    }
+  },
+  AdvancedSearch: {
+    FilterIcon: {
+      Default: {
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Icon: "#96cff0"
+      },
+      Applied: {
+        Icon: "#5bb3ea",
+        Badge: {
+          Background: "#d63c42",
+          Text: "#ffffff"
+        }
+      },
+      Disabled: {
+        Icon: "#83838c",
+        Badge: {
+          Background: "#83838c",
+          Text: "#ffffff"
+        }
+      }
+    },
+    FilterArea: {
+      Background: "#343438",
+      Border: "#515157",
+      Text: {
+        Default: "#ffffff",
+        Link: "#5bb3ea"
+      },
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Disabled: "#83838c"
+      },
+      Tag: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        OperatorIcon: "#c25d05",
+        Icon: {
+          Default: "#ffffff",
+          Hover: "#96cff0"
+        }
+      }
+    }
+  },
+  SegmentedStatusButton: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    DisabledPositive: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ActivePositive: {
+      Background: "#65ba75",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    DisabledNegative: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ActiveNegative: {
+      Background: "#eb9091",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    DisabledNeutral: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ActiveNeutral: {
+      Background: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  LinkSelect: {
+    Default: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0"
+    },
+    Filled: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Focus: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Text: "#ffffff"
+    }
+  }
+}
+
+declare const Component: ComponentTypes;
+
+export interface ButtonTypes {
+  Primary: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Pressed: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#5bb3ea"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Pressed: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0"
+    },
+    Pressed: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c"
+    }
+  }
+}
+
+declare const Button: ButtonTypes;
+
+export interface ContainerTypes {
+  Background: "#3d3d42",
+  Border: "#515157"
+}
+
+declare const Container: ContainerTypes;
+
+export interface TableTypes {
+  HeaderFilled: {
+    Background: "#343438",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  HeaderOutlined: {
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Row: {
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Disabled: "#83838c",
+      Hover: "#96cff0"
+    },
+    Background: {
+      Default: "#3d3d42",
+      Zebra: "#343438",
+      Hover: "#515157"
+    },
+    Text: {
+      Default: "#ffffff",
+      Placeholder: "#a3a3ab",
+      Link: "#5bb3ea"
+    }
+  }
+}
+
+declare const Table: TableTypes;
+
+export interface MenuButtonTypes {
+  Primary: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Pressed: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#5bb3ea"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Pressed: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0"
+    },
+    Pressed: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c"
+    }
+  }
+}
+
+declare const MenuButton: MenuButtonTypes;
+
+export interface OverflowMenuButtonTypes {
+  Default: {
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Icon: "#96cff0"
+  },
+  Pressed: {
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Icon: "#83838c"
+  }
+}
+
+declare const OverflowMenuButton: OverflowMenuButtonTypes;
+
+export interface SplitMenuButtonTypes {
+  Primary: {
+    Default: {
+      Background: "#5bb3ea",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#96cff0",
+      BackgroundRight: "#5bb3ea",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    HoverRight: {
+      BackgroundLeft: "#5bb3ea",
+      BackgroundRight: "#96cff0",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#3d3d42",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      BackgroundLeft: "#5bb3ea",
+      BackgroundRight: "#5bb3ea",
+      Border: "#3d3d42",
+      Icon: "#343438"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#515157",
+      BackgroundRight: "#3d3d42",
+      BorderLeft: "#96cff0",
+      BorderRight: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    HoverRight: {
+      BackgroundLeft: "#3d3d42",
+      BackgroundRight: "#515157",
+      BorderLeft: "#5bb3ea",
+      BorderRight: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Icon: "#5bb3ea"
+    }
+  }
+}
+
+declare const SplitMenuButton: SplitMenuButtonTypes;
+
+export interface AppbarTypes {
+  Background: "#343438",
+  Border: "#515157",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+}
+
+declare const Appbar: AppbarTypes;
+
+export interface BadgeTypes {
+  Informative: {
+    Background: "lch(77.7 28.7 275 / 0.12)",
+    Text: "#aec0f5"
+  },
+  Neutral: {
+    Background: "lch(78.6 4.18 286 / 0.12)",
+    Text: "#c2c2ca"
+  },
+  Warning: {
+    Background: "lch(79.6 53.6 74.4 / 0.12)",
+    Text: "#f2b67b"
+  },
+  Negative: {
+    Background: "lch(77.8 28 21.1 / 0.12)",
+    Text: "#f3aeaf"
+  },
+  Positive: {
+    Background: "lch(78.2 32.7 144 / 0.12)",
+    Text: "#97cf9c"
+  },
+  Important: {
+    Background: "lch(77.5 31.1 309 / 0.12)",
+    Text: "#d3b4ed"
+  },
+  Violet: {
+    Background: "lch(77.3 30.9 295 / 0.12)",
+    Text: "#c4b8f3"
+  },
+  Pink: {
+    Background: "lch(77.6 29.9 340 / 0.12)",
+    Text: "#ecadd4"
+  }
+}
+
+declare const Badge: BadgeTypes;
+
+export interface BreadcrumbTypes {
+  Divider: "#515157",
+  AppTitle: {
+    Text: "#5bb3ea"
+  },
+  Default: {
+    Text: "#5bb3ea"
+  },
+  Truncated: {
+    Text: "#5bb3ea"
+  },
+  LastItem: {
+    Text: "#ffffff"
+  },
+  Collapsed: {
+    Background: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  WithDropdown: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  }
+}
+
+declare const Breadcrumb: BreadcrumbTypes;
+
+export interface CardTypes {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+}
+
+declare const Card: CardTypes;
+
+export interface CheckboxTypes {
+  Empty: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#696970",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#96cff0",
+      Text: "#ffffff"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff"
+    }
+  },
+  Checked: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff",
+      Icon: "#83838c"
+    }
+  },
+  Indeterminated: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff",
+      Icon: "#83838c"
+    }
+  }
+}
+
+declare const Checkbox: CheckboxTypes;
+
+export interface ContentPanelTypes {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+}
+
+declare const ContentPanel: ContentPanelTypes;
+
+export interface CalendarTypes {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Icon: "#ffffff",
+  Text: {
+    Default: "#ffffff",
+    Disabled: "#83838c"
+  },
+  SelectedItem: {
+    Text: "#343438",
+    Background: "#5bb3ea"
+  },
+  HoverItem: {
+    Background: "#515157",
+    Text: "#ffffff"
+  },
+  PresetArea: {
+    Background: "#343438",
+    HoverPeriod: {
+      Background: "#3d3d42"
+    },
+    ActivePeriod: {
+      Background: "#5bb3ea",
+      Text: "#343438"
+    }
+  }
+}
+
+declare const Calendar: CalendarTypes;
+
+export interface DateFieldTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#5bb3ea",
+    HintText: "#a3a3ab"
+  }
+}
+
+declare const DateField: DateFieldTypes;
+
+export interface DatePickerTypes {
+  Default: {
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Icon: "#96cff0"
+  },
+  Filled: {
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Icon: "#83838c"
+  },
+  Focus: {
+    Icon: "#5bb3ea"
+  }
+}
+
+declare const DatePicker: DatePickerTypes;
+
+export interface DateRangePickerTypes {
+  Default: {
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Icon: "#96cff0"
+  },
+  Filled: {
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Icon: "#83838c"
+  },
+  Focus: {
+    Icon: "#5bb3ea"
+  }
+}
+
+declare const DateRangePicker: DateRangePickerTypes;
+
+export interface DateRangeFieldTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#5bb3ea",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  }
+}
+
+declare const DateRangeField: DateRangeFieldTypes;
+
+export interface DateRangeInputTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  ActivePeriod: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    ActiveItem: {
+      Background: "#3d3d42",
+      Text: "#a3a3ab"
+    }
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  },
+  Disabled: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#5bb3ea",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  }
+}
+
+declare const DateRangeInput: DateRangeInputTypes;
+
+export interface DividerTypes {
+  Border: "#515157"
+}
+
+declare const Divider: DividerTypes;
+
+export interface DrawerTypes {
+  Background: "#3d3d42",
+  Text: "#ffffff",
+  Icon: {
+    Default: "#ffffff",
+    Disabled: "#83838c"
+  }
+}
+
+declare const Drawer: DrawerTypes;
+
+export interface DropdownTypes {
+  Icon: {
+    Default: "#ffffff",
+    Disabled: "#83838c"
+  },
+  Text: {
+    Default: "#ffffff",
+    Link: "#5bb3ea",
+    Description: "#a3a3ab",
+    Disabled: "#83838c"
+  },
+  Background: {
+    Default: "#343438",
+    Hover: "#3d3d42",
+    Category: "#343438"
+  }
+}
+
+declare const Dropdown: DropdownTypes;
+
+export interface GlobalHeaderTypes {
+  Background: "#232326",
+  Border: "#3d3d42",
+  Icon: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Search: {
+    Background: "#3d3d42",
+    Text: {
+      Placeholder: "#d6d6dd",
+      Filled: "#ffffff"
+    },
+    Icon: {
+      Default: "#d6d6dd",
+      Active: "#ffffff",
+      Hover: "#ffffff"
+    }
+  }
+}
+
+declare const GlobalHeader: GlobalHeaderTypes;
+
+export interface GlobalFooterTypes {
+  Background: "#232326",
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  }
+}
+
+declare const GlobalFooter: GlobalFooterTypes;
+
+export interface GroupSelectTypes {
+  Field: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Selected: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    }
+  },
+  Dropdown: {
+    Icon: "#ffffff",
+    Text: "#ffffff",
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42"
+    }
+  }
+}
+
+declare const GroupSelect: GroupSelectTypes;
+
+export interface InlineEditTypes {
+  Text: "#ffffff",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0"
+  },
+  AcceptIcon: {
+    Default: "#5bb3ea",
+    Hover: "#96cff0",
+    Disabled: "#83838c"
+  }
+}
+
+declare const InlineEdit: InlineEditTypes;
+
+export interface KpiBarTypes {
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea"
+  },
+  Item: {
+    Neutral: {
+      Default: {
+        Label: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#c2c2ca"
+      },
+      Hover: {
+        Label: "#c2c2ca",
+        Text: "#a3a3ab",
+        Background: "lch(78.6 4.18 286 / 0.12)",
+        Icon: "#c2c2ca"
+      },
+      Active: {
+        Label: "#c2c2ca",
+        Text: "#ffffff",
+        Border: "#c2c2ca",
+        Icon: "#c2c2ca"
+      }
+    },
+    Green: {
+      Default: {
+        Label: "#97cf9c",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#97cf9c",
+        Text: "#a3a3ab",
+        Background: "lch(78.2 32.7 144 / 0.12)"
+      },
+      Active: {
+        Label: "#97cf9c",
+        Text: "#ffffff",
+        Border: "#97cf9c"
+      }
+    },
+    Orange: {
+      Default: {
+        Label: "#f2b67b",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#f2b67b",
+        Text: "#a3a3ab",
+        Background: "lch(79.6 53.6 74.4 / 0.12)"
+      },
+      Active: {
+        Label: "#f2b67b",
+        Text: "#ffffff",
+        Border: "#f2b67b"
+      }
+    },
+    Purple: {
+      Default: {
+        Label: "#d3b4ed",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#d3b4ed",
+        Text: "#a3a3ab",
+        Background: "lch(77.5 31.1 309 / 0.12)"
+      },
+      Active: {
+        Label: "#d3b4ed",
+        Text: "#ffffff",
+        Border: "#d3b4ed"
+      }
+    },
+    Red: {
+      Default: {
+        Label: "#f3aeaf",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#f3aeaf",
+        Text: "#a3a3ab",
+        Background: "lch(77.8 28 21.1 / 0.12)"
+      },
+      Active: {
+        Label: "#f3aeaf",
+        Text: "#ffffff",
+        Border: "#f3aeaf"
+      }
+    },
+    Ultramarine: {
+      Default: {
+        Label: "#aec0f5",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#aec0f5",
+        Text: "#a3a3ab",
+        Background: "lch(77.7 28.7 275 / 0.12)"
+      },
+      Active: {
+        Label: "#aec0f5",
+        Text: "#ffffff",
+        Border: "#aec0f5"
+      }
+    },
+    Pink: {
+      Default: {
+        Label: "#ecadd4",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#ecadd4",
+        Text: "#a3a3ab",
+        Background: "lch(77.6 29.9 340 / 0.12)"
+      },
+      Active: {
+        Label: "#ecadd4",
+        Text: "#ffffff",
+        Border: "#ecadd4"
+      }
+    }
+  }
+}
+
+declare const KpiBar: KpiBarTypes;
+
+export interface LabelTypes {
+  Text: "#ffffff",
+  Icon: "#ffffff",
+  InfoIcon: "#a3a3ab"
+}
+
+declare const Label: LabelTypes;
+
+export interface ListTypes {
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea"
+  },
+  Background: {
+    Default: "#343438",
+    Hover: "#3d3d42"
+  }
+}
+
+declare const List: ListTypes;
+
+export interface MasterSwitchTypes {
+  ContentBackground: "#3d3d42",
+  SideBackground: "#343438",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+}
+
+declare const MasterSwitch: MasterSwitchTypes;
+
+export interface ModalTypes {
+  Background: "#3d3d42",
+  Icon: "#ffffff",
+  Text: {
+    Default: "#ffffff",
+    Description: "#a3a3ab"
+  }
+}
+
+declare const Modal: ModalTypes;
+
+export interface NotificationBannerTypes {
+  Text: "#ffffff",
+  Icon: "#ffffff",
+  Informative: {
+    Background: "#515157",
+    Border: "#8da4ef",
+    StatusIcon: "#8da4ef"
+  },
+  Tip: {
+    Background: "#515157",
+    Border: "#8da4ef",
+    StatusIcon: "#8da4ef"
+  },
+  Warning: {
+    Background: "#515157",
+    Border: "#edb016",
+    StatusIcon: "#edb016"
+  },
+  Success: {
+    Background: "#515157",
+    Border: "#65ba75",
+    StatusIcon: "#65ba75"
+  },
+  Error: {
+    Background: "#515157",
+    Border: "#eb9091",
+    StatusIcon: "#eb9091"
+  },
+  Secondary: {
+    Background: "#515157",
+    Border: "#c2c2ca",
+    StatusIcon: "#ffffff"
+  }
+}
+
+declare const NotificationBanner: NotificationBannerTypes;
+
+export interface NotificationToastTypes {
+  Text: "#ffffff",
+  Icon: "#ffffff",
+  Informative: {
+    Background: "#515157",
+    IconBackground: "#4067e5",
+    Border: "#8da4ef",
+    StatusIcon: "#ffffff"
+  },
+  Tip: {
+    Background: "#515157",
+    IconBackground: "#4067e5",
+    Border: "#8da4ef",
+    StatusIcon: "#ffffff"
+  },
+  Warning: {
+    Background: "#515157",
+    IconBackground: "#fecb34",
+    Border: "#edb016",
+    StatusIcon: "#3d3d42"
+  },
+  Success: {
+    Background: "#515157",
+    IconBackground: "#00b050",
+    Border: "#65ba75",
+    StatusIcon: "#ffffff"
+  },
+  Error: {
+    Background: "#515157",
+    IconBackground: "#d63c42",
+    Border: "#eb9091",
+    StatusIcon: "#ffffff"
+  }
+}
+
+declare const NotificationToast: NotificationToastTypes;
+
+export interface PaginationTypes {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Text: {
+    Default: "#ffffff",
+    Link: "#5bb3ea",
+    Hover: "#96cff0",
+    Disabled: "#83838c"
+  },
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea",
+    Disabled: "#83838c"
+  }
+}
+
+declare const Pagination: PaginationTypes;
+
+export interface PopoverTypes {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Icon: "#ffffff",
+  Text: {
+    Default: "#ffffff",
+    Link: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0"
+    }
+  }
+}
+
+declare const Popover: PopoverTypes;
+
+export interface ProgressBarTypes {
+  Text: {
+    Default: "#ffffff",
+    Link: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0"
+    }
+  },
+  StatusLine: {
+    Default: "#515157",
+    Success: "#00b050",
+    Error: "#d63c42"
+  }
+}
+
+declare const ProgressBar: ProgressBarTypes;
+
+export interface NumericSpinnerTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+}
+
+declare const NumericSpinner: NumericSpinnerTypes;
+
+export interface RadioButtonTypes {
+  Inactive: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#696970",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#96cff0",
+      Text: "#ffffff"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff"
+    }
+  },
+  Active: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#96cff0",
+      Text: "#ffffff"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff"
+    }
+  }
+}
+
+declare const RadioButton: RadioButtonTypes;
+
+export interface SearchTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab",
+    SearchIcon: "#83838c"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091",
+    SearchIcon: "#a3a3ab"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  }
+}
+
+declare const Search: SearchTypes;
+
+export interface SegmentedButtonTypes {
+  Default: {
+    Background: "#3d3d42",
+    Border: "#5bb3ea",
+    Text: "#5bb3ea",
+    Icon: "#5bb3ea"
+  },
+  Hover: {
+    Background: "#515157",
+    Border: "#96cff0",
+    Text: "#5bb3ea",
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  DisabledChecked: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  Active: {
+    Background: "#5bb3ea",
+    Border: "#5bb3ea",
+    Text: "#343438",
+    Icon: "#343438"
+  }
+}
+
+declare const SegmentedButton: SegmentedButtonTypes;
+
+export interface SideNavigationTypes {
+  Icon: "#ffffff",
+  Border: "#515157",
+  Background: {
+    Default: "#343438",
+    SecondLevel: "#343438"
+  },
+  DefaultMenuItem: {
+    Background: "#343438",
+    Icon: "#ffffff",
+    Text: "#ffffff",
+    Label: {
+      Text: "#ffffff",
+      Background: "#343438",
+      Border: "#515157"
+    }
+  },
+  HoverMenuItem: {
+    Background: "#3d3d42",
+    Icon: "#ffffff",
+    Text: "#ffffff",
+    Label: {
+      Text: "#ffffff",
+      Background: "#343438",
+      Border: "#515157"
+    }
+  },
+  SelectedMenuItem: {
+    Background: "#5bb3ea",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#ffffff",
+      Background: "#0174bc"
+    }
+  }
+}
+
+declare const SideNavigation: SideNavigationTypes;
+
+export interface SelectTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091",
+    InfoIcon: "#a3a3ab"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff"
+  }
+}
+
+declare const Select: SelectTypes;
+
+export interface SidePanelTypes {
+  Background: "#3d3d42",
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0"
+  }
+}
+
+declare const SidePanel: SidePanelTypes;
+
+export interface SwitchTypes {
+  Active: {
+    Default: {
+      Background: "#5bb3ea",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Focus: {
+      Background: "#5bb3ea",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Icon: "#83838c",
+      Circle: "#ffffff",
+      Text: "#83838c"
+    }
+  },
+  Inactive: {
+    Default: {
+      Background: "#696970",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#a3a3ab",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Focus: {
+      Background: "#696970",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Circle: "#ffffff",
+      Text: "#83838c"
+    }
+  }
+}
+
+declare const Switch: SwitchTypes;
+
+export interface TabTypes {
+  Default: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    Border: "#515157"
+  },
+  Hover: {
+    Text: "#96cff0",
+    Icon: "#96cff0",
+    Border: "#515157"
+  },
+  Active: {
+    Text: "#5bb3ea",
+    Icon: "#5bb3ea",
+    Border: "#5bb3ea"
+  },
+  Disabled: {
+    Text: "#83838c",
+    Icon: "#83838c",
+    Border: "#515157"
+  }
+}
+
+declare const Tab: TabTypes;
+
+export interface TagTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Focus: {
+    Background: "#3d3d42",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+}
+
+declare const Tag: TagTypes;
+
+export interface TagInputTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    HintText: "#a3a3ab"
+  },
+  Placeholder: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+}
+
+declare const TagInput: TagInputTypes;
+
+export interface TextAreaTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Placeholder: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    HintText: "#eb9091",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  ReadOnly: {
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+}
+
+declare const TextArea: TextAreaTypes;
+
+export interface TextFieldTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Placeholder: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    HintText: "#eb9091",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  ReadOnly: {
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+}
+
+declare const TextField: TextFieldTypes;
+
+export interface TimePickerTypes {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Text: "#ffffff"
+  }
+}
+
+declare const TimePicker: TimePickerTypes;
+
+export interface TooltipTypes {
+  Background: "#ffffff",
+  Text: "#343438"
+}
+
+declare const Tooltip: TooltipTypes;
+
+export interface TreeTypes {
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea"
+  },
+  Background: {
+    Default: "#343438",
+    Hover: "#3d3d42"
+  },
+  ExpandedArea: {
+    Border: "#696970"
+  }
+}
+
+declare const Tree: TreeTypes;
+
+export interface WidgetTypes {
+  Download: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Background: {
+      Header: "#343438",
+      Default: "#3d3d42"
+    },
+    Icon: {
+      Default: "#ffffff",
+      Success: "#65ba75",
+      Error: "#eb9091"
+    }
+  },
+  Upload: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Icon: "#ffffff",
+      Text: {
+        Default: "#ffffff",
+        Link: "#5bb3ea"
+      }
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Icon: "#ffffff",
+      Text: {
+        Default: "#ffffff",
+        Link: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Icon: "#83838c",
+      Text: "#83838c"
+    }
+  }
+}
+
+declare const Widget: WidgetTypes;
+
+export interface StepperTypes {
+  Horizontal: {
+    Line: "#515157",
+    PastItem: {
+      Circle: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    CurrentItem: {
+      Circle: {
+        Background: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#343438",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      Text: "#83838c"
+    }
+  },
+  Vertical: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Icon: "#ffffff",
+    PastItem: {
+      Circle: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    CurrentItem: {
+      Icon: "#5bb3ea",
+      Circle: {
+        Background: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#343438",
+        Border: "#696970",
+        Text: "#a3a3ab"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    DisabledItem: {
+      Circle: {
+        Background: "#343438",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      Text: "#83838c"
+    }
+  }
+}
+
+declare const Stepper: StepperTypes;
+
+export interface AdvancedSearchTypes {
+  FilterIcon: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Applied: {
+      Icon: "#5bb3ea",
+      Badge: {
+        Background: "#d63c42",
+        Text: "#ffffff"
+      }
+    },
+    Disabled: {
+      Icon: "#83838c",
+      Badge: {
+        Background: "#83838c",
+        Text: "#ffffff"
+      }
+    }
+  },
+  FilterArea: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: {
+      Default: "#ffffff",
+      Link: "#5bb3ea"
+    },
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    },
+    Tag: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      OperatorIcon: "#c25d05",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0"
+      }
+    }
+  }
+}
+
+declare const AdvancedSearch: AdvancedSearchTypes;
+
+export interface SegmentedStatusButtonTypes {
+  Default: {
+    Background: "#3d3d42",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#515157",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  DisabledPositive: {
+    Background: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ActivePositive: {
+    Background: "#65ba75",
+    Text: "#343438",
+    Icon: "#343438"
+  },
+  DisabledNegative: {
+    Background: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ActiveNegative: {
+    Background: "#eb9091",
+    Text: "#343438",
+    Icon: "#343438"
+  },
+  DisabledNeutral: {
+    Background: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ActiveNeutral: {
+    Background: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+}
+
+declare const SegmentedStatusButton: SegmentedStatusButtonTypes;
+
+export interface LinkSelectTypes {
+  Default: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Text: "#96cff0",
+    Icon: "#96cff0"
+  },
+  Filled: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  },
+  Disabled: {
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  Focus: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  },
+  ReadOnly: {
+    Text: "#ffffff"
+  }
+}
+
+declare const LinkSelect: LinkSelectTypes;
+      
\ No newline at end of file
diff --git a/dist/themes/densedDark/index.js b/dist/themes/densedDark/index.js
new file mode 100644
index 0000000..c0bd665
--- /dev/null
+++ b/dist/themes/densedDark/index.js
@@ -0,0 +1,5407 @@
+
+  /**
+   * Do not edit directly
+   * Generated on 2024-08-21
+   */
+  export const Global = {
+  Color: {
+    Neutrals: {
+      5: "#f7f7fa",
+      10: "#ededf2",
+      20: "#e5e5ea",
+      30: "#d6d6dd",
+      40: "#c2c2ca",
+      50: "#a3a3ab",
+      60: "#83838c",
+      70: "#696970",
+      80: "#515157",
+      90: "#3d3d42",
+      100: "#343438",
+      Black: "#232326",
+      White: "#ffffff"
+    },
+    Brand: {
+      5: "#f5fbff",
+      10: "#edf8ff",
+      20: "#e1f4ff",
+      30: "#ceedfe",
+      40: "#afdef8",
+      50: "#96cff0",
+      60: "#5bb3ea",
+      70: "#009cde",
+      80: "#108ad6",
+      90: "#0174bc",
+      100: "#00314d"
+    },
+    Red: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      80: "#d0343a",
+      90: "#b82329",
+      100: "#381316"
+    },
+    Orange: {
+      5: "#fef9f4",
+      10: "#fff3e7",
+      20: "#ffebd7",
+      30: "#ffe1c3",
+      40: "#facfa4",
+      50: "#f2b67b",
+      60: "#f09d4b",
+      70: "#fe9933",
+      80: "#f0821d",
+      90: "#c25d05",
+      100: "#451e11"
+    },
+    Amber: {
+      5: "#fff9ed",
+      10: "#fff4d5",
+      20: "#ffecbc",
+      30: "#ffe3a2",
+      40: "#facf83",
+      50: "#f3ba63",
+      60: "#edb016",
+      70: "#fecb34",
+      80: "#f2b90e",
+      90: "#ce9a00",
+      100: "#403104"
+    },
+    Yellow: {
+      5: "#ffffeb",
+      10: "#fafadf",
+      20: "#f9f9c9",
+      30: "#f8f8b6",
+      40: "#f5f596",
+      50: "#e8e86a",
+      60: "#dfdf39",
+      70: "#f5f531",
+      80: "#e5e50a",
+      90: "#bfbf0d",
+      100: "#35290f"
+    },
+    Lime: {
+      5: "#f7fcf0",
+      10: "#eefadc",
+      20: "#e4f7c7",
+      30: "#d7f2b0",
+      40: "#c9e894",
+      50: "#b1d16a",
+      60: "#94ba2c",
+      70: "#99d52a",
+      80: "#93c926",
+      90: "#5d770d",
+      100: "#263209"
+    },
+    Green: {
+      5: "#f3fcf3",
+      10: "#ebf9eb",
+      20: "#dff3df",
+      30: "#ceebcf",
+      40: "#b7dfba",
+      50: "#97cf9c",
+      60: "#65ba75",
+      70: "#00b050",
+      80: "#07a04d",
+      90: "#138246",
+      100: "#1b311e"
+    },
+    Teal: {
+      5: "#f1fcfa",
+      10: "#e7f9f5",
+      20: "#d9f3ee",
+      30: "#c7ebe5",
+      40: "#afdfd7",
+      50: "#8dcec3",
+      60: "#53b9ab",
+      70: "#12a594",
+      80: "#0e9888",
+      90: "#067a6f",
+      100: "#10302b"
+    },
+    Cyan: {
+      5: "#f2fcfd",
+      10: "#e7f9fb",
+      20: "#d8f3f6",
+      30: "#aadee6",
+      40: "#84cdda",
+      50: "#84cdda",
+      60: "#3db9cf",
+      70: "#05a2c2",
+      80: "#0894b3",
+      90: "#0c7792",
+      100: "#04313c"
+    },
+    Ultramarine: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      80: "#3a5ccc",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Violet: {
+      5: "#fbfaff",
+      10: "#f5f2ff",
+      20: "#ede9fe",
+      30: "#e4defc",
+      40: "#d7cff9",
+      50: "#c4b8f3",
+      60: "#aa99ec",
+      70: "#7259d6",
+      80: "#644fc1",
+      90: "#5746af",
+      100: "#20134b"
+    },
+    Purple: {
+      5: "#fdfaff",
+      10: "#f9f1fe",
+      20: "#f3e7fc",
+      30: "#eddbf9",
+      40: "#e3ccf4",
+      50: "#d3b4ed",
+      60: "#be93e4",
+      70: "#8e4ec6",
+      80: "#8445bc",
+      90: "#753bbd",
+      100: "#2b0e44"
+    },
+    Magenta: {
+      5: "#fff8ff",
+      10: "#fceffc",
+      20: "#f9e5f9",
+      30: "#f3d9f4",
+      40: "#ebc8ed",
+      50: "#dfafe3",
+      60: "#cf91d8",
+      70: "#ab4aba",
+      80: "#a43cb4",
+      90: "#9c2bad",
+      100: "#340c3b"
+    },
+    Pink: {
+      5: "#fff7fc",
+      10: "#feeef8",
+      20: "#fce5f3",
+      30: "#f9d8ec",
+      40: "#f3c6e2",
+      50: "#ecadd4",
+      60: "#e38ec3",
+      70: "#e043a7",
+      80: "#d23197",
+      90: "#cd1d8d",
+      100: "#3b0a2a"
+    },
+    Brown: {
+      5: "#fbf9f2",
+      10: "#f5f2e9",
+      20: "#eeeadd",
+      30: "#e5dfd0",
+      40: "#dad1bd",
+      50: "#cbbda4",
+      60: "#b8a383",
+      70: "#978365",
+      80: "#8c795d",
+      90: "#776750",
+      100: "#3b352b"
+    }
+  },
+  Spacing: {
+    0: "0rem",
+    10: "0.125rem",
+    20: "0.25rem",
+    30: "0.375rem",
+    40: "0.5rem",
+    50: "0.75rem",
+    60: "1rem",
+    70: "1.5rem",
+    80: "2rem",
+    90: "3rem"
+  },
+  Font: {
+    FontFamily: {
+      Brand: "'Nunito Sans'",
+      Code: "'Fira Code'"
+    },
+    FontWeight: {
+      Semibold: "600",
+      Bold: "700",
+      Extrabold: "800",
+      Regular: {
+        Normal: "400",
+        Italic: "400"
+      }
+    },
+    FontSize: {
+      Xxxs: "0.75rem",
+      Xxs: "0.813rem",
+      Xs: "0.875rem",
+      S: "1rem",
+      M: "1.125rem",
+      L: "1.25rem",
+      Xl: "1.5rem",
+      Xxl: "1.75rem",
+      Xxxl: "2.25rem"
+    },
+    LineHeight: {
+      Xxxs: "1rem",
+      Xxs: "1.125rem",
+      Xs: "1.25rem",
+      S: "1.5rem",
+      M: "1.625rem",
+      L: "1.875rem",
+      Xl: "2rem",
+      Xxl: "2.375rem",
+      Xxxl: "2.625rem"
+    },
+    Textcase: {
+      Uppercase: "uppercase"
+    }
+  },
+  BorderRadius: {
+    None: "0rem"
+  }
+};
+
+export const Color = {
+  Neutrals: {
+    5: "#f7f7fa",
+    10: "#ededf2",
+    20: "#e5e5ea",
+    30: "#d6d6dd",
+    40: "#c2c2ca",
+    50: "#a3a3ab",
+    60: "#83838c",
+    70: "#696970",
+    80: "#515157",
+    90: "#3d3d42",
+    100: "#343438",
+    Black: "#232326",
+    White: "#ffffff"
+  },
+  Brand: {
+    5: "#f5fbff",
+    10: "#edf8ff",
+    20: "#e1f4ff",
+    30: "#ceedfe",
+    40: "#afdef8",
+    50: "#96cff0",
+    60: "#5bb3ea",
+    70: "#009cde",
+    80: "#108ad6",
+    90: "#0174bc",
+    100: "#00314d"
+  },
+  Red: {
+    5: "#fff8f8",
+    10: "#ffefef",
+    20: "#ffe5e5",
+    30: "#fdd8d8",
+    40: "#f9c6c6",
+    50: "#f3aeaf",
+    60: "#eb9091",
+    70: "#d63c42",
+    80: "#d0343a",
+    90: "#b82329",
+    100: "#381316"
+  },
+  Orange: {
+    5: "#fef9f4",
+    10: "#fff3e7",
+    20: "#ffebd7",
+    30: "#ffe1c3",
+    40: "#facfa4",
+    50: "#f2b67b",
+    60: "#f09d4b",
+    70: "#fe9933",
+    80: "#f0821d",
+    90: "#c25d05",
+    100: "#451e11"
+  },
+  Amber: {
+    5: "#fff9ed",
+    10: "#fff4d5",
+    20: "#ffecbc",
+    30: "#ffe3a2",
+    40: "#facf83",
+    50: "#f3ba63",
+    60: "#edb016",
+    70: "#fecb34",
+    80: "#f2b90e",
+    90: "#ce9a00",
+    100: "#403104"
+  },
+  Yellow: {
+    5: "#ffffeb",
+    10: "#fafadf",
+    20: "#f9f9c9",
+    30: "#f8f8b6",
+    40: "#f5f596",
+    50: "#e8e86a",
+    60: "#dfdf39",
+    70: "#f5f531",
+    80: "#e5e50a",
+    90: "#bfbf0d",
+    100: "#35290f"
+  },
+  Lime: {
+    5: "#f7fcf0",
+    10: "#eefadc",
+    20: "#e4f7c7",
+    30: "#d7f2b0",
+    40: "#c9e894",
+    50: "#b1d16a",
+    60: "#94ba2c",
+    70: "#99d52a",
+    80: "#93c926",
+    90: "#5d770d",
+    100: "#263209"
+  },
+  Green: {
+    5: "#f3fcf3",
+    10: "#ebf9eb",
+    20: "#dff3df",
+    30: "#ceebcf",
+    40: "#b7dfba",
+    50: "#97cf9c",
+    60: "#65ba75",
+    70: "#00b050",
+    80: "#07a04d",
+    90: "#138246",
+    100: "#1b311e"
+  },
+  Teal: {
+    5: "#f1fcfa",
+    10: "#e7f9f5",
+    20: "#d9f3ee",
+    30: "#c7ebe5",
+    40: "#afdfd7",
+    50: "#8dcec3",
+    60: "#53b9ab",
+    70: "#12a594",
+    80: "#0e9888",
+    90: "#067a6f",
+    100: "#10302b"
+  },
+  Cyan: {
+    5: "#f2fcfd",
+    10: "#e7f9fb",
+    20: "#d8f3f6",
+    30: "#aadee6",
+    40: "#84cdda",
+    50: "#84cdda",
+    60: "#3db9cf",
+    70: "#05a2c2",
+    80: "#0894b3",
+    90: "#0c7792",
+    100: "#04313c"
+  },
+  Ultramarine: {
+    5: "#f8faff",
+    10: "#f0f4ff",
+    20: "#e6edfe",
+    30: "#d9e2fc",
+    40: "#c6d4f9",
+    50: "#aec0f5",
+    60: "#8da4ef",
+    70: "#4067e5",
+    80: "#3a5ccc",
+    90: "#3451b2",
+    100: "#002856"
+  },
+  Violet: {
+    5: "#fbfaff",
+    10: "#f5f2ff",
+    20: "#ede9fe",
+    30: "#e4defc",
+    40: "#d7cff9",
+    50: "#c4b8f3",
+    60: "#aa99ec",
+    70: "#7259d6",
+    80: "#644fc1",
+    90: "#5746af",
+    100: "#20134b"
+  },
+  Purple: {
+    5: "#fdfaff",
+    10: "#f9f1fe",
+    20: "#f3e7fc",
+    30: "#eddbf9",
+    40: "#e3ccf4",
+    50: "#d3b4ed",
+    60: "#be93e4",
+    70: "#8e4ec6",
+    80: "#8445bc",
+    90: "#753bbd",
+    100: "#2b0e44"
+  },
+  Magenta: {
+    5: "#fff8ff",
+    10: "#fceffc",
+    20: "#f9e5f9",
+    30: "#f3d9f4",
+    40: "#ebc8ed",
+    50: "#dfafe3",
+    60: "#cf91d8",
+    70: "#ab4aba",
+    80: "#a43cb4",
+    90: "#9c2bad",
+    100: "#340c3b"
+  },
+  Pink: {
+    5: "#fff7fc",
+    10: "#feeef8",
+    20: "#fce5f3",
+    30: "#f9d8ec",
+    40: "#f3c6e2",
+    50: "#ecadd4",
+    60: "#e38ec3",
+    70: "#e043a7",
+    80: "#d23197",
+    90: "#cd1d8d",
+    100: "#3b0a2a"
+  },
+  Brown: {
+    5: "#fbf9f2",
+    10: "#f5f2e9",
+    20: "#eeeadd",
+    30: "#e5dfd0",
+    40: "#dad1bd",
+    50: "#cbbda4",
+    60: "#b8a383",
+    70: "#978365",
+    80: "#8c795d",
+    90: "#776750",
+    100: "#3b352b"
+  }
+};
+
+export const Spacing = {
+  0: "0rem",
+  10: "0.125rem",
+  20: "0.25rem",
+  30: "0.375rem",
+  40: "0.5rem",
+  50: "0.75rem",
+  60: "1rem",
+  70: "1.5rem",
+  80: "2rem",
+  90: "3rem"
+};
+
+export const Font = {
+  FontFamily: {
+    Brand: "'Nunito Sans'",
+    Code: "'Fira Code'"
+  },
+  FontWeight: {
+    Semibold: "600",
+    Bold: "700",
+    Extrabold: "800",
+    Regular: {
+      Normal: "400",
+      Italic: "400"
+    }
+  },
+  FontSize: {
+    Xxxs: "0.75rem",
+    Xxs: "0.813rem",
+    Xs: "0.875rem",
+    S: "1rem",
+    M: "1.125rem",
+    L: "1.25rem",
+    Xl: "1.5rem",
+    Xxl: "1.75rem",
+    Xxxl: "2.25rem"
+  },
+  LineHeight: {
+    Xxxs: "1rem",
+    Xxs: "1.125rem",
+    Xs: "1.25rem",
+    S: "1.5rem",
+    M: "1.625rem",
+    L: "1.875rem",
+    Xl: "2rem",
+    Xxl: "2.375rem",
+    Xxxl: "2.625rem"
+  },
+  Textcase: {
+    Uppercase: "uppercase"
+  }
+};
+
+export const BorderRadius = {
+  None: "0rem"
+};
+
+export const Alias = {
+  Content: {
+    Text: {
+      Base: "#343438",
+      Negative: "#eb9091",
+      Warning: "#fecb34",
+      Positive: "#00b050",
+      Informative: "#4067e5",
+      Primary: {
+        Default: "#ffffff",
+        Disabled: "#83838c"
+      },
+      Secondary: {
+        Default: "#a3a3ab",
+        Disabled: "#83838c"
+      },
+      Link: {
+        Default: "#5bb3ea",
+        Hover: "#96cff0",
+        Disabled: "#83838c"
+      }
+    },
+    Icon: {
+      Base: "#343438",
+      Negative: "#eb9091",
+      Warning: "#edb016",
+      Positive: "#65ba75",
+      Informative: "#8da4ef",
+      Primary: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea",
+        Disabled: "#83838c"
+      },
+      Secondary: {
+        Default: "#a3a3ab",
+        Disabled: "#83838c"
+      }
+    }
+  },
+  Border: {
+    Normal: "#515157",
+    Neutral: "#c2c2ca",
+    Negative: "#eb9091",
+    Warning: "#edb016",
+    Positive: "#65ba75",
+    Informative: "#8da4ef"
+  },
+  Background: {
+    Normal: "#3d3d42",
+    Neutral: "#343438",
+    Base: "#ffffff",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Black: "#232326",
+    Negativesubtle: "#515157",
+    Warningsubtle: "#515157",
+    Positivesubtle: "#515157",
+    Informativesubtle: "#515157",
+    Neutralsubtle: "#515157",
+    Overlay: "lch(13.8 2.09 286 / 0.84)"
+  },
+  Action: {
+    Base: "#3d3d42",
+    Neutral: "#696970",
+    White50: "#ffffff",
+    Primary: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0",
+      Active: "#5bb3ea",
+      Disabled: "#515157"
+    },
+    Secondary: {
+      Hover: "#515157",
+      Disabled: "#515157"
+    },
+    Tertiary: {
+      Disabled: "#515157"
+    },
+    Positive: {
+      Default: "#65ba75",
+      Disabled: "#515157"
+    },
+    Negative: {
+      Default: "#eb9091",
+      Disabled: "#515157"
+    }
+  },
+  Interaction: {
+    Border: {
+      Default: "#696970",
+      Hover: "#c2c2ca",
+      Focus: "#5bb3ea",
+      Error: "#eb9091",
+      Disabled: "#515157"
+    },
+    Background: {
+      Primary: "#343438",
+      Secondary: "#343438",
+      Tertiary: "#3d3d42",
+      Elevated: "#515157",
+      Accent: "#5bb3ea",
+      Active: "#5bb3ea",
+      Disabled: "#515157"
+    }
+  },
+  Elevation: {
+    S: "0 2px 6px 0 rgba(0,0,0,0.18)",
+    SInverted: "0 -2px 6px 0 rgba(0,0,0,0.18)",
+    L: "0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08)"
+  },
+  Typography: {
+    Heading: {
+      Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+      Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+      Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+      L: "700 1.25rem/1.625rem 'Nunito Sans'",
+      M: "700 1.125rem/1.5rem 'Nunito Sans'",
+      S: "700 1rem/1.25rem 'Nunito Sans'",
+      Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+      Overline: "800 0.75rem/1rem 'Nunito Sans'",
+      OverlineLetterSpacing: "0.023rem",
+      OverlineTextCase: "uppercase"
+    },
+    Body: {
+      Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+      Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+      Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+      List: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+    },
+    Label: {
+      Semibold: {
+        L: "600 1rem/1.25rem 'Nunito Sans'",
+        S: "600 0.875rem/1rem 'Nunito Sans'",
+        Xs: "600 0.75rem/1rem 'Nunito Sans'"
+      },
+      Bold: {
+        L: "700 1rem/1.25rem 'Nunito Sans'",
+        S: "700 0.875rem/1rem 'Nunito Sans'",
+        Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+      },
+      Regular: {
+        S: "400 0.875rem/1rem 'Nunito Sans'",
+        Xs: "400 0.75rem/1rem 'Nunito Sans'",
+        Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+      }
+    },
+    Code: "400 0.813rem/1.25rem 'Fira Code'"
+  },
+  Accent: {
+    Info: {
+      Primary: "#aec0f5",
+      Secondary: "lch(77.7 28.7 275 / 0.12)"
+    },
+    Neutral: {
+      Primary: "#c2c2ca",
+      Secondary: "lch(78.6 4.18 286 / 0.12)"
+    },
+    Warning: {
+      Primary: "#f2b67b",
+      Secondary: "lch(79.6 53.6 74.4 / 0.12)"
+    },
+    Negative: {
+      Primary: "#f3aeaf",
+      Secondary: "lch(77.8 28 21.1 / 0.12)"
+    },
+    Positive: {
+      Primary: "#97cf9c",
+      Secondary: "lch(78.2 32.7 144 / 0.12)"
+    },
+    Important: {
+      Primary: "#d3b4ed",
+      Secondary: "lch(77.5 31.1 309 / 0.12)"
+    },
+    Pink: {
+      Primary: "#ecadd4",
+      Secondary: "lch(77.6 29.9 340 / 0.12)"
+    },
+    Violet: {
+      Primary: "#c4b8f3",
+      Secondary: "lch(77.3 30.9 295 / 0.12)"
+    }
+  },
+  Chart: {
+    Neutral: "#515157",
+    Categorical: {
+      1: {
+        Primary: "#4067e5",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(46.5 72.3 286 / 0.2)"
+      },
+      2: {
+        Primary: "#fe9933",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(72.9 74.2 63 / 0.2)"
+      },
+      3: {
+        Primary: "#12a594",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(60.7 39.7 183 / 0.2)"
+      },
+      4: {
+        Primary: "#ab4aba",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(48.2 66.6 322 / 0.2)"
+      },
+      5: {
+        Primary: "#d63c42",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+      },
+      6: {
+        Primary: "#05a2c2",
+        Inactive: "#aadee6",
+        Transparent: "lch(61 38.6 224 / 0.2)"
+      },
+      7: {
+        Primary: "#e043a7",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(55 70 344 / 0.2)"
+      },
+      8: {
+        Primary: "#00b050",
+        Inactive: "#ceebcf",
+        Transparent: "lch(63 67 146 / 0.2)"
+      },
+      9: {
+        Primary: "#7259d6",
+        Inactive: "#e4defc",
+        Transparent: "lch(45.6 71 299 / 0.2)"
+      },
+      10: {
+        Primary: "#99d52a",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(79 79.1 118 / 0.2)"
+      },
+      11: {
+        Primary: "#696970",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(44.6 4.09 286 / 0.2)"
+      },
+      12: {
+        Primary: "#8da4ef",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(67.9 41.2 278 / 0.2)"
+      },
+      13: {
+        Primary: "#c25d05",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+      },
+      14: {
+        Primary: "#067a6f",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(45.6 31.8 185 / 0.2)"
+      },
+      15: {
+        Primary: "#cf91d8",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(68.3 42.4 321 / 0.2)"
+      },
+      16: {
+        Primary: "#eb9091",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+      },
+      17: {
+        Primary: "#0c7792",
+        Inactive: "#aadee6",
+        Transparent: "lch(45.7 30.9 228 / 0.2)"
+      },
+      18: {
+        Primary: "#e38ec3",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(69.3 40.8 341 / 0.2)"
+      },
+      19: {
+        Primary: "#97cf9c",
+        Inactive: "#ceebcf",
+        Transparent: "lch(78.2 32.7 144 / 0.2)"
+      },
+      20: {
+        Primary: "#aa99ec",
+        Inactive: "#e4defc",
+        Transparent: "lch(67.2 44.6 296 / 0.2)"
+      },
+      21: {
+        Primary: "#94ba2c",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(70.8 67.7 114 / 0.2)"
+      },
+      22: {
+        Primary: "#3d3d42",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(25.9 3.2 286 / 0.2)"
+      }
+    },
+    Monochromatic: {
+      Default: {
+        5: "#f8faff",
+        10: "#f0f4ff",
+        20: "#e6edfe",
+        30: "#d9e2fc",
+        40: "#c6d4f9",
+        50: "#aec0f5",
+        60: "#8da4ef",
+        70: "#4067e5",
+        90: "#3451b2",
+        100: "#002856"
+      },
+      Danger: {
+        5: "#fff8f8",
+        10: "#ffefef",
+        20: "#ffe5e5",
+        30: "#fdd8d8",
+        40: "#f9c6c6",
+        50: "#f3aeaf",
+        60: "#eb9091",
+        70: "#d63c42",
+        90: "#b82329",
+        100: "#381316"
+      }
+    },
+    Status: {
+      Negative: "#d63c42",
+      Warning: "#fecb34",
+      Positive: "#00b050"
+    }
+  }
+};
+
+export const Content = {
+  Text: {
+    Base: "#343438",
+    Negative: "#eb9091",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Primary: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    },
+    Secondary: {
+      Default: "#a3a3ab",
+      Disabled: "#83838c"
+    },
+    Link: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    }
+  },
+  Icon: {
+    Base: "#343438",
+    Negative: "#eb9091",
+    Warning: "#edb016",
+    Positive: "#65ba75",
+    Informative: "#8da4ef",
+    Primary: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea",
+      Disabled: "#83838c"
+    },
+    Secondary: {
+      Default: "#a3a3ab",
+      Disabled: "#83838c"
+    }
+  }
+};
+
+export const Border = {
+  Normal: "#515157",
+  Neutral: "#c2c2ca",
+  Negative: "#eb9091",
+  Warning: "#edb016",
+  Positive: "#65ba75",
+  Informative: "#8da4ef"
+};
+
+export const Background = {
+  Normal: "#3d3d42",
+  Neutral: "#343438",
+  Base: "#ffffff",
+  Negative: "#d63c42",
+  Warning: "#fecb34",
+  Positive: "#00b050",
+  Informative: "#4067e5",
+  Black: "#232326",
+  Negativesubtle: "#515157",
+  Warningsubtle: "#515157",
+  Positivesubtle: "#515157",
+  Informativesubtle: "#515157",
+  Neutralsubtle: "#515157",
+  Overlay: "lch(13.8 2.09 286 / 0.84)"
+};
+
+export const Action = {
+  Base: "#3d3d42",
+  Neutral: "#696970",
+  White50: "#ffffff",
+  Primary: {
+    Default: "#5bb3ea",
+    Hover: "#96cff0",
+    Active: "#5bb3ea",
+    Disabled: "#515157"
+  },
+  Secondary: {
+    Hover: "#515157",
+    Disabled: "#515157"
+  },
+  Tertiary: {
+    Disabled: "#515157"
+  },
+  Positive: {
+    Default: "#65ba75",
+    Disabled: "#515157"
+  },
+  Negative: {
+    Default: "#eb9091",
+    Disabled: "#515157"
+  }
+};
+
+export const Interaction = {
+  Border: {
+    Default: "#696970",
+    Hover: "#c2c2ca",
+    Focus: "#5bb3ea",
+    Error: "#eb9091",
+    Disabled: "#515157"
+  },
+  Background: {
+    Primary: "#343438",
+    Secondary: "#343438",
+    Tertiary: "#3d3d42",
+    Elevated: "#515157",
+    Accent: "#5bb3ea",
+    Active: "#5bb3ea",
+    Disabled: "#515157"
+  }
+};
+
+export const Elevation = {
+  S: "0 2px 6px 0 rgba(0,0,0,0.18)",
+  SInverted: "0 -2px 6px 0 rgba(0,0,0,0.18)",
+  L: "0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08)"
+};
+
+export const Typography = {
+  Heading: {
+    Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+    Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+    Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+    L: "700 1.25rem/1.625rem 'Nunito Sans'",
+    M: "700 1.125rem/1.5rem 'Nunito Sans'",
+    S: "700 1rem/1.25rem 'Nunito Sans'",
+    Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+    Overline: "800 0.75rem/1rem 'Nunito Sans'",
+    OverlineLetterSpacing: "0.023rem",
+    OverlineTextCase: "uppercase"
+  },
+  Body: {
+    Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+    Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+    Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+    List: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+  },
+  Label: {
+    Semibold: {
+      L: "600 1rem/1.25rem 'Nunito Sans'",
+      S: "600 0.875rem/1rem 'Nunito Sans'",
+      Xs: "600 0.75rem/1rem 'Nunito Sans'"
+    },
+    Bold: {
+      L: "700 1rem/1.25rem 'Nunito Sans'",
+      S: "700 0.875rem/1rem 'Nunito Sans'",
+      Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+    },
+    Regular: {
+      S: "400 0.875rem/1rem 'Nunito Sans'",
+      Xs: "400 0.75rem/1rem 'Nunito Sans'",
+      Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+    }
+  },
+  Code: "400 0.813rem/1.25rem 'Fira Code'"
+};
+
+export const Accent = {
+  Info: {
+    Primary: "#aec0f5",
+    Secondary: "lch(77.7 28.7 275 / 0.12)"
+  },
+  Neutral: {
+    Primary: "#c2c2ca",
+    Secondary: "lch(78.6 4.18 286 / 0.12)"
+  },
+  Warning: {
+    Primary: "#f2b67b",
+    Secondary: "lch(79.6 53.6 74.4 / 0.12)"
+  },
+  Negative: {
+    Primary: "#f3aeaf",
+    Secondary: "lch(77.8 28 21.1 / 0.12)"
+  },
+  Positive: {
+    Primary: "#97cf9c",
+    Secondary: "lch(78.2 32.7 144 / 0.12)"
+  },
+  Important: {
+    Primary: "#d3b4ed",
+    Secondary: "lch(77.5 31.1 309 / 0.12)"
+  },
+  Pink: {
+    Primary: "#ecadd4",
+    Secondary: "lch(77.6 29.9 340 / 0.12)"
+  },
+  Violet: {
+    Primary: "#c4b8f3",
+    Secondary: "lch(77.3 30.9 295 / 0.12)"
+  }
+};
+
+export const Chart = {
+  Neutral: "#515157",
+  Categorical: {
+    1: {
+      Primary: "#4067e5",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(46.5 72.3 286 / 0.2)"
+    },
+    2: {
+      Primary: "#fe9933",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(72.9 74.2 63 / 0.2)"
+    },
+    3: {
+      Primary: "#12a594",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(60.7 39.7 183 / 0.2)"
+    },
+    4: {
+      Primary: "#ab4aba",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(48.2 66.6 322 / 0.2)"
+    },
+    5: {
+      Primary: "#d63c42",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+    },
+    6: {
+      Primary: "#05a2c2",
+      Inactive: "#aadee6",
+      Transparent: "lch(61 38.6 224 / 0.2)"
+    },
+    7: {
+      Primary: "#e043a7",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(55 70 344 / 0.2)"
+    },
+    8: {
+      Primary: "#00b050",
+      Inactive: "#ceebcf",
+      Transparent: "lch(63 67 146 / 0.2)"
+    },
+    9: {
+      Primary: "#7259d6",
+      Inactive: "#e4defc",
+      Transparent: "lch(45.6 71 299 / 0.2)"
+    },
+    10: {
+      Primary: "#99d52a",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(79 79.1 118 / 0.2)"
+    },
+    11: {
+      Primary: "#696970",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(44.6 4.09 286 / 0.2)"
+    },
+    12: {
+      Primary: "#8da4ef",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(67.9 41.2 278 / 0.2)"
+    },
+    13: {
+      Primary: "#c25d05",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+    },
+    14: {
+      Primary: "#067a6f",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(45.6 31.8 185 / 0.2)"
+    },
+    15: {
+      Primary: "#cf91d8",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(68.3 42.4 321 / 0.2)"
+    },
+    16: {
+      Primary: "#eb9091",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+    },
+    17: {
+      Primary: "#0c7792",
+      Inactive: "#aadee6",
+      Transparent: "lch(45.7 30.9 228 / 0.2)"
+    },
+    18: {
+      Primary: "#e38ec3",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(69.3 40.8 341 / 0.2)"
+    },
+    19: {
+      Primary: "#97cf9c",
+      Inactive: "#ceebcf",
+      Transparent: "lch(78.2 32.7 144 / 0.2)"
+    },
+    20: {
+      Primary: "#aa99ec",
+      Inactive: "#e4defc",
+      Transparent: "lch(67.2 44.6 296 / 0.2)"
+    },
+    21: {
+      Primary: "#94ba2c",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(70.8 67.7 114 / 0.2)"
+    },
+    22: {
+      Primary: "#3d3d42",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(25.9 3.2 286 / 0.2)"
+    }
+  },
+  Monochromatic: {
+    Default: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Danger: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      90: "#b82329",
+      100: "#381316"
+    }
+  },
+  Status: {
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050"
+  }
+};
+
+export const Component = {
+  Button: {
+    Primary: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Pressed: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#5bb3ea"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Background: "#515157",
+        Border: "#96cff0",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Pressed: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Text: "#96cff0",
+        Icon: "#96cff0"
+      },
+      Pressed: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Text: "#83838c",
+        Icon: "#83838c"
+      }
+    }
+  },
+  Container: {
+    Background: "#3d3d42",
+    Border: "#515157"
+  },
+  Table: {
+    HeaderFilled: {
+      Background: "#343438",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HeaderOutlined: {
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Row: {
+      Border: "#515157",
+      Icon: {
+        Default: "#ffffff",
+        Disabled: "#83838c",
+        Hover: "#96cff0"
+      },
+      Background: {
+        Default: "#3d3d42",
+        Zebra: "#343438",
+        Hover: "#515157"
+      },
+      Text: {
+        Default: "#ffffff",
+        Placeholder: "#a3a3ab",
+        Link: "#5bb3ea"
+      }
+    }
+  },
+  MenuButton: {
+    Primary: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Pressed: {
+        Background: "#5bb3ea",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#5bb3ea"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Background: "#515157",
+        Border: "#96cff0",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Pressed: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Hover: {
+        Text: "#96cff0",
+        Icon: "#96cff0"
+      },
+      Pressed: {
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Text: "#83838c",
+        Icon: "#83838c"
+      }
+    }
+  },
+  OverflowMenuButton: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Pressed: {
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Icon: "#83838c"
+    }
+  },
+  SplitMenuButton: {
+    Primary: {
+      Default: {
+        Background: "#5bb3ea",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#96cff0",
+        BackgroundRight: "#5bb3ea",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      HoverRight: {
+        BackgroundLeft: "#5bb3ea",
+        BackgroundRight: "#96cff0",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Active: {
+        Background: "#5bb3ea",
+        Border: "#3d3d42",
+        Text: "#343438",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#3d3d42",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        BackgroundLeft: "#5bb3ea",
+        BackgroundRight: "#5bb3ea",
+        Border: "#3d3d42",
+        Icon: "#343438"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#515157",
+        BackgroundRight: "#3d3d42",
+        BorderLeft: "#96cff0",
+        BorderRight: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      HoverRight: {
+        BackgroundLeft: "#3d3d42",
+        BackgroundRight: "#515157",
+        BorderLeft: "#5bb3ea",
+        BorderRight: "#96cff0",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c"
+      },
+      Loading: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Icon: "#5bb3ea"
+      }
+    }
+  },
+  Appbar: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Badge: {
+    Informative: {
+      Background: "lch(77.7 28.7 275 / 0.12)",
+      Text: "#aec0f5"
+    },
+    Neutral: {
+      Background: "lch(78.6 4.18 286 / 0.12)",
+      Text: "#c2c2ca"
+    },
+    Warning: {
+      Background: "lch(79.6 53.6 74.4 / 0.12)",
+      Text: "#f2b67b"
+    },
+    Negative: {
+      Background: "lch(77.8 28 21.1 / 0.12)",
+      Text: "#f3aeaf"
+    },
+    Positive: {
+      Background: "lch(78.2 32.7 144 / 0.12)",
+      Text: "#97cf9c"
+    },
+    Important: {
+      Background: "lch(77.5 31.1 309 / 0.12)",
+      Text: "#d3b4ed"
+    },
+    Violet: {
+      Background: "lch(77.3 30.9 295 / 0.12)",
+      Text: "#c4b8f3"
+    },
+    Pink: {
+      Background: "lch(77.6 29.9 340 / 0.12)",
+      Text: "#ecadd4"
+    }
+  },
+  Breadcrumb: {
+    Divider: "#515157",
+    AppTitle: {
+      Text: "#5bb3ea"
+    },
+    Default: {
+      Text: "#5bb3ea"
+    },
+    Truncated: {
+      Text: "#5bb3ea"
+    },
+    LastItem: {
+      Text: "#ffffff"
+    },
+    Collapsed: {
+      Background: "#515157",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    WithDropdown: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    }
+  },
+  Card: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Checkbox: {
+    Empty: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#696970",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#96cff0",
+        Text: "#ffffff"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff"
+      }
+    },
+    Checked: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Active: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff",
+        Icon: "#83838c"
+      }
+    },
+    Indeterminated: {
+      Default: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Active: {
+        Background: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#343438"
+      },
+      Disabled: {
+        Background: "#515157",
+        Text: "#83838c",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff",
+        Icon: "#83838c"
+      }
+    }
+  },
+  ContentPanel: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Calendar: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Icon: "#ffffff",
+    Text: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    },
+    SelectedItem: {
+      Text: "#343438",
+      Background: "#5bb3ea"
+    },
+    HoverItem: {
+      Background: "#515157",
+      Text: "#ffffff"
+    },
+    PresetArea: {
+      Background: "#343438",
+      HoverPeriod: {
+        Background: "#3d3d42"
+      },
+      ActivePeriod: {
+        Background: "#5bb3ea",
+        Text: "#343438"
+      }
+    }
+  },
+  DateField: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#5bb3ea",
+      HintText: "#a3a3ab"
+    }
+  },
+  DatePicker: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Filled: {
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Icon: "#83838c"
+    },
+    Focus: {
+      Icon: "#5bb3ea"
+    }
+  },
+  DateRangePicker: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Filled: {
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Icon: "#83838c"
+    },
+    Focus: {
+      Icon: "#5bb3ea"
+    }
+  },
+  DateRangeField: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#5bb3ea",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  DateRangeInput: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    ActivePeriod: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      ActiveItem: {
+        Background: "#3d3d42",
+        Text: "#a3a3ab"
+      }
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    },
+    Disabled: {
+      Background: "#343438",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#5bb3ea",
+      HintText: "#a3a3ab",
+      PlaceholderItem: {
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  Divider: {
+    Border: "#515157"
+  },
+  Drawer: {
+    Background: "#3d3d42",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    }
+  },
+  Dropdown: {
+    Icon: {
+      Default: "#ffffff",
+      Disabled: "#83838c"
+    },
+    Text: {
+      Default: "#ffffff",
+      Link: "#5bb3ea",
+      Description: "#a3a3ab",
+      Disabled: "#83838c"
+    },
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42",
+      Category: "#343438"
+    }
+  },
+  GlobalHeader: {
+    Background: "#232326",
+    Border: "#3d3d42",
+    Icon: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Search: {
+      Background: "#3d3d42",
+      Text: {
+        Placeholder: "#d6d6dd",
+        Filled: "#ffffff"
+      },
+      Icon: {
+        Default: "#d6d6dd",
+        Active: "#ffffff",
+        Hover: "#ffffff"
+      }
+    }
+  },
+  GlobalFooter: {
+    Background: "#232326",
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    }
+  },
+  GroupSelect: {
+    Field: {
+      Default: {
+        Background: "#343438",
+        Border: "#696970",
+        Text: "#a3a3ab",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Hover: {
+        Background: "#343438",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Selected: {
+        Background: "#343438",
+        Border: "#696970",
+        Text: "#ffffff",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Text: "#83838c",
+        Icon: "#83838c",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#343438",
+        Text: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      },
+      Error: {
+        Background: "#343438",
+        Border: "#eb9091",
+        Text: "#ffffff",
+        Icon: "#ffffff",
+        HintText: "#eb9091",
+        InfoIcon: "#a3a3ab"
+      },
+      Focus: {
+        Background: "#343438",
+        Border: "#5bb3ea",
+        Text: "#ffffff",
+        Icon: "#ffffff",
+        HintText: "#a3a3ab",
+        InfoIcon: "#a3a3ab"
+      }
+    },
+    Dropdown: {
+      Icon: "#ffffff",
+      Text: "#ffffff",
+      Background: {
+        Default: "#343438",
+        Hover: "#3d3d42"
+      }
+    }
+  },
+  InlineEdit: {
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0"
+    },
+    AcceptIcon: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    }
+  },
+  KpiBar: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    },
+    Item: {
+      Neutral: {
+        Default: {
+          Label: "#c2c2ca",
+          Text: "#a3a3ab",
+          Icon: "#c2c2ca"
+        },
+        Hover: {
+          Label: "#c2c2ca",
+          Text: "#a3a3ab",
+          Background: "lch(78.6 4.18 286 / 0.12)",
+          Icon: "#c2c2ca"
+        },
+        Active: {
+          Label: "#c2c2ca",
+          Text: "#ffffff",
+          Border: "#c2c2ca",
+          Icon: "#c2c2ca"
+        }
+      },
+      Green: {
+        Default: {
+          Label: "#97cf9c",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#97cf9c",
+          Text: "#a3a3ab",
+          Background: "lch(78.2 32.7 144 / 0.12)"
+        },
+        Active: {
+          Label: "#97cf9c",
+          Text: "#ffffff",
+          Border: "#97cf9c"
+        }
+      },
+      Orange: {
+        Default: {
+          Label: "#f2b67b",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#f2b67b",
+          Text: "#a3a3ab",
+          Background: "lch(79.6 53.6 74.4 / 0.12)"
+        },
+        Active: {
+          Label: "#f2b67b",
+          Text: "#ffffff",
+          Border: "#f2b67b"
+        }
+      },
+      Purple: {
+        Default: {
+          Label: "#d3b4ed",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#d3b4ed",
+          Text: "#a3a3ab",
+          Background: "lch(77.5 31.1 309 / 0.12)"
+        },
+        Active: {
+          Label: "#d3b4ed",
+          Text: "#ffffff",
+          Border: "#d3b4ed"
+        }
+      },
+      Red: {
+        Default: {
+          Label: "#f3aeaf",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#f3aeaf",
+          Text: "#a3a3ab",
+          Background: "lch(77.8 28 21.1 / 0.12)"
+        },
+        Active: {
+          Label: "#f3aeaf",
+          Text: "#ffffff",
+          Border: "#f3aeaf"
+        }
+      },
+      Ultramarine: {
+        Default: {
+          Label: "#aec0f5",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#aec0f5",
+          Text: "#a3a3ab",
+          Background: "lch(77.7 28.7 275 / 0.12)"
+        },
+        Active: {
+          Label: "#aec0f5",
+          Text: "#ffffff",
+          Border: "#aec0f5"
+        }
+      },
+      Pink: {
+        Default: {
+          Label: "#ecadd4",
+          Text: "#a3a3ab"
+        },
+        Hover: {
+          Label: "#ecadd4",
+          Text: "#a3a3ab",
+          Background: "lch(77.6 29.9 340 / 0.12)"
+        },
+        Active: {
+          Label: "#ecadd4",
+          Text: "#ffffff",
+          Border: "#ecadd4"
+        }
+      }
+    }
+  },
+  Label: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    InfoIcon: "#a3a3ab"
+  },
+  List: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    },
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42"
+    }
+  },
+  MasterSwitch: {
+    ContentBackground: "#3d3d42",
+    SideBackground: "#343438",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Modal: {
+    Background: "#3d3d42",
+    Icon: "#ffffff",
+    Text: {
+      Default: "#ffffff",
+      Description: "#a3a3ab"
+    }
+  },
+  NotificationBanner: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    Informative: {
+      Background: "#515157",
+      Border: "#8da4ef",
+      StatusIcon: "#8da4ef"
+    },
+    Tip: {
+      Background: "#515157",
+      Border: "#8da4ef",
+      StatusIcon: "#8da4ef"
+    },
+    Warning: {
+      Background: "#515157",
+      Border: "#edb016",
+      StatusIcon: "#edb016"
+    },
+    Success: {
+      Background: "#515157",
+      Border: "#65ba75",
+      StatusIcon: "#65ba75"
+    },
+    Error: {
+      Background: "#515157",
+      Border: "#eb9091",
+      StatusIcon: "#eb9091"
+    },
+    Secondary: {
+      Background: "#515157",
+      Border: "#c2c2ca",
+      StatusIcon: "#ffffff"
+    }
+  },
+  NotificationToast: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    Informative: {
+      Background: "#515157",
+      IconBackground: "#4067e5",
+      Border: "#8da4ef",
+      StatusIcon: "#ffffff"
+    },
+    Tip: {
+      Background: "#515157",
+      IconBackground: "#4067e5",
+      Border: "#8da4ef",
+      StatusIcon: "#ffffff"
+    },
+    Warning: {
+      Background: "#515157",
+      IconBackground: "#fecb34",
+      Border: "#edb016",
+      StatusIcon: "#3d3d42"
+    },
+    Success: {
+      Background: "#515157",
+      IconBackground: "#00b050",
+      Border: "#65ba75",
+      StatusIcon: "#ffffff"
+    },
+    Error: {
+      Background: "#515157",
+      IconBackground: "#d63c42",
+      Border: "#eb9091",
+      StatusIcon: "#ffffff"
+    }
+  },
+  Pagination: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: {
+      Default: "#ffffff",
+      Link: "#5bb3ea",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    },
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea",
+      Disabled: "#83838c"
+    }
+  },
+  Popover: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Icon: "#ffffff",
+    Text: {
+      Default: "#ffffff",
+      Link: {
+        Default: "#5bb3ea",
+        Hover: "#96cff0"
+      }
+    }
+  },
+  ProgressBar: {
+    Text: {
+      Default: "#ffffff",
+      Link: {
+        Default: "#5bb3ea",
+        Hover: "#96cff0"
+      }
+    },
+    StatusLine: {
+      Default: "#515157",
+      Success: "#00b050",
+      Error: "#d63c42"
+    }
+  },
+  NumericSpinner: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  RadioButton: {
+    Inactive: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#696970",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#96cff0",
+        Text: "#ffffff"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff"
+      }
+    },
+    Active: {
+      Default: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#96cff0",
+        Text: "#ffffff"
+      },
+      Active: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      ReadOnly: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        Text: "#ffffff"
+      }
+    }
+  },
+  Search: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab",
+      SearchIcon: "#83838c"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091",
+      SearchIcon: "#a3a3ab"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      SearchIcon: "#a3a3ab"
+    }
+  },
+  SegmentedButton: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    DisabledChecked: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Border: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    }
+  },
+  SideNavigation: {
+    Icon: "#ffffff",
+    Border: "#515157",
+    Background: {
+      Default: "#343438",
+      SecondLevel: "#343438"
+    },
+    DefaultMenuItem: {
+      Background: "#343438",
+      Icon: "#ffffff",
+      Text: "#ffffff",
+      Label: {
+        Text: "#ffffff",
+        Background: "#343438",
+        Border: "#515157"
+      }
+    },
+    HoverMenuItem: {
+      Background: "#3d3d42",
+      Icon: "#ffffff",
+      Text: "#ffffff",
+      Label: {
+        Text: "#ffffff",
+        Background: "#343438",
+        Border: "#515157"
+      }
+    },
+    SelectedMenuItem: {
+      Background: "#5bb3ea",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#ffffff",
+        Background: "#0174bc"
+      }
+    }
+  },
+  Select: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff"
+    }
+  },
+  SidePanel: {
+    Background: "#3d3d42",
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0"
+    }
+  },
+  Switch: {
+    Active: {
+      Default: {
+        Background: "#5bb3ea",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#96cff0",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Focus: {
+        Background: "#5bb3ea",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Icon: "#83838c",
+        Circle: "#ffffff",
+        Text: "#83838c"
+      }
+    },
+    Inactive: {
+      Default: {
+        Background: "#696970",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Hover: {
+        Background: "#a3a3ab",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Focus: {
+        Background: "#696970",
+        Circle: "#ffffff",
+        Text: "#ffffff"
+      },
+      Disabled: {
+        Background: "#515157",
+        Circle: "#ffffff",
+        Text: "#83838c"
+      }
+    }
+  },
+  Tab: {
+    Default: {
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      Border: "#515157"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0",
+      Border: "#515157"
+    },
+    Active: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea",
+      Border: "#5bb3ea"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c",
+      Border: "#515157"
+    }
+  },
+  Tag: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Focus: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Border: "#515157",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  TagInput: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      HintText: "#a3a3ab"
+    },
+    Placeholder: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  TextArea: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Placeholder: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    ReadOnly: {
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  TextField: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Placeholder: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    HoverEmpty: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Active: "#5bb3ea"
+      }
+    },
+    ReadOnly: {
+      Text: "#ffffff",
+      HintText: "#a3a3ab"
+    }
+  },
+  TimePicker: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Filled: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091"
+    },
+    FocusEmpty: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab"
+    },
+    ReadOnly: {
+      Text: "#ffffff"
+    }
+  },
+  Tooltip: {
+    Background: "#ffffff",
+    Text: "#343438"
+  },
+  Tree: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    },
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42"
+    },
+    ExpandedArea: {
+      Border: "#696970"
+    }
+  },
+  Widget: {
+    Download: {
+      Text: "#ffffff",
+      Border: "#515157",
+      Background: {
+        Header: "#343438",
+        Default: "#3d3d42"
+      },
+      Icon: {
+        Default: "#ffffff",
+        Success: "#65ba75",
+        Error: "#eb9091"
+      }
+    },
+    Upload: {
+      Default: {
+        Background: "#343438",
+        Border: "#696970",
+        Icon: "#ffffff",
+        Text: {
+          Default: "#ffffff",
+          Link: "#5bb3ea"
+        }
+      },
+      Hover: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Icon: "#ffffff",
+        Text: {
+          Default: "#ffffff",
+          Link: "#5bb3ea"
+        }
+      },
+      Disabled: {
+        Background: "#515157",
+        Border: "#515157",
+        Icon: "#83838c",
+        Text: "#83838c"
+      }
+    }
+  },
+  Stepper: {
+    Horizontal: {
+      Line: "#515157",
+      PastItem: {
+        Circle: {
+          Background: "#3d3d42",
+          Border: "#5bb3ea",
+          Text: "#5bb3ea",
+          Icon: "#5bb3ea"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      CurrentItem: {
+        Circle: {
+          Background: "#5bb3ea",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#343438",
+          Border: "#515157",
+          Text: "#83838c"
+        },
+        Text: "#83838c"
+      }
+    },
+    Vertical: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Icon: "#ffffff",
+      PastItem: {
+        Circle: {
+          Background: "#3d3d42",
+          Border: "#5bb3ea",
+          Text: "#5bb3ea",
+          Icon: "#5bb3ea"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      CurrentItem: {
+        Icon: "#5bb3ea",
+        Circle: {
+          Background: "#5bb3ea",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#343438",
+          Border: "#696970",
+          Text: "#a3a3ab"
+        },
+        Text: {
+          Default: "#ffffff",
+          Hover: "#5bb3ea"
+        }
+      },
+      DisabledItem: {
+        Circle: {
+          Background: "#343438",
+          Border: "#515157",
+          Text: "#83838c"
+        },
+        Text: "#83838c"
+      }
+    }
+  },
+  AdvancedSearch: {
+    FilterIcon: {
+      Default: {
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Icon: "#96cff0"
+      },
+      Applied: {
+        Icon: "#5bb3ea",
+        Badge: {
+          Background: "#d63c42",
+          Text: "#ffffff"
+        }
+      },
+      Disabled: {
+        Icon: "#83838c",
+        Badge: {
+          Background: "#83838c",
+          Text: "#ffffff"
+        }
+      }
+    },
+    FilterArea: {
+      Background: "#343438",
+      Border: "#515157",
+      Text: {
+        Default: "#ffffff",
+        Link: "#5bb3ea"
+      },
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0",
+        Disabled: "#83838c"
+      },
+      Tag: {
+        Background: "#3d3d42",
+        Border: "#515157",
+        OperatorIcon: "#c25d05",
+        Icon: {
+          Default: "#ffffff",
+          Hover: "#96cff0"
+        }
+      }
+    }
+  },
+  SegmentedStatusButton: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    DisabledPositive: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ActivePositive: {
+      Background: "#65ba75",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    DisabledNegative: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ActiveNegative: {
+      Background: "#eb9091",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    DisabledNeutral: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    ActiveNeutral: {
+      Background: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  LinkSelect: {
+    Default: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0"
+    },
+    Filled: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Focus: {
+      Text: "#5bb3ea",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Text: "#ffffff"
+    }
+  }
+};
+
+export const Button = {
+  Primary: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Pressed: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#5bb3ea"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Pressed: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0"
+    },
+    Pressed: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c"
+    }
+  }
+};
+
+export const Container = {
+  Background: "#3d3d42",
+  Border: "#515157"
+};
+
+export const Table = {
+  HeaderFilled: {
+    Background: "#343438",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  HeaderOutlined: {
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  Row: {
+    Border: "#515157",
+    Icon: {
+      Default: "#ffffff",
+      Disabled: "#83838c",
+      Hover: "#96cff0"
+    },
+    Background: {
+      Default: "#3d3d42",
+      Zebra: "#343438",
+      Hover: "#515157"
+    },
+    Text: {
+      Default: "#ffffff",
+      Placeholder: "#a3a3ab",
+      Link: "#5bb3ea"
+    }
+  }
+};
+
+export const MenuButton = {
+  Primary: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Pressed: {
+      Background: "#5bb3ea",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#5bb3ea"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Background: "#515157",
+      Border: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Pressed: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Hover: {
+      Text: "#96cff0",
+      Icon: "#96cff0"
+    },
+    Pressed: {
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Text: "#83838c",
+      Icon: "#83838c"
+    }
+  }
+};
+
+export const OverflowMenuButton = {
+  Default: {
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Icon: "#96cff0"
+  },
+  Pressed: {
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Icon: "#83838c"
+  }
+};
+
+export const SplitMenuButton = {
+  Primary: {
+    Default: {
+      Background: "#5bb3ea",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#96cff0",
+      BackgroundRight: "#5bb3ea",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    HoverRight: {
+      BackgroundLeft: "#5bb3ea",
+      BackgroundRight: "#96cff0",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#3d3d42",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      BackgroundLeft: "#5bb3ea",
+      BackgroundRight: "#5bb3ea",
+      Border: "#3d3d42",
+      Icon: "#343438"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#515157",
+      BackgroundRight: "#3d3d42",
+      BorderLeft: "#96cff0",
+      BorderRight: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    HoverRight: {
+      BackgroundLeft: "#3d3d42",
+      BackgroundRight: "#515157",
+      BorderLeft: "#5bb3ea",
+      BorderRight: "#96cff0",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#5bb3ea",
+      Icon: "#5bb3ea"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c"
+    },
+    Loading: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Icon: "#5bb3ea"
+    }
+  }
+};
+
+export const Appbar = {
+  Background: "#343438",
+  Border: "#515157",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+};
+
+export const Badge = {
+  Informative: {
+    Background: "lch(77.7 28.7 275 / 0.12)",
+    Text: "#aec0f5"
+  },
+  Neutral: {
+    Background: "lch(78.6 4.18 286 / 0.12)",
+    Text: "#c2c2ca"
+  },
+  Warning: {
+    Background: "lch(79.6 53.6 74.4 / 0.12)",
+    Text: "#f2b67b"
+  },
+  Negative: {
+    Background: "lch(77.8 28 21.1 / 0.12)",
+    Text: "#f3aeaf"
+  },
+  Positive: {
+    Background: "lch(78.2 32.7 144 / 0.12)",
+    Text: "#97cf9c"
+  },
+  Important: {
+    Background: "lch(77.5 31.1 309 / 0.12)",
+    Text: "#d3b4ed"
+  },
+  Violet: {
+    Background: "lch(77.3 30.9 295 / 0.12)",
+    Text: "#c4b8f3"
+  },
+  Pink: {
+    Background: "lch(77.6 29.9 340 / 0.12)",
+    Text: "#ecadd4"
+  }
+};
+
+export const Breadcrumb = {
+  Divider: "#515157",
+  AppTitle: {
+    Text: "#5bb3ea"
+  },
+  Default: {
+    Text: "#5bb3ea"
+  },
+  Truncated: {
+    Text: "#5bb3ea"
+  },
+  LastItem: {
+    Text: "#ffffff"
+  },
+  Collapsed: {
+    Background: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  WithDropdown: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  }
+};
+
+export const Card = {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+};
+
+export const Checkbox = {
+  Empty: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#696970",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#96cff0",
+      Text: "#ffffff"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff"
+    }
+  },
+  Checked: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff",
+      Icon: "#83838c"
+    }
+  },
+  Indeterminated: {
+    Default: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Active: {
+      Background: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#343438"
+    },
+    Disabled: {
+      Background: "#515157",
+      Text: "#83838c",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff",
+      Icon: "#83838c"
+    }
+  }
+};
+
+export const ContentPanel = {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+};
+
+export const Calendar = {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Icon: "#ffffff",
+  Text: {
+    Default: "#ffffff",
+    Disabled: "#83838c"
+  },
+  SelectedItem: {
+    Text: "#343438",
+    Background: "#5bb3ea"
+  },
+  HoverItem: {
+    Background: "#515157",
+    Text: "#ffffff"
+  },
+  PresetArea: {
+    Background: "#343438",
+    HoverPeriod: {
+      Background: "#3d3d42"
+    },
+    ActivePeriod: {
+      Background: "#5bb3ea",
+      Text: "#343438"
+    }
+  }
+};
+
+export const DateField = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#5bb3ea",
+    HintText: "#a3a3ab"
+  }
+};
+
+export const DatePicker = {
+  Default: {
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Icon: "#96cff0"
+  },
+  Filled: {
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Icon: "#83838c"
+  },
+  Focus: {
+    Icon: "#5bb3ea"
+  }
+};
+
+export const DateRangePicker = {
+  Default: {
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Icon: "#96cff0"
+  },
+  Filled: {
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Icon: "#83838c"
+  },
+  Focus: {
+    Icon: "#5bb3ea"
+  }
+};
+
+export const DateRangeField = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#5bb3ea",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  }
+};
+
+export const DateRangeInput = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  ActivePeriod: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    ActiveItem: {
+      Background: "#3d3d42",
+      Text: "#a3a3ab"
+    }
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  },
+  Disabled: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#5bb3ea",
+    HintText: "#a3a3ab",
+    PlaceholderItem: {
+      Text: "#a3a3ab"
+    }
+  }
+};
+
+export const Divider = {
+  Border: "#515157"
+};
+
+export const Drawer = {
+  Background: "#3d3d42",
+  Text: "#ffffff",
+  Icon: {
+    Default: "#ffffff",
+    Disabled: "#83838c"
+  }
+};
+
+export const Dropdown = {
+  Icon: {
+    Default: "#ffffff",
+    Disabled: "#83838c"
+  },
+  Text: {
+    Default: "#ffffff",
+    Link: "#5bb3ea",
+    Description: "#a3a3ab",
+    Disabled: "#83838c"
+  },
+  Background: {
+    Default: "#343438",
+    Hover: "#3d3d42",
+    Category: "#343438"
+  }
+};
+
+export const GlobalHeader = {
+  Background: "#232326",
+  Border: "#3d3d42",
+  Icon: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Search: {
+    Background: "#3d3d42",
+    Text: {
+      Placeholder: "#d6d6dd",
+      Filled: "#ffffff"
+    },
+    Icon: {
+      Default: "#d6d6dd",
+      Active: "#ffffff",
+      Hover: "#ffffff"
+    }
+  }
+};
+
+export const GlobalFooter = {
+  Background: "#232326",
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  }
+};
+
+export const GroupSelect = {
+  Field: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Hover: {
+      Background: "#343438",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Selected: {
+      Background: "#343438",
+      Border: "#696970",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c",
+      Icon: "#83838c",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#343438",
+      Text: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#343438",
+      Border: "#eb9091",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#eb9091",
+      InfoIcon: "#a3a3ab"
+    },
+    Focus: {
+      Background: "#343438",
+      Border: "#5bb3ea",
+      Text: "#ffffff",
+      Icon: "#ffffff",
+      HintText: "#a3a3ab",
+      InfoIcon: "#a3a3ab"
+    }
+  },
+  Dropdown: {
+    Icon: "#ffffff",
+    Text: "#ffffff",
+    Background: {
+      Default: "#343438",
+      Hover: "#3d3d42"
+    }
+  }
+};
+
+export const InlineEdit = {
+  Text: "#ffffff",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0"
+  },
+  AcceptIcon: {
+    Default: "#5bb3ea",
+    Hover: "#96cff0",
+    Disabled: "#83838c"
+  }
+};
+
+export const KpiBar = {
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea"
+  },
+  Item: {
+    Neutral: {
+      Default: {
+        Label: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#c2c2ca"
+      },
+      Hover: {
+        Label: "#c2c2ca",
+        Text: "#a3a3ab",
+        Background: "lch(78.6 4.18 286 / 0.12)",
+        Icon: "#c2c2ca"
+      },
+      Active: {
+        Label: "#c2c2ca",
+        Text: "#ffffff",
+        Border: "#c2c2ca",
+        Icon: "#c2c2ca"
+      }
+    },
+    Green: {
+      Default: {
+        Label: "#97cf9c",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#97cf9c",
+        Text: "#a3a3ab",
+        Background: "lch(78.2 32.7 144 / 0.12)"
+      },
+      Active: {
+        Label: "#97cf9c",
+        Text: "#ffffff",
+        Border: "#97cf9c"
+      }
+    },
+    Orange: {
+      Default: {
+        Label: "#f2b67b",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#f2b67b",
+        Text: "#a3a3ab",
+        Background: "lch(79.6 53.6 74.4 / 0.12)"
+      },
+      Active: {
+        Label: "#f2b67b",
+        Text: "#ffffff",
+        Border: "#f2b67b"
+      }
+    },
+    Purple: {
+      Default: {
+        Label: "#d3b4ed",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#d3b4ed",
+        Text: "#a3a3ab",
+        Background: "lch(77.5 31.1 309 / 0.12)"
+      },
+      Active: {
+        Label: "#d3b4ed",
+        Text: "#ffffff",
+        Border: "#d3b4ed"
+      }
+    },
+    Red: {
+      Default: {
+        Label: "#f3aeaf",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#f3aeaf",
+        Text: "#a3a3ab",
+        Background: "lch(77.8 28 21.1 / 0.12)"
+      },
+      Active: {
+        Label: "#f3aeaf",
+        Text: "#ffffff",
+        Border: "#f3aeaf"
+      }
+    },
+    Ultramarine: {
+      Default: {
+        Label: "#aec0f5",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#aec0f5",
+        Text: "#a3a3ab",
+        Background: "lch(77.7 28.7 275 / 0.12)"
+      },
+      Active: {
+        Label: "#aec0f5",
+        Text: "#ffffff",
+        Border: "#aec0f5"
+      }
+    },
+    Pink: {
+      Default: {
+        Label: "#ecadd4",
+        Text: "#a3a3ab"
+      },
+      Hover: {
+        Label: "#ecadd4",
+        Text: "#a3a3ab",
+        Background: "lch(77.6 29.9 340 / 0.12)"
+      },
+      Active: {
+        Label: "#ecadd4",
+        Text: "#ffffff",
+        Border: "#ecadd4"
+      }
+    }
+  }
+};
+
+export const Label = {
+  Text: "#ffffff",
+  Icon: "#ffffff",
+  InfoIcon: "#a3a3ab"
+};
+
+export const List = {
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea"
+  },
+  Background: {
+    Default: "#343438",
+    Hover: "#3d3d42"
+  }
+};
+
+export const MasterSwitch = {
+  ContentBackground: "#3d3d42",
+  SideBackground: "#343438",
+  Text: "#ffffff",
+  Icon: "#ffffff"
+};
+
+export const Modal = {
+  Background: "#3d3d42",
+  Icon: "#ffffff",
+  Text: {
+    Default: "#ffffff",
+    Description: "#a3a3ab"
+  }
+};
+
+export const NotificationBanner = {
+  Text: "#ffffff",
+  Icon: "#ffffff",
+  Informative: {
+    Background: "#515157",
+    Border: "#8da4ef",
+    StatusIcon: "#8da4ef"
+  },
+  Tip: {
+    Background: "#515157",
+    Border: "#8da4ef",
+    StatusIcon: "#8da4ef"
+  },
+  Warning: {
+    Background: "#515157",
+    Border: "#edb016",
+    StatusIcon: "#edb016"
+  },
+  Success: {
+    Background: "#515157",
+    Border: "#65ba75",
+    StatusIcon: "#65ba75"
+  },
+  Error: {
+    Background: "#515157",
+    Border: "#eb9091",
+    StatusIcon: "#eb9091"
+  },
+  Secondary: {
+    Background: "#515157",
+    Border: "#c2c2ca",
+    StatusIcon: "#ffffff"
+  }
+};
+
+export const NotificationToast = {
+  Text: "#ffffff",
+  Icon: "#ffffff",
+  Informative: {
+    Background: "#515157",
+    IconBackground: "#4067e5",
+    Border: "#8da4ef",
+    StatusIcon: "#ffffff"
+  },
+  Tip: {
+    Background: "#515157",
+    IconBackground: "#4067e5",
+    Border: "#8da4ef",
+    StatusIcon: "#ffffff"
+  },
+  Warning: {
+    Background: "#515157",
+    IconBackground: "#fecb34",
+    Border: "#edb016",
+    StatusIcon: "#3d3d42"
+  },
+  Success: {
+    Background: "#515157",
+    IconBackground: "#00b050",
+    Border: "#65ba75",
+    StatusIcon: "#ffffff"
+  },
+  Error: {
+    Background: "#515157",
+    IconBackground: "#d63c42",
+    Border: "#eb9091",
+    StatusIcon: "#ffffff"
+  }
+};
+
+export const Pagination = {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Text: {
+    Default: "#ffffff",
+    Link: "#5bb3ea",
+    Hover: "#96cff0",
+    Disabled: "#83838c"
+  },
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea",
+    Disabled: "#83838c"
+  }
+};
+
+export const Popover = {
+  Background: "#3d3d42",
+  Border: "#515157",
+  Icon: "#ffffff",
+  Text: {
+    Default: "#ffffff",
+    Link: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0"
+    }
+  }
+};
+
+export const ProgressBar = {
+  Text: {
+    Default: "#ffffff",
+    Link: {
+      Default: "#5bb3ea",
+      Hover: "#96cff0"
+    }
+  },
+  StatusLine: {
+    Default: "#515157",
+    Success: "#00b050",
+    Error: "#d63c42"
+  }
+};
+
+export const NumericSpinner = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+};
+
+export const RadioButton = {
+  Inactive: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#696970",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#96cff0",
+      Text: "#ffffff"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Text: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff"
+    }
+  },
+  Active: {
+    Default: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#96cff0",
+      Text: "#ffffff"
+    },
+    Active: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#83838c"
+    },
+    ReadOnly: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      Text: "#ffffff"
+    }
+  }
+};
+
+export const Search = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab",
+    SearchIcon: "#83838c"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091",
+    SearchIcon: "#a3a3ab"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    SearchIcon: "#a3a3ab"
+  }
+};
+
+export const SegmentedButton = {
+  Default: {
+    Background: "#3d3d42",
+    Border: "#5bb3ea",
+    Text: "#5bb3ea",
+    Icon: "#5bb3ea"
+  },
+  Hover: {
+    Background: "#515157",
+    Border: "#96cff0",
+    Text: "#5bb3ea",
+    Icon: "#5bb3ea"
+  },
+  Disabled: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  DisabledChecked: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  Active: {
+    Background: "#5bb3ea",
+    Border: "#5bb3ea",
+    Text: "#343438",
+    Icon: "#343438"
+  }
+};
+
+export const SideNavigation = {
+  Icon: "#ffffff",
+  Border: "#515157",
+  Background: {
+    Default: "#343438",
+    SecondLevel: "#343438"
+  },
+  DefaultMenuItem: {
+    Background: "#343438",
+    Icon: "#ffffff",
+    Text: "#ffffff",
+    Label: {
+      Text: "#ffffff",
+      Background: "#343438",
+      Border: "#515157"
+    }
+  },
+  HoverMenuItem: {
+    Background: "#3d3d42",
+    Icon: "#ffffff",
+    Text: "#ffffff",
+    Label: {
+      Text: "#ffffff",
+      Background: "#343438",
+      Border: "#515157"
+    }
+  },
+  SelectedMenuItem: {
+    Background: "#5bb3ea",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#ffffff",
+      Background: "#0174bc"
+    }
+  }
+};
+
+export const Select = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091",
+    InfoIcon: "#a3a3ab"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Text: "#ffffff"
+  }
+};
+
+export const SidePanel = {
+  Background: "#3d3d42",
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0"
+  }
+};
+
+export const Switch = {
+  Active: {
+    Default: {
+      Background: "#5bb3ea",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#96cff0",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Focus: {
+      Background: "#5bb3ea",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Icon: "#83838c",
+      Circle: "#ffffff",
+      Text: "#83838c"
+    }
+  },
+  Inactive: {
+    Default: {
+      Background: "#696970",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Hover: {
+      Background: "#a3a3ab",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Focus: {
+      Background: "#696970",
+      Circle: "#ffffff",
+      Text: "#ffffff"
+    },
+    Disabled: {
+      Background: "#515157",
+      Circle: "#ffffff",
+      Text: "#83838c"
+    }
+  }
+};
+
+export const Tab = {
+  Default: {
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    Border: "#515157"
+  },
+  Hover: {
+    Text: "#96cff0",
+    Icon: "#96cff0",
+    Border: "#515157"
+  },
+  Active: {
+    Text: "#5bb3ea",
+    Icon: "#5bb3ea",
+    Border: "#5bb3ea"
+  },
+  Disabled: {
+    Text: "#83838c",
+    Icon: "#83838c",
+    Border: "#515157"
+  }
+};
+
+export const Tag = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Focus: {
+    Background: "#3d3d42",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ReadOnly: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+};
+
+export const TagInput = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    HintText: "#a3a3ab"
+  },
+  Placeholder: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+};
+
+export const TextArea = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Placeholder: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    HintText: "#eb9091",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  ReadOnly: {
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+};
+
+export const TextField = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Placeholder: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  HoverEmpty: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    HintText: "#eb9091",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    HintText: "#a3a3ab",
+    InfoIcon: "#a3a3ab",
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Active: "#5bb3ea"
+    }
+  },
+  ReadOnly: {
+    Text: "#ffffff",
+    HintText: "#a3a3ab"
+  }
+};
+
+export const TimePicker = {
+  Default: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#343438",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Filled: {
+    Background: "#343438",
+    Border: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#515157",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c",
+    HintText: "#a3a3ab"
+  },
+  Error: {
+    Background: "#343438",
+    Border: "#eb9091",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#eb9091"
+  },
+  FocusEmpty: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#a3a3ab",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  Focus: {
+    Background: "#343438",
+    Border: "#5bb3ea",
+    Text: "#ffffff",
+    Icon: "#ffffff",
+    HintText: "#a3a3ab"
+  },
+  ReadOnly: {
+    Text: "#ffffff"
+  }
+};
+
+export const Tooltip = {
+  Background: "#ffffff",
+  Text: "#343438"
+};
+
+export const Tree = {
+  Text: "#ffffff",
+  Border: "#515157",
+  Icon: {
+    Default: "#ffffff",
+    Hover: "#96cff0",
+    Active: "#5bb3ea"
+  },
+  Background: {
+    Default: "#343438",
+    Hover: "#3d3d42"
+  },
+  ExpandedArea: {
+    Border: "#696970"
+  }
+};
+
+export const Widget = {
+  Download: {
+    Text: "#ffffff",
+    Border: "#515157",
+    Background: {
+      Header: "#343438",
+      Default: "#3d3d42"
+    },
+    Icon: {
+      Default: "#ffffff",
+      Success: "#65ba75",
+      Error: "#eb9091"
+    }
+  },
+  Upload: {
+    Default: {
+      Background: "#343438",
+      Border: "#696970",
+      Icon: "#ffffff",
+      Text: {
+        Default: "#ffffff",
+        Link: "#5bb3ea"
+      }
+    },
+    Hover: {
+      Background: "#3d3d42",
+      Border: "#5bb3ea",
+      Icon: "#ffffff",
+      Text: {
+        Default: "#ffffff",
+        Link: "#5bb3ea"
+      }
+    },
+    Disabled: {
+      Background: "#515157",
+      Border: "#515157",
+      Icon: "#83838c",
+      Text: "#83838c"
+    }
+  }
+};
+
+export const Stepper = {
+  Horizontal: {
+    Line: "#515157",
+    PastItem: {
+      Circle: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    CurrentItem: {
+      Circle: {
+        Background: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#343438",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      Text: "#83838c"
+    }
+  },
+  Vertical: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Icon: "#ffffff",
+    PastItem: {
+      Circle: {
+        Background: "#3d3d42",
+        Border: "#5bb3ea",
+        Text: "#5bb3ea",
+        Icon: "#5bb3ea"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    CurrentItem: {
+      Icon: "#5bb3ea",
+      Circle: {
+        Background: "#5bb3ea",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#343438",
+        Border: "#696970",
+        Text: "#a3a3ab"
+      },
+      Text: {
+        Default: "#ffffff",
+        Hover: "#5bb3ea"
+      }
+    },
+    DisabledItem: {
+      Circle: {
+        Background: "#343438",
+        Border: "#515157",
+        Text: "#83838c"
+      },
+      Text: "#83838c"
+    }
+  }
+};
+
+export const AdvancedSearch = {
+  FilterIcon: {
+    Default: {
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Icon: "#96cff0"
+    },
+    Applied: {
+      Icon: "#5bb3ea",
+      Badge: {
+        Background: "#d63c42",
+        Text: "#ffffff"
+      }
+    },
+    Disabled: {
+      Icon: "#83838c",
+      Badge: {
+        Background: "#83838c",
+        Text: "#ffffff"
+      }
+    }
+  },
+  FilterArea: {
+    Background: "#343438",
+    Border: "#515157",
+    Text: {
+      Default: "#ffffff",
+      Link: "#5bb3ea"
+    },
+    Icon: {
+      Default: "#ffffff",
+      Hover: "#96cff0",
+      Disabled: "#83838c"
+    },
+    Tag: {
+      Background: "#3d3d42",
+      Border: "#515157",
+      OperatorIcon: "#c25d05",
+      Icon: {
+        Default: "#ffffff",
+        Hover: "#96cff0"
+      }
+    }
+  }
+};
+
+export const SegmentedStatusButton = {
+  Default: {
+    Background: "#3d3d42",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Hover: {
+    Background: "#515157",
+    Border: "#696970",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Disabled: {
+    Background: "#3d3d42",
+    Border: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  DisabledPositive: {
+    Background: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ActivePositive: {
+    Background: "#65ba75",
+    Text: "#343438",
+    Icon: "#343438"
+  },
+  DisabledNegative: {
+    Background: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ActiveNegative: {
+    Background: "#eb9091",
+    Text: "#343438",
+    Icon: "#343438"
+  },
+  DisabledNeutral: {
+    Background: "#515157",
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  ActiveNeutral: {
+    Background: "#696970",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+};
+
+export const LinkSelect = {
+  Default: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  },
+  Hover: {
+    Text: "#96cff0",
+    Icon: "#96cff0"
+  },
+  Filled: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  },
+  Disabled: {
+    Text: "#83838c",
+    Icon: "#83838c"
+  },
+  Focus: {
+    Text: "#5bb3ea",
+    Icon: "#ffffff"
+  },
+  ReadOnly: {
+    Text: "#ffffff"
+  }
+};
+      
\ No newline at end of file
diff --git a/dist/themes/densedDark/tokens.css b/dist/themes/densedDark/tokens.css
new file mode 100644
index 0000000..78edf74
--- /dev/null
+++ b/dist/themes/densedDark/tokens.css
@@ -0,0 +1,1610 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --token-global-color-neutrals-5: #f7f7fa; /* Page background color, disabled form elements fill (input, text area, etc) */
+  --token-global-color-neutrals-10: #ededf2; /* UI element bg */
+  --token-global-color-neutrals-20: #e5e5ea; /* Subtle background */
+  --token-global-color-neutrals-30: #d6d6dd; /* Container border, divider, stroke */
+  --token-global-color-neutrals-40: #c2c2ca; /* Disabled border */
+  --token-global-color-neutrals-50: #a3a3ab;
+  --token-global-color-neutrals-60: #83838c; /* Default field border */
+  --token-global-color-neutrals-70: #696970; /* Color for text placeholder and hints */
+  --token-global-color-neutrals-80: #515157;
+  --token-global-color-neutrals-90: #3d3d42; /* Default icon color, hover color for fields border */
+  --token-global-color-neutrals-100: #343438; /* Default text color */
+  --token-global-color-neutrals-black: #232326; /* Global header and footer */
+  --token-global-color-neutrals-white: #ffffff;
+  --token-global-color-brand-5: #f5fbff;
+  --token-global-color-brand-10: #edf8ff;
+  --token-global-color-brand-20: #e1f4ff;
+  --token-global-color-brand-30: #ceedfe;
+  --token-global-color-brand-40: #afdef8;
+  --token-global-color-brand-50: #96cff0;
+  --token-global-color-brand-60: #5bb3ea;
+  --token-global-color-brand-70: #009cde; /* Akamai Blue */
+  --token-global-color-brand-80: #108ad6;
+  --token-global-color-brand-90: #0174bc; /* Akamai Websafe Blue */
+  --token-global-color-brand-100: #00314d;
+  --token-global-color-red-5: #fff8f8;
+  --token-global-color-red-10: #ffefef;
+  --token-global-color-red-20: #ffe5e5;
+  --token-global-color-red-30: #fdd8d8;
+  --token-global-color-red-40: #f9c6c6;
+  --token-global-color-red-50: #f3aeaf;
+  --token-global-color-red-60: #eb9091;
+  --token-global-color-red-70: #d63c42; /* Critical or high severity */
+  --token-global-color-red-80: #d0343a; /* Akamai Red */
+  --token-global-color-red-90: #b82329;
+  --token-global-color-red-100: #381316;
+  --token-global-color-orange-5: #fef9f4;
+  --token-global-color-orange-10: #fff3e7;
+  --token-global-color-orange-20: #ffebd7;
+  --token-global-color-orange-30: #ffe1c3;
+  --token-global-color-orange-40: #facfa4;
+  --token-global-color-orange-50: #f2b67b;
+  --token-global-color-orange-60: #f09d4b;
+  --token-global-color-orange-70: #fe9933; /* Akamai Orange. High or medium severity */
+  --token-global-color-orange-80: #f0821d;
+  --token-global-color-orange-90: #c25d05;
+  --token-global-color-orange-100: #451e11;
+  --token-global-color-amber-5: #fff9ed;
+  --token-global-color-amber-10: #fff4d5;
+  --token-global-color-amber-20: #ffecbc;
+  --token-global-color-amber-30: #ffe3a2;
+  --token-global-color-amber-40: #facf83;
+  --token-global-color-amber-50: #f3ba63;
+  --token-global-color-amber-60: #edb016;
+  --token-global-color-amber-70: #fecb34; /* Medium or low severity */
+  --token-global-color-amber-80: #f2b90e;
+  --token-global-color-amber-90: #ce9a00;
+  --token-global-color-amber-100: #403104;
+  --token-global-color-yellow-5: #ffffeb;
+  --token-global-color-yellow-10: #fafadf;
+  --token-global-color-yellow-20: #f9f9c9;
+  --token-global-color-yellow-30: #f8f8b6;
+  --token-global-color-yellow-40: #f5f596;
+  --token-global-color-yellow-50: #e8e86a;
+  --token-global-color-yellow-60: #dfdf39;
+  --token-global-color-yellow-70: #f5f531;
+  --token-global-color-yellow-80: #e5e50a;
+  --token-global-color-yellow-90: #bfbf0d;
+  --token-global-color-yellow-100: #35290f;
+  --token-global-color-lime-5: #f7fcf0;
+  --token-global-color-lime-10: #eefadc;
+  --token-global-color-lime-20: #e4f7c7;
+  --token-global-color-lime-30: #d7f2b0;
+  --token-global-color-lime-40: #c9e894;
+  --token-global-color-lime-50: #b1d16a;
+  --token-global-color-lime-60: #94ba2c;
+  --token-global-color-lime-70: #99d52a;
+  --token-global-color-lime-80: #93c926;
+  --token-global-color-lime-90: #5d770d;
+  --token-global-color-lime-100: #263209;
+  --token-global-color-green-5: #f3fcf3;
+  --token-global-color-green-10: #ebf9eb;
+  --token-global-color-green-20: #dff3df;
+  --token-global-color-green-30: #ceebcf;
+  --token-global-color-green-40: #b7dfba;
+  --token-global-color-green-50: #97cf9c;
+  --token-global-color-green-60: #65ba75;
+  --token-global-color-green-70: #00b050; /* Akamai Green. Low severity (human) */
+  --token-global-color-green-80: #07a04d;
+  --token-global-color-green-90: #138246;
+  --token-global-color-green-100: #1b311e;
+  --token-global-color-teal-5: #f1fcfa;
+  --token-global-color-teal-10: #e7f9f5;
+  --token-global-color-teal-20: #d9f3ee;
+  --token-global-color-teal-30: #c7ebe5;
+  --token-global-color-teal-40: #afdfd7;
+  --token-global-color-teal-50: #8dcec3;
+  --token-global-color-teal-60: #53b9ab;
+  --token-global-color-teal-70: #12a594;
+  --token-global-color-teal-80: #0e9888;
+  --token-global-color-teal-90: #067a6f;
+  --token-global-color-teal-100: #10302b;
+  --token-global-color-cyan-5: #f2fcfd;
+  --token-global-color-cyan-10: #e7f9fb;
+  --token-global-color-cyan-20: #d8f3f6;
+  --token-global-color-cyan-30: #aadee6;
+  --token-global-color-cyan-40: #84cdda;
+  --token-global-color-cyan-50: #84cdda;
+  --token-global-color-cyan-60: #3db9cf;
+  --token-global-color-cyan-70: #05a2c2;
+  --token-global-color-cyan-80: #0894b3;
+  --token-global-color-cyan-90: #0c7792;
+  --token-global-color-cyan-100: #04313c;
+  --token-global-color-ultramarine-5: #f8faff;
+  --token-global-color-ultramarine-10: #f0f4ff;
+  --token-global-color-ultramarine-20: #e6edfe;
+  --token-global-color-ultramarine-30: #d9e2fc;
+  --token-global-color-ultramarine-40: #c6d4f9;
+  --token-global-color-ultramarine-50: #aec0f5;
+  --token-global-color-ultramarine-60: #8da4ef;
+  --token-global-color-ultramarine-70: #4067e5;
+  --token-global-color-ultramarine-80: #3a5ccc;
+  --token-global-color-ultramarine-90: #3451b2;
+  --token-global-color-ultramarine-100: #002856; /* Akamai Dark Navy */
+  --token-global-color-violet-5: #fbfaff;
+  --token-global-color-violet-10: #f5f2ff;
+  --token-global-color-violet-20: #ede9fe;
+  --token-global-color-violet-30: #e4defc;
+  --token-global-color-violet-40: #d7cff9;
+  --token-global-color-violet-50: #c4b8f3;
+  --token-global-color-violet-60: #aa99ec;
+  --token-global-color-violet-70: #7259d6;
+  --token-global-color-violet-80: #644fc1;
+  --token-global-color-violet-90: #5746af;
+  --token-global-color-violet-100: #20134b;
+  --token-global-color-purple-5: #fdfaff;
+  --token-global-color-purple-10: #f9f1fe;
+  --token-global-color-purple-20: #f3e7fc;
+  --token-global-color-purple-30: #eddbf9;
+  --token-global-color-purple-40: #e3ccf4;
+  --token-global-color-purple-50: #d3b4ed;
+  --token-global-color-purple-60: #be93e4;
+  --token-global-color-purple-70: #8e4ec6;
+  --token-global-color-purple-80: #8445bc;
+  --token-global-color-purple-90: #753bbd; /* Akamai Purple */
+  --token-global-color-purple-100: #2b0e44;
+  --token-global-color-magenta-5: #fff8ff;
+  --token-global-color-magenta-10: #fceffc;
+  --token-global-color-magenta-20: #f9e5f9;
+  --token-global-color-magenta-30: #f3d9f4;
+  --token-global-color-magenta-40: #ebc8ed;
+  --token-global-color-magenta-50: #dfafe3;
+  --token-global-color-magenta-60: #cf91d8;
+  --token-global-color-magenta-70: #ab4aba; /* Critical severity */
+  --token-global-color-magenta-80: #a43cb4;
+  --token-global-color-magenta-90: #9c2bad;
+  --token-global-color-magenta-100: #340c3b;
+  --token-global-color-pink-5: #fff7fc;
+  --token-global-color-pink-10: #feeef8;
+  --token-global-color-pink-20: #fce5f3;
+  --token-global-color-pink-30: #f9d8ec;
+  --token-global-color-pink-40: #f3c6e2;
+  --token-global-color-pink-50: #ecadd4;
+  --token-global-color-pink-60: #e38ec3;
+  --token-global-color-pink-70: #e043a7;
+  --token-global-color-pink-80: #d23197;
+  --token-global-color-pink-90: #cd1d8d;
+  --token-global-color-pink-100: #3b0a2a;
+  --token-global-color-brown-5: #fbf9f2;
+  --token-global-color-brown-10: #f5f2e9;
+  --token-global-color-brown-20: #eeeadd;
+  --token-global-color-brown-30: #e5dfd0;
+  --token-global-color-brown-40: #dad1bd;
+  --token-global-color-brown-50: #cbbda4;
+  --token-global-color-brown-60: #b8a383;
+  --token-global-color-brown-70: #978365;
+  --token-global-color-brown-80: #8c795d;
+  --token-global-color-brown-90: #776750;
+  --token-global-color-brown-100: #3b352b;
+  --token-global-spacing-0: 0rem;
+  --token-global-spacing-10: 0.125rem; /* 2px */
+  --token-global-spacing-20: 0.25rem; /* 4px */
+  --token-global-spacing-30: 0.375rem; /* 6px */
+  --token-global-spacing-40: 0.5rem; /* 8px */
+  --token-global-spacing-50: 0.75rem; /* 12px */
+  --token-global-spacing-60: 1rem; /* 16px */
+  --token-global-spacing-70: 1.5rem; /* 24px */
+  --token-global-spacing-80: 2rem; /* 32px */
+  --token-global-spacing-90: 3rem; /* 48px */
+  --token-global-font-font-family-brand: 'Nunito Sans';
+  --token-global-font-font-family-code: 'Fira Code';
+  --token-global-font-font-weight-semibold: 600;
+  --token-global-font-font-weight-bold: 700;
+  --token-global-font-font-weight-extrabold: 800;
+  --token-global-font-font-weight-regular-normal: 400;
+  --token-global-font-font-weight-regular-italic: 400;
+  --token-global-font-font-size-xxxs: 0.75rem; /* 12px */
+  --token-global-font-font-size-xxs: 0.813rem; /* 13px */
+  --token-global-font-font-size-xs: 0.875rem; /* 14px */
+  --token-global-font-font-size-s: 1rem; /* 16px */
+  --token-global-font-font-size-m: 1.125rem; /* 18px */
+  --token-global-font-font-size-l: 1.25rem; /* 20px */
+  --token-global-font-font-size-xl: 1.5rem; /* 24px */
+  --token-global-font-font-size-xxl: 1.75rem; /* 28px */
+  --token-global-font-font-size-xxxl: 2.25rem; /* 36px */
+  --token-global-font-line-height-xxxs: 1rem; /* 16px */
+  --token-global-font-line-height-xxs: 1.125rem; /* 18px */
+  --token-global-font-line-height-xs: 1.25rem; /* 20px */
+  --token-global-font-line-height-s: 1.5rem; /* 24px */
+  --token-global-font-line-height-m: 1.625rem; /* 26px */
+  --token-global-font-line-height-l: 1.875rem; /* 30px */
+  --token-global-font-line-height-xl: 2rem; /* 32px */
+  --token-global-font-line-height-xxl: 2.375rem; /* 38px */
+  --token-global-font-line-height-xxxl: 2.625rem; /* 42px */
+  --token-global-font-textcase-uppercase: uppercase;
+  --token-global-border-radius-none: 0rem;
+  --token-alias-content-text-base: #343438;
+  --token-alias-content-text-negative: #eb9091; /* Error message text */
+  --token-alias-content-text-warning: #fecb34;
+  --token-alias-content-text-positive: #00b050;
+  --token-alias-content-text-informative: #4067e5;
+  --token-alias-content-text-primary-default: #ffffff; /* Primary text color */
+  --token-alias-content-text-primary-disabled: #83838c;
+  --token-alias-content-text-secondary-default: #a3a3ab; /* Placeholder text */
+  --token-alias-content-text-secondary-disabled: #83838c;
+  --token-alias-content-text-link-default: #5bb3ea;
+  --token-alias-content-text-link-hover: #96cff0;
+  --token-alias-content-text-link-disabled: #83838c;
+  --token-alias-content-icon-base: #343438;
+  --token-alias-content-icon-negative: #eb9091;
+  --token-alias-content-icon-warning: #edb016;
+  --token-alias-content-icon-positive: #65ba75;
+  --token-alias-content-icon-informative: #8da4ef;
+  --token-alias-content-icon-primary-default: #ffffff; /* Default icon color */
+  --token-alias-content-icon-primary-hover: #96cff0;
+  --token-alias-content-icon-primary-active: #5bb3ea;
+  --token-alias-content-icon-primary-disabled: #83838c;
+  --token-alias-content-icon-secondary-default: #a3a3ab;
+  --token-alias-content-icon-secondary-disabled: #83838c;
+  --token-alias-border-normal: #515157; /* Static component border */
+  --token-alias-border-neutral: #c2c2ca; /* Secondary notification banner border */
+  --token-alias-border-negative: #eb9091;
+  --token-alias-border-warning: #edb016;
+  --token-alias-border-positive: #65ba75;
+  --token-alias-border-informative: #8da4ef;
+  --token-alias-background-normal: #3d3d42; /* Default component background */
+  --token-alias-background-neutral: #343438; /* Default page background */
+  --token-alias-background-base: #ffffff; /* Tooltip background */
+  --token-alias-background-negative: #d63c42;
+  --token-alias-background-warning: #fecb34;
+  --token-alias-background-positive: #00b050;
+  --token-alias-background-informative: #4067e5;
+  --token-alias-background-black: #232326; /* Use only for a global header and global footer background */
+  --token-alias-background-negativesubtle: #515157;
+  --token-alias-background-warningsubtle: #515157;
+  --token-alias-background-positivesubtle: #515157;
+  --token-alias-background-informativesubtle: #515157;
+  --token-alias-background-neutralsubtle: #515157;
+  --token-alias-background-overlay: lch(13.8 2.09 286 / 0.84);
+  --token-alias-action-base: #3d3d42;
+  --token-alias-action-neutral: #696970;
+  --token-alias-action-white50: rgba(255, 255, 255, 0.5); /* Transparent disabled switcher circle */
+  --token-alias-action-primary-default: #5bb3ea; /* Brand action color */
+  --token-alias-action-primary-hover: #96cff0;
+  --token-alias-action-primary-active: #5bb3ea;
+  --token-alias-action-primary-disabled: #515157;
+  --token-alias-action-secondary-hover: #515157;
+  --token-alias-action-secondary-disabled: #515157;
+  --token-alias-action-tertiary-disabled: #515157;
+  --token-alias-action-positive-default: #65ba75;
+  --token-alias-action-positive-disabled: #515157;
+  --token-alias-action-negative-default: #eb9091;
+  --token-alias-action-negative-disabled: #515157;
+  --token-alias-interaction-border-default: #696970; /* Default inputs border */
+  --token-alias-interaction-border-hover: #c2c2ca;
+  --token-alias-interaction-border-focus: #5bb3ea;
+  --token-alias-interaction-border-error: #eb9091;
+  --token-alias-interaction-border-disabled: #515157;
+  --token-alias-interaction-background-primary: #343438; /* Default component background color */
+  --token-alias-interaction-background-secondary: #343438;
+  --token-alias-interaction-background-tertiary: #3d3d42;
+  --token-alias-interaction-background-elevated: #515157; /* Calendar range background, table row hover  */
+  --token-alias-interaction-background-accent: #5bb3ea;
+  --token-alias-interaction-background-active: #5bb3ea;
+  --token-alias-interaction-background-disabled: #515157;
+  --token-alias-elevation-s: 0 2px 6px 0 rgba(0,0,0,0.18); /* Default shadow for components, like notification banners, dropdowns, popups; */
+  --token-alias-elevation-s-inverted: 0 -2px 6px 0 rgba(0,0,0,0.18); /* Inverted shadow for elements that appear above the component */
+  --token-alias-elevation-l: 0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08); /* Shadow for modals */
+  --token-alias-typography-heading-xxxl: 700 2.25rem/2.625rem 'Nunito Sans'; /* Promo banners, KPIs */
+  --token-alias-typography-heading-xxl: 800 1.75rem/2rem 'Nunito Sans'; /* Main titles - h1 */
+  --token-alias-typography-heading-xl: 700 1.5rem/1.875rem 'Nunito Sans'; /* Second level title - h2 */
+  --token-alias-typography-heading-l: 700 1.25rem/1.625rem 'Nunito Sans'; /* Third level title - h3 */
+  --token-alias-typography-heading-m: 700 1.125rem/1.5rem 'Nunito Sans'; /* Drawer, modal title - h4 */
+  --token-alias-typography-heading-s: 700 1rem/1.25rem 'Nunito Sans'; /* Advanced search, bars, master switch titles - h5 */
+  --token-alias-typography-heading-xs: 700 0.875rem/1.125rem 'Nunito Sans'; /* Low level headings - h6 */
+  --token-alias-typography-heading-overline: 800 0.75rem/1rem 'Nunito Sans'; /* Custom labels for content blocks */
+  --token-alias-typography-heading-overline-letter-spacing: 0.023rem; /* Overline letter spacing */
+  --token-alias-typography-heading-overline-text-case: uppercase; /* Overline text case */
+  --token-alias-typography-body-regular: 400 0.875rem/1.25rem 'Nunito Sans'; /* Main body text */
+  --token-alias-typography-body-semibold: 600 0.875rem/1.25rem 'Nunito Sans'; /* Light emphasis */
+  --token-alias-typography-body-bold: 700 0.875rem/1.25rem 'Nunito Sans'; /* Emphasis */
+  --token-alias-typography-body-extrabold: 800 0.875rem/1.25rem 'Nunito Sans'; /* Max emphasis */
+  --token-alias-typography-body-list: 400 0.875rem/1.25rem 'Nunito Sans'; /* For list items */
+  --token-alias-typography-body-italic: 400 0.875rem/1.25rem 'Nunito Sans';
+  --token-alias-typography-label-semibold-l: 600 1rem/1.25rem 'Nunito Sans'; /* Large tabs */
+  --token-alias-typography-label-semibold-s: 600 0.875rem/1rem 'Nunito Sans'; /* Large buttons, list, segmented buttons, side navigation, small tables */
+  --token-alias-typography-label-semibold-xs: 600 0.75rem/1rem 'Nunito Sans'; /* Small buttons, tags, warning message under field */
+  --token-alias-typography-label-bold-l: 700 1rem/1.25rem 'Nunito Sans'; /* Card, content panel, vertical stepper */
+  --token-alias-typography-label-bold-s: 700 0.875rem/1rem 'Nunito Sans'; /* Field labels, table header, date&time pickers */
+  --token-alias-typography-label-bold-xs: 700 0.75rem/0.875rem 'Nunito Sans'; /* Badge number */
+  --token-alias-typography-label-regular-s: 400 0.875rem/1rem 'Nunito Sans'; /* Field entered text, dropdown item, table cell, pagination */
+  --token-alias-typography-label-regular-xs: 400 0.75rem/1rem 'Nunito Sans'; /* Optional text, small dropdown item */
+  --token-alias-typography-label-regular-placeholder: 400 0.875rem/1rem 'Nunito Sans';
+  --token-alias-typography-code: 400 0.813rem/1.25rem 'Fira Code'; /* Code samples */
+  --token-alias-accent-info-primary: #aec0f5;
+  --token-alias-accent-info-secondary: lch(77.7 28.7 275 / 0.12);
+  --token-alias-accent-neutral-primary: #c2c2ca;
+  --token-alias-accent-neutral-secondary: lch(78.6 4.18 286 / 0.12);
+  --token-alias-accent-warning-primary: #f2b67b;
+  --token-alias-accent-warning-secondary: lch(79.6 53.6 74.4 / 0.12);
+  --token-alias-accent-negative-primary: #f3aeaf;
+  --token-alias-accent-negative-secondary: lch(77.8 28 21.1 / 0.12);
+  --token-alias-accent-positive-primary: #97cf9c;
+  --token-alias-accent-positive-secondary: lch(78.2 32.7 144 / 0.12);
+  --token-alias-accent-important-primary: #d3b4ed;
+  --token-alias-accent-important-secondary: lch(77.5 31.1 309 / 0.12);
+  --token-alias-accent-pink-primary: #ecadd4;
+  --token-alias-accent-pink-secondary: lch(77.6 29.9 340 / 0.12);
+  --token-alias-accent-violet-primary: #c4b8f3;
+  --token-alias-accent-violet-secondary: lch(77.3 30.9 295 / 0.12);
+  --token-alias-chart-neutral: #515157;
+  --token-alias-chart-categorical-1-primary: #4067e5;
+  --token-alias-chart-categorical-1-inactive: #d9e2fc;
+  --token-alias-chart-categorical-1-transparent: lch(46.5 72.3 286 / 0.2);
+  --token-alias-chart-categorical-2-primary: #fe9933;
+  --token-alias-chart-categorical-2-inactive: #ffe1c3;
+  --token-alias-chart-categorical-2-transparent: lch(72.9 74.2 63 / 0.2);
+  --token-alias-chart-categorical-3-primary: #12a594;
+  --token-alias-chart-categorical-3-inactive: #c7ebe5;
+  --token-alias-chart-categorical-3-transparent: lch(60.7 39.7 183 / 0.2);
+  --token-alias-chart-categorical-4-primary: #ab4aba;
+  --token-alias-chart-categorical-4-inactive: #f3d9f4;
+  --token-alias-chart-categorical-4-transparent: lch(48.2 66.6 322 / 0.2);
+  --token-alias-chart-categorical-5-primary: #d63c42;
+  --token-alias-chart-categorical-5-inactive: #fdd8d8;
+  --token-alias-chart-categorical-5-transparent: lch(50.1 69.5 29.4 / 0.2);
+  --token-alias-chart-categorical-6-primary: #05a2c2;
+  --token-alias-chart-categorical-6-inactive: #aadee6;
+  --token-alias-chart-categorical-6-transparent: lch(61 38.6 224 / 0.2);
+  --token-alias-chart-categorical-7-primary: #e043a7;
+  --token-alias-chart-categorical-7-inactive: #f9d8ec;
+  --token-alias-chart-categorical-7-transparent: lch(55 70 344 / 0.2);
+  --token-alias-chart-categorical-8-primary: #00b050;
+  --token-alias-chart-categorical-8-inactive: #ceebcf;
+  --token-alias-chart-categorical-8-transparent: lch(63 67 146 / 0.2);
+  --token-alias-chart-categorical-9-primary: #7259d6;
+  --token-alias-chart-categorical-9-inactive: #e4defc;
+  --token-alias-chart-categorical-9-transparent: lch(45.6 71 299 / 0.2);
+  --token-alias-chart-categorical-10-primary: #99d52a;
+  --token-alias-chart-categorical-10-inactive: #d7f2b0;
+  --token-alias-chart-categorical-10-transparent: lch(79 79.1 118 / 0.2);
+  --token-alias-chart-categorical-11-primary: #696970;
+  --token-alias-chart-categorical-11-inactive: #d6d6dd;
+  --token-alias-chart-categorical-11-transparent: lch(44.6 4.09 286 / 0.2);
+  --token-alias-chart-categorical-12-primary: #8da4ef;
+  --token-alias-chart-categorical-12-inactive: #d9e2fc;
+  --token-alias-chart-categorical-12-transparent: lch(67.9 41.2 278 / 0.2);
+  --token-alias-chart-categorical-13-primary: #c25d05;
+  --token-alias-chart-categorical-13-inactive: #ffe1c3;
+  --token-alias-chart-categorical-13-transparent: lch(51.7 70.9 57.2 / 0.2);
+  --token-alias-chart-categorical-14-primary: #067a6f;
+  --token-alias-chart-categorical-14-inactive: #c7ebe5;
+  --token-alias-chart-categorical-14-transparent: lch(45.6 31.8 185 / 0.2);
+  --token-alias-chart-categorical-15-primary: #cf91d8;
+  --token-alias-chart-categorical-15-inactive: #f3d9f4;
+  --token-alias-chart-categorical-15-transparent: lch(68.3 42.4 321 / 0.2);
+  --token-alias-chart-categorical-16-primary: #eb9091;
+  --token-alias-chart-categorical-16-inactive: #fdd8d8;
+  --token-alias-chart-categorical-16-transparent: lch(69.6 38.4 22.9 / 0.2);
+  --token-alias-chart-categorical-17-primary: #0c7792;
+  --token-alias-chart-categorical-17-inactive: #aadee6;
+  --token-alias-chart-categorical-17-transparent: lch(45.7 30.9 228 / 0.2);
+  --token-alias-chart-categorical-18-primary: #e38ec3;
+  --token-alias-chart-categorical-18-inactive: #f9d8ec;
+  --token-alias-chart-categorical-18-transparent: lch(69.3 40.8 341 / 0.2);
+  --token-alias-chart-categorical-19-primary: #97cf9c;
+  --token-alias-chart-categorical-19-inactive: #ceebcf;
+  --token-alias-chart-categorical-19-transparent: lch(78.2 32.7 144 / 0.2);
+  --token-alias-chart-categorical-20-primary: #aa99ec;
+  --token-alias-chart-categorical-20-inactive: #e4defc;
+  --token-alias-chart-categorical-20-transparent: lch(67.2 44.6 296 / 0.2);
+  --token-alias-chart-categorical-21-primary: #94ba2c;
+  --token-alias-chart-categorical-21-inactive: #d7f2b0;
+  --token-alias-chart-categorical-21-transparent: lch(70.8 67.7 114 / 0.2);
+  --token-alias-chart-categorical-22-primary: #3d3d42;
+  --token-alias-chart-categorical-22-inactive: #d6d6dd;
+  --token-alias-chart-categorical-22-transparent: lch(25.9 3.2 286 / 0.2);
+  --token-alias-chart-monochromatic-default-5: #f8faff;
+  --token-alias-chart-monochromatic-default-10: #f0f4ff;
+  --token-alias-chart-monochromatic-default-20: #e6edfe;
+  --token-alias-chart-monochromatic-default-30: #d9e2fc;
+  --token-alias-chart-monochromatic-default-40: #c6d4f9;
+  --token-alias-chart-monochromatic-default-50: #aec0f5;
+  --token-alias-chart-monochromatic-default-60: #8da4ef;
+  --token-alias-chart-monochromatic-default-70: #4067e5;
+  --token-alias-chart-monochromatic-default-90: #3451b2;
+  --token-alias-chart-monochromatic-default-100: #002856;
+  --token-alias-chart-monochromatic-danger-5: #fff8f8;
+  --token-alias-chart-monochromatic-danger-10: #ffefef;
+  --token-alias-chart-monochromatic-danger-20: #ffe5e5;
+  --token-alias-chart-monochromatic-danger-30: #fdd8d8;
+  --token-alias-chart-monochromatic-danger-40: #f9c6c6;
+  --token-alias-chart-monochromatic-danger-50: #f3aeaf;
+  --token-alias-chart-monochromatic-danger-60: #eb9091;
+  --token-alias-chart-monochromatic-danger-70: #d63c42;
+  --token-alias-chart-monochromatic-danger-90: #b82329;
+  --token-alias-chart-monochromatic-danger-100: #381316;
+  --token-alias-chart-status-negative: #d63c42;
+  --token-alias-chart-status-warning: #fecb34;
+  --token-alias-chart-status-positive: #00b050;
+  --token-component-button-primary-default-background: #5bb3ea;
+  --token-component-button-primary-default-text: #343438;
+  --token-component-button-primary-default-icon: #343438;
+  --token-component-button-primary-hover-background: #96cff0;
+  --token-component-button-primary-hover-text: #343438;
+  --token-component-button-primary-hover-icon: #343438;
+  --token-component-button-primary-pressed-background: #5bb3ea;
+  --token-component-button-primary-pressed-text: #343438;
+  --token-component-button-primary-pressed-icon: #343438;
+  --token-component-button-primary-disabled-background: #515157;
+  --token-component-button-primary-disabled-text: #83838c;
+  --token-component-button-primary-disabled-icon: #83838c;
+  --token-component-button-primary-loading-background: #5bb3ea;
+  --token-component-button-secondary-default-background: #3d3d42;
+  --token-component-button-secondary-default-border: #5bb3ea;
+  --token-component-button-secondary-default-text: #5bb3ea;
+  --token-component-button-secondary-default-icon: #5bb3ea;
+  --token-component-button-secondary-hover-background: #515157;
+  --token-component-button-secondary-hover-border: #96cff0;
+  --token-component-button-secondary-hover-text: #5bb3ea;
+  --token-component-button-secondary-hover-icon: #5bb3ea;
+  --token-component-button-secondary-pressed-background: #3d3d42;
+  --token-component-button-secondary-pressed-border: #5bb3ea;
+  --token-component-button-secondary-pressed-text: #5bb3ea;
+  --token-component-button-secondary-pressed-icon: #5bb3ea;
+  --token-component-button-secondary-disabled-background: #3d3d42;
+  --token-component-button-secondary-disabled-border: #515157;
+  --token-component-button-secondary-disabled-text: #83838c;
+  --token-component-button-secondary-disabled-icon: #83838c;
+  --token-component-button-secondary-loading-background: #3d3d42;
+  --token-component-button-secondary-loading-border: #5bb3ea;
+  --token-component-button-link-default-text: #5bb3ea;
+  --token-component-button-link-default-icon: #5bb3ea;
+  --token-component-button-link-hover-text: #96cff0;
+  --token-component-button-link-hover-icon: #96cff0;
+  --token-component-button-link-pressed-text: #5bb3ea;
+  --token-component-button-link-pressed-icon: #5bb3ea;
+  --token-component-button-link-disabled-text: #83838c;
+  --token-component-button-link-disabled-icon: #83838c;
+  --token-component-container-background: #3d3d42;
+  --token-component-container-border: #515157;
+  --token-component-table-header-filled-background: #343438;
+  --token-component-table-header-filled-text: #ffffff;
+  --token-component-table-header-filled-icon: #ffffff;
+  --token-component-table-header-outlined-border: #c2c2ca;
+  --token-component-table-header-outlined-text: #ffffff;
+  --token-component-table-header-outlined-icon: #ffffff;
+  --token-component-table-row-border: #515157;
+  --token-component-table-row-icon-default: #ffffff;
+  --token-component-table-row-icon-disabled: #83838c;
+  --token-component-table-row-icon-hover: #96cff0;
+  --token-component-table-row-background-default: #3d3d42;
+  --token-component-table-row-background-zebra: #343438;
+  --token-component-table-row-background-hover: #515157;
+  --token-component-table-row-text-default: #ffffff;
+  --token-component-table-row-text-placeholder: #a3a3ab;
+  --token-component-table-row-text-link: #5bb3ea;
+  --token-component-menu-button-primary-default-background: #5bb3ea;
+  --token-component-menu-button-primary-default-text: #343438;
+  --token-component-menu-button-primary-default-icon: #343438;
+  --token-component-menu-button-primary-hover-background: #96cff0;
+  --token-component-menu-button-primary-hover-text: #343438;
+  --token-component-menu-button-primary-hover-icon: #343438;
+  --token-component-menu-button-primary-pressed-background: #5bb3ea;
+  --token-component-menu-button-primary-pressed-text: #343438;
+  --token-component-menu-button-primary-pressed-icon: #343438;
+  --token-component-menu-button-primary-disabled-background: #515157;
+  --token-component-menu-button-primary-disabled-text: #83838c;
+  --token-component-menu-button-primary-disabled-icon: #83838c;
+  --token-component-menu-button-primary-loading-background: #5bb3ea;
+  --token-component-menu-button-secondary-default-background: #3d3d42;
+  --token-component-menu-button-secondary-default-border: #5bb3ea;
+  --token-component-menu-button-secondary-default-text: #5bb3ea;
+  --token-component-menu-button-secondary-default-icon: #5bb3ea;
+  --token-component-menu-button-secondary-hover-background: #515157;
+  --token-component-menu-button-secondary-hover-border: #96cff0;
+  --token-component-menu-button-secondary-hover-text: #5bb3ea;
+  --token-component-menu-button-secondary-hover-icon: #5bb3ea;
+  --token-component-menu-button-secondary-pressed-background: #3d3d42;
+  --token-component-menu-button-secondary-pressed-border: #5bb3ea;
+  --token-component-menu-button-secondary-pressed-text: #5bb3ea;
+  --token-component-menu-button-secondary-pressed-icon: #5bb3ea;
+  --token-component-menu-button-secondary-disabled-background: #3d3d42;
+  --token-component-menu-button-secondary-disabled-border: #515157;
+  --token-component-menu-button-secondary-disabled-text: #83838c;
+  --token-component-menu-button-secondary-disabled-icon: #83838c;
+  --token-component-menu-button-secondary-loading-background: #3d3d42;
+  --token-component-menu-button-secondary-loading-border: #5bb3ea;
+  --token-component-menu-button-link-default-text: #5bb3ea;
+  --token-component-menu-button-link-default-icon: #5bb3ea;
+  --token-component-menu-button-link-hover-text: #96cff0;
+  --token-component-menu-button-link-hover-icon: #96cff0;
+  --token-component-menu-button-link-pressed-text: #5bb3ea;
+  --token-component-menu-button-link-pressed-icon: #5bb3ea;
+  --token-component-menu-button-link-disabled-text: #83838c;
+  --token-component-menu-button-link-disabled-icon: #83838c;
+  --token-component-overflow-menu-button-default-icon: #ffffff;
+  --token-component-overflow-menu-button-hover-icon: #96cff0;
+  --token-component-overflow-menu-button-pressed-icon: #5bb3ea;
+  --token-component-overflow-menu-button-disabled-icon: #83838c;
+  --token-component-split-menu-button-primary-default-background: #5bb3ea;
+  --token-component-split-menu-button-primary-default-border: #3d3d42;
+  --token-component-split-menu-button-primary-default-text: #343438;
+  --token-component-split-menu-button-primary-default-icon: #343438;
+  --token-component-split-menu-button-primary-hover-left-background-left: #96cff0;
+  --token-component-split-menu-button-primary-hover-left-background-right: #5bb3ea;
+  --token-component-split-menu-button-primary-hover-left-border: #3d3d42;
+  --token-component-split-menu-button-primary-hover-left-text: #343438;
+  --token-component-split-menu-button-primary-hover-left-icon: #343438;
+  --token-component-split-menu-button-primary-hover-right-background-left: #5bb3ea;
+  --token-component-split-menu-button-primary-hover-right-background-right: #96cff0;
+  --token-component-split-menu-button-primary-hover-right-border: #3d3d42;
+  --token-component-split-menu-button-primary-hover-right-text: #343438;
+  --token-component-split-menu-button-primary-hover-right-icon: #343438;
+  --token-component-split-menu-button-primary-active-background: #5bb3ea;
+  --token-component-split-menu-button-primary-active-border: #3d3d42;
+  --token-component-split-menu-button-primary-active-text: #343438;
+  --token-component-split-menu-button-primary-active-icon: #343438;
+  --token-component-split-menu-button-primary-disabled-background: #515157;
+  --token-component-split-menu-button-primary-disabled-border: #3d3d42;
+  --token-component-split-menu-button-primary-disabled-text: #83838c;
+  --token-component-split-menu-button-primary-disabled-icon: #83838c;
+  --token-component-split-menu-button-primary-loading-background-left: #5bb3ea;
+  --token-component-split-menu-button-primary-loading-background-right: #5bb3ea;
+  --token-component-split-menu-button-primary-loading-border: #3d3d42;
+  --token-component-split-menu-button-primary-loading-icon: #343438;
+  --token-component-split-menu-button-secondary-default-background: #3d3d42;
+  --token-component-split-menu-button-secondary-default-border: #5bb3ea;
+  --token-component-split-menu-button-secondary-default-text: #5bb3ea;
+  --token-component-split-menu-button-secondary-default-icon: #5bb3ea;
+  --token-component-split-menu-button-secondary-hover-left-background-left: #515157;
+  --token-component-split-menu-button-secondary-hover-left-background-right: #3d3d42;
+  --token-component-split-menu-button-secondary-hover-left-border-left: #96cff0;
+  --token-component-split-menu-button-secondary-hover-left-border-right: #5bb3ea;
+  --token-component-split-menu-button-secondary-hover-left-text: #5bb3ea;
+  --token-component-split-menu-button-secondary-hover-left-icon: #5bb3ea;
+  --token-component-split-menu-button-secondary-hover-right-background-left: #3d3d42;
+  --token-component-split-menu-button-secondary-hover-right-background-right: #515157;
+  --token-component-split-menu-button-secondary-hover-right-border-left: #5bb3ea;
+  --token-component-split-menu-button-secondary-hover-right-border-right: #96cff0;
+  --token-component-split-menu-button-secondary-hover-right-text: #5bb3ea;
+  --token-component-split-menu-button-secondary-hover-right-icon: #5bb3ea;
+  --token-component-split-menu-button-secondary-active-background: #3d3d42;
+  --token-component-split-menu-button-secondary-active-border: #5bb3ea;
+  --token-component-split-menu-button-secondary-active-text: #5bb3ea;
+  --token-component-split-menu-button-secondary-active-icon: #5bb3ea;
+  --token-component-split-menu-button-secondary-disabled-background: #3d3d42;
+  --token-component-split-menu-button-secondary-disabled-border: #515157;
+  --token-component-split-menu-button-secondary-disabled-text: #83838c;
+  --token-component-split-menu-button-secondary-disabled-icon: #83838c;
+  --token-component-split-menu-button-secondary-loading-background: #3d3d42;
+  --token-component-split-menu-button-secondary-loading-border: #5bb3ea;
+  --token-component-split-menu-button-secondary-loading-icon: #5bb3ea;
+  --token-component-appbar-background: #343438;
+  --token-component-appbar-border: #515157;
+  --token-component-appbar-text: #ffffff;
+  --token-component-appbar-icon: #ffffff;
+  --token-component-badge-informative-background: lch(77.7 28.7 275 / 0.12);
+  --token-component-badge-informative-text: #aec0f5;
+  --token-component-badge-neutral-background: lch(78.6 4.18 286 / 0.12);
+  --token-component-badge-neutral-text: #c2c2ca;
+  --token-component-badge-warning-background: lch(79.6 53.6 74.4 / 0.12);
+  --token-component-badge-warning-text: #f2b67b;
+  --token-component-badge-negative-background: lch(77.8 28 21.1 / 0.12);
+  --token-component-badge-negative-text: #f3aeaf;
+  --token-component-badge-positive-background: lch(78.2 32.7 144 / 0.12);
+  --token-component-badge-positive-text: #97cf9c;
+  --token-component-badge-important-background: lch(77.5 31.1 309 / 0.12);
+  --token-component-badge-important-text: #d3b4ed;
+  --token-component-badge-violet-background: lch(77.3 30.9 295 / 0.12);
+  --token-component-badge-violet-text: #c4b8f3;
+  --token-component-badge-pink-background: lch(77.6 29.9 340 / 0.12);
+  --token-component-badge-pink-text: #ecadd4;
+  --token-component-breadcrumb-divider: #515157;
+  --token-component-breadcrumb-app-title-text: #5bb3ea;
+  --token-component-breadcrumb-default-text: #5bb3ea;
+  --token-component-breadcrumb-truncated-text: #5bb3ea;
+  --token-component-breadcrumb-last-item-text: #ffffff;
+  --token-component-breadcrumb-collapsed-background: #515157;
+  --token-component-breadcrumb-collapsed-text: #ffffff;
+  --token-component-breadcrumb-collapsed-icon: #ffffff;
+  --token-component-breadcrumb-with-dropdown-text: #5bb3ea;
+  --token-component-breadcrumb-with-dropdown-icon: #ffffff;
+  --token-component-card-background: #3d3d42;
+  --token-component-card-border: #515157;
+  --token-component-card-text: #ffffff;
+  --token-component-card-icon: #ffffff;
+  --token-component-checkbox-empty-default-background: #3d3d42;
+  --token-component-checkbox-empty-default-border: #696970;
+  --token-component-checkbox-empty-default-text: #ffffff;
+  --token-component-checkbox-empty-hover-background: #3d3d42;
+  --token-component-checkbox-empty-hover-border: #96cff0;
+  --token-component-checkbox-empty-hover-text: #ffffff;
+  --token-component-checkbox-empty-active-background: #3d3d42;
+  --token-component-checkbox-empty-active-border: #5bb3ea;
+  --token-component-checkbox-empty-active-text: #ffffff;
+  --token-component-checkbox-empty-disabled-background: #515157;
+  --token-component-checkbox-empty-disabled-border: #515157;
+  --token-component-checkbox-empty-disabled-text: #83838c;
+  --token-component-checkbox-empty-read-only-background: #3d3d42;
+  --token-component-checkbox-empty-read-only-border: #515157;
+  --token-component-checkbox-empty-read-only-text: #ffffff;
+  --token-component-checkbox-checked-default-background: #5bb3ea;
+  --token-component-checkbox-checked-default-text: #ffffff;
+  --token-component-checkbox-checked-default-icon: #343438;
+  --token-component-checkbox-checked-hover-background: #96cff0;
+  --token-component-checkbox-checked-hover-text: #ffffff;
+  --token-component-checkbox-checked-hover-icon: #343438;
+  --token-component-checkbox-checked-active-background: #5bb3ea;
+  --token-component-checkbox-checked-active-text: #ffffff;
+  --token-component-checkbox-checked-active-icon: #343438;
+  --token-component-checkbox-checked-disabled-background: #515157;
+  --token-component-checkbox-checked-disabled-text: #83838c;
+  --token-component-checkbox-checked-disabled-icon: #ffffff;
+  --token-component-checkbox-checked-read-only-background: #3d3d42;
+  --token-component-checkbox-checked-read-only-border: #515157;
+  --token-component-checkbox-checked-read-only-text: #ffffff;
+  --token-component-checkbox-checked-read-only-icon: #83838c;
+  --token-component-checkbox-indeterminated-default-background: #5bb3ea;
+  --token-component-checkbox-indeterminated-default-text: #ffffff;
+  --token-component-checkbox-indeterminated-default-icon: #343438;
+  --token-component-checkbox-indeterminated-hover-background: #96cff0;
+  --token-component-checkbox-indeterminated-hover-text: #ffffff;
+  --token-component-checkbox-indeterminated-hover-icon: #343438;
+  --token-component-checkbox-indeterminated-active-background: #5bb3ea;
+  --token-component-checkbox-indeterminated-active-text: #ffffff;
+  --token-component-checkbox-indeterminated-active-icon: #343438;
+  --token-component-checkbox-indeterminated-disabled-background: #515157;
+  --token-component-checkbox-indeterminated-disabled-text: #83838c;
+  --token-component-checkbox-indeterminated-disabled-icon: #ffffff;
+  --token-component-checkbox-indeterminated-read-only-background: #3d3d42;
+  --token-component-checkbox-indeterminated-read-only-border: #515157;
+  --token-component-checkbox-indeterminated-read-only-text: #ffffff;
+  --token-component-checkbox-indeterminated-read-only-icon: #83838c;
+  --token-component-content-panel-background: #3d3d42;
+  --token-component-content-panel-border: #515157;
+  --token-component-content-panel-text: #ffffff;
+  --token-component-content-panel-icon: #ffffff;
+  --token-component-calendar-background: #3d3d42;
+  --token-component-calendar-border: #515157;
+  --token-component-calendar-icon: #ffffff;
+  --token-component-calendar-text-default: #ffffff;
+  --token-component-calendar-text-disabled: #83838c;
+  --token-component-calendar-selected-item-text: #343438;
+  --token-component-calendar-selected-item-background: #5bb3ea;
+  --token-component-calendar-hover-item-background: #515157;
+  --token-component-calendar-hover-item-text: #ffffff;
+  --token-component-calendar-preset-area-background: #343438;
+  --token-component-calendar-preset-area-hover-period-background: #3d3d42;
+  --token-component-calendar-preset-area-active-period-background: #5bb3ea;
+  --token-component-calendar-preset-area-active-period-text: #343438;
+  --token-component-date-field-default-background: #343438;
+  --token-component-date-field-default-border: #696970;
+  --token-component-date-field-default-text: #a3a3ab;
+  --token-component-date-field-default-icon: #ffffff;
+  --token-component-date-field-default-hint-text: #a3a3ab;
+  --token-component-date-field-hover-background: #343438;
+  --token-component-date-field-hover-border: #c2c2ca;
+  --token-component-date-field-hover-text: #ffffff;
+  --token-component-date-field-hover-icon: #ffffff;
+  --token-component-date-field-hover-hint-text: #a3a3ab;
+  --token-component-date-field-hover-empty-background: #343438;
+  --token-component-date-field-hover-empty-border: #c2c2ca;
+  --token-component-date-field-hover-empty-text: #a3a3ab;
+  --token-component-date-field-hover-empty-icon: #ffffff;
+  --token-component-date-field-hover-empty-hint-text: #a3a3ab;
+  --token-component-date-field-filled-background: #343438;
+  --token-component-date-field-filled-border: #696970;
+  --token-component-date-field-filled-text: #ffffff;
+  --token-component-date-field-filled-icon: #ffffff;
+  --token-component-date-field-filled-hint-text: #a3a3ab;
+  --token-component-date-field-disabled-background: #515157;
+  --token-component-date-field-disabled-border: #515157;
+  --token-component-date-field-disabled-text: #83838c;
+  --token-component-date-field-disabled-icon: #83838c;
+  --token-component-date-field-disabled-hint-text: #a3a3ab;
+  --token-component-date-field-read-only-background: #343438;
+  --token-component-date-field-read-only-text: #ffffff;
+  --token-component-date-field-read-only-hint-text: #a3a3ab;
+  --token-component-date-field-error-background: #343438;
+  --token-component-date-field-error-border: #eb9091;
+  --token-component-date-field-error-text: #ffffff;
+  --token-component-date-field-error-icon: #ffffff;
+  --token-component-date-field-error-hint-text: #eb9091;
+  --token-component-date-field-focus-background: #343438;
+  --token-component-date-field-focus-border: #5bb3ea;
+  --token-component-date-field-focus-text: #a3a3ab;
+  --token-component-date-field-focus-icon: #5bb3ea;
+  --token-component-date-field-focus-hint-text: #a3a3ab;
+  --token-component-date-picker-default-icon: #ffffff;
+  --token-component-date-picker-hover-icon: #96cff0;
+  --token-component-date-picker-filled-icon: #5bb3ea;
+  --token-component-date-picker-disabled-icon: #83838c;
+  --token-component-date-picker-focus-icon: #5bb3ea;
+  --token-component-date-range-picker-default-icon: #ffffff;
+  --token-component-date-range-picker-hover-icon: #96cff0;
+  --token-component-date-range-picker-filled-icon: #5bb3ea;
+  --token-component-date-range-picker-disabled-icon: #83838c;
+  --token-component-date-range-picker-focus-icon: #5bb3ea;
+  --token-component-date-range-field-default-background: #343438;
+  --token-component-date-range-field-default-border: #696970;
+  --token-component-date-range-field-default-text: #a3a3ab;
+  --token-component-date-range-field-default-icon: #ffffff;
+  --token-component-date-range-field-default-hint-text: #a3a3ab;
+  --token-component-date-range-field-hover-background: #343438;
+  --token-component-date-range-field-hover-border: #c2c2ca;
+  --token-component-date-range-field-hover-text: #ffffff;
+  --token-component-date-range-field-hover-icon: #ffffff;
+  --token-component-date-range-field-hover-hint-text: #a3a3ab;
+  --token-component-date-range-field-hover-empty-background: #343438;
+  --token-component-date-range-field-hover-empty-border: #c2c2ca;
+  --token-component-date-range-field-hover-empty-text: #a3a3ab;
+  --token-component-date-range-field-hover-empty-icon: #ffffff;
+  --token-component-date-range-field-hover-empty-hint-text: #a3a3ab;
+  --token-component-date-range-field-filled-background: #343438;
+  --token-component-date-range-field-filled-border: #696970;
+  --token-component-date-range-field-filled-text: #ffffff;
+  --token-component-date-range-field-filled-icon: #ffffff;
+  --token-component-date-range-field-filled-hint-text: #a3a3ab;
+  --token-component-date-range-field-filled-placeholder-item-text: #a3a3ab;
+  --token-component-date-range-field-disabled-background: #515157;
+  --token-component-date-range-field-disabled-border: #515157;
+  --token-component-date-range-field-disabled-text: #83838c;
+  --token-component-date-range-field-disabled-icon: #83838c;
+  --token-component-date-range-field-disabled-hint-text: #a3a3ab;
+  --token-component-date-range-field-read-only-background: #343438;
+  --token-component-date-range-field-read-only-text: #ffffff;
+  --token-component-date-range-field-read-only-hint-text: #a3a3ab;
+  --token-component-date-range-field-error-background: #343438;
+  --token-component-date-range-field-error-border: #eb9091;
+  --token-component-date-range-field-error-text: #ffffff;
+  --token-component-date-range-field-error-icon: #ffffff;
+  --token-component-date-range-field-error-hint-text: #eb9091;
+  --token-component-date-range-field-focus-background: #343438;
+  --token-component-date-range-field-focus-border: #5bb3ea;
+  --token-component-date-range-field-focus-text: #a3a3ab;
+  --token-component-date-range-field-focus-icon: #5bb3ea;
+  --token-component-date-range-field-focus-hint-text: #a3a3ab;
+  --token-component-date-range-field-focus-placeholder-item-text: #a3a3ab;
+  --token-component-date-range-input-default-background: #343438;
+  --token-component-date-range-input-default-border: #696970;
+  --token-component-date-range-input-default-text: #a3a3ab;
+  --token-component-date-range-input-default-icon: #ffffff;
+  --token-component-date-range-input-default-hint-text: #a3a3ab;
+  --token-component-date-range-input-hover-background: #343438;
+  --token-component-date-range-input-hover-border: #c2c2ca;
+  --token-component-date-range-input-hover-text: #ffffff;
+  --token-component-date-range-input-hover-icon: #ffffff;
+  --token-component-date-range-input-hover-hint-text: #a3a3ab;
+  --token-component-date-range-input-active-period-background: #343438;
+  --token-component-date-range-input-active-period-border: #c2c2ca;
+  --token-component-date-range-input-active-period-text: #ffffff;
+  --token-component-date-range-input-active-period-icon: #ffffff;
+  --token-component-date-range-input-active-period-hint-text: #a3a3ab;
+  --token-component-date-range-input-active-period-active-item-background: #3d3d42;
+  --token-component-date-range-input-active-period-active-item-text: #a3a3ab;
+  --token-component-date-range-input-filled-background: #343438;
+  --token-component-date-range-input-filled-border: #696970;
+  --token-component-date-range-input-filled-text: #ffffff;
+  --token-component-date-range-input-filled-icon: #ffffff;
+  --token-component-date-range-input-filled-hint-text: #a3a3ab;
+  --token-component-date-range-input-filled-placeholder-item-text: #a3a3ab;
+  --token-component-date-range-input-disabled-background: #343438;
+  --token-component-date-range-input-disabled-border: #515157;
+  --token-component-date-range-input-disabled-text: #83838c;
+  --token-component-date-range-input-disabled-icon: #83838c;
+  --token-component-date-range-input-disabled-hint-text: #a3a3ab;
+  --token-component-date-range-input-read-only-background: #343438;
+  --token-component-date-range-input-read-only-text: #ffffff;
+  --token-component-date-range-input-read-only-hint-text: #a3a3ab;
+  --token-component-date-range-input-error-background: #343438;
+  --token-component-date-range-input-error-border: #eb9091;
+  --token-component-date-range-input-error-text: #ffffff;
+  --token-component-date-range-input-error-icon: #ffffff;
+  --token-component-date-range-input-error-hint-text: #eb9091;
+  --token-component-date-range-input-focus-background: #343438;
+  --token-component-date-range-input-focus-border: #5bb3ea;
+  --token-component-date-range-input-focus-text: #ffffff;
+  --token-component-date-range-input-focus-icon: #5bb3ea;
+  --token-component-date-range-input-focus-hint-text: #a3a3ab;
+  --token-component-date-range-input-focus-placeholder-item-text: #a3a3ab;
+  --token-component-divider-border: #515157;
+  --token-component-drawer-background: #3d3d42;
+  --token-component-drawer-text: #ffffff;
+  --token-component-drawer-icon-default: #ffffff;
+  --token-component-drawer-icon-disabled: #83838c;
+  --token-component-dropdown-icon-default: #ffffff;
+  --token-component-dropdown-icon-disabled: #83838c;
+  --token-component-dropdown-text-default: #ffffff;
+  --token-component-dropdown-text-link: #5bb3ea;
+  --token-component-dropdown-text-description: #a3a3ab;
+  --token-component-dropdown-text-disabled: #83838c;
+  --token-component-dropdown-background-default: #343438;
+  --token-component-dropdown-background-hover: #3d3d42;
+  --token-component-dropdown-background-category: #343438;
+  --token-component-global-header-background: #232326;
+  --token-component-global-header-border: #3d3d42;
+  --token-component-global-header-icon-default: #d6d6dd;
+  --token-component-global-header-icon-hover: #ffffff;
+  --token-component-global-header-text-default: #d6d6dd;
+  --token-component-global-header-text-hover: #ffffff;
+  --token-component-global-header-search-background: #3d3d42;
+  --token-component-global-header-search-text-placeholder: #d6d6dd;
+  --token-component-global-header-search-text-filled: #ffffff;
+  --token-component-global-header-search-icon-default: #d6d6dd;
+  --token-component-global-header-search-icon-active: #ffffff;
+  --token-component-global-header-search-icon-hover: #ffffff;
+  --token-component-global-footer-background: #232326;
+  --token-component-global-footer-text-default: #d6d6dd;
+  --token-component-global-footer-text-hover: #ffffff;
+  --token-component-group-select-field-default-background: #343438;
+  --token-component-group-select-field-default-border: #696970;
+  --token-component-group-select-field-default-text: #a3a3ab;
+  --token-component-group-select-field-default-icon: #ffffff;
+  --token-component-group-select-field-default-hint-text: #a3a3ab;
+  --token-component-group-select-field-default-info-icon: #a3a3ab;
+  --token-component-group-select-field-hover-background: #343438;
+  --token-component-group-select-field-hover-border: #c2c2ca;
+  --token-component-group-select-field-hover-text: #a3a3ab;
+  --token-component-group-select-field-hover-icon: #ffffff;
+  --token-component-group-select-field-hover-hint-text: #a3a3ab;
+  --token-component-group-select-field-hover-info-icon: #a3a3ab;
+  --token-component-group-select-field-selected-background: #343438;
+  --token-component-group-select-field-selected-border: #696970;
+  --token-component-group-select-field-selected-text: #ffffff;
+  --token-component-group-select-field-selected-icon: #ffffff;
+  --token-component-group-select-field-selected-hint-text: #a3a3ab;
+  --token-component-group-select-field-selected-info-icon: #a3a3ab;
+  --token-component-group-select-field-disabled-background: #515157;
+  --token-component-group-select-field-disabled-border: #515157;
+  --token-component-group-select-field-disabled-text: #83838c;
+  --token-component-group-select-field-disabled-icon: #83838c;
+  --token-component-group-select-field-disabled-hint-text: #a3a3ab;
+  --token-component-group-select-field-disabled-info-icon: #a3a3ab;
+  --token-component-group-select-field-read-only-background: #343438;
+  --token-component-group-select-field-read-only-text: #ffffff;
+  --token-component-group-select-field-read-only-hint-text: #a3a3ab;
+  --token-component-group-select-field-read-only-info-icon: #a3a3ab;
+  --token-component-group-select-field-error-background: #343438;
+  --token-component-group-select-field-error-border: #eb9091;
+  --token-component-group-select-field-error-text: #ffffff;
+  --token-component-group-select-field-error-icon: #ffffff;
+  --token-component-group-select-field-error-hint-text: #eb9091;
+  --token-component-group-select-field-error-info-icon: #a3a3ab;
+  --token-component-group-select-field-focus-background: #343438;
+  --token-component-group-select-field-focus-border: #5bb3ea;
+  --token-component-group-select-field-focus-text: #ffffff;
+  --token-component-group-select-field-focus-icon: #ffffff;
+  --token-component-group-select-field-focus-hint-text: #a3a3ab;
+  --token-component-group-select-field-focus-info-icon: #a3a3ab;
+  --token-component-group-select-dropdown-icon: #ffffff;
+  --token-component-group-select-dropdown-text: #ffffff;
+  --token-component-group-select-dropdown-background-default: #343438;
+  --token-component-group-select-dropdown-background-hover: #3d3d42;
+  --token-component-inline-edit-text: #ffffff;
+  --token-component-inline-edit-icon-default: #ffffff;
+  --token-component-inline-edit-icon-hover: #96cff0;
+  --token-component-inline-edit-accept-icon-default: #5bb3ea;
+  --token-component-inline-edit-accept-icon-hover: #96cff0;
+  --token-component-inline-edit-accept-icon-disabled: #83838c;
+  --token-component-kpi-bar-text: #ffffff;
+  --token-component-kpi-bar-border: #515157;
+  --token-component-kpi-bar-icon-default: #ffffff;
+  --token-component-kpi-bar-icon-hover: #96cff0;
+  --token-component-kpi-bar-icon-active: #5bb3ea;
+  --token-component-kpi-bar-item-neutral-default-label: #c2c2ca;
+  --token-component-kpi-bar-item-neutral-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-neutral-default-icon: #c2c2ca;
+  --token-component-kpi-bar-item-neutral-hover-label: #c2c2ca;
+  --token-component-kpi-bar-item-neutral-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-neutral-hover-background: lch(78.6 4.18 286 / 0.12);
+  --token-component-kpi-bar-item-neutral-hover-icon: #c2c2ca;
+  --token-component-kpi-bar-item-neutral-active-label: #c2c2ca;
+  --token-component-kpi-bar-item-neutral-active-text: #ffffff;
+  --token-component-kpi-bar-item-neutral-active-border: #c2c2ca;
+  --token-component-kpi-bar-item-neutral-active-icon: #c2c2ca;
+  --token-component-kpi-bar-item-green-default-label: #97cf9c;
+  --token-component-kpi-bar-item-green-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-green-hover-label: #97cf9c;
+  --token-component-kpi-bar-item-green-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-green-hover-background: lch(78.2 32.7 144 / 0.12);
+  --token-component-kpi-bar-item-green-active-label: #97cf9c;
+  --token-component-kpi-bar-item-green-active-text: #ffffff;
+  --token-component-kpi-bar-item-green-active-border: #97cf9c;
+  --token-component-kpi-bar-item-orange-default-label: #f2b67b;
+  --token-component-kpi-bar-item-orange-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-orange-hover-label: #f2b67b;
+  --token-component-kpi-bar-item-orange-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-orange-hover-background: lch(79.6 53.6 74.4 / 0.12);
+  --token-component-kpi-bar-item-orange-active-label: #f2b67b;
+  --token-component-kpi-bar-item-orange-active-text: #ffffff;
+  --token-component-kpi-bar-item-orange-active-border: #f2b67b;
+  --token-component-kpi-bar-item-purple-default-label: #d3b4ed;
+  --token-component-kpi-bar-item-purple-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-purple-hover-label: #d3b4ed;
+  --token-component-kpi-bar-item-purple-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-purple-hover-background: lch(77.5 31.1 309 / 0.12);
+  --token-component-kpi-bar-item-purple-active-label: #d3b4ed;
+  --token-component-kpi-bar-item-purple-active-text: #ffffff;
+  --token-component-kpi-bar-item-purple-active-border: #d3b4ed;
+  --token-component-kpi-bar-item-red-default-label: #f3aeaf;
+  --token-component-kpi-bar-item-red-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-red-hover-label: #f3aeaf;
+  --token-component-kpi-bar-item-red-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-red-hover-background: lch(77.8 28 21.1 / 0.12);
+  --token-component-kpi-bar-item-red-active-label: #f3aeaf;
+  --token-component-kpi-bar-item-red-active-text: #ffffff;
+  --token-component-kpi-bar-item-red-active-border: #f3aeaf;
+  --token-component-kpi-bar-item-ultramarine-default-label: #aec0f5;
+  --token-component-kpi-bar-item-ultramarine-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-ultramarine-hover-label: #aec0f5;
+  --token-component-kpi-bar-item-ultramarine-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-ultramarine-hover-background: lch(77.7 28.7 275 / 0.12);
+  --token-component-kpi-bar-item-ultramarine-active-label: #aec0f5;
+  --token-component-kpi-bar-item-ultramarine-active-text: #ffffff;
+  --token-component-kpi-bar-item-ultramarine-active-border: #aec0f5;
+  --token-component-kpi-bar-item-pink-default-label: #ecadd4;
+  --token-component-kpi-bar-item-pink-default-text: #a3a3ab;
+  --token-component-kpi-bar-item-pink-hover-label: #ecadd4;
+  --token-component-kpi-bar-item-pink-hover-text: #a3a3ab;
+  --token-component-kpi-bar-item-pink-hover-background: lch(77.6 29.9 340 / 0.12);
+  --token-component-kpi-bar-item-pink-active-label: #ecadd4;
+  --token-component-kpi-bar-item-pink-active-text: #ffffff;
+  --token-component-kpi-bar-item-pink-active-border: #ecadd4;
+  --token-component-label-text: #ffffff;
+  --token-component-label-icon: #ffffff;
+  --token-component-label-info-icon: #a3a3ab;
+  --token-component-list-text: #ffffff;
+  --token-component-list-border: #515157;
+  --token-component-list-icon-default: #ffffff;
+  --token-component-list-icon-hover: #96cff0;
+  --token-component-list-icon-active: #5bb3ea;
+  --token-component-list-background-default: #343438;
+  --token-component-list-background-hover: #3d3d42;
+  --token-component-master-switch-content-background: #3d3d42;
+  --token-component-master-switch-side-background: #343438;
+  --token-component-master-switch-text: #ffffff;
+  --token-component-master-switch-icon: #ffffff;
+  --token-component-modal-background: #3d3d42;
+  --token-component-modal-icon: #ffffff;
+  --token-component-modal-text-default: #ffffff;
+  --token-component-modal-text-description: #a3a3ab;
+  --token-component-notification-banner-text: #ffffff;
+  --token-component-notification-banner-icon: #ffffff;
+  --token-component-notification-banner-informative-background: #515157;
+  --token-component-notification-banner-informative-border: #8da4ef;
+  --token-component-notification-banner-informative-status-icon: #8da4ef;
+  --token-component-notification-banner-tip-background: #515157;
+  --token-component-notification-banner-tip-border: #8da4ef;
+  --token-component-notification-banner-tip-status-icon: #8da4ef;
+  --token-component-notification-banner-warning-background: #515157;
+  --token-component-notification-banner-warning-border: #edb016;
+  --token-component-notification-banner-warning-status-icon: #edb016;
+  --token-component-notification-banner-success-background: #515157;
+  --token-component-notification-banner-success-border: #65ba75;
+  --token-component-notification-banner-success-status-icon: #65ba75;
+  --token-component-notification-banner-error-background: #515157;
+  --token-component-notification-banner-error-border: #eb9091;
+  --token-component-notification-banner-error-status-icon: #eb9091;
+  --token-component-notification-banner-secondary-background: #515157;
+  --token-component-notification-banner-secondary-border: #c2c2ca;
+  --token-component-notification-banner-secondary-status-icon: #ffffff;
+  --token-component-notification-toast-text: #ffffff;
+  --token-component-notification-toast-icon: #ffffff;
+  --token-component-notification-toast-informative-background: #515157;
+  --token-component-notification-toast-informative-icon-background: #4067e5;
+  --token-component-notification-toast-informative-border: #8da4ef;
+  --token-component-notification-toast-informative-status-icon: #ffffff;
+  --token-component-notification-toast-tip-background: #515157;
+  --token-component-notification-toast-tip-icon-background: #4067e5;
+  --token-component-notification-toast-tip-border: #8da4ef;
+  --token-component-notification-toast-tip-status-icon: #ffffff;
+  --token-component-notification-toast-warning-background: #515157;
+  --token-component-notification-toast-warning-icon-background: #fecb34;
+  --token-component-notification-toast-warning-border: #edb016;
+  --token-component-notification-toast-warning-status-icon: #3d3d42;
+  --token-component-notification-toast-success-background: #515157;
+  --token-component-notification-toast-success-icon-background: #00b050;
+  --token-component-notification-toast-success-border: #65ba75;
+  --token-component-notification-toast-success-status-icon: #ffffff;
+  --token-component-notification-toast-error-background: #515157;
+  --token-component-notification-toast-error-icon-background: #d63c42;
+  --token-component-notification-toast-error-border: #eb9091;
+  --token-component-notification-toast-error-status-icon: #ffffff;
+  --token-component-pagination-background: #3d3d42;
+  --token-component-pagination-border: #515157;
+  --token-component-pagination-text-default: #ffffff;
+  --token-component-pagination-text-link: #5bb3ea;
+  --token-component-pagination-text-hover: #96cff0;
+  --token-component-pagination-text-disabled: #83838c;
+  --token-component-pagination-icon-default: #ffffff;
+  --token-component-pagination-icon-hover: #96cff0;
+  --token-component-pagination-icon-active: #5bb3ea;
+  --token-component-pagination-icon-disabled: #83838c;
+  --token-component-popover-background: #3d3d42;
+  --token-component-popover-border: #515157;
+  --token-component-popover-icon: #ffffff;
+  --token-component-popover-text-default: #ffffff;
+  --token-component-popover-text-link-default: #5bb3ea;
+  --token-component-popover-text-link-hover: #96cff0;
+  --token-component-progress-bar-text-default: #ffffff;
+  --token-component-progress-bar-text-link-default: #5bb3ea;
+  --token-component-progress-bar-text-link-hover: #96cff0;
+  --token-component-progress-bar-status-line-default: #515157;
+  --token-component-progress-bar-status-line-success: #00b050;
+  --token-component-progress-bar-status-line-error: #d63c42;
+  --token-component-numeric-spinner-default-background: #343438;
+  --token-component-numeric-spinner-default-border: #696970;
+  --token-component-numeric-spinner-default-text: #a3a3ab;
+  --token-component-numeric-spinner-default-icon: #ffffff;
+  --token-component-numeric-spinner-default-hint-text: #a3a3ab;
+  --token-component-numeric-spinner-hover-background: #343438;
+  --token-component-numeric-spinner-hover-border: #c2c2ca;
+  --token-component-numeric-spinner-hover-text: #a3a3ab;
+  --token-component-numeric-spinner-hover-icon: #ffffff;
+  --token-component-numeric-spinner-hover-hint-text: #a3a3ab;
+  --token-component-numeric-spinner-filled-background: #343438;
+  --token-component-numeric-spinner-filled-border: #696970;
+  --token-component-numeric-spinner-filled-text: #ffffff;
+  --token-component-numeric-spinner-filled-icon: #ffffff;
+  --token-component-numeric-spinner-filled-hint-text: #a3a3ab;
+  --token-component-numeric-spinner-disabled-background: #515157;
+  --token-component-numeric-spinner-disabled-border: #515157;
+  --token-component-numeric-spinner-disabled-text: #83838c;
+  --token-component-numeric-spinner-disabled-icon: #83838c;
+  --token-component-numeric-spinner-disabled-hint-text: #a3a3ab;
+  --token-component-numeric-spinner-read-only-background: #343438;
+  --token-component-numeric-spinner-read-only-text: #ffffff;
+  --token-component-numeric-spinner-read-only-hint-text: #a3a3ab;
+  --token-component-numeric-spinner-error-background: #343438;
+  --token-component-numeric-spinner-error-border: #eb9091;
+  --token-component-numeric-spinner-error-text: #ffffff;
+  --token-component-numeric-spinner-error-icon: #ffffff;
+  --token-component-numeric-spinner-error-hint-text: #eb9091;
+  --token-component-numeric-spinner-focus-background: #343438;
+  --token-component-numeric-spinner-focus-border: #5bb3ea;
+  --token-component-numeric-spinner-focus-text: #a3a3ab;
+  --token-component-numeric-spinner-focus-icon: #ffffff;
+  --token-component-numeric-spinner-focus-hint-text: #a3a3ab;
+  --token-component-radio-button-inactive-default-background: #3d3d42;
+  --token-component-radio-button-inactive-default-border: #696970;
+  --token-component-radio-button-inactive-default-text: #ffffff;
+  --token-component-radio-button-inactive-hover-background: #3d3d42;
+  --token-component-radio-button-inactive-hover-border: #96cff0;
+  --token-component-radio-button-inactive-hover-text: #ffffff;
+  --token-component-radio-button-inactive-active-background: #3d3d42;
+  --token-component-radio-button-inactive-active-border: #5bb3ea;
+  --token-component-radio-button-inactive-active-text: #ffffff;
+  --token-component-radio-button-inactive-disabled-background: #515157;
+  --token-component-radio-button-inactive-disabled-border: #515157;
+  --token-component-radio-button-inactive-disabled-text: #83838c;
+  --token-component-radio-button-inactive-read-only-background: #3d3d42;
+  --token-component-radio-button-inactive-read-only-border: #515157;
+  --token-component-radio-button-inactive-read-only-text: #ffffff;
+  --token-component-radio-button-active-default-background: #3d3d42;
+  --token-component-radio-button-active-default-border: #5bb3ea;
+  --token-component-radio-button-active-default-text: #ffffff;
+  --token-component-radio-button-active-hover-background: #3d3d42;
+  --token-component-radio-button-active-hover-border: #96cff0;
+  --token-component-radio-button-active-hover-text: #ffffff;
+  --token-component-radio-button-active-active-background: #3d3d42;
+  --token-component-radio-button-active-active-border: #5bb3ea;
+  --token-component-radio-button-active-active-text: #ffffff;
+  --token-component-radio-button-active-disabled-background: #3d3d42;
+  --token-component-radio-button-active-disabled-border: #515157;
+  --token-component-radio-button-active-disabled-text: #83838c;
+  --token-component-radio-button-active-read-only-background: #3d3d42;
+  --token-component-radio-button-active-read-only-border: #515157;
+  --token-component-radio-button-active-read-only-text: #ffffff;
+  --token-component-search-default-background: #343438;
+  --token-component-search-default-border: #696970;
+  --token-component-search-default-text: #a3a3ab;
+  --token-component-search-default-icon: #ffffff;
+  --token-component-search-default-hint-text: #a3a3ab;
+  --token-component-search-default-search-icon: #a3a3ab;
+  --token-component-search-hover-background: #343438;
+  --token-component-search-hover-border: #c2c2ca;
+  --token-component-search-hover-text: #a3a3ab;
+  --token-component-search-hover-icon: #ffffff;
+  --token-component-search-hover-hint-text: #a3a3ab;
+  --token-component-search-hover-search-icon: #a3a3ab;
+  --token-component-search-filled-background: #343438;
+  --token-component-search-filled-border: #696970;
+  --token-component-search-filled-text: #ffffff;
+  --token-component-search-filled-icon: #ffffff;
+  --token-component-search-filled-hint-text: #a3a3ab;
+  --token-component-search-filled-search-icon: #a3a3ab;
+  --token-component-search-disabled-background: #515157;
+  --token-component-search-disabled-border: #515157;
+  --token-component-search-disabled-text: #83838c;
+  --token-component-search-disabled-icon: #83838c;
+  --token-component-search-disabled-hint-text: #a3a3ab;
+  --token-component-search-disabled-search-icon: #83838c;
+  --token-component-search-error-background: #343438;
+  --token-component-search-error-border: #eb9091;
+  --token-component-search-error-text: #ffffff;
+  --token-component-search-error-icon: #ffffff;
+  --token-component-search-error-hint-text: #eb9091;
+  --token-component-search-error-search-icon: #a3a3ab;
+  --token-component-search-focus-empty-background: #343438;
+  --token-component-search-focus-empty-border: #5bb3ea;
+  --token-component-search-focus-empty-text: #a3a3ab;
+  --token-component-search-focus-empty-icon: #ffffff;
+  --token-component-search-focus-empty-hint-text: #a3a3ab;
+  --token-component-search-focus-empty-search-icon: #a3a3ab;
+  --token-component-search-focus-background: #343438;
+  --token-component-search-focus-border: #5bb3ea;
+  --token-component-search-focus-text: #ffffff;
+  --token-component-search-focus-icon: #ffffff;
+  --token-component-search-focus-hint-text: #a3a3ab;
+  --token-component-search-focus-search-icon: #a3a3ab;
+  --token-component-segmented-button-default-background: #3d3d42;
+  --token-component-segmented-button-default-border: #5bb3ea;
+  --token-component-segmented-button-default-text: #5bb3ea;
+  --token-component-segmented-button-default-icon: #5bb3ea;
+  --token-component-segmented-button-hover-background: #515157;
+  --token-component-segmented-button-hover-border: #96cff0;
+  --token-component-segmented-button-hover-text: #5bb3ea;
+  --token-component-segmented-button-hover-icon: #5bb3ea;
+  --token-component-segmented-button-disabled-background: #3d3d42;
+  --token-component-segmented-button-disabled-border: #515157;
+  --token-component-segmented-button-disabled-text: #83838c;
+  --token-component-segmented-button-disabled-icon: #83838c;
+  --token-component-segmented-button-disabled-checked-background: #515157;
+  --token-component-segmented-button-disabled-checked-border: #515157;
+  --token-component-segmented-button-disabled-checked-text: #83838c;
+  --token-component-segmented-button-disabled-checked-icon: #83838c;
+  --token-component-segmented-button-active-background: #5bb3ea;
+  --token-component-segmented-button-active-border: #5bb3ea;
+  --token-component-segmented-button-active-text: #343438;
+  --token-component-segmented-button-active-icon: #343438;
+  --token-component-side-navigation-icon: #ffffff;
+  --token-component-side-navigation-border: #515157;
+  --token-component-side-navigation-background-default: #343438;
+  --token-component-side-navigation-background-second-level: #343438;
+  --token-component-side-navigation-default-menu-item-background: #343438;
+  --token-component-side-navigation-default-menu-item-icon: #ffffff;
+  --token-component-side-navigation-default-menu-item-text: #ffffff;
+  --token-component-side-navigation-default-menu-item-label-text: #ffffff;
+  --token-component-side-navigation-default-menu-item-label-background: #343438;
+  --token-component-side-navigation-default-menu-item-label-border: #515157;
+  --token-component-side-navigation-hover-menu-item-background: #3d3d42;
+  --token-component-side-navigation-hover-menu-item-icon: #ffffff;
+  --token-component-side-navigation-hover-menu-item-text: #ffffff;
+  --token-component-side-navigation-hover-menu-item-label-text: #ffffff;
+  --token-component-side-navigation-hover-menu-item-label-background: #343438;
+  --token-component-side-navigation-hover-menu-item-label-border: #515157;
+  --token-component-side-navigation-selected-menu-item-background: #5bb3ea;
+  --token-component-side-navigation-selected-menu-item-icon: #3d3d42;
+  --token-component-side-navigation-selected-menu-item-text: #343438;
+  --token-component-side-navigation-selected-menu-item-label-text: #ffffff;
+  --token-component-side-navigation-selected-menu-item-label-background: #0174bc;
+  --token-component-select-default-background: #343438;
+  --token-component-select-default-border: #696970;
+  --token-component-select-default-text: #a3a3ab;
+  --token-component-select-default-icon: #ffffff;
+  --token-component-select-default-hint-text: #a3a3ab;
+  --token-component-select-default-info-icon: #a3a3ab;
+  --token-component-select-hover-background: #343438;
+  --token-component-select-hover-border: #c2c2ca;
+  --token-component-select-hover-text: #a3a3ab;
+  --token-component-select-hover-icon: #ffffff;
+  --token-component-select-hover-hint-text: #a3a3ab;
+  --token-component-select-hover-info-icon: #a3a3ab;
+  --token-component-select-filled-background: #343438;
+  --token-component-select-filled-border: #696970;
+  --token-component-select-filled-text: #ffffff;
+  --token-component-select-filled-icon: #ffffff;
+  --token-component-select-filled-hint-text: #a3a3ab;
+  --token-component-select-filled-info-icon: #a3a3ab;
+  --token-component-select-disabled-background: #515157;
+  --token-component-select-disabled-border: #515157;
+  --token-component-select-disabled-text: #83838c;
+  --token-component-select-disabled-icon: #83838c;
+  --token-component-select-disabled-hint-text: #a3a3ab;
+  --token-component-select-disabled-info-icon: #a3a3ab;
+  --token-component-select-error-background: #343438;
+  --token-component-select-error-border: #eb9091;
+  --token-component-select-error-text: #ffffff;
+  --token-component-select-error-icon: #ffffff;
+  --token-component-select-error-hint-text: #eb9091;
+  --token-component-select-error-info-icon: #a3a3ab;
+  --token-component-select-focus-empty-background: #343438;
+  --token-component-select-focus-empty-border: #5bb3ea;
+  --token-component-select-focus-empty-text: #a3a3ab;
+  --token-component-select-focus-empty-icon: #ffffff;
+  --token-component-select-focus-empty-hint-text: #a3a3ab;
+  --token-component-select-focus-empty-info-icon: #a3a3ab;
+  --token-component-select-focus-background: #343438;
+  --token-component-select-focus-border: #5bb3ea;
+  --token-component-select-focus-text: #ffffff;
+  --token-component-select-focus-icon: #ffffff;
+  --token-component-select-focus-hint-text: #a3a3ab;
+  --token-component-select-focus-info-icon: #a3a3ab;
+  --token-component-select-read-only-background: #343438;
+  --token-component-select-read-only-text: #ffffff;
+  --token-component-side-panel-background: #3d3d42;
+  --token-component-side-panel-text: #ffffff;
+  --token-component-side-panel-border: #515157;
+  --token-component-side-panel-icon-default: #ffffff;
+  --token-component-side-panel-icon-hover: #96cff0;
+  --token-component-switch-active-default-background: #5bb3ea;
+  --token-component-switch-active-default-icon: #ffffff;
+  --token-component-switch-active-default-circle: #ffffff;
+  --token-component-switch-active-default-text: #ffffff;
+  --token-component-switch-active-hover-background: #96cff0;
+  --token-component-switch-active-hover-icon: #ffffff;
+  --token-component-switch-active-hover-circle: #ffffff;
+  --token-component-switch-active-hover-text: #ffffff;
+  --token-component-switch-active-focus-background: #5bb3ea;
+  --token-component-switch-active-focus-icon: #ffffff;
+  --token-component-switch-active-focus-circle: #ffffff;
+  --token-component-switch-active-focus-text: #ffffff;
+  --token-component-switch-active-disabled-background: #515157;
+  --token-component-switch-active-disabled-icon: #83838c;
+  --token-component-switch-active-disabled-circle: rgba(255, 255, 255, 0.5);
+  --token-component-switch-active-disabled-text: #83838c;
+  --token-component-switch-inactive-default-background: #696970;
+  --token-component-switch-inactive-default-circle: #ffffff;
+  --token-component-switch-inactive-default-text: #ffffff;
+  --token-component-switch-inactive-hover-background: #a3a3ab;
+  --token-component-switch-inactive-hover-circle: #ffffff;
+  --token-component-switch-inactive-hover-text: #ffffff;
+  --token-component-switch-inactive-focus-background: #696970;
+  --token-component-switch-inactive-focus-circle: #ffffff;
+  --token-component-switch-inactive-focus-text: #ffffff;
+  --token-component-switch-inactive-disabled-background: #515157;
+  --token-component-switch-inactive-disabled-circle: rgba(255, 255, 255, 0.5);
+  --token-component-switch-inactive-disabled-text: #83838c;
+  --token-component-tab-default-text: #ffffff;
+  --token-component-tab-default-icon: #ffffff;
+  --token-component-tab-default-border: #515157;
+  --token-component-tab-hover-text: #96cff0;
+  --token-component-tab-hover-icon: #96cff0;
+  --token-component-tab-hover-border: #515157;
+  --token-component-tab-active-text: #5bb3ea;
+  --token-component-tab-active-icon: #5bb3ea;
+  --token-component-tab-active-border: #5bb3ea;
+  --token-component-tab-disabled-text: #83838c;
+  --token-component-tab-disabled-icon: #83838c;
+  --token-component-tab-disabled-border: #515157;
+  --token-component-tag-default-background: #343438;
+  --token-component-tag-default-border: #696970;
+  --token-component-tag-default-text: #ffffff;
+  --token-component-tag-default-icon-default: #ffffff;
+  --token-component-tag-default-icon-hover: #96cff0;
+  --token-component-tag-default-icon-active: #5bb3ea;
+  --token-component-tag-hover-background: #343438;
+  --token-component-tag-hover-border: #c2c2ca;
+  --token-component-tag-hover-text: #ffffff;
+  --token-component-tag-hover-icon-default: #ffffff;
+  --token-component-tag-hover-icon-hover: #96cff0;
+  --token-component-tag-hover-icon-active: #5bb3ea;
+  --token-component-tag-focus-background: #3d3d42;
+  --token-component-tag-focus-border: #5bb3ea;
+  --token-component-tag-focus-text: #ffffff;
+  --token-component-tag-focus-icon-default: #ffffff;
+  --token-component-tag-focus-icon-hover: #96cff0;
+  --token-component-tag-focus-icon-active: #5bb3ea;
+  --token-component-tag-error-background: #343438;
+  --token-component-tag-error-border: #eb9091;
+  --token-component-tag-error-text: #ffffff;
+  --token-component-tag-error-icon-default: #ffffff;
+  --token-component-tag-error-icon-hover: #96cff0;
+  --token-component-tag-error-icon-active: #5bb3ea;
+  --token-component-tag-disabled-background: #515157;
+  --token-component-tag-disabled-border: #515157;
+  --token-component-tag-disabled-text: #83838c;
+  --token-component-tag-disabled-icon: #83838c;
+  --token-component-tag-read-only-background: #343438;
+  --token-component-tag-read-only-border: #515157;
+  --token-component-tag-read-only-text: #ffffff;
+  --token-component-tag-read-only-icon: #ffffff;
+  --token-component-tag-input-default-background: #343438;
+  --token-component-tag-input-default-border: #696970;
+  --token-component-tag-input-default-hint-text: #a3a3ab;
+  --token-component-tag-input-placeholder-background: #343438;
+  --token-component-tag-input-placeholder-border: #696970;
+  --token-component-tag-input-placeholder-text: #a3a3ab;
+  --token-component-tag-input-placeholder-hint-text: #a3a3ab;
+  --token-component-tag-input-hover-background: #343438;
+  --token-component-tag-input-hover-border: #c2c2ca;
+  --token-component-tag-input-hover-text: #a3a3ab;
+  --token-component-tag-input-hover-hint-text: #a3a3ab;
+  --token-component-tag-input-filled-background: #343438;
+  --token-component-tag-input-filled-border: #696970;
+  --token-component-tag-input-filled-icon: #ffffff;
+  --token-component-tag-input-filled-hint-text: #a3a3ab;
+  --token-component-tag-input-disabled-background: #515157;
+  --token-component-tag-input-disabled-border: #515157;
+  --token-component-tag-input-disabled-hint-text: #a3a3ab;
+  --token-component-tag-input-error-background: #343438;
+  --token-component-tag-input-error-border: #eb9091;
+  --token-component-tag-input-error-icon: #ffffff;
+  --token-component-tag-input-error-hint-text: #eb9091;
+  --token-component-tag-input-focus-empty-background: #343438;
+  --token-component-tag-input-focus-empty-border: #5bb3ea;
+  --token-component-tag-input-focus-empty-text: #a3a3ab;
+  --token-component-tag-input-focus-empty-hint-text: #a3a3ab;
+  --token-component-tag-input-focus-background: #343438;
+  --token-component-tag-input-focus-border: #5bb3ea;
+  --token-component-tag-input-focus-text: #ffffff;
+  --token-component-tag-input-focus-hint-text: #a3a3ab;
+  --token-component-text-area-default-background: #343438;
+  --token-component-text-area-default-border: #696970;
+  --token-component-text-area-default-hint-text: #a3a3ab;
+  --token-component-text-area-default-info-icon: #a3a3ab;
+  --token-component-text-area-placeholder-background: #343438;
+  --token-component-text-area-placeholder-border: #696970;
+  --token-component-text-area-placeholder-text: #a3a3ab;
+  --token-component-text-area-placeholder-hint-text: #a3a3ab;
+  --token-component-text-area-placeholder-info-icon: #a3a3ab;
+  --token-component-text-area-hover-background: #343438;
+  --token-component-text-area-hover-border: #c2c2ca;
+  --token-component-text-area-hover-text: #ffffff;
+  --token-component-text-area-hover-icon: #ffffff;
+  --token-component-text-area-hover-hint-text: #a3a3ab;
+  --token-component-text-area-hover-info-icon: #a3a3ab;
+  --token-component-text-area-hover-empty-background: #343438;
+  --token-component-text-area-hover-empty-border: #c2c2ca;
+  --token-component-text-area-hover-empty-text: #a3a3ab;
+  --token-component-text-area-hover-empty-hint-text: #a3a3ab;
+  --token-component-text-area-hover-empty-info-icon: #a3a3ab;
+  --token-component-text-area-filled-background: #343438;
+  --token-component-text-area-filled-border: #696970;
+  --token-component-text-area-filled-text: #ffffff;
+  --token-component-text-area-filled-hint-text: #a3a3ab;
+  --token-component-text-area-filled-info-icon: #a3a3ab;
+  --token-component-text-area-filled-icon-default: #ffffff;
+  --token-component-text-area-filled-icon-hover: #96cff0;
+  --token-component-text-area-filled-icon-active: #5bb3ea;
+  --token-component-text-area-disabled-background: #515157;
+  --token-component-text-area-disabled-border: #515157;
+  --token-component-text-area-disabled-text: #83838c;
+  --token-component-text-area-disabled-hint-text: #a3a3ab;
+  --token-component-text-area-disabled-info-icon: #a3a3ab;
+  --token-component-text-area-error-background: #343438;
+  --token-component-text-area-error-border: #eb9091;
+  --token-component-text-area-error-text: #ffffff;
+  --token-component-text-area-error-hint-text: #eb9091;
+  --token-component-text-area-error-info-icon: #a3a3ab;
+  --token-component-text-area-error-icon-default: #ffffff;
+  --token-component-text-area-error-icon-hover: #96cff0;
+  --token-component-text-area-error-icon-active: #5bb3ea;
+  --token-component-text-area-focus-empty-background: #343438;
+  --token-component-text-area-focus-empty-border: #5bb3ea;
+  --token-component-text-area-focus-empty-hint-text: #a3a3ab;
+  --token-component-text-area-focus-empty-info-icon: #a3a3ab;
+  --token-component-text-area-focus-empty-icon-default: #ffffff;
+  --token-component-text-area-focus-empty-icon-hover: #96cff0;
+  --token-component-text-area-focus-empty-icon-active: #5bb3ea;
+  --token-component-text-area-focus-background: #343438;
+  --token-component-text-area-focus-border: #5bb3ea;
+  --token-component-text-area-focus-text: #ffffff;
+  --token-component-text-area-focus-hint-text: #a3a3ab;
+  --token-component-text-area-focus-info-icon: #a3a3ab;
+  --token-component-text-area-focus-icon-default: #ffffff;
+  --token-component-text-area-focus-icon-hover: #96cff0;
+  --token-component-text-area-focus-icon-active: #5bb3ea;
+  --token-component-text-area-read-only-text: #ffffff;
+  --token-component-text-area-read-only-hint-text: #a3a3ab;
+  --token-component-text-field-default-background: #343438;
+  --token-component-text-field-default-border: #696970;
+  --token-component-text-field-default-hint-text: #a3a3ab;
+  --token-component-text-field-default-info-icon: #a3a3ab;
+  --token-component-text-field-placeholder-background: #343438;
+  --token-component-text-field-placeholder-border: #696970;
+  --token-component-text-field-placeholder-text: #a3a3ab;
+  --token-component-text-field-placeholder-hint-text: #a3a3ab;
+  --token-component-text-field-placeholder-info-icon: #a3a3ab;
+  --token-component-text-field-hover-background: #343438;
+  --token-component-text-field-hover-border: #c2c2ca;
+  --token-component-text-field-hover-text: #ffffff;
+  --token-component-text-field-hover-icon: #ffffff;
+  --token-component-text-field-hover-hint-text: #a3a3ab;
+  --token-component-text-field-hover-info-icon: #a3a3ab;
+  --token-component-text-field-hover-empty-background: #343438;
+  --token-component-text-field-hover-empty-border: #c2c2ca;
+  --token-component-text-field-hover-empty-text: #a3a3ab;
+  --token-component-text-field-hover-empty-hint-text: #a3a3ab;
+  --token-component-text-field-hover-empty-info-icon: #a3a3ab;
+  --token-component-text-field-filled-background: #343438;
+  --token-component-text-field-filled-border: #696970;
+  --token-component-text-field-filled-text: #ffffff;
+  --token-component-text-field-filled-hint-text: #a3a3ab;
+  --token-component-text-field-filled-info-icon: #a3a3ab;
+  --token-component-text-field-filled-icon-default: #ffffff;
+  --token-component-text-field-filled-icon-hover: #96cff0;
+  --token-component-text-field-filled-icon-active: #5bb3ea;
+  --token-component-text-field-disabled-background: #515157;
+  --token-component-text-field-disabled-border: #515157;
+  --token-component-text-field-disabled-text: #83838c;
+  --token-component-text-field-disabled-hint-text: #a3a3ab;
+  --token-component-text-field-disabled-info-icon: #a3a3ab;
+  --token-component-text-field-error-background: #343438;
+  --token-component-text-field-error-border: #eb9091;
+  --token-component-text-field-error-text: #ffffff;
+  --token-component-text-field-error-hint-text: #eb9091;
+  --token-component-text-field-error-info-icon: #a3a3ab;
+  --token-component-text-field-error-icon-default: #ffffff;
+  --token-component-text-field-error-icon-hover: #96cff0;
+  --token-component-text-field-error-icon-active: #5bb3ea;
+  --token-component-text-field-focus-empty-background: #343438;
+  --token-component-text-field-focus-empty-border: #5bb3ea;
+  --token-component-text-field-focus-empty-hint-text: #a3a3ab;
+  --token-component-text-field-focus-empty-info-icon: #a3a3ab;
+  --token-component-text-field-focus-empty-icon-default: #ffffff;
+  --token-component-text-field-focus-empty-icon-hover: #96cff0;
+  --token-component-text-field-focus-empty-icon-active: #5bb3ea;
+  --token-component-text-field-focus-background: #343438;
+  --token-component-text-field-focus-border: #5bb3ea;
+  --token-component-text-field-focus-text: #ffffff;
+  --token-component-text-field-focus-hint-text: #a3a3ab;
+  --token-component-text-field-focus-info-icon: #a3a3ab;
+  --token-component-text-field-focus-icon-default: #ffffff;
+  --token-component-text-field-focus-icon-hover: #96cff0;
+  --token-component-text-field-focus-icon-active: #5bb3ea;
+  --token-component-text-field-read-only-text: #ffffff;
+  --token-component-text-field-read-only-hint-text: #a3a3ab;
+  --token-component-time-picker-default-background: #343438;
+  --token-component-time-picker-default-border: #696970;
+  --token-component-time-picker-default-text: #a3a3ab;
+  --token-component-time-picker-default-icon: #ffffff;
+  --token-component-time-picker-default-hint-text: #a3a3ab;
+  --token-component-time-picker-hover-background: #343438;
+  --token-component-time-picker-hover-border: #c2c2ca;
+  --token-component-time-picker-hover-text: #a3a3ab;
+  --token-component-time-picker-hover-icon: #ffffff;
+  --token-component-time-picker-hover-hint-text: #a3a3ab;
+  --token-component-time-picker-filled-background: #343438;
+  --token-component-time-picker-filled-border: #696970;
+  --token-component-time-picker-filled-text: #ffffff;
+  --token-component-time-picker-filled-icon: #ffffff;
+  --token-component-time-picker-filled-hint-text: #a3a3ab;
+  --token-component-time-picker-disabled-background: #515157;
+  --token-component-time-picker-disabled-border: #515157;
+  --token-component-time-picker-disabled-text: #83838c;
+  --token-component-time-picker-disabled-icon: #83838c;
+  --token-component-time-picker-disabled-hint-text: #a3a3ab;
+  --token-component-time-picker-error-background: #343438;
+  --token-component-time-picker-error-border: #eb9091;
+  --token-component-time-picker-error-text: #ffffff;
+  --token-component-time-picker-error-icon: #ffffff;
+  --token-component-time-picker-error-hint-text: #eb9091;
+  --token-component-time-picker-focus-empty-background: #343438;
+  --token-component-time-picker-focus-empty-border: #5bb3ea;
+  --token-component-time-picker-focus-empty-text: #a3a3ab;
+  --token-component-time-picker-focus-empty-icon: #ffffff;
+  --token-component-time-picker-focus-empty-hint-text: #a3a3ab;
+  --token-component-time-picker-focus-background: #343438;
+  --token-component-time-picker-focus-border: #5bb3ea;
+  --token-component-time-picker-focus-text: #ffffff;
+  --token-component-time-picker-focus-icon: #ffffff;
+  --token-component-time-picker-focus-hint-text: #a3a3ab;
+  --token-component-time-picker-read-only-text: #ffffff;
+  --token-component-tooltip-background: #ffffff;
+  --token-component-tooltip-text: #343438;
+  --token-component-tree-text: #ffffff;
+  --token-component-tree-border: #515157;
+  --token-component-tree-icon-default: #ffffff;
+  --token-component-tree-icon-hover: #96cff0;
+  --token-component-tree-icon-active: #5bb3ea;
+  --token-component-tree-background-default: #343438;
+  --token-component-tree-background-hover: #3d3d42;
+  --token-component-tree-expanded-area-border: #696970;
+  --token-component-widget-download-text: #ffffff;
+  --token-component-widget-download-border: #515157;
+  --token-component-widget-download-background-header: #343438;
+  --token-component-widget-download-background-default: #3d3d42;
+  --token-component-widget-download-icon-default: #ffffff;
+  --token-component-widget-download-icon-success: #65ba75;
+  --token-component-widget-download-icon-error: #eb9091;
+  --token-component-widget-upload-default-background: #343438;
+  --token-component-widget-upload-default-border: #696970;
+  --token-component-widget-upload-default-icon: #ffffff;
+  --token-component-widget-upload-default-text-default: #ffffff;
+  --token-component-widget-upload-default-text-link: #5bb3ea;
+  --token-component-widget-upload-hover-background: #3d3d42;
+  --token-component-widget-upload-hover-border: #5bb3ea;
+  --token-component-widget-upload-hover-icon: #ffffff;
+  --token-component-widget-upload-hover-text-default: #ffffff;
+  --token-component-widget-upload-hover-text-link: #5bb3ea;
+  --token-component-widget-upload-disabled-background: #515157;
+  --token-component-widget-upload-disabled-border: #515157;
+  --token-component-widget-upload-disabled-icon: #83838c;
+  --token-component-widget-upload-disabled-text: #83838c;
+  --token-component-stepper-horizontal-line: #515157;
+  --token-component-stepper-horizontal-past-item-circle-background: #3d3d42;
+  --token-component-stepper-horizontal-past-item-circle-border: #5bb3ea;
+  --token-component-stepper-horizontal-past-item-circle-text: #5bb3ea;
+  --token-component-stepper-horizontal-past-item-circle-icon: #5bb3ea;
+  --token-component-stepper-horizontal-past-item-text-default: #ffffff;
+  --token-component-stepper-horizontal-past-item-text-hover: #5bb3ea;
+  --token-component-stepper-horizontal-current-item-circle-background: #5bb3ea;
+  --token-component-stepper-horizontal-current-item-circle-text: #ffffff;
+  --token-component-stepper-horizontal-current-item-text-default: #ffffff;
+  --token-component-stepper-horizontal-current-item-text-hover: #5bb3ea;
+  --token-component-stepper-horizontal-future-item-circle-background: #343438;
+  --token-component-stepper-horizontal-future-item-circle-border: #515157;
+  --token-component-stepper-horizontal-future-item-circle-text: #83838c;
+  --token-component-stepper-horizontal-future-item-text: #83838c;
+  --token-component-stepper-vertical-background: #3d3d42;
+  --token-component-stepper-vertical-border: #515157;
+  --token-component-stepper-vertical-icon: #ffffff;
+  --token-component-stepper-vertical-past-item-circle-background: #3d3d42;
+  --token-component-stepper-vertical-past-item-circle-border: #5bb3ea;
+  --token-component-stepper-vertical-past-item-circle-text: #5bb3ea;
+  --token-component-stepper-vertical-past-item-circle-icon: #5bb3ea;
+  --token-component-stepper-vertical-past-item-text-default: #ffffff;
+  --token-component-stepper-vertical-past-item-text-hover: #5bb3ea;
+  --token-component-stepper-vertical-current-item-icon: #5bb3ea;
+  --token-component-stepper-vertical-current-item-circle-background: #5bb3ea;
+  --token-component-stepper-vertical-current-item-circle-text: #ffffff;
+  --token-component-stepper-vertical-current-item-text-default: #ffffff;
+  --token-component-stepper-vertical-current-item-text-hover: #5bb3ea;
+  --token-component-stepper-vertical-future-item-circle-background: #343438;
+  --token-component-stepper-vertical-future-item-circle-border: #696970;
+  --token-component-stepper-vertical-future-item-circle-text: #a3a3ab;
+  --token-component-stepper-vertical-future-item-text-default: #ffffff;
+  --token-component-stepper-vertical-future-item-text-hover: #5bb3ea;
+  --token-component-stepper-vertical-disabled-item-circle-background: #343438;
+  --token-component-stepper-vertical-disabled-item-circle-border: #515157;
+  --token-component-stepper-vertical-disabled-item-circle-text: #83838c;
+  --token-component-stepper-vertical-disabled-item-text: #83838c;
+  --token-component-advanced-search-filter-icon-default-icon: #ffffff;
+  --token-component-advanced-search-filter-icon-hover-icon: #96cff0;
+  --token-component-advanced-search-filter-icon-applied-icon: #5bb3ea;
+  --token-component-advanced-search-filter-icon-applied-badge-background: #d63c42;
+  --token-component-advanced-search-filter-icon-applied-badge-text: #ffffff;
+  --token-component-advanced-search-filter-icon-disabled-icon: #83838c;
+  --token-component-advanced-search-filter-icon-disabled-badge-background: #83838c;
+  --token-component-advanced-search-filter-icon-disabled-badge-text: #ffffff;
+  --token-component-advanced-search-filter-area-background: #343438;
+  --token-component-advanced-search-filter-area-border: #515157;
+  --token-component-advanced-search-filter-area-text-default: #ffffff;
+  --token-component-advanced-search-filter-area-text-link: #5bb3ea;
+  --token-component-advanced-search-filter-area-icon-default: #ffffff;
+  --token-component-advanced-search-filter-area-icon-hover: #96cff0;
+  --token-component-advanced-search-filter-area-icon-disabled: #83838c;
+  --token-component-advanced-search-filter-area-tag-background: #3d3d42;
+  --token-component-advanced-search-filter-area-tag-border: #515157;
+  --token-component-advanced-search-filter-area-tag-operator-icon: #c25d05;
+  --token-component-advanced-search-filter-area-tag-icon-default: #ffffff;
+  --token-component-advanced-search-filter-area-tag-icon-hover: #96cff0;
+  --token-component-segmented-status-button-default-background: #3d3d42;
+  --token-component-segmented-status-button-default-border: #696970;
+  --token-component-segmented-status-button-default-text: #a3a3ab;
+  --token-component-segmented-status-button-default-icon: #a3a3ab;
+  --token-component-segmented-status-button-hover-background: #515157;
+  --token-component-segmented-status-button-hover-border: #696970;
+  --token-component-segmented-status-button-hover-text: #a3a3ab;
+  --token-component-segmented-status-button-hover-icon: #a3a3ab;
+  --token-component-segmented-status-button-disabled-background: #3d3d42;
+  --token-component-segmented-status-button-disabled-border: #515157;
+  --token-component-segmented-status-button-disabled-text: #83838c;
+  --token-component-segmented-status-button-disabled-icon: #83838c;
+  --token-component-segmented-status-button-disabled-positive-background: #515157;
+  --token-component-segmented-status-button-disabled-positive-text: #83838c;
+  --token-component-segmented-status-button-disabled-positive-icon: #83838c;
+  --token-component-segmented-status-button-active-positive-background: #65ba75;
+  --token-component-segmented-status-button-active-positive-text: #343438;
+  --token-component-segmented-status-button-active-positive-icon: #343438;
+  --token-component-segmented-status-button-disabled-negative-background: #515157;
+  --token-component-segmented-status-button-disabled-negative-text: #83838c;
+  --token-component-segmented-status-button-disabled-negative-icon: #83838c;
+  --token-component-segmented-status-button-active-negative-background: #eb9091;
+  --token-component-segmented-status-button-active-negative-text: #343438;
+  --token-component-segmented-status-button-active-negative-icon: #343438;
+  --token-component-segmented-status-button-disabled-neutral-background: #515157;
+  --token-component-segmented-status-button-disabled-neutral-text: #83838c;
+  --token-component-segmented-status-button-disabled-neutral-icon: #83838c;
+  --token-component-segmented-status-button-active-neutral-background: #696970;
+  --token-component-segmented-status-button-active-neutral-text: #ffffff;
+  --token-component-segmented-status-button-active-neutral-icon: #ffffff;
+  --token-component-link-select-default-text: #5bb3ea;
+  --token-component-link-select-default-icon: #ffffff;
+  --token-component-link-select-hover-text: #96cff0;
+  --token-component-link-select-hover-icon: #96cff0;
+  --token-component-link-select-filled-text: #5bb3ea;
+  --token-component-link-select-filled-icon: #ffffff;
+  --token-component-link-select-disabled-text: #83838c;
+  --token-component-link-select-disabled-icon: #83838c;
+  --token-component-link-select-focus-text: #5bb3ea;
+  --token-component-link-select-focus-icon: #ffffff;
+  --token-component-link-select-read-only-text: #ffffff;
+}
diff --git a/dist/themes/densedDark/tokens.d.ts b/dist/themes/densedDark/tokens.d.ts
new file mode 100644
index 0000000..bc42094
--- /dev/null
+++ b/dist/themes/densedDark/tokens.d.ts
@@ -0,0 +1,1608 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const TokenGlobalColorNeutrals5 = "#f7f7fa"; // Page background color, disabled form elements fill (input, text area, etc)
+export const TokenGlobalColorNeutrals10 = "#ededf2"; // UI element bg
+export const TokenGlobalColorNeutrals20 = "#e5e5ea"; // Subtle background
+export const TokenGlobalColorNeutrals30 = "#d6d6dd"; // Container border, divider, stroke
+export const TokenGlobalColorNeutrals40 = "#c2c2ca"; // Disabled border
+export const TokenGlobalColorNeutrals50 = "#a3a3ab";
+export const TokenGlobalColorNeutrals60 = "#83838c"; // Default field border
+export const TokenGlobalColorNeutrals70 = "#696970"; // Color for text placeholder and hints
+export const TokenGlobalColorNeutrals80 = "#515157";
+export const TokenGlobalColorNeutrals90 = "#3d3d42"; // Default icon color, hover color for fields border
+export const TokenGlobalColorNeutrals100 = "#343438"; // Default text color
+export const TokenGlobalColorNeutralsBlack = "#232326"; // Global header and footer
+export const TokenGlobalColorNeutralsWhite = "#ffffff";
+export const TokenGlobalColorBrand5 = "#f5fbff";
+export const TokenGlobalColorBrand10 = "#edf8ff";
+export const TokenGlobalColorBrand20 = "#e1f4ff";
+export const TokenGlobalColorBrand30 = "#ceedfe";
+export const TokenGlobalColorBrand40 = "#afdef8";
+export const TokenGlobalColorBrand50 = "#96cff0";
+export const TokenGlobalColorBrand60 = "#5bb3ea";
+export const TokenGlobalColorBrand70 = "#009cde"; // Akamai Blue
+export const TokenGlobalColorBrand80 = "#108ad6";
+export const TokenGlobalColorBrand90 = "#0174bc"; // Akamai Websafe Blue
+export const TokenGlobalColorBrand100 = "#00314d";
+export const TokenGlobalColorRed5 = "#fff8f8";
+export const TokenGlobalColorRed10 = "#ffefef";
+export const TokenGlobalColorRed20 = "#ffe5e5";
+export const TokenGlobalColorRed30 = "#fdd8d8";
+export const TokenGlobalColorRed40 = "#f9c6c6";
+export const TokenGlobalColorRed50 = "#f3aeaf";
+export const TokenGlobalColorRed60 = "#eb9091";
+export const TokenGlobalColorRed70 = "#d63c42"; // Critical or high severity
+export const TokenGlobalColorRed80 = "#d0343a"; // Akamai Red
+export const TokenGlobalColorRed90 = "#b82329";
+export const TokenGlobalColorRed100 = "#381316";
+export const TokenGlobalColorOrange5 = "#fef9f4";
+export const TokenGlobalColorOrange10 = "#fff3e7";
+export const TokenGlobalColorOrange20 = "#ffebd7";
+export const TokenGlobalColorOrange30 = "#ffe1c3";
+export const TokenGlobalColorOrange40 = "#facfa4";
+export const TokenGlobalColorOrange50 = "#f2b67b";
+export const TokenGlobalColorOrange60 = "#f09d4b";
+export const TokenGlobalColorOrange70 = "#fe9933"; // Akamai Orange. High or medium severity
+export const TokenGlobalColorOrange80 = "#f0821d";
+export const TokenGlobalColorOrange90 = "#c25d05";
+export const TokenGlobalColorOrange100 = "#451e11";
+export const TokenGlobalColorAmber5 = "#fff9ed";
+export const TokenGlobalColorAmber10 = "#fff4d5";
+export const TokenGlobalColorAmber20 = "#ffecbc";
+export const TokenGlobalColorAmber30 = "#ffe3a2";
+export const TokenGlobalColorAmber40 = "#facf83";
+export const TokenGlobalColorAmber50 = "#f3ba63";
+export const TokenGlobalColorAmber60 = "#edb016";
+export const TokenGlobalColorAmber70 = "#fecb34"; // Medium or low severity
+export const TokenGlobalColorAmber80 = "#f2b90e";
+export const TokenGlobalColorAmber90 = "#ce9a00";
+export const TokenGlobalColorAmber100 = "#403104";
+export const TokenGlobalColorYellow5 = "#ffffeb";
+export const TokenGlobalColorYellow10 = "#fafadf";
+export const TokenGlobalColorYellow20 = "#f9f9c9";
+export const TokenGlobalColorYellow30 = "#f8f8b6";
+export const TokenGlobalColorYellow40 = "#f5f596";
+export const TokenGlobalColorYellow50 = "#e8e86a";
+export const TokenGlobalColorYellow60 = "#dfdf39";
+export const TokenGlobalColorYellow70 = "#f5f531";
+export const TokenGlobalColorYellow80 = "#e5e50a";
+export const TokenGlobalColorYellow90 = "#bfbf0d";
+export const TokenGlobalColorYellow100 = "#35290f";
+export const TokenGlobalColorLime5 = "#f7fcf0";
+export const TokenGlobalColorLime10 = "#eefadc";
+export const TokenGlobalColorLime20 = "#e4f7c7";
+export const TokenGlobalColorLime30 = "#d7f2b0";
+export const TokenGlobalColorLime40 = "#c9e894";
+export const TokenGlobalColorLime50 = "#b1d16a";
+export const TokenGlobalColorLime60 = "#94ba2c";
+export const TokenGlobalColorLime70 = "#99d52a";
+export const TokenGlobalColorLime80 = "#93c926";
+export const TokenGlobalColorLime90 = "#5d770d";
+export const TokenGlobalColorLime100 = "#263209";
+export const TokenGlobalColorGreen5 = "#f3fcf3";
+export const TokenGlobalColorGreen10 = "#ebf9eb";
+export const TokenGlobalColorGreen20 = "#dff3df";
+export const TokenGlobalColorGreen30 = "#ceebcf";
+export const TokenGlobalColorGreen40 = "#b7dfba";
+export const TokenGlobalColorGreen50 = "#97cf9c";
+export const TokenGlobalColorGreen60 = "#65ba75";
+export const TokenGlobalColorGreen70 = "#00b050"; // Akamai Green. Low severity (human)
+export const TokenGlobalColorGreen80 = "#07a04d";
+export const TokenGlobalColorGreen90 = "#138246";
+export const TokenGlobalColorGreen100 = "#1b311e";
+export const TokenGlobalColorTeal5 = "#f1fcfa";
+export const TokenGlobalColorTeal10 = "#e7f9f5";
+export const TokenGlobalColorTeal20 = "#d9f3ee";
+export const TokenGlobalColorTeal30 = "#c7ebe5";
+export const TokenGlobalColorTeal40 = "#afdfd7";
+export const TokenGlobalColorTeal50 = "#8dcec3";
+export const TokenGlobalColorTeal60 = "#53b9ab";
+export const TokenGlobalColorTeal70 = "#12a594";
+export const TokenGlobalColorTeal80 = "#0e9888";
+export const TokenGlobalColorTeal90 = "#067a6f";
+export const TokenGlobalColorTeal100 = "#10302b";
+export const TokenGlobalColorCyan5 = "#f2fcfd";
+export const TokenGlobalColorCyan10 = "#e7f9fb";
+export const TokenGlobalColorCyan20 = "#d8f3f6";
+export const TokenGlobalColorCyan30 = "#aadee6";
+export const TokenGlobalColorCyan40 = "#84cdda";
+export const TokenGlobalColorCyan50 = "#84cdda";
+export const TokenGlobalColorCyan60 = "#3db9cf";
+export const TokenGlobalColorCyan70 = "#05a2c2";
+export const TokenGlobalColorCyan80 = "#0894b3";
+export const TokenGlobalColorCyan90 = "#0c7792";
+export const TokenGlobalColorCyan100 = "#04313c";
+export const TokenGlobalColorUltramarine5 = "#f8faff";
+export const TokenGlobalColorUltramarine10 = "#f0f4ff";
+export const TokenGlobalColorUltramarine20 = "#e6edfe";
+export const TokenGlobalColorUltramarine30 = "#d9e2fc";
+export const TokenGlobalColorUltramarine40 = "#c6d4f9";
+export const TokenGlobalColorUltramarine50 = "#aec0f5";
+export const TokenGlobalColorUltramarine60 = "#8da4ef";
+export const TokenGlobalColorUltramarine70 = "#4067e5";
+export const TokenGlobalColorUltramarine80 = "#3a5ccc";
+export const TokenGlobalColorUltramarine90 = "#3451b2";
+export const TokenGlobalColorUltramarine100 = "#002856"; // Akamai Dark Navy
+export const TokenGlobalColorViolet5 = "#fbfaff";
+export const TokenGlobalColorViolet10 = "#f5f2ff";
+export const TokenGlobalColorViolet20 = "#ede9fe";
+export const TokenGlobalColorViolet30 = "#e4defc";
+export const TokenGlobalColorViolet40 = "#d7cff9";
+export const TokenGlobalColorViolet50 = "#c4b8f3";
+export const TokenGlobalColorViolet60 = "#aa99ec";
+export const TokenGlobalColorViolet70 = "#7259d6";
+export const TokenGlobalColorViolet80 = "#644fc1";
+export const TokenGlobalColorViolet90 = "#5746af";
+export const TokenGlobalColorViolet100 = "#20134b";
+export const TokenGlobalColorPurple5 = "#fdfaff";
+export const TokenGlobalColorPurple10 = "#f9f1fe";
+export const TokenGlobalColorPurple20 = "#f3e7fc";
+export const TokenGlobalColorPurple30 = "#eddbf9";
+export const TokenGlobalColorPurple40 = "#e3ccf4";
+export const TokenGlobalColorPurple50 = "#d3b4ed";
+export const TokenGlobalColorPurple60 = "#be93e4";
+export const TokenGlobalColorPurple70 = "#8e4ec6";
+export const TokenGlobalColorPurple80 = "#8445bc";
+export const TokenGlobalColorPurple90 = "#753bbd"; // Akamai Purple
+export const TokenGlobalColorPurple100 = "#2b0e44";
+export const TokenGlobalColorMagenta5 = "#fff8ff";
+export const TokenGlobalColorMagenta10 = "#fceffc";
+export const TokenGlobalColorMagenta20 = "#f9e5f9";
+export const TokenGlobalColorMagenta30 = "#f3d9f4";
+export const TokenGlobalColorMagenta40 = "#ebc8ed";
+export const TokenGlobalColorMagenta50 = "#dfafe3";
+export const TokenGlobalColorMagenta60 = "#cf91d8";
+export const TokenGlobalColorMagenta70 = "#ab4aba"; // Critical severity
+export const TokenGlobalColorMagenta80 = "#a43cb4";
+export const TokenGlobalColorMagenta90 = "#9c2bad";
+export const TokenGlobalColorMagenta100 = "#340c3b";
+export const TokenGlobalColorPink5 = "#fff7fc";
+export const TokenGlobalColorPink10 = "#feeef8";
+export const TokenGlobalColorPink20 = "#fce5f3";
+export const TokenGlobalColorPink30 = "#f9d8ec";
+export const TokenGlobalColorPink40 = "#f3c6e2";
+export const TokenGlobalColorPink50 = "#ecadd4";
+export const TokenGlobalColorPink60 = "#e38ec3";
+export const TokenGlobalColorPink70 = "#e043a7";
+export const TokenGlobalColorPink80 = "#d23197";
+export const TokenGlobalColorPink90 = "#cd1d8d";
+export const TokenGlobalColorPink100 = "#3b0a2a";
+export const TokenGlobalColorBrown5 = "#fbf9f2";
+export const TokenGlobalColorBrown10 = "#f5f2e9";
+export const TokenGlobalColorBrown20 = "#eeeadd";
+export const TokenGlobalColorBrown30 = "#e5dfd0";
+export const TokenGlobalColorBrown40 = "#dad1bd";
+export const TokenGlobalColorBrown50 = "#cbbda4";
+export const TokenGlobalColorBrown60 = "#b8a383";
+export const TokenGlobalColorBrown70 = "#978365";
+export const TokenGlobalColorBrown80 = "#8c795d";
+export const TokenGlobalColorBrown90 = "#776750";
+export const TokenGlobalColorBrown100 = "#3b352b";
+export const TokenGlobalSpacing0 = "0rem";
+export const TokenGlobalSpacing10 = "0.125rem"; // 2px
+export const TokenGlobalSpacing20 = "0.25rem"; // 4px
+export const TokenGlobalSpacing30 = "0.375rem"; // 6px
+export const TokenGlobalSpacing40 = "0.5rem"; // 8px
+export const TokenGlobalSpacing50 = "0.75rem"; // 12px
+export const TokenGlobalSpacing60 = "1rem"; // 16px
+export const TokenGlobalSpacing70 = "1.5rem"; // 24px
+export const TokenGlobalSpacing80 = "2rem"; // 32px
+export const TokenGlobalSpacing90 = "3rem"; // 48px
+export const TokenGlobalFontFontFamilyBrand = "'Nunito Sans'";
+export const TokenGlobalFontFontFamilyCode = "'Fira Code'";
+export const TokenGlobalFontFontWeightSemibold = "600";
+export const TokenGlobalFontFontWeightBold = "700";
+export const TokenGlobalFontFontWeightExtrabold = "800";
+export const TokenGlobalFontFontWeightRegularNormal = "400";
+export const TokenGlobalFontFontWeightRegularItalic = "400";
+export const TokenGlobalFontFontSizeXxxs = "0.75rem"; // 12px
+export const TokenGlobalFontFontSizeXxs = "0.813rem"; // 13px
+export const TokenGlobalFontFontSizeXs = "0.875rem"; // 14px
+export const TokenGlobalFontFontSizeS = "1rem"; // 16px
+export const TokenGlobalFontFontSizeM = "1.125rem"; // 18px
+export const TokenGlobalFontFontSizeL = "1.25rem"; // 20px
+export const TokenGlobalFontFontSizeXl = "1.5rem"; // 24px
+export const TokenGlobalFontFontSizeXxl = "1.75rem"; // 28px
+export const TokenGlobalFontFontSizeXxxl = "2.25rem"; // 36px
+export const TokenGlobalFontLineHeightXxxs = "1rem"; // 16px
+export const TokenGlobalFontLineHeightXxs = "1.125rem"; // 18px
+export const TokenGlobalFontLineHeightXs = "1.25rem"; // 20px
+export const TokenGlobalFontLineHeightS = "1.5rem"; // 24px
+export const TokenGlobalFontLineHeightM = "1.625rem"; // 26px
+export const TokenGlobalFontLineHeightL = "1.875rem"; // 30px
+export const TokenGlobalFontLineHeightXl = "2rem"; // 32px
+export const TokenGlobalFontLineHeightXxl = "2.375rem"; // 38px
+export const TokenGlobalFontLineHeightXxxl = "2.625rem"; // 42px
+export const TokenGlobalFontTextcaseUppercase = "uppercase";
+export const TokenGlobalBorderRadiusNone = "0rem";
+export const TokenAliasContentTextBase = "#343438";
+export const TokenAliasContentTextNegative = "#eb9091"; // Error message text
+export const TokenAliasContentTextWarning = "#fecb34";
+export const TokenAliasContentTextPositive = "#00b050";
+export const TokenAliasContentTextInformative = "#4067e5";
+export const TokenAliasContentTextPrimaryDefault = "#ffffff"; // Primary text color
+export const TokenAliasContentTextPrimaryDisabled = "#83838c";
+export const TokenAliasContentTextSecondaryDefault = "#a3a3ab"; // Placeholder text
+export const TokenAliasContentTextSecondaryDisabled = "#83838c";
+export const TokenAliasContentTextLinkDefault = "#5bb3ea";
+export const TokenAliasContentTextLinkHover = "#96cff0";
+export const TokenAliasContentTextLinkDisabled = "#83838c";
+export const TokenAliasContentIconBase = "#343438";
+export const TokenAliasContentIconNegative = "#eb9091";
+export const TokenAliasContentIconWarning = "#edb016";
+export const TokenAliasContentIconPositive = "#65ba75";
+export const TokenAliasContentIconInformative = "#8da4ef";
+export const TokenAliasContentIconPrimaryDefault = "#ffffff"; // Default icon color
+export const TokenAliasContentIconPrimaryHover = "#96cff0";
+export const TokenAliasContentIconPrimaryActive = "#5bb3ea";
+export const TokenAliasContentIconPrimaryDisabled = "#83838c";
+export const TokenAliasContentIconSecondaryDefault = "#a3a3ab";
+export const TokenAliasContentIconSecondaryDisabled = "#83838c";
+export const TokenAliasBorderNormal = "#515157"; // Static component border
+export const TokenAliasBorderNeutral = "#c2c2ca"; // Secondary notification banner border
+export const TokenAliasBorderNegative = "#eb9091";
+export const TokenAliasBorderWarning = "#edb016";
+export const TokenAliasBorderPositive = "#65ba75";
+export const TokenAliasBorderInformative = "#8da4ef";
+export const TokenAliasBackgroundNormal = "#3d3d42"; // Default component background
+export const TokenAliasBackgroundNeutral = "#343438"; // Default page background
+export const TokenAliasBackgroundBase = "#ffffff"; // Tooltip background
+export const TokenAliasBackgroundNegative = "#d63c42";
+export const TokenAliasBackgroundWarning = "#fecb34";
+export const TokenAliasBackgroundPositive = "#00b050";
+export const TokenAliasBackgroundInformative = "#4067e5";
+export const TokenAliasBackgroundBlack = "#232326"; // Use only for a global header and global footer background
+export const TokenAliasBackgroundNegativesubtle = "#515157";
+export const TokenAliasBackgroundWarningsubtle = "#515157";
+export const TokenAliasBackgroundPositivesubtle = "#515157";
+export const TokenAliasBackgroundInformativesubtle = "#515157";
+export const TokenAliasBackgroundNeutralsubtle = "#515157";
+export const TokenAliasBackgroundOverlay = "lch(13.8 2.09 286 / 0.84)";
+export const TokenAliasActionBase = "#3d3d42";
+export const TokenAliasActionNeutral = "#696970";
+export const TokenAliasActionWhite50 = "#ffffff"; // Transparent disabled switcher circle
+export const TokenAliasActionPrimaryDefault = "#5bb3ea"; // Brand action color
+export const TokenAliasActionPrimaryHover = "#96cff0";
+export const TokenAliasActionPrimaryActive = "#5bb3ea";
+export const TokenAliasActionPrimaryDisabled = "#515157";
+export const TokenAliasActionSecondaryHover = "#515157";
+export const TokenAliasActionSecondaryDisabled = "#515157";
+export const TokenAliasActionTertiaryDisabled = "#515157";
+export const TokenAliasActionPositiveDefault = "#65ba75";
+export const TokenAliasActionPositiveDisabled = "#515157";
+export const TokenAliasActionNegativeDefault = "#eb9091";
+export const TokenAliasActionNegativeDisabled = "#515157";
+export const TokenAliasInteractionBorderDefault = "#696970"; // Default inputs border
+export const TokenAliasInteractionBorderHover = "#c2c2ca";
+export const TokenAliasInteractionBorderFocus = "#5bb3ea";
+export const TokenAliasInteractionBorderError = "#eb9091";
+export const TokenAliasInteractionBorderDisabled = "#515157";
+export const TokenAliasInteractionBackgroundPrimary = "#343438"; // Default component background color
+export const TokenAliasInteractionBackgroundSecondary = "#343438";
+export const TokenAliasInteractionBackgroundTertiary = "#3d3d42";
+export const TokenAliasInteractionBackgroundElevated = "#515157"; // Calendar range background, table row hover 
+export const TokenAliasInteractionBackgroundAccent = "#5bb3ea";
+export const TokenAliasInteractionBackgroundActive = "#5bb3ea";
+export const TokenAliasInteractionBackgroundDisabled = "#515157";
+export const TokenAliasElevationS = "0 2px 6px 0 rgba(0,0,0,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups;
+export const TokenAliasElevationSInverted = "0 -2px 6px 0 rgba(0,0,0,0.18)"; // Inverted shadow for elements that appear above the component
+export const TokenAliasElevationL = "0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08)"; // Shadow for modals
+export const TokenAliasTypographyHeadingXxxl = "700 2.25rem/2.625rem 'Nunito Sans'"; // Promo banners, KPIs
+export const TokenAliasTypographyHeadingXxl = "800 1.75rem/2rem 'Nunito Sans'"; // Main titles - h1
+export const TokenAliasTypographyHeadingXl = "700 1.5rem/1.875rem 'Nunito Sans'"; // Second level title - h2
+export const TokenAliasTypographyHeadingL = "700 1.25rem/1.625rem 'Nunito Sans'"; // Third level title - h3
+export const TokenAliasTypographyHeadingM = "700 1.125rem/1.5rem 'Nunito Sans'"; // Drawer, modal title - h4
+export const TokenAliasTypographyHeadingS = "700 1rem/1.25rem 'Nunito Sans'"; // Advanced search, bars, master switch titles - h5
+export const TokenAliasTypographyHeadingXs = "700 0.875rem/1.125rem 'Nunito Sans'"; // Low level headings - h6
+export const TokenAliasTypographyHeadingOverline = "800 0.75rem/1rem 'Nunito Sans'"; // Custom labels for content blocks
+export const TokenAliasTypographyHeadingOverlineLetterSpacing = "0.023rem"; // Overline letter spacing
+export const TokenAliasTypographyHeadingOverlineTextCase = "uppercase"; // Overline text case
+export const TokenAliasTypographyBodyRegular = "400 0.875rem/1.25rem 'Nunito Sans'"; // Main body text
+export const TokenAliasTypographyBodySemibold = "600 0.875rem/1.25rem 'Nunito Sans'"; // Light emphasis
+export const TokenAliasTypographyBodyBold = "700 0.875rem/1.25rem 'Nunito Sans'"; // Emphasis
+export const TokenAliasTypographyBodyExtrabold = "800 0.875rem/1.25rem 'Nunito Sans'"; // Max emphasis
+export const TokenAliasTypographyBodyList = "400 0.875rem/1.25rem 'Nunito Sans'"; // For list items
+export const TokenAliasTypographyBodyItalic = "400 0.875rem/1.25rem 'Nunito Sans'";
+export const TokenAliasTypographyLabelSemiboldL = "600 1rem/1.25rem 'Nunito Sans'"; // Large tabs
+export const TokenAliasTypographyLabelSemiboldS = "600 0.875rem/1rem 'Nunito Sans'"; // Large buttons, list, segmented buttons, side navigation, small tables
+export const TokenAliasTypographyLabelSemiboldXs = "600 0.75rem/1rem 'Nunito Sans'"; // Small buttons, tags, warning message under field
+export const TokenAliasTypographyLabelBoldL = "700 1rem/1.25rem 'Nunito Sans'"; // Card, content panel, vertical stepper
+export const TokenAliasTypographyLabelBoldS = "700 0.875rem/1rem 'Nunito Sans'"; // Field labels, table header, date&time pickers
+export const TokenAliasTypographyLabelBoldXs = "700 0.75rem/0.875rem 'Nunito Sans'"; // Badge number
+export const TokenAliasTypographyLabelRegularS = "400 0.875rem/1rem 'Nunito Sans'"; // Field entered text, dropdown item, table cell, pagination
+export const TokenAliasTypographyLabelRegularXs = "400 0.75rem/1rem 'Nunito Sans'"; // Optional text, small dropdown item
+export const TokenAliasTypographyLabelRegularPlaceholder = "400 0.875rem/1rem 'Nunito Sans'";
+export const TokenAliasTypographyCode = "400 0.813rem/1.25rem 'Fira Code'"; // Code samples
+export const TokenAliasAccentInfoPrimary = "#aec0f5";
+export const TokenAliasAccentInfoSecondary = "lch(77.7 28.7 275 / 0.12)";
+export const TokenAliasAccentNeutralPrimary = "#c2c2ca";
+export const TokenAliasAccentNeutralSecondary = "lch(78.6 4.18 286 / 0.12)";
+export const TokenAliasAccentWarningPrimary = "#f2b67b";
+export const TokenAliasAccentWarningSecondary = "lch(79.6 53.6 74.4 / 0.12)";
+export const TokenAliasAccentNegativePrimary = "#f3aeaf";
+export const TokenAliasAccentNegativeSecondary = "lch(77.8 28 21.1 / 0.12)";
+export const TokenAliasAccentPositivePrimary = "#97cf9c";
+export const TokenAliasAccentPositiveSecondary = "lch(78.2 32.7 144 / 0.12)";
+export const TokenAliasAccentImportantPrimary = "#d3b4ed";
+export const TokenAliasAccentImportantSecondary = "lch(77.5 31.1 309 / 0.12)";
+export const TokenAliasAccentPinkPrimary = "#ecadd4";
+export const TokenAliasAccentPinkSecondary = "lch(77.6 29.9 340 / 0.12)";
+export const TokenAliasAccentVioletPrimary = "#c4b8f3";
+export const TokenAliasAccentVioletSecondary = "lch(77.3 30.9 295 / 0.12)";
+export const TokenAliasChartNeutral = "#515157";
+export const TokenAliasChartCategorical1Primary = "#4067e5";
+export const TokenAliasChartCategorical1Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical1Transparent = "lch(46.5 72.3 286 / 0.2)";
+export const TokenAliasChartCategorical2Primary = "#fe9933";
+export const TokenAliasChartCategorical2Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical2Transparent = "lch(72.9 74.2 63 / 0.2)";
+export const TokenAliasChartCategorical3Primary = "#12a594";
+export const TokenAliasChartCategorical3Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical3Transparent = "lch(60.7 39.7 183 / 0.2)";
+export const TokenAliasChartCategorical4Primary = "#ab4aba";
+export const TokenAliasChartCategorical4Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical4Transparent = "lch(48.2 66.6 322 / 0.2)";
+export const TokenAliasChartCategorical5Primary = "#d63c42";
+export const TokenAliasChartCategorical5Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical5Transparent = "lch(50.1 69.5 29.4 / 0.2)";
+export const TokenAliasChartCategorical6Primary = "#05a2c2";
+export const TokenAliasChartCategorical6Inactive = "#aadee6";
+export const TokenAliasChartCategorical6Transparent = "lch(61 38.6 224 / 0.2)";
+export const TokenAliasChartCategorical7Primary = "#e043a7";
+export const TokenAliasChartCategorical7Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical7Transparent = "lch(55 70 344 / 0.2)";
+export const TokenAliasChartCategorical8Primary = "#00b050";
+export const TokenAliasChartCategorical8Inactive = "#ceebcf";
+export const TokenAliasChartCategorical8Transparent = "lch(63 67 146 / 0.2)";
+export const TokenAliasChartCategorical9Primary = "#7259d6";
+export const TokenAliasChartCategorical9Inactive = "#e4defc";
+export const TokenAliasChartCategorical9Transparent = "lch(45.6 71 299 / 0.2)";
+export const TokenAliasChartCategorical10Primary = "#99d52a";
+export const TokenAliasChartCategorical10Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical10Transparent = "lch(79 79.1 118 / 0.2)";
+export const TokenAliasChartCategorical11Primary = "#696970";
+export const TokenAliasChartCategorical11Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical11Transparent = "lch(44.6 4.09 286 / 0.2)";
+export const TokenAliasChartCategorical12Primary = "#8da4ef";
+export const TokenAliasChartCategorical12Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical12Transparent = "lch(67.9 41.2 278 / 0.2)";
+export const TokenAliasChartCategorical13Primary = "#c25d05";
+export const TokenAliasChartCategorical13Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical13Transparent = "lch(51.7 70.9 57.2 / 0.2)";
+export const TokenAliasChartCategorical14Primary = "#067a6f";
+export const TokenAliasChartCategorical14Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical14Transparent = "lch(45.6 31.8 185 / 0.2)";
+export const TokenAliasChartCategorical15Primary = "#cf91d8";
+export const TokenAliasChartCategorical15Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical15Transparent = "lch(68.3 42.4 321 / 0.2)";
+export const TokenAliasChartCategorical16Primary = "#eb9091";
+export const TokenAliasChartCategorical16Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical16Transparent = "lch(69.6 38.4 22.9 / 0.2)";
+export const TokenAliasChartCategorical17Primary = "#0c7792";
+export const TokenAliasChartCategorical17Inactive = "#aadee6";
+export const TokenAliasChartCategorical17Transparent = "lch(45.7 30.9 228 / 0.2)";
+export const TokenAliasChartCategorical18Primary = "#e38ec3";
+export const TokenAliasChartCategorical18Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical18Transparent = "lch(69.3 40.8 341 / 0.2)";
+export const TokenAliasChartCategorical19Primary = "#97cf9c";
+export const TokenAliasChartCategorical19Inactive = "#ceebcf";
+export const TokenAliasChartCategorical19Transparent = "lch(78.2 32.7 144 / 0.2)";
+export const TokenAliasChartCategorical20Primary = "#aa99ec";
+export const TokenAliasChartCategorical20Inactive = "#e4defc";
+export const TokenAliasChartCategorical20Transparent = "lch(67.2 44.6 296 / 0.2)";
+export const TokenAliasChartCategorical21Primary = "#94ba2c";
+export const TokenAliasChartCategorical21Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical21Transparent = "lch(70.8 67.7 114 / 0.2)";
+export const TokenAliasChartCategorical22Primary = "#3d3d42";
+export const TokenAliasChartCategorical22Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical22Transparent = "lch(25.9 3.2 286 / 0.2)";
+export const TokenAliasChartMonochromaticDefault5 = "#f8faff";
+export const TokenAliasChartMonochromaticDefault10 = "#f0f4ff";
+export const TokenAliasChartMonochromaticDefault20 = "#e6edfe";
+export const TokenAliasChartMonochromaticDefault30 = "#d9e2fc";
+export const TokenAliasChartMonochromaticDefault40 = "#c6d4f9";
+export const TokenAliasChartMonochromaticDefault50 = "#aec0f5";
+export const TokenAliasChartMonochromaticDefault60 = "#8da4ef";
+export const TokenAliasChartMonochromaticDefault70 = "#4067e5";
+export const TokenAliasChartMonochromaticDefault90 = "#3451b2";
+export const TokenAliasChartMonochromaticDefault100 = "#002856";
+export const TokenAliasChartMonochromaticDanger5 = "#fff8f8";
+export const TokenAliasChartMonochromaticDanger10 = "#ffefef";
+export const TokenAliasChartMonochromaticDanger20 = "#ffe5e5";
+export const TokenAliasChartMonochromaticDanger30 = "#fdd8d8";
+export const TokenAliasChartMonochromaticDanger40 = "#f9c6c6";
+export const TokenAliasChartMonochromaticDanger50 = "#f3aeaf";
+export const TokenAliasChartMonochromaticDanger60 = "#eb9091";
+export const TokenAliasChartMonochromaticDanger70 = "#d63c42";
+export const TokenAliasChartMonochromaticDanger90 = "#b82329";
+export const TokenAliasChartMonochromaticDanger100 = "#381316";
+export const TokenAliasChartStatusNegative = "#d63c42";
+export const TokenAliasChartStatusWarning = "#fecb34";
+export const TokenAliasChartStatusPositive = "#00b050";
+export const TokenComponentButtonPrimaryDefaultBackground = "#5bb3ea";
+export const TokenComponentButtonPrimaryDefaultText = "#343438";
+export const TokenComponentButtonPrimaryDefaultIcon = "#343438";
+export const TokenComponentButtonPrimaryHoverBackground = "#96cff0";
+export const TokenComponentButtonPrimaryHoverText = "#343438";
+export const TokenComponentButtonPrimaryHoverIcon = "#343438";
+export const TokenComponentButtonPrimaryPressedBackground = "#5bb3ea";
+export const TokenComponentButtonPrimaryPressedText = "#343438";
+export const TokenComponentButtonPrimaryPressedIcon = "#343438";
+export const TokenComponentButtonPrimaryDisabledBackground = "#515157";
+export const TokenComponentButtonPrimaryDisabledText = "#83838c";
+export const TokenComponentButtonPrimaryDisabledIcon = "#83838c";
+export const TokenComponentButtonPrimaryLoadingBackground = "#5bb3ea";
+export const TokenComponentButtonSecondaryDefaultBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryDefaultBorder = "#5bb3ea";
+export const TokenComponentButtonSecondaryDefaultText = "#5bb3ea";
+export const TokenComponentButtonSecondaryDefaultIcon = "#5bb3ea";
+export const TokenComponentButtonSecondaryHoverBackground = "#515157";
+export const TokenComponentButtonSecondaryHoverBorder = "#96cff0";
+export const TokenComponentButtonSecondaryHoverText = "#5bb3ea";
+export const TokenComponentButtonSecondaryHoverIcon = "#5bb3ea";
+export const TokenComponentButtonSecondaryPressedBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryPressedBorder = "#5bb3ea";
+export const TokenComponentButtonSecondaryPressedText = "#5bb3ea";
+export const TokenComponentButtonSecondaryPressedIcon = "#5bb3ea";
+export const TokenComponentButtonSecondaryDisabledBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryDisabledBorder = "#515157";
+export const TokenComponentButtonSecondaryDisabledText = "#83838c";
+export const TokenComponentButtonSecondaryDisabledIcon = "#83838c";
+export const TokenComponentButtonSecondaryLoadingBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryLoadingBorder = "#5bb3ea";
+export const TokenComponentButtonLinkDefaultText = "#5bb3ea";
+export const TokenComponentButtonLinkDefaultIcon = "#5bb3ea";
+export const TokenComponentButtonLinkHoverText = "#96cff0";
+export const TokenComponentButtonLinkHoverIcon = "#96cff0";
+export const TokenComponentButtonLinkPressedText = "#5bb3ea";
+export const TokenComponentButtonLinkPressedIcon = "#5bb3ea";
+export const TokenComponentButtonLinkDisabledText = "#83838c";
+export const TokenComponentButtonLinkDisabledIcon = "#83838c";
+export const TokenComponentContainerBackground = "#3d3d42";
+export const TokenComponentContainerBorder = "#515157";
+export const TokenComponentTableHeaderFilledBackground = "#343438";
+export const TokenComponentTableHeaderFilledText = "#ffffff";
+export const TokenComponentTableHeaderFilledIcon = "#ffffff";
+export const TokenComponentTableHeaderOutlinedBorder = "#c2c2ca";
+export const TokenComponentTableHeaderOutlinedText = "#ffffff";
+export const TokenComponentTableHeaderOutlinedIcon = "#ffffff";
+export const TokenComponentTableRowBorder = "#515157";
+export const TokenComponentTableRowIconDefault = "#ffffff";
+export const TokenComponentTableRowIconDisabled = "#83838c";
+export const TokenComponentTableRowIconHover = "#96cff0";
+export const TokenComponentTableRowBackgroundDefault = "#3d3d42";
+export const TokenComponentTableRowBackgroundZebra = "#343438";
+export const TokenComponentTableRowBackgroundHover = "#515157";
+export const TokenComponentTableRowTextDefault = "#ffffff";
+export const TokenComponentTableRowTextPlaceholder = "#a3a3ab";
+export const TokenComponentTableRowTextLink = "#5bb3ea";
+export const TokenComponentMenuButtonPrimaryDefaultBackground = "#5bb3ea";
+export const TokenComponentMenuButtonPrimaryDefaultText = "#343438";
+export const TokenComponentMenuButtonPrimaryDefaultIcon = "#343438";
+export const TokenComponentMenuButtonPrimaryHoverBackground = "#96cff0";
+export const TokenComponentMenuButtonPrimaryHoverText = "#343438";
+export const TokenComponentMenuButtonPrimaryHoverIcon = "#343438";
+export const TokenComponentMenuButtonPrimaryPressedBackground = "#5bb3ea";
+export const TokenComponentMenuButtonPrimaryPressedText = "#343438";
+export const TokenComponentMenuButtonPrimaryPressedIcon = "#343438";
+export const TokenComponentMenuButtonPrimaryDisabledBackground = "#515157";
+export const TokenComponentMenuButtonPrimaryDisabledText = "#83838c";
+export const TokenComponentMenuButtonPrimaryDisabledIcon = "#83838c";
+export const TokenComponentMenuButtonPrimaryLoadingBackground = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDefaultBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryDefaultBorder = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDefaultText = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDefaultIcon = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryHoverBackground = "#515157";
+export const TokenComponentMenuButtonSecondaryHoverBorder = "#96cff0";
+export const TokenComponentMenuButtonSecondaryHoverText = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryHoverIcon = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryPressedBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryPressedBorder = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryPressedText = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryPressedIcon = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDisabledBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryDisabledBorder = "#515157";
+export const TokenComponentMenuButtonSecondaryDisabledText = "#83838c";
+export const TokenComponentMenuButtonSecondaryDisabledIcon = "#83838c";
+export const TokenComponentMenuButtonSecondaryLoadingBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryLoadingBorder = "#5bb3ea";
+export const TokenComponentMenuButtonLinkDefaultText = "#5bb3ea";
+export const TokenComponentMenuButtonLinkDefaultIcon = "#5bb3ea";
+export const TokenComponentMenuButtonLinkHoverText = "#96cff0";
+export const TokenComponentMenuButtonLinkHoverIcon = "#96cff0";
+export const TokenComponentMenuButtonLinkPressedText = "#5bb3ea";
+export const TokenComponentMenuButtonLinkPressedIcon = "#5bb3ea";
+export const TokenComponentMenuButtonLinkDisabledText = "#83838c";
+export const TokenComponentMenuButtonLinkDisabledIcon = "#83838c";
+export const TokenComponentOverflowMenuButtonDefaultIcon = "#ffffff";
+export const TokenComponentOverflowMenuButtonHoverIcon = "#96cff0";
+export const TokenComponentOverflowMenuButtonPressedIcon = "#5bb3ea";
+export const TokenComponentOverflowMenuButtonDisabledIcon = "#83838c";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#96cff0";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#96cff0";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryActiveText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#515157";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#83838c";
+export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#83838c";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#343438";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryDefaultText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryDefaultIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundLeft = "#515157";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundRight = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderLeft = "#96cff0";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderRight = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundLeft = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundRight = "#515157";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderLeft = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderRight = "#96cff0";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryActiveBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryActiveBorder = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryActiveText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryActiveIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBorder = "#515157";
+export const TokenComponentSplitMenuButtonSecondaryDisabledText = "#83838c";
+export const TokenComponentSplitMenuButtonSecondaryDisabledIcon = "#83838c";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#5bb3ea";
+export const TokenComponentAppbarBackground = "#343438";
+export const TokenComponentAppbarBorder = "#515157";
+export const TokenComponentAppbarText = "#ffffff";
+export const TokenComponentAppbarIcon = "#ffffff";
+export const TokenComponentBadgeInformativeBackground = "lch(77.7 28.7 275 / 0.12)";
+export const TokenComponentBadgeInformativeText = "#aec0f5";
+export const TokenComponentBadgeNeutralBackground = "lch(78.6 4.18 286 / 0.12)";
+export const TokenComponentBadgeNeutralText = "#c2c2ca";
+export const TokenComponentBadgeWarningBackground = "lch(79.6 53.6 74.4 / 0.12)";
+export const TokenComponentBadgeWarningText = "#f2b67b";
+export const TokenComponentBadgeNegativeBackground = "lch(77.8 28 21.1 / 0.12)";
+export const TokenComponentBadgeNegativeText = "#f3aeaf";
+export const TokenComponentBadgePositiveBackground = "lch(78.2 32.7 144 / 0.12)";
+export const TokenComponentBadgePositiveText = "#97cf9c";
+export const TokenComponentBadgeImportantBackground = "lch(77.5 31.1 309 / 0.12)";
+export const TokenComponentBadgeImportantText = "#d3b4ed";
+export const TokenComponentBadgeVioletBackground = "lch(77.3 30.9 295 / 0.12)";
+export const TokenComponentBadgeVioletText = "#c4b8f3";
+export const TokenComponentBadgePinkBackground = "lch(77.6 29.9 340 / 0.12)";
+export const TokenComponentBadgePinkText = "#ecadd4";
+export const TokenComponentBreadcrumbDivider = "#515157";
+export const TokenComponentBreadcrumbAppTitleText = "#5bb3ea";
+export const TokenComponentBreadcrumbDefaultText = "#5bb3ea";
+export const TokenComponentBreadcrumbTruncatedText = "#5bb3ea";
+export const TokenComponentBreadcrumbLastItemText = "#ffffff";
+export const TokenComponentBreadcrumbCollapsedBackground = "#515157";
+export const TokenComponentBreadcrumbCollapsedText = "#ffffff";
+export const TokenComponentBreadcrumbCollapsedIcon = "#ffffff";
+export const TokenComponentBreadcrumbWithDropdownText = "#5bb3ea";
+export const TokenComponentBreadcrumbWithDropdownIcon = "#ffffff";
+export const TokenComponentCardBackground = "#3d3d42";
+export const TokenComponentCardBorder = "#515157";
+export const TokenComponentCardText = "#ffffff";
+export const TokenComponentCardIcon = "#ffffff";
+export const TokenComponentCheckboxEmptyDefaultBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyDefaultBorder = "#696970";
+export const TokenComponentCheckboxEmptyDefaultText = "#ffffff";
+export const TokenComponentCheckboxEmptyHoverBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyHoverBorder = "#96cff0";
+export const TokenComponentCheckboxEmptyHoverText = "#ffffff";
+export const TokenComponentCheckboxEmptyActiveBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyActiveBorder = "#5bb3ea";
+export const TokenComponentCheckboxEmptyActiveText = "#ffffff";
+export const TokenComponentCheckboxEmptyDisabledBackground = "#515157";
+export const TokenComponentCheckboxEmptyDisabledBorder = "#515157";
+export const TokenComponentCheckboxEmptyDisabledText = "#83838c";
+export const TokenComponentCheckboxEmptyReadOnlyBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyReadOnlyBorder = "#515157";
+export const TokenComponentCheckboxEmptyReadOnlyText = "#ffffff";
+export const TokenComponentCheckboxCheckedDefaultBackground = "#5bb3ea";
+export const TokenComponentCheckboxCheckedDefaultText = "#ffffff";
+export const TokenComponentCheckboxCheckedDefaultIcon = "#343438";
+export const TokenComponentCheckboxCheckedHoverBackground = "#96cff0";
+export const TokenComponentCheckboxCheckedHoverText = "#ffffff";
+export const TokenComponentCheckboxCheckedHoverIcon = "#343438";
+export const TokenComponentCheckboxCheckedActiveBackground = "#5bb3ea";
+export const TokenComponentCheckboxCheckedActiveText = "#ffffff";
+export const TokenComponentCheckboxCheckedActiveIcon = "#343438";
+export const TokenComponentCheckboxCheckedDisabledBackground = "#515157";
+export const TokenComponentCheckboxCheckedDisabledText = "#83838c";
+export const TokenComponentCheckboxCheckedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyBackground = "#3d3d42";
+export const TokenComponentCheckboxCheckedReadOnlyBorder = "#515157";
+export const TokenComponentCheckboxCheckedReadOnlyText = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyIcon = "#83838c";
+export const TokenComponentCheckboxIndeterminatedDefaultBackground = "#5bb3ea";
+export const TokenComponentCheckboxIndeterminatedDefaultText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedDefaultIcon = "#343438";
+export const TokenComponentCheckboxIndeterminatedHoverBackground = "#96cff0";
+export const TokenComponentCheckboxIndeterminatedHoverText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedHoverIcon = "#343438";
+export const TokenComponentCheckboxIndeterminatedActiveBackground = "#5bb3ea";
+export const TokenComponentCheckboxIndeterminatedActiveText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedActiveIcon = "#343438";
+export const TokenComponentCheckboxIndeterminatedDisabledBackground = "#515157";
+export const TokenComponentCheckboxIndeterminatedDisabledText = "#83838c";
+export const TokenComponentCheckboxIndeterminatedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBackground = "#3d3d42";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBorder = "#515157";
+export const TokenComponentCheckboxIndeterminatedReadOnlyText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyIcon = "#83838c";
+export const TokenComponentContentPanelBackground = "#3d3d42";
+export const TokenComponentContentPanelBorder = "#515157";
+export const TokenComponentContentPanelText = "#ffffff";
+export const TokenComponentContentPanelIcon = "#ffffff";
+export const TokenComponentCalendarBackground = "#3d3d42";
+export const TokenComponentCalendarBorder = "#515157";
+export const TokenComponentCalendarIcon = "#ffffff";
+export const TokenComponentCalendarTextDefault = "#ffffff";
+export const TokenComponentCalendarTextDisabled = "#83838c";
+export const TokenComponentCalendarSelectedItemText = "#343438";
+export const TokenComponentCalendarSelectedItemBackground = "#5bb3ea";
+export const TokenComponentCalendarHoverItemBackground = "#515157";
+export const TokenComponentCalendarHoverItemText = "#ffffff";
+export const TokenComponentCalendarPresetAreaBackground = "#343438";
+export const TokenComponentCalendarPresetAreaHoverPeriodBackground = "#3d3d42";
+export const TokenComponentCalendarPresetAreaActivePeriodBackground = "#5bb3ea";
+export const TokenComponentCalendarPresetAreaActivePeriodText = "#343438";
+export const TokenComponentDateFieldDefaultBackground = "#343438";
+export const TokenComponentDateFieldDefaultBorder = "#696970";
+export const TokenComponentDateFieldDefaultText = "#a3a3ab";
+export const TokenComponentDateFieldDefaultIcon = "#ffffff";
+export const TokenComponentDateFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentDateFieldHoverBackground = "#343438";
+export const TokenComponentDateFieldHoverBorder = "#c2c2ca";
+export const TokenComponentDateFieldHoverText = "#ffffff";
+export const TokenComponentDateFieldHoverIcon = "#ffffff";
+export const TokenComponentDateFieldHoverHintText = "#a3a3ab";
+export const TokenComponentDateFieldHoverEmptyBackground = "#343438";
+export const TokenComponentDateFieldHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentDateFieldHoverEmptyText = "#a3a3ab";
+export const TokenComponentDateFieldHoverEmptyIcon = "#ffffff";
+export const TokenComponentDateFieldHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentDateFieldFilledBackground = "#343438";
+export const TokenComponentDateFieldFilledBorder = "#696970";
+export const TokenComponentDateFieldFilledText = "#ffffff";
+export const TokenComponentDateFieldFilledIcon = "#ffffff";
+export const TokenComponentDateFieldFilledHintText = "#a3a3ab";
+export const TokenComponentDateFieldDisabledBackground = "#515157";
+export const TokenComponentDateFieldDisabledBorder = "#515157";
+export const TokenComponentDateFieldDisabledText = "#83838c";
+export const TokenComponentDateFieldDisabledIcon = "#83838c";
+export const TokenComponentDateFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentDateFieldReadOnlyBackground = "#343438";
+export const TokenComponentDateFieldReadOnlyText = "#ffffff";
+export const TokenComponentDateFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentDateFieldErrorBackground = "#343438";
+export const TokenComponentDateFieldErrorBorder = "#eb9091";
+export const TokenComponentDateFieldErrorText = "#ffffff";
+export const TokenComponentDateFieldErrorIcon = "#ffffff";
+export const TokenComponentDateFieldErrorHintText = "#eb9091";
+export const TokenComponentDateFieldFocusBackground = "#343438";
+export const TokenComponentDateFieldFocusBorder = "#5bb3ea";
+export const TokenComponentDateFieldFocusText = "#a3a3ab";
+export const TokenComponentDateFieldFocusIcon = "#5bb3ea";
+export const TokenComponentDateFieldFocusHintText = "#a3a3ab";
+export const TokenComponentDatePickerDefaultIcon = "#ffffff";
+export const TokenComponentDatePickerHoverIcon = "#96cff0";
+export const TokenComponentDatePickerFilledIcon = "#5bb3ea";
+export const TokenComponentDatePickerDisabledIcon = "#83838c";
+export const TokenComponentDatePickerFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangePickerDefaultIcon = "#ffffff";
+export const TokenComponentDateRangePickerHoverIcon = "#96cff0";
+export const TokenComponentDateRangePickerFilledIcon = "#5bb3ea";
+export const TokenComponentDateRangePickerDisabledIcon = "#83838c";
+export const TokenComponentDateRangePickerFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangeFieldDefaultBackground = "#343438";
+export const TokenComponentDateRangeFieldDefaultBorder = "#696970";
+export const TokenComponentDateRangeFieldDefaultText = "#a3a3ab";
+export const TokenComponentDateRangeFieldDefaultIcon = "#ffffff";
+export const TokenComponentDateRangeFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldHoverBackground = "#343438";
+export const TokenComponentDateRangeFieldHoverBorder = "#c2c2ca";
+export const TokenComponentDateRangeFieldHoverText = "#ffffff";
+export const TokenComponentDateRangeFieldHoverIcon = "#ffffff";
+export const TokenComponentDateRangeFieldHoverHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldHoverEmptyBackground = "#343438";
+export const TokenComponentDateRangeFieldHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentDateRangeFieldHoverEmptyText = "#a3a3ab";
+export const TokenComponentDateRangeFieldHoverEmptyIcon = "#ffffff";
+export const TokenComponentDateRangeFieldHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFilledBackground = "#343438";
+export const TokenComponentDateRangeFieldFilledBorder = "#696970";
+export const TokenComponentDateRangeFieldFilledText = "#ffffff";
+export const TokenComponentDateRangeFieldFilledIcon = "#ffffff";
+export const TokenComponentDateRangeFieldFilledHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFilledPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDateRangeFieldDisabledBackground = "#515157";
+export const TokenComponentDateRangeFieldDisabledBorder = "#515157";
+export const TokenComponentDateRangeFieldDisabledText = "#83838c";
+export const TokenComponentDateRangeFieldDisabledIcon = "#83838c";
+export const TokenComponentDateRangeFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldReadOnlyBackground = "#343438";
+export const TokenComponentDateRangeFieldReadOnlyText = "#ffffff";
+export const TokenComponentDateRangeFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldErrorBackground = "#343438";
+export const TokenComponentDateRangeFieldErrorBorder = "#eb9091";
+export const TokenComponentDateRangeFieldErrorText = "#ffffff";
+export const TokenComponentDateRangeFieldErrorIcon = "#ffffff";
+export const TokenComponentDateRangeFieldErrorHintText = "#eb9091";
+export const TokenComponentDateRangeFieldFocusBackground = "#343438";
+export const TokenComponentDateRangeFieldFocusBorder = "#5bb3ea";
+export const TokenComponentDateRangeFieldFocusText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangeFieldFocusHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFocusPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDateRangeInputDefaultBackground = "#343438";
+export const TokenComponentDateRangeInputDefaultBorder = "#696970";
+export const TokenComponentDateRangeInputDefaultText = "#a3a3ab";
+export const TokenComponentDateRangeInputDefaultIcon = "#ffffff";
+export const TokenComponentDateRangeInputDefaultHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputHoverBackground = "#343438";
+export const TokenComponentDateRangeInputHoverBorder = "#c2c2ca";
+export const TokenComponentDateRangeInputHoverText = "#ffffff";
+export const TokenComponentDateRangeInputHoverIcon = "#ffffff";
+export const TokenComponentDateRangeInputHoverHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputActivePeriodBackground = "#343438";
+export const TokenComponentDateRangeInputActivePeriodBorder = "#c2c2ca";
+export const TokenComponentDateRangeInputActivePeriodText = "#ffffff";
+export const TokenComponentDateRangeInputActivePeriodIcon = "#ffffff";
+export const TokenComponentDateRangeInputActivePeriodHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputActivePeriodActiveItemBackground = "#3d3d42";
+export const TokenComponentDateRangeInputActivePeriodActiveItemText = "#a3a3ab";
+export const TokenComponentDateRangeInputFilledBackground = "#343438";
+export const TokenComponentDateRangeInputFilledBorder = "#696970";
+export const TokenComponentDateRangeInputFilledText = "#ffffff";
+export const TokenComponentDateRangeInputFilledIcon = "#ffffff";
+export const TokenComponentDateRangeInputFilledHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputFilledPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDateRangeInputDisabledBackground = "#343438";
+export const TokenComponentDateRangeInputDisabledBorder = "#515157";
+export const TokenComponentDateRangeInputDisabledText = "#83838c";
+export const TokenComponentDateRangeInputDisabledIcon = "#83838c";
+export const TokenComponentDateRangeInputDisabledHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputReadOnlyBackground = "#343438";
+export const TokenComponentDateRangeInputReadOnlyText = "#ffffff";
+export const TokenComponentDateRangeInputReadOnlyHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputErrorBackground = "#343438";
+export const TokenComponentDateRangeInputErrorBorder = "#eb9091";
+export const TokenComponentDateRangeInputErrorText = "#ffffff";
+export const TokenComponentDateRangeInputErrorIcon = "#ffffff";
+export const TokenComponentDateRangeInputErrorHintText = "#eb9091";
+export const TokenComponentDateRangeInputFocusBackground = "#343438";
+export const TokenComponentDateRangeInputFocusBorder = "#5bb3ea";
+export const TokenComponentDateRangeInputFocusText = "#ffffff";
+export const TokenComponentDateRangeInputFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangeInputFocusHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputFocusPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDividerBorder = "#515157";
+export const TokenComponentDrawerBackground = "#3d3d42";
+export const TokenComponentDrawerText = "#ffffff";
+export const TokenComponentDrawerIconDefault = "#ffffff";
+export const TokenComponentDrawerIconDisabled = "#83838c";
+export const TokenComponentDropdownIconDefault = "#ffffff";
+export const TokenComponentDropdownIconDisabled = "#83838c";
+export const TokenComponentDropdownTextDefault = "#ffffff";
+export const TokenComponentDropdownTextLink = "#5bb3ea";
+export const TokenComponentDropdownTextDescription = "#a3a3ab";
+export const TokenComponentDropdownTextDisabled = "#83838c";
+export const TokenComponentDropdownBackgroundDefault = "#343438";
+export const TokenComponentDropdownBackgroundHover = "#3d3d42";
+export const TokenComponentDropdownBackgroundCategory = "#343438";
+export const TokenComponentGlobalHeaderBackground = "#232326";
+export const TokenComponentGlobalHeaderBorder = "#3d3d42";
+export const TokenComponentGlobalHeaderIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderIconHover = "#ffffff";
+export const TokenComponentGlobalHeaderTextDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderTextHover = "#ffffff";
+export const TokenComponentGlobalHeaderSearchBackground = "#3d3d42";
+export const TokenComponentGlobalHeaderSearchTextPlaceholder = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchTextFilled = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchIconActive = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconHover = "#ffffff";
+export const TokenComponentGlobalFooterBackground = "#232326";
+export const TokenComponentGlobalFooterTextDefault = "#d6d6dd";
+export const TokenComponentGlobalFooterTextHover = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultBackground = "#343438";
+export const TokenComponentGroupSelectFieldDefaultBorder = "#696970";
+export const TokenComponentGroupSelectFieldDefaultText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDefaultIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldHoverBackground = "#343438";
+export const TokenComponentGroupSelectFieldHoverBorder = "#c2c2ca";
+export const TokenComponentGroupSelectFieldHoverText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldHoverIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldHoverHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldHoverInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldSelectedBackground = "#343438";
+export const TokenComponentGroupSelectFieldSelectedBorder = "#696970";
+export const TokenComponentGroupSelectFieldSelectedText = "#ffffff";
+export const TokenComponentGroupSelectFieldSelectedIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldSelectedHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldSelectedInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledBackground = "#515157";
+export const TokenComponentGroupSelectFieldDisabledBorder = "#515157";
+export const TokenComponentGroupSelectFieldDisabledText = "#83838c";
+export const TokenComponentGroupSelectFieldDisabledIcon = "#83838c";
+export const TokenComponentGroupSelectFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldReadOnlyBackground = "#343438";
+export const TokenComponentGroupSelectFieldReadOnlyText = "#ffffff";
+export const TokenComponentGroupSelectFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldReadOnlyInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldErrorBackground = "#343438";
+export const TokenComponentGroupSelectFieldErrorBorder = "#eb9091";
+export const TokenComponentGroupSelectFieldErrorText = "#ffffff";
+export const TokenComponentGroupSelectFieldErrorIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldErrorHintText = "#eb9091";
+export const TokenComponentGroupSelectFieldErrorInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldFocusBackground = "#343438";
+export const TokenComponentGroupSelectFieldFocusBorder = "#5bb3ea";
+export const TokenComponentGroupSelectFieldFocusText = "#ffffff";
+export const TokenComponentGroupSelectFieldFocusIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldFocusHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldFocusInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectDropdownIcon = "#ffffff";
+export const TokenComponentGroupSelectDropdownText = "#ffffff";
+export const TokenComponentGroupSelectDropdownBackgroundDefault = "#343438";
+export const TokenComponentGroupSelectDropdownBackgroundHover = "#3d3d42";
+export const TokenComponentInlineEditText = "#ffffff";
+export const TokenComponentInlineEditIconDefault = "#ffffff";
+export const TokenComponentInlineEditIconHover = "#96cff0";
+export const TokenComponentInlineEditAcceptIconDefault = "#5bb3ea";
+export const TokenComponentInlineEditAcceptIconHover = "#96cff0";
+export const TokenComponentInlineEditAcceptIconDisabled = "#83838c";
+export const TokenComponentKpiBarText = "#ffffff";
+export const TokenComponentKpiBarBorder = "#515157";
+export const TokenComponentKpiBarIconDefault = "#ffffff";
+export const TokenComponentKpiBarIconHover = "#96cff0";
+export const TokenComponentKpiBarIconActive = "#5bb3ea";
+export const TokenComponentKpiBarItemNeutralDefaultLabel = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemNeutralDefaultIcon = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralHoverLabel = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemNeutralHoverBackground = "lch(78.6 4.18 286 / 0.12)";
+export const TokenComponentKpiBarItemNeutralHoverIcon = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralActiveLabel = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralActiveText = "#ffffff";
+export const TokenComponentKpiBarItemNeutralActiveBorder = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralActiveIcon = "#c2c2ca";
+export const TokenComponentKpiBarItemGreenDefaultLabel = "#97cf9c";
+export const TokenComponentKpiBarItemGreenDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemGreenHoverLabel = "#97cf9c";
+export const TokenComponentKpiBarItemGreenHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemGreenHoverBackground = "lch(78.2 32.7 144 / 0.12)";
+export const TokenComponentKpiBarItemGreenActiveLabel = "#97cf9c";
+export const TokenComponentKpiBarItemGreenActiveText = "#ffffff";
+export const TokenComponentKpiBarItemGreenActiveBorder = "#97cf9c";
+export const TokenComponentKpiBarItemOrangeDefaultLabel = "#f2b67b";
+export const TokenComponentKpiBarItemOrangeDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemOrangeHoverLabel = "#f2b67b";
+export const TokenComponentKpiBarItemOrangeHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemOrangeHoverBackground = "lch(79.6 53.6 74.4 / 0.12)";
+export const TokenComponentKpiBarItemOrangeActiveLabel = "#f2b67b";
+export const TokenComponentKpiBarItemOrangeActiveText = "#ffffff";
+export const TokenComponentKpiBarItemOrangeActiveBorder = "#f2b67b";
+export const TokenComponentKpiBarItemPurpleDefaultLabel = "#d3b4ed";
+export const TokenComponentKpiBarItemPurpleDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemPurpleHoverLabel = "#d3b4ed";
+export const TokenComponentKpiBarItemPurpleHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemPurpleHoverBackground = "lch(77.5 31.1 309 / 0.12)";
+export const TokenComponentKpiBarItemPurpleActiveLabel = "#d3b4ed";
+export const TokenComponentKpiBarItemPurpleActiveText = "#ffffff";
+export const TokenComponentKpiBarItemPurpleActiveBorder = "#d3b4ed";
+export const TokenComponentKpiBarItemRedDefaultLabel = "#f3aeaf";
+export const TokenComponentKpiBarItemRedDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemRedHoverLabel = "#f3aeaf";
+export const TokenComponentKpiBarItemRedHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemRedHoverBackground = "lch(77.8 28 21.1 / 0.12)";
+export const TokenComponentKpiBarItemRedActiveLabel = "#f3aeaf";
+export const TokenComponentKpiBarItemRedActiveText = "#ffffff";
+export const TokenComponentKpiBarItemRedActiveBorder = "#f3aeaf";
+export const TokenComponentKpiBarItemUltramarineDefaultLabel = "#aec0f5";
+export const TokenComponentKpiBarItemUltramarineDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemUltramarineHoverLabel = "#aec0f5";
+export const TokenComponentKpiBarItemUltramarineHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemUltramarineHoverBackground = "lch(77.7 28.7 275 / 0.12)";
+export const TokenComponentKpiBarItemUltramarineActiveLabel = "#aec0f5";
+export const TokenComponentKpiBarItemUltramarineActiveText = "#ffffff";
+export const TokenComponentKpiBarItemUltramarineActiveBorder = "#aec0f5";
+export const TokenComponentKpiBarItemPinkDefaultLabel = "#ecadd4";
+export const TokenComponentKpiBarItemPinkDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemPinkHoverLabel = "#ecadd4";
+export const TokenComponentKpiBarItemPinkHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemPinkHoverBackground = "lch(77.6 29.9 340 / 0.12)";
+export const TokenComponentKpiBarItemPinkActiveLabel = "#ecadd4";
+export const TokenComponentKpiBarItemPinkActiveText = "#ffffff";
+export const TokenComponentKpiBarItemPinkActiveBorder = "#ecadd4";
+export const TokenComponentLabelText = "#ffffff";
+export const TokenComponentLabelIcon = "#ffffff";
+export const TokenComponentLabelInfoIcon = "#a3a3ab";
+export const TokenComponentListText = "#ffffff";
+export const TokenComponentListBorder = "#515157";
+export const TokenComponentListIconDefault = "#ffffff";
+export const TokenComponentListIconHover = "#96cff0";
+export const TokenComponentListIconActive = "#5bb3ea";
+export const TokenComponentListBackgroundDefault = "#343438";
+export const TokenComponentListBackgroundHover = "#3d3d42";
+export const TokenComponentMasterSwitchContentBackground = "#3d3d42";
+export const TokenComponentMasterSwitchSideBackground = "#343438";
+export const TokenComponentMasterSwitchText = "#ffffff";
+export const TokenComponentMasterSwitchIcon = "#ffffff";
+export const TokenComponentModalBackground = "#3d3d42";
+export const TokenComponentModalIcon = "#ffffff";
+export const TokenComponentModalTextDefault = "#ffffff";
+export const TokenComponentModalTextDescription = "#a3a3ab";
+export const TokenComponentNotificationBannerText = "#ffffff";
+export const TokenComponentNotificationBannerIcon = "#ffffff";
+export const TokenComponentNotificationBannerInformativeBackground = "#515157";
+export const TokenComponentNotificationBannerInformativeBorder = "#8da4ef";
+export const TokenComponentNotificationBannerInformativeStatusIcon = "#8da4ef";
+export const TokenComponentNotificationBannerTipBackground = "#515157";
+export const TokenComponentNotificationBannerTipBorder = "#8da4ef";
+export const TokenComponentNotificationBannerTipStatusIcon = "#8da4ef";
+export const TokenComponentNotificationBannerWarningBackground = "#515157";
+export const TokenComponentNotificationBannerWarningBorder = "#edb016";
+export const TokenComponentNotificationBannerWarningStatusIcon = "#edb016";
+export const TokenComponentNotificationBannerSuccessBackground = "#515157";
+export const TokenComponentNotificationBannerSuccessBorder = "#65ba75";
+export const TokenComponentNotificationBannerSuccessStatusIcon = "#65ba75";
+export const TokenComponentNotificationBannerErrorBackground = "#515157";
+export const TokenComponentNotificationBannerErrorBorder = "#eb9091";
+export const TokenComponentNotificationBannerErrorStatusIcon = "#eb9091";
+export const TokenComponentNotificationBannerSecondaryBackground = "#515157";
+export const TokenComponentNotificationBannerSecondaryBorder = "#c2c2ca";
+export const TokenComponentNotificationBannerSecondaryStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastText = "#ffffff";
+export const TokenComponentNotificationToastIcon = "#ffffff";
+export const TokenComponentNotificationToastInformativeBackground = "#515157";
+export const TokenComponentNotificationToastInformativeIconBackground = "#4067e5";
+export const TokenComponentNotificationToastInformativeBorder = "#8da4ef";
+export const TokenComponentNotificationToastInformativeStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastTipBackground = "#515157";
+export const TokenComponentNotificationToastTipIconBackground = "#4067e5";
+export const TokenComponentNotificationToastTipBorder = "#8da4ef";
+export const TokenComponentNotificationToastTipStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastWarningBackground = "#515157";
+export const TokenComponentNotificationToastWarningIconBackground = "#fecb34";
+export const TokenComponentNotificationToastWarningBorder = "#edb016";
+export const TokenComponentNotificationToastWarningStatusIcon = "#3d3d42";
+export const TokenComponentNotificationToastSuccessBackground = "#515157";
+export const TokenComponentNotificationToastSuccessIconBackground = "#00b050";
+export const TokenComponentNotificationToastSuccessBorder = "#65ba75";
+export const TokenComponentNotificationToastSuccessStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastErrorBackground = "#515157";
+export const TokenComponentNotificationToastErrorIconBackground = "#d63c42";
+export const TokenComponentNotificationToastErrorBorder = "#eb9091";
+export const TokenComponentNotificationToastErrorStatusIcon = "#ffffff";
+export const TokenComponentPaginationBackground = "#3d3d42";
+export const TokenComponentPaginationBorder = "#515157";
+export const TokenComponentPaginationTextDefault = "#ffffff";
+export const TokenComponentPaginationTextLink = "#5bb3ea";
+export const TokenComponentPaginationTextHover = "#96cff0";
+export const TokenComponentPaginationTextDisabled = "#83838c";
+export const TokenComponentPaginationIconDefault = "#ffffff";
+export const TokenComponentPaginationIconHover = "#96cff0";
+export const TokenComponentPaginationIconActive = "#5bb3ea";
+export const TokenComponentPaginationIconDisabled = "#83838c";
+export const TokenComponentPopoverBackground = "#3d3d42";
+export const TokenComponentPopoverBorder = "#515157";
+export const TokenComponentPopoverIcon = "#ffffff";
+export const TokenComponentPopoverTextDefault = "#ffffff";
+export const TokenComponentPopoverTextLinkDefault = "#5bb3ea";
+export const TokenComponentPopoverTextLinkHover = "#96cff0";
+export const TokenComponentProgressBarTextDefault = "#ffffff";
+export const TokenComponentProgressBarTextLinkDefault = "#5bb3ea";
+export const TokenComponentProgressBarTextLinkHover = "#96cff0";
+export const TokenComponentProgressBarStatusLineDefault = "#515157";
+export const TokenComponentProgressBarStatusLineSuccess = "#00b050";
+export const TokenComponentProgressBarStatusLineError = "#d63c42";
+export const TokenComponentNumericSpinnerDefaultBackground = "#343438";
+export const TokenComponentNumericSpinnerDefaultBorder = "#696970";
+export const TokenComponentNumericSpinnerDefaultText = "#a3a3ab";
+export const TokenComponentNumericSpinnerDefaultIcon = "#ffffff";
+export const TokenComponentNumericSpinnerDefaultHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerHoverBackground = "#343438";
+export const TokenComponentNumericSpinnerHoverBorder = "#c2c2ca";
+export const TokenComponentNumericSpinnerHoverText = "#a3a3ab";
+export const TokenComponentNumericSpinnerHoverIcon = "#ffffff";
+export const TokenComponentNumericSpinnerHoverHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerFilledBackground = "#343438";
+export const TokenComponentNumericSpinnerFilledBorder = "#696970";
+export const TokenComponentNumericSpinnerFilledText = "#ffffff";
+export const TokenComponentNumericSpinnerFilledIcon = "#ffffff";
+export const TokenComponentNumericSpinnerFilledHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerDisabledBackground = "#515157";
+export const TokenComponentNumericSpinnerDisabledBorder = "#515157";
+export const TokenComponentNumericSpinnerDisabledText = "#83838c";
+export const TokenComponentNumericSpinnerDisabledIcon = "#83838c";
+export const TokenComponentNumericSpinnerDisabledHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerReadOnlyBackground = "#343438";
+export const TokenComponentNumericSpinnerReadOnlyText = "#ffffff";
+export const TokenComponentNumericSpinnerReadOnlyHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerErrorBackground = "#343438";
+export const TokenComponentNumericSpinnerErrorBorder = "#eb9091";
+export const TokenComponentNumericSpinnerErrorText = "#ffffff";
+export const TokenComponentNumericSpinnerErrorIcon = "#ffffff";
+export const TokenComponentNumericSpinnerErrorHintText = "#eb9091";
+export const TokenComponentNumericSpinnerFocusBackground = "#343438";
+export const TokenComponentNumericSpinnerFocusBorder = "#5bb3ea";
+export const TokenComponentNumericSpinnerFocusText = "#a3a3ab";
+export const TokenComponentNumericSpinnerFocusIcon = "#ffffff";
+export const TokenComponentNumericSpinnerFocusHintText = "#a3a3ab";
+export const TokenComponentRadioButtonInactiveDefaultBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveDefaultBorder = "#696970";
+export const TokenComponentRadioButtonInactiveDefaultText = "#ffffff";
+export const TokenComponentRadioButtonInactiveHoverBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveHoverBorder = "#96cff0";
+export const TokenComponentRadioButtonInactiveHoverText = "#ffffff";
+export const TokenComponentRadioButtonInactiveActiveBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveActiveBorder = "#5bb3ea";
+export const TokenComponentRadioButtonInactiveActiveText = "#ffffff";
+export const TokenComponentRadioButtonInactiveDisabledBackground = "#515157";
+export const TokenComponentRadioButtonInactiveDisabledBorder = "#515157";
+export const TokenComponentRadioButtonInactiveDisabledText = "#83838c";
+export const TokenComponentRadioButtonInactiveReadOnlyBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveReadOnlyBorder = "#515157";
+export const TokenComponentRadioButtonInactiveReadOnlyText = "#ffffff";
+export const TokenComponentRadioButtonActiveDefaultBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveDefaultBorder = "#5bb3ea";
+export const TokenComponentRadioButtonActiveDefaultText = "#ffffff";
+export const TokenComponentRadioButtonActiveHoverBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveHoverBorder = "#96cff0";
+export const TokenComponentRadioButtonActiveHoverText = "#ffffff";
+export const TokenComponentRadioButtonActiveActiveBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveActiveBorder = "#5bb3ea";
+export const TokenComponentRadioButtonActiveActiveText = "#ffffff";
+export const TokenComponentRadioButtonActiveDisabledBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveDisabledBorder = "#515157";
+export const TokenComponentRadioButtonActiveDisabledText = "#83838c";
+export const TokenComponentRadioButtonActiveReadOnlyBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveReadOnlyBorder = "#515157";
+export const TokenComponentRadioButtonActiveReadOnlyText = "#ffffff";
+export const TokenComponentSearchDefaultBackground = "#343438";
+export const TokenComponentSearchDefaultBorder = "#696970";
+export const TokenComponentSearchDefaultText = "#a3a3ab";
+export const TokenComponentSearchDefaultIcon = "#ffffff";
+export const TokenComponentSearchDefaultHintText = "#a3a3ab";
+export const TokenComponentSearchDefaultSearchIcon = "#a3a3ab";
+export const TokenComponentSearchHoverBackground = "#343438";
+export const TokenComponentSearchHoverBorder = "#c2c2ca";
+export const TokenComponentSearchHoverText = "#a3a3ab";
+export const TokenComponentSearchHoverIcon = "#ffffff";
+export const TokenComponentSearchHoverHintText = "#a3a3ab";
+export const TokenComponentSearchHoverSearchIcon = "#a3a3ab";
+export const TokenComponentSearchFilledBackground = "#343438";
+export const TokenComponentSearchFilledBorder = "#696970";
+export const TokenComponentSearchFilledText = "#ffffff";
+export const TokenComponentSearchFilledIcon = "#ffffff";
+export const TokenComponentSearchFilledHintText = "#a3a3ab";
+export const TokenComponentSearchFilledSearchIcon = "#a3a3ab";
+export const TokenComponentSearchDisabledBackground = "#515157";
+export const TokenComponentSearchDisabledBorder = "#515157";
+export const TokenComponentSearchDisabledText = "#83838c";
+export const TokenComponentSearchDisabledIcon = "#83838c";
+export const TokenComponentSearchDisabledHintText = "#a3a3ab";
+export const TokenComponentSearchDisabledSearchIcon = "#83838c";
+export const TokenComponentSearchErrorBackground = "#343438";
+export const TokenComponentSearchErrorBorder = "#eb9091";
+export const TokenComponentSearchErrorText = "#ffffff";
+export const TokenComponentSearchErrorIcon = "#ffffff";
+export const TokenComponentSearchErrorHintText = "#eb9091";
+export const TokenComponentSearchErrorSearchIcon = "#a3a3ab";
+export const TokenComponentSearchFocusEmptyBackground = "#343438";
+export const TokenComponentSearchFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentSearchFocusEmptyText = "#a3a3ab";
+export const TokenComponentSearchFocusEmptyIcon = "#ffffff";
+export const TokenComponentSearchFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentSearchFocusEmptySearchIcon = "#a3a3ab";
+export const TokenComponentSearchFocusBackground = "#343438";
+export const TokenComponentSearchFocusBorder = "#5bb3ea";
+export const TokenComponentSearchFocusText = "#ffffff";
+export const TokenComponentSearchFocusIcon = "#ffffff";
+export const TokenComponentSearchFocusHintText = "#a3a3ab";
+export const TokenComponentSearchFocusSearchIcon = "#a3a3ab";
+export const TokenComponentSegmentedButtonDefaultBackground = "#3d3d42";
+export const TokenComponentSegmentedButtonDefaultBorder = "#5bb3ea";
+export const TokenComponentSegmentedButtonDefaultText = "#5bb3ea";
+export const TokenComponentSegmentedButtonDefaultIcon = "#5bb3ea";
+export const TokenComponentSegmentedButtonHoverBackground = "#515157";
+export const TokenComponentSegmentedButtonHoverBorder = "#96cff0";
+export const TokenComponentSegmentedButtonHoverText = "#5bb3ea";
+export const TokenComponentSegmentedButtonHoverIcon = "#5bb3ea";
+export const TokenComponentSegmentedButtonDisabledBackground = "#3d3d42";
+export const TokenComponentSegmentedButtonDisabledBorder = "#515157";
+export const TokenComponentSegmentedButtonDisabledText = "#83838c";
+export const TokenComponentSegmentedButtonDisabledIcon = "#83838c";
+export const TokenComponentSegmentedButtonDisabledCheckedBackground = "#515157";
+export const TokenComponentSegmentedButtonDisabledCheckedBorder = "#515157";
+export const TokenComponentSegmentedButtonDisabledCheckedText = "#83838c";
+export const TokenComponentSegmentedButtonDisabledCheckedIcon = "#83838c";
+export const TokenComponentSegmentedButtonActiveBackground = "#5bb3ea";
+export const TokenComponentSegmentedButtonActiveBorder = "#5bb3ea";
+export const TokenComponentSegmentedButtonActiveText = "#343438";
+export const TokenComponentSegmentedButtonActiveIcon = "#343438";
+export const TokenComponentSideNavigationIcon = "#ffffff";
+export const TokenComponentSideNavigationBorder = "#515157";
+export const TokenComponentSideNavigationBackgroundDefault = "#343438";
+export const TokenComponentSideNavigationBackgroundSecondLevel = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemBackground = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemIcon = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemText = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBackground = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBorder = "#515157";
+export const TokenComponentSideNavigationHoverMenuItemBackground = "#3d3d42";
+export const TokenComponentSideNavigationHoverMenuItemIcon = "#ffffff";
+export const TokenComponentSideNavigationHoverMenuItemText = "#ffffff";
+export const TokenComponentSideNavigationHoverMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationHoverMenuItemLabelBackground = "#343438";
+export const TokenComponentSideNavigationHoverMenuItemLabelBorder = "#515157";
+export const TokenComponentSideNavigationSelectedMenuItemBackground = "#5bb3ea";
+export const TokenComponentSideNavigationSelectedMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationSelectedMenuItemText = "#343438";
+export const TokenComponentSideNavigationSelectedMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationSelectedMenuItemLabelBackground = "#0174bc";
+export const TokenComponentSelectDefaultBackground = "#343438";
+export const TokenComponentSelectDefaultBorder = "#696970";
+export const TokenComponentSelectDefaultText = "#a3a3ab";
+export const TokenComponentSelectDefaultIcon = "#ffffff";
+export const TokenComponentSelectDefaultHintText = "#a3a3ab";
+export const TokenComponentSelectDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentSelectHoverBackground = "#343438";
+export const TokenComponentSelectHoverBorder = "#c2c2ca";
+export const TokenComponentSelectHoverText = "#a3a3ab";
+export const TokenComponentSelectHoverIcon = "#ffffff";
+export const TokenComponentSelectHoverHintText = "#a3a3ab";
+export const TokenComponentSelectHoverInfoIcon = "#a3a3ab";
+export const TokenComponentSelectFilledBackground = "#343438";
+export const TokenComponentSelectFilledBorder = "#696970";
+export const TokenComponentSelectFilledText = "#ffffff";
+export const TokenComponentSelectFilledIcon = "#ffffff";
+export const TokenComponentSelectFilledHintText = "#a3a3ab";
+export const TokenComponentSelectFilledInfoIcon = "#a3a3ab";
+export const TokenComponentSelectDisabledBackground = "#515157";
+export const TokenComponentSelectDisabledBorder = "#515157";
+export const TokenComponentSelectDisabledText = "#83838c";
+export const TokenComponentSelectDisabledIcon = "#83838c";
+export const TokenComponentSelectDisabledHintText = "#a3a3ab";
+export const TokenComponentSelectDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentSelectErrorBackground = "#343438";
+export const TokenComponentSelectErrorBorder = "#eb9091";
+export const TokenComponentSelectErrorText = "#ffffff";
+export const TokenComponentSelectErrorIcon = "#ffffff";
+export const TokenComponentSelectErrorHintText = "#eb9091";
+export const TokenComponentSelectErrorInfoIcon = "#a3a3ab";
+export const TokenComponentSelectFocusEmptyBackground = "#343438";
+export const TokenComponentSelectFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentSelectFocusEmptyText = "#a3a3ab";
+export const TokenComponentSelectFocusEmptyIcon = "#ffffff";
+export const TokenComponentSelectFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentSelectFocusEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentSelectFocusBackground = "#343438";
+export const TokenComponentSelectFocusBorder = "#5bb3ea";
+export const TokenComponentSelectFocusText = "#ffffff";
+export const TokenComponentSelectFocusIcon = "#ffffff";
+export const TokenComponentSelectFocusHintText = "#a3a3ab";
+export const TokenComponentSelectFocusInfoIcon = "#a3a3ab";
+export const TokenComponentSelectReadOnlyBackground = "#343438";
+export const TokenComponentSelectReadOnlyText = "#ffffff";
+export const TokenComponentSidePanelBackground = "#3d3d42";
+export const TokenComponentSidePanelText = "#ffffff";
+export const TokenComponentSidePanelBorder = "#515157";
+export const TokenComponentSidePanelIconDefault = "#ffffff";
+export const TokenComponentSidePanelIconHover = "#96cff0";
+export const TokenComponentSwitchActiveDefaultBackground = "#5bb3ea";
+export const TokenComponentSwitchActiveDefaultIcon = "#ffffff";
+export const TokenComponentSwitchActiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchActiveDefaultText = "#ffffff";
+export const TokenComponentSwitchActiveHoverBackground = "#96cff0";
+export const TokenComponentSwitchActiveHoverIcon = "#ffffff";
+export const TokenComponentSwitchActiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchActiveHoverText = "#ffffff";
+export const TokenComponentSwitchActiveFocusBackground = "#5bb3ea";
+export const TokenComponentSwitchActiveFocusIcon = "#ffffff";
+export const TokenComponentSwitchActiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchActiveFocusText = "#ffffff";
+export const TokenComponentSwitchActiveDisabledBackground = "#515157";
+export const TokenComponentSwitchActiveDisabledIcon = "#83838c";
+export const TokenComponentSwitchActiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchActiveDisabledText = "#83838c";
+export const TokenComponentSwitchInactiveDefaultBackground = "#696970";
+export const TokenComponentSwitchInactiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDefaultText = "#ffffff";
+export const TokenComponentSwitchInactiveHoverBackground = "#a3a3ab";
+export const TokenComponentSwitchInactiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchInactiveHoverText = "#ffffff";
+export const TokenComponentSwitchInactiveFocusBackground = "#696970";
+export const TokenComponentSwitchInactiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchInactiveFocusText = "#ffffff";
+export const TokenComponentSwitchInactiveDisabledBackground = "#515157";
+export const TokenComponentSwitchInactiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDisabledText = "#83838c";
+export const TokenComponentTabDefaultText = "#ffffff";
+export const TokenComponentTabDefaultIcon = "#ffffff";
+export const TokenComponentTabDefaultBorder = "#515157";
+export const TokenComponentTabHoverText = "#96cff0";
+export const TokenComponentTabHoverIcon = "#96cff0";
+export const TokenComponentTabHoverBorder = "#515157";
+export const TokenComponentTabActiveText = "#5bb3ea";
+export const TokenComponentTabActiveIcon = "#5bb3ea";
+export const TokenComponentTabActiveBorder = "#5bb3ea";
+export const TokenComponentTabDisabledText = "#83838c";
+export const TokenComponentTabDisabledIcon = "#83838c";
+export const TokenComponentTabDisabledBorder = "#515157";
+export const TokenComponentTagDefaultBackground = "#343438";
+export const TokenComponentTagDefaultBorder = "#696970";
+export const TokenComponentTagDefaultText = "#ffffff";
+export const TokenComponentTagDefaultIconDefault = "#ffffff";
+export const TokenComponentTagDefaultIconHover = "#96cff0";
+export const TokenComponentTagDefaultIconActive = "#5bb3ea";
+export const TokenComponentTagHoverBackground = "#343438";
+export const TokenComponentTagHoverBorder = "#c2c2ca";
+export const TokenComponentTagHoverText = "#ffffff";
+export const TokenComponentTagHoverIconDefault = "#ffffff";
+export const TokenComponentTagHoverIconHover = "#96cff0";
+export const TokenComponentTagHoverIconActive = "#5bb3ea";
+export const TokenComponentTagFocusBackground = "#3d3d42";
+export const TokenComponentTagFocusBorder = "#5bb3ea";
+export const TokenComponentTagFocusText = "#ffffff";
+export const TokenComponentTagFocusIconDefault = "#ffffff";
+export const TokenComponentTagFocusIconHover = "#96cff0";
+export const TokenComponentTagFocusIconActive = "#5bb3ea";
+export const TokenComponentTagErrorBackground = "#343438";
+export const TokenComponentTagErrorBorder = "#eb9091";
+export const TokenComponentTagErrorText = "#ffffff";
+export const TokenComponentTagErrorIconDefault = "#ffffff";
+export const TokenComponentTagErrorIconHover = "#96cff0";
+export const TokenComponentTagErrorIconActive = "#5bb3ea";
+export const TokenComponentTagDisabledBackground = "#515157";
+export const TokenComponentTagDisabledBorder = "#515157";
+export const TokenComponentTagDisabledText = "#83838c";
+export const TokenComponentTagDisabledIcon = "#83838c";
+export const TokenComponentTagReadOnlyBackground = "#343438";
+export const TokenComponentTagReadOnlyBorder = "#515157";
+export const TokenComponentTagReadOnlyText = "#ffffff";
+export const TokenComponentTagReadOnlyIcon = "#ffffff";
+export const TokenComponentTagInputDefaultBackground = "#343438";
+export const TokenComponentTagInputDefaultBorder = "#696970";
+export const TokenComponentTagInputDefaultHintText = "#a3a3ab";
+export const TokenComponentTagInputPlaceholderBackground = "#343438";
+export const TokenComponentTagInputPlaceholderBorder = "#696970";
+export const TokenComponentTagInputPlaceholderText = "#a3a3ab";
+export const TokenComponentTagInputPlaceholderHintText = "#a3a3ab";
+export const TokenComponentTagInputHoverBackground = "#343438";
+export const TokenComponentTagInputHoverBorder = "#c2c2ca";
+export const TokenComponentTagInputHoverText = "#a3a3ab";
+export const TokenComponentTagInputHoverHintText = "#a3a3ab";
+export const TokenComponentTagInputFilledBackground = "#343438";
+export const TokenComponentTagInputFilledBorder = "#696970";
+export const TokenComponentTagInputFilledIcon = "#ffffff";
+export const TokenComponentTagInputFilledHintText = "#a3a3ab";
+export const TokenComponentTagInputDisabledBackground = "#515157";
+export const TokenComponentTagInputDisabledBorder = "#515157";
+export const TokenComponentTagInputDisabledHintText = "#a3a3ab";
+export const TokenComponentTagInputErrorBackground = "#343438";
+export const TokenComponentTagInputErrorBorder = "#eb9091";
+export const TokenComponentTagInputErrorIcon = "#ffffff";
+export const TokenComponentTagInputErrorHintText = "#eb9091";
+export const TokenComponentTagInputFocusEmptyBackground = "#343438";
+export const TokenComponentTagInputFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTagInputFocusEmptyText = "#a3a3ab";
+export const TokenComponentTagInputFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTagInputFocusBackground = "#343438";
+export const TokenComponentTagInputFocusBorder = "#5bb3ea";
+export const TokenComponentTagInputFocusText = "#ffffff";
+export const TokenComponentTagInputFocusHintText = "#a3a3ab";
+export const TokenComponentTextAreaDefaultBackground = "#343438";
+export const TokenComponentTextAreaDefaultBorder = "#696970";
+export const TokenComponentTextAreaDefaultHintText = "#a3a3ab";
+export const TokenComponentTextAreaDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaPlaceholderBackground = "#343438";
+export const TokenComponentTextAreaPlaceholderBorder = "#696970";
+export const TokenComponentTextAreaPlaceholderText = "#a3a3ab";
+export const TokenComponentTextAreaPlaceholderHintText = "#a3a3ab";
+export const TokenComponentTextAreaPlaceholderInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaHoverBackground = "#343438";
+export const TokenComponentTextAreaHoverBorder = "#c2c2ca";
+export const TokenComponentTextAreaHoverText = "#ffffff";
+export const TokenComponentTextAreaHoverIcon = "#ffffff";
+export const TokenComponentTextAreaHoverHintText = "#a3a3ab";
+export const TokenComponentTextAreaHoverInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaHoverEmptyBackground = "#343438";
+export const TokenComponentTextAreaHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentTextAreaHoverEmptyText = "#a3a3ab";
+export const TokenComponentTextAreaHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentTextAreaHoverEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFilledBackground = "#343438";
+export const TokenComponentTextAreaFilledBorder = "#696970";
+export const TokenComponentTextAreaFilledText = "#ffffff";
+export const TokenComponentTextAreaFilledHintText = "#a3a3ab";
+export const TokenComponentTextAreaFilledInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFilledIconDefault = "#ffffff";
+export const TokenComponentTextAreaFilledIconHover = "#96cff0";
+export const TokenComponentTextAreaFilledIconActive = "#5bb3ea";
+export const TokenComponentTextAreaDisabledBackground = "#515157";
+export const TokenComponentTextAreaDisabledBorder = "#515157";
+export const TokenComponentTextAreaDisabledText = "#83838c";
+export const TokenComponentTextAreaDisabledHintText = "#a3a3ab";
+export const TokenComponentTextAreaDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaErrorBackground = "#343438";
+export const TokenComponentTextAreaErrorBorder = "#eb9091";
+export const TokenComponentTextAreaErrorText = "#ffffff";
+export const TokenComponentTextAreaErrorHintText = "#eb9091";
+export const TokenComponentTextAreaErrorInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaErrorIconDefault = "#ffffff";
+export const TokenComponentTextAreaErrorIconHover = "#96cff0";
+export const TokenComponentTextAreaErrorIconActive = "#5bb3ea";
+export const TokenComponentTextAreaFocusEmptyBackground = "#343438";
+export const TokenComponentTextAreaFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTextAreaFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTextAreaFocusEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFocusEmptyIconDefault = "#ffffff";
+export const TokenComponentTextAreaFocusEmptyIconHover = "#96cff0";
+export const TokenComponentTextAreaFocusEmptyIconActive = "#5bb3ea";
+export const TokenComponentTextAreaFocusBackground = "#343438";
+export const TokenComponentTextAreaFocusBorder = "#5bb3ea";
+export const TokenComponentTextAreaFocusText = "#ffffff";
+export const TokenComponentTextAreaFocusHintText = "#a3a3ab";
+export const TokenComponentTextAreaFocusInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFocusIconDefault = "#ffffff";
+export const TokenComponentTextAreaFocusIconHover = "#96cff0";
+export const TokenComponentTextAreaFocusIconActive = "#5bb3ea";
+export const TokenComponentTextAreaReadOnlyText = "#ffffff";
+export const TokenComponentTextAreaReadOnlyHintText = "#a3a3ab";
+export const TokenComponentTextFieldDefaultBackground = "#343438";
+export const TokenComponentTextFieldDefaultBorder = "#696970";
+export const TokenComponentTextFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentTextFieldDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldPlaceholderBackground = "#343438";
+export const TokenComponentTextFieldPlaceholderBorder = "#696970";
+export const TokenComponentTextFieldPlaceholderText = "#a3a3ab";
+export const TokenComponentTextFieldPlaceholderHintText = "#a3a3ab";
+export const TokenComponentTextFieldPlaceholderInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldHoverBackground = "#343438";
+export const TokenComponentTextFieldHoverBorder = "#c2c2ca";
+export const TokenComponentTextFieldHoverText = "#ffffff";
+export const TokenComponentTextFieldHoverIcon = "#ffffff";
+export const TokenComponentTextFieldHoverHintText = "#a3a3ab";
+export const TokenComponentTextFieldHoverInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldHoverEmptyBackground = "#343438";
+export const TokenComponentTextFieldHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentTextFieldHoverEmptyText = "#a3a3ab";
+export const TokenComponentTextFieldHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentTextFieldHoverEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFilledBackground = "#343438";
+export const TokenComponentTextFieldFilledBorder = "#696970";
+export const TokenComponentTextFieldFilledText = "#ffffff";
+export const TokenComponentTextFieldFilledHintText = "#a3a3ab";
+export const TokenComponentTextFieldFilledInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFilledIconDefault = "#ffffff";
+export const TokenComponentTextFieldFilledIconHover = "#96cff0";
+export const TokenComponentTextFieldFilledIconActive = "#5bb3ea";
+export const TokenComponentTextFieldDisabledBackground = "#515157";
+export const TokenComponentTextFieldDisabledBorder = "#515157";
+export const TokenComponentTextFieldDisabledText = "#83838c";
+export const TokenComponentTextFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentTextFieldDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldErrorBackground = "#343438";
+export const TokenComponentTextFieldErrorBorder = "#eb9091";
+export const TokenComponentTextFieldErrorText = "#ffffff";
+export const TokenComponentTextFieldErrorHintText = "#eb9091";
+export const TokenComponentTextFieldErrorInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldErrorIconDefault = "#ffffff";
+export const TokenComponentTextFieldErrorIconHover = "#96cff0";
+export const TokenComponentTextFieldErrorIconActive = "#5bb3ea";
+export const TokenComponentTextFieldFocusEmptyBackground = "#343438";
+export const TokenComponentTextFieldFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTextFieldFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTextFieldFocusEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFocusEmptyIconDefault = "#ffffff";
+export const TokenComponentTextFieldFocusEmptyIconHover = "#96cff0";
+export const TokenComponentTextFieldFocusEmptyIconActive = "#5bb3ea";
+export const TokenComponentTextFieldFocusBackground = "#343438";
+export const TokenComponentTextFieldFocusBorder = "#5bb3ea";
+export const TokenComponentTextFieldFocusText = "#ffffff";
+export const TokenComponentTextFieldFocusHintText = "#a3a3ab";
+export const TokenComponentTextFieldFocusInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFocusIconDefault = "#ffffff";
+export const TokenComponentTextFieldFocusIconHover = "#96cff0";
+export const TokenComponentTextFieldFocusIconActive = "#5bb3ea";
+export const TokenComponentTextFieldReadOnlyText = "#ffffff";
+export const TokenComponentTextFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentTimePickerDefaultBackground = "#343438";
+export const TokenComponentTimePickerDefaultBorder = "#696970";
+export const TokenComponentTimePickerDefaultText = "#a3a3ab";
+export const TokenComponentTimePickerDefaultIcon = "#ffffff";
+export const TokenComponentTimePickerDefaultHintText = "#a3a3ab";
+export const TokenComponentTimePickerHoverBackground = "#343438";
+export const TokenComponentTimePickerHoverBorder = "#c2c2ca";
+export const TokenComponentTimePickerHoverText = "#a3a3ab";
+export const TokenComponentTimePickerHoverIcon = "#ffffff";
+export const TokenComponentTimePickerHoverHintText = "#a3a3ab";
+export const TokenComponentTimePickerFilledBackground = "#343438";
+export const TokenComponentTimePickerFilledBorder = "#696970";
+export const TokenComponentTimePickerFilledText = "#ffffff";
+export const TokenComponentTimePickerFilledIcon = "#ffffff";
+export const TokenComponentTimePickerFilledHintText = "#a3a3ab";
+export const TokenComponentTimePickerDisabledBackground = "#515157";
+export const TokenComponentTimePickerDisabledBorder = "#515157";
+export const TokenComponentTimePickerDisabledText = "#83838c";
+export const TokenComponentTimePickerDisabledIcon = "#83838c";
+export const TokenComponentTimePickerDisabledHintText = "#a3a3ab";
+export const TokenComponentTimePickerErrorBackground = "#343438";
+export const TokenComponentTimePickerErrorBorder = "#eb9091";
+export const TokenComponentTimePickerErrorText = "#ffffff";
+export const TokenComponentTimePickerErrorIcon = "#ffffff";
+export const TokenComponentTimePickerErrorHintText = "#eb9091";
+export const TokenComponentTimePickerFocusEmptyBackground = "#343438";
+export const TokenComponentTimePickerFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTimePickerFocusEmptyText = "#a3a3ab";
+export const TokenComponentTimePickerFocusEmptyIcon = "#ffffff";
+export const TokenComponentTimePickerFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTimePickerFocusBackground = "#343438";
+export const TokenComponentTimePickerFocusBorder = "#5bb3ea";
+export const TokenComponentTimePickerFocusText = "#ffffff";
+export const TokenComponentTimePickerFocusIcon = "#ffffff";
+export const TokenComponentTimePickerFocusHintText = "#a3a3ab";
+export const TokenComponentTimePickerReadOnlyText = "#ffffff";
+export const TokenComponentTooltipBackground = "#ffffff";
+export const TokenComponentTooltipText = "#343438";
+export const TokenComponentTreeText = "#ffffff";
+export const TokenComponentTreeBorder = "#515157";
+export const TokenComponentTreeIconDefault = "#ffffff";
+export const TokenComponentTreeIconHover = "#96cff0";
+export const TokenComponentTreeIconActive = "#5bb3ea";
+export const TokenComponentTreeBackgroundDefault = "#343438";
+export const TokenComponentTreeBackgroundHover = "#3d3d42";
+export const TokenComponentTreeExpandedAreaBorder = "#696970";
+export const TokenComponentWidgetDownloadText = "#ffffff";
+export const TokenComponentWidgetDownloadBorder = "#515157";
+export const TokenComponentWidgetDownloadBackgroundHeader = "#343438";
+export const TokenComponentWidgetDownloadBackgroundDefault = "#3d3d42";
+export const TokenComponentWidgetDownloadIconDefault = "#ffffff";
+export const TokenComponentWidgetDownloadIconSuccess = "#65ba75";
+export const TokenComponentWidgetDownloadIconError = "#eb9091";
+export const TokenComponentWidgetUploadDefaultBackground = "#343438";
+export const TokenComponentWidgetUploadDefaultBorder = "#696970";
+export const TokenComponentWidgetUploadDefaultIcon = "#ffffff";
+export const TokenComponentWidgetUploadDefaultTextDefault = "#ffffff";
+export const TokenComponentWidgetUploadDefaultTextLink = "#5bb3ea";
+export const TokenComponentWidgetUploadHoverBackground = "#3d3d42";
+export const TokenComponentWidgetUploadHoverBorder = "#5bb3ea";
+export const TokenComponentWidgetUploadHoverIcon = "#ffffff";
+export const TokenComponentWidgetUploadHoverTextDefault = "#ffffff";
+export const TokenComponentWidgetUploadHoverTextLink = "#5bb3ea";
+export const TokenComponentWidgetUploadDisabledBackground = "#515157";
+export const TokenComponentWidgetUploadDisabledBorder = "#515157";
+export const TokenComponentWidgetUploadDisabledIcon = "#83838c";
+export const TokenComponentWidgetUploadDisabledText = "#83838c";
+export const TokenComponentStepperHorizontalLine = "#515157";
+export const TokenComponentStepperHorizontalPastItemCircleBackground = "#3d3d42";
+export const TokenComponentStepperHorizontalPastItemCircleBorder = "#5bb3ea";
+export const TokenComponentStepperHorizontalPastItemCircleText = "#5bb3ea";
+export const TokenComponentStepperHorizontalPastItemCircleIcon = "#5bb3ea";
+export const TokenComponentStepperHorizontalPastItemTextDefault = "#ffffff";
+export const TokenComponentStepperHorizontalPastItemTextHover = "#5bb3ea";
+export const TokenComponentStepperHorizontalCurrentItemCircleBackground = "#5bb3ea";
+export const TokenComponentStepperHorizontalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperHorizontalCurrentItemTextDefault = "#ffffff";
+export const TokenComponentStepperHorizontalCurrentItemTextHover = "#5bb3ea";
+export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#343438";
+export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#515157";
+export const TokenComponentStepperHorizontalFutureItemCircleText = "#83838c";
+export const TokenComponentStepperHorizontalFutureItemText = "#83838c";
+export const TokenComponentStepperVerticalBackground = "#3d3d42";
+export const TokenComponentStepperVerticalBorder = "#515157";
+export const TokenComponentStepperVerticalIcon = "#ffffff";
+export const TokenComponentStepperVerticalPastItemCircleBackground = "#3d3d42";
+export const TokenComponentStepperVerticalPastItemCircleBorder = "#5bb3ea";
+export const TokenComponentStepperVerticalPastItemCircleText = "#5bb3ea";
+export const TokenComponentStepperVerticalPastItemCircleIcon = "#5bb3ea";
+export const TokenComponentStepperVerticalPastItemTextDefault = "#ffffff";
+export const TokenComponentStepperVerticalPastItemTextHover = "#5bb3ea";
+export const TokenComponentStepperVerticalCurrentItemIcon = "#5bb3ea";
+export const TokenComponentStepperVerticalCurrentItemCircleBackground = "#5bb3ea";
+export const TokenComponentStepperVerticalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperVerticalCurrentItemTextDefault = "#ffffff";
+export const TokenComponentStepperVerticalCurrentItemTextHover = "#5bb3ea";
+export const TokenComponentStepperVerticalFutureItemCircleBackground = "#343438";
+export const TokenComponentStepperVerticalFutureItemCircleBorder = "#696970";
+export const TokenComponentStepperVerticalFutureItemCircleText = "#a3a3ab";
+export const TokenComponentStepperVerticalFutureItemTextDefault = "#ffffff";
+export const TokenComponentStepperVerticalFutureItemTextHover = "#5bb3ea";
+export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#343438";
+export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#515157";
+export const TokenComponentStepperVerticalDisabledItemCircleText = "#83838c";
+export const TokenComponentStepperVerticalDisabledItemText = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#ffffff";
+export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#96cff0";
+export const TokenComponentAdvancedSearchFilterIconAppliedIcon = "#5bb3ea";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeBackground = "#d63c42";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterIconDisabledIcon = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeBackground = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaBackground = "#343438";
+export const TokenComponentAdvancedSearchFilterAreaBorder = "#515157";
+export const TokenComponentAdvancedSearchFilterAreaTextDefault = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaTextLink = "#5bb3ea";
+export const TokenComponentAdvancedSearchFilterAreaIconDefault = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaIconHover = "#96cff0";
+export const TokenComponentAdvancedSearchFilterAreaIconDisabled = "#83838c";
+export const TokenComponentAdvancedSearchFilterAreaTagBackground = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterAreaTagBorder = "#515157";
+export const TokenComponentAdvancedSearchFilterAreaTagOperatorIcon = "#c25d05";
+export const TokenComponentAdvancedSearchFilterAreaTagIconDefault = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaTagIconHover = "#96cff0";
+export const TokenComponentSegmentedStatusButtonDefaultBackground = "#3d3d42";
+export const TokenComponentSegmentedStatusButtonDefaultBorder = "#696970";
+export const TokenComponentSegmentedStatusButtonDefaultText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDefaultIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonHoverBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonHoverBorder = "#696970";
+export const TokenComponentSegmentedStatusButtonHoverText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonHoverIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledBackground = "#3d3d42";
+export const TokenComponentSegmentedStatusButtonDisabledBorder = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonActivePositiveBackground = "#65ba75";
+export const TokenComponentSegmentedStatusButtonActivePositiveText = "#343438";
+export const TokenComponentSegmentedStatusButtonActivePositiveIcon = "#343438";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonActiveNegativeBackground = "#eb9091";
+export const TokenComponentSegmentedStatusButtonActiveNegativeText = "#343438";
+export const TokenComponentSegmentedStatusButtonActiveNegativeIcon = "#343438";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonActiveNeutralBackground = "#696970";
+export const TokenComponentSegmentedStatusButtonActiveNeutralText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActiveNeutralIcon = "#ffffff";
+export const TokenComponentLinkSelectDefaultText = "#5bb3ea";
+export const TokenComponentLinkSelectDefaultIcon = "#ffffff";
+export const TokenComponentLinkSelectHoverText = "#96cff0";
+export const TokenComponentLinkSelectHoverIcon = "#96cff0";
+export const TokenComponentLinkSelectFilledText = "#5bb3ea";
+export const TokenComponentLinkSelectFilledIcon = "#ffffff";
+export const TokenComponentLinkSelectDisabledText = "#83838c";
+export const TokenComponentLinkSelectDisabledIcon = "#83838c";
+export const TokenComponentLinkSelectFocusText = "#5bb3ea";
+export const TokenComponentLinkSelectFocusIcon = "#ffffff";
+export const TokenComponentLinkSelectReadOnlyText = "#ffffff";
diff --git a/dist/themes/densedDark/tokens.js b/dist/themes/densedDark/tokens.js
new file mode 100644
index 0000000..bc42094
--- /dev/null
+++ b/dist/themes/densedDark/tokens.js
@@ -0,0 +1,1608 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const TokenGlobalColorNeutrals5 = "#f7f7fa"; // Page background color, disabled form elements fill (input, text area, etc)
+export const TokenGlobalColorNeutrals10 = "#ededf2"; // UI element bg
+export const TokenGlobalColorNeutrals20 = "#e5e5ea"; // Subtle background
+export const TokenGlobalColorNeutrals30 = "#d6d6dd"; // Container border, divider, stroke
+export const TokenGlobalColorNeutrals40 = "#c2c2ca"; // Disabled border
+export const TokenGlobalColorNeutrals50 = "#a3a3ab";
+export const TokenGlobalColorNeutrals60 = "#83838c"; // Default field border
+export const TokenGlobalColorNeutrals70 = "#696970"; // Color for text placeholder and hints
+export const TokenGlobalColorNeutrals80 = "#515157";
+export const TokenGlobalColorNeutrals90 = "#3d3d42"; // Default icon color, hover color for fields border
+export const TokenGlobalColorNeutrals100 = "#343438"; // Default text color
+export const TokenGlobalColorNeutralsBlack = "#232326"; // Global header and footer
+export const TokenGlobalColorNeutralsWhite = "#ffffff";
+export const TokenGlobalColorBrand5 = "#f5fbff";
+export const TokenGlobalColorBrand10 = "#edf8ff";
+export const TokenGlobalColorBrand20 = "#e1f4ff";
+export const TokenGlobalColorBrand30 = "#ceedfe";
+export const TokenGlobalColorBrand40 = "#afdef8";
+export const TokenGlobalColorBrand50 = "#96cff0";
+export const TokenGlobalColorBrand60 = "#5bb3ea";
+export const TokenGlobalColorBrand70 = "#009cde"; // Akamai Blue
+export const TokenGlobalColorBrand80 = "#108ad6";
+export const TokenGlobalColorBrand90 = "#0174bc"; // Akamai Websafe Blue
+export const TokenGlobalColorBrand100 = "#00314d";
+export const TokenGlobalColorRed5 = "#fff8f8";
+export const TokenGlobalColorRed10 = "#ffefef";
+export const TokenGlobalColorRed20 = "#ffe5e5";
+export const TokenGlobalColorRed30 = "#fdd8d8";
+export const TokenGlobalColorRed40 = "#f9c6c6";
+export const TokenGlobalColorRed50 = "#f3aeaf";
+export const TokenGlobalColorRed60 = "#eb9091";
+export const TokenGlobalColorRed70 = "#d63c42"; // Critical or high severity
+export const TokenGlobalColorRed80 = "#d0343a"; // Akamai Red
+export const TokenGlobalColorRed90 = "#b82329";
+export const TokenGlobalColorRed100 = "#381316";
+export const TokenGlobalColorOrange5 = "#fef9f4";
+export const TokenGlobalColorOrange10 = "#fff3e7";
+export const TokenGlobalColorOrange20 = "#ffebd7";
+export const TokenGlobalColorOrange30 = "#ffe1c3";
+export const TokenGlobalColorOrange40 = "#facfa4";
+export const TokenGlobalColorOrange50 = "#f2b67b";
+export const TokenGlobalColorOrange60 = "#f09d4b";
+export const TokenGlobalColorOrange70 = "#fe9933"; // Akamai Orange. High or medium severity
+export const TokenGlobalColorOrange80 = "#f0821d";
+export const TokenGlobalColorOrange90 = "#c25d05";
+export const TokenGlobalColorOrange100 = "#451e11";
+export const TokenGlobalColorAmber5 = "#fff9ed";
+export const TokenGlobalColorAmber10 = "#fff4d5";
+export const TokenGlobalColorAmber20 = "#ffecbc";
+export const TokenGlobalColorAmber30 = "#ffe3a2";
+export const TokenGlobalColorAmber40 = "#facf83";
+export const TokenGlobalColorAmber50 = "#f3ba63";
+export const TokenGlobalColorAmber60 = "#edb016";
+export const TokenGlobalColorAmber70 = "#fecb34"; // Medium or low severity
+export const TokenGlobalColorAmber80 = "#f2b90e";
+export const TokenGlobalColorAmber90 = "#ce9a00";
+export const TokenGlobalColorAmber100 = "#403104";
+export const TokenGlobalColorYellow5 = "#ffffeb";
+export const TokenGlobalColorYellow10 = "#fafadf";
+export const TokenGlobalColorYellow20 = "#f9f9c9";
+export const TokenGlobalColorYellow30 = "#f8f8b6";
+export const TokenGlobalColorYellow40 = "#f5f596";
+export const TokenGlobalColorYellow50 = "#e8e86a";
+export const TokenGlobalColorYellow60 = "#dfdf39";
+export const TokenGlobalColorYellow70 = "#f5f531";
+export const TokenGlobalColorYellow80 = "#e5e50a";
+export const TokenGlobalColorYellow90 = "#bfbf0d";
+export const TokenGlobalColorYellow100 = "#35290f";
+export const TokenGlobalColorLime5 = "#f7fcf0";
+export const TokenGlobalColorLime10 = "#eefadc";
+export const TokenGlobalColorLime20 = "#e4f7c7";
+export const TokenGlobalColorLime30 = "#d7f2b0";
+export const TokenGlobalColorLime40 = "#c9e894";
+export const TokenGlobalColorLime50 = "#b1d16a";
+export const TokenGlobalColorLime60 = "#94ba2c";
+export const TokenGlobalColorLime70 = "#99d52a";
+export const TokenGlobalColorLime80 = "#93c926";
+export const TokenGlobalColorLime90 = "#5d770d";
+export const TokenGlobalColorLime100 = "#263209";
+export const TokenGlobalColorGreen5 = "#f3fcf3";
+export const TokenGlobalColorGreen10 = "#ebf9eb";
+export const TokenGlobalColorGreen20 = "#dff3df";
+export const TokenGlobalColorGreen30 = "#ceebcf";
+export const TokenGlobalColorGreen40 = "#b7dfba";
+export const TokenGlobalColorGreen50 = "#97cf9c";
+export const TokenGlobalColorGreen60 = "#65ba75";
+export const TokenGlobalColorGreen70 = "#00b050"; // Akamai Green. Low severity (human)
+export const TokenGlobalColorGreen80 = "#07a04d";
+export const TokenGlobalColorGreen90 = "#138246";
+export const TokenGlobalColorGreen100 = "#1b311e";
+export const TokenGlobalColorTeal5 = "#f1fcfa";
+export const TokenGlobalColorTeal10 = "#e7f9f5";
+export const TokenGlobalColorTeal20 = "#d9f3ee";
+export const TokenGlobalColorTeal30 = "#c7ebe5";
+export const TokenGlobalColorTeal40 = "#afdfd7";
+export const TokenGlobalColorTeal50 = "#8dcec3";
+export const TokenGlobalColorTeal60 = "#53b9ab";
+export const TokenGlobalColorTeal70 = "#12a594";
+export const TokenGlobalColorTeal80 = "#0e9888";
+export const TokenGlobalColorTeal90 = "#067a6f";
+export const TokenGlobalColorTeal100 = "#10302b";
+export const TokenGlobalColorCyan5 = "#f2fcfd";
+export const TokenGlobalColorCyan10 = "#e7f9fb";
+export const TokenGlobalColorCyan20 = "#d8f3f6";
+export const TokenGlobalColorCyan30 = "#aadee6";
+export const TokenGlobalColorCyan40 = "#84cdda";
+export const TokenGlobalColorCyan50 = "#84cdda";
+export const TokenGlobalColorCyan60 = "#3db9cf";
+export const TokenGlobalColorCyan70 = "#05a2c2";
+export const TokenGlobalColorCyan80 = "#0894b3";
+export const TokenGlobalColorCyan90 = "#0c7792";
+export const TokenGlobalColorCyan100 = "#04313c";
+export const TokenGlobalColorUltramarine5 = "#f8faff";
+export const TokenGlobalColorUltramarine10 = "#f0f4ff";
+export const TokenGlobalColorUltramarine20 = "#e6edfe";
+export const TokenGlobalColorUltramarine30 = "#d9e2fc";
+export const TokenGlobalColorUltramarine40 = "#c6d4f9";
+export const TokenGlobalColorUltramarine50 = "#aec0f5";
+export const TokenGlobalColorUltramarine60 = "#8da4ef";
+export const TokenGlobalColorUltramarine70 = "#4067e5";
+export const TokenGlobalColorUltramarine80 = "#3a5ccc";
+export const TokenGlobalColorUltramarine90 = "#3451b2";
+export const TokenGlobalColorUltramarine100 = "#002856"; // Akamai Dark Navy
+export const TokenGlobalColorViolet5 = "#fbfaff";
+export const TokenGlobalColorViolet10 = "#f5f2ff";
+export const TokenGlobalColorViolet20 = "#ede9fe";
+export const TokenGlobalColorViolet30 = "#e4defc";
+export const TokenGlobalColorViolet40 = "#d7cff9";
+export const TokenGlobalColorViolet50 = "#c4b8f3";
+export const TokenGlobalColorViolet60 = "#aa99ec";
+export const TokenGlobalColorViolet70 = "#7259d6";
+export const TokenGlobalColorViolet80 = "#644fc1";
+export const TokenGlobalColorViolet90 = "#5746af";
+export const TokenGlobalColorViolet100 = "#20134b";
+export const TokenGlobalColorPurple5 = "#fdfaff";
+export const TokenGlobalColorPurple10 = "#f9f1fe";
+export const TokenGlobalColorPurple20 = "#f3e7fc";
+export const TokenGlobalColorPurple30 = "#eddbf9";
+export const TokenGlobalColorPurple40 = "#e3ccf4";
+export const TokenGlobalColorPurple50 = "#d3b4ed";
+export const TokenGlobalColorPurple60 = "#be93e4";
+export const TokenGlobalColorPurple70 = "#8e4ec6";
+export const TokenGlobalColorPurple80 = "#8445bc";
+export const TokenGlobalColorPurple90 = "#753bbd"; // Akamai Purple
+export const TokenGlobalColorPurple100 = "#2b0e44";
+export const TokenGlobalColorMagenta5 = "#fff8ff";
+export const TokenGlobalColorMagenta10 = "#fceffc";
+export const TokenGlobalColorMagenta20 = "#f9e5f9";
+export const TokenGlobalColorMagenta30 = "#f3d9f4";
+export const TokenGlobalColorMagenta40 = "#ebc8ed";
+export const TokenGlobalColorMagenta50 = "#dfafe3";
+export const TokenGlobalColorMagenta60 = "#cf91d8";
+export const TokenGlobalColorMagenta70 = "#ab4aba"; // Critical severity
+export const TokenGlobalColorMagenta80 = "#a43cb4";
+export const TokenGlobalColorMagenta90 = "#9c2bad";
+export const TokenGlobalColorMagenta100 = "#340c3b";
+export const TokenGlobalColorPink5 = "#fff7fc";
+export const TokenGlobalColorPink10 = "#feeef8";
+export const TokenGlobalColorPink20 = "#fce5f3";
+export const TokenGlobalColorPink30 = "#f9d8ec";
+export const TokenGlobalColorPink40 = "#f3c6e2";
+export const TokenGlobalColorPink50 = "#ecadd4";
+export const TokenGlobalColorPink60 = "#e38ec3";
+export const TokenGlobalColorPink70 = "#e043a7";
+export const TokenGlobalColorPink80 = "#d23197";
+export const TokenGlobalColorPink90 = "#cd1d8d";
+export const TokenGlobalColorPink100 = "#3b0a2a";
+export const TokenGlobalColorBrown5 = "#fbf9f2";
+export const TokenGlobalColorBrown10 = "#f5f2e9";
+export const TokenGlobalColorBrown20 = "#eeeadd";
+export const TokenGlobalColorBrown30 = "#e5dfd0";
+export const TokenGlobalColorBrown40 = "#dad1bd";
+export const TokenGlobalColorBrown50 = "#cbbda4";
+export const TokenGlobalColorBrown60 = "#b8a383";
+export const TokenGlobalColorBrown70 = "#978365";
+export const TokenGlobalColorBrown80 = "#8c795d";
+export const TokenGlobalColorBrown90 = "#776750";
+export const TokenGlobalColorBrown100 = "#3b352b";
+export const TokenGlobalSpacing0 = "0rem";
+export const TokenGlobalSpacing10 = "0.125rem"; // 2px
+export const TokenGlobalSpacing20 = "0.25rem"; // 4px
+export const TokenGlobalSpacing30 = "0.375rem"; // 6px
+export const TokenGlobalSpacing40 = "0.5rem"; // 8px
+export const TokenGlobalSpacing50 = "0.75rem"; // 12px
+export const TokenGlobalSpacing60 = "1rem"; // 16px
+export const TokenGlobalSpacing70 = "1.5rem"; // 24px
+export const TokenGlobalSpacing80 = "2rem"; // 32px
+export const TokenGlobalSpacing90 = "3rem"; // 48px
+export const TokenGlobalFontFontFamilyBrand = "'Nunito Sans'";
+export const TokenGlobalFontFontFamilyCode = "'Fira Code'";
+export const TokenGlobalFontFontWeightSemibold = "600";
+export const TokenGlobalFontFontWeightBold = "700";
+export const TokenGlobalFontFontWeightExtrabold = "800";
+export const TokenGlobalFontFontWeightRegularNormal = "400";
+export const TokenGlobalFontFontWeightRegularItalic = "400";
+export const TokenGlobalFontFontSizeXxxs = "0.75rem"; // 12px
+export const TokenGlobalFontFontSizeXxs = "0.813rem"; // 13px
+export const TokenGlobalFontFontSizeXs = "0.875rem"; // 14px
+export const TokenGlobalFontFontSizeS = "1rem"; // 16px
+export const TokenGlobalFontFontSizeM = "1.125rem"; // 18px
+export const TokenGlobalFontFontSizeL = "1.25rem"; // 20px
+export const TokenGlobalFontFontSizeXl = "1.5rem"; // 24px
+export const TokenGlobalFontFontSizeXxl = "1.75rem"; // 28px
+export const TokenGlobalFontFontSizeXxxl = "2.25rem"; // 36px
+export const TokenGlobalFontLineHeightXxxs = "1rem"; // 16px
+export const TokenGlobalFontLineHeightXxs = "1.125rem"; // 18px
+export const TokenGlobalFontLineHeightXs = "1.25rem"; // 20px
+export const TokenGlobalFontLineHeightS = "1.5rem"; // 24px
+export const TokenGlobalFontLineHeightM = "1.625rem"; // 26px
+export const TokenGlobalFontLineHeightL = "1.875rem"; // 30px
+export const TokenGlobalFontLineHeightXl = "2rem"; // 32px
+export const TokenGlobalFontLineHeightXxl = "2.375rem"; // 38px
+export const TokenGlobalFontLineHeightXxxl = "2.625rem"; // 42px
+export const TokenGlobalFontTextcaseUppercase = "uppercase";
+export const TokenGlobalBorderRadiusNone = "0rem";
+export const TokenAliasContentTextBase = "#343438";
+export const TokenAliasContentTextNegative = "#eb9091"; // Error message text
+export const TokenAliasContentTextWarning = "#fecb34";
+export const TokenAliasContentTextPositive = "#00b050";
+export const TokenAliasContentTextInformative = "#4067e5";
+export const TokenAliasContentTextPrimaryDefault = "#ffffff"; // Primary text color
+export const TokenAliasContentTextPrimaryDisabled = "#83838c";
+export const TokenAliasContentTextSecondaryDefault = "#a3a3ab"; // Placeholder text
+export const TokenAliasContentTextSecondaryDisabled = "#83838c";
+export const TokenAliasContentTextLinkDefault = "#5bb3ea";
+export const TokenAliasContentTextLinkHover = "#96cff0";
+export const TokenAliasContentTextLinkDisabled = "#83838c";
+export const TokenAliasContentIconBase = "#343438";
+export const TokenAliasContentIconNegative = "#eb9091";
+export const TokenAliasContentIconWarning = "#edb016";
+export const TokenAliasContentIconPositive = "#65ba75";
+export const TokenAliasContentIconInformative = "#8da4ef";
+export const TokenAliasContentIconPrimaryDefault = "#ffffff"; // Default icon color
+export const TokenAliasContentIconPrimaryHover = "#96cff0";
+export const TokenAliasContentIconPrimaryActive = "#5bb3ea";
+export const TokenAliasContentIconPrimaryDisabled = "#83838c";
+export const TokenAliasContentIconSecondaryDefault = "#a3a3ab";
+export const TokenAliasContentIconSecondaryDisabled = "#83838c";
+export const TokenAliasBorderNormal = "#515157"; // Static component border
+export const TokenAliasBorderNeutral = "#c2c2ca"; // Secondary notification banner border
+export const TokenAliasBorderNegative = "#eb9091";
+export const TokenAliasBorderWarning = "#edb016";
+export const TokenAliasBorderPositive = "#65ba75";
+export const TokenAliasBorderInformative = "#8da4ef";
+export const TokenAliasBackgroundNormal = "#3d3d42"; // Default component background
+export const TokenAliasBackgroundNeutral = "#343438"; // Default page background
+export const TokenAliasBackgroundBase = "#ffffff"; // Tooltip background
+export const TokenAliasBackgroundNegative = "#d63c42";
+export const TokenAliasBackgroundWarning = "#fecb34";
+export const TokenAliasBackgroundPositive = "#00b050";
+export const TokenAliasBackgroundInformative = "#4067e5";
+export const TokenAliasBackgroundBlack = "#232326"; // Use only for a global header and global footer background
+export const TokenAliasBackgroundNegativesubtle = "#515157";
+export const TokenAliasBackgroundWarningsubtle = "#515157";
+export const TokenAliasBackgroundPositivesubtle = "#515157";
+export const TokenAliasBackgroundInformativesubtle = "#515157";
+export const TokenAliasBackgroundNeutralsubtle = "#515157";
+export const TokenAliasBackgroundOverlay = "lch(13.8 2.09 286 / 0.84)";
+export const TokenAliasActionBase = "#3d3d42";
+export const TokenAliasActionNeutral = "#696970";
+export const TokenAliasActionWhite50 = "#ffffff"; // Transparent disabled switcher circle
+export const TokenAliasActionPrimaryDefault = "#5bb3ea"; // Brand action color
+export const TokenAliasActionPrimaryHover = "#96cff0";
+export const TokenAliasActionPrimaryActive = "#5bb3ea";
+export const TokenAliasActionPrimaryDisabled = "#515157";
+export const TokenAliasActionSecondaryHover = "#515157";
+export const TokenAliasActionSecondaryDisabled = "#515157";
+export const TokenAliasActionTertiaryDisabled = "#515157";
+export const TokenAliasActionPositiveDefault = "#65ba75";
+export const TokenAliasActionPositiveDisabled = "#515157";
+export const TokenAliasActionNegativeDefault = "#eb9091";
+export const TokenAliasActionNegativeDisabled = "#515157";
+export const TokenAliasInteractionBorderDefault = "#696970"; // Default inputs border
+export const TokenAliasInteractionBorderHover = "#c2c2ca";
+export const TokenAliasInteractionBorderFocus = "#5bb3ea";
+export const TokenAliasInteractionBorderError = "#eb9091";
+export const TokenAliasInteractionBorderDisabled = "#515157";
+export const TokenAliasInteractionBackgroundPrimary = "#343438"; // Default component background color
+export const TokenAliasInteractionBackgroundSecondary = "#343438";
+export const TokenAliasInteractionBackgroundTertiary = "#3d3d42";
+export const TokenAliasInteractionBackgroundElevated = "#515157"; // Calendar range background, table row hover 
+export const TokenAliasInteractionBackgroundAccent = "#5bb3ea";
+export const TokenAliasInteractionBackgroundActive = "#5bb3ea";
+export const TokenAliasInteractionBackgroundDisabled = "#515157";
+export const TokenAliasElevationS = "0 2px 6px 0 rgba(0,0,0,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups;
+export const TokenAliasElevationSInverted = "0 -2px 6px 0 rgba(0,0,0,0.18)"; // Inverted shadow for elements that appear above the component
+export const TokenAliasElevationL = "0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08)"; // Shadow for modals
+export const TokenAliasTypographyHeadingXxxl = "700 2.25rem/2.625rem 'Nunito Sans'"; // Promo banners, KPIs
+export const TokenAliasTypographyHeadingXxl = "800 1.75rem/2rem 'Nunito Sans'"; // Main titles - h1
+export const TokenAliasTypographyHeadingXl = "700 1.5rem/1.875rem 'Nunito Sans'"; // Second level title - h2
+export const TokenAliasTypographyHeadingL = "700 1.25rem/1.625rem 'Nunito Sans'"; // Third level title - h3
+export const TokenAliasTypographyHeadingM = "700 1.125rem/1.5rem 'Nunito Sans'"; // Drawer, modal title - h4
+export const TokenAliasTypographyHeadingS = "700 1rem/1.25rem 'Nunito Sans'"; // Advanced search, bars, master switch titles - h5
+export const TokenAliasTypographyHeadingXs = "700 0.875rem/1.125rem 'Nunito Sans'"; // Low level headings - h6
+export const TokenAliasTypographyHeadingOverline = "800 0.75rem/1rem 'Nunito Sans'"; // Custom labels for content blocks
+export const TokenAliasTypographyHeadingOverlineLetterSpacing = "0.023rem"; // Overline letter spacing
+export const TokenAliasTypographyHeadingOverlineTextCase = "uppercase"; // Overline text case
+export const TokenAliasTypographyBodyRegular = "400 0.875rem/1.25rem 'Nunito Sans'"; // Main body text
+export const TokenAliasTypographyBodySemibold = "600 0.875rem/1.25rem 'Nunito Sans'"; // Light emphasis
+export const TokenAliasTypographyBodyBold = "700 0.875rem/1.25rem 'Nunito Sans'"; // Emphasis
+export const TokenAliasTypographyBodyExtrabold = "800 0.875rem/1.25rem 'Nunito Sans'"; // Max emphasis
+export const TokenAliasTypographyBodyList = "400 0.875rem/1.25rem 'Nunito Sans'"; // For list items
+export const TokenAliasTypographyBodyItalic = "400 0.875rem/1.25rem 'Nunito Sans'";
+export const TokenAliasTypographyLabelSemiboldL = "600 1rem/1.25rem 'Nunito Sans'"; // Large tabs
+export const TokenAliasTypographyLabelSemiboldS = "600 0.875rem/1rem 'Nunito Sans'"; // Large buttons, list, segmented buttons, side navigation, small tables
+export const TokenAliasTypographyLabelSemiboldXs = "600 0.75rem/1rem 'Nunito Sans'"; // Small buttons, tags, warning message under field
+export const TokenAliasTypographyLabelBoldL = "700 1rem/1.25rem 'Nunito Sans'"; // Card, content panel, vertical stepper
+export const TokenAliasTypographyLabelBoldS = "700 0.875rem/1rem 'Nunito Sans'"; // Field labels, table header, date&time pickers
+export const TokenAliasTypographyLabelBoldXs = "700 0.75rem/0.875rem 'Nunito Sans'"; // Badge number
+export const TokenAliasTypographyLabelRegularS = "400 0.875rem/1rem 'Nunito Sans'"; // Field entered text, dropdown item, table cell, pagination
+export const TokenAliasTypographyLabelRegularXs = "400 0.75rem/1rem 'Nunito Sans'"; // Optional text, small dropdown item
+export const TokenAliasTypographyLabelRegularPlaceholder = "400 0.875rem/1rem 'Nunito Sans'";
+export const TokenAliasTypographyCode = "400 0.813rem/1.25rem 'Fira Code'"; // Code samples
+export const TokenAliasAccentInfoPrimary = "#aec0f5";
+export const TokenAliasAccentInfoSecondary = "lch(77.7 28.7 275 / 0.12)";
+export const TokenAliasAccentNeutralPrimary = "#c2c2ca";
+export const TokenAliasAccentNeutralSecondary = "lch(78.6 4.18 286 / 0.12)";
+export const TokenAliasAccentWarningPrimary = "#f2b67b";
+export const TokenAliasAccentWarningSecondary = "lch(79.6 53.6 74.4 / 0.12)";
+export const TokenAliasAccentNegativePrimary = "#f3aeaf";
+export const TokenAliasAccentNegativeSecondary = "lch(77.8 28 21.1 / 0.12)";
+export const TokenAliasAccentPositivePrimary = "#97cf9c";
+export const TokenAliasAccentPositiveSecondary = "lch(78.2 32.7 144 / 0.12)";
+export const TokenAliasAccentImportantPrimary = "#d3b4ed";
+export const TokenAliasAccentImportantSecondary = "lch(77.5 31.1 309 / 0.12)";
+export const TokenAliasAccentPinkPrimary = "#ecadd4";
+export const TokenAliasAccentPinkSecondary = "lch(77.6 29.9 340 / 0.12)";
+export const TokenAliasAccentVioletPrimary = "#c4b8f3";
+export const TokenAliasAccentVioletSecondary = "lch(77.3 30.9 295 / 0.12)";
+export const TokenAliasChartNeutral = "#515157";
+export const TokenAliasChartCategorical1Primary = "#4067e5";
+export const TokenAliasChartCategorical1Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical1Transparent = "lch(46.5 72.3 286 / 0.2)";
+export const TokenAliasChartCategorical2Primary = "#fe9933";
+export const TokenAliasChartCategorical2Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical2Transparent = "lch(72.9 74.2 63 / 0.2)";
+export const TokenAliasChartCategorical3Primary = "#12a594";
+export const TokenAliasChartCategorical3Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical3Transparent = "lch(60.7 39.7 183 / 0.2)";
+export const TokenAliasChartCategorical4Primary = "#ab4aba";
+export const TokenAliasChartCategorical4Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical4Transparent = "lch(48.2 66.6 322 / 0.2)";
+export const TokenAliasChartCategorical5Primary = "#d63c42";
+export const TokenAliasChartCategorical5Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical5Transparent = "lch(50.1 69.5 29.4 / 0.2)";
+export const TokenAliasChartCategorical6Primary = "#05a2c2";
+export const TokenAliasChartCategorical6Inactive = "#aadee6";
+export const TokenAliasChartCategorical6Transparent = "lch(61 38.6 224 / 0.2)";
+export const TokenAliasChartCategorical7Primary = "#e043a7";
+export const TokenAliasChartCategorical7Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical7Transparent = "lch(55 70 344 / 0.2)";
+export const TokenAliasChartCategorical8Primary = "#00b050";
+export const TokenAliasChartCategorical8Inactive = "#ceebcf";
+export const TokenAliasChartCategorical8Transparent = "lch(63 67 146 / 0.2)";
+export const TokenAliasChartCategorical9Primary = "#7259d6";
+export const TokenAliasChartCategorical9Inactive = "#e4defc";
+export const TokenAliasChartCategorical9Transparent = "lch(45.6 71 299 / 0.2)";
+export const TokenAliasChartCategorical10Primary = "#99d52a";
+export const TokenAliasChartCategorical10Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical10Transparent = "lch(79 79.1 118 / 0.2)";
+export const TokenAliasChartCategorical11Primary = "#696970";
+export const TokenAliasChartCategorical11Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical11Transparent = "lch(44.6 4.09 286 / 0.2)";
+export const TokenAliasChartCategorical12Primary = "#8da4ef";
+export const TokenAliasChartCategorical12Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical12Transparent = "lch(67.9 41.2 278 / 0.2)";
+export const TokenAliasChartCategorical13Primary = "#c25d05";
+export const TokenAliasChartCategorical13Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical13Transparent = "lch(51.7 70.9 57.2 / 0.2)";
+export const TokenAliasChartCategorical14Primary = "#067a6f";
+export const TokenAliasChartCategorical14Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical14Transparent = "lch(45.6 31.8 185 / 0.2)";
+export const TokenAliasChartCategorical15Primary = "#cf91d8";
+export const TokenAliasChartCategorical15Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical15Transparent = "lch(68.3 42.4 321 / 0.2)";
+export const TokenAliasChartCategorical16Primary = "#eb9091";
+export const TokenAliasChartCategorical16Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical16Transparent = "lch(69.6 38.4 22.9 / 0.2)";
+export const TokenAliasChartCategorical17Primary = "#0c7792";
+export const TokenAliasChartCategorical17Inactive = "#aadee6";
+export const TokenAliasChartCategorical17Transparent = "lch(45.7 30.9 228 / 0.2)";
+export const TokenAliasChartCategorical18Primary = "#e38ec3";
+export const TokenAliasChartCategorical18Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical18Transparent = "lch(69.3 40.8 341 / 0.2)";
+export const TokenAliasChartCategorical19Primary = "#97cf9c";
+export const TokenAliasChartCategorical19Inactive = "#ceebcf";
+export const TokenAliasChartCategorical19Transparent = "lch(78.2 32.7 144 / 0.2)";
+export const TokenAliasChartCategorical20Primary = "#aa99ec";
+export const TokenAliasChartCategorical20Inactive = "#e4defc";
+export const TokenAliasChartCategorical20Transparent = "lch(67.2 44.6 296 / 0.2)";
+export const TokenAliasChartCategorical21Primary = "#94ba2c";
+export const TokenAliasChartCategorical21Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical21Transparent = "lch(70.8 67.7 114 / 0.2)";
+export const TokenAliasChartCategorical22Primary = "#3d3d42";
+export const TokenAliasChartCategorical22Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical22Transparent = "lch(25.9 3.2 286 / 0.2)";
+export const TokenAliasChartMonochromaticDefault5 = "#f8faff";
+export const TokenAliasChartMonochromaticDefault10 = "#f0f4ff";
+export const TokenAliasChartMonochromaticDefault20 = "#e6edfe";
+export const TokenAliasChartMonochromaticDefault30 = "#d9e2fc";
+export const TokenAliasChartMonochromaticDefault40 = "#c6d4f9";
+export const TokenAliasChartMonochromaticDefault50 = "#aec0f5";
+export const TokenAliasChartMonochromaticDefault60 = "#8da4ef";
+export const TokenAliasChartMonochromaticDefault70 = "#4067e5";
+export const TokenAliasChartMonochromaticDefault90 = "#3451b2";
+export const TokenAliasChartMonochromaticDefault100 = "#002856";
+export const TokenAliasChartMonochromaticDanger5 = "#fff8f8";
+export const TokenAliasChartMonochromaticDanger10 = "#ffefef";
+export const TokenAliasChartMonochromaticDanger20 = "#ffe5e5";
+export const TokenAliasChartMonochromaticDanger30 = "#fdd8d8";
+export const TokenAliasChartMonochromaticDanger40 = "#f9c6c6";
+export const TokenAliasChartMonochromaticDanger50 = "#f3aeaf";
+export const TokenAliasChartMonochromaticDanger60 = "#eb9091";
+export const TokenAliasChartMonochromaticDanger70 = "#d63c42";
+export const TokenAliasChartMonochromaticDanger90 = "#b82329";
+export const TokenAliasChartMonochromaticDanger100 = "#381316";
+export const TokenAliasChartStatusNegative = "#d63c42";
+export const TokenAliasChartStatusWarning = "#fecb34";
+export const TokenAliasChartStatusPositive = "#00b050";
+export const TokenComponentButtonPrimaryDefaultBackground = "#5bb3ea";
+export const TokenComponentButtonPrimaryDefaultText = "#343438";
+export const TokenComponentButtonPrimaryDefaultIcon = "#343438";
+export const TokenComponentButtonPrimaryHoverBackground = "#96cff0";
+export const TokenComponentButtonPrimaryHoverText = "#343438";
+export const TokenComponentButtonPrimaryHoverIcon = "#343438";
+export const TokenComponentButtonPrimaryPressedBackground = "#5bb3ea";
+export const TokenComponentButtonPrimaryPressedText = "#343438";
+export const TokenComponentButtonPrimaryPressedIcon = "#343438";
+export const TokenComponentButtonPrimaryDisabledBackground = "#515157";
+export const TokenComponentButtonPrimaryDisabledText = "#83838c";
+export const TokenComponentButtonPrimaryDisabledIcon = "#83838c";
+export const TokenComponentButtonPrimaryLoadingBackground = "#5bb3ea";
+export const TokenComponentButtonSecondaryDefaultBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryDefaultBorder = "#5bb3ea";
+export const TokenComponentButtonSecondaryDefaultText = "#5bb3ea";
+export const TokenComponentButtonSecondaryDefaultIcon = "#5bb3ea";
+export const TokenComponentButtonSecondaryHoverBackground = "#515157";
+export const TokenComponentButtonSecondaryHoverBorder = "#96cff0";
+export const TokenComponentButtonSecondaryHoverText = "#5bb3ea";
+export const TokenComponentButtonSecondaryHoverIcon = "#5bb3ea";
+export const TokenComponentButtonSecondaryPressedBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryPressedBorder = "#5bb3ea";
+export const TokenComponentButtonSecondaryPressedText = "#5bb3ea";
+export const TokenComponentButtonSecondaryPressedIcon = "#5bb3ea";
+export const TokenComponentButtonSecondaryDisabledBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryDisabledBorder = "#515157";
+export const TokenComponentButtonSecondaryDisabledText = "#83838c";
+export const TokenComponentButtonSecondaryDisabledIcon = "#83838c";
+export const TokenComponentButtonSecondaryLoadingBackground = "#3d3d42";
+export const TokenComponentButtonSecondaryLoadingBorder = "#5bb3ea";
+export const TokenComponentButtonLinkDefaultText = "#5bb3ea";
+export const TokenComponentButtonLinkDefaultIcon = "#5bb3ea";
+export const TokenComponentButtonLinkHoverText = "#96cff0";
+export const TokenComponentButtonLinkHoverIcon = "#96cff0";
+export const TokenComponentButtonLinkPressedText = "#5bb3ea";
+export const TokenComponentButtonLinkPressedIcon = "#5bb3ea";
+export const TokenComponentButtonLinkDisabledText = "#83838c";
+export const TokenComponentButtonLinkDisabledIcon = "#83838c";
+export const TokenComponentContainerBackground = "#3d3d42";
+export const TokenComponentContainerBorder = "#515157";
+export const TokenComponentTableHeaderFilledBackground = "#343438";
+export const TokenComponentTableHeaderFilledText = "#ffffff";
+export const TokenComponentTableHeaderFilledIcon = "#ffffff";
+export const TokenComponentTableHeaderOutlinedBorder = "#c2c2ca";
+export const TokenComponentTableHeaderOutlinedText = "#ffffff";
+export const TokenComponentTableHeaderOutlinedIcon = "#ffffff";
+export const TokenComponentTableRowBorder = "#515157";
+export const TokenComponentTableRowIconDefault = "#ffffff";
+export const TokenComponentTableRowIconDisabled = "#83838c";
+export const TokenComponentTableRowIconHover = "#96cff0";
+export const TokenComponentTableRowBackgroundDefault = "#3d3d42";
+export const TokenComponentTableRowBackgroundZebra = "#343438";
+export const TokenComponentTableRowBackgroundHover = "#515157";
+export const TokenComponentTableRowTextDefault = "#ffffff";
+export const TokenComponentTableRowTextPlaceholder = "#a3a3ab";
+export const TokenComponentTableRowTextLink = "#5bb3ea";
+export const TokenComponentMenuButtonPrimaryDefaultBackground = "#5bb3ea";
+export const TokenComponentMenuButtonPrimaryDefaultText = "#343438";
+export const TokenComponentMenuButtonPrimaryDefaultIcon = "#343438";
+export const TokenComponentMenuButtonPrimaryHoverBackground = "#96cff0";
+export const TokenComponentMenuButtonPrimaryHoverText = "#343438";
+export const TokenComponentMenuButtonPrimaryHoverIcon = "#343438";
+export const TokenComponentMenuButtonPrimaryPressedBackground = "#5bb3ea";
+export const TokenComponentMenuButtonPrimaryPressedText = "#343438";
+export const TokenComponentMenuButtonPrimaryPressedIcon = "#343438";
+export const TokenComponentMenuButtonPrimaryDisabledBackground = "#515157";
+export const TokenComponentMenuButtonPrimaryDisabledText = "#83838c";
+export const TokenComponentMenuButtonPrimaryDisabledIcon = "#83838c";
+export const TokenComponentMenuButtonPrimaryLoadingBackground = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDefaultBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryDefaultBorder = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDefaultText = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDefaultIcon = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryHoverBackground = "#515157";
+export const TokenComponentMenuButtonSecondaryHoverBorder = "#96cff0";
+export const TokenComponentMenuButtonSecondaryHoverText = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryHoverIcon = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryPressedBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryPressedBorder = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryPressedText = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryPressedIcon = "#5bb3ea";
+export const TokenComponentMenuButtonSecondaryDisabledBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryDisabledBorder = "#515157";
+export const TokenComponentMenuButtonSecondaryDisabledText = "#83838c";
+export const TokenComponentMenuButtonSecondaryDisabledIcon = "#83838c";
+export const TokenComponentMenuButtonSecondaryLoadingBackground = "#3d3d42";
+export const TokenComponentMenuButtonSecondaryLoadingBorder = "#5bb3ea";
+export const TokenComponentMenuButtonLinkDefaultText = "#5bb3ea";
+export const TokenComponentMenuButtonLinkDefaultIcon = "#5bb3ea";
+export const TokenComponentMenuButtonLinkHoverText = "#96cff0";
+export const TokenComponentMenuButtonLinkHoverIcon = "#96cff0";
+export const TokenComponentMenuButtonLinkPressedText = "#5bb3ea";
+export const TokenComponentMenuButtonLinkPressedIcon = "#5bb3ea";
+export const TokenComponentMenuButtonLinkDisabledText = "#83838c";
+export const TokenComponentMenuButtonLinkDisabledIcon = "#83838c";
+export const TokenComponentOverflowMenuButtonDefaultIcon = "#ffffff";
+export const TokenComponentOverflowMenuButtonHoverIcon = "#96cff0";
+export const TokenComponentOverflowMenuButtonPressedIcon = "#5bb3ea";
+export const TokenComponentOverflowMenuButtonDisabledIcon = "#83838c";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#96cff0";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#96cff0";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryActiveText = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#343438";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#515157";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#83838c";
+export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#83838c";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#5bb3ea";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#3d3d42";
+export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#343438";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryDefaultText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryDefaultIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundLeft = "#515157";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundRight = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderLeft = "#96cff0";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderRight = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundLeft = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundRight = "#515157";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderLeft = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderRight = "#96cff0";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryActiveBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryActiveBorder = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryActiveText = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryActiveIcon = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBorder = "#515157";
+export const TokenComponentSplitMenuButtonSecondaryDisabledText = "#83838c";
+export const TokenComponentSplitMenuButtonSecondaryDisabledIcon = "#83838c";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#3d3d42";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#5bb3ea";
+export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#5bb3ea";
+export const TokenComponentAppbarBackground = "#343438";
+export const TokenComponentAppbarBorder = "#515157";
+export const TokenComponentAppbarText = "#ffffff";
+export const TokenComponentAppbarIcon = "#ffffff";
+export const TokenComponentBadgeInformativeBackground = "lch(77.7 28.7 275 / 0.12)";
+export const TokenComponentBadgeInformativeText = "#aec0f5";
+export const TokenComponentBadgeNeutralBackground = "lch(78.6 4.18 286 / 0.12)";
+export const TokenComponentBadgeNeutralText = "#c2c2ca";
+export const TokenComponentBadgeWarningBackground = "lch(79.6 53.6 74.4 / 0.12)";
+export const TokenComponentBadgeWarningText = "#f2b67b";
+export const TokenComponentBadgeNegativeBackground = "lch(77.8 28 21.1 / 0.12)";
+export const TokenComponentBadgeNegativeText = "#f3aeaf";
+export const TokenComponentBadgePositiveBackground = "lch(78.2 32.7 144 / 0.12)";
+export const TokenComponentBadgePositiveText = "#97cf9c";
+export const TokenComponentBadgeImportantBackground = "lch(77.5 31.1 309 / 0.12)";
+export const TokenComponentBadgeImportantText = "#d3b4ed";
+export const TokenComponentBadgeVioletBackground = "lch(77.3 30.9 295 / 0.12)";
+export const TokenComponentBadgeVioletText = "#c4b8f3";
+export const TokenComponentBadgePinkBackground = "lch(77.6 29.9 340 / 0.12)";
+export const TokenComponentBadgePinkText = "#ecadd4";
+export const TokenComponentBreadcrumbDivider = "#515157";
+export const TokenComponentBreadcrumbAppTitleText = "#5bb3ea";
+export const TokenComponentBreadcrumbDefaultText = "#5bb3ea";
+export const TokenComponentBreadcrumbTruncatedText = "#5bb3ea";
+export const TokenComponentBreadcrumbLastItemText = "#ffffff";
+export const TokenComponentBreadcrumbCollapsedBackground = "#515157";
+export const TokenComponentBreadcrumbCollapsedText = "#ffffff";
+export const TokenComponentBreadcrumbCollapsedIcon = "#ffffff";
+export const TokenComponentBreadcrumbWithDropdownText = "#5bb3ea";
+export const TokenComponentBreadcrumbWithDropdownIcon = "#ffffff";
+export const TokenComponentCardBackground = "#3d3d42";
+export const TokenComponentCardBorder = "#515157";
+export const TokenComponentCardText = "#ffffff";
+export const TokenComponentCardIcon = "#ffffff";
+export const TokenComponentCheckboxEmptyDefaultBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyDefaultBorder = "#696970";
+export const TokenComponentCheckboxEmptyDefaultText = "#ffffff";
+export const TokenComponentCheckboxEmptyHoverBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyHoverBorder = "#96cff0";
+export const TokenComponentCheckboxEmptyHoverText = "#ffffff";
+export const TokenComponentCheckboxEmptyActiveBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyActiveBorder = "#5bb3ea";
+export const TokenComponentCheckboxEmptyActiveText = "#ffffff";
+export const TokenComponentCheckboxEmptyDisabledBackground = "#515157";
+export const TokenComponentCheckboxEmptyDisabledBorder = "#515157";
+export const TokenComponentCheckboxEmptyDisabledText = "#83838c";
+export const TokenComponentCheckboxEmptyReadOnlyBackground = "#3d3d42";
+export const TokenComponentCheckboxEmptyReadOnlyBorder = "#515157";
+export const TokenComponentCheckboxEmptyReadOnlyText = "#ffffff";
+export const TokenComponentCheckboxCheckedDefaultBackground = "#5bb3ea";
+export const TokenComponentCheckboxCheckedDefaultText = "#ffffff";
+export const TokenComponentCheckboxCheckedDefaultIcon = "#343438";
+export const TokenComponentCheckboxCheckedHoverBackground = "#96cff0";
+export const TokenComponentCheckboxCheckedHoverText = "#ffffff";
+export const TokenComponentCheckboxCheckedHoverIcon = "#343438";
+export const TokenComponentCheckboxCheckedActiveBackground = "#5bb3ea";
+export const TokenComponentCheckboxCheckedActiveText = "#ffffff";
+export const TokenComponentCheckboxCheckedActiveIcon = "#343438";
+export const TokenComponentCheckboxCheckedDisabledBackground = "#515157";
+export const TokenComponentCheckboxCheckedDisabledText = "#83838c";
+export const TokenComponentCheckboxCheckedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyBackground = "#3d3d42";
+export const TokenComponentCheckboxCheckedReadOnlyBorder = "#515157";
+export const TokenComponentCheckboxCheckedReadOnlyText = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyIcon = "#83838c";
+export const TokenComponentCheckboxIndeterminatedDefaultBackground = "#5bb3ea";
+export const TokenComponentCheckboxIndeterminatedDefaultText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedDefaultIcon = "#343438";
+export const TokenComponentCheckboxIndeterminatedHoverBackground = "#96cff0";
+export const TokenComponentCheckboxIndeterminatedHoverText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedHoverIcon = "#343438";
+export const TokenComponentCheckboxIndeterminatedActiveBackground = "#5bb3ea";
+export const TokenComponentCheckboxIndeterminatedActiveText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedActiveIcon = "#343438";
+export const TokenComponentCheckboxIndeterminatedDisabledBackground = "#515157";
+export const TokenComponentCheckboxIndeterminatedDisabledText = "#83838c";
+export const TokenComponentCheckboxIndeterminatedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBackground = "#3d3d42";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBorder = "#515157";
+export const TokenComponentCheckboxIndeterminatedReadOnlyText = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyIcon = "#83838c";
+export const TokenComponentContentPanelBackground = "#3d3d42";
+export const TokenComponentContentPanelBorder = "#515157";
+export const TokenComponentContentPanelText = "#ffffff";
+export const TokenComponentContentPanelIcon = "#ffffff";
+export const TokenComponentCalendarBackground = "#3d3d42";
+export const TokenComponentCalendarBorder = "#515157";
+export const TokenComponentCalendarIcon = "#ffffff";
+export const TokenComponentCalendarTextDefault = "#ffffff";
+export const TokenComponentCalendarTextDisabled = "#83838c";
+export const TokenComponentCalendarSelectedItemText = "#343438";
+export const TokenComponentCalendarSelectedItemBackground = "#5bb3ea";
+export const TokenComponentCalendarHoverItemBackground = "#515157";
+export const TokenComponentCalendarHoverItemText = "#ffffff";
+export const TokenComponentCalendarPresetAreaBackground = "#343438";
+export const TokenComponentCalendarPresetAreaHoverPeriodBackground = "#3d3d42";
+export const TokenComponentCalendarPresetAreaActivePeriodBackground = "#5bb3ea";
+export const TokenComponentCalendarPresetAreaActivePeriodText = "#343438";
+export const TokenComponentDateFieldDefaultBackground = "#343438";
+export const TokenComponentDateFieldDefaultBorder = "#696970";
+export const TokenComponentDateFieldDefaultText = "#a3a3ab";
+export const TokenComponentDateFieldDefaultIcon = "#ffffff";
+export const TokenComponentDateFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentDateFieldHoverBackground = "#343438";
+export const TokenComponentDateFieldHoverBorder = "#c2c2ca";
+export const TokenComponentDateFieldHoverText = "#ffffff";
+export const TokenComponentDateFieldHoverIcon = "#ffffff";
+export const TokenComponentDateFieldHoverHintText = "#a3a3ab";
+export const TokenComponentDateFieldHoverEmptyBackground = "#343438";
+export const TokenComponentDateFieldHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentDateFieldHoverEmptyText = "#a3a3ab";
+export const TokenComponentDateFieldHoverEmptyIcon = "#ffffff";
+export const TokenComponentDateFieldHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentDateFieldFilledBackground = "#343438";
+export const TokenComponentDateFieldFilledBorder = "#696970";
+export const TokenComponentDateFieldFilledText = "#ffffff";
+export const TokenComponentDateFieldFilledIcon = "#ffffff";
+export const TokenComponentDateFieldFilledHintText = "#a3a3ab";
+export const TokenComponentDateFieldDisabledBackground = "#515157";
+export const TokenComponentDateFieldDisabledBorder = "#515157";
+export const TokenComponentDateFieldDisabledText = "#83838c";
+export const TokenComponentDateFieldDisabledIcon = "#83838c";
+export const TokenComponentDateFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentDateFieldReadOnlyBackground = "#343438";
+export const TokenComponentDateFieldReadOnlyText = "#ffffff";
+export const TokenComponentDateFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentDateFieldErrorBackground = "#343438";
+export const TokenComponentDateFieldErrorBorder = "#eb9091";
+export const TokenComponentDateFieldErrorText = "#ffffff";
+export const TokenComponentDateFieldErrorIcon = "#ffffff";
+export const TokenComponentDateFieldErrorHintText = "#eb9091";
+export const TokenComponentDateFieldFocusBackground = "#343438";
+export const TokenComponentDateFieldFocusBorder = "#5bb3ea";
+export const TokenComponentDateFieldFocusText = "#a3a3ab";
+export const TokenComponentDateFieldFocusIcon = "#5bb3ea";
+export const TokenComponentDateFieldFocusHintText = "#a3a3ab";
+export const TokenComponentDatePickerDefaultIcon = "#ffffff";
+export const TokenComponentDatePickerHoverIcon = "#96cff0";
+export const TokenComponentDatePickerFilledIcon = "#5bb3ea";
+export const TokenComponentDatePickerDisabledIcon = "#83838c";
+export const TokenComponentDatePickerFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangePickerDefaultIcon = "#ffffff";
+export const TokenComponentDateRangePickerHoverIcon = "#96cff0";
+export const TokenComponentDateRangePickerFilledIcon = "#5bb3ea";
+export const TokenComponentDateRangePickerDisabledIcon = "#83838c";
+export const TokenComponentDateRangePickerFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangeFieldDefaultBackground = "#343438";
+export const TokenComponentDateRangeFieldDefaultBorder = "#696970";
+export const TokenComponentDateRangeFieldDefaultText = "#a3a3ab";
+export const TokenComponentDateRangeFieldDefaultIcon = "#ffffff";
+export const TokenComponentDateRangeFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldHoverBackground = "#343438";
+export const TokenComponentDateRangeFieldHoverBorder = "#c2c2ca";
+export const TokenComponentDateRangeFieldHoverText = "#ffffff";
+export const TokenComponentDateRangeFieldHoverIcon = "#ffffff";
+export const TokenComponentDateRangeFieldHoverHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldHoverEmptyBackground = "#343438";
+export const TokenComponentDateRangeFieldHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentDateRangeFieldHoverEmptyText = "#a3a3ab";
+export const TokenComponentDateRangeFieldHoverEmptyIcon = "#ffffff";
+export const TokenComponentDateRangeFieldHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFilledBackground = "#343438";
+export const TokenComponentDateRangeFieldFilledBorder = "#696970";
+export const TokenComponentDateRangeFieldFilledText = "#ffffff";
+export const TokenComponentDateRangeFieldFilledIcon = "#ffffff";
+export const TokenComponentDateRangeFieldFilledHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFilledPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDateRangeFieldDisabledBackground = "#515157";
+export const TokenComponentDateRangeFieldDisabledBorder = "#515157";
+export const TokenComponentDateRangeFieldDisabledText = "#83838c";
+export const TokenComponentDateRangeFieldDisabledIcon = "#83838c";
+export const TokenComponentDateRangeFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldReadOnlyBackground = "#343438";
+export const TokenComponentDateRangeFieldReadOnlyText = "#ffffff";
+export const TokenComponentDateRangeFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldErrorBackground = "#343438";
+export const TokenComponentDateRangeFieldErrorBorder = "#eb9091";
+export const TokenComponentDateRangeFieldErrorText = "#ffffff";
+export const TokenComponentDateRangeFieldErrorIcon = "#ffffff";
+export const TokenComponentDateRangeFieldErrorHintText = "#eb9091";
+export const TokenComponentDateRangeFieldFocusBackground = "#343438";
+export const TokenComponentDateRangeFieldFocusBorder = "#5bb3ea";
+export const TokenComponentDateRangeFieldFocusText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangeFieldFocusHintText = "#a3a3ab";
+export const TokenComponentDateRangeFieldFocusPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDateRangeInputDefaultBackground = "#343438";
+export const TokenComponentDateRangeInputDefaultBorder = "#696970";
+export const TokenComponentDateRangeInputDefaultText = "#a3a3ab";
+export const TokenComponentDateRangeInputDefaultIcon = "#ffffff";
+export const TokenComponentDateRangeInputDefaultHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputHoverBackground = "#343438";
+export const TokenComponentDateRangeInputHoverBorder = "#c2c2ca";
+export const TokenComponentDateRangeInputHoverText = "#ffffff";
+export const TokenComponentDateRangeInputHoverIcon = "#ffffff";
+export const TokenComponentDateRangeInputHoverHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputActivePeriodBackground = "#343438";
+export const TokenComponentDateRangeInputActivePeriodBorder = "#c2c2ca";
+export const TokenComponentDateRangeInputActivePeriodText = "#ffffff";
+export const TokenComponentDateRangeInputActivePeriodIcon = "#ffffff";
+export const TokenComponentDateRangeInputActivePeriodHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputActivePeriodActiveItemBackground = "#3d3d42";
+export const TokenComponentDateRangeInputActivePeriodActiveItemText = "#a3a3ab";
+export const TokenComponentDateRangeInputFilledBackground = "#343438";
+export const TokenComponentDateRangeInputFilledBorder = "#696970";
+export const TokenComponentDateRangeInputFilledText = "#ffffff";
+export const TokenComponentDateRangeInputFilledIcon = "#ffffff";
+export const TokenComponentDateRangeInputFilledHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputFilledPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDateRangeInputDisabledBackground = "#343438";
+export const TokenComponentDateRangeInputDisabledBorder = "#515157";
+export const TokenComponentDateRangeInputDisabledText = "#83838c";
+export const TokenComponentDateRangeInputDisabledIcon = "#83838c";
+export const TokenComponentDateRangeInputDisabledHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputReadOnlyBackground = "#343438";
+export const TokenComponentDateRangeInputReadOnlyText = "#ffffff";
+export const TokenComponentDateRangeInputReadOnlyHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputErrorBackground = "#343438";
+export const TokenComponentDateRangeInputErrorBorder = "#eb9091";
+export const TokenComponentDateRangeInputErrorText = "#ffffff";
+export const TokenComponentDateRangeInputErrorIcon = "#ffffff";
+export const TokenComponentDateRangeInputErrorHintText = "#eb9091";
+export const TokenComponentDateRangeInputFocusBackground = "#343438";
+export const TokenComponentDateRangeInputFocusBorder = "#5bb3ea";
+export const TokenComponentDateRangeInputFocusText = "#ffffff";
+export const TokenComponentDateRangeInputFocusIcon = "#5bb3ea";
+export const TokenComponentDateRangeInputFocusHintText = "#a3a3ab";
+export const TokenComponentDateRangeInputFocusPlaceholderItemText = "#a3a3ab";
+export const TokenComponentDividerBorder = "#515157";
+export const TokenComponentDrawerBackground = "#3d3d42";
+export const TokenComponentDrawerText = "#ffffff";
+export const TokenComponentDrawerIconDefault = "#ffffff";
+export const TokenComponentDrawerIconDisabled = "#83838c";
+export const TokenComponentDropdownIconDefault = "#ffffff";
+export const TokenComponentDropdownIconDisabled = "#83838c";
+export const TokenComponentDropdownTextDefault = "#ffffff";
+export const TokenComponentDropdownTextLink = "#5bb3ea";
+export const TokenComponentDropdownTextDescription = "#a3a3ab";
+export const TokenComponentDropdownTextDisabled = "#83838c";
+export const TokenComponentDropdownBackgroundDefault = "#343438";
+export const TokenComponentDropdownBackgroundHover = "#3d3d42";
+export const TokenComponentDropdownBackgroundCategory = "#343438";
+export const TokenComponentGlobalHeaderBackground = "#232326";
+export const TokenComponentGlobalHeaderBorder = "#3d3d42";
+export const TokenComponentGlobalHeaderIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderIconHover = "#ffffff";
+export const TokenComponentGlobalHeaderTextDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderTextHover = "#ffffff";
+export const TokenComponentGlobalHeaderSearchBackground = "#3d3d42";
+export const TokenComponentGlobalHeaderSearchTextPlaceholder = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchTextFilled = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchIconActive = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconHover = "#ffffff";
+export const TokenComponentGlobalFooterBackground = "#232326";
+export const TokenComponentGlobalFooterTextDefault = "#d6d6dd";
+export const TokenComponentGlobalFooterTextHover = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultBackground = "#343438";
+export const TokenComponentGroupSelectFieldDefaultBorder = "#696970";
+export const TokenComponentGroupSelectFieldDefaultText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDefaultIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldHoverBackground = "#343438";
+export const TokenComponentGroupSelectFieldHoverBorder = "#c2c2ca";
+export const TokenComponentGroupSelectFieldHoverText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldHoverIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldHoverHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldHoverInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldSelectedBackground = "#343438";
+export const TokenComponentGroupSelectFieldSelectedBorder = "#696970";
+export const TokenComponentGroupSelectFieldSelectedText = "#ffffff";
+export const TokenComponentGroupSelectFieldSelectedIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldSelectedHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldSelectedInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledBackground = "#515157";
+export const TokenComponentGroupSelectFieldDisabledBorder = "#515157";
+export const TokenComponentGroupSelectFieldDisabledText = "#83838c";
+export const TokenComponentGroupSelectFieldDisabledIcon = "#83838c";
+export const TokenComponentGroupSelectFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldReadOnlyBackground = "#343438";
+export const TokenComponentGroupSelectFieldReadOnlyText = "#ffffff";
+export const TokenComponentGroupSelectFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldReadOnlyInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldErrorBackground = "#343438";
+export const TokenComponentGroupSelectFieldErrorBorder = "#eb9091";
+export const TokenComponentGroupSelectFieldErrorText = "#ffffff";
+export const TokenComponentGroupSelectFieldErrorIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldErrorHintText = "#eb9091";
+export const TokenComponentGroupSelectFieldErrorInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldFocusBackground = "#343438";
+export const TokenComponentGroupSelectFieldFocusBorder = "#5bb3ea";
+export const TokenComponentGroupSelectFieldFocusText = "#ffffff";
+export const TokenComponentGroupSelectFieldFocusIcon = "#ffffff";
+export const TokenComponentGroupSelectFieldFocusHintText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldFocusInfoIcon = "#a3a3ab";
+export const TokenComponentGroupSelectDropdownIcon = "#ffffff";
+export const TokenComponentGroupSelectDropdownText = "#ffffff";
+export const TokenComponentGroupSelectDropdownBackgroundDefault = "#343438";
+export const TokenComponentGroupSelectDropdownBackgroundHover = "#3d3d42";
+export const TokenComponentInlineEditText = "#ffffff";
+export const TokenComponentInlineEditIconDefault = "#ffffff";
+export const TokenComponentInlineEditIconHover = "#96cff0";
+export const TokenComponentInlineEditAcceptIconDefault = "#5bb3ea";
+export const TokenComponentInlineEditAcceptIconHover = "#96cff0";
+export const TokenComponentInlineEditAcceptIconDisabled = "#83838c";
+export const TokenComponentKpiBarText = "#ffffff";
+export const TokenComponentKpiBarBorder = "#515157";
+export const TokenComponentKpiBarIconDefault = "#ffffff";
+export const TokenComponentKpiBarIconHover = "#96cff0";
+export const TokenComponentKpiBarIconActive = "#5bb3ea";
+export const TokenComponentKpiBarItemNeutralDefaultLabel = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemNeutralDefaultIcon = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralHoverLabel = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemNeutralHoverBackground = "lch(78.6 4.18 286 / 0.12)";
+export const TokenComponentKpiBarItemNeutralHoverIcon = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralActiveLabel = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralActiveText = "#ffffff";
+export const TokenComponentKpiBarItemNeutralActiveBorder = "#c2c2ca";
+export const TokenComponentKpiBarItemNeutralActiveIcon = "#c2c2ca";
+export const TokenComponentKpiBarItemGreenDefaultLabel = "#97cf9c";
+export const TokenComponentKpiBarItemGreenDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemGreenHoverLabel = "#97cf9c";
+export const TokenComponentKpiBarItemGreenHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemGreenHoverBackground = "lch(78.2 32.7 144 / 0.12)";
+export const TokenComponentKpiBarItemGreenActiveLabel = "#97cf9c";
+export const TokenComponentKpiBarItemGreenActiveText = "#ffffff";
+export const TokenComponentKpiBarItemGreenActiveBorder = "#97cf9c";
+export const TokenComponentKpiBarItemOrangeDefaultLabel = "#f2b67b";
+export const TokenComponentKpiBarItemOrangeDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemOrangeHoverLabel = "#f2b67b";
+export const TokenComponentKpiBarItemOrangeHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemOrangeHoverBackground = "lch(79.6 53.6 74.4 / 0.12)";
+export const TokenComponentKpiBarItemOrangeActiveLabel = "#f2b67b";
+export const TokenComponentKpiBarItemOrangeActiveText = "#ffffff";
+export const TokenComponentKpiBarItemOrangeActiveBorder = "#f2b67b";
+export const TokenComponentKpiBarItemPurpleDefaultLabel = "#d3b4ed";
+export const TokenComponentKpiBarItemPurpleDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemPurpleHoverLabel = "#d3b4ed";
+export const TokenComponentKpiBarItemPurpleHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemPurpleHoverBackground = "lch(77.5 31.1 309 / 0.12)";
+export const TokenComponentKpiBarItemPurpleActiveLabel = "#d3b4ed";
+export const TokenComponentKpiBarItemPurpleActiveText = "#ffffff";
+export const TokenComponentKpiBarItemPurpleActiveBorder = "#d3b4ed";
+export const TokenComponentKpiBarItemRedDefaultLabel = "#f3aeaf";
+export const TokenComponentKpiBarItemRedDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemRedHoverLabel = "#f3aeaf";
+export const TokenComponentKpiBarItemRedHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemRedHoverBackground = "lch(77.8 28 21.1 / 0.12)";
+export const TokenComponentKpiBarItemRedActiveLabel = "#f3aeaf";
+export const TokenComponentKpiBarItemRedActiveText = "#ffffff";
+export const TokenComponentKpiBarItemRedActiveBorder = "#f3aeaf";
+export const TokenComponentKpiBarItemUltramarineDefaultLabel = "#aec0f5";
+export const TokenComponentKpiBarItemUltramarineDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemUltramarineHoverLabel = "#aec0f5";
+export const TokenComponentKpiBarItemUltramarineHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemUltramarineHoverBackground = "lch(77.7 28.7 275 / 0.12)";
+export const TokenComponentKpiBarItemUltramarineActiveLabel = "#aec0f5";
+export const TokenComponentKpiBarItemUltramarineActiveText = "#ffffff";
+export const TokenComponentKpiBarItemUltramarineActiveBorder = "#aec0f5";
+export const TokenComponentKpiBarItemPinkDefaultLabel = "#ecadd4";
+export const TokenComponentKpiBarItemPinkDefaultText = "#a3a3ab";
+export const TokenComponentKpiBarItemPinkHoverLabel = "#ecadd4";
+export const TokenComponentKpiBarItemPinkHoverText = "#a3a3ab";
+export const TokenComponentKpiBarItemPinkHoverBackground = "lch(77.6 29.9 340 / 0.12)";
+export const TokenComponentKpiBarItemPinkActiveLabel = "#ecadd4";
+export const TokenComponentKpiBarItemPinkActiveText = "#ffffff";
+export const TokenComponentKpiBarItemPinkActiveBorder = "#ecadd4";
+export const TokenComponentLabelText = "#ffffff";
+export const TokenComponentLabelIcon = "#ffffff";
+export const TokenComponentLabelInfoIcon = "#a3a3ab";
+export const TokenComponentListText = "#ffffff";
+export const TokenComponentListBorder = "#515157";
+export const TokenComponentListIconDefault = "#ffffff";
+export const TokenComponentListIconHover = "#96cff0";
+export const TokenComponentListIconActive = "#5bb3ea";
+export const TokenComponentListBackgroundDefault = "#343438";
+export const TokenComponentListBackgroundHover = "#3d3d42";
+export const TokenComponentMasterSwitchContentBackground = "#3d3d42";
+export const TokenComponentMasterSwitchSideBackground = "#343438";
+export const TokenComponentMasterSwitchText = "#ffffff";
+export const TokenComponentMasterSwitchIcon = "#ffffff";
+export const TokenComponentModalBackground = "#3d3d42";
+export const TokenComponentModalIcon = "#ffffff";
+export const TokenComponentModalTextDefault = "#ffffff";
+export const TokenComponentModalTextDescription = "#a3a3ab";
+export const TokenComponentNotificationBannerText = "#ffffff";
+export const TokenComponentNotificationBannerIcon = "#ffffff";
+export const TokenComponentNotificationBannerInformativeBackground = "#515157";
+export const TokenComponentNotificationBannerInformativeBorder = "#8da4ef";
+export const TokenComponentNotificationBannerInformativeStatusIcon = "#8da4ef";
+export const TokenComponentNotificationBannerTipBackground = "#515157";
+export const TokenComponentNotificationBannerTipBorder = "#8da4ef";
+export const TokenComponentNotificationBannerTipStatusIcon = "#8da4ef";
+export const TokenComponentNotificationBannerWarningBackground = "#515157";
+export const TokenComponentNotificationBannerWarningBorder = "#edb016";
+export const TokenComponentNotificationBannerWarningStatusIcon = "#edb016";
+export const TokenComponentNotificationBannerSuccessBackground = "#515157";
+export const TokenComponentNotificationBannerSuccessBorder = "#65ba75";
+export const TokenComponentNotificationBannerSuccessStatusIcon = "#65ba75";
+export const TokenComponentNotificationBannerErrorBackground = "#515157";
+export const TokenComponentNotificationBannerErrorBorder = "#eb9091";
+export const TokenComponentNotificationBannerErrorStatusIcon = "#eb9091";
+export const TokenComponentNotificationBannerSecondaryBackground = "#515157";
+export const TokenComponentNotificationBannerSecondaryBorder = "#c2c2ca";
+export const TokenComponentNotificationBannerSecondaryStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastText = "#ffffff";
+export const TokenComponentNotificationToastIcon = "#ffffff";
+export const TokenComponentNotificationToastInformativeBackground = "#515157";
+export const TokenComponentNotificationToastInformativeIconBackground = "#4067e5";
+export const TokenComponentNotificationToastInformativeBorder = "#8da4ef";
+export const TokenComponentNotificationToastInformativeStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastTipBackground = "#515157";
+export const TokenComponentNotificationToastTipIconBackground = "#4067e5";
+export const TokenComponentNotificationToastTipBorder = "#8da4ef";
+export const TokenComponentNotificationToastTipStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastWarningBackground = "#515157";
+export const TokenComponentNotificationToastWarningIconBackground = "#fecb34";
+export const TokenComponentNotificationToastWarningBorder = "#edb016";
+export const TokenComponentNotificationToastWarningStatusIcon = "#3d3d42";
+export const TokenComponentNotificationToastSuccessBackground = "#515157";
+export const TokenComponentNotificationToastSuccessIconBackground = "#00b050";
+export const TokenComponentNotificationToastSuccessBorder = "#65ba75";
+export const TokenComponentNotificationToastSuccessStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastErrorBackground = "#515157";
+export const TokenComponentNotificationToastErrorIconBackground = "#d63c42";
+export const TokenComponentNotificationToastErrorBorder = "#eb9091";
+export const TokenComponentNotificationToastErrorStatusIcon = "#ffffff";
+export const TokenComponentPaginationBackground = "#3d3d42";
+export const TokenComponentPaginationBorder = "#515157";
+export const TokenComponentPaginationTextDefault = "#ffffff";
+export const TokenComponentPaginationTextLink = "#5bb3ea";
+export const TokenComponentPaginationTextHover = "#96cff0";
+export const TokenComponentPaginationTextDisabled = "#83838c";
+export const TokenComponentPaginationIconDefault = "#ffffff";
+export const TokenComponentPaginationIconHover = "#96cff0";
+export const TokenComponentPaginationIconActive = "#5bb3ea";
+export const TokenComponentPaginationIconDisabled = "#83838c";
+export const TokenComponentPopoverBackground = "#3d3d42";
+export const TokenComponentPopoverBorder = "#515157";
+export const TokenComponentPopoverIcon = "#ffffff";
+export const TokenComponentPopoverTextDefault = "#ffffff";
+export const TokenComponentPopoverTextLinkDefault = "#5bb3ea";
+export const TokenComponentPopoverTextLinkHover = "#96cff0";
+export const TokenComponentProgressBarTextDefault = "#ffffff";
+export const TokenComponentProgressBarTextLinkDefault = "#5bb3ea";
+export const TokenComponentProgressBarTextLinkHover = "#96cff0";
+export const TokenComponentProgressBarStatusLineDefault = "#515157";
+export const TokenComponentProgressBarStatusLineSuccess = "#00b050";
+export const TokenComponentProgressBarStatusLineError = "#d63c42";
+export const TokenComponentNumericSpinnerDefaultBackground = "#343438";
+export const TokenComponentNumericSpinnerDefaultBorder = "#696970";
+export const TokenComponentNumericSpinnerDefaultText = "#a3a3ab";
+export const TokenComponentNumericSpinnerDefaultIcon = "#ffffff";
+export const TokenComponentNumericSpinnerDefaultHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerHoverBackground = "#343438";
+export const TokenComponentNumericSpinnerHoverBorder = "#c2c2ca";
+export const TokenComponentNumericSpinnerHoverText = "#a3a3ab";
+export const TokenComponentNumericSpinnerHoverIcon = "#ffffff";
+export const TokenComponentNumericSpinnerHoverHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerFilledBackground = "#343438";
+export const TokenComponentNumericSpinnerFilledBorder = "#696970";
+export const TokenComponentNumericSpinnerFilledText = "#ffffff";
+export const TokenComponentNumericSpinnerFilledIcon = "#ffffff";
+export const TokenComponentNumericSpinnerFilledHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerDisabledBackground = "#515157";
+export const TokenComponentNumericSpinnerDisabledBorder = "#515157";
+export const TokenComponentNumericSpinnerDisabledText = "#83838c";
+export const TokenComponentNumericSpinnerDisabledIcon = "#83838c";
+export const TokenComponentNumericSpinnerDisabledHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerReadOnlyBackground = "#343438";
+export const TokenComponentNumericSpinnerReadOnlyText = "#ffffff";
+export const TokenComponentNumericSpinnerReadOnlyHintText = "#a3a3ab";
+export const TokenComponentNumericSpinnerErrorBackground = "#343438";
+export const TokenComponentNumericSpinnerErrorBorder = "#eb9091";
+export const TokenComponentNumericSpinnerErrorText = "#ffffff";
+export const TokenComponentNumericSpinnerErrorIcon = "#ffffff";
+export const TokenComponentNumericSpinnerErrorHintText = "#eb9091";
+export const TokenComponentNumericSpinnerFocusBackground = "#343438";
+export const TokenComponentNumericSpinnerFocusBorder = "#5bb3ea";
+export const TokenComponentNumericSpinnerFocusText = "#a3a3ab";
+export const TokenComponentNumericSpinnerFocusIcon = "#ffffff";
+export const TokenComponentNumericSpinnerFocusHintText = "#a3a3ab";
+export const TokenComponentRadioButtonInactiveDefaultBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveDefaultBorder = "#696970";
+export const TokenComponentRadioButtonInactiveDefaultText = "#ffffff";
+export const TokenComponentRadioButtonInactiveHoverBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveHoverBorder = "#96cff0";
+export const TokenComponentRadioButtonInactiveHoverText = "#ffffff";
+export const TokenComponentRadioButtonInactiveActiveBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveActiveBorder = "#5bb3ea";
+export const TokenComponentRadioButtonInactiveActiveText = "#ffffff";
+export const TokenComponentRadioButtonInactiveDisabledBackground = "#515157";
+export const TokenComponentRadioButtonInactiveDisabledBorder = "#515157";
+export const TokenComponentRadioButtonInactiveDisabledText = "#83838c";
+export const TokenComponentRadioButtonInactiveReadOnlyBackground = "#3d3d42";
+export const TokenComponentRadioButtonInactiveReadOnlyBorder = "#515157";
+export const TokenComponentRadioButtonInactiveReadOnlyText = "#ffffff";
+export const TokenComponentRadioButtonActiveDefaultBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveDefaultBorder = "#5bb3ea";
+export const TokenComponentRadioButtonActiveDefaultText = "#ffffff";
+export const TokenComponentRadioButtonActiveHoverBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveHoverBorder = "#96cff0";
+export const TokenComponentRadioButtonActiveHoverText = "#ffffff";
+export const TokenComponentRadioButtonActiveActiveBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveActiveBorder = "#5bb3ea";
+export const TokenComponentRadioButtonActiveActiveText = "#ffffff";
+export const TokenComponentRadioButtonActiveDisabledBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveDisabledBorder = "#515157";
+export const TokenComponentRadioButtonActiveDisabledText = "#83838c";
+export const TokenComponentRadioButtonActiveReadOnlyBackground = "#3d3d42";
+export const TokenComponentRadioButtonActiveReadOnlyBorder = "#515157";
+export const TokenComponentRadioButtonActiveReadOnlyText = "#ffffff";
+export const TokenComponentSearchDefaultBackground = "#343438";
+export const TokenComponentSearchDefaultBorder = "#696970";
+export const TokenComponentSearchDefaultText = "#a3a3ab";
+export const TokenComponentSearchDefaultIcon = "#ffffff";
+export const TokenComponentSearchDefaultHintText = "#a3a3ab";
+export const TokenComponentSearchDefaultSearchIcon = "#a3a3ab";
+export const TokenComponentSearchHoverBackground = "#343438";
+export const TokenComponentSearchHoverBorder = "#c2c2ca";
+export const TokenComponentSearchHoverText = "#a3a3ab";
+export const TokenComponentSearchHoverIcon = "#ffffff";
+export const TokenComponentSearchHoverHintText = "#a3a3ab";
+export const TokenComponentSearchHoverSearchIcon = "#a3a3ab";
+export const TokenComponentSearchFilledBackground = "#343438";
+export const TokenComponentSearchFilledBorder = "#696970";
+export const TokenComponentSearchFilledText = "#ffffff";
+export const TokenComponentSearchFilledIcon = "#ffffff";
+export const TokenComponentSearchFilledHintText = "#a3a3ab";
+export const TokenComponentSearchFilledSearchIcon = "#a3a3ab";
+export const TokenComponentSearchDisabledBackground = "#515157";
+export const TokenComponentSearchDisabledBorder = "#515157";
+export const TokenComponentSearchDisabledText = "#83838c";
+export const TokenComponentSearchDisabledIcon = "#83838c";
+export const TokenComponentSearchDisabledHintText = "#a3a3ab";
+export const TokenComponentSearchDisabledSearchIcon = "#83838c";
+export const TokenComponentSearchErrorBackground = "#343438";
+export const TokenComponentSearchErrorBorder = "#eb9091";
+export const TokenComponentSearchErrorText = "#ffffff";
+export const TokenComponentSearchErrorIcon = "#ffffff";
+export const TokenComponentSearchErrorHintText = "#eb9091";
+export const TokenComponentSearchErrorSearchIcon = "#a3a3ab";
+export const TokenComponentSearchFocusEmptyBackground = "#343438";
+export const TokenComponentSearchFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentSearchFocusEmptyText = "#a3a3ab";
+export const TokenComponentSearchFocusEmptyIcon = "#ffffff";
+export const TokenComponentSearchFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentSearchFocusEmptySearchIcon = "#a3a3ab";
+export const TokenComponentSearchFocusBackground = "#343438";
+export const TokenComponentSearchFocusBorder = "#5bb3ea";
+export const TokenComponentSearchFocusText = "#ffffff";
+export const TokenComponentSearchFocusIcon = "#ffffff";
+export const TokenComponentSearchFocusHintText = "#a3a3ab";
+export const TokenComponentSearchFocusSearchIcon = "#a3a3ab";
+export const TokenComponentSegmentedButtonDefaultBackground = "#3d3d42";
+export const TokenComponentSegmentedButtonDefaultBorder = "#5bb3ea";
+export const TokenComponentSegmentedButtonDefaultText = "#5bb3ea";
+export const TokenComponentSegmentedButtonDefaultIcon = "#5bb3ea";
+export const TokenComponentSegmentedButtonHoverBackground = "#515157";
+export const TokenComponentSegmentedButtonHoverBorder = "#96cff0";
+export const TokenComponentSegmentedButtonHoverText = "#5bb3ea";
+export const TokenComponentSegmentedButtonHoverIcon = "#5bb3ea";
+export const TokenComponentSegmentedButtonDisabledBackground = "#3d3d42";
+export const TokenComponentSegmentedButtonDisabledBorder = "#515157";
+export const TokenComponentSegmentedButtonDisabledText = "#83838c";
+export const TokenComponentSegmentedButtonDisabledIcon = "#83838c";
+export const TokenComponentSegmentedButtonDisabledCheckedBackground = "#515157";
+export const TokenComponentSegmentedButtonDisabledCheckedBorder = "#515157";
+export const TokenComponentSegmentedButtonDisabledCheckedText = "#83838c";
+export const TokenComponentSegmentedButtonDisabledCheckedIcon = "#83838c";
+export const TokenComponentSegmentedButtonActiveBackground = "#5bb3ea";
+export const TokenComponentSegmentedButtonActiveBorder = "#5bb3ea";
+export const TokenComponentSegmentedButtonActiveText = "#343438";
+export const TokenComponentSegmentedButtonActiveIcon = "#343438";
+export const TokenComponentSideNavigationIcon = "#ffffff";
+export const TokenComponentSideNavigationBorder = "#515157";
+export const TokenComponentSideNavigationBackgroundDefault = "#343438";
+export const TokenComponentSideNavigationBackgroundSecondLevel = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemBackground = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemIcon = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemText = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBackground = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBorder = "#515157";
+export const TokenComponentSideNavigationHoverMenuItemBackground = "#3d3d42";
+export const TokenComponentSideNavigationHoverMenuItemIcon = "#ffffff";
+export const TokenComponentSideNavigationHoverMenuItemText = "#ffffff";
+export const TokenComponentSideNavigationHoverMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationHoverMenuItemLabelBackground = "#343438";
+export const TokenComponentSideNavigationHoverMenuItemLabelBorder = "#515157";
+export const TokenComponentSideNavigationSelectedMenuItemBackground = "#5bb3ea";
+export const TokenComponentSideNavigationSelectedMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationSelectedMenuItemText = "#343438";
+export const TokenComponentSideNavigationSelectedMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationSelectedMenuItemLabelBackground = "#0174bc";
+export const TokenComponentSelectDefaultBackground = "#343438";
+export const TokenComponentSelectDefaultBorder = "#696970";
+export const TokenComponentSelectDefaultText = "#a3a3ab";
+export const TokenComponentSelectDefaultIcon = "#ffffff";
+export const TokenComponentSelectDefaultHintText = "#a3a3ab";
+export const TokenComponentSelectDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentSelectHoverBackground = "#343438";
+export const TokenComponentSelectHoverBorder = "#c2c2ca";
+export const TokenComponentSelectHoverText = "#a3a3ab";
+export const TokenComponentSelectHoverIcon = "#ffffff";
+export const TokenComponentSelectHoverHintText = "#a3a3ab";
+export const TokenComponentSelectHoverInfoIcon = "#a3a3ab";
+export const TokenComponentSelectFilledBackground = "#343438";
+export const TokenComponentSelectFilledBorder = "#696970";
+export const TokenComponentSelectFilledText = "#ffffff";
+export const TokenComponentSelectFilledIcon = "#ffffff";
+export const TokenComponentSelectFilledHintText = "#a3a3ab";
+export const TokenComponentSelectFilledInfoIcon = "#a3a3ab";
+export const TokenComponentSelectDisabledBackground = "#515157";
+export const TokenComponentSelectDisabledBorder = "#515157";
+export const TokenComponentSelectDisabledText = "#83838c";
+export const TokenComponentSelectDisabledIcon = "#83838c";
+export const TokenComponentSelectDisabledHintText = "#a3a3ab";
+export const TokenComponentSelectDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentSelectErrorBackground = "#343438";
+export const TokenComponentSelectErrorBorder = "#eb9091";
+export const TokenComponentSelectErrorText = "#ffffff";
+export const TokenComponentSelectErrorIcon = "#ffffff";
+export const TokenComponentSelectErrorHintText = "#eb9091";
+export const TokenComponentSelectErrorInfoIcon = "#a3a3ab";
+export const TokenComponentSelectFocusEmptyBackground = "#343438";
+export const TokenComponentSelectFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentSelectFocusEmptyText = "#a3a3ab";
+export const TokenComponentSelectFocusEmptyIcon = "#ffffff";
+export const TokenComponentSelectFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentSelectFocusEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentSelectFocusBackground = "#343438";
+export const TokenComponentSelectFocusBorder = "#5bb3ea";
+export const TokenComponentSelectFocusText = "#ffffff";
+export const TokenComponentSelectFocusIcon = "#ffffff";
+export const TokenComponentSelectFocusHintText = "#a3a3ab";
+export const TokenComponentSelectFocusInfoIcon = "#a3a3ab";
+export const TokenComponentSelectReadOnlyBackground = "#343438";
+export const TokenComponentSelectReadOnlyText = "#ffffff";
+export const TokenComponentSidePanelBackground = "#3d3d42";
+export const TokenComponentSidePanelText = "#ffffff";
+export const TokenComponentSidePanelBorder = "#515157";
+export const TokenComponentSidePanelIconDefault = "#ffffff";
+export const TokenComponentSidePanelIconHover = "#96cff0";
+export const TokenComponentSwitchActiveDefaultBackground = "#5bb3ea";
+export const TokenComponentSwitchActiveDefaultIcon = "#ffffff";
+export const TokenComponentSwitchActiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchActiveDefaultText = "#ffffff";
+export const TokenComponentSwitchActiveHoverBackground = "#96cff0";
+export const TokenComponentSwitchActiveHoverIcon = "#ffffff";
+export const TokenComponentSwitchActiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchActiveHoverText = "#ffffff";
+export const TokenComponentSwitchActiveFocusBackground = "#5bb3ea";
+export const TokenComponentSwitchActiveFocusIcon = "#ffffff";
+export const TokenComponentSwitchActiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchActiveFocusText = "#ffffff";
+export const TokenComponentSwitchActiveDisabledBackground = "#515157";
+export const TokenComponentSwitchActiveDisabledIcon = "#83838c";
+export const TokenComponentSwitchActiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchActiveDisabledText = "#83838c";
+export const TokenComponentSwitchInactiveDefaultBackground = "#696970";
+export const TokenComponentSwitchInactiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDefaultText = "#ffffff";
+export const TokenComponentSwitchInactiveHoverBackground = "#a3a3ab";
+export const TokenComponentSwitchInactiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchInactiveHoverText = "#ffffff";
+export const TokenComponentSwitchInactiveFocusBackground = "#696970";
+export const TokenComponentSwitchInactiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchInactiveFocusText = "#ffffff";
+export const TokenComponentSwitchInactiveDisabledBackground = "#515157";
+export const TokenComponentSwitchInactiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDisabledText = "#83838c";
+export const TokenComponentTabDefaultText = "#ffffff";
+export const TokenComponentTabDefaultIcon = "#ffffff";
+export const TokenComponentTabDefaultBorder = "#515157";
+export const TokenComponentTabHoverText = "#96cff0";
+export const TokenComponentTabHoverIcon = "#96cff0";
+export const TokenComponentTabHoverBorder = "#515157";
+export const TokenComponentTabActiveText = "#5bb3ea";
+export const TokenComponentTabActiveIcon = "#5bb3ea";
+export const TokenComponentTabActiveBorder = "#5bb3ea";
+export const TokenComponentTabDisabledText = "#83838c";
+export const TokenComponentTabDisabledIcon = "#83838c";
+export const TokenComponentTabDisabledBorder = "#515157";
+export const TokenComponentTagDefaultBackground = "#343438";
+export const TokenComponentTagDefaultBorder = "#696970";
+export const TokenComponentTagDefaultText = "#ffffff";
+export const TokenComponentTagDefaultIconDefault = "#ffffff";
+export const TokenComponentTagDefaultIconHover = "#96cff0";
+export const TokenComponentTagDefaultIconActive = "#5bb3ea";
+export const TokenComponentTagHoverBackground = "#343438";
+export const TokenComponentTagHoverBorder = "#c2c2ca";
+export const TokenComponentTagHoverText = "#ffffff";
+export const TokenComponentTagHoverIconDefault = "#ffffff";
+export const TokenComponentTagHoverIconHover = "#96cff0";
+export const TokenComponentTagHoverIconActive = "#5bb3ea";
+export const TokenComponentTagFocusBackground = "#3d3d42";
+export const TokenComponentTagFocusBorder = "#5bb3ea";
+export const TokenComponentTagFocusText = "#ffffff";
+export const TokenComponentTagFocusIconDefault = "#ffffff";
+export const TokenComponentTagFocusIconHover = "#96cff0";
+export const TokenComponentTagFocusIconActive = "#5bb3ea";
+export const TokenComponentTagErrorBackground = "#343438";
+export const TokenComponentTagErrorBorder = "#eb9091";
+export const TokenComponentTagErrorText = "#ffffff";
+export const TokenComponentTagErrorIconDefault = "#ffffff";
+export const TokenComponentTagErrorIconHover = "#96cff0";
+export const TokenComponentTagErrorIconActive = "#5bb3ea";
+export const TokenComponentTagDisabledBackground = "#515157";
+export const TokenComponentTagDisabledBorder = "#515157";
+export const TokenComponentTagDisabledText = "#83838c";
+export const TokenComponentTagDisabledIcon = "#83838c";
+export const TokenComponentTagReadOnlyBackground = "#343438";
+export const TokenComponentTagReadOnlyBorder = "#515157";
+export const TokenComponentTagReadOnlyText = "#ffffff";
+export const TokenComponentTagReadOnlyIcon = "#ffffff";
+export const TokenComponentTagInputDefaultBackground = "#343438";
+export const TokenComponentTagInputDefaultBorder = "#696970";
+export const TokenComponentTagInputDefaultHintText = "#a3a3ab";
+export const TokenComponentTagInputPlaceholderBackground = "#343438";
+export const TokenComponentTagInputPlaceholderBorder = "#696970";
+export const TokenComponentTagInputPlaceholderText = "#a3a3ab";
+export const TokenComponentTagInputPlaceholderHintText = "#a3a3ab";
+export const TokenComponentTagInputHoverBackground = "#343438";
+export const TokenComponentTagInputHoverBorder = "#c2c2ca";
+export const TokenComponentTagInputHoverText = "#a3a3ab";
+export const TokenComponentTagInputHoverHintText = "#a3a3ab";
+export const TokenComponentTagInputFilledBackground = "#343438";
+export const TokenComponentTagInputFilledBorder = "#696970";
+export const TokenComponentTagInputFilledIcon = "#ffffff";
+export const TokenComponentTagInputFilledHintText = "#a3a3ab";
+export const TokenComponentTagInputDisabledBackground = "#515157";
+export const TokenComponentTagInputDisabledBorder = "#515157";
+export const TokenComponentTagInputDisabledHintText = "#a3a3ab";
+export const TokenComponentTagInputErrorBackground = "#343438";
+export const TokenComponentTagInputErrorBorder = "#eb9091";
+export const TokenComponentTagInputErrorIcon = "#ffffff";
+export const TokenComponentTagInputErrorHintText = "#eb9091";
+export const TokenComponentTagInputFocusEmptyBackground = "#343438";
+export const TokenComponentTagInputFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTagInputFocusEmptyText = "#a3a3ab";
+export const TokenComponentTagInputFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTagInputFocusBackground = "#343438";
+export const TokenComponentTagInputFocusBorder = "#5bb3ea";
+export const TokenComponentTagInputFocusText = "#ffffff";
+export const TokenComponentTagInputFocusHintText = "#a3a3ab";
+export const TokenComponentTextAreaDefaultBackground = "#343438";
+export const TokenComponentTextAreaDefaultBorder = "#696970";
+export const TokenComponentTextAreaDefaultHintText = "#a3a3ab";
+export const TokenComponentTextAreaDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaPlaceholderBackground = "#343438";
+export const TokenComponentTextAreaPlaceholderBorder = "#696970";
+export const TokenComponentTextAreaPlaceholderText = "#a3a3ab";
+export const TokenComponentTextAreaPlaceholderHintText = "#a3a3ab";
+export const TokenComponentTextAreaPlaceholderInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaHoverBackground = "#343438";
+export const TokenComponentTextAreaHoverBorder = "#c2c2ca";
+export const TokenComponentTextAreaHoverText = "#ffffff";
+export const TokenComponentTextAreaHoverIcon = "#ffffff";
+export const TokenComponentTextAreaHoverHintText = "#a3a3ab";
+export const TokenComponentTextAreaHoverInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaHoverEmptyBackground = "#343438";
+export const TokenComponentTextAreaHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentTextAreaHoverEmptyText = "#a3a3ab";
+export const TokenComponentTextAreaHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentTextAreaHoverEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFilledBackground = "#343438";
+export const TokenComponentTextAreaFilledBorder = "#696970";
+export const TokenComponentTextAreaFilledText = "#ffffff";
+export const TokenComponentTextAreaFilledHintText = "#a3a3ab";
+export const TokenComponentTextAreaFilledInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFilledIconDefault = "#ffffff";
+export const TokenComponentTextAreaFilledIconHover = "#96cff0";
+export const TokenComponentTextAreaFilledIconActive = "#5bb3ea";
+export const TokenComponentTextAreaDisabledBackground = "#515157";
+export const TokenComponentTextAreaDisabledBorder = "#515157";
+export const TokenComponentTextAreaDisabledText = "#83838c";
+export const TokenComponentTextAreaDisabledHintText = "#a3a3ab";
+export const TokenComponentTextAreaDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaErrorBackground = "#343438";
+export const TokenComponentTextAreaErrorBorder = "#eb9091";
+export const TokenComponentTextAreaErrorText = "#ffffff";
+export const TokenComponentTextAreaErrorHintText = "#eb9091";
+export const TokenComponentTextAreaErrorInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaErrorIconDefault = "#ffffff";
+export const TokenComponentTextAreaErrorIconHover = "#96cff0";
+export const TokenComponentTextAreaErrorIconActive = "#5bb3ea";
+export const TokenComponentTextAreaFocusEmptyBackground = "#343438";
+export const TokenComponentTextAreaFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTextAreaFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTextAreaFocusEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFocusEmptyIconDefault = "#ffffff";
+export const TokenComponentTextAreaFocusEmptyIconHover = "#96cff0";
+export const TokenComponentTextAreaFocusEmptyIconActive = "#5bb3ea";
+export const TokenComponentTextAreaFocusBackground = "#343438";
+export const TokenComponentTextAreaFocusBorder = "#5bb3ea";
+export const TokenComponentTextAreaFocusText = "#ffffff";
+export const TokenComponentTextAreaFocusHintText = "#a3a3ab";
+export const TokenComponentTextAreaFocusInfoIcon = "#a3a3ab";
+export const TokenComponentTextAreaFocusIconDefault = "#ffffff";
+export const TokenComponentTextAreaFocusIconHover = "#96cff0";
+export const TokenComponentTextAreaFocusIconActive = "#5bb3ea";
+export const TokenComponentTextAreaReadOnlyText = "#ffffff";
+export const TokenComponentTextAreaReadOnlyHintText = "#a3a3ab";
+export const TokenComponentTextFieldDefaultBackground = "#343438";
+export const TokenComponentTextFieldDefaultBorder = "#696970";
+export const TokenComponentTextFieldDefaultHintText = "#a3a3ab";
+export const TokenComponentTextFieldDefaultInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldPlaceholderBackground = "#343438";
+export const TokenComponentTextFieldPlaceholderBorder = "#696970";
+export const TokenComponentTextFieldPlaceholderText = "#a3a3ab";
+export const TokenComponentTextFieldPlaceholderHintText = "#a3a3ab";
+export const TokenComponentTextFieldPlaceholderInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldHoverBackground = "#343438";
+export const TokenComponentTextFieldHoverBorder = "#c2c2ca";
+export const TokenComponentTextFieldHoverText = "#ffffff";
+export const TokenComponentTextFieldHoverIcon = "#ffffff";
+export const TokenComponentTextFieldHoverHintText = "#a3a3ab";
+export const TokenComponentTextFieldHoverInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldHoverEmptyBackground = "#343438";
+export const TokenComponentTextFieldHoverEmptyBorder = "#c2c2ca";
+export const TokenComponentTextFieldHoverEmptyText = "#a3a3ab";
+export const TokenComponentTextFieldHoverEmptyHintText = "#a3a3ab";
+export const TokenComponentTextFieldHoverEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFilledBackground = "#343438";
+export const TokenComponentTextFieldFilledBorder = "#696970";
+export const TokenComponentTextFieldFilledText = "#ffffff";
+export const TokenComponentTextFieldFilledHintText = "#a3a3ab";
+export const TokenComponentTextFieldFilledInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFilledIconDefault = "#ffffff";
+export const TokenComponentTextFieldFilledIconHover = "#96cff0";
+export const TokenComponentTextFieldFilledIconActive = "#5bb3ea";
+export const TokenComponentTextFieldDisabledBackground = "#515157";
+export const TokenComponentTextFieldDisabledBorder = "#515157";
+export const TokenComponentTextFieldDisabledText = "#83838c";
+export const TokenComponentTextFieldDisabledHintText = "#a3a3ab";
+export const TokenComponentTextFieldDisabledInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldErrorBackground = "#343438";
+export const TokenComponentTextFieldErrorBorder = "#eb9091";
+export const TokenComponentTextFieldErrorText = "#ffffff";
+export const TokenComponentTextFieldErrorHintText = "#eb9091";
+export const TokenComponentTextFieldErrorInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldErrorIconDefault = "#ffffff";
+export const TokenComponentTextFieldErrorIconHover = "#96cff0";
+export const TokenComponentTextFieldErrorIconActive = "#5bb3ea";
+export const TokenComponentTextFieldFocusEmptyBackground = "#343438";
+export const TokenComponentTextFieldFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTextFieldFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTextFieldFocusEmptyInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFocusEmptyIconDefault = "#ffffff";
+export const TokenComponentTextFieldFocusEmptyIconHover = "#96cff0";
+export const TokenComponentTextFieldFocusEmptyIconActive = "#5bb3ea";
+export const TokenComponentTextFieldFocusBackground = "#343438";
+export const TokenComponentTextFieldFocusBorder = "#5bb3ea";
+export const TokenComponentTextFieldFocusText = "#ffffff";
+export const TokenComponentTextFieldFocusHintText = "#a3a3ab";
+export const TokenComponentTextFieldFocusInfoIcon = "#a3a3ab";
+export const TokenComponentTextFieldFocusIconDefault = "#ffffff";
+export const TokenComponentTextFieldFocusIconHover = "#96cff0";
+export const TokenComponentTextFieldFocusIconActive = "#5bb3ea";
+export const TokenComponentTextFieldReadOnlyText = "#ffffff";
+export const TokenComponentTextFieldReadOnlyHintText = "#a3a3ab";
+export const TokenComponentTimePickerDefaultBackground = "#343438";
+export const TokenComponentTimePickerDefaultBorder = "#696970";
+export const TokenComponentTimePickerDefaultText = "#a3a3ab";
+export const TokenComponentTimePickerDefaultIcon = "#ffffff";
+export const TokenComponentTimePickerDefaultHintText = "#a3a3ab";
+export const TokenComponentTimePickerHoverBackground = "#343438";
+export const TokenComponentTimePickerHoverBorder = "#c2c2ca";
+export const TokenComponentTimePickerHoverText = "#a3a3ab";
+export const TokenComponentTimePickerHoverIcon = "#ffffff";
+export const TokenComponentTimePickerHoverHintText = "#a3a3ab";
+export const TokenComponentTimePickerFilledBackground = "#343438";
+export const TokenComponentTimePickerFilledBorder = "#696970";
+export const TokenComponentTimePickerFilledText = "#ffffff";
+export const TokenComponentTimePickerFilledIcon = "#ffffff";
+export const TokenComponentTimePickerFilledHintText = "#a3a3ab";
+export const TokenComponentTimePickerDisabledBackground = "#515157";
+export const TokenComponentTimePickerDisabledBorder = "#515157";
+export const TokenComponentTimePickerDisabledText = "#83838c";
+export const TokenComponentTimePickerDisabledIcon = "#83838c";
+export const TokenComponentTimePickerDisabledHintText = "#a3a3ab";
+export const TokenComponentTimePickerErrorBackground = "#343438";
+export const TokenComponentTimePickerErrorBorder = "#eb9091";
+export const TokenComponentTimePickerErrorText = "#ffffff";
+export const TokenComponentTimePickerErrorIcon = "#ffffff";
+export const TokenComponentTimePickerErrorHintText = "#eb9091";
+export const TokenComponentTimePickerFocusEmptyBackground = "#343438";
+export const TokenComponentTimePickerFocusEmptyBorder = "#5bb3ea";
+export const TokenComponentTimePickerFocusEmptyText = "#a3a3ab";
+export const TokenComponentTimePickerFocusEmptyIcon = "#ffffff";
+export const TokenComponentTimePickerFocusEmptyHintText = "#a3a3ab";
+export const TokenComponentTimePickerFocusBackground = "#343438";
+export const TokenComponentTimePickerFocusBorder = "#5bb3ea";
+export const TokenComponentTimePickerFocusText = "#ffffff";
+export const TokenComponentTimePickerFocusIcon = "#ffffff";
+export const TokenComponentTimePickerFocusHintText = "#a3a3ab";
+export const TokenComponentTimePickerReadOnlyText = "#ffffff";
+export const TokenComponentTooltipBackground = "#ffffff";
+export const TokenComponentTooltipText = "#343438";
+export const TokenComponentTreeText = "#ffffff";
+export const TokenComponentTreeBorder = "#515157";
+export const TokenComponentTreeIconDefault = "#ffffff";
+export const TokenComponentTreeIconHover = "#96cff0";
+export const TokenComponentTreeIconActive = "#5bb3ea";
+export const TokenComponentTreeBackgroundDefault = "#343438";
+export const TokenComponentTreeBackgroundHover = "#3d3d42";
+export const TokenComponentTreeExpandedAreaBorder = "#696970";
+export const TokenComponentWidgetDownloadText = "#ffffff";
+export const TokenComponentWidgetDownloadBorder = "#515157";
+export const TokenComponentWidgetDownloadBackgroundHeader = "#343438";
+export const TokenComponentWidgetDownloadBackgroundDefault = "#3d3d42";
+export const TokenComponentWidgetDownloadIconDefault = "#ffffff";
+export const TokenComponentWidgetDownloadIconSuccess = "#65ba75";
+export const TokenComponentWidgetDownloadIconError = "#eb9091";
+export const TokenComponentWidgetUploadDefaultBackground = "#343438";
+export const TokenComponentWidgetUploadDefaultBorder = "#696970";
+export const TokenComponentWidgetUploadDefaultIcon = "#ffffff";
+export const TokenComponentWidgetUploadDefaultTextDefault = "#ffffff";
+export const TokenComponentWidgetUploadDefaultTextLink = "#5bb3ea";
+export const TokenComponentWidgetUploadHoverBackground = "#3d3d42";
+export const TokenComponentWidgetUploadHoverBorder = "#5bb3ea";
+export const TokenComponentWidgetUploadHoverIcon = "#ffffff";
+export const TokenComponentWidgetUploadHoverTextDefault = "#ffffff";
+export const TokenComponentWidgetUploadHoverTextLink = "#5bb3ea";
+export const TokenComponentWidgetUploadDisabledBackground = "#515157";
+export const TokenComponentWidgetUploadDisabledBorder = "#515157";
+export const TokenComponentWidgetUploadDisabledIcon = "#83838c";
+export const TokenComponentWidgetUploadDisabledText = "#83838c";
+export const TokenComponentStepperHorizontalLine = "#515157";
+export const TokenComponentStepperHorizontalPastItemCircleBackground = "#3d3d42";
+export const TokenComponentStepperHorizontalPastItemCircleBorder = "#5bb3ea";
+export const TokenComponentStepperHorizontalPastItemCircleText = "#5bb3ea";
+export const TokenComponentStepperHorizontalPastItemCircleIcon = "#5bb3ea";
+export const TokenComponentStepperHorizontalPastItemTextDefault = "#ffffff";
+export const TokenComponentStepperHorizontalPastItemTextHover = "#5bb3ea";
+export const TokenComponentStepperHorizontalCurrentItemCircleBackground = "#5bb3ea";
+export const TokenComponentStepperHorizontalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperHorizontalCurrentItemTextDefault = "#ffffff";
+export const TokenComponentStepperHorizontalCurrentItemTextHover = "#5bb3ea";
+export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#343438";
+export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#515157";
+export const TokenComponentStepperHorizontalFutureItemCircleText = "#83838c";
+export const TokenComponentStepperHorizontalFutureItemText = "#83838c";
+export const TokenComponentStepperVerticalBackground = "#3d3d42";
+export const TokenComponentStepperVerticalBorder = "#515157";
+export const TokenComponentStepperVerticalIcon = "#ffffff";
+export const TokenComponentStepperVerticalPastItemCircleBackground = "#3d3d42";
+export const TokenComponentStepperVerticalPastItemCircleBorder = "#5bb3ea";
+export const TokenComponentStepperVerticalPastItemCircleText = "#5bb3ea";
+export const TokenComponentStepperVerticalPastItemCircleIcon = "#5bb3ea";
+export const TokenComponentStepperVerticalPastItemTextDefault = "#ffffff";
+export const TokenComponentStepperVerticalPastItemTextHover = "#5bb3ea";
+export const TokenComponentStepperVerticalCurrentItemIcon = "#5bb3ea";
+export const TokenComponentStepperVerticalCurrentItemCircleBackground = "#5bb3ea";
+export const TokenComponentStepperVerticalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperVerticalCurrentItemTextDefault = "#ffffff";
+export const TokenComponentStepperVerticalCurrentItemTextHover = "#5bb3ea";
+export const TokenComponentStepperVerticalFutureItemCircleBackground = "#343438";
+export const TokenComponentStepperVerticalFutureItemCircleBorder = "#696970";
+export const TokenComponentStepperVerticalFutureItemCircleText = "#a3a3ab";
+export const TokenComponentStepperVerticalFutureItemTextDefault = "#ffffff";
+export const TokenComponentStepperVerticalFutureItemTextHover = "#5bb3ea";
+export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#343438";
+export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#515157";
+export const TokenComponentStepperVerticalDisabledItemCircleText = "#83838c";
+export const TokenComponentStepperVerticalDisabledItemText = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#ffffff";
+export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#96cff0";
+export const TokenComponentAdvancedSearchFilterIconAppliedIcon = "#5bb3ea";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeBackground = "#d63c42";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterIconDisabledIcon = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeBackground = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaBackground = "#343438";
+export const TokenComponentAdvancedSearchFilterAreaBorder = "#515157";
+export const TokenComponentAdvancedSearchFilterAreaTextDefault = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaTextLink = "#5bb3ea";
+export const TokenComponentAdvancedSearchFilterAreaIconDefault = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaIconHover = "#96cff0";
+export const TokenComponentAdvancedSearchFilterAreaIconDisabled = "#83838c";
+export const TokenComponentAdvancedSearchFilterAreaTagBackground = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterAreaTagBorder = "#515157";
+export const TokenComponentAdvancedSearchFilterAreaTagOperatorIcon = "#c25d05";
+export const TokenComponentAdvancedSearchFilterAreaTagIconDefault = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaTagIconHover = "#96cff0";
+export const TokenComponentSegmentedStatusButtonDefaultBackground = "#3d3d42";
+export const TokenComponentSegmentedStatusButtonDefaultBorder = "#696970";
+export const TokenComponentSegmentedStatusButtonDefaultText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDefaultIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonHoverBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonHoverBorder = "#696970";
+export const TokenComponentSegmentedStatusButtonHoverText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonHoverIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledBackground = "#3d3d42";
+export const TokenComponentSegmentedStatusButtonDisabledBorder = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonActivePositiveBackground = "#65ba75";
+export const TokenComponentSegmentedStatusButtonActivePositiveText = "#343438";
+export const TokenComponentSegmentedStatusButtonActivePositiveIcon = "#343438";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonActiveNegativeBackground = "#eb9091";
+export const TokenComponentSegmentedStatusButtonActiveNegativeText = "#343438";
+export const TokenComponentSegmentedStatusButtonActiveNegativeIcon = "#343438";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralBackground = "#515157";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralText = "#83838c";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralIcon = "#83838c";
+export const TokenComponentSegmentedStatusButtonActiveNeutralBackground = "#696970";
+export const TokenComponentSegmentedStatusButtonActiveNeutralText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActiveNeutralIcon = "#ffffff";
+export const TokenComponentLinkSelectDefaultText = "#5bb3ea";
+export const TokenComponentLinkSelectDefaultIcon = "#ffffff";
+export const TokenComponentLinkSelectHoverText = "#96cff0";
+export const TokenComponentLinkSelectHoverIcon = "#96cff0";
+export const TokenComponentLinkSelectFilledText = "#5bb3ea";
+export const TokenComponentLinkSelectFilledIcon = "#ffffff";
+export const TokenComponentLinkSelectDisabledText = "#83838c";
+export const TokenComponentLinkSelectDisabledIcon = "#83838c";
+export const TokenComponentLinkSelectFocusText = "#5bb3ea";
+export const TokenComponentLinkSelectFocusIcon = "#ffffff";
+export const TokenComponentLinkSelectReadOnlyText = "#ffffff";
diff --git a/dist/themes/densedDark/tokens.scss b/dist/themes/densedDark/tokens.scss
new file mode 100644
index 0000000..919394c
--- /dev/null
+++ b/dist/themes/densedDark/tokens.scss
@@ -0,0 +1,1607 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$token-global-color-neutrals-5: #f7f7fa; // Page background color, disabled form elements fill (input, text area, etc)
+$token-global-color-neutrals-10: #ededf2; // UI element bg
+$token-global-color-neutrals-20: #e5e5ea; // Subtle background
+$token-global-color-neutrals-30: #d6d6dd; // Container border, divider, stroke
+$token-global-color-neutrals-40: #c2c2ca; // Disabled border
+$token-global-color-neutrals-50: #a3a3ab;
+$token-global-color-neutrals-60: #83838c; // Default field border
+$token-global-color-neutrals-70: #696970; // Color for text placeholder and hints
+$token-global-color-neutrals-80: #515157;
+$token-global-color-neutrals-90: #3d3d42; // Default icon color, hover color for fields border
+$token-global-color-neutrals-100: #343438; // Default text color
+$token-global-color-neutrals-black: #232326; // Global header and footer
+$token-global-color-neutrals-white: #ffffff;
+$token-global-color-brand-5: #f5fbff;
+$token-global-color-brand-10: #edf8ff;
+$token-global-color-brand-20: #e1f4ff;
+$token-global-color-brand-30: #ceedfe;
+$token-global-color-brand-40: #afdef8;
+$token-global-color-brand-50: #96cff0;
+$token-global-color-brand-60: #5bb3ea;
+$token-global-color-brand-70: #009cde; // Akamai Blue
+$token-global-color-brand-80: #108ad6;
+$token-global-color-brand-90: #0174bc; // Akamai Websafe Blue
+$token-global-color-brand-100: #00314d;
+$token-global-color-red-5: #fff8f8;
+$token-global-color-red-10: #ffefef;
+$token-global-color-red-20: #ffe5e5;
+$token-global-color-red-30: #fdd8d8;
+$token-global-color-red-40: #f9c6c6;
+$token-global-color-red-50: #f3aeaf;
+$token-global-color-red-60: #eb9091;
+$token-global-color-red-70: #d63c42; // Critical or high severity
+$token-global-color-red-80: #d0343a; // Akamai Red
+$token-global-color-red-90: #b82329;
+$token-global-color-red-100: #381316;
+$token-global-color-orange-5: #fef9f4;
+$token-global-color-orange-10: #fff3e7;
+$token-global-color-orange-20: #ffebd7;
+$token-global-color-orange-30: #ffe1c3;
+$token-global-color-orange-40: #facfa4;
+$token-global-color-orange-50: #f2b67b;
+$token-global-color-orange-60: #f09d4b;
+$token-global-color-orange-70: #fe9933; // Akamai Orange. High or medium severity
+$token-global-color-orange-80: #f0821d;
+$token-global-color-orange-90: #c25d05;
+$token-global-color-orange-100: #451e11;
+$token-global-color-amber-5: #fff9ed;
+$token-global-color-amber-10: #fff4d5;
+$token-global-color-amber-20: #ffecbc;
+$token-global-color-amber-30: #ffe3a2;
+$token-global-color-amber-40: #facf83;
+$token-global-color-amber-50: #f3ba63;
+$token-global-color-amber-60: #edb016;
+$token-global-color-amber-70: #fecb34; // Medium or low severity
+$token-global-color-amber-80: #f2b90e;
+$token-global-color-amber-90: #ce9a00;
+$token-global-color-amber-100: #403104;
+$token-global-color-yellow-5: #ffffeb;
+$token-global-color-yellow-10: #fafadf;
+$token-global-color-yellow-20: #f9f9c9;
+$token-global-color-yellow-30: #f8f8b6;
+$token-global-color-yellow-40: #f5f596;
+$token-global-color-yellow-50: #e8e86a;
+$token-global-color-yellow-60: #dfdf39;
+$token-global-color-yellow-70: #f5f531;
+$token-global-color-yellow-80: #e5e50a;
+$token-global-color-yellow-90: #bfbf0d;
+$token-global-color-yellow-100: #35290f;
+$token-global-color-lime-5: #f7fcf0;
+$token-global-color-lime-10: #eefadc;
+$token-global-color-lime-20: #e4f7c7;
+$token-global-color-lime-30: #d7f2b0;
+$token-global-color-lime-40: #c9e894;
+$token-global-color-lime-50: #b1d16a;
+$token-global-color-lime-60: #94ba2c;
+$token-global-color-lime-70: #99d52a;
+$token-global-color-lime-80: #93c926;
+$token-global-color-lime-90: #5d770d;
+$token-global-color-lime-100: #263209;
+$token-global-color-green-5: #f3fcf3;
+$token-global-color-green-10: #ebf9eb;
+$token-global-color-green-20: #dff3df;
+$token-global-color-green-30: #ceebcf;
+$token-global-color-green-40: #b7dfba;
+$token-global-color-green-50: #97cf9c;
+$token-global-color-green-60: #65ba75;
+$token-global-color-green-70: #00b050; // Akamai Green. Low severity (human)
+$token-global-color-green-80: #07a04d;
+$token-global-color-green-90: #138246;
+$token-global-color-green-100: #1b311e;
+$token-global-color-teal-5: #f1fcfa;
+$token-global-color-teal-10: #e7f9f5;
+$token-global-color-teal-20: #d9f3ee;
+$token-global-color-teal-30: #c7ebe5;
+$token-global-color-teal-40: #afdfd7;
+$token-global-color-teal-50: #8dcec3;
+$token-global-color-teal-60: #53b9ab;
+$token-global-color-teal-70: #12a594;
+$token-global-color-teal-80: #0e9888;
+$token-global-color-teal-90: #067a6f;
+$token-global-color-teal-100: #10302b;
+$token-global-color-cyan-5: #f2fcfd;
+$token-global-color-cyan-10: #e7f9fb;
+$token-global-color-cyan-20: #d8f3f6;
+$token-global-color-cyan-30: #aadee6;
+$token-global-color-cyan-40: #84cdda;
+$token-global-color-cyan-50: #84cdda;
+$token-global-color-cyan-60: #3db9cf;
+$token-global-color-cyan-70: #05a2c2;
+$token-global-color-cyan-80: #0894b3;
+$token-global-color-cyan-90: #0c7792;
+$token-global-color-cyan-100: #04313c;
+$token-global-color-ultramarine-5: #f8faff;
+$token-global-color-ultramarine-10: #f0f4ff;
+$token-global-color-ultramarine-20: #e6edfe;
+$token-global-color-ultramarine-30: #d9e2fc;
+$token-global-color-ultramarine-40: #c6d4f9;
+$token-global-color-ultramarine-50: #aec0f5;
+$token-global-color-ultramarine-60: #8da4ef;
+$token-global-color-ultramarine-70: #4067e5;
+$token-global-color-ultramarine-80: #3a5ccc;
+$token-global-color-ultramarine-90: #3451b2;
+$token-global-color-ultramarine-100: #002856; // Akamai Dark Navy
+$token-global-color-violet-5: #fbfaff;
+$token-global-color-violet-10: #f5f2ff;
+$token-global-color-violet-20: #ede9fe;
+$token-global-color-violet-30: #e4defc;
+$token-global-color-violet-40: #d7cff9;
+$token-global-color-violet-50: #c4b8f3;
+$token-global-color-violet-60: #aa99ec;
+$token-global-color-violet-70: #7259d6;
+$token-global-color-violet-80: #644fc1;
+$token-global-color-violet-90: #5746af;
+$token-global-color-violet-100: #20134b;
+$token-global-color-purple-5: #fdfaff;
+$token-global-color-purple-10: #f9f1fe;
+$token-global-color-purple-20: #f3e7fc;
+$token-global-color-purple-30: #eddbf9;
+$token-global-color-purple-40: #e3ccf4;
+$token-global-color-purple-50: #d3b4ed;
+$token-global-color-purple-60: #be93e4;
+$token-global-color-purple-70: #8e4ec6;
+$token-global-color-purple-80: #8445bc;
+$token-global-color-purple-90: #753bbd; // Akamai Purple
+$token-global-color-purple-100: #2b0e44;
+$token-global-color-magenta-5: #fff8ff;
+$token-global-color-magenta-10: #fceffc;
+$token-global-color-magenta-20: #f9e5f9;
+$token-global-color-magenta-30: #f3d9f4;
+$token-global-color-magenta-40: #ebc8ed;
+$token-global-color-magenta-50: #dfafe3;
+$token-global-color-magenta-60: #cf91d8;
+$token-global-color-magenta-70: #ab4aba; // Critical severity
+$token-global-color-magenta-80: #a43cb4;
+$token-global-color-magenta-90: #9c2bad;
+$token-global-color-magenta-100: #340c3b;
+$token-global-color-pink-5: #fff7fc;
+$token-global-color-pink-10: #feeef8;
+$token-global-color-pink-20: #fce5f3;
+$token-global-color-pink-30: #f9d8ec;
+$token-global-color-pink-40: #f3c6e2;
+$token-global-color-pink-50: #ecadd4;
+$token-global-color-pink-60: #e38ec3;
+$token-global-color-pink-70: #e043a7;
+$token-global-color-pink-80: #d23197;
+$token-global-color-pink-90: #cd1d8d;
+$token-global-color-pink-100: #3b0a2a;
+$token-global-color-brown-5: #fbf9f2;
+$token-global-color-brown-10: #f5f2e9;
+$token-global-color-brown-20: #eeeadd;
+$token-global-color-brown-30: #e5dfd0;
+$token-global-color-brown-40: #dad1bd;
+$token-global-color-brown-50: #cbbda4;
+$token-global-color-brown-60: #b8a383;
+$token-global-color-brown-70: #978365;
+$token-global-color-brown-80: #8c795d;
+$token-global-color-brown-90: #776750;
+$token-global-color-brown-100: #3b352b;
+$token-global-spacing-0: 0rem;
+$token-global-spacing-10: 0.125rem; // 2px
+$token-global-spacing-20: 0.25rem; // 4px
+$token-global-spacing-30: 0.375rem; // 6px
+$token-global-spacing-40: 0.5rem; // 8px
+$token-global-spacing-50: 0.75rem; // 12px
+$token-global-spacing-60: 1rem; // 16px
+$token-global-spacing-70: 1.5rem; // 24px
+$token-global-spacing-80: 2rem; // 32px
+$token-global-spacing-90: 3rem; // 48px
+$token-global-font-font-family-brand: 'Nunito Sans';
+$token-global-font-font-family-code: 'Fira Code';
+$token-global-font-font-weight-semibold: 600;
+$token-global-font-font-weight-bold: 700;
+$token-global-font-font-weight-extrabold: 800;
+$token-global-font-font-weight-regular-normal: 400;
+$token-global-font-font-weight-regular-italic: 400;
+$token-global-font-font-size-xxxs: 0.75rem; // 12px
+$token-global-font-font-size-xxs: 0.813rem; // 13px
+$token-global-font-font-size-xs: 0.875rem; // 14px
+$token-global-font-font-size-s: 1rem; // 16px
+$token-global-font-font-size-m: 1.125rem; // 18px
+$token-global-font-font-size-l: 1.25rem; // 20px
+$token-global-font-font-size-xl: 1.5rem; // 24px
+$token-global-font-font-size-xxl: 1.75rem; // 28px
+$token-global-font-font-size-xxxl: 2.25rem; // 36px
+$token-global-font-line-height-xxxs: 1rem; // 16px
+$token-global-font-line-height-xxs: 1.125rem; // 18px
+$token-global-font-line-height-xs: 1.25rem; // 20px
+$token-global-font-line-height-s: 1.5rem; // 24px
+$token-global-font-line-height-m: 1.625rem; // 26px
+$token-global-font-line-height-l: 1.875rem; // 30px
+$token-global-font-line-height-xl: 2rem; // 32px
+$token-global-font-line-height-xxl: 2.375rem; // 38px
+$token-global-font-line-height-xxxl: 2.625rem; // 42px
+$token-global-font-textcase-uppercase: uppercase;
+$token-global-border-radius-none: 0rem;
+$token-alias-content-text-base: #343438;
+$token-alias-content-text-negative: #eb9091; // Error message text
+$token-alias-content-text-warning: #fecb34;
+$token-alias-content-text-positive: #00b050;
+$token-alias-content-text-informative: #4067e5;
+$token-alias-content-text-primary-default: #ffffff; // Primary text color
+$token-alias-content-text-primary-disabled: #83838c;
+$token-alias-content-text-secondary-default: #a3a3ab; // Placeholder text
+$token-alias-content-text-secondary-disabled: #83838c;
+$token-alias-content-text-link-default: #5bb3ea;
+$token-alias-content-text-link-hover: #96cff0;
+$token-alias-content-text-link-disabled: #83838c;
+$token-alias-content-icon-base: #343438;
+$token-alias-content-icon-negative: #eb9091;
+$token-alias-content-icon-warning: #edb016;
+$token-alias-content-icon-positive: #65ba75;
+$token-alias-content-icon-informative: #8da4ef;
+$token-alias-content-icon-primary-default: #ffffff; // Default icon color
+$token-alias-content-icon-primary-hover: #96cff0;
+$token-alias-content-icon-primary-active: #5bb3ea;
+$token-alias-content-icon-primary-disabled: #83838c;
+$token-alias-content-icon-secondary-default: #a3a3ab;
+$token-alias-content-icon-secondary-disabled: #83838c;
+$token-alias-border-normal: #515157; // Static component border
+$token-alias-border-neutral: #c2c2ca; // Secondary notification banner border
+$token-alias-border-negative: #eb9091;
+$token-alias-border-warning: #edb016;
+$token-alias-border-positive: #65ba75;
+$token-alias-border-informative: #8da4ef;
+$token-alias-background-normal: #3d3d42; // Default component background
+$token-alias-background-neutral: #343438; // Default page background
+$token-alias-background-base: #ffffff; // Tooltip background
+$token-alias-background-negative: #d63c42;
+$token-alias-background-warning: #fecb34;
+$token-alias-background-positive: #00b050;
+$token-alias-background-informative: #4067e5;
+$token-alias-background-black: #232326; // Use only for a global header and global footer background
+$token-alias-background-negativesubtle: #515157;
+$token-alias-background-warningsubtle: #515157;
+$token-alias-background-positivesubtle: #515157;
+$token-alias-background-informativesubtle: #515157;
+$token-alias-background-neutralsubtle: #515157;
+$token-alias-background-overlay: lch(13.8 2.09 286 / 0.84);
+$token-alias-action-base: #3d3d42;
+$token-alias-action-neutral: #696970;
+$token-alias-action-white50: rgba(255, 255, 255, 0.5); // Transparent disabled switcher circle
+$token-alias-action-primary-default: #5bb3ea; // Brand action color
+$token-alias-action-primary-hover: #96cff0;
+$token-alias-action-primary-active: #5bb3ea;
+$token-alias-action-primary-disabled: #515157;
+$token-alias-action-secondary-hover: #515157;
+$token-alias-action-secondary-disabled: #515157;
+$token-alias-action-tertiary-disabled: #515157;
+$token-alias-action-positive-default: #65ba75;
+$token-alias-action-positive-disabled: #515157;
+$token-alias-action-negative-default: #eb9091;
+$token-alias-action-negative-disabled: #515157;
+$token-alias-interaction-border-default: #696970; // Default inputs border
+$token-alias-interaction-border-hover: #c2c2ca;
+$token-alias-interaction-border-focus: #5bb3ea;
+$token-alias-interaction-border-error: #eb9091;
+$token-alias-interaction-border-disabled: #515157;
+$token-alias-interaction-background-primary: #343438; // Default component background color
+$token-alias-interaction-background-secondary: #343438;
+$token-alias-interaction-background-tertiary: #3d3d42;
+$token-alias-interaction-background-elevated: #515157; // Calendar range background, table row hover 
+$token-alias-interaction-background-accent: #5bb3ea;
+$token-alias-interaction-background-active: #5bb3ea;
+$token-alias-interaction-background-disabled: #515157;
+$token-alias-elevation-s: 0 2px 6px 0 rgba(0,0,0,0.18); // Default shadow for components, like notification banners, dropdowns, popups;
+$token-alias-elevation-s-inverted: 0 -2px 6px 0 rgba(0,0,0,0.18); // Inverted shadow for elements that appear above the component
+$token-alias-elevation-l: 0 16px 32px 0 rgba(0,0,0,0.18), 0 4px 8px 0 rgba(0,0,0,0.08); // Shadow for modals
+$token-alias-typography-heading-xxxl: 700 2.25rem/2.625rem 'Nunito Sans'; // Promo banners, KPIs
+$token-alias-typography-heading-xxl: 800 1.75rem/2rem 'Nunito Sans'; // Main titles - h1
+$token-alias-typography-heading-xl: 700 1.5rem/1.875rem 'Nunito Sans'; // Second level title - h2
+$token-alias-typography-heading-l: 700 1.25rem/1.625rem 'Nunito Sans'; // Third level title - h3
+$token-alias-typography-heading-m: 700 1.125rem/1.5rem 'Nunito Sans'; // Drawer, modal title - h4
+$token-alias-typography-heading-s: 700 1rem/1.25rem 'Nunito Sans'; // Advanced search, bars, master switch titles - h5
+$token-alias-typography-heading-xs: 700 0.875rem/1.125rem 'Nunito Sans'; // Low level headings - h6
+$token-alias-typography-heading-overline: 800 0.75rem/1rem 'Nunito Sans'; // Custom labels for content blocks
+$token-alias-typography-heading-overline-letter-spacing: 0.023rem; // Overline letter spacing
+$token-alias-typography-heading-overline-text-case: uppercase; // Overline text case
+$token-alias-typography-body-regular: 400 0.875rem/1.25rem 'Nunito Sans'; // Main body text
+$token-alias-typography-body-semibold: 600 0.875rem/1.25rem 'Nunito Sans'; // Light emphasis
+$token-alias-typography-body-bold: 700 0.875rem/1.25rem 'Nunito Sans'; // Emphasis
+$token-alias-typography-body-extrabold: 800 0.875rem/1.25rem 'Nunito Sans'; // Max emphasis
+$token-alias-typography-body-list: 400 0.875rem/1.25rem 'Nunito Sans'; // For list items
+$token-alias-typography-body-italic: 400 0.875rem/1.25rem 'Nunito Sans';
+$token-alias-typography-label-semibold-l: 600 1rem/1.25rem 'Nunito Sans'; // Large tabs
+$token-alias-typography-label-semibold-s: 600 0.875rem/1rem 'Nunito Sans'; // Large buttons, list, segmented buttons, side navigation, small tables
+$token-alias-typography-label-semibold-xs: 600 0.75rem/1rem 'Nunito Sans'; // Small buttons, tags, warning message under field
+$token-alias-typography-label-bold-l: 700 1rem/1.25rem 'Nunito Sans'; // Card, content panel, vertical stepper
+$token-alias-typography-label-bold-s: 700 0.875rem/1rem 'Nunito Sans'; // Field labels, table header, date&time pickers
+$token-alias-typography-label-bold-xs: 700 0.75rem/0.875rem 'Nunito Sans'; // Badge number
+$token-alias-typography-label-regular-s: 400 0.875rem/1rem 'Nunito Sans'; // Field entered text, dropdown item, table cell, pagination
+$token-alias-typography-label-regular-xs: 400 0.75rem/1rem 'Nunito Sans'; // Optional text, small dropdown item
+$token-alias-typography-label-regular-placeholder: 400 0.875rem/1rem 'Nunito Sans';
+$token-alias-typography-code: 400 0.813rem/1.25rem 'Fira Code'; // Code samples
+$token-alias-accent-info-primary: #aec0f5;
+$token-alias-accent-info-secondary: lch(77.7 28.7 275 / 0.12);
+$token-alias-accent-neutral-primary: #c2c2ca;
+$token-alias-accent-neutral-secondary: lch(78.6 4.18 286 / 0.12);
+$token-alias-accent-warning-primary: #f2b67b;
+$token-alias-accent-warning-secondary: lch(79.6 53.6 74.4 / 0.12);
+$token-alias-accent-negative-primary: #f3aeaf;
+$token-alias-accent-negative-secondary: lch(77.8 28 21.1 / 0.12);
+$token-alias-accent-positive-primary: #97cf9c;
+$token-alias-accent-positive-secondary: lch(78.2 32.7 144 / 0.12);
+$token-alias-accent-important-primary: #d3b4ed;
+$token-alias-accent-important-secondary: lch(77.5 31.1 309 / 0.12);
+$token-alias-accent-pink-primary: #ecadd4;
+$token-alias-accent-pink-secondary: lch(77.6 29.9 340 / 0.12);
+$token-alias-accent-violet-primary: #c4b8f3;
+$token-alias-accent-violet-secondary: lch(77.3 30.9 295 / 0.12);
+$token-alias-chart-neutral: #515157;
+$token-alias-chart-categorical-1-primary: #4067e5;
+$token-alias-chart-categorical-1-inactive: #d9e2fc;
+$token-alias-chart-categorical-1-transparent: lch(46.5 72.3 286 / 0.2);
+$token-alias-chart-categorical-2-primary: #fe9933;
+$token-alias-chart-categorical-2-inactive: #ffe1c3;
+$token-alias-chart-categorical-2-transparent: lch(72.9 74.2 63 / 0.2);
+$token-alias-chart-categorical-3-primary: #12a594;
+$token-alias-chart-categorical-3-inactive: #c7ebe5;
+$token-alias-chart-categorical-3-transparent: lch(60.7 39.7 183 / 0.2);
+$token-alias-chart-categorical-4-primary: #ab4aba;
+$token-alias-chart-categorical-4-inactive: #f3d9f4;
+$token-alias-chart-categorical-4-transparent: lch(48.2 66.6 322 / 0.2);
+$token-alias-chart-categorical-5-primary: #d63c42;
+$token-alias-chart-categorical-5-inactive: #fdd8d8;
+$token-alias-chart-categorical-5-transparent: lch(50.1 69.5 29.4 / 0.2);
+$token-alias-chart-categorical-6-primary: #05a2c2;
+$token-alias-chart-categorical-6-inactive: #aadee6;
+$token-alias-chart-categorical-6-transparent: lch(61 38.6 224 / 0.2);
+$token-alias-chart-categorical-7-primary: #e043a7;
+$token-alias-chart-categorical-7-inactive: #f9d8ec;
+$token-alias-chart-categorical-7-transparent: lch(55 70 344 / 0.2);
+$token-alias-chart-categorical-8-primary: #00b050;
+$token-alias-chart-categorical-8-inactive: #ceebcf;
+$token-alias-chart-categorical-8-transparent: lch(63 67 146 / 0.2);
+$token-alias-chart-categorical-9-primary: #7259d6;
+$token-alias-chart-categorical-9-inactive: #e4defc;
+$token-alias-chart-categorical-9-transparent: lch(45.6 71 299 / 0.2);
+$token-alias-chart-categorical-10-primary: #99d52a;
+$token-alias-chart-categorical-10-inactive: #d7f2b0;
+$token-alias-chart-categorical-10-transparent: lch(79 79.1 118 / 0.2);
+$token-alias-chart-categorical-11-primary: #696970;
+$token-alias-chart-categorical-11-inactive: #d6d6dd;
+$token-alias-chart-categorical-11-transparent: lch(44.6 4.09 286 / 0.2);
+$token-alias-chart-categorical-12-primary: #8da4ef;
+$token-alias-chart-categorical-12-inactive: #d9e2fc;
+$token-alias-chart-categorical-12-transparent: lch(67.9 41.2 278 / 0.2);
+$token-alias-chart-categorical-13-primary: #c25d05;
+$token-alias-chart-categorical-13-inactive: #ffe1c3;
+$token-alias-chart-categorical-13-transparent: lch(51.7 70.9 57.2 / 0.2);
+$token-alias-chart-categorical-14-primary: #067a6f;
+$token-alias-chart-categorical-14-inactive: #c7ebe5;
+$token-alias-chart-categorical-14-transparent: lch(45.6 31.8 185 / 0.2);
+$token-alias-chart-categorical-15-primary: #cf91d8;
+$token-alias-chart-categorical-15-inactive: #f3d9f4;
+$token-alias-chart-categorical-15-transparent: lch(68.3 42.4 321 / 0.2);
+$token-alias-chart-categorical-16-primary: #eb9091;
+$token-alias-chart-categorical-16-inactive: #fdd8d8;
+$token-alias-chart-categorical-16-transparent: lch(69.6 38.4 22.9 / 0.2);
+$token-alias-chart-categorical-17-primary: #0c7792;
+$token-alias-chart-categorical-17-inactive: #aadee6;
+$token-alias-chart-categorical-17-transparent: lch(45.7 30.9 228 / 0.2);
+$token-alias-chart-categorical-18-primary: #e38ec3;
+$token-alias-chart-categorical-18-inactive: #f9d8ec;
+$token-alias-chart-categorical-18-transparent: lch(69.3 40.8 341 / 0.2);
+$token-alias-chart-categorical-19-primary: #97cf9c;
+$token-alias-chart-categorical-19-inactive: #ceebcf;
+$token-alias-chart-categorical-19-transparent: lch(78.2 32.7 144 / 0.2);
+$token-alias-chart-categorical-20-primary: #aa99ec;
+$token-alias-chart-categorical-20-inactive: #e4defc;
+$token-alias-chart-categorical-20-transparent: lch(67.2 44.6 296 / 0.2);
+$token-alias-chart-categorical-21-primary: #94ba2c;
+$token-alias-chart-categorical-21-inactive: #d7f2b0;
+$token-alias-chart-categorical-21-transparent: lch(70.8 67.7 114 / 0.2);
+$token-alias-chart-categorical-22-primary: #3d3d42;
+$token-alias-chart-categorical-22-inactive: #d6d6dd;
+$token-alias-chart-categorical-22-transparent: lch(25.9 3.2 286 / 0.2);
+$token-alias-chart-monochromatic-default-5: #f8faff;
+$token-alias-chart-monochromatic-default-10: #f0f4ff;
+$token-alias-chart-monochromatic-default-20: #e6edfe;
+$token-alias-chart-monochromatic-default-30: #d9e2fc;
+$token-alias-chart-monochromatic-default-40: #c6d4f9;
+$token-alias-chart-monochromatic-default-50: #aec0f5;
+$token-alias-chart-monochromatic-default-60: #8da4ef;
+$token-alias-chart-monochromatic-default-70: #4067e5;
+$token-alias-chart-monochromatic-default-90: #3451b2;
+$token-alias-chart-monochromatic-default-100: #002856;
+$token-alias-chart-monochromatic-danger-5: #fff8f8;
+$token-alias-chart-monochromatic-danger-10: #ffefef;
+$token-alias-chart-monochromatic-danger-20: #ffe5e5;
+$token-alias-chart-monochromatic-danger-30: #fdd8d8;
+$token-alias-chart-monochromatic-danger-40: #f9c6c6;
+$token-alias-chart-monochromatic-danger-50: #f3aeaf;
+$token-alias-chart-monochromatic-danger-60: #eb9091;
+$token-alias-chart-monochromatic-danger-70: #d63c42;
+$token-alias-chart-monochromatic-danger-90: #b82329;
+$token-alias-chart-monochromatic-danger-100: #381316;
+$token-alias-chart-status-negative: #d63c42;
+$token-alias-chart-status-warning: #fecb34;
+$token-alias-chart-status-positive: #00b050;
+$token-component-button-primary-default-background: #5bb3ea;
+$token-component-button-primary-default-text: #343438;
+$token-component-button-primary-default-icon: #343438;
+$token-component-button-primary-hover-background: #96cff0;
+$token-component-button-primary-hover-text: #343438;
+$token-component-button-primary-hover-icon: #343438;
+$token-component-button-primary-pressed-background: #5bb3ea;
+$token-component-button-primary-pressed-text: #343438;
+$token-component-button-primary-pressed-icon: #343438;
+$token-component-button-primary-disabled-background: #515157;
+$token-component-button-primary-disabled-text: #83838c;
+$token-component-button-primary-disabled-icon: #83838c;
+$token-component-button-primary-loading-background: #5bb3ea;
+$token-component-button-secondary-default-background: #3d3d42;
+$token-component-button-secondary-default-border: #5bb3ea;
+$token-component-button-secondary-default-text: #5bb3ea;
+$token-component-button-secondary-default-icon: #5bb3ea;
+$token-component-button-secondary-hover-background: #515157;
+$token-component-button-secondary-hover-border: #96cff0;
+$token-component-button-secondary-hover-text: #5bb3ea;
+$token-component-button-secondary-hover-icon: #5bb3ea;
+$token-component-button-secondary-pressed-background: #3d3d42;
+$token-component-button-secondary-pressed-border: #5bb3ea;
+$token-component-button-secondary-pressed-text: #5bb3ea;
+$token-component-button-secondary-pressed-icon: #5bb3ea;
+$token-component-button-secondary-disabled-background: #3d3d42;
+$token-component-button-secondary-disabled-border: #515157;
+$token-component-button-secondary-disabled-text: #83838c;
+$token-component-button-secondary-disabled-icon: #83838c;
+$token-component-button-secondary-loading-background: #3d3d42;
+$token-component-button-secondary-loading-border: #5bb3ea;
+$token-component-button-link-default-text: #5bb3ea;
+$token-component-button-link-default-icon: #5bb3ea;
+$token-component-button-link-hover-text: #96cff0;
+$token-component-button-link-hover-icon: #96cff0;
+$token-component-button-link-pressed-text: #5bb3ea;
+$token-component-button-link-pressed-icon: #5bb3ea;
+$token-component-button-link-disabled-text: #83838c;
+$token-component-button-link-disabled-icon: #83838c;
+$token-component-container-background: #3d3d42;
+$token-component-container-border: #515157;
+$token-component-table-header-filled-background: #343438;
+$token-component-table-header-filled-text: #ffffff;
+$token-component-table-header-filled-icon: #ffffff;
+$token-component-table-header-outlined-border: #c2c2ca;
+$token-component-table-header-outlined-text: #ffffff;
+$token-component-table-header-outlined-icon: #ffffff;
+$token-component-table-row-border: #515157;
+$token-component-table-row-icon-default: #ffffff;
+$token-component-table-row-icon-disabled: #83838c;
+$token-component-table-row-icon-hover: #96cff0;
+$token-component-table-row-background-default: #3d3d42;
+$token-component-table-row-background-zebra: #343438;
+$token-component-table-row-background-hover: #515157;
+$token-component-table-row-text-default: #ffffff;
+$token-component-table-row-text-placeholder: #a3a3ab;
+$token-component-table-row-text-link: #5bb3ea;
+$token-component-menu-button-primary-default-background: #5bb3ea;
+$token-component-menu-button-primary-default-text: #343438;
+$token-component-menu-button-primary-default-icon: #343438;
+$token-component-menu-button-primary-hover-background: #96cff0;
+$token-component-menu-button-primary-hover-text: #343438;
+$token-component-menu-button-primary-hover-icon: #343438;
+$token-component-menu-button-primary-pressed-background: #5bb3ea;
+$token-component-menu-button-primary-pressed-text: #343438;
+$token-component-menu-button-primary-pressed-icon: #343438;
+$token-component-menu-button-primary-disabled-background: #515157;
+$token-component-menu-button-primary-disabled-text: #83838c;
+$token-component-menu-button-primary-disabled-icon: #83838c;
+$token-component-menu-button-primary-loading-background: #5bb3ea;
+$token-component-menu-button-secondary-default-background: #3d3d42;
+$token-component-menu-button-secondary-default-border: #5bb3ea;
+$token-component-menu-button-secondary-default-text: #5bb3ea;
+$token-component-menu-button-secondary-default-icon: #5bb3ea;
+$token-component-menu-button-secondary-hover-background: #515157;
+$token-component-menu-button-secondary-hover-border: #96cff0;
+$token-component-menu-button-secondary-hover-text: #5bb3ea;
+$token-component-menu-button-secondary-hover-icon: #5bb3ea;
+$token-component-menu-button-secondary-pressed-background: #3d3d42;
+$token-component-menu-button-secondary-pressed-border: #5bb3ea;
+$token-component-menu-button-secondary-pressed-text: #5bb3ea;
+$token-component-menu-button-secondary-pressed-icon: #5bb3ea;
+$token-component-menu-button-secondary-disabled-background: #3d3d42;
+$token-component-menu-button-secondary-disabled-border: #515157;
+$token-component-menu-button-secondary-disabled-text: #83838c;
+$token-component-menu-button-secondary-disabled-icon: #83838c;
+$token-component-menu-button-secondary-loading-background: #3d3d42;
+$token-component-menu-button-secondary-loading-border: #5bb3ea;
+$token-component-menu-button-link-default-text: #5bb3ea;
+$token-component-menu-button-link-default-icon: #5bb3ea;
+$token-component-menu-button-link-hover-text: #96cff0;
+$token-component-menu-button-link-hover-icon: #96cff0;
+$token-component-menu-button-link-pressed-text: #5bb3ea;
+$token-component-menu-button-link-pressed-icon: #5bb3ea;
+$token-component-menu-button-link-disabled-text: #83838c;
+$token-component-menu-button-link-disabled-icon: #83838c;
+$token-component-overflow-menu-button-default-icon: #ffffff;
+$token-component-overflow-menu-button-hover-icon: #96cff0;
+$token-component-overflow-menu-button-pressed-icon: #5bb3ea;
+$token-component-overflow-menu-button-disabled-icon: #83838c;
+$token-component-split-menu-button-primary-default-background: #5bb3ea;
+$token-component-split-menu-button-primary-default-border: #3d3d42;
+$token-component-split-menu-button-primary-default-text: #343438;
+$token-component-split-menu-button-primary-default-icon: #343438;
+$token-component-split-menu-button-primary-hover-left-background-left: #96cff0;
+$token-component-split-menu-button-primary-hover-left-background-right: #5bb3ea;
+$token-component-split-menu-button-primary-hover-left-border: #3d3d42;
+$token-component-split-menu-button-primary-hover-left-text: #343438;
+$token-component-split-menu-button-primary-hover-left-icon: #343438;
+$token-component-split-menu-button-primary-hover-right-background-left: #5bb3ea;
+$token-component-split-menu-button-primary-hover-right-background-right: #96cff0;
+$token-component-split-menu-button-primary-hover-right-border: #3d3d42;
+$token-component-split-menu-button-primary-hover-right-text: #343438;
+$token-component-split-menu-button-primary-hover-right-icon: #343438;
+$token-component-split-menu-button-primary-active-background: #5bb3ea;
+$token-component-split-menu-button-primary-active-border: #3d3d42;
+$token-component-split-menu-button-primary-active-text: #343438;
+$token-component-split-menu-button-primary-active-icon: #343438;
+$token-component-split-menu-button-primary-disabled-background: #515157;
+$token-component-split-menu-button-primary-disabled-border: #3d3d42;
+$token-component-split-menu-button-primary-disabled-text: #83838c;
+$token-component-split-menu-button-primary-disabled-icon: #83838c;
+$token-component-split-menu-button-primary-loading-background-left: #5bb3ea;
+$token-component-split-menu-button-primary-loading-background-right: #5bb3ea;
+$token-component-split-menu-button-primary-loading-border: #3d3d42;
+$token-component-split-menu-button-primary-loading-icon: #343438;
+$token-component-split-menu-button-secondary-default-background: #3d3d42;
+$token-component-split-menu-button-secondary-default-border: #5bb3ea;
+$token-component-split-menu-button-secondary-default-text: #5bb3ea;
+$token-component-split-menu-button-secondary-default-icon: #5bb3ea;
+$token-component-split-menu-button-secondary-hover-left-background-left: #515157;
+$token-component-split-menu-button-secondary-hover-left-background-right: #3d3d42;
+$token-component-split-menu-button-secondary-hover-left-border-left: #96cff0;
+$token-component-split-menu-button-secondary-hover-left-border-right: #5bb3ea;
+$token-component-split-menu-button-secondary-hover-left-text: #5bb3ea;
+$token-component-split-menu-button-secondary-hover-left-icon: #5bb3ea;
+$token-component-split-menu-button-secondary-hover-right-background-left: #3d3d42;
+$token-component-split-menu-button-secondary-hover-right-background-right: #515157;
+$token-component-split-menu-button-secondary-hover-right-border-left: #5bb3ea;
+$token-component-split-menu-button-secondary-hover-right-border-right: #96cff0;
+$token-component-split-menu-button-secondary-hover-right-text: #5bb3ea;
+$token-component-split-menu-button-secondary-hover-right-icon: #5bb3ea;
+$token-component-split-menu-button-secondary-active-background: #3d3d42;
+$token-component-split-menu-button-secondary-active-border: #5bb3ea;
+$token-component-split-menu-button-secondary-active-text: #5bb3ea;
+$token-component-split-menu-button-secondary-active-icon: #5bb3ea;
+$token-component-split-menu-button-secondary-disabled-background: #3d3d42;
+$token-component-split-menu-button-secondary-disabled-border: #515157;
+$token-component-split-menu-button-secondary-disabled-text: #83838c;
+$token-component-split-menu-button-secondary-disabled-icon: #83838c;
+$token-component-split-menu-button-secondary-loading-background: #3d3d42;
+$token-component-split-menu-button-secondary-loading-border: #5bb3ea;
+$token-component-split-menu-button-secondary-loading-icon: #5bb3ea;
+$token-component-appbar-background: #343438;
+$token-component-appbar-border: #515157;
+$token-component-appbar-text: #ffffff;
+$token-component-appbar-icon: #ffffff;
+$token-component-badge-informative-background: lch(77.7 28.7 275 / 0.12);
+$token-component-badge-informative-text: #aec0f5;
+$token-component-badge-neutral-background: lch(78.6 4.18 286 / 0.12);
+$token-component-badge-neutral-text: #c2c2ca;
+$token-component-badge-warning-background: lch(79.6 53.6 74.4 / 0.12);
+$token-component-badge-warning-text: #f2b67b;
+$token-component-badge-negative-background: lch(77.8 28 21.1 / 0.12);
+$token-component-badge-negative-text: #f3aeaf;
+$token-component-badge-positive-background: lch(78.2 32.7 144 / 0.12);
+$token-component-badge-positive-text: #97cf9c;
+$token-component-badge-important-background: lch(77.5 31.1 309 / 0.12);
+$token-component-badge-important-text: #d3b4ed;
+$token-component-badge-violet-background: lch(77.3 30.9 295 / 0.12);
+$token-component-badge-violet-text: #c4b8f3;
+$token-component-badge-pink-background: lch(77.6 29.9 340 / 0.12);
+$token-component-badge-pink-text: #ecadd4;
+$token-component-breadcrumb-divider: #515157;
+$token-component-breadcrumb-app-title-text: #5bb3ea;
+$token-component-breadcrumb-default-text: #5bb3ea;
+$token-component-breadcrumb-truncated-text: #5bb3ea;
+$token-component-breadcrumb-last-item-text: #ffffff;
+$token-component-breadcrumb-collapsed-background: #515157;
+$token-component-breadcrumb-collapsed-text: #ffffff;
+$token-component-breadcrumb-collapsed-icon: #ffffff;
+$token-component-breadcrumb-with-dropdown-text: #5bb3ea;
+$token-component-breadcrumb-with-dropdown-icon: #ffffff;
+$token-component-card-background: #3d3d42;
+$token-component-card-border: #515157;
+$token-component-card-text: #ffffff;
+$token-component-card-icon: #ffffff;
+$token-component-checkbox-empty-default-background: #3d3d42;
+$token-component-checkbox-empty-default-border: #696970;
+$token-component-checkbox-empty-default-text: #ffffff;
+$token-component-checkbox-empty-hover-background: #3d3d42;
+$token-component-checkbox-empty-hover-border: #96cff0;
+$token-component-checkbox-empty-hover-text: #ffffff;
+$token-component-checkbox-empty-active-background: #3d3d42;
+$token-component-checkbox-empty-active-border: #5bb3ea;
+$token-component-checkbox-empty-active-text: #ffffff;
+$token-component-checkbox-empty-disabled-background: #515157;
+$token-component-checkbox-empty-disabled-border: #515157;
+$token-component-checkbox-empty-disabled-text: #83838c;
+$token-component-checkbox-empty-read-only-background: #3d3d42;
+$token-component-checkbox-empty-read-only-border: #515157;
+$token-component-checkbox-empty-read-only-text: #ffffff;
+$token-component-checkbox-checked-default-background: #5bb3ea;
+$token-component-checkbox-checked-default-text: #ffffff;
+$token-component-checkbox-checked-default-icon: #343438;
+$token-component-checkbox-checked-hover-background: #96cff0;
+$token-component-checkbox-checked-hover-text: #ffffff;
+$token-component-checkbox-checked-hover-icon: #343438;
+$token-component-checkbox-checked-active-background: #5bb3ea;
+$token-component-checkbox-checked-active-text: #ffffff;
+$token-component-checkbox-checked-active-icon: #343438;
+$token-component-checkbox-checked-disabled-background: #515157;
+$token-component-checkbox-checked-disabled-text: #83838c;
+$token-component-checkbox-checked-disabled-icon: #ffffff;
+$token-component-checkbox-checked-read-only-background: #3d3d42;
+$token-component-checkbox-checked-read-only-border: #515157;
+$token-component-checkbox-checked-read-only-text: #ffffff;
+$token-component-checkbox-checked-read-only-icon: #83838c;
+$token-component-checkbox-indeterminated-default-background: #5bb3ea;
+$token-component-checkbox-indeterminated-default-text: #ffffff;
+$token-component-checkbox-indeterminated-default-icon: #343438;
+$token-component-checkbox-indeterminated-hover-background: #96cff0;
+$token-component-checkbox-indeterminated-hover-text: #ffffff;
+$token-component-checkbox-indeterminated-hover-icon: #343438;
+$token-component-checkbox-indeterminated-active-background: #5bb3ea;
+$token-component-checkbox-indeterminated-active-text: #ffffff;
+$token-component-checkbox-indeterminated-active-icon: #343438;
+$token-component-checkbox-indeterminated-disabled-background: #515157;
+$token-component-checkbox-indeterminated-disabled-text: #83838c;
+$token-component-checkbox-indeterminated-disabled-icon: #ffffff;
+$token-component-checkbox-indeterminated-read-only-background: #3d3d42;
+$token-component-checkbox-indeterminated-read-only-border: #515157;
+$token-component-checkbox-indeterminated-read-only-text: #ffffff;
+$token-component-checkbox-indeterminated-read-only-icon: #83838c;
+$token-component-content-panel-background: #3d3d42;
+$token-component-content-panel-border: #515157;
+$token-component-content-panel-text: #ffffff;
+$token-component-content-panel-icon: #ffffff;
+$token-component-calendar-background: #3d3d42;
+$token-component-calendar-border: #515157;
+$token-component-calendar-icon: #ffffff;
+$token-component-calendar-text-default: #ffffff;
+$token-component-calendar-text-disabled: #83838c;
+$token-component-calendar-selected-item-text: #343438;
+$token-component-calendar-selected-item-background: #5bb3ea;
+$token-component-calendar-hover-item-background: #515157;
+$token-component-calendar-hover-item-text: #ffffff;
+$token-component-calendar-preset-area-background: #343438;
+$token-component-calendar-preset-area-hover-period-background: #3d3d42;
+$token-component-calendar-preset-area-active-period-background: #5bb3ea;
+$token-component-calendar-preset-area-active-period-text: #343438;
+$token-component-date-field-default-background: #343438;
+$token-component-date-field-default-border: #696970;
+$token-component-date-field-default-text: #a3a3ab;
+$token-component-date-field-default-icon: #ffffff;
+$token-component-date-field-default-hint-text: #a3a3ab;
+$token-component-date-field-hover-background: #343438;
+$token-component-date-field-hover-border: #c2c2ca;
+$token-component-date-field-hover-text: #ffffff;
+$token-component-date-field-hover-icon: #ffffff;
+$token-component-date-field-hover-hint-text: #a3a3ab;
+$token-component-date-field-hover-empty-background: #343438;
+$token-component-date-field-hover-empty-border: #c2c2ca;
+$token-component-date-field-hover-empty-text: #a3a3ab;
+$token-component-date-field-hover-empty-icon: #ffffff;
+$token-component-date-field-hover-empty-hint-text: #a3a3ab;
+$token-component-date-field-filled-background: #343438;
+$token-component-date-field-filled-border: #696970;
+$token-component-date-field-filled-text: #ffffff;
+$token-component-date-field-filled-icon: #ffffff;
+$token-component-date-field-filled-hint-text: #a3a3ab;
+$token-component-date-field-disabled-background: #515157;
+$token-component-date-field-disabled-border: #515157;
+$token-component-date-field-disabled-text: #83838c;
+$token-component-date-field-disabled-icon: #83838c;
+$token-component-date-field-disabled-hint-text: #a3a3ab;
+$token-component-date-field-read-only-background: #343438;
+$token-component-date-field-read-only-text: #ffffff;
+$token-component-date-field-read-only-hint-text: #a3a3ab;
+$token-component-date-field-error-background: #343438;
+$token-component-date-field-error-border: #eb9091;
+$token-component-date-field-error-text: #ffffff;
+$token-component-date-field-error-icon: #ffffff;
+$token-component-date-field-error-hint-text: #eb9091;
+$token-component-date-field-focus-background: #343438;
+$token-component-date-field-focus-border: #5bb3ea;
+$token-component-date-field-focus-text: #a3a3ab;
+$token-component-date-field-focus-icon: #5bb3ea;
+$token-component-date-field-focus-hint-text: #a3a3ab;
+$token-component-date-picker-default-icon: #ffffff;
+$token-component-date-picker-hover-icon: #96cff0;
+$token-component-date-picker-filled-icon: #5bb3ea;
+$token-component-date-picker-disabled-icon: #83838c;
+$token-component-date-picker-focus-icon: #5bb3ea;
+$token-component-date-range-picker-default-icon: #ffffff;
+$token-component-date-range-picker-hover-icon: #96cff0;
+$token-component-date-range-picker-filled-icon: #5bb3ea;
+$token-component-date-range-picker-disabled-icon: #83838c;
+$token-component-date-range-picker-focus-icon: #5bb3ea;
+$token-component-date-range-field-default-background: #343438;
+$token-component-date-range-field-default-border: #696970;
+$token-component-date-range-field-default-text: #a3a3ab;
+$token-component-date-range-field-default-icon: #ffffff;
+$token-component-date-range-field-default-hint-text: #a3a3ab;
+$token-component-date-range-field-hover-background: #343438;
+$token-component-date-range-field-hover-border: #c2c2ca;
+$token-component-date-range-field-hover-text: #ffffff;
+$token-component-date-range-field-hover-icon: #ffffff;
+$token-component-date-range-field-hover-hint-text: #a3a3ab;
+$token-component-date-range-field-hover-empty-background: #343438;
+$token-component-date-range-field-hover-empty-border: #c2c2ca;
+$token-component-date-range-field-hover-empty-text: #a3a3ab;
+$token-component-date-range-field-hover-empty-icon: #ffffff;
+$token-component-date-range-field-hover-empty-hint-text: #a3a3ab;
+$token-component-date-range-field-filled-background: #343438;
+$token-component-date-range-field-filled-border: #696970;
+$token-component-date-range-field-filled-text: #ffffff;
+$token-component-date-range-field-filled-icon: #ffffff;
+$token-component-date-range-field-filled-hint-text: #a3a3ab;
+$token-component-date-range-field-filled-placeholder-item-text: #a3a3ab;
+$token-component-date-range-field-disabled-background: #515157;
+$token-component-date-range-field-disabled-border: #515157;
+$token-component-date-range-field-disabled-text: #83838c;
+$token-component-date-range-field-disabled-icon: #83838c;
+$token-component-date-range-field-disabled-hint-text: #a3a3ab;
+$token-component-date-range-field-read-only-background: #343438;
+$token-component-date-range-field-read-only-text: #ffffff;
+$token-component-date-range-field-read-only-hint-text: #a3a3ab;
+$token-component-date-range-field-error-background: #343438;
+$token-component-date-range-field-error-border: #eb9091;
+$token-component-date-range-field-error-text: #ffffff;
+$token-component-date-range-field-error-icon: #ffffff;
+$token-component-date-range-field-error-hint-text: #eb9091;
+$token-component-date-range-field-focus-background: #343438;
+$token-component-date-range-field-focus-border: #5bb3ea;
+$token-component-date-range-field-focus-text: #a3a3ab;
+$token-component-date-range-field-focus-icon: #5bb3ea;
+$token-component-date-range-field-focus-hint-text: #a3a3ab;
+$token-component-date-range-field-focus-placeholder-item-text: #a3a3ab;
+$token-component-date-range-input-default-background: #343438;
+$token-component-date-range-input-default-border: #696970;
+$token-component-date-range-input-default-text: #a3a3ab;
+$token-component-date-range-input-default-icon: #ffffff;
+$token-component-date-range-input-default-hint-text: #a3a3ab;
+$token-component-date-range-input-hover-background: #343438;
+$token-component-date-range-input-hover-border: #c2c2ca;
+$token-component-date-range-input-hover-text: #ffffff;
+$token-component-date-range-input-hover-icon: #ffffff;
+$token-component-date-range-input-hover-hint-text: #a3a3ab;
+$token-component-date-range-input-active-period-background: #343438;
+$token-component-date-range-input-active-period-border: #c2c2ca;
+$token-component-date-range-input-active-period-text: #ffffff;
+$token-component-date-range-input-active-period-icon: #ffffff;
+$token-component-date-range-input-active-period-hint-text: #a3a3ab;
+$token-component-date-range-input-active-period-active-item-background: #3d3d42;
+$token-component-date-range-input-active-period-active-item-text: #a3a3ab;
+$token-component-date-range-input-filled-background: #343438;
+$token-component-date-range-input-filled-border: #696970;
+$token-component-date-range-input-filled-text: #ffffff;
+$token-component-date-range-input-filled-icon: #ffffff;
+$token-component-date-range-input-filled-hint-text: #a3a3ab;
+$token-component-date-range-input-filled-placeholder-item-text: #a3a3ab;
+$token-component-date-range-input-disabled-background: #343438;
+$token-component-date-range-input-disabled-border: #515157;
+$token-component-date-range-input-disabled-text: #83838c;
+$token-component-date-range-input-disabled-icon: #83838c;
+$token-component-date-range-input-disabled-hint-text: #a3a3ab;
+$token-component-date-range-input-read-only-background: #343438;
+$token-component-date-range-input-read-only-text: #ffffff;
+$token-component-date-range-input-read-only-hint-text: #a3a3ab;
+$token-component-date-range-input-error-background: #343438;
+$token-component-date-range-input-error-border: #eb9091;
+$token-component-date-range-input-error-text: #ffffff;
+$token-component-date-range-input-error-icon: #ffffff;
+$token-component-date-range-input-error-hint-text: #eb9091;
+$token-component-date-range-input-focus-background: #343438;
+$token-component-date-range-input-focus-border: #5bb3ea;
+$token-component-date-range-input-focus-text: #ffffff;
+$token-component-date-range-input-focus-icon: #5bb3ea;
+$token-component-date-range-input-focus-hint-text: #a3a3ab;
+$token-component-date-range-input-focus-placeholder-item-text: #a3a3ab;
+$token-component-divider-border: #515157;
+$token-component-drawer-background: #3d3d42;
+$token-component-drawer-text: #ffffff;
+$token-component-drawer-icon-default: #ffffff;
+$token-component-drawer-icon-disabled: #83838c;
+$token-component-dropdown-icon-default: #ffffff;
+$token-component-dropdown-icon-disabled: #83838c;
+$token-component-dropdown-text-default: #ffffff;
+$token-component-dropdown-text-link: #5bb3ea;
+$token-component-dropdown-text-description: #a3a3ab;
+$token-component-dropdown-text-disabled: #83838c;
+$token-component-dropdown-background-default: #343438;
+$token-component-dropdown-background-hover: #3d3d42;
+$token-component-dropdown-background-category: #343438;
+$token-component-global-header-background: #232326;
+$token-component-global-header-border: #3d3d42;
+$token-component-global-header-icon-default: #d6d6dd;
+$token-component-global-header-icon-hover: #ffffff;
+$token-component-global-header-text-default: #d6d6dd;
+$token-component-global-header-text-hover: #ffffff;
+$token-component-global-header-search-background: #3d3d42;
+$token-component-global-header-search-text-placeholder: #d6d6dd;
+$token-component-global-header-search-text-filled: #ffffff;
+$token-component-global-header-search-icon-default: #d6d6dd;
+$token-component-global-header-search-icon-active: #ffffff;
+$token-component-global-header-search-icon-hover: #ffffff;
+$token-component-global-footer-background: #232326;
+$token-component-global-footer-text-default: #d6d6dd;
+$token-component-global-footer-text-hover: #ffffff;
+$token-component-group-select-field-default-background: #343438;
+$token-component-group-select-field-default-border: #696970;
+$token-component-group-select-field-default-text: #a3a3ab;
+$token-component-group-select-field-default-icon: #ffffff;
+$token-component-group-select-field-default-hint-text: #a3a3ab;
+$token-component-group-select-field-default-info-icon: #a3a3ab;
+$token-component-group-select-field-hover-background: #343438;
+$token-component-group-select-field-hover-border: #c2c2ca;
+$token-component-group-select-field-hover-text: #a3a3ab;
+$token-component-group-select-field-hover-icon: #ffffff;
+$token-component-group-select-field-hover-hint-text: #a3a3ab;
+$token-component-group-select-field-hover-info-icon: #a3a3ab;
+$token-component-group-select-field-selected-background: #343438;
+$token-component-group-select-field-selected-border: #696970;
+$token-component-group-select-field-selected-text: #ffffff;
+$token-component-group-select-field-selected-icon: #ffffff;
+$token-component-group-select-field-selected-hint-text: #a3a3ab;
+$token-component-group-select-field-selected-info-icon: #a3a3ab;
+$token-component-group-select-field-disabled-background: #515157;
+$token-component-group-select-field-disabled-border: #515157;
+$token-component-group-select-field-disabled-text: #83838c;
+$token-component-group-select-field-disabled-icon: #83838c;
+$token-component-group-select-field-disabled-hint-text: #a3a3ab;
+$token-component-group-select-field-disabled-info-icon: #a3a3ab;
+$token-component-group-select-field-read-only-background: #343438;
+$token-component-group-select-field-read-only-text: #ffffff;
+$token-component-group-select-field-read-only-hint-text: #a3a3ab;
+$token-component-group-select-field-read-only-info-icon: #a3a3ab;
+$token-component-group-select-field-error-background: #343438;
+$token-component-group-select-field-error-border: #eb9091;
+$token-component-group-select-field-error-text: #ffffff;
+$token-component-group-select-field-error-icon: #ffffff;
+$token-component-group-select-field-error-hint-text: #eb9091;
+$token-component-group-select-field-error-info-icon: #a3a3ab;
+$token-component-group-select-field-focus-background: #343438;
+$token-component-group-select-field-focus-border: #5bb3ea;
+$token-component-group-select-field-focus-text: #ffffff;
+$token-component-group-select-field-focus-icon: #ffffff;
+$token-component-group-select-field-focus-hint-text: #a3a3ab;
+$token-component-group-select-field-focus-info-icon: #a3a3ab;
+$token-component-group-select-dropdown-icon: #ffffff;
+$token-component-group-select-dropdown-text: #ffffff;
+$token-component-group-select-dropdown-background-default: #343438;
+$token-component-group-select-dropdown-background-hover: #3d3d42;
+$token-component-inline-edit-text: #ffffff;
+$token-component-inline-edit-icon-default: #ffffff;
+$token-component-inline-edit-icon-hover: #96cff0;
+$token-component-inline-edit-accept-icon-default: #5bb3ea;
+$token-component-inline-edit-accept-icon-hover: #96cff0;
+$token-component-inline-edit-accept-icon-disabled: #83838c;
+$token-component-kpi-bar-text: #ffffff;
+$token-component-kpi-bar-border: #515157;
+$token-component-kpi-bar-icon-default: #ffffff;
+$token-component-kpi-bar-icon-hover: #96cff0;
+$token-component-kpi-bar-icon-active: #5bb3ea;
+$token-component-kpi-bar-item-neutral-default-label: #c2c2ca;
+$token-component-kpi-bar-item-neutral-default-text: #a3a3ab;
+$token-component-kpi-bar-item-neutral-default-icon: #c2c2ca;
+$token-component-kpi-bar-item-neutral-hover-label: #c2c2ca;
+$token-component-kpi-bar-item-neutral-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-neutral-hover-background: lch(78.6 4.18 286 / 0.12);
+$token-component-kpi-bar-item-neutral-hover-icon: #c2c2ca;
+$token-component-kpi-bar-item-neutral-active-label: #c2c2ca;
+$token-component-kpi-bar-item-neutral-active-text: #ffffff;
+$token-component-kpi-bar-item-neutral-active-border: #c2c2ca;
+$token-component-kpi-bar-item-neutral-active-icon: #c2c2ca;
+$token-component-kpi-bar-item-green-default-label: #97cf9c;
+$token-component-kpi-bar-item-green-default-text: #a3a3ab;
+$token-component-kpi-bar-item-green-hover-label: #97cf9c;
+$token-component-kpi-bar-item-green-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-green-hover-background: lch(78.2 32.7 144 / 0.12);
+$token-component-kpi-bar-item-green-active-label: #97cf9c;
+$token-component-kpi-bar-item-green-active-text: #ffffff;
+$token-component-kpi-bar-item-green-active-border: #97cf9c;
+$token-component-kpi-bar-item-orange-default-label: #f2b67b;
+$token-component-kpi-bar-item-orange-default-text: #a3a3ab;
+$token-component-kpi-bar-item-orange-hover-label: #f2b67b;
+$token-component-kpi-bar-item-orange-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-orange-hover-background: lch(79.6 53.6 74.4 / 0.12);
+$token-component-kpi-bar-item-orange-active-label: #f2b67b;
+$token-component-kpi-bar-item-orange-active-text: #ffffff;
+$token-component-kpi-bar-item-orange-active-border: #f2b67b;
+$token-component-kpi-bar-item-purple-default-label: #d3b4ed;
+$token-component-kpi-bar-item-purple-default-text: #a3a3ab;
+$token-component-kpi-bar-item-purple-hover-label: #d3b4ed;
+$token-component-kpi-bar-item-purple-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-purple-hover-background: lch(77.5 31.1 309 / 0.12);
+$token-component-kpi-bar-item-purple-active-label: #d3b4ed;
+$token-component-kpi-bar-item-purple-active-text: #ffffff;
+$token-component-kpi-bar-item-purple-active-border: #d3b4ed;
+$token-component-kpi-bar-item-red-default-label: #f3aeaf;
+$token-component-kpi-bar-item-red-default-text: #a3a3ab;
+$token-component-kpi-bar-item-red-hover-label: #f3aeaf;
+$token-component-kpi-bar-item-red-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-red-hover-background: lch(77.8 28 21.1 / 0.12);
+$token-component-kpi-bar-item-red-active-label: #f3aeaf;
+$token-component-kpi-bar-item-red-active-text: #ffffff;
+$token-component-kpi-bar-item-red-active-border: #f3aeaf;
+$token-component-kpi-bar-item-ultramarine-default-label: #aec0f5;
+$token-component-kpi-bar-item-ultramarine-default-text: #a3a3ab;
+$token-component-kpi-bar-item-ultramarine-hover-label: #aec0f5;
+$token-component-kpi-bar-item-ultramarine-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-ultramarine-hover-background: lch(77.7 28.7 275 / 0.12);
+$token-component-kpi-bar-item-ultramarine-active-label: #aec0f5;
+$token-component-kpi-bar-item-ultramarine-active-text: #ffffff;
+$token-component-kpi-bar-item-ultramarine-active-border: #aec0f5;
+$token-component-kpi-bar-item-pink-default-label: #ecadd4;
+$token-component-kpi-bar-item-pink-default-text: #a3a3ab;
+$token-component-kpi-bar-item-pink-hover-label: #ecadd4;
+$token-component-kpi-bar-item-pink-hover-text: #a3a3ab;
+$token-component-kpi-bar-item-pink-hover-background: lch(77.6 29.9 340 / 0.12);
+$token-component-kpi-bar-item-pink-active-label: #ecadd4;
+$token-component-kpi-bar-item-pink-active-text: #ffffff;
+$token-component-kpi-bar-item-pink-active-border: #ecadd4;
+$token-component-label-text: #ffffff;
+$token-component-label-icon: #ffffff;
+$token-component-label-info-icon: #a3a3ab;
+$token-component-list-text: #ffffff;
+$token-component-list-border: #515157;
+$token-component-list-icon-default: #ffffff;
+$token-component-list-icon-hover: #96cff0;
+$token-component-list-icon-active: #5bb3ea;
+$token-component-list-background-default: #343438;
+$token-component-list-background-hover: #3d3d42;
+$token-component-master-switch-content-background: #3d3d42;
+$token-component-master-switch-side-background: #343438;
+$token-component-master-switch-text: #ffffff;
+$token-component-master-switch-icon: #ffffff;
+$token-component-modal-background: #3d3d42;
+$token-component-modal-icon: #ffffff;
+$token-component-modal-text-default: #ffffff;
+$token-component-modal-text-description: #a3a3ab;
+$token-component-notification-banner-text: #ffffff;
+$token-component-notification-banner-icon: #ffffff;
+$token-component-notification-banner-informative-background: #515157;
+$token-component-notification-banner-informative-border: #8da4ef;
+$token-component-notification-banner-informative-status-icon: #8da4ef;
+$token-component-notification-banner-tip-background: #515157;
+$token-component-notification-banner-tip-border: #8da4ef;
+$token-component-notification-banner-tip-status-icon: #8da4ef;
+$token-component-notification-banner-warning-background: #515157;
+$token-component-notification-banner-warning-border: #edb016;
+$token-component-notification-banner-warning-status-icon: #edb016;
+$token-component-notification-banner-success-background: #515157;
+$token-component-notification-banner-success-border: #65ba75;
+$token-component-notification-banner-success-status-icon: #65ba75;
+$token-component-notification-banner-error-background: #515157;
+$token-component-notification-banner-error-border: #eb9091;
+$token-component-notification-banner-error-status-icon: #eb9091;
+$token-component-notification-banner-secondary-background: #515157;
+$token-component-notification-banner-secondary-border: #c2c2ca;
+$token-component-notification-banner-secondary-status-icon: #ffffff;
+$token-component-notification-toast-text: #ffffff;
+$token-component-notification-toast-icon: #ffffff;
+$token-component-notification-toast-informative-background: #515157;
+$token-component-notification-toast-informative-icon-background: #4067e5;
+$token-component-notification-toast-informative-border: #8da4ef;
+$token-component-notification-toast-informative-status-icon: #ffffff;
+$token-component-notification-toast-tip-background: #515157;
+$token-component-notification-toast-tip-icon-background: #4067e5;
+$token-component-notification-toast-tip-border: #8da4ef;
+$token-component-notification-toast-tip-status-icon: #ffffff;
+$token-component-notification-toast-warning-background: #515157;
+$token-component-notification-toast-warning-icon-background: #fecb34;
+$token-component-notification-toast-warning-border: #edb016;
+$token-component-notification-toast-warning-status-icon: #3d3d42;
+$token-component-notification-toast-success-background: #515157;
+$token-component-notification-toast-success-icon-background: #00b050;
+$token-component-notification-toast-success-border: #65ba75;
+$token-component-notification-toast-success-status-icon: #ffffff;
+$token-component-notification-toast-error-background: #515157;
+$token-component-notification-toast-error-icon-background: #d63c42;
+$token-component-notification-toast-error-border: #eb9091;
+$token-component-notification-toast-error-status-icon: #ffffff;
+$token-component-pagination-background: #3d3d42;
+$token-component-pagination-border: #515157;
+$token-component-pagination-text-default: #ffffff;
+$token-component-pagination-text-link: #5bb3ea;
+$token-component-pagination-text-hover: #96cff0;
+$token-component-pagination-text-disabled: #83838c;
+$token-component-pagination-icon-default: #ffffff;
+$token-component-pagination-icon-hover: #96cff0;
+$token-component-pagination-icon-active: #5bb3ea;
+$token-component-pagination-icon-disabled: #83838c;
+$token-component-popover-background: #3d3d42;
+$token-component-popover-border: #515157;
+$token-component-popover-icon: #ffffff;
+$token-component-popover-text-default: #ffffff;
+$token-component-popover-text-link-default: #5bb3ea;
+$token-component-popover-text-link-hover: #96cff0;
+$token-component-progress-bar-text-default: #ffffff;
+$token-component-progress-bar-text-link-default: #5bb3ea;
+$token-component-progress-bar-text-link-hover: #96cff0;
+$token-component-progress-bar-status-line-default: #515157;
+$token-component-progress-bar-status-line-success: #00b050;
+$token-component-progress-bar-status-line-error: #d63c42;
+$token-component-numeric-spinner-default-background: #343438;
+$token-component-numeric-spinner-default-border: #696970;
+$token-component-numeric-spinner-default-text: #a3a3ab;
+$token-component-numeric-spinner-default-icon: #ffffff;
+$token-component-numeric-spinner-default-hint-text: #a3a3ab;
+$token-component-numeric-spinner-hover-background: #343438;
+$token-component-numeric-spinner-hover-border: #c2c2ca;
+$token-component-numeric-spinner-hover-text: #a3a3ab;
+$token-component-numeric-spinner-hover-icon: #ffffff;
+$token-component-numeric-spinner-hover-hint-text: #a3a3ab;
+$token-component-numeric-spinner-filled-background: #343438;
+$token-component-numeric-spinner-filled-border: #696970;
+$token-component-numeric-spinner-filled-text: #ffffff;
+$token-component-numeric-spinner-filled-icon: #ffffff;
+$token-component-numeric-spinner-filled-hint-text: #a3a3ab;
+$token-component-numeric-spinner-disabled-background: #515157;
+$token-component-numeric-spinner-disabled-border: #515157;
+$token-component-numeric-spinner-disabled-text: #83838c;
+$token-component-numeric-spinner-disabled-icon: #83838c;
+$token-component-numeric-spinner-disabled-hint-text: #a3a3ab;
+$token-component-numeric-spinner-read-only-background: #343438;
+$token-component-numeric-spinner-read-only-text: #ffffff;
+$token-component-numeric-spinner-read-only-hint-text: #a3a3ab;
+$token-component-numeric-spinner-error-background: #343438;
+$token-component-numeric-spinner-error-border: #eb9091;
+$token-component-numeric-spinner-error-text: #ffffff;
+$token-component-numeric-spinner-error-icon: #ffffff;
+$token-component-numeric-spinner-error-hint-text: #eb9091;
+$token-component-numeric-spinner-focus-background: #343438;
+$token-component-numeric-spinner-focus-border: #5bb3ea;
+$token-component-numeric-spinner-focus-text: #a3a3ab;
+$token-component-numeric-spinner-focus-icon: #ffffff;
+$token-component-numeric-spinner-focus-hint-text: #a3a3ab;
+$token-component-radio-button-inactive-default-background: #3d3d42;
+$token-component-radio-button-inactive-default-border: #696970;
+$token-component-radio-button-inactive-default-text: #ffffff;
+$token-component-radio-button-inactive-hover-background: #3d3d42;
+$token-component-radio-button-inactive-hover-border: #96cff0;
+$token-component-radio-button-inactive-hover-text: #ffffff;
+$token-component-radio-button-inactive-active-background: #3d3d42;
+$token-component-radio-button-inactive-active-border: #5bb3ea;
+$token-component-radio-button-inactive-active-text: #ffffff;
+$token-component-radio-button-inactive-disabled-background: #515157;
+$token-component-radio-button-inactive-disabled-border: #515157;
+$token-component-radio-button-inactive-disabled-text: #83838c;
+$token-component-radio-button-inactive-read-only-background: #3d3d42;
+$token-component-radio-button-inactive-read-only-border: #515157;
+$token-component-radio-button-inactive-read-only-text: #ffffff;
+$token-component-radio-button-active-default-background: #3d3d42;
+$token-component-radio-button-active-default-border: #5bb3ea;
+$token-component-radio-button-active-default-text: #ffffff;
+$token-component-radio-button-active-hover-background: #3d3d42;
+$token-component-radio-button-active-hover-border: #96cff0;
+$token-component-radio-button-active-hover-text: #ffffff;
+$token-component-radio-button-active-active-background: #3d3d42;
+$token-component-radio-button-active-active-border: #5bb3ea;
+$token-component-radio-button-active-active-text: #ffffff;
+$token-component-radio-button-active-disabled-background: #3d3d42;
+$token-component-radio-button-active-disabled-border: #515157;
+$token-component-radio-button-active-disabled-text: #83838c;
+$token-component-radio-button-active-read-only-background: #3d3d42;
+$token-component-radio-button-active-read-only-border: #515157;
+$token-component-radio-button-active-read-only-text: #ffffff;
+$token-component-search-default-background: #343438;
+$token-component-search-default-border: #696970;
+$token-component-search-default-text: #a3a3ab;
+$token-component-search-default-icon: #ffffff;
+$token-component-search-default-hint-text: #a3a3ab;
+$token-component-search-default-search-icon: #a3a3ab;
+$token-component-search-hover-background: #343438;
+$token-component-search-hover-border: #c2c2ca;
+$token-component-search-hover-text: #a3a3ab;
+$token-component-search-hover-icon: #ffffff;
+$token-component-search-hover-hint-text: #a3a3ab;
+$token-component-search-hover-search-icon: #a3a3ab;
+$token-component-search-filled-background: #343438;
+$token-component-search-filled-border: #696970;
+$token-component-search-filled-text: #ffffff;
+$token-component-search-filled-icon: #ffffff;
+$token-component-search-filled-hint-text: #a3a3ab;
+$token-component-search-filled-search-icon: #a3a3ab;
+$token-component-search-disabled-background: #515157;
+$token-component-search-disabled-border: #515157;
+$token-component-search-disabled-text: #83838c;
+$token-component-search-disabled-icon: #83838c;
+$token-component-search-disabled-hint-text: #a3a3ab;
+$token-component-search-disabled-search-icon: #83838c;
+$token-component-search-error-background: #343438;
+$token-component-search-error-border: #eb9091;
+$token-component-search-error-text: #ffffff;
+$token-component-search-error-icon: #ffffff;
+$token-component-search-error-hint-text: #eb9091;
+$token-component-search-error-search-icon: #a3a3ab;
+$token-component-search-focus-empty-background: #343438;
+$token-component-search-focus-empty-border: #5bb3ea;
+$token-component-search-focus-empty-text: #a3a3ab;
+$token-component-search-focus-empty-icon: #ffffff;
+$token-component-search-focus-empty-hint-text: #a3a3ab;
+$token-component-search-focus-empty-search-icon: #a3a3ab;
+$token-component-search-focus-background: #343438;
+$token-component-search-focus-border: #5bb3ea;
+$token-component-search-focus-text: #ffffff;
+$token-component-search-focus-icon: #ffffff;
+$token-component-search-focus-hint-text: #a3a3ab;
+$token-component-search-focus-search-icon: #a3a3ab;
+$token-component-segmented-button-default-background: #3d3d42;
+$token-component-segmented-button-default-border: #5bb3ea;
+$token-component-segmented-button-default-text: #5bb3ea;
+$token-component-segmented-button-default-icon: #5bb3ea;
+$token-component-segmented-button-hover-background: #515157;
+$token-component-segmented-button-hover-border: #96cff0;
+$token-component-segmented-button-hover-text: #5bb3ea;
+$token-component-segmented-button-hover-icon: #5bb3ea;
+$token-component-segmented-button-disabled-background: #3d3d42;
+$token-component-segmented-button-disabled-border: #515157;
+$token-component-segmented-button-disabled-text: #83838c;
+$token-component-segmented-button-disabled-icon: #83838c;
+$token-component-segmented-button-disabled-checked-background: #515157;
+$token-component-segmented-button-disabled-checked-border: #515157;
+$token-component-segmented-button-disabled-checked-text: #83838c;
+$token-component-segmented-button-disabled-checked-icon: #83838c;
+$token-component-segmented-button-active-background: #5bb3ea;
+$token-component-segmented-button-active-border: #5bb3ea;
+$token-component-segmented-button-active-text: #343438;
+$token-component-segmented-button-active-icon: #343438;
+$token-component-side-navigation-icon: #ffffff;
+$token-component-side-navigation-border: #515157;
+$token-component-side-navigation-background-default: #343438;
+$token-component-side-navigation-background-second-level: #343438;
+$token-component-side-navigation-default-menu-item-background: #343438;
+$token-component-side-navigation-default-menu-item-icon: #ffffff;
+$token-component-side-navigation-default-menu-item-text: #ffffff;
+$token-component-side-navigation-default-menu-item-label-text: #ffffff;
+$token-component-side-navigation-default-menu-item-label-background: #343438;
+$token-component-side-navigation-default-menu-item-label-border: #515157;
+$token-component-side-navigation-hover-menu-item-background: #3d3d42;
+$token-component-side-navigation-hover-menu-item-icon: #ffffff;
+$token-component-side-navigation-hover-menu-item-text: #ffffff;
+$token-component-side-navigation-hover-menu-item-label-text: #ffffff;
+$token-component-side-navigation-hover-menu-item-label-background: #343438;
+$token-component-side-navigation-hover-menu-item-label-border: #515157;
+$token-component-side-navigation-selected-menu-item-background: #5bb3ea;
+$token-component-side-navigation-selected-menu-item-icon: #3d3d42;
+$token-component-side-navigation-selected-menu-item-text: #343438;
+$token-component-side-navigation-selected-menu-item-label-text: #ffffff;
+$token-component-side-navigation-selected-menu-item-label-background: #0174bc;
+$token-component-select-default-background: #343438;
+$token-component-select-default-border: #696970;
+$token-component-select-default-text: #a3a3ab;
+$token-component-select-default-icon: #ffffff;
+$token-component-select-default-hint-text: #a3a3ab;
+$token-component-select-default-info-icon: #a3a3ab;
+$token-component-select-hover-background: #343438;
+$token-component-select-hover-border: #c2c2ca;
+$token-component-select-hover-text: #a3a3ab;
+$token-component-select-hover-icon: #ffffff;
+$token-component-select-hover-hint-text: #a3a3ab;
+$token-component-select-hover-info-icon: #a3a3ab;
+$token-component-select-filled-background: #343438;
+$token-component-select-filled-border: #696970;
+$token-component-select-filled-text: #ffffff;
+$token-component-select-filled-icon: #ffffff;
+$token-component-select-filled-hint-text: #a3a3ab;
+$token-component-select-filled-info-icon: #a3a3ab;
+$token-component-select-disabled-background: #515157;
+$token-component-select-disabled-border: #515157;
+$token-component-select-disabled-text: #83838c;
+$token-component-select-disabled-icon: #83838c;
+$token-component-select-disabled-hint-text: #a3a3ab;
+$token-component-select-disabled-info-icon: #a3a3ab;
+$token-component-select-error-background: #343438;
+$token-component-select-error-border: #eb9091;
+$token-component-select-error-text: #ffffff;
+$token-component-select-error-icon: #ffffff;
+$token-component-select-error-hint-text: #eb9091;
+$token-component-select-error-info-icon: #a3a3ab;
+$token-component-select-focus-empty-background: #343438;
+$token-component-select-focus-empty-border: #5bb3ea;
+$token-component-select-focus-empty-text: #a3a3ab;
+$token-component-select-focus-empty-icon: #ffffff;
+$token-component-select-focus-empty-hint-text: #a3a3ab;
+$token-component-select-focus-empty-info-icon: #a3a3ab;
+$token-component-select-focus-background: #343438;
+$token-component-select-focus-border: #5bb3ea;
+$token-component-select-focus-text: #ffffff;
+$token-component-select-focus-icon: #ffffff;
+$token-component-select-focus-hint-text: #a3a3ab;
+$token-component-select-focus-info-icon: #a3a3ab;
+$token-component-select-read-only-background: #343438;
+$token-component-select-read-only-text: #ffffff;
+$token-component-side-panel-background: #3d3d42;
+$token-component-side-panel-text: #ffffff;
+$token-component-side-panel-border: #515157;
+$token-component-side-panel-icon-default: #ffffff;
+$token-component-side-panel-icon-hover: #96cff0;
+$token-component-switch-active-default-background: #5bb3ea;
+$token-component-switch-active-default-icon: #ffffff;
+$token-component-switch-active-default-circle: #ffffff;
+$token-component-switch-active-default-text: #ffffff;
+$token-component-switch-active-hover-background: #96cff0;
+$token-component-switch-active-hover-icon: #ffffff;
+$token-component-switch-active-hover-circle: #ffffff;
+$token-component-switch-active-hover-text: #ffffff;
+$token-component-switch-active-focus-background: #5bb3ea;
+$token-component-switch-active-focus-icon: #ffffff;
+$token-component-switch-active-focus-circle: #ffffff;
+$token-component-switch-active-focus-text: #ffffff;
+$token-component-switch-active-disabled-background: #515157;
+$token-component-switch-active-disabled-icon: #83838c;
+$token-component-switch-active-disabled-circle: rgba(255, 255, 255, 0.5);
+$token-component-switch-active-disabled-text: #83838c;
+$token-component-switch-inactive-default-background: #696970;
+$token-component-switch-inactive-default-circle: #ffffff;
+$token-component-switch-inactive-default-text: #ffffff;
+$token-component-switch-inactive-hover-background: #a3a3ab;
+$token-component-switch-inactive-hover-circle: #ffffff;
+$token-component-switch-inactive-hover-text: #ffffff;
+$token-component-switch-inactive-focus-background: #696970;
+$token-component-switch-inactive-focus-circle: #ffffff;
+$token-component-switch-inactive-focus-text: #ffffff;
+$token-component-switch-inactive-disabled-background: #515157;
+$token-component-switch-inactive-disabled-circle: rgba(255, 255, 255, 0.5);
+$token-component-switch-inactive-disabled-text: #83838c;
+$token-component-tab-default-text: #ffffff;
+$token-component-tab-default-icon: #ffffff;
+$token-component-tab-default-border: #515157;
+$token-component-tab-hover-text: #96cff0;
+$token-component-tab-hover-icon: #96cff0;
+$token-component-tab-hover-border: #515157;
+$token-component-tab-active-text: #5bb3ea;
+$token-component-tab-active-icon: #5bb3ea;
+$token-component-tab-active-border: #5bb3ea;
+$token-component-tab-disabled-text: #83838c;
+$token-component-tab-disabled-icon: #83838c;
+$token-component-tab-disabled-border: #515157;
+$token-component-tag-default-background: #343438;
+$token-component-tag-default-border: #696970;
+$token-component-tag-default-text: #ffffff;
+$token-component-tag-default-icon-default: #ffffff;
+$token-component-tag-default-icon-hover: #96cff0;
+$token-component-tag-default-icon-active: #5bb3ea;
+$token-component-tag-hover-background: #343438;
+$token-component-tag-hover-border: #c2c2ca;
+$token-component-tag-hover-text: #ffffff;
+$token-component-tag-hover-icon-default: #ffffff;
+$token-component-tag-hover-icon-hover: #96cff0;
+$token-component-tag-hover-icon-active: #5bb3ea;
+$token-component-tag-focus-background: #3d3d42;
+$token-component-tag-focus-border: #5bb3ea;
+$token-component-tag-focus-text: #ffffff;
+$token-component-tag-focus-icon-default: #ffffff;
+$token-component-tag-focus-icon-hover: #96cff0;
+$token-component-tag-focus-icon-active: #5bb3ea;
+$token-component-tag-error-background: #343438;
+$token-component-tag-error-border: #eb9091;
+$token-component-tag-error-text: #ffffff;
+$token-component-tag-error-icon-default: #ffffff;
+$token-component-tag-error-icon-hover: #96cff0;
+$token-component-tag-error-icon-active: #5bb3ea;
+$token-component-tag-disabled-background: #515157;
+$token-component-tag-disabled-border: #515157;
+$token-component-tag-disabled-text: #83838c;
+$token-component-tag-disabled-icon: #83838c;
+$token-component-tag-read-only-background: #343438;
+$token-component-tag-read-only-border: #515157;
+$token-component-tag-read-only-text: #ffffff;
+$token-component-tag-read-only-icon: #ffffff;
+$token-component-tag-input-default-background: #343438;
+$token-component-tag-input-default-border: #696970;
+$token-component-tag-input-default-hint-text: #a3a3ab;
+$token-component-tag-input-placeholder-background: #343438;
+$token-component-tag-input-placeholder-border: #696970;
+$token-component-tag-input-placeholder-text: #a3a3ab;
+$token-component-tag-input-placeholder-hint-text: #a3a3ab;
+$token-component-tag-input-hover-background: #343438;
+$token-component-tag-input-hover-border: #c2c2ca;
+$token-component-tag-input-hover-text: #a3a3ab;
+$token-component-tag-input-hover-hint-text: #a3a3ab;
+$token-component-tag-input-filled-background: #343438;
+$token-component-tag-input-filled-border: #696970;
+$token-component-tag-input-filled-icon: #ffffff;
+$token-component-tag-input-filled-hint-text: #a3a3ab;
+$token-component-tag-input-disabled-background: #515157;
+$token-component-tag-input-disabled-border: #515157;
+$token-component-tag-input-disabled-hint-text: #a3a3ab;
+$token-component-tag-input-error-background: #343438;
+$token-component-tag-input-error-border: #eb9091;
+$token-component-tag-input-error-icon: #ffffff;
+$token-component-tag-input-error-hint-text: #eb9091;
+$token-component-tag-input-focus-empty-background: #343438;
+$token-component-tag-input-focus-empty-border: #5bb3ea;
+$token-component-tag-input-focus-empty-text: #a3a3ab;
+$token-component-tag-input-focus-empty-hint-text: #a3a3ab;
+$token-component-tag-input-focus-background: #343438;
+$token-component-tag-input-focus-border: #5bb3ea;
+$token-component-tag-input-focus-text: #ffffff;
+$token-component-tag-input-focus-hint-text: #a3a3ab;
+$token-component-text-area-default-background: #343438;
+$token-component-text-area-default-border: #696970;
+$token-component-text-area-default-hint-text: #a3a3ab;
+$token-component-text-area-default-info-icon: #a3a3ab;
+$token-component-text-area-placeholder-background: #343438;
+$token-component-text-area-placeholder-border: #696970;
+$token-component-text-area-placeholder-text: #a3a3ab;
+$token-component-text-area-placeholder-hint-text: #a3a3ab;
+$token-component-text-area-placeholder-info-icon: #a3a3ab;
+$token-component-text-area-hover-background: #343438;
+$token-component-text-area-hover-border: #c2c2ca;
+$token-component-text-area-hover-text: #ffffff;
+$token-component-text-area-hover-icon: #ffffff;
+$token-component-text-area-hover-hint-text: #a3a3ab;
+$token-component-text-area-hover-info-icon: #a3a3ab;
+$token-component-text-area-hover-empty-background: #343438;
+$token-component-text-area-hover-empty-border: #c2c2ca;
+$token-component-text-area-hover-empty-text: #a3a3ab;
+$token-component-text-area-hover-empty-hint-text: #a3a3ab;
+$token-component-text-area-hover-empty-info-icon: #a3a3ab;
+$token-component-text-area-filled-background: #343438;
+$token-component-text-area-filled-border: #696970;
+$token-component-text-area-filled-text: #ffffff;
+$token-component-text-area-filled-hint-text: #a3a3ab;
+$token-component-text-area-filled-info-icon: #a3a3ab;
+$token-component-text-area-filled-icon-default: #ffffff;
+$token-component-text-area-filled-icon-hover: #96cff0;
+$token-component-text-area-filled-icon-active: #5bb3ea;
+$token-component-text-area-disabled-background: #515157;
+$token-component-text-area-disabled-border: #515157;
+$token-component-text-area-disabled-text: #83838c;
+$token-component-text-area-disabled-hint-text: #a3a3ab;
+$token-component-text-area-disabled-info-icon: #a3a3ab;
+$token-component-text-area-error-background: #343438;
+$token-component-text-area-error-border: #eb9091;
+$token-component-text-area-error-text: #ffffff;
+$token-component-text-area-error-hint-text: #eb9091;
+$token-component-text-area-error-info-icon: #a3a3ab;
+$token-component-text-area-error-icon-default: #ffffff;
+$token-component-text-area-error-icon-hover: #96cff0;
+$token-component-text-area-error-icon-active: #5bb3ea;
+$token-component-text-area-focus-empty-background: #343438;
+$token-component-text-area-focus-empty-border: #5bb3ea;
+$token-component-text-area-focus-empty-hint-text: #a3a3ab;
+$token-component-text-area-focus-empty-info-icon: #a3a3ab;
+$token-component-text-area-focus-empty-icon-default: #ffffff;
+$token-component-text-area-focus-empty-icon-hover: #96cff0;
+$token-component-text-area-focus-empty-icon-active: #5bb3ea;
+$token-component-text-area-focus-background: #343438;
+$token-component-text-area-focus-border: #5bb3ea;
+$token-component-text-area-focus-text: #ffffff;
+$token-component-text-area-focus-hint-text: #a3a3ab;
+$token-component-text-area-focus-info-icon: #a3a3ab;
+$token-component-text-area-focus-icon-default: #ffffff;
+$token-component-text-area-focus-icon-hover: #96cff0;
+$token-component-text-area-focus-icon-active: #5bb3ea;
+$token-component-text-area-read-only-text: #ffffff;
+$token-component-text-area-read-only-hint-text: #a3a3ab;
+$token-component-text-field-default-background: #343438;
+$token-component-text-field-default-border: #696970;
+$token-component-text-field-default-hint-text: #a3a3ab;
+$token-component-text-field-default-info-icon: #a3a3ab;
+$token-component-text-field-placeholder-background: #343438;
+$token-component-text-field-placeholder-border: #696970;
+$token-component-text-field-placeholder-text: #a3a3ab;
+$token-component-text-field-placeholder-hint-text: #a3a3ab;
+$token-component-text-field-placeholder-info-icon: #a3a3ab;
+$token-component-text-field-hover-background: #343438;
+$token-component-text-field-hover-border: #c2c2ca;
+$token-component-text-field-hover-text: #ffffff;
+$token-component-text-field-hover-icon: #ffffff;
+$token-component-text-field-hover-hint-text: #a3a3ab;
+$token-component-text-field-hover-info-icon: #a3a3ab;
+$token-component-text-field-hover-empty-background: #343438;
+$token-component-text-field-hover-empty-border: #c2c2ca;
+$token-component-text-field-hover-empty-text: #a3a3ab;
+$token-component-text-field-hover-empty-hint-text: #a3a3ab;
+$token-component-text-field-hover-empty-info-icon: #a3a3ab;
+$token-component-text-field-filled-background: #343438;
+$token-component-text-field-filled-border: #696970;
+$token-component-text-field-filled-text: #ffffff;
+$token-component-text-field-filled-hint-text: #a3a3ab;
+$token-component-text-field-filled-info-icon: #a3a3ab;
+$token-component-text-field-filled-icon-default: #ffffff;
+$token-component-text-field-filled-icon-hover: #96cff0;
+$token-component-text-field-filled-icon-active: #5bb3ea;
+$token-component-text-field-disabled-background: #515157;
+$token-component-text-field-disabled-border: #515157;
+$token-component-text-field-disabled-text: #83838c;
+$token-component-text-field-disabled-hint-text: #a3a3ab;
+$token-component-text-field-disabled-info-icon: #a3a3ab;
+$token-component-text-field-error-background: #343438;
+$token-component-text-field-error-border: #eb9091;
+$token-component-text-field-error-text: #ffffff;
+$token-component-text-field-error-hint-text: #eb9091;
+$token-component-text-field-error-info-icon: #a3a3ab;
+$token-component-text-field-error-icon-default: #ffffff;
+$token-component-text-field-error-icon-hover: #96cff0;
+$token-component-text-field-error-icon-active: #5bb3ea;
+$token-component-text-field-focus-empty-background: #343438;
+$token-component-text-field-focus-empty-border: #5bb3ea;
+$token-component-text-field-focus-empty-hint-text: #a3a3ab;
+$token-component-text-field-focus-empty-info-icon: #a3a3ab;
+$token-component-text-field-focus-empty-icon-default: #ffffff;
+$token-component-text-field-focus-empty-icon-hover: #96cff0;
+$token-component-text-field-focus-empty-icon-active: #5bb3ea;
+$token-component-text-field-focus-background: #343438;
+$token-component-text-field-focus-border: #5bb3ea;
+$token-component-text-field-focus-text: #ffffff;
+$token-component-text-field-focus-hint-text: #a3a3ab;
+$token-component-text-field-focus-info-icon: #a3a3ab;
+$token-component-text-field-focus-icon-default: #ffffff;
+$token-component-text-field-focus-icon-hover: #96cff0;
+$token-component-text-field-focus-icon-active: #5bb3ea;
+$token-component-text-field-read-only-text: #ffffff;
+$token-component-text-field-read-only-hint-text: #a3a3ab;
+$token-component-time-picker-default-background: #343438;
+$token-component-time-picker-default-border: #696970;
+$token-component-time-picker-default-text: #a3a3ab;
+$token-component-time-picker-default-icon: #ffffff;
+$token-component-time-picker-default-hint-text: #a3a3ab;
+$token-component-time-picker-hover-background: #343438;
+$token-component-time-picker-hover-border: #c2c2ca;
+$token-component-time-picker-hover-text: #a3a3ab;
+$token-component-time-picker-hover-icon: #ffffff;
+$token-component-time-picker-hover-hint-text: #a3a3ab;
+$token-component-time-picker-filled-background: #343438;
+$token-component-time-picker-filled-border: #696970;
+$token-component-time-picker-filled-text: #ffffff;
+$token-component-time-picker-filled-icon: #ffffff;
+$token-component-time-picker-filled-hint-text: #a3a3ab;
+$token-component-time-picker-disabled-background: #515157;
+$token-component-time-picker-disabled-border: #515157;
+$token-component-time-picker-disabled-text: #83838c;
+$token-component-time-picker-disabled-icon: #83838c;
+$token-component-time-picker-disabled-hint-text: #a3a3ab;
+$token-component-time-picker-error-background: #343438;
+$token-component-time-picker-error-border: #eb9091;
+$token-component-time-picker-error-text: #ffffff;
+$token-component-time-picker-error-icon: #ffffff;
+$token-component-time-picker-error-hint-text: #eb9091;
+$token-component-time-picker-focus-empty-background: #343438;
+$token-component-time-picker-focus-empty-border: #5bb3ea;
+$token-component-time-picker-focus-empty-text: #a3a3ab;
+$token-component-time-picker-focus-empty-icon: #ffffff;
+$token-component-time-picker-focus-empty-hint-text: #a3a3ab;
+$token-component-time-picker-focus-background: #343438;
+$token-component-time-picker-focus-border: #5bb3ea;
+$token-component-time-picker-focus-text: #ffffff;
+$token-component-time-picker-focus-icon: #ffffff;
+$token-component-time-picker-focus-hint-text: #a3a3ab;
+$token-component-time-picker-read-only-text: #ffffff;
+$token-component-tooltip-background: #ffffff;
+$token-component-tooltip-text: #343438;
+$token-component-tree-text: #ffffff;
+$token-component-tree-border: #515157;
+$token-component-tree-icon-default: #ffffff;
+$token-component-tree-icon-hover: #96cff0;
+$token-component-tree-icon-active: #5bb3ea;
+$token-component-tree-background-default: #343438;
+$token-component-tree-background-hover: #3d3d42;
+$token-component-tree-expanded-area-border: #696970;
+$token-component-widget-download-text: #ffffff;
+$token-component-widget-download-border: #515157;
+$token-component-widget-download-background-header: #343438;
+$token-component-widget-download-background-default: #3d3d42;
+$token-component-widget-download-icon-default: #ffffff;
+$token-component-widget-download-icon-success: #65ba75;
+$token-component-widget-download-icon-error: #eb9091;
+$token-component-widget-upload-default-background: #343438;
+$token-component-widget-upload-default-border: #696970;
+$token-component-widget-upload-default-icon: #ffffff;
+$token-component-widget-upload-default-text-default: #ffffff;
+$token-component-widget-upload-default-text-link: #5bb3ea;
+$token-component-widget-upload-hover-background: #3d3d42;
+$token-component-widget-upload-hover-border: #5bb3ea;
+$token-component-widget-upload-hover-icon: #ffffff;
+$token-component-widget-upload-hover-text-default: #ffffff;
+$token-component-widget-upload-hover-text-link: #5bb3ea;
+$token-component-widget-upload-disabled-background: #515157;
+$token-component-widget-upload-disabled-border: #515157;
+$token-component-widget-upload-disabled-icon: #83838c;
+$token-component-widget-upload-disabled-text: #83838c;
+$token-component-stepper-horizontal-line: #515157;
+$token-component-stepper-horizontal-past-item-circle-background: #3d3d42;
+$token-component-stepper-horizontal-past-item-circle-border: #5bb3ea;
+$token-component-stepper-horizontal-past-item-circle-text: #5bb3ea;
+$token-component-stepper-horizontal-past-item-circle-icon: #5bb3ea;
+$token-component-stepper-horizontal-past-item-text-default: #ffffff;
+$token-component-stepper-horizontal-past-item-text-hover: #5bb3ea;
+$token-component-stepper-horizontal-current-item-circle-background: #5bb3ea;
+$token-component-stepper-horizontal-current-item-circle-text: #ffffff;
+$token-component-stepper-horizontal-current-item-text-default: #ffffff;
+$token-component-stepper-horizontal-current-item-text-hover: #5bb3ea;
+$token-component-stepper-horizontal-future-item-circle-background: #343438;
+$token-component-stepper-horizontal-future-item-circle-border: #515157;
+$token-component-stepper-horizontal-future-item-circle-text: #83838c;
+$token-component-stepper-horizontal-future-item-text: #83838c;
+$token-component-stepper-vertical-background: #3d3d42;
+$token-component-stepper-vertical-border: #515157;
+$token-component-stepper-vertical-icon: #ffffff;
+$token-component-stepper-vertical-past-item-circle-background: #3d3d42;
+$token-component-stepper-vertical-past-item-circle-border: #5bb3ea;
+$token-component-stepper-vertical-past-item-circle-text: #5bb3ea;
+$token-component-stepper-vertical-past-item-circle-icon: #5bb3ea;
+$token-component-stepper-vertical-past-item-text-default: #ffffff;
+$token-component-stepper-vertical-past-item-text-hover: #5bb3ea;
+$token-component-stepper-vertical-current-item-icon: #5bb3ea;
+$token-component-stepper-vertical-current-item-circle-background: #5bb3ea;
+$token-component-stepper-vertical-current-item-circle-text: #ffffff;
+$token-component-stepper-vertical-current-item-text-default: #ffffff;
+$token-component-stepper-vertical-current-item-text-hover: #5bb3ea;
+$token-component-stepper-vertical-future-item-circle-background: #343438;
+$token-component-stepper-vertical-future-item-circle-border: #696970;
+$token-component-stepper-vertical-future-item-circle-text: #a3a3ab;
+$token-component-stepper-vertical-future-item-text-default: #ffffff;
+$token-component-stepper-vertical-future-item-text-hover: #5bb3ea;
+$token-component-stepper-vertical-disabled-item-circle-background: #343438;
+$token-component-stepper-vertical-disabled-item-circle-border: #515157;
+$token-component-stepper-vertical-disabled-item-circle-text: #83838c;
+$token-component-stepper-vertical-disabled-item-text: #83838c;
+$token-component-advanced-search-filter-icon-default-icon: #ffffff;
+$token-component-advanced-search-filter-icon-hover-icon: #96cff0;
+$token-component-advanced-search-filter-icon-applied-icon: #5bb3ea;
+$token-component-advanced-search-filter-icon-applied-badge-background: #d63c42;
+$token-component-advanced-search-filter-icon-applied-badge-text: #ffffff;
+$token-component-advanced-search-filter-icon-disabled-icon: #83838c;
+$token-component-advanced-search-filter-icon-disabled-badge-background: #83838c;
+$token-component-advanced-search-filter-icon-disabled-badge-text: #ffffff;
+$token-component-advanced-search-filter-area-background: #343438;
+$token-component-advanced-search-filter-area-border: #515157;
+$token-component-advanced-search-filter-area-text-default: #ffffff;
+$token-component-advanced-search-filter-area-text-link: #5bb3ea;
+$token-component-advanced-search-filter-area-icon-default: #ffffff;
+$token-component-advanced-search-filter-area-icon-hover: #96cff0;
+$token-component-advanced-search-filter-area-icon-disabled: #83838c;
+$token-component-advanced-search-filter-area-tag-background: #3d3d42;
+$token-component-advanced-search-filter-area-tag-border: #515157;
+$token-component-advanced-search-filter-area-tag-operator-icon: #c25d05;
+$token-component-advanced-search-filter-area-tag-icon-default: #ffffff;
+$token-component-advanced-search-filter-area-tag-icon-hover: #96cff0;
+$token-component-segmented-status-button-default-background: #3d3d42;
+$token-component-segmented-status-button-default-border: #696970;
+$token-component-segmented-status-button-default-text: #a3a3ab;
+$token-component-segmented-status-button-default-icon: #a3a3ab;
+$token-component-segmented-status-button-hover-background: #515157;
+$token-component-segmented-status-button-hover-border: #696970;
+$token-component-segmented-status-button-hover-text: #a3a3ab;
+$token-component-segmented-status-button-hover-icon: #a3a3ab;
+$token-component-segmented-status-button-disabled-background: #3d3d42;
+$token-component-segmented-status-button-disabled-border: #515157;
+$token-component-segmented-status-button-disabled-text: #83838c;
+$token-component-segmented-status-button-disabled-icon: #83838c;
+$token-component-segmented-status-button-disabled-positive-background: #515157;
+$token-component-segmented-status-button-disabled-positive-text: #83838c;
+$token-component-segmented-status-button-disabled-positive-icon: #83838c;
+$token-component-segmented-status-button-active-positive-background: #65ba75;
+$token-component-segmented-status-button-active-positive-text: #343438;
+$token-component-segmented-status-button-active-positive-icon: #343438;
+$token-component-segmented-status-button-disabled-negative-background: #515157;
+$token-component-segmented-status-button-disabled-negative-text: #83838c;
+$token-component-segmented-status-button-disabled-negative-icon: #83838c;
+$token-component-segmented-status-button-active-negative-background: #eb9091;
+$token-component-segmented-status-button-active-negative-text: #343438;
+$token-component-segmented-status-button-active-negative-icon: #343438;
+$token-component-segmented-status-button-disabled-neutral-background: #515157;
+$token-component-segmented-status-button-disabled-neutral-text: #83838c;
+$token-component-segmented-status-button-disabled-neutral-icon: #83838c;
+$token-component-segmented-status-button-active-neutral-background: #696970;
+$token-component-segmented-status-button-active-neutral-text: #ffffff;
+$token-component-segmented-status-button-active-neutral-icon: #ffffff;
+$token-component-link-select-default-text: #5bb3ea;
+$token-component-link-select-default-icon: #ffffff;
+$token-component-link-select-hover-text: #96cff0;
+$token-component-link-select-hover-icon: #96cff0;
+$token-component-link-select-filled-text: #5bb3ea;
+$token-component-link-select-filled-icon: #ffffff;
+$token-component-link-select-disabled-text: #83838c;
+$token-component-link-select-disabled-icon: #83838c;
+$token-component-link-select-focus-text: #5bb3ea;
+$token-component-link-select-focus-icon: #ffffff;
+$token-component-link-select-read-only-text: #ffffff;
diff --git a/dist/themes/densedLight/index.d.ts b/dist/themes/densedLight/index.d.ts
new file mode 100644
index 0000000..f94b9fd
--- /dev/null
+++ b/dist/themes/densedLight/index.d.ts
@@ -0,0 +1,5551 @@
+
+  /**
+   * Do not edit directly
+   * Generated on 2024-08-21
+   */
+  export interface GlobalTypes {
+  Color: {
+    Neutrals: {
+      5: "#f7f7fa",
+      10: "#ededf2",
+      20: "#e5e5ea",
+      30: "#d6d6dd",
+      40: "#c2c2ca",
+      50: "#a3a3ab",
+      60: "#83838c",
+      70: "#696970",
+      80: "#515157",
+      90: "#3d3d42",
+      100: "#343438",
+      Black: "#232326",
+      White: "#ffffff"
+    },
+    Brand: {
+      5: "#f5fbff",
+      10: "#edf8ff",
+      20: "#e1f4ff",
+      30: "#ceedfe",
+      40: "#afdef8",
+      50: "#96cff0",
+      60: "#5bb3ea",
+      70: "#009cde",
+      80: "#108ad6",
+      90: "#0174bc",
+      100: "#00314d"
+    },
+    Red: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      80: "#d0343a",
+      90: "#b82329",
+      100: "#381316"
+    },
+    Orange: {
+      5: "#fef9f4",
+      10: "#fff3e7",
+      20: "#ffebd7",
+      30: "#ffe1c3",
+      40: "#facfa4",
+      50: "#f2b67b",
+      60: "#f09d4b",
+      70: "#fe9933",
+      80: "#f0821d",
+      90: "#c25d05",
+      100: "#451e11"
+    },
+    Amber: {
+      5: "#fff9ed",
+      10: "#fff4d5",
+      20: "#ffecbc",
+      30: "#ffe3a2",
+      40: "#facf83",
+      50: "#f3ba63",
+      60: "#edb016",
+      70: "#fecb34",
+      80: "#f2b90e",
+      90: "#ce9a00",
+      100: "#403104"
+    },
+    Yellow: {
+      5: "#ffffeb",
+      10: "#fafadf",
+      20: "#f9f9c9",
+      30: "#f8f8b6",
+      40: "#f5f596",
+      50: "#e8e86a",
+      60: "#dfdf39",
+      70: "#f5f531",
+      80: "#e5e50a",
+      90: "#bfbf0d",
+      100: "#35290f"
+    },
+    Lime: {
+      5: "#f7fcf0",
+      10: "#eefadc",
+      20: "#e4f7c7",
+      30: "#d7f2b0",
+      40: "#c9e894",
+      50: "#b1d16a",
+      60: "#94ba2c",
+      70: "#99d52a",
+      80: "#93c926",
+      90: "#5d770d",
+      100: "#263209"
+    },
+    Green: {
+      5: "#f3fcf3",
+      10: "#ebf9eb",
+      20: "#dff3df",
+      30: "#ceebcf",
+      40: "#b7dfba",
+      50: "#97cf9c",
+      60: "#65ba75",
+      70: "#00b050",
+      80: "#07a04d",
+      90: "#138246",
+      100: "#1b311e"
+    },
+    Teal: {
+      5: "#f1fcfa",
+      10: "#e7f9f5",
+      20: "#d9f3ee",
+      30: "#c7ebe5",
+      40: "#afdfd7",
+      50: "#8dcec3",
+      60: "#53b9ab",
+      70: "#12a594",
+      80: "#0e9888",
+      90: "#067a6f",
+      100: "#10302b"
+    },
+    Cyan: {
+      5: "#f2fcfd",
+      10: "#e7f9fb",
+      20: "#d8f3f6",
+      30: "#aadee6",
+      40: "#84cdda",
+      50: "#84cdda",
+      60: "#3db9cf",
+      70: "#05a2c2",
+      80: "#0894b3",
+      90: "#0c7792",
+      100: "#04313c"
+    },
+    Ultramarine: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      80: "#3a5ccc",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Violet: {
+      5: "#fbfaff",
+      10: "#f5f2ff",
+      20: "#ede9fe",
+      30: "#e4defc",
+      40: "#d7cff9",
+      50: "#c4b8f3",
+      60: "#aa99ec",
+      70: "#7259d6",
+      80: "#644fc1",
+      90: "#5746af",
+      100: "#20134b"
+    },
+    Purple: {
+      5: "#fdfaff",
+      10: "#f9f1fe",
+      20: "#f3e7fc",
+      30: "#eddbf9",
+      40: "#e3ccf4",
+      50: "#d3b4ed",
+      60: "#be93e4",
+      70: "#8e4ec6",
+      80: "#8445bc",
+      90: "#753bbd",
+      100: "#2b0e44"
+    },
+    Magenta: {
+      5: "#fff8ff",
+      10: "#fceffc",
+      20: "#f9e5f9",
+      30: "#f3d9f4",
+      40: "#ebc8ed",
+      50: "#dfafe3",
+      60: "#cf91d8",
+      70: "#ab4aba",
+      80: "#a43cb4",
+      90: "#9c2bad",
+      100: "#340c3b"
+    },
+    Pink: {
+      5: "#fff7fc",
+      10: "#feeef8",
+      20: "#fce5f3",
+      30: "#f9d8ec",
+      40: "#f3c6e2",
+      50: "#ecadd4",
+      60: "#e38ec3",
+      70: "#e043a7",
+      80: "#d23197",
+      90: "#cd1d8d",
+      100: "#3b0a2a"
+    },
+    Brown: {
+      5: "#fbf9f2",
+      10: "#f5f2e9",
+      20: "#eeeadd",
+      30: "#e5dfd0",
+      40: "#dad1bd",
+      50: "#cbbda4",
+      60: "#b8a383",
+      70: "#978365",
+      80: "#8c795d",
+      90: "#776750",
+      100: "#3b352b"
+    }
+  },
+  Spacing: {
+    0: "0rem",
+    10: "0.125rem",
+    20: "0.25rem",
+    30: "0.375rem",
+    40: "0.5rem",
+    50: "0.75rem",
+    60: "1rem",
+    70: "1.5rem",
+    80: "2rem",
+    90: "3rem"
+  },
+  Font: {
+    FontFamily: {
+      Brand: "'Nunito Sans'",
+      Code: "'Fira Code'"
+    },
+    FontWeight: {
+      Semibold: "600",
+      Bold: "700",
+      Extrabold: "800",
+      Regular: {
+        Normal: "400",
+        Italic: "400"
+      }
+    },
+    FontSize: {
+      Xxxs: "0.75rem",
+      Xxs: "0.813rem",
+      Xs: "0.875rem",
+      S: "1rem",
+      M: "1.125rem",
+      L: "1.25rem",
+      Xl: "1.5rem",
+      Xxl: "1.75rem",
+      Xxxl: "2.25rem"
+    },
+    LineHeight: {
+      Xxxs: "1rem",
+      Xxs: "1.125rem",
+      Xs: "1.25rem",
+      S: "1.5rem",
+      M: "1.625rem",
+      L: "1.875rem",
+      Xl: "2rem",
+      Xxl: "2.375rem",
+      Xxxl: "2.625rem"
+    },
+    Textcase: {
+      Uppercase: "uppercase"
+    }
+  },
+  BorderRadius: {
+    None: "0rem"
+  }
+}
+
+declare const Global: GlobalTypes;
+
+export interface ColorTypes {
+  Neutrals: {
+    5: "#f7f7fa",
+    10: "#ededf2",
+    20: "#e5e5ea",
+    30: "#d6d6dd",
+    40: "#c2c2ca",
+    50: "#a3a3ab",
+    60: "#83838c",
+    70: "#696970",
+    80: "#515157",
+    90: "#3d3d42",
+    100: "#343438",
+    Black: "#232326",
+    White: "#ffffff"
+  },
+  Brand: {
+    5: "#f5fbff",
+    10: "#edf8ff",
+    20: "#e1f4ff",
+    30: "#ceedfe",
+    40: "#afdef8",
+    50: "#96cff0",
+    60: "#5bb3ea",
+    70: "#009cde",
+    80: "#108ad6",
+    90: "#0174bc",
+    100: "#00314d"
+  },
+  Red: {
+    5: "#fff8f8",
+    10: "#ffefef",
+    20: "#ffe5e5",
+    30: "#fdd8d8",
+    40: "#f9c6c6",
+    50: "#f3aeaf",
+    60: "#eb9091",
+    70: "#d63c42",
+    80: "#d0343a",
+    90: "#b82329",
+    100: "#381316"
+  },
+  Orange: {
+    5: "#fef9f4",
+    10: "#fff3e7",
+    20: "#ffebd7",
+    30: "#ffe1c3",
+    40: "#facfa4",
+    50: "#f2b67b",
+    60: "#f09d4b",
+    70: "#fe9933",
+    80: "#f0821d",
+    90: "#c25d05",
+    100: "#451e11"
+  },
+  Amber: {
+    5: "#fff9ed",
+    10: "#fff4d5",
+    20: "#ffecbc",
+    30: "#ffe3a2",
+    40: "#facf83",
+    50: "#f3ba63",
+    60: "#edb016",
+    70: "#fecb34",
+    80: "#f2b90e",
+    90: "#ce9a00",
+    100: "#403104"
+  },
+  Yellow: {
+    5: "#ffffeb",
+    10: "#fafadf",
+    20: "#f9f9c9",
+    30: "#f8f8b6",
+    40: "#f5f596",
+    50: "#e8e86a",
+    60: "#dfdf39",
+    70: "#f5f531",
+    80: "#e5e50a",
+    90: "#bfbf0d",
+    100: "#35290f"
+  },
+  Lime: {
+    5: "#f7fcf0",
+    10: "#eefadc",
+    20: "#e4f7c7",
+    30: "#d7f2b0",
+    40: "#c9e894",
+    50: "#b1d16a",
+    60: "#94ba2c",
+    70: "#99d52a",
+    80: "#93c926",
+    90: "#5d770d",
+    100: "#263209"
+  },
+  Green: {
+    5: "#f3fcf3",
+    10: "#ebf9eb",
+    20: "#dff3df",
+    30: "#ceebcf",
+    40: "#b7dfba",
+    50: "#97cf9c",
+    60: "#65ba75",
+    70: "#00b050",
+    80: "#07a04d",
+    90: "#138246",
+    100: "#1b311e"
+  },
+  Teal: {
+    5: "#f1fcfa",
+    10: "#e7f9f5",
+    20: "#d9f3ee",
+    30: "#c7ebe5",
+    40: "#afdfd7",
+    50: "#8dcec3",
+    60: "#53b9ab",
+    70: "#12a594",
+    80: "#0e9888",
+    90: "#067a6f",
+    100: "#10302b"
+  },
+  Cyan: {
+    5: "#f2fcfd",
+    10: "#e7f9fb",
+    20: "#d8f3f6",
+    30: "#aadee6",
+    40: "#84cdda",
+    50: "#84cdda",
+    60: "#3db9cf",
+    70: "#05a2c2",
+    80: "#0894b3",
+    90: "#0c7792",
+    100: "#04313c"
+  },
+  Ultramarine: {
+    5: "#f8faff",
+    10: "#f0f4ff",
+    20: "#e6edfe",
+    30: "#d9e2fc",
+    40: "#c6d4f9",
+    50: "#aec0f5",
+    60: "#8da4ef",
+    70: "#4067e5",
+    80: "#3a5ccc",
+    90: "#3451b2",
+    100: "#002856"
+  },
+  Violet: {
+    5: "#fbfaff",
+    10: "#f5f2ff",
+    20: "#ede9fe",
+    30: "#e4defc",
+    40: "#d7cff9",
+    50: "#c4b8f3",
+    60: "#aa99ec",
+    70: "#7259d6",
+    80: "#644fc1",
+    90: "#5746af",
+    100: "#20134b"
+  },
+  Purple: {
+    5: "#fdfaff",
+    10: "#f9f1fe",
+    20: "#f3e7fc",
+    30: "#eddbf9",
+    40: "#e3ccf4",
+    50: "#d3b4ed",
+    60: "#be93e4",
+    70: "#8e4ec6",
+    80: "#8445bc",
+    90: "#753bbd",
+    100: "#2b0e44"
+  },
+  Magenta: {
+    5: "#fff8ff",
+    10: "#fceffc",
+    20: "#f9e5f9",
+    30: "#f3d9f4",
+    40: "#ebc8ed",
+    50: "#dfafe3",
+    60: "#cf91d8",
+    70: "#ab4aba",
+    80: "#a43cb4",
+    90: "#9c2bad",
+    100: "#340c3b"
+  },
+  Pink: {
+    5: "#fff7fc",
+    10: "#feeef8",
+    20: "#fce5f3",
+    30: "#f9d8ec",
+    40: "#f3c6e2",
+    50: "#ecadd4",
+    60: "#e38ec3",
+    70: "#e043a7",
+    80: "#d23197",
+    90: "#cd1d8d",
+    100: "#3b0a2a"
+  },
+  Brown: {
+    5: "#fbf9f2",
+    10: "#f5f2e9",
+    20: "#eeeadd",
+    30: "#e5dfd0",
+    40: "#dad1bd",
+    50: "#cbbda4",
+    60: "#b8a383",
+    70: "#978365",
+    80: "#8c795d",
+    90: "#776750",
+    100: "#3b352b"
+  }
+}
+
+declare const Color: ColorTypes;
+
+export interface SpacingTypes {
+  0: "0rem",
+  10: "0.125rem",
+  20: "0.25rem",
+  30: "0.375rem",
+  40: "0.5rem",
+  50: "0.75rem",
+  60: "1rem",
+  70: "1.5rem",
+  80: "2rem",
+  90: "3rem"
+}
+
+declare const Spacing: SpacingTypes;
+
+export interface FontTypes {
+  FontFamily: {
+    Brand: "'Nunito Sans'",
+    Code: "'Fira Code'"
+  },
+  FontWeight: {
+    Semibold: "600",
+    Bold: "700",
+    Extrabold: "800",
+    Regular: {
+      Normal: "400",
+      Italic: "400"
+    }
+  },
+  FontSize: {
+    Xxxs: "0.75rem",
+    Xxs: "0.813rem",
+    Xs: "0.875rem",
+    S: "1rem",
+    M: "1.125rem",
+    L: "1.25rem",
+    Xl: "1.5rem",
+    Xxl: "1.75rem",
+    Xxxl: "2.25rem"
+  },
+  LineHeight: {
+    Xxxs: "1rem",
+    Xxs: "1.125rem",
+    Xs: "1.25rem",
+    S: "1.5rem",
+    M: "1.625rem",
+    L: "1.875rem",
+    Xl: "2rem",
+    Xxl: "2.375rem",
+    Xxxl: "2.625rem"
+  },
+  Textcase: {
+    Uppercase: "uppercase"
+  }
+}
+
+declare const Font: FontTypes;
+
+export interface BorderRadiusTypes {
+  None: "0rem"
+}
+
+declare const BorderRadius: BorderRadiusTypes;
+
+export interface AliasTypes {
+  Content: {
+    Text: {
+      Base: "#ffffff",
+      Negative: "#b82329",
+      Warning: "#fecb34",
+      Positive: "#00b050",
+      Informative: "#4067e5",
+      Primary: {
+        Default: "#343438",
+        Disabled: "#a3a3ab"
+      },
+      Secondary: {
+        Default: "#696970",
+        Disabled: "#a3a3ab"
+      },
+      Link: {
+        Default: "#0174bc",
+        Hover: "#009cde",
+        Disabled: "#a3a3ab"
+      }
+    },
+    Icon: {
+      Base: "#ffffff",
+      Negative: "#d63c42",
+      Warning: "#fecb34",
+      Positive: "#00b050",
+      Informative: "#4067e5",
+      Primary: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc",
+        Disabled: "#a3a3ab"
+      },
+      Secondary: {
+        Default: "#696970",
+        Disabled: "#a3a3ab"
+      }
+    }
+  },
+  Border: {
+    Normal: "#d6d6dd",
+    Neutral: "#343438",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5"
+  },
+  Background: {
+    Normal: "#ffffff",
+    Neutral: "#f7f7fa",
+    Base: "#343438",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Black: "#232326",
+    Negativesubtle: "#ffefef",
+    Warningsubtle: "#fff4d5",
+    Positivesubtle: "#ebf9eb",
+    Informativesubtle: "#f0f4ff",
+    Neutralsubtle: "#e5e5ea",
+    Overlay: "lch(13.8 2.09 286 / 0.24)"
+  },
+  Action: {
+    Base: "#ffffff",
+    Neutral: "#83838c",
+    White50: "#ffffff",
+    Primary: {
+      Default: "#0174bc",
+      Hover: "#009cde",
+      Active: "#0174bc",
+      Disabled: "#e5e5ea"
+    },
+    Secondary: {
+      Hover: "#edf8ff",
+      Disabled: "#c2c2ca"
+    },
+    Tertiary: {
+      Disabled: "#afdef8"
+    },
+    Positive: {
+      Default: "#07a04d",
+      Disabled: "#b7dfba"
+    },
+    Negative: {
+      Default: "#d0343a",
+      Disabled: "#f9c6c6"
+    }
+  },
+  Interaction: {
+    Border: {
+      Default: "#83838c",
+      Hover: "#3d3d42",
+      Focus: "#0174bc",
+      Error: "#d63c42",
+      Disabled: "#c2c2ca"
+    },
+    Background: {
+      Primary: "#ffffff",
+      Secondary: "#f7f7fa",
+      Tertiary: "#edf8ff",
+      Elevated: "#edf8ff",
+      Accent: "#ceedfe",
+      Active: "#0174bc",
+      Disabled: "#ededf2"
+    }
+  },
+  Elevation: {
+    S: "0 2px 6px 0 rgba(58,59,63,0.18)",
+    SInverted: "0 -2px 6px 0 rgba(58,59,63,0.18)",
+    L: "0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08)"
+  },
+  Typography: {
+    Heading: {
+      Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+      Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+      Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+      L: "700 1.25rem/1.625rem 'Nunito Sans'",
+      M: "700 1.125rem/1.5rem 'Nunito Sans'",
+      S: "700 1rem/1.25rem 'Nunito Sans'",
+      Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+      Overline: "800 0.75rem/1rem 'Nunito Sans'",
+      OverlineLetterSpacing: "0.023rem",
+      OverlineTextCase: "uppercase"
+    },
+    Body: {
+      Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+      Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+      Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+      List: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+    },
+    Label: {
+      Semibold: {
+        L: "600 1rem/1.25rem 'Nunito Sans'",
+        S: "600 0.875rem/1rem 'Nunito Sans'",
+        Xs: "600 0.75rem/1rem 'Nunito Sans'"
+      },
+      Bold: {
+        L: "700 1rem/1.25rem 'Nunito Sans'",
+        S: "700 0.875rem/1rem 'Nunito Sans'",
+        Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+      },
+      Regular: {
+        S: "400 0.875rem/1rem 'Nunito Sans'",
+        Xs: "400 0.75rem/1rem 'Nunito Sans'",
+        Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+      }
+    },
+    Code: "400 0.813rem/1.25rem 'Fira Code'"
+  },
+  Accent: {
+    Info: {
+      Primary: "#3451b2",
+      Secondary: "lch(36.7 58.2 286 / 0.12)"
+    },
+    Neutral: {
+      Primary: "#515157",
+      Secondary: "lch(34.6 3.66 286 / 0.12)"
+    },
+    Warning: {
+      Primary: "#c25d05",
+      Secondary: "lch(67.2 71.6 80.1 / 0.12)"
+    },
+    Negative: {
+      Primary: "#b82329",
+      Secondary: "lch(41.2 69 32.4 / 0.12)"
+    },
+    Positive: {
+      Primary: "#138246",
+      Secondary: "lch(47.6 47.7 150 / 0.12)"
+    },
+    Important: {
+      Primary: "#753bbd",
+      Secondary: "lch(38.2 75 307 / 0.12)"
+    },
+    Pink: {
+      Primary: "#cd1d8d",
+      Secondary: "lch(47.1 72.1 347 / 0.12)"
+    },
+    Violet: {
+      Primary: "#5746af",
+      Secondary: "lch(36.2 62.1 298 / 0.12)"
+    }
+  },
+  Chart: {
+    Neutral: "#d6d6dd",
+    Categorical: {
+      1: {
+        Primary: "#4067e5",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(46.5 72.3 286 / 0.2)"
+      },
+      2: {
+        Primary: "#fe9933",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(72.9 74.2 63 / 0.2)"
+      },
+      3: {
+        Primary: "#12a594",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(60.7 39.7 183 / 0.2)"
+      },
+      4: {
+        Primary: "#ab4aba",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(48.2 66.6 322 / 0.2)"
+      },
+      5: {
+        Primary: "#d63c42",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+      },
+      6: {
+        Primary: "#05a2c2",
+        Inactive: "#aadee6",
+        Transparent: "lch(61 38.6 224 / 0.2)"
+      },
+      7: {
+        Primary: "#e043a7",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(55 70 344 / 0.2)"
+      },
+      8: {
+        Primary: "#00b050",
+        Inactive: "#ceebcf",
+        Transparent: "lch(63 67 146 / 0.2)"
+      },
+      9: {
+        Primary: "#7259d6",
+        Inactive: "#e4defc",
+        Transparent: "lch(45.6 71 299 / 0.2)"
+      },
+      10: {
+        Primary: "#99d52a",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(79 79.1 118 / 0.2)"
+      },
+      11: {
+        Primary: "#696970",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(44.6 4.09 286 / 0.2)"
+      },
+      12: {
+        Primary: "#8da4ef",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(67.9 41.2 278 / 0.2)"
+      },
+      13: {
+        Primary: "#c25d05",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+      },
+      14: {
+        Primary: "#067a6f",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(45.6 31.8 185 / 0.2)"
+      },
+      15: {
+        Primary: "#cf91d8",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(68.3 42.4 321 / 0.2)"
+      },
+      16: {
+        Primary: "#eb9091",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+      },
+      17: {
+        Primary: "#0c7792",
+        Inactive: "#aadee6",
+        Transparent: "lch(45.7 30.9 228 / 0.2)"
+      },
+      18: {
+        Primary: "#e38ec3",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(69.3 40.8 341 / 0.2)"
+      },
+      19: {
+        Primary: "#97cf9c",
+        Inactive: "#ceebcf",
+        Transparent: "lch(78.2 32.7 144 / 0.2)"
+      },
+      20: {
+        Primary: "#aa99ec",
+        Inactive: "#e4defc",
+        Transparent: "lch(67.2 44.6 296 / 0.2)"
+      },
+      21: {
+        Primary: "#94ba2c",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(70.8 67.7 114 / 0.2)"
+      },
+      22: {
+        Primary: "#3d3d42",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(25.9 3.2 286 / 0.2)"
+      }
+    },
+    Monochromatic: {
+      Default: {
+        5: "#f8faff",
+        10: "#f0f4ff",
+        20: "#e6edfe",
+        30: "#d9e2fc",
+        40: "#c6d4f9",
+        50: "#aec0f5",
+        60: "#8da4ef",
+        70: "#4067e5",
+        90: "#3451b2",
+        100: "#002856"
+      },
+      Danger: {
+        5: "#fff8f8",
+        10: "#ffefef",
+        20: "#ffe5e5",
+        30: "#fdd8d8",
+        40: "#f9c6c6",
+        50: "#f3aeaf",
+        60: "#eb9091",
+        70: "#d63c42",
+        90: "#b82329",
+        100: "#381316"
+      }
+    },
+    Status: {
+      Negative: "#d63c42",
+      Warning: "#fecb34",
+      Positive: "#00b050"
+    }
+  }
+}
+
+declare const Alias: AliasTypes;
+
+export interface ContentTypes {
+  Text: {
+    Base: "#ffffff",
+    Negative: "#b82329",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Primary: {
+      Default: "#343438",
+      Disabled: "#a3a3ab"
+    },
+    Secondary: {
+      Default: "#696970",
+      Disabled: "#a3a3ab"
+    },
+    Link: {
+      Default: "#0174bc",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    }
+  },
+  Icon: {
+    Base: "#ffffff",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Primary: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc",
+      Disabled: "#a3a3ab"
+    },
+    Secondary: {
+      Default: "#696970",
+      Disabled: "#a3a3ab"
+    }
+  }
+}
+
+declare const Content: ContentTypes;
+
+export interface BorderTypes {
+  Normal: "#d6d6dd",
+  Neutral: "#343438",
+  Negative: "#d63c42",
+  Warning: "#fecb34",
+  Positive: "#00b050",
+  Informative: "#4067e5"
+}
+
+declare const Border: BorderTypes;
+
+export interface BackgroundTypes {
+  Normal: "#ffffff",
+  Neutral: "#f7f7fa",
+  Base: "#343438",
+  Negative: "#d63c42",
+  Warning: "#fecb34",
+  Positive: "#00b050",
+  Informative: "#4067e5",
+  Black: "#232326",
+  Negativesubtle: "#ffefef",
+  Warningsubtle: "#fff4d5",
+  Positivesubtle: "#ebf9eb",
+  Informativesubtle: "#f0f4ff",
+  Neutralsubtle: "#e5e5ea",
+  Overlay: "lch(13.8 2.09 286 / 0.24)"
+}
+
+declare const Background: BackgroundTypes;
+
+export interface ActionTypes {
+  Base: "#ffffff",
+  Neutral: "#83838c",
+  White50: "#ffffff",
+  Primary: {
+    Default: "#0174bc",
+    Hover: "#009cde",
+    Active: "#0174bc",
+    Disabled: "#e5e5ea"
+  },
+  Secondary: {
+    Hover: "#edf8ff",
+    Disabled: "#c2c2ca"
+  },
+  Tertiary: {
+    Disabled: "#afdef8"
+  },
+  Positive: {
+    Default: "#07a04d",
+    Disabled: "#b7dfba"
+  },
+  Negative: {
+    Default: "#d0343a",
+    Disabled: "#f9c6c6"
+  }
+}
+
+declare const Action: ActionTypes;
+
+export interface InteractionTypes {
+  Border: {
+    Default: "#83838c",
+    Hover: "#3d3d42",
+    Focus: "#0174bc",
+    Error: "#d63c42",
+    Disabled: "#c2c2ca"
+  },
+  Background: {
+    Primary: "#ffffff",
+    Secondary: "#f7f7fa",
+    Tertiary: "#edf8ff",
+    Elevated: "#edf8ff",
+    Accent: "#ceedfe",
+    Active: "#0174bc",
+    Disabled: "#ededf2"
+  }
+}
+
+declare const Interaction: InteractionTypes;
+
+export interface ElevationTypes {
+  S: "0 2px 6px 0 rgba(58,59,63,0.18)",
+  SInverted: "0 -2px 6px 0 rgba(58,59,63,0.18)",
+  L: "0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08)"
+}
+
+declare const Elevation: ElevationTypes;
+
+export interface TypographyTypes {
+  Heading: {
+    Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+    Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+    Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+    L: "700 1.25rem/1.625rem 'Nunito Sans'",
+    M: "700 1.125rem/1.5rem 'Nunito Sans'",
+    S: "700 1rem/1.25rem 'Nunito Sans'",
+    Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+    Overline: "800 0.75rem/1rem 'Nunito Sans'",
+    OverlineLetterSpacing: "0.023rem",
+    OverlineTextCase: "uppercase"
+  },
+  Body: {
+    Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+    Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+    Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+    List: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+  },
+  Label: {
+    Semibold: {
+      L: "600 1rem/1.25rem 'Nunito Sans'",
+      S: "600 0.875rem/1rem 'Nunito Sans'",
+      Xs: "600 0.75rem/1rem 'Nunito Sans'"
+    },
+    Bold: {
+      L: "700 1rem/1.25rem 'Nunito Sans'",
+      S: "700 0.875rem/1rem 'Nunito Sans'",
+      Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+    },
+    Regular: {
+      S: "400 0.875rem/1rem 'Nunito Sans'",
+      Xs: "400 0.75rem/1rem 'Nunito Sans'",
+      Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+    }
+  },
+  Code: "400 0.813rem/1.25rem 'Fira Code'"
+}
+
+declare const Typography: TypographyTypes;
+
+export interface AccentTypes {
+  Info: {
+    Primary: "#3451b2",
+    Secondary: "lch(36.7 58.2 286 / 0.12)"
+  },
+  Neutral: {
+    Primary: "#515157",
+    Secondary: "lch(34.6 3.66 286 / 0.12)"
+  },
+  Warning: {
+    Primary: "#c25d05",
+    Secondary: "lch(67.2 71.6 80.1 / 0.12)"
+  },
+  Negative: {
+    Primary: "#b82329",
+    Secondary: "lch(41.2 69 32.4 / 0.12)"
+  },
+  Positive: {
+    Primary: "#138246",
+    Secondary: "lch(47.6 47.7 150 / 0.12)"
+  },
+  Important: {
+    Primary: "#753bbd",
+    Secondary: "lch(38.2 75 307 / 0.12)"
+  },
+  Pink: {
+    Primary: "#cd1d8d",
+    Secondary: "lch(47.1 72.1 347 / 0.12)"
+  },
+  Violet: {
+    Primary: "#5746af",
+    Secondary: "lch(36.2 62.1 298 / 0.12)"
+  }
+}
+
+declare const Accent: AccentTypes;
+
+export interface ChartTypes {
+  Neutral: "#d6d6dd",
+  Categorical: {
+    1: {
+      Primary: "#4067e5",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(46.5 72.3 286 / 0.2)"
+    },
+    2: {
+      Primary: "#fe9933",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(72.9 74.2 63 / 0.2)"
+    },
+    3: {
+      Primary: "#12a594",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(60.7 39.7 183 / 0.2)"
+    },
+    4: {
+      Primary: "#ab4aba",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(48.2 66.6 322 / 0.2)"
+    },
+    5: {
+      Primary: "#d63c42",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+    },
+    6: {
+      Primary: "#05a2c2",
+      Inactive: "#aadee6",
+      Transparent: "lch(61 38.6 224 / 0.2)"
+    },
+    7: {
+      Primary: "#e043a7",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(55 70 344 / 0.2)"
+    },
+    8: {
+      Primary: "#00b050",
+      Inactive: "#ceebcf",
+      Transparent: "lch(63 67 146 / 0.2)"
+    },
+    9: {
+      Primary: "#7259d6",
+      Inactive: "#e4defc",
+      Transparent: "lch(45.6 71 299 / 0.2)"
+    },
+    10: {
+      Primary: "#99d52a",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(79 79.1 118 / 0.2)"
+    },
+    11: {
+      Primary: "#696970",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(44.6 4.09 286 / 0.2)"
+    },
+    12: {
+      Primary: "#8da4ef",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(67.9 41.2 278 / 0.2)"
+    },
+    13: {
+      Primary: "#c25d05",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+    },
+    14: {
+      Primary: "#067a6f",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(45.6 31.8 185 / 0.2)"
+    },
+    15: {
+      Primary: "#cf91d8",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(68.3 42.4 321 / 0.2)"
+    },
+    16: {
+      Primary: "#eb9091",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+    },
+    17: {
+      Primary: "#0c7792",
+      Inactive: "#aadee6",
+      Transparent: "lch(45.7 30.9 228 / 0.2)"
+    },
+    18: {
+      Primary: "#e38ec3",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(69.3 40.8 341 / 0.2)"
+    },
+    19: {
+      Primary: "#97cf9c",
+      Inactive: "#ceebcf",
+      Transparent: "lch(78.2 32.7 144 / 0.2)"
+    },
+    20: {
+      Primary: "#aa99ec",
+      Inactive: "#e4defc",
+      Transparent: "lch(67.2 44.6 296 / 0.2)"
+    },
+    21: {
+      Primary: "#94ba2c",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(70.8 67.7 114 / 0.2)"
+    },
+    22: {
+      Primary: "#3d3d42",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(25.9 3.2 286 / 0.2)"
+    }
+  },
+  Monochromatic: {
+    Default: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Danger: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      90: "#b82329",
+      100: "#381316"
+    }
+  },
+  Status: {
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050"
+  }
+}
+
+declare const Chart: ChartTypes;
+
+export interface ComponentTypes {
+  Button: {
+    Primary: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Pressed: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#0174bc"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Background: "#edf8ff",
+        Border: "#009cde",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Pressed: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#ffffff",
+        Border: "#0174bc"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Text: "#009cde",
+        Icon: "#009cde"
+      },
+      Pressed: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      }
+    }
+  },
+  Container: {
+    Background: "#ffffff",
+    Border: "#d6d6dd"
+  },
+  Table: {
+    HeaderFilled: {
+      Background: "#343438",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HeaderOutlined: {
+      Border: "#343438",
+      Text: "#343438",
+      Icon: "#3d3d42"
+    },
+    Row: {
+      Border: "#d6d6dd",
+      Icon: {
+        Default: "#3d3d42",
+        Disabled: "#a3a3ab",
+        Hover: "#009cde"
+      },
+      Background: {
+        Default: "#ffffff",
+        Zebra: "#f7f7fa",
+        Hover: "#edf8ff"
+      },
+      Text: {
+        Default: "#343438",
+        Placeholder: "#696970",
+        Link: "#0174bc"
+      }
+    }
+  },
+  MenuButton: {
+    Primary: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Pressed: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#0174bc"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Background: "#edf8ff",
+        Border: "#009cde",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Pressed: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#ffffff",
+        Border: "#0174bc"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Text: "#009cde",
+        Icon: "#009cde"
+      },
+      Pressed: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      }
+    }
+  },
+  OverflowMenuButton: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Pressed: {
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Icon: "#a3a3ab"
+    }
+  },
+  SplitMenuButton: {
+    Primary: {
+      Default: {
+        Background: "#0174bc",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#009cde",
+        BackgroundRight: "#0174bc",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      HoverRight: {
+        BackgroundLeft: "#0174bc",
+        BackgroundRight: "#009cde",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Active: {
+        Background: "#0174bc",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Border: "#ffffff",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        BackgroundLeft: "#0174bc",
+        BackgroundRight: "#0174bc",
+        Border: "#ffffff",
+        Icon: "#ffffff"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#edf8ff",
+        BackgroundRight: "#ffffff",
+        BorderLeft: "#009cde",
+        BorderRight: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      HoverRight: {
+        BackgroundLeft: "#ffffff",
+        BackgroundRight: "#edf8ff",
+        BorderLeft: "#0174bc",
+        BorderRight: "#009cde",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Icon: "#0174bc"
+      }
+    }
+  },
+  Appbar: {
+    Background: "#f7f7fa",
+    Border: "#d6d6dd",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Badge: {
+    Informative: {
+      Background: "lch(36.7 58.2 286 / 0.12)",
+      Text: "#3451b2"
+    },
+    Neutral: {
+      Background: "lch(34.6 3.66 286 / 0.12)",
+      Text: "#515157"
+    },
+    Warning: {
+      Background: "lch(67.2 71.6 80.1 / 0.12)",
+      Text: "#c25d05"
+    },
+    Negative: {
+      Background: "lch(41.2 69 32.4 / 0.12)",
+      Text: "#b82329"
+    },
+    Positive: {
+      Background: "lch(47.6 47.7 150 / 0.12)",
+      Text: "#138246"
+    },
+    Important: {
+      Background: "lch(38.2 75 307 / 0.12)",
+      Text: "#753bbd"
+    },
+    Violet: {
+      Background: "lch(36.2 62.1 298 / 0.12)",
+      Text: "#5746af"
+    },
+    Pink: {
+      Background: "lch(47.1 72.1 347 / 0.12)",
+      Text: "#cd1d8d"
+    }
+  },
+  Breadcrumb: {
+    Divider: "#d6d6dd",
+    AppTitle: {
+      Text: "#0174bc"
+    },
+    Default: {
+      Text: "#0174bc"
+    },
+    Truncated: {
+      Text: "#0174bc"
+    },
+    LastItem: {
+      Text: "#343438"
+    },
+    Collapsed: {
+      Background: "#e5e5ea",
+      Text: "#343438",
+      Icon: "#3d3d42"
+    },
+    WithDropdown: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    }
+  },
+  Card: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Checkbox: {
+    Empty: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#009cde",
+        Text: "#343438"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438"
+      }
+    },
+    Checked: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Active: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#afdef8",
+        Text: "#a3a3ab",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438",
+        Icon: "#a3a3ab"
+      }
+    },
+    Indeterminated: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Active: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#afdef8",
+        Text: "#a3a3ab",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438",
+        Icon: "#a3a3ab"
+      }
+    }
+  },
+  ContentPanel: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Calendar: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Icon: "#3d3d42",
+    Text: {
+      Default: "#343438",
+      Disabled: "#a3a3ab"
+    },
+    SelectedItem: {
+      Text: "#ffffff",
+      Background: "#0174bc"
+    },
+    HoverItem: {
+      Background: "#edf8ff",
+      Text: "#343438"
+    },
+    PresetArea: {
+      Background: "#f7f7fa",
+      HoverPeriod: {
+        Background: "#edf8ff"
+      },
+      ActivePeriod: {
+        Background: "#ceedfe",
+        Text: "#343438"
+      }
+    }
+  },
+  DateField: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#0174bc",
+      HintText: "#696970"
+    }
+  },
+  DatePicker: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Filled: {
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Icon: "#a3a3ab"
+    },
+    Focus: {
+      Icon: "#0174bc"
+    }
+  },
+  DateRangePicker: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Filled: {
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Icon: "#a3a3ab"
+    },
+    Focus: {
+      Icon: "#0174bc"
+    }
+  },
+  DateRangeField: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#0174bc",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    }
+  },
+  DateRangeInput: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    ActivePeriod: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      ActiveItem: {
+        Background: "#edf8ff",
+        Text: "#696970"
+      }
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#0174bc",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    }
+  },
+  Divider: {
+    Border: "#d6d6dd"
+  },
+  Drawer: {
+    Background: "#ffffff",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Disabled: "#a3a3ab"
+    }
+  },
+  Dropdown: {
+    Icon: {
+      Default: "#3d3d42",
+      Disabled: "#a3a3ab"
+    },
+    Text: {
+      Default: "#343438",
+      Link: "#0174bc",
+      Description: "#696970",
+      Disabled: "#a3a3ab"
+    },
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff",
+      Category: "#f7f7fa"
+    }
+  },
+  GlobalHeader: {
+    Background: "#232326",
+    Border: "#3d3d42",
+    Icon: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Search: {
+      Background: "#3d3d42",
+      Text: {
+        Placeholder: "#d6d6dd",
+        Filled: "#ffffff"
+      },
+      Icon: {
+        Default: "#d6d6dd",
+        Active: "#ffffff",
+        Hover: "#ffffff"
+      }
+    }
+  },
+  GlobalFooter: {
+    Background: "#232326",
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    }
+  },
+  GroupSelect: {
+    Field: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#696970",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#3d3d42",
+        Text: "#696970",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Selected: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#343438",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Disabled: {
+        Background: "#ededf2",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Text: "#343438",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Error: {
+        Background: "#ffffff",
+        Border: "#d63c42",
+        Text: "#343438",
+        Icon: "#3d3d42",
+        HintText: "#b82329",
+        InfoIcon: "#696970"
+      },
+      Focus: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      }
+    },
+    Dropdown: {
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Background: {
+        Default: "#ffffff",
+        Hover: "#edf8ff"
+      }
+    }
+  },
+  InlineEdit: {
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde"
+    },
+    AcceptIcon: {
+      Default: "#0174bc",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    }
+  },
+  KpiBar: {
+    Text: "#3d3d42",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    },
+    Item: {
+      Neutral: {
+        Default: {
+          Label: "#515157",
+          Text: "#696970",
+          Icon: "#515157"
+        },
+        Hover: {
+          Label: "#515157",
+          Text: "#696970",
+          Background: "lch(34.6 3.66 286 / 0.12)",
+          Icon: "#515157"
+        },
+        Active: {
+          Label: "#515157",
+          Text: "#343438",
+          Border: "#515157",
+          Icon: "#515157"
+        }
+      },
+      Green: {
+        Default: {
+          Label: "#138246",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#138246",
+          Text: "#696970",
+          Background: "lch(47.6 47.7 150 / 0.12)"
+        },
+        Active: {
+          Label: "#138246",
+          Text: "#343438",
+          Border: "#138246"
+        }
+      },
+      Orange: {
+        Default: {
+          Label: "#c25d05",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#c25d05",
+          Text: "#696970",
+          Background: "lch(67.2 71.6 80.1 / 0.12)"
+        },
+        Active: {
+          Label: "#c25d05",
+          Text: "#343438",
+          Border: "#c25d05"
+        }
+      },
+      Purple: {
+        Default: {
+          Label: "#753bbd",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#753bbd",
+          Text: "#696970",
+          Background: "lch(38.2 75 307 / 0.12)"
+        },
+        Active: {
+          Label: "#753bbd",
+          Text: "#343438",
+          Border: "#753bbd"
+        }
+      },
+      Red: {
+        Default: {
+          Label: "#b82329",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#b82329",
+          Text: "#696970",
+          Background: "lch(41.2 69 32.4 / 0.12)"
+        },
+        Active: {
+          Label: "#b82329",
+          Text: "#343438",
+          Border: "#b82329"
+        }
+      },
+      Ultramarine: {
+        Default: {
+          Label: "#3451b2",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#3451b2",
+          Text: "#696970",
+          Background: "lch(36.7 58.2 286 / 0.12)"
+        },
+        Active: {
+          Label: "#3451b2",
+          Text: "#343438",
+          Border: "#3451b2"
+        }
+      },
+      Pink: {
+        Default: {
+          Label: "#cd1d8d",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#cd1d8d",
+          Text: "#696970",
+          Background: "lch(47.1 72.1 347 / 0.12)"
+        },
+        Active: {
+          Label: "#cd1d8d",
+          Text: "#343438",
+          Border: "#cd1d8d"
+        }
+      }
+    }
+  },
+  Label: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    InfoIcon: "#696970"
+  },
+  List: {
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    },
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff"
+    }
+  },
+  MasterSwitch: {
+    ContentBackground: "#ffffff",
+    SideBackground: "#f7f7fa",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Modal: {
+    Background: "#ffffff",
+    Icon: "#3d3d42",
+    Text: {
+      Default: "#343438",
+      Description: "#696970"
+    }
+  },
+  NotificationBanner: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    Informative: {
+      Background: "#f0f4ff",
+      Border: "#4067e5",
+      StatusIcon: "#4067e5"
+    },
+    Tip: {
+      Background: "#f0f4ff",
+      Border: "#4067e5",
+      StatusIcon: "#4067e5"
+    },
+    Warning: {
+      Background: "#fff4d5",
+      Border: "#fecb34",
+      StatusIcon: "#fecb34"
+    },
+    Success: {
+      Background: "#ebf9eb",
+      Border: "#00b050",
+      StatusIcon: "#00b050"
+    },
+    Error: {
+      Background: "#ffefef",
+      Border: "#d63c42",
+      StatusIcon: "#d63c42"
+    },
+    Secondary: {
+      Background: "#e5e5ea",
+      Border: "#343438",
+      StatusIcon: "#3d3d42"
+    }
+  },
+  NotificationToast: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    Informative: {
+      Background: "#f0f4ff",
+      IconBackground: "#4067e5",
+      Border: "#4067e5",
+      StatusIcon: "#ffffff"
+    },
+    Tip: {
+      Background: "#f0f4ff",
+      IconBackground: "#4067e5",
+      Border: "#4067e5",
+      StatusIcon: "#ffffff"
+    },
+    Warning: {
+      Background: "#fff4d5",
+      IconBackground: "#fecb34",
+      Border: "#fecb34",
+      StatusIcon: "#3d3d42"
+    },
+    Success: {
+      Background: "#ebf9eb",
+      IconBackground: "#00b050",
+      Border: "#00b050",
+      StatusIcon: "#ffffff"
+    },
+    Error: {
+      Background: "#ffefef",
+      IconBackground: "#d63c42",
+      Border: "#d63c42",
+      StatusIcon: "#ffffff"
+    }
+  },
+  Pagination: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Text: {
+      Default: "#343438",
+      Link: "#0174bc",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    },
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc",
+      Disabled: "#a3a3ab"
+    }
+  },
+  Popover: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Icon: "#3d3d42",
+    Text: {
+      Default: "#343438",
+      Link: {
+        Default: "#0174bc",
+        Hover: "#009cde"
+      }
+    }
+  },
+  ProgressBar: {
+    Text: {
+      Default: "#343438",
+      Link: {
+        Default: "#0174bc",
+        Hover: "#009cde"
+      }
+    },
+    StatusLine: {
+      Default: "#e5e5ea",
+      Success: "#00b050",
+      Error: "#d63c42"
+    }
+  },
+  NumericSpinner: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    }
+  },
+  RadioButton: {
+    Inactive: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#009cde",
+        Text: "#343438"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438"
+      }
+    },
+    Active: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#009cde",
+        Text: "#343438"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#afdef8",
+        Text: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438"
+      }
+    }
+  },
+  Search: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970",
+      SearchIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329",
+      SearchIcon: "#696970"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    }
+  },
+  SegmentedButton: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    DisabledChecked: {
+      Background: "#e5e5ea",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Active: {
+      Background: "#0174bc",
+      Border: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  SideNavigation: {
+    Icon: "#3d3d42",
+    Border: "#d6d6dd",
+    Background: {
+      Default: "#f7f7fa",
+      SecondLevel: "#ffffff"
+    },
+    DefaultMenuItem: {
+      Background: "#f7f7fa",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#343438",
+        Background: "#f7f7fa",
+        Border: "#d6d6dd"
+      }
+    },
+    HoverMenuItem: {
+      Background: "#edf8ff",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#343438",
+        Background: "#f7f7fa",
+        Border: "#d6d6dd"
+      }
+    },
+    SelectedMenuItem: {
+      Background: "#ceedfe",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#ffffff",
+        Background: "#0174bc"
+      }
+    }
+  },
+  Select: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329",
+      InfoIcon: "#696970"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438"
+    }
+  },
+  SidePanel: {
+    Background: "#ffffff",
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde"
+    }
+  },
+  Switch: {
+    Active: {
+      Default: {
+        Background: "#0174bc",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#009cde",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Focus: {
+        Background: "#0174bc",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#afdef8",
+        Icon: "#a3a3ab",
+        Circle: "#ffffff",
+        Text: "#a3a3ab"
+      }
+    },
+    Inactive: {
+      Default: {
+        Background: "#83838c",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#a3a3ab",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Focus: {
+        Background: "#83838c",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Circle: "#ffffff",
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  Tab: {
+    Default: {
+      Text: "#343438",
+      Icon: "#3d3d42",
+      Border: "#c2c2ca"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde",
+      Border: "#c2c2ca"
+    },
+    Active: {
+      Text: "#0174bc",
+      Icon: "#0174bc",
+      Border: "#0174bc"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      Border: "#c2c2ca"
+    }
+  },
+  Tag: {
+    Default: {
+      Background: "#f7f7fa",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Hover: {
+      Background: "#f7f7fa",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Focus: {
+      Background: "#edf8ff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Error: {
+      Background: "#f7f7fa",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438",
+      Icon: "#3d3d42"
+    }
+  },
+  TagInput: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      HintText: "#696970"
+    },
+    Placeholder: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      HintText: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      HintText: "#696970"
+    }
+  },
+  TextArea: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Placeholder: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      HintText: "#b82329",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    ReadOnly: {
+      Text: "#343438",
+      HintText: "#696970"
+    }
+  },
+  TextField: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Placeholder: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      HintText: "#b82329",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    ReadOnly: {
+      Text: "#343438",
+      HintText: "#696970"
+    }
+  },
+  TimePicker: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Text: "#343438"
+    }
+  },
+  Tooltip: {
+    Background: "#343438",
+    Text: "#ffffff"
+  },
+  Tree: {
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    },
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff"
+    },
+    ExpandedArea: {
+      Border: "#83838c"
+    }
+  },
+  Widget: {
+    Download: {
+      Text: "#343438",
+      Border: "#d6d6dd",
+      Background: {
+        Header: "#f7f7fa",
+        Default: "#ffffff"
+      },
+      Icon: {
+        Default: "#3d3d42",
+        Success: "#00b050",
+        Error: "#d63c42"
+      }
+    },
+    Upload: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Icon: "#3d3d42",
+        Text: {
+          Default: "#343438",
+          Link: "#0174bc"
+        }
+      },
+      Hover: {
+        Background: "#edf8ff",
+        Border: "#0174bc",
+        Icon: "#3d3d42",
+        Text: {
+          Default: "#343438",
+          Link: "#0174bc"
+        }
+      },
+      Disabled: {
+        Background: "#ededf2",
+        Border: "#c2c2ca",
+        Icon: "#a3a3ab",
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  Stepper: {
+    Horizontal: {
+      Line: "#d6d6dd",
+      PastItem: {
+        Circle: {
+          Background: "#edf8ff",
+          Border: "#0174bc",
+          Text: "#0174bc",
+          Icon: "#0174bc"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      CurrentItem: {
+        Circle: {
+          Background: "#0174bc",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#ffffff",
+          Border: "#d6d6dd",
+          Text: "#a3a3ab"
+        },
+        Text: "#a3a3ab"
+      }
+    },
+    Vertical: {
+      Background: "#ffffff",
+      Border: "#d6d6dd",
+      Icon: "#3d3d42",
+      PastItem: {
+        Circle: {
+          Background: "#edf8ff",
+          Border: "#0174bc",
+          Text: "#0174bc",
+          Icon: "#0174bc"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      CurrentItem: {
+        Icon: "#0174bc",
+        Circle: {
+          Background: "#0174bc",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#ffffff",
+          Border: "#83838c",
+          Text: "#696970"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      DisabledItem: {
+        Circle: {
+          Background: "#ffffff",
+          Border: "#d6d6dd",
+          Text: "#a3a3ab"
+        },
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  AdvancedSearch: {
+    FilterIcon: {
+      Default: {
+        Icon: "#3d3d42"
+      },
+      Hover: {
+        Icon: "#009cde"
+      },
+      Applied: {
+        Icon: "#0174bc",
+        Badge: {
+          Background: "#d63c42",
+          Text: "#ffffff"
+        }
+      },
+      Disabled: {
+        Icon: "#a3a3ab",
+        Badge: {
+          Background: "#83838c",
+          Text: "#ffffff"
+        }
+      }
+    },
+    FilterArea: {
+      Background: "#f7f7fa",
+      Border: "#d6d6dd",
+      Text: {
+        Default: "#343438",
+        Link: "#0174bc"
+      },
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Disabled: "#a3a3ab"
+      },
+      Tag: {
+        Background: "#ffffff",
+        Border: "#d6d6dd",
+        OperatorIcon: "#c25d05",
+        Icon: {
+          Default: "#3d3d42",
+          Hover: "#009cde"
+        }
+      }
+    }
+  },
+  SegmentedStatusButton: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#696970"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#696970"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    DisabledPositive: {
+      Background: "#b7dfba",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ActivePositive: {
+      Background: "#07a04d",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    DisabledNegative: {
+      Background: "#f9c6c6",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ActiveNegative: {
+      Background: "#d0343a",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    DisabledNeutral: {
+      Background: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ActiveNeutral: {
+      Background: "#83838c",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  LinkSelect: {
+    Default: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde"
+    },
+    Filled: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Focus: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    },
+    ReadOnly: {
+      Text: "#343438"
+    }
+  }
+}
+
+declare const Component: ComponentTypes;
+
+export interface ButtonTypes {
+  Primary: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Pressed: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#0174bc"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Pressed: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#ffffff",
+      Border: "#0174bc"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde"
+    },
+    Pressed: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    }
+  }
+}
+
+declare const Button: ButtonTypes;
+
+export interface ContainerTypes {
+  Background: "#ffffff",
+  Border: "#d6d6dd"
+}
+
+declare const Container: ContainerTypes;
+
+export interface TableTypes {
+  HeaderFilled: {
+    Background: "#343438",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  HeaderOutlined: {
+    Border: "#343438",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Row: {
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Disabled: "#a3a3ab",
+      Hover: "#009cde"
+    },
+    Background: {
+      Default: "#ffffff",
+      Zebra: "#f7f7fa",
+      Hover: "#edf8ff"
+    },
+    Text: {
+      Default: "#343438",
+      Placeholder: "#696970",
+      Link: "#0174bc"
+    }
+  }
+}
+
+declare const Table: TableTypes;
+
+export interface MenuButtonTypes {
+  Primary: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Pressed: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#0174bc"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Pressed: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#ffffff",
+      Border: "#0174bc"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde"
+    },
+    Pressed: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    }
+  }
+}
+
+declare const MenuButton: MenuButtonTypes;
+
+export interface OverflowMenuButtonTypes {
+  Default: {
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Icon: "#009cde"
+  },
+  Pressed: {
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Icon: "#a3a3ab"
+  }
+}
+
+declare const OverflowMenuButton: OverflowMenuButtonTypes;
+
+export interface SplitMenuButtonTypes {
+  Primary: {
+    Default: {
+      Background: "#0174bc",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#009cde",
+      BackgroundRight: "#0174bc",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HoverRight: {
+      BackgroundLeft: "#0174bc",
+      BackgroundRight: "#009cde",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Active: {
+      Background: "#0174bc",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Border: "#ffffff",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      BackgroundLeft: "#0174bc",
+      BackgroundRight: "#0174bc",
+      Border: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#edf8ff",
+      BackgroundRight: "#ffffff",
+      BorderLeft: "#009cde",
+      BorderRight: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    HoverRight: {
+      BackgroundLeft: "#ffffff",
+      BackgroundRight: "#edf8ff",
+      BorderLeft: "#0174bc",
+      BorderRight: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Icon: "#0174bc"
+    }
+  }
+}
+
+declare const SplitMenuButton: SplitMenuButtonTypes;
+
+export interface AppbarTypes {
+  Background: "#f7f7fa",
+  Border: "#d6d6dd",
+  Text: "#343438",
+  Icon: "#3d3d42"
+}
+
+declare const Appbar: AppbarTypes;
+
+export interface BadgeTypes {
+  Informative: {
+    Background: "lch(36.7 58.2 286 / 0.12)",
+    Text: "#3451b2"
+  },
+  Neutral: {
+    Background: "lch(34.6 3.66 286 / 0.12)",
+    Text: "#515157"
+  },
+  Warning: {
+    Background: "lch(67.2 71.6 80.1 / 0.12)",
+    Text: "#c25d05"
+  },
+  Negative: {
+    Background: "lch(41.2 69 32.4 / 0.12)",
+    Text: "#b82329"
+  },
+  Positive: {
+    Background: "lch(47.6 47.7 150 / 0.12)",
+    Text: "#138246"
+  },
+  Important: {
+    Background: "lch(38.2 75 307 / 0.12)",
+    Text: "#753bbd"
+  },
+  Violet: {
+    Background: "lch(36.2 62.1 298 / 0.12)",
+    Text: "#5746af"
+  },
+  Pink: {
+    Background: "lch(47.1 72.1 347 / 0.12)",
+    Text: "#cd1d8d"
+  }
+}
+
+declare const Badge: BadgeTypes;
+
+export interface BreadcrumbTypes {
+  Divider: "#d6d6dd",
+  AppTitle: {
+    Text: "#0174bc"
+  },
+  Default: {
+    Text: "#0174bc"
+  },
+  Truncated: {
+    Text: "#0174bc"
+  },
+  LastItem: {
+    Text: "#343438"
+  },
+  Collapsed: {
+    Background: "#e5e5ea",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  WithDropdown: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  }
+}
+
+declare const Breadcrumb: BreadcrumbTypes;
+
+export interface CardTypes {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Text: "#343438",
+  Icon: "#3d3d42"
+}
+
+declare const Card: CardTypes;
+
+export interface CheckboxTypes {
+  Empty: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#009cde",
+      Text: "#343438"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438"
+    }
+  },
+  Checked: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Active: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#afdef8",
+      Text: "#a3a3ab",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438",
+      Icon: "#a3a3ab"
+    }
+  },
+  Indeterminated: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Active: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#afdef8",
+      Text: "#a3a3ab",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438",
+      Icon: "#a3a3ab"
+    }
+  }
+}
+
+declare const Checkbox: CheckboxTypes;
+
+export interface ContentPanelTypes {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Text: "#343438",
+  Icon: "#3d3d42"
+}
+
+declare const ContentPanel: ContentPanelTypes;
+
+export interface CalendarTypes {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Icon: "#3d3d42",
+  Text: {
+    Default: "#343438",
+    Disabled: "#a3a3ab"
+  },
+  SelectedItem: {
+    Text: "#ffffff",
+    Background: "#0174bc"
+  },
+  HoverItem: {
+    Background: "#edf8ff",
+    Text: "#343438"
+  },
+  PresetArea: {
+    Background: "#f7f7fa",
+    HoverPeriod: {
+      Background: "#edf8ff"
+    },
+    ActivePeriod: {
+      Background: "#ceedfe",
+      Text: "#343438"
+    }
+  }
+}
+
+declare const Calendar: CalendarTypes;
+
+export interface DateFieldTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#0174bc",
+    HintText: "#696970"
+  }
+}
+
+declare const DateField: DateFieldTypes;
+
+export interface DatePickerTypes {
+  Default: {
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Icon: "#009cde"
+  },
+  Filled: {
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Icon: "#a3a3ab"
+  },
+  Focus: {
+    Icon: "#0174bc"
+  }
+}
+
+declare const DatePicker: DatePickerTypes;
+
+export interface DateRangePickerTypes {
+  Default: {
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Icon: "#009cde"
+  },
+  Filled: {
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Icon: "#a3a3ab"
+  },
+  Focus: {
+    Icon: "#0174bc"
+  }
+}
+
+declare const DateRangePicker: DateRangePickerTypes;
+
+export interface DateRangeFieldTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#0174bc",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  }
+}
+
+declare const DateRangeField: DateRangeFieldTypes;
+
+export interface DateRangeInputTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  ActivePeriod: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    ActiveItem: {
+      Background: "#edf8ff",
+      Text: "#696970"
+    }
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  },
+  Disabled: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#0174bc",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  }
+}
+
+declare const DateRangeInput: DateRangeInputTypes;
+
+export interface DividerTypes {
+  Border: "#d6d6dd"
+}
+
+declare const Divider: DividerTypes;
+
+export interface DrawerTypes {
+  Background: "#ffffff",
+  Text: "#343438",
+  Icon: {
+    Default: "#3d3d42",
+    Disabled: "#a3a3ab"
+  }
+}
+
+declare const Drawer: DrawerTypes;
+
+export interface DropdownTypes {
+  Icon: {
+    Default: "#3d3d42",
+    Disabled: "#a3a3ab"
+  },
+  Text: {
+    Default: "#343438",
+    Link: "#0174bc",
+    Description: "#696970",
+    Disabled: "#a3a3ab"
+  },
+  Background: {
+    Default: "#ffffff",
+    Hover: "#edf8ff",
+    Category: "#f7f7fa"
+  }
+}
+
+declare const Dropdown: DropdownTypes;
+
+export interface GlobalHeaderTypes {
+  Background: "#232326",
+  Border: "#3d3d42",
+  Icon: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Search: {
+    Background: "#3d3d42",
+    Text: {
+      Placeholder: "#d6d6dd",
+      Filled: "#ffffff"
+    },
+    Icon: {
+      Default: "#d6d6dd",
+      Active: "#ffffff",
+      Hover: "#ffffff"
+    }
+  }
+}
+
+declare const GlobalHeader: GlobalHeaderTypes;
+
+export interface GlobalFooterTypes {
+  Background: "#232326",
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  }
+}
+
+declare const GlobalFooter: GlobalFooterTypes;
+
+export interface GroupSelectTypes {
+  Field: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Selected: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329",
+      InfoIcon: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    }
+  },
+  Dropdown: {
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff"
+    }
+  }
+}
+
+declare const GroupSelect: GroupSelectTypes;
+
+export interface InlineEditTypes {
+  Text: "#343438",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde"
+  },
+  AcceptIcon: {
+    Default: "#0174bc",
+    Hover: "#009cde",
+    Disabled: "#a3a3ab"
+  }
+}
+
+declare const InlineEdit: InlineEditTypes;
+
+export interface KpiBarTypes {
+  Text: "#3d3d42",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc"
+  },
+  Item: {
+    Neutral: {
+      Default: {
+        Label: "#515157",
+        Text: "#696970",
+        Icon: "#515157"
+      },
+      Hover: {
+        Label: "#515157",
+        Text: "#696970",
+        Background: "lch(34.6 3.66 286 / 0.12)",
+        Icon: "#515157"
+      },
+      Active: {
+        Label: "#515157",
+        Text: "#343438",
+        Border: "#515157",
+        Icon: "#515157"
+      }
+    },
+    Green: {
+      Default: {
+        Label: "#138246",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#138246",
+        Text: "#696970",
+        Background: "lch(47.6 47.7 150 / 0.12)"
+      },
+      Active: {
+        Label: "#138246",
+        Text: "#343438",
+        Border: "#138246"
+      }
+    },
+    Orange: {
+      Default: {
+        Label: "#c25d05",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#c25d05",
+        Text: "#696970",
+        Background: "lch(67.2 71.6 80.1 / 0.12)"
+      },
+      Active: {
+        Label: "#c25d05",
+        Text: "#343438",
+        Border: "#c25d05"
+      }
+    },
+    Purple: {
+      Default: {
+        Label: "#753bbd",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#753bbd",
+        Text: "#696970",
+        Background: "lch(38.2 75 307 / 0.12)"
+      },
+      Active: {
+        Label: "#753bbd",
+        Text: "#343438",
+        Border: "#753bbd"
+      }
+    },
+    Red: {
+      Default: {
+        Label: "#b82329",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#b82329",
+        Text: "#696970",
+        Background: "lch(41.2 69 32.4 / 0.12)"
+      },
+      Active: {
+        Label: "#b82329",
+        Text: "#343438",
+        Border: "#b82329"
+      }
+    },
+    Ultramarine: {
+      Default: {
+        Label: "#3451b2",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#3451b2",
+        Text: "#696970",
+        Background: "lch(36.7 58.2 286 / 0.12)"
+      },
+      Active: {
+        Label: "#3451b2",
+        Text: "#343438",
+        Border: "#3451b2"
+      }
+    },
+    Pink: {
+      Default: {
+        Label: "#cd1d8d",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#cd1d8d",
+        Text: "#696970",
+        Background: "lch(47.1 72.1 347 / 0.12)"
+      },
+      Active: {
+        Label: "#cd1d8d",
+        Text: "#343438",
+        Border: "#cd1d8d"
+      }
+    }
+  }
+}
+
+declare const KpiBar: KpiBarTypes;
+
+export interface LabelTypes {
+  Text: "#343438",
+  Icon: "#3d3d42",
+  InfoIcon: "#696970"
+}
+
+declare const Label: LabelTypes;
+
+export interface ListTypes {
+  Text: "#343438",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc"
+  },
+  Background: {
+    Default: "#ffffff",
+    Hover: "#edf8ff"
+  }
+}
+
+declare const List: ListTypes;
+
+export interface MasterSwitchTypes {
+  ContentBackground: "#ffffff",
+  SideBackground: "#f7f7fa",
+  Text: "#343438",
+  Icon: "#3d3d42"
+}
+
+declare const MasterSwitch: MasterSwitchTypes;
+
+export interface ModalTypes {
+  Background: "#ffffff",
+  Icon: "#3d3d42",
+  Text: {
+    Default: "#343438",
+    Description: "#696970"
+  }
+}
+
+declare const Modal: ModalTypes;
+
+export interface NotificationBannerTypes {
+  Text: "#343438",
+  Icon: "#3d3d42",
+  Informative: {
+    Background: "#f0f4ff",
+    Border: "#4067e5",
+    StatusIcon: "#4067e5"
+  },
+  Tip: {
+    Background: "#f0f4ff",
+    Border: "#4067e5",
+    StatusIcon: "#4067e5"
+  },
+  Warning: {
+    Background: "#fff4d5",
+    Border: "#fecb34",
+    StatusIcon: "#fecb34"
+  },
+  Success: {
+    Background: "#ebf9eb",
+    Border: "#00b050",
+    StatusIcon: "#00b050"
+  },
+  Error: {
+    Background: "#ffefef",
+    Border: "#d63c42",
+    StatusIcon: "#d63c42"
+  },
+  Secondary: {
+    Background: "#e5e5ea",
+    Border: "#343438",
+    StatusIcon: "#3d3d42"
+  }
+}
+
+declare const NotificationBanner: NotificationBannerTypes;
+
+export interface NotificationToastTypes {
+  Text: "#343438",
+  Icon: "#3d3d42",
+  Informative: {
+    Background: "#f0f4ff",
+    IconBackground: "#4067e5",
+    Border: "#4067e5",
+    StatusIcon: "#ffffff"
+  },
+  Tip: {
+    Background: "#f0f4ff",
+    IconBackground: "#4067e5",
+    Border: "#4067e5",
+    StatusIcon: "#ffffff"
+  },
+  Warning: {
+    Background: "#fff4d5",
+    IconBackground: "#fecb34",
+    Border: "#fecb34",
+    StatusIcon: "#3d3d42"
+  },
+  Success: {
+    Background: "#ebf9eb",
+    IconBackground: "#00b050",
+    Border: "#00b050",
+    StatusIcon: "#ffffff"
+  },
+  Error: {
+    Background: "#ffefef",
+    IconBackground: "#d63c42",
+    Border: "#d63c42",
+    StatusIcon: "#ffffff"
+  }
+}
+
+declare const NotificationToast: NotificationToastTypes;
+
+export interface PaginationTypes {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Text: {
+    Default: "#343438",
+    Link: "#0174bc",
+    Hover: "#009cde",
+    Disabled: "#a3a3ab"
+  },
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc",
+    Disabled: "#a3a3ab"
+  }
+}
+
+declare const Pagination: PaginationTypes;
+
+export interface PopoverTypes {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Icon: "#3d3d42",
+  Text: {
+    Default: "#343438",
+    Link: {
+      Default: "#0174bc",
+      Hover: "#009cde"
+    }
+  }
+}
+
+declare const Popover: PopoverTypes;
+
+export interface ProgressBarTypes {
+  Text: {
+    Default: "#343438",
+    Link: {
+      Default: "#0174bc",
+      Hover: "#009cde"
+    }
+  },
+  StatusLine: {
+    Default: "#e5e5ea",
+    Success: "#00b050",
+    Error: "#d63c42"
+  }
+}
+
+declare const ProgressBar: ProgressBarTypes;
+
+export interface NumericSpinnerTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  }
+}
+
+declare const NumericSpinner: NumericSpinnerTypes;
+
+export interface RadioButtonTypes {
+  Inactive: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#009cde",
+      Text: "#343438"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438"
+    }
+  },
+  Active: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#009cde",
+      Text: "#343438"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#afdef8",
+      Text: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438"
+    }
+  }
+}
+
+declare const RadioButton: RadioButtonTypes;
+
+export interface SearchTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970",
+    SearchIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329",
+    SearchIcon: "#696970"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  }
+}
+
+declare const Search: SearchTypes;
+
+export interface SegmentedButtonTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#0174bc",
+    Icon: "#0174bc"
+  },
+  Hover: {
+    Background: "#edf8ff",
+    Border: "#009cde",
+    Text: "#0174bc",
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  DisabledChecked: {
+    Background: "#e5e5ea",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Active: {
+    Background: "#0174bc",
+    Border: "#0174bc",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+}
+
+declare const SegmentedButton: SegmentedButtonTypes;
+
+export interface SideNavigationTypes {
+  Icon: "#3d3d42",
+  Border: "#d6d6dd",
+  Background: {
+    Default: "#f7f7fa",
+    SecondLevel: "#ffffff"
+  },
+  DefaultMenuItem: {
+    Background: "#f7f7fa",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#343438",
+      Background: "#f7f7fa",
+      Border: "#d6d6dd"
+    }
+  },
+  HoverMenuItem: {
+    Background: "#edf8ff",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#343438",
+      Background: "#f7f7fa",
+      Border: "#d6d6dd"
+    }
+  },
+  SelectedMenuItem: {
+    Background: "#ceedfe",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#ffffff",
+      Background: "#0174bc"
+    }
+  }
+}
+
+declare const SideNavigation: SideNavigationTypes;
+
+export interface SelectTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329",
+    InfoIcon: "#696970"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438"
+  }
+}
+
+declare const Select: SelectTypes;
+
+export interface SidePanelTypes {
+  Background: "#ffffff",
+  Text: "#343438",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde"
+  }
+}
+
+declare const SidePanel: SidePanelTypes;
+
+export interface SwitchTypes {
+  Active: {
+    Default: {
+      Background: "#0174bc",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#009cde",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Focus: {
+      Background: "#0174bc",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#afdef8",
+      Icon: "#a3a3ab",
+      Circle: "#ffffff",
+      Text: "#a3a3ab"
+    }
+  },
+  Inactive: {
+    Default: {
+      Background: "#83838c",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#a3a3ab",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Focus: {
+      Background: "#83838c",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Circle: "#ffffff",
+      Text: "#a3a3ab"
+    }
+  }
+}
+
+declare const Switch: SwitchTypes;
+
+export interface TabTypes {
+  Default: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    Border: "#c2c2ca"
+  },
+  Hover: {
+    Text: "#009cde",
+    Icon: "#009cde",
+    Border: "#c2c2ca"
+  },
+  Active: {
+    Text: "#0174bc",
+    Icon: "#0174bc",
+    Border: "#0174bc"
+  },
+  Disabled: {
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    Border: "#c2c2ca"
+  }
+}
+
+declare const Tab: TabTypes;
+
+export interface TagTypes {
+  Default: {
+    Background: "#f7f7fa",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Hover: {
+    Background: "#f7f7fa",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Focus: {
+    Background: "#edf8ff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Error: {
+    Background: "#f7f7fa",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  }
+}
+
+declare const Tag: TagTypes;
+
+export interface TagInputTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    HintText: "#696970"
+  },
+  Placeholder: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    HintText: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    HintText: "#696970"
+  }
+}
+
+declare const TagInput: TagInputTypes;
+
+export interface TextAreaTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Placeholder: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    HintText: "#b82329",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  ReadOnly: {
+    Text: "#343438",
+    HintText: "#696970"
+  }
+}
+
+declare const TextArea: TextAreaTypes;
+
+export interface TextFieldTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Placeholder: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    HintText: "#b82329",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  ReadOnly: {
+    Text: "#343438",
+    HintText: "#696970"
+  }
+}
+
+declare const TextField: TextFieldTypes;
+
+export interface TimePickerTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Text: "#343438"
+  }
+}
+
+declare const TimePicker: TimePickerTypes;
+
+export interface TooltipTypes {
+  Background: "#343438",
+  Text: "#ffffff"
+}
+
+declare const Tooltip: TooltipTypes;
+
+export interface TreeTypes {
+  Text: "#343438",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc"
+  },
+  Background: {
+    Default: "#ffffff",
+    Hover: "#edf8ff"
+  },
+  ExpandedArea: {
+    Border: "#83838c"
+  }
+}
+
+declare const Tree: TreeTypes;
+
+export interface WidgetTypes {
+  Download: {
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Background: {
+      Header: "#f7f7fa",
+      Default: "#ffffff"
+    },
+    Icon: {
+      Default: "#3d3d42",
+      Success: "#00b050",
+      Error: "#d63c42"
+    }
+  },
+  Upload: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Icon: "#3d3d42",
+      Text: {
+        Default: "#343438",
+        Link: "#0174bc"
+      }
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#0174bc",
+      Icon: "#3d3d42",
+      Text: {
+        Default: "#343438",
+        Link: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Icon: "#a3a3ab",
+      Text: "#a3a3ab"
+    }
+  }
+}
+
+declare const Widget: WidgetTypes;
+
+export interface StepperTypes {
+  Horizontal: {
+    Line: "#d6d6dd",
+    PastItem: {
+      Circle: {
+        Background: "#edf8ff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    CurrentItem: {
+      Circle: {
+        Background: "#0174bc",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#ffffff",
+        Border: "#d6d6dd",
+        Text: "#a3a3ab"
+      },
+      Text: "#a3a3ab"
+    }
+  },
+  Vertical: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Icon: "#3d3d42",
+    PastItem: {
+      Circle: {
+        Background: "#edf8ff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    CurrentItem: {
+      Icon: "#0174bc",
+      Circle: {
+        Background: "#0174bc",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#696970"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    DisabledItem: {
+      Circle: {
+        Background: "#ffffff",
+        Border: "#d6d6dd",
+        Text: "#a3a3ab"
+      },
+      Text: "#a3a3ab"
+    }
+  }
+}
+
+declare const Stepper: StepperTypes;
+
+export interface AdvancedSearchTypes {
+  FilterIcon: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Applied: {
+      Icon: "#0174bc",
+      Badge: {
+        Background: "#d63c42",
+        Text: "#ffffff"
+      }
+    },
+    Disabled: {
+      Icon: "#a3a3ab",
+      Badge: {
+        Background: "#83838c",
+        Text: "#ffffff"
+      }
+    }
+  },
+  FilterArea: {
+    Background: "#f7f7fa",
+    Border: "#d6d6dd",
+    Text: {
+      Default: "#343438",
+      Link: "#0174bc"
+    },
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    },
+    Tag: {
+      Background: "#ffffff",
+      Border: "#d6d6dd",
+      OperatorIcon: "#c25d05",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde"
+      }
+    }
+  }
+}
+
+declare const AdvancedSearch: AdvancedSearchTypes;
+
+export interface SegmentedStatusButtonTypes {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#696970"
+  },
+  Hover: {
+    Background: "#edf8ff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#696970"
+  },
+  Disabled: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  DisabledPositive: {
+    Background: "#b7dfba",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ActivePositive: {
+    Background: "#07a04d",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  DisabledNegative: {
+    Background: "#f9c6c6",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ActiveNegative: {
+    Background: "#d0343a",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  DisabledNeutral: {
+    Background: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ActiveNeutral: {
+    Background: "#83838c",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+}
+
+declare const SegmentedStatusButton: SegmentedStatusButtonTypes;
+
+export interface LinkSelectTypes {
+  Default: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Text: "#009cde",
+    Icon: "#009cde"
+  },
+  Filled: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  },
+  Disabled: {
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Focus: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  },
+  ReadOnly: {
+    Text: "#343438"
+  }
+}
+
+declare const LinkSelect: LinkSelectTypes;
+      
\ No newline at end of file
diff --git a/dist/themes/densedLight/index.js b/dist/themes/densedLight/index.js
new file mode 100644
index 0000000..d6f99e0
--- /dev/null
+++ b/dist/themes/densedLight/index.js
@@ -0,0 +1,5407 @@
+
+  /**
+   * Do not edit directly
+   * Generated on 2024-08-21
+   */
+  export const Global = {
+  Color: {
+    Neutrals: {
+      5: "#f7f7fa",
+      10: "#ededf2",
+      20: "#e5e5ea",
+      30: "#d6d6dd",
+      40: "#c2c2ca",
+      50: "#a3a3ab",
+      60: "#83838c",
+      70: "#696970",
+      80: "#515157",
+      90: "#3d3d42",
+      100: "#343438",
+      Black: "#232326",
+      White: "#ffffff"
+    },
+    Brand: {
+      5: "#f5fbff",
+      10: "#edf8ff",
+      20: "#e1f4ff",
+      30: "#ceedfe",
+      40: "#afdef8",
+      50: "#96cff0",
+      60: "#5bb3ea",
+      70: "#009cde",
+      80: "#108ad6",
+      90: "#0174bc",
+      100: "#00314d"
+    },
+    Red: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      80: "#d0343a",
+      90: "#b82329",
+      100: "#381316"
+    },
+    Orange: {
+      5: "#fef9f4",
+      10: "#fff3e7",
+      20: "#ffebd7",
+      30: "#ffe1c3",
+      40: "#facfa4",
+      50: "#f2b67b",
+      60: "#f09d4b",
+      70: "#fe9933",
+      80: "#f0821d",
+      90: "#c25d05",
+      100: "#451e11"
+    },
+    Amber: {
+      5: "#fff9ed",
+      10: "#fff4d5",
+      20: "#ffecbc",
+      30: "#ffe3a2",
+      40: "#facf83",
+      50: "#f3ba63",
+      60: "#edb016",
+      70: "#fecb34",
+      80: "#f2b90e",
+      90: "#ce9a00",
+      100: "#403104"
+    },
+    Yellow: {
+      5: "#ffffeb",
+      10: "#fafadf",
+      20: "#f9f9c9",
+      30: "#f8f8b6",
+      40: "#f5f596",
+      50: "#e8e86a",
+      60: "#dfdf39",
+      70: "#f5f531",
+      80: "#e5e50a",
+      90: "#bfbf0d",
+      100: "#35290f"
+    },
+    Lime: {
+      5: "#f7fcf0",
+      10: "#eefadc",
+      20: "#e4f7c7",
+      30: "#d7f2b0",
+      40: "#c9e894",
+      50: "#b1d16a",
+      60: "#94ba2c",
+      70: "#99d52a",
+      80: "#93c926",
+      90: "#5d770d",
+      100: "#263209"
+    },
+    Green: {
+      5: "#f3fcf3",
+      10: "#ebf9eb",
+      20: "#dff3df",
+      30: "#ceebcf",
+      40: "#b7dfba",
+      50: "#97cf9c",
+      60: "#65ba75",
+      70: "#00b050",
+      80: "#07a04d",
+      90: "#138246",
+      100: "#1b311e"
+    },
+    Teal: {
+      5: "#f1fcfa",
+      10: "#e7f9f5",
+      20: "#d9f3ee",
+      30: "#c7ebe5",
+      40: "#afdfd7",
+      50: "#8dcec3",
+      60: "#53b9ab",
+      70: "#12a594",
+      80: "#0e9888",
+      90: "#067a6f",
+      100: "#10302b"
+    },
+    Cyan: {
+      5: "#f2fcfd",
+      10: "#e7f9fb",
+      20: "#d8f3f6",
+      30: "#aadee6",
+      40: "#84cdda",
+      50: "#84cdda",
+      60: "#3db9cf",
+      70: "#05a2c2",
+      80: "#0894b3",
+      90: "#0c7792",
+      100: "#04313c"
+    },
+    Ultramarine: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      80: "#3a5ccc",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Violet: {
+      5: "#fbfaff",
+      10: "#f5f2ff",
+      20: "#ede9fe",
+      30: "#e4defc",
+      40: "#d7cff9",
+      50: "#c4b8f3",
+      60: "#aa99ec",
+      70: "#7259d6",
+      80: "#644fc1",
+      90: "#5746af",
+      100: "#20134b"
+    },
+    Purple: {
+      5: "#fdfaff",
+      10: "#f9f1fe",
+      20: "#f3e7fc",
+      30: "#eddbf9",
+      40: "#e3ccf4",
+      50: "#d3b4ed",
+      60: "#be93e4",
+      70: "#8e4ec6",
+      80: "#8445bc",
+      90: "#753bbd",
+      100: "#2b0e44"
+    },
+    Magenta: {
+      5: "#fff8ff",
+      10: "#fceffc",
+      20: "#f9e5f9",
+      30: "#f3d9f4",
+      40: "#ebc8ed",
+      50: "#dfafe3",
+      60: "#cf91d8",
+      70: "#ab4aba",
+      80: "#a43cb4",
+      90: "#9c2bad",
+      100: "#340c3b"
+    },
+    Pink: {
+      5: "#fff7fc",
+      10: "#feeef8",
+      20: "#fce5f3",
+      30: "#f9d8ec",
+      40: "#f3c6e2",
+      50: "#ecadd4",
+      60: "#e38ec3",
+      70: "#e043a7",
+      80: "#d23197",
+      90: "#cd1d8d",
+      100: "#3b0a2a"
+    },
+    Brown: {
+      5: "#fbf9f2",
+      10: "#f5f2e9",
+      20: "#eeeadd",
+      30: "#e5dfd0",
+      40: "#dad1bd",
+      50: "#cbbda4",
+      60: "#b8a383",
+      70: "#978365",
+      80: "#8c795d",
+      90: "#776750",
+      100: "#3b352b"
+    }
+  },
+  Spacing: {
+    0: "0rem",
+    10: "0.125rem",
+    20: "0.25rem",
+    30: "0.375rem",
+    40: "0.5rem",
+    50: "0.75rem",
+    60: "1rem",
+    70: "1.5rem",
+    80: "2rem",
+    90: "3rem"
+  },
+  Font: {
+    FontFamily: {
+      Brand: "'Nunito Sans'",
+      Code: "'Fira Code'"
+    },
+    FontWeight: {
+      Semibold: "600",
+      Bold: "700",
+      Extrabold: "800",
+      Regular: {
+        Normal: "400",
+        Italic: "400"
+      }
+    },
+    FontSize: {
+      Xxxs: "0.75rem",
+      Xxs: "0.813rem",
+      Xs: "0.875rem",
+      S: "1rem",
+      M: "1.125rem",
+      L: "1.25rem",
+      Xl: "1.5rem",
+      Xxl: "1.75rem",
+      Xxxl: "2.25rem"
+    },
+    LineHeight: {
+      Xxxs: "1rem",
+      Xxs: "1.125rem",
+      Xs: "1.25rem",
+      S: "1.5rem",
+      M: "1.625rem",
+      L: "1.875rem",
+      Xl: "2rem",
+      Xxl: "2.375rem",
+      Xxxl: "2.625rem"
+    },
+    Textcase: {
+      Uppercase: "uppercase"
+    }
+  },
+  BorderRadius: {
+    None: "0rem"
+  }
+};
+
+export const Color = {
+  Neutrals: {
+    5: "#f7f7fa",
+    10: "#ededf2",
+    20: "#e5e5ea",
+    30: "#d6d6dd",
+    40: "#c2c2ca",
+    50: "#a3a3ab",
+    60: "#83838c",
+    70: "#696970",
+    80: "#515157",
+    90: "#3d3d42",
+    100: "#343438",
+    Black: "#232326",
+    White: "#ffffff"
+  },
+  Brand: {
+    5: "#f5fbff",
+    10: "#edf8ff",
+    20: "#e1f4ff",
+    30: "#ceedfe",
+    40: "#afdef8",
+    50: "#96cff0",
+    60: "#5bb3ea",
+    70: "#009cde",
+    80: "#108ad6",
+    90: "#0174bc",
+    100: "#00314d"
+  },
+  Red: {
+    5: "#fff8f8",
+    10: "#ffefef",
+    20: "#ffe5e5",
+    30: "#fdd8d8",
+    40: "#f9c6c6",
+    50: "#f3aeaf",
+    60: "#eb9091",
+    70: "#d63c42",
+    80: "#d0343a",
+    90: "#b82329",
+    100: "#381316"
+  },
+  Orange: {
+    5: "#fef9f4",
+    10: "#fff3e7",
+    20: "#ffebd7",
+    30: "#ffe1c3",
+    40: "#facfa4",
+    50: "#f2b67b",
+    60: "#f09d4b",
+    70: "#fe9933",
+    80: "#f0821d",
+    90: "#c25d05",
+    100: "#451e11"
+  },
+  Amber: {
+    5: "#fff9ed",
+    10: "#fff4d5",
+    20: "#ffecbc",
+    30: "#ffe3a2",
+    40: "#facf83",
+    50: "#f3ba63",
+    60: "#edb016",
+    70: "#fecb34",
+    80: "#f2b90e",
+    90: "#ce9a00",
+    100: "#403104"
+  },
+  Yellow: {
+    5: "#ffffeb",
+    10: "#fafadf",
+    20: "#f9f9c9",
+    30: "#f8f8b6",
+    40: "#f5f596",
+    50: "#e8e86a",
+    60: "#dfdf39",
+    70: "#f5f531",
+    80: "#e5e50a",
+    90: "#bfbf0d",
+    100: "#35290f"
+  },
+  Lime: {
+    5: "#f7fcf0",
+    10: "#eefadc",
+    20: "#e4f7c7",
+    30: "#d7f2b0",
+    40: "#c9e894",
+    50: "#b1d16a",
+    60: "#94ba2c",
+    70: "#99d52a",
+    80: "#93c926",
+    90: "#5d770d",
+    100: "#263209"
+  },
+  Green: {
+    5: "#f3fcf3",
+    10: "#ebf9eb",
+    20: "#dff3df",
+    30: "#ceebcf",
+    40: "#b7dfba",
+    50: "#97cf9c",
+    60: "#65ba75",
+    70: "#00b050",
+    80: "#07a04d",
+    90: "#138246",
+    100: "#1b311e"
+  },
+  Teal: {
+    5: "#f1fcfa",
+    10: "#e7f9f5",
+    20: "#d9f3ee",
+    30: "#c7ebe5",
+    40: "#afdfd7",
+    50: "#8dcec3",
+    60: "#53b9ab",
+    70: "#12a594",
+    80: "#0e9888",
+    90: "#067a6f",
+    100: "#10302b"
+  },
+  Cyan: {
+    5: "#f2fcfd",
+    10: "#e7f9fb",
+    20: "#d8f3f6",
+    30: "#aadee6",
+    40: "#84cdda",
+    50: "#84cdda",
+    60: "#3db9cf",
+    70: "#05a2c2",
+    80: "#0894b3",
+    90: "#0c7792",
+    100: "#04313c"
+  },
+  Ultramarine: {
+    5: "#f8faff",
+    10: "#f0f4ff",
+    20: "#e6edfe",
+    30: "#d9e2fc",
+    40: "#c6d4f9",
+    50: "#aec0f5",
+    60: "#8da4ef",
+    70: "#4067e5",
+    80: "#3a5ccc",
+    90: "#3451b2",
+    100: "#002856"
+  },
+  Violet: {
+    5: "#fbfaff",
+    10: "#f5f2ff",
+    20: "#ede9fe",
+    30: "#e4defc",
+    40: "#d7cff9",
+    50: "#c4b8f3",
+    60: "#aa99ec",
+    70: "#7259d6",
+    80: "#644fc1",
+    90: "#5746af",
+    100: "#20134b"
+  },
+  Purple: {
+    5: "#fdfaff",
+    10: "#f9f1fe",
+    20: "#f3e7fc",
+    30: "#eddbf9",
+    40: "#e3ccf4",
+    50: "#d3b4ed",
+    60: "#be93e4",
+    70: "#8e4ec6",
+    80: "#8445bc",
+    90: "#753bbd",
+    100: "#2b0e44"
+  },
+  Magenta: {
+    5: "#fff8ff",
+    10: "#fceffc",
+    20: "#f9e5f9",
+    30: "#f3d9f4",
+    40: "#ebc8ed",
+    50: "#dfafe3",
+    60: "#cf91d8",
+    70: "#ab4aba",
+    80: "#a43cb4",
+    90: "#9c2bad",
+    100: "#340c3b"
+  },
+  Pink: {
+    5: "#fff7fc",
+    10: "#feeef8",
+    20: "#fce5f3",
+    30: "#f9d8ec",
+    40: "#f3c6e2",
+    50: "#ecadd4",
+    60: "#e38ec3",
+    70: "#e043a7",
+    80: "#d23197",
+    90: "#cd1d8d",
+    100: "#3b0a2a"
+  },
+  Brown: {
+    5: "#fbf9f2",
+    10: "#f5f2e9",
+    20: "#eeeadd",
+    30: "#e5dfd0",
+    40: "#dad1bd",
+    50: "#cbbda4",
+    60: "#b8a383",
+    70: "#978365",
+    80: "#8c795d",
+    90: "#776750",
+    100: "#3b352b"
+  }
+};
+
+export const Spacing = {
+  0: "0rem",
+  10: "0.125rem",
+  20: "0.25rem",
+  30: "0.375rem",
+  40: "0.5rem",
+  50: "0.75rem",
+  60: "1rem",
+  70: "1.5rem",
+  80: "2rem",
+  90: "3rem"
+};
+
+export const Font = {
+  FontFamily: {
+    Brand: "'Nunito Sans'",
+    Code: "'Fira Code'"
+  },
+  FontWeight: {
+    Semibold: "600",
+    Bold: "700",
+    Extrabold: "800",
+    Regular: {
+      Normal: "400",
+      Italic: "400"
+    }
+  },
+  FontSize: {
+    Xxxs: "0.75rem",
+    Xxs: "0.813rem",
+    Xs: "0.875rem",
+    S: "1rem",
+    M: "1.125rem",
+    L: "1.25rem",
+    Xl: "1.5rem",
+    Xxl: "1.75rem",
+    Xxxl: "2.25rem"
+  },
+  LineHeight: {
+    Xxxs: "1rem",
+    Xxs: "1.125rem",
+    Xs: "1.25rem",
+    S: "1.5rem",
+    M: "1.625rem",
+    L: "1.875rem",
+    Xl: "2rem",
+    Xxl: "2.375rem",
+    Xxxl: "2.625rem"
+  },
+  Textcase: {
+    Uppercase: "uppercase"
+  }
+};
+
+export const BorderRadius = {
+  None: "0rem"
+};
+
+export const Alias = {
+  Content: {
+    Text: {
+      Base: "#ffffff",
+      Negative: "#b82329",
+      Warning: "#fecb34",
+      Positive: "#00b050",
+      Informative: "#4067e5",
+      Primary: {
+        Default: "#343438",
+        Disabled: "#a3a3ab"
+      },
+      Secondary: {
+        Default: "#696970",
+        Disabled: "#a3a3ab"
+      },
+      Link: {
+        Default: "#0174bc",
+        Hover: "#009cde",
+        Disabled: "#a3a3ab"
+      }
+    },
+    Icon: {
+      Base: "#ffffff",
+      Negative: "#d63c42",
+      Warning: "#fecb34",
+      Positive: "#00b050",
+      Informative: "#4067e5",
+      Primary: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc",
+        Disabled: "#a3a3ab"
+      },
+      Secondary: {
+        Default: "#696970",
+        Disabled: "#a3a3ab"
+      }
+    }
+  },
+  Border: {
+    Normal: "#d6d6dd",
+    Neutral: "#343438",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5"
+  },
+  Background: {
+    Normal: "#ffffff",
+    Neutral: "#f7f7fa",
+    Base: "#343438",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Black: "#232326",
+    Negativesubtle: "#ffefef",
+    Warningsubtle: "#fff4d5",
+    Positivesubtle: "#ebf9eb",
+    Informativesubtle: "#f0f4ff",
+    Neutralsubtle: "#e5e5ea",
+    Overlay: "lch(13.8 2.09 286 / 0.24)"
+  },
+  Action: {
+    Base: "#ffffff",
+    Neutral: "#83838c",
+    White50: "#ffffff",
+    Primary: {
+      Default: "#0174bc",
+      Hover: "#009cde",
+      Active: "#0174bc",
+      Disabled: "#e5e5ea"
+    },
+    Secondary: {
+      Hover: "#edf8ff",
+      Disabled: "#c2c2ca"
+    },
+    Tertiary: {
+      Disabled: "#afdef8"
+    },
+    Positive: {
+      Default: "#07a04d",
+      Disabled: "#b7dfba"
+    },
+    Negative: {
+      Default: "#d0343a",
+      Disabled: "#f9c6c6"
+    }
+  },
+  Interaction: {
+    Border: {
+      Default: "#83838c",
+      Hover: "#3d3d42",
+      Focus: "#0174bc",
+      Error: "#d63c42",
+      Disabled: "#c2c2ca"
+    },
+    Background: {
+      Primary: "#ffffff",
+      Secondary: "#f7f7fa",
+      Tertiary: "#edf8ff",
+      Elevated: "#edf8ff",
+      Accent: "#ceedfe",
+      Active: "#0174bc",
+      Disabled: "#ededf2"
+    }
+  },
+  Elevation: {
+    S: "0 2px 6px 0 rgba(58,59,63,0.18)",
+    SInverted: "0 -2px 6px 0 rgba(58,59,63,0.18)",
+    L: "0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08)"
+  },
+  Typography: {
+    Heading: {
+      Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+      Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+      Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+      L: "700 1.25rem/1.625rem 'Nunito Sans'",
+      M: "700 1.125rem/1.5rem 'Nunito Sans'",
+      S: "700 1rem/1.25rem 'Nunito Sans'",
+      Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+      Overline: "800 0.75rem/1rem 'Nunito Sans'",
+      OverlineLetterSpacing: "0.023rem",
+      OverlineTextCase: "uppercase"
+    },
+    Body: {
+      Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+      Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+      Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+      List: "400 0.875rem/1.25rem 'Nunito Sans'",
+      Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+    },
+    Label: {
+      Semibold: {
+        L: "600 1rem/1.25rem 'Nunito Sans'",
+        S: "600 0.875rem/1rem 'Nunito Sans'",
+        Xs: "600 0.75rem/1rem 'Nunito Sans'"
+      },
+      Bold: {
+        L: "700 1rem/1.25rem 'Nunito Sans'",
+        S: "700 0.875rem/1rem 'Nunito Sans'",
+        Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+      },
+      Regular: {
+        S: "400 0.875rem/1rem 'Nunito Sans'",
+        Xs: "400 0.75rem/1rem 'Nunito Sans'",
+        Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+      }
+    },
+    Code: "400 0.813rem/1.25rem 'Fira Code'"
+  },
+  Accent: {
+    Info: {
+      Primary: "#3451b2",
+      Secondary: "lch(36.7 58.2 286 / 0.12)"
+    },
+    Neutral: {
+      Primary: "#515157",
+      Secondary: "lch(34.6 3.66 286 / 0.12)"
+    },
+    Warning: {
+      Primary: "#c25d05",
+      Secondary: "lch(67.2 71.6 80.1 / 0.12)"
+    },
+    Negative: {
+      Primary: "#b82329",
+      Secondary: "lch(41.2 69 32.4 / 0.12)"
+    },
+    Positive: {
+      Primary: "#138246",
+      Secondary: "lch(47.6 47.7 150 / 0.12)"
+    },
+    Important: {
+      Primary: "#753bbd",
+      Secondary: "lch(38.2 75 307 / 0.12)"
+    },
+    Pink: {
+      Primary: "#cd1d8d",
+      Secondary: "lch(47.1 72.1 347 / 0.12)"
+    },
+    Violet: {
+      Primary: "#5746af",
+      Secondary: "lch(36.2 62.1 298 / 0.12)"
+    }
+  },
+  Chart: {
+    Neutral: "#d6d6dd",
+    Categorical: {
+      1: {
+        Primary: "#4067e5",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(46.5 72.3 286 / 0.2)"
+      },
+      2: {
+        Primary: "#fe9933",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(72.9 74.2 63 / 0.2)"
+      },
+      3: {
+        Primary: "#12a594",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(60.7 39.7 183 / 0.2)"
+      },
+      4: {
+        Primary: "#ab4aba",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(48.2 66.6 322 / 0.2)"
+      },
+      5: {
+        Primary: "#d63c42",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+      },
+      6: {
+        Primary: "#05a2c2",
+        Inactive: "#aadee6",
+        Transparent: "lch(61 38.6 224 / 0.2)"
+      },
+      7: {
+        Primary: "#e043a7",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(55 70 344 / 0.2)"
+      },
+      8: {
+        Primary: "#00b050",
+        Inactive: "#ceebcf",
+        Transparent: "lch(63 67 146 / 0.2)"
+      },
+      9: {
+        Primary: "#7259d6",
+        Inactive: "#e4defc",
+        Transparent: "lch(45.6 71 299 / 0.2)"
+      },
+      10: {
+        Primary: "#99d52a",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(79 79.1 118 / 0.2)"
+      },
+      11: {
+        Primary: "#696970",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(44.6 4.09 286 / 0.2)"
+      },
+      12: {
+        Primary: "#8da4ef",
+        Inactive: "#d9e2fc",
+        Transparent: "lch(67.9 41.2 278 / 0.2)"
+      },
+      13: {
+        Primary: "#c25d05",
+        Inactive: "#ffe1c3",
+        Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+      },
+      14: {
+        Primary: "#067a6f",
+        Inactive: "#c7ebe5",
+        Transparent: "lch(45.6 31.8 185 / 0.2)"
+      },
+      15: {
+        Primary: "#cf91d8",
+        Inactive: "#f3d9f4",
+        Transparent: "lch(68.3 42.4 321 / 0.2)"
+      },
+      16: {
+        Primary: "#eb9091",
+        Inactive: "#fdd8d8",
+        Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+      },
+      17: {
+        Primary: "#0c7792",
+        Inactive: "#aadee6",
+        Transparent: "lch(45.7 30.9 228 / 0.2)"
+      },
+      18: {
+        Primary: "#e38ec3",
+        Inactive: "#f9d8ec",
+        Transparent: "lch(69.3 40.8 341 / 0.2)"
+      },
+      19: {
+        Primary: "#97cf9c",
+        Inactive: "#ceebcf",
+        Transparent: "lch(78.2 32.7 144 / 0.2)"
+      },
+      20: {
+        Primary: "#aa99ec",
+        Inactive: "#e4defc",
+        Transparent: "lch(67.2 44.6 296 / 0.2)"
+      },
+      21: {
+        Primary: "#94ba2c",
+        Inactive: "#d7f2b0",
+        Transparent: "lch(70.8 67.7 114 / 0.2)"
+      },
+      22: {
+        Primary: "#3d3d42",
+        Inactive: "#d6d6dd",
+        Transparent: "lch(25.9 3.2 286 / 0.2)"
+      }
+    },
+    Monochromatic: {
+      Default: {
+        5: "#f8faff",
+        10: "#f0f4ff",
+        20: "#e6edfe",
+        30: "#d9e2fc",
+        40: "#c6d4f9",
+        50: "#aec0f5",
+        60: "#8da4ef",
+        70: "#4067e5",
+        90: "#3451b2",
+        100: "#002856"
+      },
+      Danger: {
+        5: "#fff8f8",
+        10: "#ffefef",
+        20: "#ffe5e5",
+        30: "#fdd8d8",
+        40: "#f9c6c6",
+        50: "#f3aeaf",
+        60: "#eb9091",
+        70: "#d63c42",
+        90: "#b82329",
+        100: "#381316"
+      }
+    },
+    Status: {
+      Negative: "#d63c42",
+      Warning: "#fecb34",
+      Positive: "#00b050"
+    }
+  }
+};
+
+export const Content = {
+  Text: {
+    Base: "#ffffff",
+    Negative: "#b82329",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Primary: {
+      Default: "#343438",
+      Disabled: "#a3a3ab"
+    },
+    Secondary: {
+      Default: "#696970",
+      Disabled: "#a3a3ab"
+    },
+    Link: {
+      Default: "#0174bc",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    }
+  },
+  Icon: {
+    Base: "#ffffff",
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050",
+    Informative: "#4067e5",
+    Primary: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc",
+      Disabled: "#a3a3ab"
+    },
+    Secondary: {
+      Default: "#696970",
+      Disabled: "#a3a3ab"
+    }
+  }
+};
+
+export const Border = {
+  Normal: "#d6d6dd",
+  Neutral: "#343438",
+  Negative: "#d63c42",
+  Warning: "#fecb34",
+  Positive: "#00b050",
+  Informative: "#4067e5"
+};
+
+export const Background = {
+  Normal: "#ffffff",
+  Neutral: "#f7f7fa",
+  Base: "#343438",
+  Negative: "#d63c42",
+  Warning: "#fecb34",
+  Positive: "#00b050",
+  Informative: "#4067e5",
+  Black: "#232326",
+  Negativesubtle: "#ffefef",
+  Warningsubtle: "#fff4d5",
+  Positivesubtle: "#ebf9eb",
+  Informativesubtle: "#f0f4ff",
+  Neutralsubtle: "#e5e5ea",
+  Overlay: "lch(13.8 2.09 286 / 0.24)"
+};
+
+export const Action = {
+  Base: "#ffffff",
+  Neutral: "#83838c",
+  White50: "#ffffff",
+  Primary: {
+    Default: "#0174bc",
+    Hover: "#009cde",
+    Active: "#0174bc",
+    Disabled: "#e5e5ea"
+  },
+  Secondary: {
+    Hover: "#edf8ff",
+    Disabled: "#c2c2ca"
+  },
+  Tertiary: {
+    Disabled: "#afdef8"
+  },
+  Positive: {
+    Default: "#07a04d",
+    Disabled: "#b7dfba"
+  },
+  Negative: {
+    Default: "#d0343a",
+    Disabled: "#f9c6c6"
+  }
+};
+
+export const Interaction = {
+  Border: {
+    Default: "#83838c",
+    Hover: "#3d3d42",
+    Focus: "#0174bc",
+    Error: "#d63c42",
+    Disabled: "#c2c2ca"
+  },
+  Background: {
+    Primary: "#ffffff",
+    Secondary: "#f7f7fa",
+    Tertiary: "#edf8ff",
+    Elevated: "#edf8ff",
+    Accent: "#ceedfe",
+    Active: "#0174bc",
+    Disabled: "#ededf2"
+  }
+};
+
+export const Elevation = {
+  S: "0 2px 6px 0 rgba(58,59,63,0.18)",
+  SInverted: "0 -2px 6px 0 rgba(58,59,63,0.18)",
+  L: "0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08)"
+};
+
+export const Typography = {
+  Heading: {
+    Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'",
+    Xxl: "800 1.75rem/2rem 'Nunito Sans'",
+    Xl: "700 1.5rem/1.875rem 'Nunito Sans'",
+    L: "700 1.25rem/1.625rem 'Nunito Sans'",
+    M: "700 1.125rem/1.5rem 'Nunito Sans'",
+    S: "700 1rem/1.25rem 'Nunito Sans'",
+    Xs: "700 0.875rem/1.125rem 'Nunito Sans'",
+    Overline: "800 0.75rem/1rem 'Nunito Sans'",
+    OverlineLetterSpacing: "0.023rem",
+    OverlineTextCase: "uppercase"
+  },
+  Body: {
+    Regular: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Semibold: "600 0.875rem/1.25rem 'Nunito Sans'",
+    Bold: "700 0.875rem/1.25rem 'Nunito Sans'",
+    Extrabold: "800 0.875rem/1.25rem 'Nunito Sans'",
+    List: "400 0.875rem/1.25rem 'Nunito Sans'",
+    Italic: "400 0.875rem/1.25rem 'Nunito Sans'"
+  },
+  Label: {
+    Semibold: {
+      L: "600 1rem/1.25rem 'Nunito Sans'",
+      S: "600 0.875rem/1rem 'Nunito Sans'",
+      Xs: "600 0.75rem/1rem 'Nunito Sans'"
+    },
+    Bold: {
+      L: "700 1rem/1.25rem 'Nunito Sans'",
+      S: "700 0.875rem/1rem 'Nunito Sans'",
+      Xs: "700 0.75rem/0.875rem 'Nunito Sans'"
+    },
+    Regular: {
+      S: "400 0.875rem/1rem 'Nunito Sans'",
+      Xs: "400 0.75rem/1rem 'Nunito Sans'",
+      Placeholder: "400 0.875rem/1rem 'Nunito Sans'"
+    }
+  },
+  Code: "400 0.813rem/1.25rem 'Fira Code'"
+};
+
+export const Accent = {
+  Info: {
+    Primary: "#3451b2",
+    Secondary: "lch(36.7 58.2 286 / 0.12)"
+  },
+  Neutral: {
+    Primary: "#515157",
+    Secondary: "lch(34.6 3.66 286 / 0.12)"
+  },
+  Warning: {
+    Primary: "#c25d05",
+    Secondary: "lch(67.2 71.6 80.1 / 0.12)"
+  },
+  Negative: {
+    Primary: "#b82329",
+    Secondary: "lch(41.2 69 32.4 / 0.12)"
+  },
+  Positive: {
+    Primary: "#138246",
+    Secondary: "lch(47.6 47.7 150 / 0.12)"
+  },
+  Important: {
+    Primary: "#753bbd",
+    Secondary: "lch(38.2 75 307 / 0.12)"
+  },
+  Pink: {
+    Primary: "#cd1d8d",
+    Secondary: "lch(47.1 72.1 347 / 0.12)"
+  },
+  Violet: {
+    Primary: "#5746af",
+    Secondary: "lch(36.2 62.1 298 / 0.12)"
+  }
+};
+
+export const Chart = {
+  Neutral: "#d6d6dd",
+  Categorical: {
+    1: {
+      Primary: "#4067e5",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(46.5 72.3 286 / 0.2)"
+    },
+    2: {
+      Primary: "#fe9933",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(72.9 74.2 63 / 0.2)"
+    },
+    3: {
+      Primary: "#12a594",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(60.7 39.7 183 / 0.2)"
+    },
+    4: {
+      Primary: "#ab4aba",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(48.2 66.6 322 / 0.2)"
+    },
+    5: {
+      Primary: "#d63c42",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(50.1 69.5 29.4 / 0.2)"
+    },
+    6: {
+      Primary: "#05a2c2",
+      Inactive: "#aadee6",
+      Transparent: "lch(61 38.6 224 / 0.2)"
+    },
+    7: {
+      Primary: "#e043a7",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(55 70 344 / 0.2)"
+    },
+    8: {
+      Primary: "#00b050",
+      Inactive: "#ceebcf",
+      Transparent: "lch(63 67 146 / 0.2)"
+    },
+    9: {
+      Primary: "#7259d6",
+      Inactive: "#e4defc",
+      Transparent: "lch(45.6 71 299 / 0.2)"
+    },
+    10: {
+      Primary: "#99d52a",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(79 79.1 118 / 0.2)"
+    },
+    11: {
+      Primary: "#696970",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(44.6 4.09 286 / 0.2)"
+    },
+    12: {
+      Primary: "#8da4ef",
+      Inactive: "#d9e2fc",
+      Transparent: "lch(67.9 41.2 278 / 0.2)"
+    },
+    13: {
+      Primary: "#c25d05",
+      Inactive: "#ffe1c3",
+      Transparent: "lch(51.7 70.9 57.2 / 0.2)"
+    },
+    14: {
+      Primary: "#067a6f",
+      Inactive: "#c7ebe5",
+      Transparent: "lch(45.6 31.8 185 / 0.2)"
+    },
+    15: {
+      Primary: "#cf91d8",
+      Inactive: "#f3d9f4",
+      Transparent: "lch(68.3 42.4 321 / 0.2)"
+    },
+    16: {
+      Primary: "#eb9091",
+      Inactive: "#fdd8d8",
+      Transparent: "lch(69.6 38.4 22.9 / 0.2)"
+    },
+    17: {
+      Primary: "#0c7792",
+      Inactive: "#aadee6",
+      Transparent: "lch(45.7 30.9 228 / 0.2)"
+    },
+    18: {
+      Primary: "#e38ec3",
+      Inactive: "#f9d8ec",
+      Transparent: "lch(69.3 40.8 341 / 0.2)"
+    },
+    19: {
+      Primary: "#97cf9c",
+      Inactive: "#ceebcf",
+      Transparent: "lch(78.2 32.7 144 / 0.2)"
+    },
+    20: {
+      Primary: "#aa99ec",
+      Inactive: "#e4defc",
+      Transparent: "lch(67.2 44.6 296 / 0.2)"
+    },
+    21: {
+      Primary: "#94ba2c",
+      Inactive: "#d7f2b0",
+      Transparent: "lch(70.8 67.7 114 / 0.2)"
+    },
+    22: {
+      Primary: "#3d3d42",
+      Inactive: "#d6d6dd",
+      Transparent: "lch(25.9 3.2 286 / 0.2)"
+    }
+  },
+  Monochromatic: {
+    Default: {
+      5: "#f8faff",
+      10: "#f0f4ff",
+      20: "#e6edfe",
+      30: "#d9e2fc",
+      40: "#c6d4f9",
+      50: "#aec0f5",
+      60: "#8da4ef",
+      70: "#4067e5",
+      90: "#3451b2",
+      100: "#002856"
+    },
+    Danger: {
+      5: "#fff8f8",
+      10: "#ffefef",
+      20: "#ffe5e5",
+      30: "#fdd8d8",
+      40: "#f9c6c6",
+      50: "#f3aeaf",
+      60: "#eb9091",
+      70: "#d63c42",
+      90: "#b82329",
+      100: "#381316"
+    }
+  },
+  Status: {
+    Negative: "#d63c42",
+    Warning: "#fecb34",
+    Positive: "#00b050"
+  }
+};
+
+export const Component = {
+  Button: {
+    Primary: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Pressed: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#0174bc"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Background: "#edf8ff",
+        Border: "#009cde",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Pressed: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#ffffff",
+        Border: "#0174bc"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Text: "#009cde",
+        Icon: "#009cde"
+      },
+      Pressed: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      }
+    }
+  },
+  Container: {
+    Background: "#ffffff",
+    Border: "#d6d6dd"
+  },
+  Table: {
+    HeaderFilled: {
+      Background: "#343438",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HeaderOutlined: {
+      Border: "#343438",
+      Text: "#343438",
+      Icon: "#3d3d42"
+    },
+    Row: {
+      Border: "#d6d6dd",
+      Icon: {
+        Default: "#3d3d42",
+        Disabled: "#a3a3ab",
+        Hover: "#009cde"
+      },
+      Background: {
+        Default: "#ffffff",
+        Zebra: "#f7f7fa",
+        Hover: "#edf8ff"
+      },
+      Text: {
+        Default: "#343438",
+        Placeholder: "#696970",
+        Link: "#0174bc"
+      }
+    }
+  },
+  MenuButton: {
+    Primary: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Pressed: {
+        Background: "#0174bc",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#0174bc"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Background: "#edf8ff",
+        Border: "#009cde",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Pressed: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#ffffff",
+        Border: "#0174bc"
+      }
+    },
+    Link: {
+      Default: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Hover: {
+        Text: "#009cde",
+        Icon: "#009cde"
+      },
+      Pressed: {
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      }
+    }
+  },
+  OverflowMenuButton: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Pressed: {
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Icon: "#a3a3ab"
+    }
+  },
+  SplitMenuButton: {
+    Primary: {
+      Default: {
+        Background: "#0174bc",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#009cde",
+        BackgroundRight: "#0174bc",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      HoverRight: {
+        BackgroundLeft: "#0174bc",
+        BackgroundRight: "#009cde",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Active: {
+        Background: "#0174bc",
+        Border: "#ffffff",
+        Text: "#ffffff",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Border: "#ffffff",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        BackgroundLeft: "#0174bc",
+        BackgroundRight: "#0174bc",
+        Border: "#ffffff",
+        Icon: "#ffffff"
+      }
+    },
+    Secondary: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      HoverLeft: {
+        BackgroundLeft: "#edf8ff",
+        BackgroundRight: "#ffffff",
+        BorderLeft: "#009cde",
+        BorderRight: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      HoverRight: {
+        BackgroundLeft: "#ffffff",
+        BackgroundRight: "#edf8ff",
+        BorderLeft: "#0174bc",
+        BorderRight: "#009cde",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab"
+      },
+      Loading: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Icon: "#0174bc"
+      }
+    }
+  },
+  Appbar: {
+    Background: "#f7f7fa",
+    Border: "#d6d6dd",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Badge: {
+    Informative: {
+      Background: "lch(36.7 58.2 286 / 0.12)",
+      Text: "#3451b2"
+    },
+    Neutral: {
+      Background: "lch(34.6 3.66 286 / 0.12)",
+      Text: "#515157"
+    },
+    Warning: {
+      Background: "lch(67.2 71.6 80.1 / 0.12)",
+      Text: "#c25d05"
+    },
+    Negative: {
+      Background: "lch(41.2 69 32.4 / 0.12)",
+      Text: "#b82329"
+    },
+    Positive: {
+      Background: "lch(47.6 47.7 150 / 0.12)",
+      Text: "#138246"
+    },
+    Important: {
+      Background: "lch(38.2 75 307 / 0.12)",
+      Text: "#753bbd"
+    },
+    Violet: {
+      Background: "lch(36.2 62.1 298 / 0.12)",
+      Text: "#5746af"
+    },
+    Pink: {
+      Background: "lch(47.1 72.1 347 / 0.12)",
+      Text: "#cd1d8d"
+    }
+  },
+  Breadcrumb: {
+    Divider: "#d6d6dd",
+    AppTitle: {
+      Text: "#0174bc"
+    },
+    Default: {
+      Text: "#0174bc"
+    },
+    Truncated: {
+      Text: "#0174bc"
+    },
+    LastItem: {
+      Text: "#343438"
+    },
+    Collapsed: {
+      Background: "#e5e5ea",
+      Text: "#343438",
+      Icon: "#3d3d42"
+    },
+    WithDropdown: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    }
+  },
+  Card: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Checkbox: {
+    Empty: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#009cde",
+        Text: "#343438"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438"
+      }
+    },
+    Checked: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Active: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#afdef8",
+        Text: "#a3a3ab",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438",
+        Icon: "#a3a3ab"
+      }
+    },
+    Indeterminated: {
+      Default: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Hover: {
+        Background: "#009cde",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Active: {
+        Background: "#0174bc",
+        Text: "#343438",
+        Icon: "#ffffff"
+      },
+      Disabled: {
+        Background: "#afdef8",
+        Text: "#a3a3ab",
+        Icon: "#ffffff"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438",
+        Icon: "#a3a3ab"
+      }
+    }
+  },
+  ContentPanel: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Calendar: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Icon: "#3d3d42",
+    Text: {
+      Default: "#343438",
+      Disabled: "#a3a3ab"
+    },
+    SelectedItem: {
+      Text: "#ffffff",
+      Background: "#0174bc"
+    },
+    HoverItem: {
+      Background: "#edf8ff",
+      Text: "#343438"
+    },
+    PresetArea: {
+      Background: "#f7f7fa",
+      HoverPeriod: {
+        Background: "#edf8ff"
+      },
+      ActivePeriod: {
+        Background: "#ceedfe",
+        Text: "#343438"
+      }
+    }
+  },
+  DateField: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#0174bc",
+      HintText: "#696970"
+    }
+  },
+  DatePicker: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Filled: {
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Icon: "#a3a3ab"
+    },
+    Focus: {
+      Icon: "#0174bc"
+    }
+  },
+  DateRangePicker: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Filled: {
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Icon: "#a3a3ab"
+    },
+    Focus: {
+      Icon: "#0174bc"
+    }
+  },
+  DateRangeField: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#0174bc",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    }
+  },
+  DateRangeInput: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    ActivePeriod: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      ActiveItem: {
+        Background: "#edf8ff",
+        Text: "#696970"
+      }
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#0174bc",
+      HintText: "#696970",
+      PlaceholderItem: {
+        Text: "#696970"
+      }
+    }
+  },
+  Divider: {
+    Border: "#d6d6dd"
+  },
+  Drawer: {
+    Background: "#ffffff",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Disabled: "#a3a3ab"
+    }
+  },
+  Dropdown: {
+    Icon: {
+      Default: "#3d3d42",
+      Disabled: "#a3a3ab"
+    },
+    Text: {
+      Default: "#343438",
+      Link: "#0174bc",
+      Description: "#696970",
+      Disabled: "#a3a3ab"
+    },
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff",
+      Category: "#f7f7fa"
+    }
+  },
+  GlobalHeader: {
+    Background: "#232326",
+    Border: "#3d3d42",
+    Icon: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    },
+    Search: {
+      Background: "#3d3d42",
+      Text: {
+        Placeholder: "#d6d6dd",
+        Filled: "#ffffff"
+      },
+      Icon: {
+        Default: "#d6d6dd",
+        Active: "#ffffff",
+        Hover: "#ffffff"
+      }
+    }
+  },
+  GlobalFooter: {
+    Background: "#232326",
+    Text: {
+      Default: "#d6d6dd",
+      Hover: "#ffffff"
+    }
+  },
+  GroupSelect: {
+    Field: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#696970",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#3d3d42",
+        Text: "#696970",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Selected: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#343438",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Disabled: {
+        Background: "#ededf2",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab",
+        Icon: "#a3a3ab",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Text: "#343438",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      },
+      Error: {
+        Background: "#ffffff",
+        Border: "#d63c42",
+        Text: "#343438",
+        Icon: "#3d3d42",
+        HintText: "#b82329",
+        InfoIcon: "#696970"
+      },
+      Focus: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438",
+        Icon: "#3d3d42",
+        HintText: "#696970",
+        InfoIcon: "#696970"
+      }
+    },
+    Dropdown: {
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Background: {
+        Default: "#ffffff",
+        Hover: "#edf8ff"
+      }
+    }
+  },
+  InlineEdit: {
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde"
+    },
+    AcceptIcon: {
+      Default: "#0174bc",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    }
+  },
+  KpiBar: {
+    Text: "#3d3d42",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    },
+    Item: {
+      Neutral: {
+        Default: {
+          Label: "#515157",
+          Text: "#696970",
+          Icon: "#515157"
+        },
+        Hover: {
+          Label: "#515157",
+          Text: "#696970",
+          Background: "lch(34.6 3.66 286 / 0.12)",
+          Icon: "#515157"
+        },
+        Active: {
+          Label: "#515157",
+          Text: "#343438",
+          Border: "#515157",
+          Icon: "#515157"
+        }
+      },
+      Green: {
+        Default: {
+          Label: "#138246",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#138246",
+          Text: "#696970",
+          Background: "lch(47.6 47.7 150 / 0.12)"
+        },
+        Active: {
+          Label: "#138246",
+          Text: "#343438",
+          Border: "#138246"
+        }
+      },
+      Orange: {
+        Default: {
+          Label: "#c25d05",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#c25d05",
+          Text: "#696970",
+          Background: "lch(67.2 71.6 80.1 / 0.12)"
+        },
+        Active: {
+          Label: "#c25d05",
+          Text: "#343438",
+          Border: "#c25d05"
+        }
+      },
+      Purple: {
+        Default: {
+          Label: "#753bbd",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#753bbd",
+          Text: "#696970",
+          Background: "lch(38.2 75 307 / 0.12)"
+        },
+        Active: {
+          Label: "#753bbd",
+          Text: "#343438",
+          Border: "#753bbd"
+        }
+      },
+      Red: {
+        Default: {
+          Label: "#b82329",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#b82329",
+          Text: "#696970",
+          Background: "lch(41.2 69 32.4 / 0.12)"
+        },
+        Active: {
+          Label: "#b82329",
+          Text: "#343438",
+          Border: "#b82329"
+        }
+      },
+      Ultramarine: {
+        Default: {
+          Label: "#3451b2",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#3451b2",
+          Text: "#696970",
+          Background: "lch(36.7 58.2 286 / 0.12)"
+        },
+        Active: {
+          Label: "#3451b2",
+          Text: "#343438",
+          Border: "#3451b2"
+        }
+      },
+      Pink: {
+        Default: {
+          Label: "#cd1d8d",
+          Text: "#696970"
+        },
+        Hover: {
+          Label: "#cd1d8d",
+          Text: "#696970",
+          Background: "lch(47.1 72.1 347 / 0.12)"
+        },
+        Active: {
+          Label: "#cd1d8d",
+          Text: "#343438",
+          Border: "#cd1d8d"
+        }
+      }
+    }
+  },
+  Label: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    InfoIcon: "#696970"
+  },
+  List: {
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    },
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff"
+    }
+  },
+  MasterSwitch: {
+    ContentBackground: "#ffffff",
+    SideBackground: "#f7f7fa",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Modal: {
+    Background: "#ffffff",
+    Icon: "#3d3d42",
+    Text: {
+      Default: "#343438",
+      Description: "#696970"
+    }
+  },
+  NotificationBanner: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    Informative: {
+      Background: "#f0f4ff",
+      Border: "#4067e5",
+      StatusIcon: "#4067e5"
+    },
+    Tip: {
+      Background: "#f0f4ff",
+      Border: "#4067e5",
+      StatusIcon: "#4067e5"
+    },
+    Warning: {
+      Background: "#fff4d5",
+      Border: "#fecb34",
+      StatusIcon: "#fecb34"
+    },
+    Success: {
+      Background: "#ebf9eb",
+      Border: "#00b050",
+      StatusIcon: "#00b050"
+    },
+    Error: {
+      Background: "#ffefef",
+      Border: "#d63c42",
+      StatusIcon: "#d63c42"
+    },
+    Secondary: {
+      Background: "#e5e5ea",
+      Border: "#343438",
+      StatusIcon: "#3d3d42"
+    }
+  },
+  NotificationToast: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    Informative: {
+      Background: "#f0f4ff",
+      IconBackground: "#4067e5",
+      Border: "#4067e5",
+      StatusIcon: "#ffffff"
+    },
+    Tip: {
+      Background: "#f0f4ff",
+      IconBackground: "#4067e5",
+      Border: "#4067e5",
+      StatusIcon: "#ffffff"
+    },
+    Warning: {
+      Background: "#fff4d5",
+      IconBackground: "#fecb34",
+      Border: "#fecb34",
+      StatusIcon: "#3d3d42"
+    },
+    Success: {
+      Background: "#ebf9eb",
+      IconBackground: "#00b050",
+      Border: "#00b050",
+      StatusIcon: "#ffffff"
+    },
+    Error: {
+      Background: "#ffefef",
+      IconBackground: "#d63c42",
+      Border: "#d63c42",
+      StatusIcon: "#ffffff"
+    }
+  },
+  Pagination: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Text: {
+      Default: "#343438",
+      Link: "#0174bc",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    },
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc",
+      Disabled: "#a3a3ab"
+    }
+  },
+  Popover: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Icon: "#3d3d42",
+    Text: {
+      Default: "#343438",
+      Link: {
+        Default: "#0174bc",
+        Hover: "#009cde"
+      }
+    }
+  },
+  ProgressBar: {
+    Text: {
+      Default: "#343438",
+      Link: {
+        Default: "#0174bc",
+        Hover: "#009cde"
+      }
+    },
+    StatusLine: {
+      Default: "#e5e5ea",
+      Success: "#00b050",
+      Error: "#d63c42"
+    }
+  },
+  NumericSpinner: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    }
+  },
+  RadioButton: {
+    Inactive: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#009cde",
+        Text: "#343438"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Border: "#c2c2ca",
+        Text: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438"
+      }
+    },
+    Active: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#ffffff",
+        Border: "#009cde",
+        Text: "#343438"
+      },
+      Active: {
+        Background: "#ffffff",
+        Border: "#0174bc",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#ffffff",
+        Border: "#afdef8",
+        Text: "#a3a3ab"
+      },
+      ReadOnly: {
+        Background: "#ffffff",
+        Border: "#c2c2ca",
+        Text: "#343438"
+      }
+    }
+  },
+  Search: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970",
+      SearchIcon: "#a3a3ab"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329",
+      SearchIcon: "#696970"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      SearchIcon: "#696970"
+    }
+  },
+  SegmentedButton: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    DisabledChecked: {
+      Background: "#e5e5ea",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Active: {
+      Background: "#0174bc",
+      Border: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  SideNavigation: {
+    Icon: "#3d3d42",
+    Border: "#d6d6dd",
+    Background: {
+      Default: "#f7f7fa",
+      SecondLevel: "#ffffff"
+    },
+    DefaultMenuItem: {
+      Background: "#f7f7fa",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#343438",
+        Background: "#f7f7fa",
+        Border: "#d6d6dd"
+      }
+    },
+    HoverMenuItem: {
+      Background: "#edf8ff",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#343438",
+        Background: "#f7f7fa",
+        Border: "#d6d6dd"
+      }
+    },
+    SelectedMenuItem: {
+      Background: "#ceedfe",
+      Icon: "#3d3d42",
+      Text: "#343438",
+      Label: {
+        Text: "#ffffff",
+        Background: "#0174bc"
+      }
+    }
+  },
+  Select: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329",
+      InfoIcon: "#696970"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438"
+    }
+  },
+  SidePanel: {
+    Background: "#ffffff",
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde"
+    }
+  },
+  Switch: {
+    Active: {
+      Default: {
+        Background: "#0174bc",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#009cde",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Focus: {
+        Background: "#0174bc",
+        Icon: "#ffffff",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#afdef8",
+        Icon: "#a3a3ab",
+        Circle: "#ffffff",
+        Text: "#a3a3ab"
+      }
+    },
+    Inactive: {
+      Default: {
+        Background: "#83838c",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Hover: {
+        Background: "#a3a3ab",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Focus: {
+        Background: "#83838c",
+        Circle: "#ffffff",
+        Text: "#343438"
+      },
+      Disabled: {
+        Background: "#e5e5ea",
+        Circle: "#ffffff",
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  Tab: {
+    Default: {
+      Text: "#343438",
+      Icon: "#3d3d42",
+      Border: "#c2c2ca"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde",
+      Border: "#c2c2ca"
+    },
+    Active: {
+      Text: "#0174bc",
+      Icon: "#0174bc",
+      Border: "#0174bc"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      Border: "#c2c2ca"
+    }
+  },
+  Tag: {
+    Default: {
+      Background: "#f7f7fa",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Hover: {
+      Background: "#f7f7fa",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Focus: {
+      Background: "#edf8ff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Error: {
+      Background: "#f7f7fa",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438",
+      Icon: "#3d3d42"
+    }
+  },
+  TagInput: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      HintText: "#696970"
+    },
+    Placeholder: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      HintText: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      HintText: "#696970"
+    }
+  },
+  TextArea: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Placeholder: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      HintText: "#b82329",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    ReadOnly: {
+      Text: "#343438",
+      HintText: "#696970"
+    }
+  },
+  TextField: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Placeholder: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    HoverEmpty: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      HintText: "#b82329",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Active: "#0174bc"
+      }
+    },
+    ReadOnly: {
+      Text: "#343438",
+      HintText: "#696970"
+    }
+  },
+  TimePicker: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Filled: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329"
+    },
+    FocusEmpty: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970"
+    },
+    ReadOnly: {
+      Text: "#343438"
+    }
+  },
+  Tooltip: {
+    Background: "#343438",
+    Text: "#ffffff"
+  },
+  Tree: {
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    },
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff"
+    },
+    ExpandedArea: {
+      Border: "#83838c"
+    }
+  },
+  Widget: {
+    Download: {
+      Text: "#343438",
+      Border: "#d6d6dd",
+      Background: {
+        Header: "#f7f7fa",
+        Default: "#ffffff"
+      },
+      Icon: {
+        Default: "#3d3d42",
+        Success: "#00b050",
+        Error: "#d63c42"
+      }
+    },
+    Upload: {
+      Default: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Icon: "#3d3d42",
+        Text: {
+          Default: "#343438",
+          Link: "#0174bc"
+        }
+      },
+      Hover: {
+        Background: "#edf8ff",
+        Border: "#0174bc",
+        Icon: "#3d3d42",
+        Text: {
+          Default: "#343438",
+          Link: "#0174bc"
+        }
+      },
+      Disabled: {
+        Background: "#ededf2",
+        Border: "#c2c2ca",
+        Icon: "#a3a3ab",
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  Stepper: {
+    Horizontal: {
+      Line: "#d6d6dd",
+      PastItem: {
+        Circle: {
+          Background: "#edf8ff",
+          Border: "#0174bc",
+          Text: "#0174bc",
+          Icon: "#0174bc"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      CurrentItem: {
+        Circle: {
+          Background: "#0174bc",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#ffffff",
+          Border: "#d6d6dd",
+          Text: "#a3a3ab"
+        },
+        Text: "#a3a3ab"
+      }
+    },
+    Vertical: {
+      Background: "#ffffff",
+      Border: "#d6d6dd",
+      Icon: "#3d3d42",
+      PastItem: {
+        Circle: {
+          Background: "#edf8ff",
+          Border: "#0174bc",
+          Text: "#0174bc",
+          Icon: "#0174bc"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      CurrentItem: {
+        Icon: "#0174bc",
+        Circle: {
+          Background: "#0174bc",
+          Text: "#ffffff"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      FutureItem: {
+        Circle: {
+          Background: "#ffffff",
+          Border: "#83838c",
+          Text: "#696970"
+        },
+        Text: {
+          Default: "#343438",
+          Hover: "#0174bc"
+        }
+      },
+      DisabledItem: {
+        Circle: {
+          Background: "#ffffff",
+          Border: "#d6d6dd",
+          Text: "#a3a3ab"
+        },
+        Text: "#a3a3ab"
+      }
+    }
+  },
+  AdvancedSearch: {
+    FilterIcon: {
+      Default: {
+        Icon: "#3d3d42"
+      },
+      Hover: {
+        Icon: "#009cde"
+      },
+      Applied: {
+        Icon: "#0174bc",
+        Badge: {
+          Background: "#d63c42",
+          Text: "#ffffff"
+        }
+      },
+      Disabled: {
+        Icon: "#a3a3ab",
+        Badge: {
+          Background: "#83838c",
+          Text: "#ffffff"
+        }
+      }
+    },
+    FilterArea: {
+      Background: "#f7f7fa",
+      Border: "#d6d6dd",
+      Text: {
+        Default: "#343438",
+        Link: "#0174bc"
+      },
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde",
+        Disabled: "#a3a3ab"
+      },
+      Tag: {
+        Background: "#ffffff",
+        Border: "#d6d6dd",
+        OperatorIcon: "#c25d05",
+        Icon: {
+          Default: "#3d3d42",
+          Hover: "#009cde"
+        }
+      }
+    }
+  },
+  SegmentedStatusButton: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#696970"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#696970"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    DisabledPositive: {
+      Background: "#b7dfba",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ActivePositive: {
+      Background: "#07a04d",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    DisabledNegative: {
+      Background: "#f9c6c6",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ActiveNegative: {
+      Background: "#d0343a",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    DisabledNeutral: {
+      Background: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    ActiveNeutral: {
+      Background: "#83838c",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  LinkSelect: {
+    Default: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde"
+    },
+    Filled: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Focus: {
+      Text: "#0174bc",
+      Icon: "#3d3d42"
+    },
+    ReadOnly: {
+      Text: "#343438"
+    }
+  }
+};
+
+export const Button = {
+  Primary: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Pressed: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#0174bc"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Pressed: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#ffffff",
+      Border: "#0174bc"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde"
+    },
+    Pressed: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    }
+  }
+};
+
+export const Container = {
+  Background: "#ffffff",
+  Border: "#d6d6dd"
+};
+
+export const Table = {
+  HeaderFilled: {
+    Background: "#343438",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  HeaderOutlined: {
+    Border: "#343438",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  Row: {
+    Border: "#d6d6dd",
+    Icon: {
+      Default: "#3d3d42",
+      Disabled: "#a3a3ab",
+      Hover: "#009cde"
+    },
+    Background: {
+      Default: "#ffffff",
+      Zebra: "#f7f7fa",
+      Hover: "#edf8ff"
+    },
+    Text: {
+      Default: "#343438",
+      Placeholder: "#696970",
+      Link: "#0174bc"
+    }
+  }
+};
+
+export const MenuButton = {
+  Primary: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Pressed: {
+      Background: "#0174bc",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#0174bc"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Pressed: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#ffffff",
+      Border: "#0174bc"
+    }
+  },
+  Link: {
+    Default: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Hover: {
+      Text: "#009cde",
+      Icon: "#009cde"
+    },
+    Pressed: {
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    }
+  }
+};
+
+export const OverflowMenuButton = {
+  Default: {
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Icon: "#009cde"
+  },
+  Pressed: {
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Icon: "#a3a3ab"
+  }
+};
+
+export const SplitMenuButton = {
+  Primary: {
+    Default: {
+      Background: "#0174bc",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#009cde",
+      BackgroundRight: "#0174bc",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    HoverRight: {
+      BackgroundLeft: "#0174bc",
+      BackgroundRight: "#009cde",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Active: {
+      Background: "#0174bc",
+      Border: "#ffffff",
+      Text: "#ffffff",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Border: "#ffffff",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      BackgroundLeft: "#0174bc",
+      BackgroundRight: "#0174bc",
+      Border: "#ffffff",
+      Icon: "#ffffff"
+    }
+  },
+  Secondary: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    HoverLeft: {
+      BackgroundLeft: "#edf8ff",
+      BackgroundRight: "#ffffff",
+      BorderLeft: "#009cde",
+      BorderRight: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    HoverRight: {
+      BackgroundLeft: "#ffffff",
+      BackgroundRight: "#edf8ff",
+      BorderLeft: "#0174bc",
+      BorderRight: "#009cde",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#0174bc",
+      Icon: "#0174bc"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab"
+    },
+    Loading: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Icon: "#0174bc"
+    }
+  }
+};
+
+export const Appbar = {
+  Background: "#f7f7fa",
+  Border: "#d6d6dd",
+  Text: "#343438",
+  Icon: "#3d3d42"
+};
+
+export const Badge = {
+  Informative: {
+    Background: "lch(36.7 58.2 286 / 0.12)",
+    Text: "#3451b2"
+  },
+  Neutral: {
+    Background: "lch(34.6 3.66 286 / 0.12)",
+    Text: "#515157"
+  },
+  Warning: {
+    Background: "lch(67.2 71.6 80.1 / 0.12)",
+    Text: "#c25d05"
+  },
+  Negative: {
+    Background: "lch(41.2 69 32.4 / 0.12)",
+    Text: "#b82329"
+  },
+  Positive: {
+    Background: "lch(47.6 47.7 150 / 0.12)",
+    Text: "#138246"
+  },
+  Important: {
+    Background: "lch(38.2 75 307 / 0.12)",
+    Text: "#753bbd"
+  },
+  Violet: {
+    Background: "lch(36.2 62.1 298 / 0.12)",
+    Text: "#5746af"
+  },
+  Pink: {
+    Background: "lch(47.1 72.1 347 / 0.12)",
+    Text: "#cd1d8d"
+  }
+};
+
+export const Breadcrumb = {
+  Divider: "#d6d6dd",
+  AppTitle: {
+    Text: "#0174bc"
+  },
+  Default: {
+    Text: "#0174bc"
+  },
+  Truncated: {
+    Text: "#0174bc"
+  },
+  LastItem: {
+    Text: "#343438"
+  },
+  Collapsed: {
+    Background: "#e5e5ea",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  },
+  WithDropdown: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  }
+};
+
+export const Card = {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Text: "#343438",
+  Icon: "#3d3d42"
+};
+
+export const Checkbox = {
+  Empty: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#009cde",
+      Text: "#343438"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438"
+    }
+  },
+  Checked: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Active: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#afdef8",
+      Text: "#a3a3ab",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438",
+      Icon: "#a3a3ab"
+    }
+  },
+  Indeterminated: {
+    Default: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Hover: {
+      Background: "#009cde",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Active: {
+      Background: "#0174bc",
+      Text: "#343438",
+      Icon: "#ffffff"
+    },
+    Disabled: {
+      Background: "#afdef8",
+      Text: "#a3a3ab",
+      Icon: "#ffffff"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438",
+      Icon: "#a3a3ab"
+    }
+  }
+};
+
+export const ContentPanel = {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Text: "#343438",
+  Icon: "#3d3d42"
+};
+
+export const Calendar = {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Icon: "#3d3d42",
+  Text: {
+    Default: "#343438",
+    Disabled: "#a3a3ab"
+  },
+  SelectedItem: {
+    Text: "#ffffff",
+    Background: "#0174bc"
+  },
+  HoverItem: {
+    Background: "#edf8ff",
+    Text: "#343438"
+  },
+  PresetArea: {
+    Background: "#f7f7fa",
+    HoverPeriod: {
+      Background: "#edf8ff"
+    },
+    ActivePeriod: {
+      Background: "#ceedfe",
+      Text: "#343438"
+    }
+  }
+};
+
+export const DateField = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#0174bc",
+    HintText: "#696970"
+  }
+};
+
+export const DatePicker = {
+  Default: {
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Icon: "#009cde"
+  },
+  Filled: {
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Icon: "#a3a3ab"
+  },
+  Focus: {
+    Icon: "#0174bc"
+  }
+};
+
+export const DateRangePicker = {
+  Default: {
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Icon: "#009cde"
+  },
+  Filled: {
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Icon: "#a3a3ab"
+  },
+  Focus: {
+    Icon: "#0174bc"
+  }
+};
+
+export const DateRangeField = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#0174bc",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  }
+};
+
+export const DateRangeInput = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  ActivePeriod: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    ActiveItem: {
+      Background: "#edf8ff",
+      Text: "#696970"
+    }
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  },
+  Disabled: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#0174bc",
+    HintText: "#696970",
+    PlaceholderItem: {
+      Text: "#696970"
+    }
+  }
+};
+
+export const Divider = {
+  Border: "#d6d6dd"
+};
+
+export const Drawer = {
+  Background: "#ffffff",
+  Text: "#343438",
+  Icon: {
+    Default: "#3d3d42",
+    Disabled: "#a3a3ab"
+  }
+};
+
+export const Dropdown = {
+  Icon: {
+    Default: "#3d3d42",
+    Disabled: "#a3a3ab"
+  },
+  Text: {
+    Default: "#343438",
+    Link: "#0174bc",
+    Description: "#696970",
+    Disabled: "#a3a3ab"
+  },
+  Background: {
+    Default: "#ffffff",
+    Hover: "#edf8ff",
+    Category: "#f7f7fa"
+  }
+};
+
+export const GlobalHeader = {
+  Background: "#232326",
+  Border: "#3d3d42",
+  Icon: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  },
+  Search: {
+    Background: "#3d3d42",
+    Text: {
+      Placeholder: "#d6d6dd",
+      Filled: "#ffffff"
+    },
+    Icon: {
+      Default: "#d6d6dd",
+      Active: "#ffffff",
+      Hover: "#ffffff"
+    }
+  }
+};
+
+export const GlobalFooter = {
+  Background: "#232326",
+  Text: {
+    Default: "#d6d6dd",
+    Hover: "#ffffff"
+  }
+};
+
+export const GroupSelect = {
+  Field: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#3d3d42",
+      Text: "#696970",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Selected: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab",
+      Icon: "#a3a3ab",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Text: "#343438",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    },
+    Error: {
+      Background: "#ffffff",
+      Border: "#d63c42",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#b82329",
+      InfoIcon: "#696970"
+    },
+    Focus: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438",
+      Icon: "#3d3d42",
+      HintText: "#696970",
+      InfoIcon: "#696970"
+    }
+  },
+  Dropdown: {
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Background: {
+      Default: "#ffffff",
+      Hover: "#edf8ff"
+    }
+  }
+};
+
+export const InlineEdit = {
+  Text: "#343438",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde"
+  },
+  AcceptIcon: {
+    Default: "#0174bc",
+    Hover: "#009cde",
+    Disabled: "#a3a3ab"
+  }
+};
+
+export const KpiBar = {
+  Text: "#3d3d42",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc"
+  },
+  Item: {
+    Neutral: {
+      Default: {
+        Label: "#515157",
+        Text: "#696970",
+        Icon: "#515157"
+      },
+      Hover: {
+        Label: "#515157",
+        Text: "#696970",
+        Background: "lch(34.6 3.66 286 / 0.12)",
+        Icon: "#515157"
+      },
+      Active: {
+        Label: "#515157",
+        Text: "#343438",
+        Border: "#515157",
+        Icon: "#515157"
+      }
+    },
+    Green: {
+      Default: {
+        Label: "#138246",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#138246",
+        Text: "#696970",
+        Background: "lch(47.6 47.7 150 / 0.12)"
+      },
+      Active: {
+        Label: "#138246",
+        Text: "#343438",
+        Border: "#138246"
+      }
+    },
+    Orange: {
+      Default: {
+        Label: "#c25d05",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#c25d05",
+        Text: "#696970",
+        Background: "lch(67.2 71.6 80.1 / 0.12)"
+      },
+      Active: {
+        Label: "#c25d05",
+        Text: "#343438",
+        Border: "#c25d05"
+      }
+    },
+    Purple: {
+      Default: {
+        Label: "#753bbd",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#753bbd",
+        Text: "#696970",
+        Background: "lch(38.2 75 307 / 0.12)"
+      },
+      Active: {
+        Label: "#753bbd",
+        Text: "#343438",
+        Border: "#753bbd"
+      }
+    },
+    Red: {
+      Default: {
+        Label: "#b82329",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#b82329",
+        Text: "#696970",
+        Background: "lch(41.2 69 32.4 / 0.12)"
+      },
+      Active: {
+        Label: "#b82329",
+        Text: "#343438",
+        Border: "#b82329"
+      }
+    },
+    Ultramarine: {
+      Default: {
+        Label: "#3451b2",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#3451b2",
+        Text: "#696970",
+        Background: "lch(36.7 58.2 286 / 0.12)"
+      },
+      Active: {
+        Label: "#3451b2",
+        Text: "#343438",
+        Border: "#3451b2"
+      }
+    },
+    Pink: {
+      Default: {
+        Label: "#cd1d8d",
+        Text: "#696970"
+      },
+      Hover: {
+        Label: "#cd1d8d",
+        Text: "#696970",
+        Background: "lch(47.1 72.1 347 / 0.12)"
+      },
+      Active: {
+        Label: "#cd1d8d",
+        Text: "#343438",
+        Border: "#cd1d8d"
+      }
+    }
+  }
+};
+
+export const Label = {
+  Text: "#343438",
+  Icon: "#3d3d42",
+  InfoIcon: "#696970"
+};
+
+export const List = {
+  Text: "#343438",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc"
+  },
+  Background: {
+    Default: "#ffffff",
+    Hover: "#edf8ff"
+  }
+};
+
+export const MasterSwitch = {
+  ContentBackground: "#ffffff",
+  SideBackground: "#f7f7fa",
+  Text: "#343438",
+  Icon: "#3d3d42"
+};
+
+export const Modal = {
+  Background: "#ffffff",
+  Icon: "#3d3d42",
+  Text: {
+    Default: "#343438",
+    Description: "#696970"
+  }
+};
+
+export const NotificationBanner = {
+  Text: "#343438",
+  Icon: "#3d3d42",
+  Informative: {
+    Background: "#f0f4ff",
+    Border: "#4067e5",
+    StatusIcon: "#4067e5"
+  },
+  Tip: {
+    Background: "#f0f4ff",
+    Border: "#4067e5",
+    StatusIcon: "#4067e5"
+  },
+  Warning: {
+    Background: "#fff4d5",
+    Border: "#fecb34",
+    StatusIcon: "#fecb34"
+  },
+  Success: {
+    Background: "#ebf9eb",
+    Border: "#00b050",
+    StatusIcon: "#00b050"
+  },
+  Error: {
+    Background: "#ffefef",
+    Border: "#d63c42",
+    StatusIcon: "#d63c42"
+  },
+  Secondary: {
+    Background: "#e5e5ea",
+    Border: "#343438",
+    StatusIcon: "#3d3d42"
+  }
+};
+
+export const NotificationToast = {
+  Text: "#343438",
+  Icon: "#3d3d42",
+  Informative: {
+    Background: "#f0f4ff",
+    IconBackground: "#4067e5",
+    Border: "#4067e5",
+    StatusIcon: "#ffffff"
+  },
+  Tip: {
+    Background: "#f0f4ff",
+    IconBackground: "#4067e5",
+    Border: "#4067e5",
+    StatusIcon: "#ffffff"
+  },
+  Warning: {
+    Background: "#fff4d5",
+    IconBackground: "#fecb34",
+    Border: "#fecb34",
+    StatusIcon: "#3d3d42"
+  },
+  Success: {
+    Background: "#ebf9eb",
+    IconBackground: "#00b050",
+    Border: "#00b050",
+    StatusIcon: "#ffffff"
+  },
+  Error: {
+    Background: "#ffefef",
+    IconBackground: "#d63c42",
+    Border: "#d63c42",
+    StatusIcon: "#ffffff"
+  }
+};
+
+export const Pagination = {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Text: {
+    Default: "#343438",
+    Link: "#0174bc",
+    Hover: "#009cde",
+    Disabled: "#a3a3ab"
+  },
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc",
+    Disabled: "#a3a3ab"
+  }
+};
+
+export const Popover = {
+  Background: "#ffffff",
+  Border: "#d6d6dd",
+  Icon: "#3d3d42",
+  Text: {
+    Default: "#343438",
+    Link: {
+      Default: "#0174bc",
+      Hover: "#009cde"
+    }
+  }
+};
+
+export const ProgressBar = {
+  Text: {
+    Default: "#343438",
+    Link: {
+      Default: "#0174bc",
+      Hover: "#009cde"
+    }
+  },
+  StatusLine: {
+    Default: "#e5e5ea",
+    Success: "#00b050",
+    Error: "#d63c42"
+  }
+};
+
+export const NumericSpinner = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  }
+};
+
+export const RadioButton = {
+  Inactive: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#009cde",
+      Text: "#343438"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Border: "#c2c2ca",
+      Text: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438"
+    }
+  },
+  Active: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#ffffff",
+      Border: "#009cde",
+      Text: "#343438"
+    },
+    Active: {
+      Background: "#ffffff",
+      Border: "#0174bc",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#ffffff",
+      Border: "#afdef8",
+      Text: "#a3a3ab"
+    },
+    ReadOnly: {
+      Background: "#ffffff",
+      Border: "#c2c2ca",
+      Text: "#343438"
+    }
+  }
+};
+
+export const Search = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970",
+    SearchIcon: "#a3a3ab"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329",
+    SearchIcon: "#696970"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    SearchIcon: "#696970"
+  }
+};
+
+export const SegmentedButton = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#0174bc",
+    Icon: "#0174bc"
+  },
+  Hover: {
+    Background: "#edf8ff",
+    Border: "#009cde",
+    Text: "#0174bc",
+    Icon: "#0174bc"
+  },
+  Disabled: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  DisabledChecked: {
+    Background: "#e5e5ea",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Active: {
+    Background: "#0174bc",
+    Border: "#0174bc",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+};
+
+export const SideNavigation = {
+  Icon: "#3d3d42",
+  Border: "#d6d6dd",
+  Background: {
+    Default: "#f7f7fa",
+    SecondLevel: "#ffffff"
+  },
+  DefaultMenuItem: {
+    Background: "#f7f7fa",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#343438",
+      Background: "#f7f7fa",
+      Border: "#d6d6dd"
+    }
+  },
+  HoverMenuItem: {
+    Background: "#edf8ff",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#343438",
+      Background: "#f7f7fa",
+      Border: "#d6d6dd"
+    }
+  },
+  SelectedMenuItem: {
+    Background: "#ceedfe",
+    Icon: "#3d3d42",
+    Text: "#343438",
+    Label: {
+      Text: "#ffffff",
+      Background: "#0174bc"
+    }
+  }
+};
+
+export const Select = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329",
+    InfoIcon: "#696970"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Text: "#343438"
+  }
+};
+
+export const SidePanel = {
+  Background: "#ffffff",
+  Text: "#343438",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde"
+  }
+};
+
+export const Switch = {
+  Active: {
+    Default: {
+      Background: "#0174bc",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#009cde",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Focus: {
+      Background: "#0174bc",
+      Icon: "#ffffff",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#afdef8",
+      Icon: "#a3a3ab",
+      Circle: "#ffffff",
+      Text: "#a3a3ab"
+    }
+  },
+  Inactive: {
+    Default: {
+      Background: "#83838c",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Hover: {
+      Background: "#a3a3ab",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Focus: {
+      Background: "#83838c",
+      Circle: "#ffffff",
+      Text: "#343438"
+    },
+    Disabled: {
+      Background: "#e5e5ea",
+      Circle: "#ffffff",
+      Text: "#a3a3ab"
+    }
+  }
+};
+
+export const Tab = {
+  Default: {
+    Text: "#343438",
+    Icon: "#3d3d42",
+    Border: "#c2c2ca"
+  },
+  Hover: {
+    Text: "#009cde",
+    Icon: "#009cde",
+    Border: "#c2c2ca"
+  },
+  Active: {
+    Text: "#0174bc",
+    Icon: "#0174bc",
+    Border: "#0174bc"
+  },
+  Disabled: {
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    Border: "#c2c2ca"
+  }
+};
+
+export const Tag = {
+  Default: {
+    Background: "#f7f7fa",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Hover: {
+    Background: "#f7f7fa",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Focus: {
+    Background: "#edf8ff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Error: {
+    Background: "#f7f7fa",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ReadOnly: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#343438",
+    Icon: "#3d3d42"
+  }
+};
+
+export const TagInput = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    HintText: "#696970"
+  },
+  Placeholder: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    HintText: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    HintText: "#696970"
+  }
+};
+
+export const TextArea = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Placeholder: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    HintText: "#b82329",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  ReadOnly: {
+    Text: "#343438",
+    HintText: "#696970"
+  }
+};
+
+export const TextField = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Placeholder: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  HoverEmpty: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    HintText: "#696970",
+    InfoIcon: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    HintText: "#b82329",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    HintText: "#696970",
+    InfoIcon: "#696970",
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Active: "#0174bc"
+    }
+  },
+  ReadOnly: {
+    Text: "#343438",
+    HintText: "#696970"
+  }
+};
+
+export const TimePicker = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Hover: {
+    Background: "#ffffff",
+    Border: "#3d3d42",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Filled: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Disabled: {
+    Background: "#ededf2",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab",
+    HintText: "#696970"
+  },
+  Error: {
+    Background: "#ffffff",
+    Border: "#d63c42",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#b82329"
+  },
+  FocusEmpty: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#696970",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  Focus: {
+    Background: "#ffffff",
+    Border: "#0174bc",
+    Text: "#343438",
+    Icon: "#3d3d42",
+    HintText: "#696970"
+  },
+  ReadOnly: {
+    Text: "#343438"
+  }
+};
+
+export const Tooltip = {
+  Background: "#343438",
+  Text: "#ffffff"
+};
+
+export const Tree = {
+  Text: "#343438",
+  Border: "#d6d6dd",
+  Icon: {
+    Default: "#3d3d42",
+    Hover: "#009cde",
+    Active: "#0174bc"
+  },
+  Background: {
+    Default: "#ffffff",
+    Hover: "#edf8ff"
+  },
+  ExpandedArea: {
+    Border: "#83838c"
+  }
+};
+
+export const Widget = {
+  Download: {
+    Text: "#343438",
+    Border: "#d6d6dd",
+    Background: {
+      Header: "#f7f7fa",
+      Default: "#ffffff"
+    },
+    Icon: {
+      Default: "#3d3d42",
+      Success: "#00b050",
+      Error: "#d63c42"
+    }
+  },
+  Upload: {
+    Default: {
+      Background: "#ffffff",
+      Border: "#83838c",
+      Icon: "#3d3d42",
+      Text: {
+        Default: "#343438",
+        Link: "#0174bc"
+      }
+    },
+    Hover: {
+      Background: "#edf8ff",
+      Border: "#0174bc",
+      Icon: "#3d3d42",
+      Text: {
+        Default: "#343438",
+        Link: "#0174bc"
+      }
+    },
+    Disabled: {
+      Background: "#ededf2",
+      Border: "#c2c2ca",
+      Icon: "#a3a3ab",
+      Text: "#a3a3ab"
+    }
+  }
+};
+
+export const Stepper = {
+  Horizontal: {
+    Line: "#d6d6dd",
+    PastItem: {
+      Circle: {
+        Background: "#edf8ff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    CurrentItem: {
+      Circle: {
+        Background: "#0174bc",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#ffffff",
+        Border: "#d6d6dd",
+        Text: "#a3a3ab"
+      },
+      Text: "#a3a3ab"
+    }
+  },
+  Vertical: {
+    Background: "#ffffff",
+    Border: "#d6d6dd",
+    Icon: "#3d3d42",
+    PastItem: {
+      Circle: {
+        Background: "#edf8ff",
+        Border: "#0174bc",
+        Text: "#0174bc",
+        Icon: "#0174bc"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    CurrentItem: {
+      Icon: "#0174bc",
+      Circle: {
+        Background: "#0174bc",
+        Text: "#ffffff"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    FutureItem: {
+      Circle: {
+        Background: "#ffffff",
+        Border: "#83838c",
+        Text: "#696970"
+      },
+      Text: {
+        Default: "#343438",
+        Hover: "#0174bc"
+      }
+    },
+    DisabledItem: {
+      Circle: {
+        Background: "#ffffff",
+        Border: "#d6d6dd",
+        Text: "#a3a3ab"
+      },
+      Text: "#a3a3ab"
+    }
+  }
+};
+
+export const AdvancedSearch = {
+  FilterIcon: {
+    Default: {
+      Icon: "#3d3d42"
+    },
+    Hover: {
+      Icon: "#009cde"
+    },
+    Applied: {
+      Icon: "#0174bc",
+      Badge: {
+        Background: "#d63c42",
+        Text: "#ffffff"
+      }
+    },
+    Disabled: {
+      Icon: "#a3a3ab",
+      Badge: {
+        Background: "#83838c",
+        Text: "#ffffff"
+      }
+    }
+  },
+  FilterArea: {
+    Background: "#f7f7fa",
+    Border: "#d6d6dd",
+    Text: {
+      Default: "#343438",
+      Link: "#0174bc"
+    },
+    Icon: {
+      Default: "#3d3d42",
+      Hover: "#009cde",
+      Disabled: "#a3a3ab"
+    },
+    Tag: {
+      Background: "#ffffff",
+      Border: "#d6d6dd",
+      OperatorIcon: "#c25d05",
+      Icon: {
+        Default: "#3d3d42",
+        Hover: "#009cde"
+      }
+    }
+  }
+};
+
+export const SegmentedStatusButton = {
+  Default: {
+    Background: "#ffffff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#696970"
+  },
+  Hover: {
+    Background: "#edf8ff",
+    Border: "#83838c",
+    Text: "#696970",
+    Icon: "#696970"
+  },
+  Disabled: {
+    Background: "#ffffff",
+    Border: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  DisabledPositive: {
+    Background: "#b7dfba",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ActivePositive: {
+    Background: "#07a04d",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  DisabledNegative: {
+    Background: "#f9c6c6",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ActiveNegative: {
+    Background: "#d0343a",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  },
+  DisabledNeutral: {
+    Background: "#c2c2ca",
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  ActiveNeutral: {
+    Background: "#83838c",
+    Text: "#ffffff",
+    Icon: "#ffffff"
+  }
+};
+
+export const LinkSelect = {
+  Default: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  },
+  Hover: {
+    Text: "#009cde",
+    Icon: "#009cde"
+  },
+  Filled: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  },
+  Disabled: {
+    Text: "#a3a3ab",
+    Icon: "#a3a3ab"
+  },
+  Focus: {
+    Text: "#0174bc",
+    Icon: "#3d3d42"
+  },
+  ReadOnly: {
+    Text: "#343438"
+  }
+};
+      
\ No newline at end of file
diff --git a/dist/themes/densedLight/tokens.css b/dist/themes/densedLight/tokens.css
new file mode 100644
index 0000000..a174bb3
--- /dev/null
+++ b/dist/themes/densedLight/tokens.css
@@ -0,0 +1,1610 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --token-global-color-neutrals-5: #f7f7fa; /* Page background color, disabled form elements fill (input, text area, etc) */
+  --token-global-color-neutrals-10: #ededf2; /* UI element bg */
+  --token-global-color-neutrals-20: #e5e5ea; /* Subtle background */
+  --token-global-color-neutrals-30: #d6d6dd; /* Container border, divider, stroke */
+  --token-global-color-neutrals-40: #c2c2ca; /* Disabled border */
+  --token-global-color-neutrals-50: #a3a3ab;
+  --token-global-color-neutrals-60: #83838c; /* Default field border */
+  --token-global-color-neutrals-70: #696970; /* Color for text placeholder and hints */
+  --token-global-color-neutrals-80: #515157;
+  --token-global-color-neutrals-90: #3d3d42; /* Default icon color, hover color for fields border */
+  --token-global-color-neutrals-100: #343438; /* Default text color */
+  --token-global-color-neutrals-black: #232326; /* Global header and footer */
+  --token-global-color-neutrals-white: #ffffff;
+  --token-global-color-brand-5: #f5fbff;
+  --token-global-color-brand-10: #edf8ff;
+  --token-global-color-brand-20: #e1f4ff;
+  --token-global-color-brand-30: #ceedfe;
+  --token-global-color-brand-40: #afdef8;
+  --token-global-color-brand-50: #96cff0;
+  --token-global-color-brand-60: #5bb3ea;
+  --token-global-color-brand-70: #009cde; /* Akamai Blue */
+  --token-global-color-brand-80: #108ad6;
+  --token-global-color-brand-90: #0174bc; /* Akamai Websafe Blue */
+  --token-global-color-brand-100: #00314d;
+  --token-global-color-red-5: #fff8f8;
+  --token-global-color-red-10: #ffefef;
+  --token-global-color-red-20: #ffe5e5;
+  --token-global-color-red-30: #fdd8d8;
+  --token-global-color-red-40: #f9c6c6;
+  --token-global-color-red-50: #f3aeaf;
+  --token-global-color-red-60: #eb9091;
+  --token-global-color-red-70: #d63c42; /* Critical or high severity */
+  --token-global-color-red-80: #d0343a; /* Akamai Red */
+  --token-global-color-red-90: #b82329;
+  --token-global-color-red-100: #381316;
+  --token-global-color-orange-5: #fef9f4;
+  --token-global-color-orange-10: #fff3e7;
+  --token-global-color-orange-20: #ffebd7;
+  --token-global-color-orange-30: #ffe1c3;
+  --token-global-color-orange-40: #facfa4;
+  --token-global-color-orange-50: #f2b67b;
+  --token-global-color-orange-60: #f09d4b;
+  --token-global-color-orange-70: #fe9933; /* Akamai Orange. High or medium severity */
+  --token-global-color-orange-80: #f0821d;
+  --token-global-color-orange-90: #c25d05;
+  --token-global-color-orange-100: #451e11;
+  --token-global-color-amber-5: #fff9ed;
+  --token-global-color-amber-10: #fff4d5;
+  --token-global-color-amber-20: #ffecbc;
+  --token-global-color-amber-30: #ffe3a2;
+  --token-global-color-amber-40: #facf83;
+  --token-global-color-amber-50: #f3ba63;
+  --token-global-color-amber-60: #edb016;
+  --token-global-color-amber-70: #fecb34; /* Medium or low severity */
+  --token-global-color-amber-80: #f2b90e;
+  --token-global-color-amber-90: #ce9a00;
+  --token-global-color-amber-100: #403104;
+  --token-global-color-yellow-5: #ffffeb;
+  --token-global-color-yellow-10: #fafadf;
+  --token-global-color-yellow-20: #f9f9c9;
+  --token-global-color-yellow-30: #f8f8b6;
+  --token-global-color-yellow-40: #f5f596;
+  --token-global-color-yellow-50: #e8e86a;
+  --token-global-color-yellow-60: #dfdf39;
+  --token-global-color-yellow-70: #f5f531;
+  --token-global-color-yellow-80: #e5e50a;
+  --token-global-color-yellow-90: #bfbf0d;
+  --token-global-color-yellow-100: #35290f;
+  --token-global-color-lime-5: #f7fcf0;
+  --token-global-color-lime-10: #eefadc;
+  --token-global-color-lime-20: #e4f7c7;
+  --token-global-color-lime-30: #d7f2b0;
+  --token-global-color-lime-40: #c9e894;
+  --token-global-color-lime-50: #b1d16a;
+  --token-global-color-lime-60: #94ba2c;
+  --token-global-color-lime-70: #99d52a;
+  --token-global-color-lime-80: #93c926;
+  --token-global-color-lime-90: #5d770d;
+  --token-global-color-lime-100: #263209;
+  --token-global-color-green-5: #f3fcf3;
+  --token-global-color-green-10: #ebf9eb;
+  --token-global-color-green-20: #dff3df;
+  --token-global-color-green-30: #ceebcf;
+  --token-global-color-green-40: #b7dfba;
+  --token-global-color-green-50: #97cf9c;
+  --token-global-color-green-60: #65ba75;
+  --token-global-color-green-70: #00b050; /* Akamai Green. Low severity (human) */
+  --token-global-color-green-80: #07a04d;
+  --token-global-color-green-90: #138246;
+  --token-global-color-green-100: #1b311e;
+  --token-global-color-teal-5: #f1fcfa;
+  --token-global-color-teal-10: #e7f9f5;
+  --token-global-color-teal-20: #d9f3ee;
+  --token-global-color-teal-30: #c7ebe5;
+  --token-global-color-teal-40: #afdfd7;
+  --token-global-color-teal-50: #8dcec3;
+  --token-global-color-teal-60: #53b9ab;
+  --token-global-color-teal-70: #12a594;
+  --token-global-color-teal-80: #0e9888;
+  --token-global-color-teal-90: #067a6f;
+  --token-global-color-teal-100: #10302b;
+  --token-global-color-cyan-5: #f2fcfd;
+  --token-global-color-cyan-10: #e7f9fb;
+  --token-global-color-cyan-20: #d8f3f6;
+  --token-global-color-cyan-30: #aadee6;
+  --token-global-color-cyan-40: #84cdda;
+  --token-global-color-cyan-50: #84cdda;
+  --token-global-color-cyan-60: #3db9cf;
+  --token-global-color-cyan-70: #05a2c2;
+  --token-global-color-cyan-80: #0894b3;
+  --token-global-color-cyan-90: #0c7792;
+  --token-global-color-cyan-100: #04313c;
+  --token-global-color-ultramarine-5: #f8faff;
+  --token-global-color-ultramarine-10: #f0f4ff;
+  --token-global-color-ultramarine-20: #e6edfe;
+  --token-global-color-ultramarine-30: #d9e2fc;
+  --token-global-color-ultramarine-40: #c6d4f9;
+  --token-global-color-ultramarine-50: #aec0f5;
+  --token-global-color-ultramarine-60: #8da4ef;
+  --token-global-color-ultramarine-70: #4067e5;
+  --token-global-color-ultramarine-80: #3a5ccc;
+  --token-global-color-ultramarine-90: #3451b2;
+  --token-global-color-ultramarine-100: #002856; /* Akamai Dark Navy */
+  --token-global-color-violet-5: #fbfaff;
+  --token-global-color-violet-10: #f5f2ff;
+  --token-global-color-violet-20: #ede9fe;
+  --token-global-color-violet-30: #e4defc;
+  --token-global-color-violet-40: #d7cff9;
+  --token-global-color-violet-50: #c4b8f3;
+  --token-global-color-violet-60: #aa99ec;
+  --token-global-color-violet-70: #7259d6;
+  --token-global-color-violet-80: #644fc1;
+  --token-global-color-violet-90: #5746af;
+  --token-global-color-violet-100: #20134b;
+  --token-global-color-purple-5: #fdfaff;
+  --token-global-color-purple-10: #f9f1fe;
+  --token-global-color-purple-20: #f3e7fc;
+  --token-global-color-purple-30: #eddbf9;
+  --token-global-color-purple-40: #e3ccf4;
+  --token-global-color-purple-50: #d3b4ed;
+  --token-global-color-purple-60: #be93e4;
+  --token-global-color-purple-70: #8e4ec6;
+  --token-global-color-purple-80: #8445bc;
+  --token-global-color-purple-90: #753bbd; /* Akamai Purple */
+  --token-global-color-purple-100: #2b0e44;
+  --token-global-color-magenta-5: #fff8ff;
+  --token-global-color-magenta-10: #fceffc;
+  --token-global-color-magenta-20: #f9e5f9;
+  --token-global-color-magenta-30: #f3d9f4;
+  --token-global-color-magenta-40: #ebc8ed;
+  --token-global-color-magenta-50: #dfafe3;
+  --token-global-color-magenta-60: #cf91d8;
+  --token-global-color-magenta-70: #ab4aba; /* Critical severity */
+  --token-global-color-magenta-80: #a43cb4;
+  --token-global-color-magenta-90: #9c2bad;
+  --token-global-color-magenta-100: #340c3b;
+  --token-global-color-pink-5: #fff7fc;
+  --token-global-color-pink-10: #feeef8;
+  --token-global-color-pink-20: #fce5f3;
+  --token-global-color-pink-30: #f9d8ec;
+  --token-global-color-pink-40: #f3c6e2;
+  --token-global-color-pink-50: #ecadd4;
+  --token-global-color-pink-60: #e38ec3;
+  --token-global-color-pink-70: #e043a7;
+  --token-global-color-pink-80: #d23197;
+  --token-global-color-pink-90: #cd1d8d;
+  --token-global-color-pink-100: #3b0a2a;
+  --token-global-color-brown-5: #fbf9f2;
+  --token-global-color-brown-10: #f5f2e9;
+  --token-global-color-brown-20: #eeeadd;
+  --token-global-color-brown-30: #e5dfd0;
+  --token-global-color-brown-40: #dad1bd;
+  --token-global-color-brown-50: #cbbda4;
+  --token-global-color-brown-60: #b8a383;
+  --token-global-color-brown-70: #978365;
+  --token-global-color-brown-80: #8c795d;
+  --token-global-color-brown-90: #776750;
+  --token-global-color-brown-100: #3b352b;
+  --token-global-spacing-0: 0rem;
+  --token-global-spacing-10: 0.125rem; /* 2px */
+  --token-global-spacing-20: 0.25rem; /* 4px */
+  --token-global-spacing-30: 0.375rem; /* 6px */
+  --token-global-spacing-40: 0.5rem; /* 8px */
+  --token-global-spacing-50: 0.75rem; /* 12px */
+  --token-global-spacing-60: 1rem; /* 16px */
+  --token-global-spacing-70: 1.5rem; /* 24px */
+  --token-global-spacing-80: 2rem; /* 32px */
+  --token-global-spacing-90: 3rem; /* 48px */
+  --token-global-font-font-family-brand: 'Nunito Sans';
+  --token-global-font-font-family-code: 'Fira Code';
+  --token-global-font-font-weight-semibold: 600;
+  --token-global-font-font-weight-bold: 700;
+  --token-global-font-font-weight-extrabold: 800;
+  --token-global-font-font-weight-regular-normal: 400;
+  --token-global-font-font-weight-regular-italic: 400;
+  --token-global-font-font-size-xxxs: 0.75rem; /* 12px */
+  --token-global-font-font-size-xxs: 0.813rem; /* 13px */
+  --token-global-font-font-size-xs: 0.875rem; /* 14px */
+  --token-global-font-font-size-s: 1rem; /* 16px */
+  --token-global-font-font-size-m: 1.125rem; /* 18px */
+  --token-global-font-font-size-l: 1.25rem; /* 20px */
+  --token-global-font-font-size-xl: 1.5rem; /* 24px */
+  --token-global-font-font-size-xxl: 1.75rem; /* 28px */
+  --token-global-font-font-size-xxxl: 2.25rem; /* 36px */
+  --token-global-font-line-height-xxxs: 1rem; /* 16px */
+  --token-global-font-line-height-xxs: 1.125rem; /* 18px */
+  --token-global-font-line-height-xs: 1.25rem; /* 20px */
+  --token-global-font-line-height-s: 1.5rem; /* 24px */
+  --token-global-font-line-height-m: 1.625rem; /* 26px */
+  --token-global-font-line-height-l: 1.875rem; /* 30px */
+  --token-global-font-line-height-xl: 2rem; /* 32px */
+  --token-global-font-line-height-xxl: 2.375rem; /* 38px */
+  --token-global-font-line-height-xxxl: 2.625rem; /* 42px */
+  --token-global-font-textcase-uppercase: uppercase;
+  --token-global-border-radius-none: 0rem;
+  --token-alias-content-text-base: #ffffff; /* Use as color for text on a dark surface */
+  --token-alias-content-text-negative: #b82329; /* Use to indicate error messages */
+  --token-alias-content-text-warning: #fecb34;
+  --token-alias-content-text-positive: #00b050;
+  --token-alias-content-text-informative: #4067e5;
+  --token-alias-content-text-primary-default: #343438; /* Primary color for text */
+  --token-alias-content-text-primary-disabled: #a3a3ab; /* Use only to indicate a disabled state of a primary text color */
+  --token-alias-content-text-secondary-default: #696970; /* Secondary color for text (placeholders, hints) */
+  --token-alias-content-text-secondary-disabled: #a3a3ab; /* Use only to indicate a disabled state of a secondary text color */
+  --token-alias-content-text-link-default: #0174bc; /* Use only for links */
+  --token-alias-content-text-link-hover: #009cde; /* Use only as a hover on links */
+  --token-alias-content-text-link-disabled: #a3a3ab; /* Use only to indicate a disabled state for links */
+  --token-alias-content-icon-base: #ffffff; /* Use as color for icons on a dark surface */
+  --token-alias-content-icon-negative: #d63c42; /* Use only for icons to indicate an error state */
+  --token-alias-content-icon-warning: #fecb34; /* Use only for icons to indicate a warning state */
+  --token-alias-content-icon-positive: #00b050; /* Use only for icons to indicate a success state */
+  --token-alias-content-icon-informative: #4067e5; /* Use only for icons to indicate an info state */
+  --token-alias-content-icon-primary-default: #3d3d42; /* Default color for icons */
+  --token-alias-content-icon-primary-hover: #009cde; /* Use only as a hover state for icons */
+  --token-alias-content-icon-primary-active: #0174bc; /* Use only as a selected/active state for icons */
+  --token-alias-content-icon-primary-disabled: #a3a3ab; /* Use only as a disabled state for icons */
+  --token-alias-content-icon-secondary-default: #696970; /* Secondary icon color (placeholder, etc) */
+  --token-alias-content-icon-secondary-disabled: #a3a3ab; /* Use only as a disabled state for a secondary icon color */
+  --token-alias-border-normal: #d6d6dd; /* Border color for static ui elements and components */
+  --token-alias-border-neutral: #343438;
+  --token-alias-border-negative: #d63c42; /* Use only for borders to indicate an error state */
+  --token-alias-border-warning: #fecb34; /* Use only for borders to indicate a warning state */
+  --token-alias-border-positive: #00b050; /* Use only for borders to indicate a success state */
+  --token-alias-border-informative: #4067e5; /* Use only for borders to indicate an info state */
+  --token-alias-background-normal: #ffffff; /* Primary background color */
+  --token-alias-background-neutral: #f7f7fa; /* Page background color */
+  --token-alias-background-base: #343438; /* Tooltip background */
+  --token-alias-background-negative: #d63c42;
+  --token-alias-background-warning: #fecb34;
+  --token-alias-background-positive: #00b050;
+  --token-alias-background-informative: #4067e5;
+  --token-alias-background-black: #232326; /* Use only for a global header and global footer background */
+  --token-alias-background-negativesubtle: #ffefef;
+  --token-alias-background-warningsubtle: #fff4d5;
+  --token-alias-background-positivesubtle: #ebf9eb;
+  --token-alias-background-informativesubtle: #f0f4ff;
+  --token-alias-background-neutralsubtle: #e5e5ea;
+  --token-alias-background-overlay: lch(13.8 2.09 286 / 0.24); /* Page dimming when the modal component is active */
+  --token-alias-action-base: #ffffff;
+  --token-alias-action-neutral: #83838c;
+  --token-alias-action-white50: rgba(255, 255, 255, 0.5); /* Transparent disabled switcher circle */
+  --token-alias-action-primary-default: #0174bc; /* Brand action color */
+  --token-alias-action-primary-hover: #009cde;
+  --token-alias-action-primary-active: #0174bc;
+  --token-alias-action-primary-disabled: #e5e5ea;
+  --token-alias-action-secondary-hover: #edf8ff;
+  --token-alias-action-secondary-disabled: #c2c2ca;
+  --token-alias-action-tertiary-disabled: #afdef8;
+  --token-alias-action-positive-default: #07a04d;
+  --token-alias-action-positive-disabled: #b7dfba;
+  --token-alias-action-negative-default: #d0343a;
+  --token-alias-action-negative-disabled: #f9c6c6;
+  --token-alias-interaction-border-default: #83838c; /* Default inputs border */
+  --token-alias-interaction-border-hover: #3d3d42;
+  --token-alias-interaction-border-focus: #0174bc;
+  --token-alias-interaction-border-error: #d63c42;
+  --token-alias-interaction-border-disabled: #c2c2ca;
+  --token-alias-interaction-background-primary: #ffffff; /* Default component background color */
+  --token-alias-interaction-background-secondary: #f7f7fa;
+  --token-alias-interaction-background-tertiary: #edf8ff;
+  --token-alias-interaction-background-elevated: #edf8ff; /* Calendar range background, table row hover  */
+  --token-alias-interaction-background-accent: #ceedfe;
+  --token-alias-interaction-background-active: #0174bc;
+  --token-alias-interaction-background-disabled: #ededf2;
+  --token-alias-elevation-s: 0 2px 6px 0 rgba(58,59,63,0.18); /* Default shadow for components, like notification banners, dropdowns, popups; */
+  --token-alias-elevation-s-inverted: 0 -2px 6px 0 rgba(58,59,63,0.18); /* Inverted shadow for elements that appear above the component */
+  --token-alias-elevation-l: 0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08); /* Shadow for modals */
+  --token-alias-typography-heading-xxxl: 700 2.25rem/2.625rem 'Nunito Sans'; /* Promo banners, KPIs */
+  --token-alias-typography-heading-xxl: 800 1.75rem/2rem 'Nunito Sans'; /* Main titles - h1 */
+  --token-alias-typography-heading-xl: 700 1.5rem/1.875rem 'Nunito Sans'; /* Second level title - h2 */
+  --token-alias-typography-heading-l: 700 1.25rem/1.625rem 'Nunito Sans'; /* Third level title - h3 */
+  --token-alias-typography-heading-m: 700 1.125rem/1.5rem 'Nunito Sans'; /* Drawer, modal title - h4 */
+  --token-alias-typography-heading-s: 700 1rem/1.25rem 'Nunito Sans'; /* Advanced search, bars, master switch titles - h5 */
+  --token-alias-typography-heading-xs: 700 0.875rem/1.125rem 'Nunito Sans'; /* Low level headings - h6 */
+  --token-alias-typography-heading-overline: 800 0.75rem/1rem 'Nunito Sans'; /* Custom labels for content blocks */
+  --token-alias-typography-heading-overline-letter-spacing: 0.023rem; /* Overline letter spacing */
+  --token-alias-typography-heading-overline-text-case: uppercase; /* Overline text case */
+  --token-alias-typography-body-regular: 400 0.875rem/1.25rem 'Nunito Sans'; /* Main body text */
+  --token-alias-typography-body-semibold: 600 0.875rem/1.25rem 'Nunito Sans'; /* Light emphasis */
+  --token-alias-typography-body-bold: 700 0.875rem/1.25rem 'Nunito Sans'; /* Emphasis */
+  --token-alias-typography-body-extrabold: 800 0.875rem/1.25rem 'Nunito Sans'; /* Max emphasis */
+  --token-alias-typography-body-list: 400 0.875rem/1.25rem 'Nunito Sans'; /* For list items */
+  --token-alias-typography-body-italic: 400 0.875rem/1.25rem 'Nunito Sans';
+  --token-alias-typography-label-semibold-l: 600 1rem/1.25rem 'Nunito Sans'; /* Large tabs */
+  --token-alias-typography-label-semibold-s: 600 0.875rem/1rem 'Nunito Sans'; /* Large buttons, list, segmented buttons, side navigation, small tables */
+  --token-alias-typography-label-semibold-xs: 600 0.75rem/1rem 'Nunito Sans'; /* Small buttons, tags, warning message under field */
+  --token-alias-typography-label-bold-l: 700 1rem/1.25rem 'Nunito Sans'; /* Card, content panel, vertical stepper */
+  --token-alias-typography-label-bold-s: 700 0.875rem/1rem 'Nunito Sans'; /* Field labels, table header, date&time pickers */
+  --token-alias-typography-label-bold-xs: 700 0.75rem/0.875rem 'Nunito Sans'; /* Badge number */
+  --token-alias-typography-label-regular-s: 400 0.875rem/1rem 'Nunito Sans'; /* Field entered text, dropdown item, table cell, pagination */
+  --token-alias-typography-label-regular-xs: 400 0.75rem/1rem 'Nunito Sans'; /* Optional text, small dropdown item */
+  --token-alias-typography-label-regular-placeholder: 400 0.875rem/1rem 'Nunito Sans';
+  --token-alias-typography-code: 400 0.813rem/1.25rem 'Fira Code'; /* Code samples */
+  --token-alias-accent-info-primary: #3451b2;
+  --token-alias-accent-info-secondary: lch(36.7 58.2 286 / 0.12);
+  --token-alias-accent-neutral-primary: #515157;
+  --token-alias-accent-neutral-secondary: lch(34.6 3.66 286 / 0.12);
+  --token-alias-accent-warning-primary: #c25d05;
+  --token-alias-accent-warning-secondary: lch(67.2 71.6 80.1 / 0.12);
+  --token-alias-accent-negative-primary: #b82329;
+  --token-alias-accent-negative-secondary: lch(41.2 69 32.4 / 0.12);
+  --token-alias-accent-positive-primary: #138246;
+  --token-alias-accent-positive-secondary: lch(47.6 47.7 150 / 0.12);
+  --token-alias-accent-important-primary: #753bbd;
+  --token-alias-accent-important-secondary: lch(38.2 75 307 / 0.12);
+  --token-alias-accent-pink-primary: #cd1d8d;
+  --token-alias-accent-pink-secondary: lch(47.1 72.1 347 / 0.12);
+  --token-alias-accent-violet-primary: #5746af;
+  --token-alias-accent-violet-secondary: lch(36.2 62.1 298 / 0.12);
+  --token-alias-chart-neutral: #d6d6dd;
+  --token-alias-chart-categorical-1-primary: #4067e5;
+  --token-alias-chart-categorical-1-inactive: #d9e2fc;
+  --token-alias-chart-categorical-1-transparent: lch(46.5 72.3 286 / 0.2);
+  --token-alias-chart-categorical-2-primary: #fe9933;
+  --token-alias-chart-categorical-2-inactive: #ffe1c3;
+  --token-alias-chart-categorical-2-transparent: lch(72.9 74.2 63 / 0.2);
+  --token-alias-chart-categorical-3-primary: #12a594;
+  --token-alias-chart-categorical-3-inactive: #c7ebe5;
+  --token-alias-chart-categorical-3-transparent: lch(60.7 39.7 183 / 0.2);
+  --token-alias-chart-categorical-4-primary: #ab4aba;
+  --token-alias-chart-categorical-4-inactive: #f3d9f4;
+  --token-alias-chart-categorical-4-transparent: lch(48.2 66.6 322 / 0.2);
+  --token-alias-chart-categorical-5-primary: #d63c42;
+  --token-alias-chart-categorical-5-inactive: #fdd8d8;
+  --token-alias-chart-categorical-5-transparent: lch(50.1 69.5 29.4 / 0.2);
+  --token-alias-chart-categorical-6-primary: #05a2c2;
+  --token-alias-chart-categorical-6-inactive: #aadee6;
+  --token-alias-chart-categorical-6-transparent: lch(61 38.6 224 / 0.2);
+  --token-alias-chart-categorical-7-primary: #e043a7;
+  --token-alias-chart-categorical-7-inactive: #f9d8ec;
+  --token-alias-chart-categorical-7-transparent: lch(55 70 344 / 0.2);
+  --token-alias-chart-categorical-8-primary: #00b050;
+  --token-alias-chart-categorical-8-inactive: #ceebcf;
+  --token-alias-chart-categorical-8-transparent: lch(63 67 146 / 0.2);
+  --token-alias-chart-categorical-9-primary: #7259d6;
+  --token-alias-chart-categorical-9-inactive: #e4defc;
+  --token-alias-chart-categorical-9-transparent: lch(45.6 71 299 / 0.2);
+  --token-alias-chart-categorical-10-primary: #99d52a;
+  --token-alias-chart-categorical-10-inactive: #d7f2b0;
+  --token-alias-chart-categorical-10-transparent: lch(79 79.1 118 / 0.2);
+  --token-alias-chart-categorical-11-primary: #696970;
+  --token-alias-chart-categorical-11-inactive: #d6d6dd;
+  --token-alias-chart-categorical-11-transparent: lch(44.6 4.09 286 / 0.2);
+  --token-alias-chart-categorical-12-primary: #8da4ef;
+  --token-alias-chart-categorical-12-inactive: #d9e2fc;
+  --token-alias-chart-categorical-12-transparent: lch(67.9 41.2 278 / 0.2);
+  --token-alias-chart-categorical-13-primary: #c25d05;
+  --token-alias-chart-categorical-13-inactive: #ffe1c3;
+  --token-alias-chart-categorical-13-transparent: lch(51.7 70.9 57.2 / 0.2);
+  --token-alias-chart-categorical-14-primary: #067a6f;
+  --token-alias-chart-categorical-14-inactive: #c7ebe5;
+  --token-alias-chart-categorical-14-transparent: lch(45.6 31.8 185 / 0.2);
+  --token-alias-chart-categorical-15-primary: #cf91d8;
+  --token-alias-chart-categorical-15-inactive: #f3d9f4;
+  --token-alias-chart-categorical-15-transparent: lch(68.3 42.4 321 / 0.2);
+  --token-alias-chart-categorical-16-primary: #eb9091;
+  --token-alias-chart-categorical-16-inactive: #fdd8d8;
+  --token-alias-chart-categorical-16-transparent: lch(69.6 38.4 22.9 / 0.2);
+  --token-alias-chart-categorical-17-primary: #0c7792;
+  --token-alias-chart-categorical-17-inactive: #aadee6;
+  --token-alias-chart-categorical-17-transparent: lch(45.7 30.9 228 / 0.2);
+  --token-alias-chart-categorical-18-primary: #e38ec3;
+  --token-alias-chart-categorical-18-inactive: #f9d8ec;
+  --token-alias-chart-categorical-18-transparent: lch(69.3 40.8 341 / 0.2);
+  --token-alias-chart-categorical-19-primary: #97cf9c;
+  --token-alias-chart-categorical-19-inactive: #ceebcf;
+  --token-alias-chart-categorical-19-transparent: lch(78.2 32.7 144 / 0.2);
+  --token-alias-chart-categorical-20-primary: #aa99ec;
+  --token-alias-chart-categorical-20-inactive: #e4defc;
+  --token-alias-chart-categorical-20-transparent: lch(67.2 44.6 296 / 0.2);
+  --token-alias-chart-categorical-21-primary: #94ba2c;
+  --token-alias-chart-categorical-21-inactive: #d7f2b0;
+  --token-alias-chart-categorical-21-transparent: lch(70.8 67.7 114 / 0.2);
+  --token-alias-chart-categorical-22-primary: #3d3d42;
+  --token-alias-chart-categorical-22-inactive: #d6d6dd;
+  --token-alias-chart-categorical-22-transparent: lch(25.9 3.2 286 / 0.2);
+  --token-alias-chart-monochromatic-default-5: #f8faff;
+  --token-alias-chart-monochromatic-default-10: #f0f4ff;
+  --token-alias-chart-monochromatic-default-20: #e6edfe;
+  --token-alias-chart-monochromatic-default-30: #d9e2fc;
+  --token-alias-chart-monochromatic-default-40: #c6d4f9;
+  --token-alias-chart-monochromatic-default-50: #aec0f5;
+  --token-alias-chart-monochromatic-default-60: #8da4ef;
+  --token-alias-chart-monochromatic-default-70: #4067e5;
+  --token-alias-chart-monochromatic-default-90: #3451b2;
+  --token-alias-chart-monochromatic-default-100: #002856;
+  --token-alias-chart-monochromatic-danger-5: #fff8f8;
+  --token-alias-chart-monochromatic-danger-10: #ffefef;
+  --token-alias-chart-monochromatic-danger-20: #ffe5e5;
+  --token-alias-chart-monochromatic-danger-30: #fdd8d8;
+  --token-alias-chart-monochromatic-danger-40: #f9c6c6;
+  --token-alias-chart-monochromatic-danger-50: #f3aeaf;
+  --token-alias-chart-monochromatic-danger-60: #eb9091;
+  --token-alias-chart-monochromatic-danger-70: #d63c42;
+  --token-alias-chart-monochromatic-danger-90: #b82329;
+  --token-alias-chart-monochromatic-danger-100: #381316;
+  --token-alias-chart-status-negative: #d63c42;
+  --token-alias-chart-status-warning: #fecb34;
+  --token-alias-chart-status-positive: #00b050;
+  --token-component-button-primary-default-background: #0174bc;
+  --token-component-button-primary-default-text: #ffffff;
+  --token-component-button-primary-default-icon: #ffffff;
+  --token-component-button-primary-hover-background: #009cde;
+  --token-component-button-primary-hover-text: #ffffff;
+  --token-component-button-primary-hover-icon: #ffffff;
+  --token-component-button-primary-pressed-background: #0174bc;
+  --token-component-button-primary-pressed-text: #ffffff;
+  --token-component-button-primary-pressed-icon: #ffffff;
+  --token-component-button-primary-disabled-background: #e5e5ea;
+  --token-component-button-primary-disabled-text: #a3a3ab;
+  --token-component-button-primary-disabled-icon: #a3a3ab;
+  --token-component-button-primary-loading-background: #0174bc;
+  --token-component-button-secondary-default-background: #ffffff;
+  --token-component-button-secondary-default-border: #0174bc;
+  --token-component-button-secondary-default-text: #0174bc;
+  --token-component-button-secondary-default-icon: #0174bc;
+  --token-component-button-secondary-hover-background: #edf8ff;
+  --token-component-button-secondary-hover-border: #009cde;
+  --token-component-button-secondary-hover-text: #0174bc;
+  --token-component-button-secondary-hover-icon: #0174bc;
+  --token-component-button-secondary-pressed-background: #ffffff;
+  --token-component-button-secondary-pressed-border: #0174bc;
+  --token-component-button-secondary-pressed-text: #0174bc;
+  --token-component-button-secondary-pressed-icon: #0174bc;
+  --token-component-button-secondary-disabled-background: #ffffff;
+  --token-component-button-secondary-disabled-border: #c2c2ca;
+  --token-component-button-secondary-disabled-text: #a3a3ab;
+  --token-component-button-secondary-disabled-icon: #a3a3ab;
+  --token-component-button-secondary-loading-background: #ffffff;
+  --token-component-button-secondary-loading-border: #0174bc;
+  --token-component-button-link-default-text: #0174bc;
+  --token-component-button-link-default-icon: #0174bc;
+  --token-component-button-link-hover-text: #009cde;
+  --token-component-button-link-hover-icon: #009cde;
+  --token-component-button-link-pressed-text: #0174bc;
+  --token-component-button-link-pressed-icon: #0174bc;
+  --token-component-button-link-disabled-text: #a3a3ab;
+  --token-component-button-link-disabled-icon: #a3a3ab;
+  --token-component-container-background: #ffffff;
+  --token-component-container-border: #d6d6dd;
+  --token-component-table-header-filled-background: #343438;
+  --token-component-table-header-filled-text: #ffffff;
+  --token-component-table-header-filled-icon: #ffffff;
+  --token-component-table-header-outlined-border: #343438;
+  --token-component-table-header-outlined-text: #343438;
+  --token-component-table-header-outlined-icon: #3d3d42;
+  --token-component-table-row-border: #d6d6dd;
+  --token-component-table-row-icon-default: #3d3d42;
+  --token-component-table-row-icon-disabled: #a3a3ab;
+  --token-component-table-row-icon-hover: #009cde;
+  --token-component-table-row-background-default: #ffffff;
+  --token-component-table-row-background-zebra: #f7f7fa;
+  --token-component-table-row-background-hover: #edf8ff;
+  --token-component-table-row-text-default: #343438;
+  --token-component-table-row-text-placeholder: #696970;
+  --token-component-table-row-text-link: #0174bc;
+  --token-component-menu-button-primary-default-background: #0174bc;
+  --token-component-menu-button-primary-default-text: #ffffff;
+  --token-component-menu-button-primary-default-icon: #ffffff;
+  --token-component-menu-button-primary-hover-background: #009cde;
+  --token-component-menu-button-primary-hover-text: #ffffff;
+  --token-component-menu-button-primary-hover-icon: #ffffff;
+  --token-component-menu-button-primary-pressed-background: #0174bc;
+  --token-component-menu-button-primary-pressed-text: #ffffff;
+  --token-component-menu-button-primary-pressed-icon: #ffffff;
+  --token-component-menu-button-primary-disabled-background: #e5e5ea;
+  --token-component-menu-button-primary-disabled-text: #a3a3ab;
+  --token-component-menu-button-primary-disabled-icon: #a3a3ab;
+  --token-component-menu-button-primary-loading-background: #0174bc;
+  --token-component-menu-button-secondary-default-background: #ffffff;
+  --token-component-menu-button-secondary-default-border: #0174bc;
+  --token-component-menu-button-secondary-default-text: #0174bc;
+  --token-component-menu-button-secondary-default-icon: #0174bc;
+  --token-component-menu-button-secondary-hover-background: #edf8ff;
+  --token-component-menu-button-secondary-hover-border: #009cde;
+  --token-component-menu-button-secondary-hover-text: #0174bc;
+  --token-component-menu-button-secondary-hover-icon: #0174bc;
+  --token-component-menu-button-secondary-pressed-background: #ffffff;
+  --token-component-menu-button-secondary-pressed-border: #0174bc;
+  --token-component-menu-button-secondary-pressed-text: #0174bc;
+  --token-component-menu-button-secondary-pressed-icon: #0174bc;
+  --token-component-menu-button-secondary-disabled-background: #ffffff;
+  --token-component-menu-button-secondary-disabled-border: #c2c2ca;
+  --token-component-menu-button-secondary-disabled-text: #a3a3ab;
+  --token-component-menu-button-secondary-disabled-icon: #a3a3ab;
+  --token-component-menu-button-secondary-loading-background: #ffffff;
+  --token-component-menu-button-secondary-loading-border: #0174bc;
+  --token-component-menu-button-link-default-text: #0174bc;
+  --token-component-menu-button-link-default-icon: #0174bc;
+  --token-component-menu-button-link-hover-text: #009cde;
+  --token-component-menu-button-link-hover-icon: #009cde;
+  --token-component-menu-button-link-pressed-text: #0174bc;
+  --token-component-menu-button-link-pressed-icon: #0174bc;
+  --token-component-menu-button-link-disabled-text: #a3a3ab;
+  --token-component-menu-button-link-disabled-icon: #a3a3ab;
+  --token-component-overflow-menu-button-default-icon: #3d3d42;
+  --token-component-overflow-menu-button-hover-icon: #009cde;
+  --token-component-overflow-menu-button-pressed-icon: #0174bc;
+  --token-component-overflow-menu-button-disabled-icon: #a3a3ab;
+  --token-component-split-menu-button-primary-default-background: #0174bc;
+  --token-component-split-menu-button-primary-default-border: #ffffff;
+  --token-component-split-menu-button-primary-default-text: #ffffff;
+  --token-component-split-menu-button-primary-default-icon: #ffffff;
+  --token-component-split-menu-button-primary-hover-left-background-left: #009cde;
+  --token-component-split-menu-button-primary-hover-left-background-right: #0174bc;
+  --token-component-split-menu-button-primary-hover-left-border: #ffffff;
+  --token-component-split-menu-button-primary-hover-left-text: #ffffff;
+  --token-component-split-menu-button-primary-hover-left-icon: #ffffff;
+  --token-component-split-menu-button-primary-hover-right-background-left: #0174bc;
+  --token-component-split-menu-button-primary-hover-right-background-right: #009cde;
+  --token-component-split-menu-button-primary-hover-right-border: #ffffff;
+  --token-component-split-menu-button-primary-hover-right-text: #ffffff;
+  --token-component-split-menu-button-primary-hover-right-icon: #ffffff;
+  --token-component-split-menu-button-primary-active-background: #0174bc;
+  --token-component-split-menu-button-primary-active-border: #ffffff;
+  --token-component-split-menu-button-primary-active-text: #ffffff;
+  --token-component-split-menu-button-primary-active-icon: #ffffff;
+  --token-component-split-menu-button-primary-disabled-background: #e5e5ea;
+  --token-component-split-menu-button-primary-disabled-border: #ffffff;
+  --token-component-split-menu-button-primary-disabled-text: #a3a3ab;
+  --token-component-split-menu-button-primary-disabled-icon: #a3a3ab;
+  --token-component-split-menu-button-primary-loading-background-left: #0174bc;
+  --token-component-split-menu-button-primary-loading-background-right: #0174bc;
+  --token-component-split-menu-button-primary-loading-border: #ffffff;
+  --token-component-split-menu-button-primary-loading-icon: #ffffff;
+  --token-component-split-menu-button-secondary-default-background: #ffffff;
+  --token-component-split-menu-button-secondary-default-border: #0174bc;
+  --token-component-split-menu-button-secondary-default-text: #0174bc;
+  --token-component-split-menu-button-secondary-default-icon: #0174bc;
+  --token-component-split-menu-button-secondary-hover-left-background-left: #edf8ff;
+  --token-component-split-menu-button-secondary-hover-left-background-right: #ffffff;
+  --token-component-split-menu-button-secondary-hover-left-border-left: #009cde;
+  --token-component-split-menu-button-secondary-hover-left-border-right: #0174bc;
+  --token-component-split-menu-button-secondary-hover-left-text: #0174bc;
+  --token-component-split-menu-button-secondary-hover-left-icon: #0174bc;
+  --token-component-split-menu-button-secondary-hover-right-background-left: #ffffff;
+  --token-component-split-menu-button-secondary-hover-right-background-right: #edf8ff;
+  --token-component-split-menu-button-secondary-hover-right-border-left: #0174bc;
+  --token-component-split-menu-button-secondary-hover-right-border-right: #009cde;
+  --token-component-split-menu-button-secondary-hover-right-text: #0174bc;
+  --token-component-split-menu-button-secondary-hover-right-icon: #0174bc;
+  --token-component-split-menu-button-secondary-active-background: #ffffff;
+  --token-component-split-menu-button-secondary-active-border: #0174bc;
+  --token-component-split-menu-button-secondary-active-text: #0174bc;
+  --token-component-split-menu-button-secondary-active-icon: #0174bc;
+  --token-component-split-menu-button-secondary-disabled-background: #ffffff;
+  --token-component-split-menu-button-secondary-disabled-border: #c2c2ca;
+  --token-component-split-menu-button-secondary-disabled-text: #a3a3ab;
+  --token-component-split-menu-button-secondary-disabled-icon: #a3a3ab;
+  --token-component-split-menu-button-secondary-loading-background: #ffffff;
+  --token-component-split-menu-button-secondary-loading-border: #0174bc;
+  --token-component-split-menu-button-secondary-loading-icon: #0174bc;
+  --token-component-appbar-background: #f7f7fa;
+  --token-component-appbar-border: #d6d6dd;
+  --token-component-appbar-text: #343438;
+  --token-component-appbar-icon: #3d3d42;
+  --token-component-badge-informative-background: lch(36.7 58.2 286 / 0.12);
+  --token-component-badge-informative-text: #3451b2;
+  --token-component-badge-neutral-background: lch(34.6 3.66 286 / 0.12);
+  --token-component-badge-neutral-text: #515157;
+  --token-component-badge-warning-background: lch(67.2 71.6 80.1 / 0.12);
+  --token-component-badge-warning-text: #c25d05;
+  --token-component-badge-negative-background: lch(41.2 69 32.4 / 0.12);
+  --token-component-badge-negative-text: #b82329;
+  --token-component-badge-positive-background: lch(47.6 47.7 150 / 0.12);
+  --token-component-badge-positive-text: #138246;
+  --token-component-badge-important-background: lch(38.2 75 307 / 0.12);
+  --token-component-badge-important-text: #753bbd;
+  --token-component-badge-violet-background: lch(36.2 62.1 298 / 0.12);
+  --token-component-badge-violet-text: #5746af;
+  --token-component-badge-pink-background: lch(47.1 72.1 347 / 0.12);
+  --token-component-badge-pink-text: #cd1d8d;
+  --token-component-breadcrumb-divider: #d6d6dd;
+  --token-component-breadcrumb-app-title-text: #0174bc;
+  --token-component-breadcrumb-default-text: #0174bc;
+  --token-component-breadcrumb-truncated-text: #0174bc;
+  --token-component-breadcrumb-last-item-text: #343438;
+  --token-component-breadcrumb-collapsed-background: #e5e5ea;
+  --token-component-breadcrumb-collapsed-text: #343438;
+  --token-component-breadcrumb-collapsed-icon: #3d3d42;
+  --token-component-breadcrumb-with-dropdown-text: #0174bc;
+  --token-component-breadcrumb-with-dropdown-icon: #3d3d42;
+  --token-component-card-background: #ffffff;
+  --token-component-card-border: #d6d6dd;
+  --token-component-card-text: #343438;
+  --token-component-card-icon: #3d3d42;
+  --token-component-checkbox-empty-default-background: #ffffff;
+  --token-component-checkbox-empty-default-border: #83838c;
+  --token-component-checkbox-empty-default-text: #343438;
+  --token-component-checkbox-empty-hover-background: #ffffff;
+  --token-component-checkbox-empty-hover-border: #009cde;
+  --token-component-checkbox-empty-hover-text: #343438;
+  --token-component-checkbox-empty-active-background: #ffffff;
+  --token-component-checkbox-empty-active-border: #0174bc;
+  --token-component-checkbox-empty-active-text: #343438;
+  --token-component-checkbox-empty-disabled-background: #e5e5ea;
+  --token-component-checkbox-empty-disabled-border: #c2c2ca;
+  --token-component-checkbox-empty-disabled-text: #a3a3ab;
+  --token-component-checkbox-empty-read-only-background: #ffffff;
+  --token-component-checkbox-empty-read-only-border: #c2c2ca;
+  --token-component-checkbox-empty-read-only-text: #343438;
+  --token-component-checkbox-checked-default-background: #0174bc;
+  --token-component-checkbox-checked-default-text: #343438;
+  --token-component-checkbox-checked-default-icon: #ffffff;
+  --token-component-checkbox-checked-hover-background: #009cde;
+  --token-component-checkbox-checked-hover-text: #343438;
+  --token-component-checkbox-checked-hover-icon: #ffffff;
+  --token-component-checkbox-checked-active-background: #0174bc;
+  --token-component-checkbox-checked-active-text: #343438;
+  --token-component-checkbox-checked-active-icon: #ffffff;
+  --token-component-checkbox-checked-disabled-background: #afdef8;
+  --token-component-checkbox-checked-disabled-text: #a3a3ab;
+  --token-component-checkbox-checked-disabled-icon: #ffffff;
+  --token-component-checkbox-checked-read-only-background: #ffffff;
+  --token-component-checkbox-checked-read-only-border: #c2c2ca;
+  --token-component-checkbox-checked-read-only-text: #343438;
+  --token-component-checkbox-checked-read-only-icon: #a3a3ab;
+  --token-component-checkbox-indeterminated-default-background: #0174bc;
+  --token-component-checkbox-indeterminated-default-text: #343438;
+  --token-component-checkbox-indeterminated-default-icon: #ffffff;
+  --token-component-checkbox-indeterminated-hover-background: #009cde;
+  --token-component-checkbox-indeterminated-hover-text: #343438;
+  --token-component-checkbox-indeterminated-hover-icon: #ffffff;
+  --token-component-checkbox-indeterminated-active-background: #0174bc;
+  --token-component-checkbox-indeterminated-active-text: #343438;
+  --token-component-checkbox-indeterminated-active-icon: #ffffff;
+  --token-component-checkbox-indeterminated-disabled-background: #afdef8;
+  --token-component-checkbox-indeterminated-disabled-text: #a3a3ab;
+  --token-component-checkbox-indeterminated-disabled-icon: #ffffff;
+  --token-component-checkbox-indeterminated-read-only-background: #ffffff;
+  --token-component-checkbox-indeterminated-read-only-border: #c2c2ca;
+  --token-component-checkbox-indeterminated-read-only-text: #343438;
+  --token-component-checkbox-indeterminated-read-only-icon: #a3a3ab;
+  --token-component-content-panel-background: #ffffff;
+  --token-component-content-panel-border: #d6d6dd;
+  --token-component-content-panel-text: #343438;
+  --token-component-content-panel-icon: #3d3d42;
+  --token-component-calendar-background: #ffffff;
+  --token-component-calendar-border: #d6d6dd;
+  --token-component-calendar-icon: #3d3d42;
+  --token-component-calendar-text-default: #343438;
+  --token-component-calendar-text-disabled: #a3a3ab;
+  --token-component-calendar-selected-item-text: #ffffff;
+  --token-component-calendar-selected-item-background: #0174bc;
+  --token-component-calendar-hover-item-background: #edf8ff;
+  --token-component-calendar-hover-item-text: #343438;
+  --token-component-calendar-preset-area-background: #f7f7fa;
+  --token-component-calendar-preset-area-hover-period-background: #edf8ff;
+  --token-component-calendar-preset-area-active-period-background: #ceedfe;
+  --token-component-calendar-preset-area-active-period-text: #343438;
+  --token-component-date-field-default-background: #ffffff;
+  --token-component-date-field-default-border: #83838c;
+  --token-component-date-field-default-text: #696970;
+  --token-component-date-field-default-icon: #3d3d42;
+  --token-component-date-field-default-hint-text: #696970;
+  --token-component-date-field-hover-background: #ffffff;
+  --token-component-date-field-hover-border: #3d3d42;
+  --token-component-date-field-hover-text: #343438;
+  --token-component-date-field-hover-icon: #3d3d42;
+  --token-component-date-field-hover-hint-text: #696970;
+  --token-component-date-field-hover-empty-background: #ffffff;
+  --token-component-date-field-hover-empty-border: #3d3d42;
+  --token-component-date-field-hover-empty-text: #696970;
+  --token-component-date-field-hover-empty-icon: #3d3d42;
+  --token-component-date-field-hover-empty-hint-text: #696970;
+  --token-component-date-field-filled-background: #ffffff;
+  --token-component-date-field-filled-border: #83838c;
+  --token-component-date-field-filled-text: #343438;
+  --token-component-date-field-filled-icon: #3d3d42;
+  --token-component-date-field-filled-hint-text: #696970;
+  --token-component-date-field-disabled-background: #ededf2;
+  --token-component-date-field-disabled-border: #c2c2ca;
+  --token-component-date-field-disabled-text: #a3a3ab;
+  --token-component-date-field-disabled-icon: #a3a3ab;
+  --token-component-date-field-disabled-hint-text: #696970;
+  --token-component-date-field-read-only-background: #ffffff;
+  --token-component-date-field-read-only-text: #343438;
+  --token-component-date-field-read-only-hint-text: #696970;
+  --token-component-date-field-error-background: #ffffff;
+  --token-component-date-field-error-border: #d63c42;
+  --token-component-date-field-error-text: #343438;
+  --token-component-date-field-error-icon: #3d3d42;
+  --token-component-date-field-error-hint-text: #b82329;
+  --token-component-date-field-focus-background: #ffffff;
+  --token-component-date-field-focus-border: #0174bc;
+  --token-component-date-field-focus-text: #696970;
+  --token-component-date-field-focus-icon: #0174bc;
+  --token-component-date-field-focus-hint-text: #696970;
+  --token-component-date-picker-default-icon: #3d3d42;
+  --token-component-date-picker-hover-icon: #009cde;
+  --token-component-date-picker-filled-icon: #0174bc;
+  --token-component-date-picker-disabled-icon: #a3a3ab;
+  --token-component-date-picker-focus-icon: #0174bc;
+  --token-component-date-range-picker-default-icon: #3d3d42;
+  --token-component-date-range-picker-hover-icon: #009cde;
+  --token-component-date-range-picker-filled-icon: #0174bc;
+  --token-component-date-range-picker-disabled-icon: #a3a3ab;
+  --token-component-date-range-picker-focus-icon: #0174bc;
+  --token-component-date-range-field-default-background: #ffffff;
+  --token-component-date-range-field-default-border: #83838c;
+  --token-component-date-range-field-default-text: #696970;
+  --token-component-date-range-field-default-icon: #3d3d42;
+  --token-component-date-range-field-default-hint-text: #696970;
+  --token-component-date-range-field-hover-background: #ffffff;
+  --token-component-date-range-field-hover-border: #3d3d42;
+  --token-component-date-range-field-hover-text: #343438;
+  --token-component-date-range-field-hover-icon: #3d3d42;
+  --token-component-date-range-field-hover-hint-text: #696970;
+  --token-component-date-range-field-hover-empty-background: #ffffff;
+  --token-component-date-range-field-hover-empty-border: #3d3d42;
+  --token-component-date-range-field-hover-empty-text: #696970;
+  --token-component-date-range-field-hover-empty-icon: #3d3d42;
+  --token-component-date-range-field-hover-empty-hint-text: #696970;
+  --token-component-date-range-field-filled-background: #ffffff;
+  --token-component-date-range-field-filled-border: #83838c;
+  --token-component-date-range-field-filled-text: #343438;
+  --token-component-date-range-field-filled-icon: #3d3d42;
+  --token-component-date-range-field-filled-hint-text: #696970;
+  --token-component-date-range-field-filled-placeholder-item-text: #696970;
+  --token-component-date-range-field-disabled-background: #ededf2;
+  --token-component-date-range-field-disabled-border: #c2c2ca;
+  --token-component-date-range-field-disabled-text: #a3a3ab;
+  --token-component-date-range-field-disabled-icon: #a3a3ab;
+  --token-component-date-range-field-disabled-hint-text: #696970;
+  --token-component-date-range-field-read-only-background: #ffffff;
+  --token-component-date-range-field-read-only-text: #343438;
+  --token-component-date-range-field-read-only-hint-text: #696970;
+  --token-component-date-range-field-error-background: #ffffff;
+  --token-component-date-range-field-error-border: #d63c42;
+  --token-component-date-range-field-error-text: #343438;
+  --token-component-date-range-field-error-icon: #3d3d42;
+  --token-component-date-range-field-error-hint-text: #b82329;
+  --token-component-date-range-field-focus-background: #ffffff;
+  --token-component-date-range-field-focus-border: #0174bc;
+  --token-component-date-range-field-focus-text: #696970;
+  --token-component-date-range-field-focus-icon: #0174bc;
+  --token-component-date-range-field-focus-hint-text: #696970;
+  --token-component-date-range-field-focus-placeholder-item-text: #696970;
+  --token-component-date-range-input-default-background: #ffffff;
+  --token-component-date-range-input-default-border: #83838c;
+  --token-component-date-range-input-default-text: #696970;
+  --token-component-date-range-input-default-icon: #3d3d42;
+  --token-component-date-range-input-default-hint-text: #696970;
+  --token-component-date-range-input-hover-background: #ffffff;
+  --token-component-date-range-input-hover-border: #3d3d42;
+  --token-component-date-range-input-hover-text: #343438;
+  --token-component-date-range-input-hover-icon: #3d3d42;
+  --token-component-date-range-input-hover-hint-text: #696970;
+  --token-component-date-range-input-active-period-background: #ffffff;
+  --token-component-date-range-input-active-period-border: #3d3d42;
+  --token-component-date-range-input-active-period-text: #343438;
+  --token-component-date-range-input-active-period-icon: #3d3d42;
+  --token-component-date-range-input-active-period-hint-text: #696970;
+  --token-component-date-range-input-active-period-active-item-background: #edf8ff;
+  --token-component-date-range-input-active-period-active-item-text: #696970;
+  --token-component-date-range-input-filled-background: #ffffff;
+  --token-component-date-range-input-filled-border: #83838c;
+  --token-component-date-range-input-filled-text: #343438;
+  --token-component-date-range-input-filled-icon: #3d3d42;
+  --token-component-date-range-input-filled-hint-text: #696970;
+  --token-component-date-range-input-filled-placeholder-item-text: #696970;
+  --token-component-date-range-input-disabled-background: #ffffff;
+  --token-component-date-range-input-disabled-border: #c2c2ca;
+  --token-component-date-range-input-disabled-text: #a3a3ab;
+  --token-component-date-range-input-disabled-icon: #a3a3ab;
+  --token-component-date-range-input-disabled-hint-text: #696970;
+  --token-component-date-range-input-read-only-background: #ffffff;
+  --token-component-date-range-input-read-only-text: #343438;
+  --token-component-date-range-input-read-only-hint-text: #696970;
+  --token-component-date-range-input-error-background: #ffffff;
+  --token-component-date-range-input-error-border: #d63c42;
+  --token-component-date-range-input-error-text: #343438;
+  --token-component-date-range-input-error-icon: #3d3d42;
+  --token-component-date-range-input-error-hint-text: #b82329;
+  --token-component-date-range-input-focus-background: #ffffff;
+  --token-component-date-range-input-focus-border: #0174bc;
+  --token-component-date-range-input-focus-text: #343438;
+  --token-component-date-range-input-focus-icon: #0174bc;
+  --token-component-date-range-input-focus-hint-text: #696970;
+  --token-component-date-range-input-focus-placeholder-item-text: #696970;
+  --token-component-divider-border: #d6d6dd;
+  --token-component-drawer-background: #ffffff;
+  --token-component-drawer-text: #343438;
+  --token-component-drawer-icon-default: #3d3d42;
+  --token-component-drawer-icon-disabled: #a3a3ab;
+  --token-component-dropdown-icon-default: #3d3d42;
+  --token-component-dropdown-icon-disabled: #a3a3ab;
+  --token-component-dropdown-text-default: #343438;
+  --token-component-dropdown-text-link: #0174bc;
+  --token-component-dropdown-text-description: #696970;
+  --token-component-dropdown-text-disabled: #a3a3ab;
+  --token-component-dropdown-background-default: #ffffff;
+  --token-component-dropdown-background-hover: #edf8ff;
+  --token-component-dropdown-background-category: #f7f7fa;
+  --token-component-global-header-background: #232326;
+  --token-component-global-header-border: #3d3d42;
+  --token-component-global-header-icon-default: #d6d6dd;
+  --token-component-global-header-icon-hover: #ffffff;
+  --token-component-global-header-text-default: #d6d6dd;
+  --token-component-global-header-text-hover: #ffffff;
+  --token-component-global-header-search-background: #3d3d42;
+  --token-component-global-header-search-text-placeholder: #d6d6dd;
+  --token-component-global-header-search-text-filled: #ffffff;
+  --token-component-global-header-search-icon-default: #d6d6dd;
+  --token-component-global-header-search-icon-active: #ffffff;
+  --token-component-global-header-search-icon-hover: #ffffff;
+  --token-component-global-footer-background: #232326;
+  --token-component-global-footer-text-default: #d6d6dd;
+  --token-component-global-footer-text-hover: #ffffff;
+  --token-component-group-select-field-default-background: #ffffff;
+  --token-component-group-select-field-default-border: #83838c;
+  --token-component-group-select-field-default-text: #696970;
+  --token-component-group-select-field-default-icon: #3d3d42;
+  --token-component-group-select-field-default-hint-text: #696970;
+  --token-component-group-select-field-default-info-icon: #696970;
+  --token-component-group-select-field-hover-background: #ffffff;
+  --token-component-group-select-field-hover-border: #3d3d42;
+  --token-component-group-select-field-hover-text: #696970;
+  --token-component-group-select-field-hover-icon: #3d3d42;
+  --token-component-group-select-field-hover-hint-text: #696970;
+  --token-component-group-select-field-hover-info-icon: #696970;
+  --token-component-group-select-field-selected-background: #ffffff;
+  --token-component-group-select-field-selected-border: #83838c;
+  --token-component-group-select-field-selected-text: #343438;
+  --token-component-group-select-field-selected-icon: #3d3d42;
+  --token-component-group-select-field-selected-hint-text: #696970;
+  --token-component-group-select-field-selected-info-icon: #696970;
+  --token-component-group-select-field-disabled-background: #ededf2;
+  --token-component-group-select-field-disabled-border: #c2c2ca;
+  --token-component-group-select-field-disabled-text: #a3a3ab;
+  --token-component-group-select-field-disabled-icon: #a3a3ab;
+  --token-component-group-select-field-disabled-hint-text: #696970;
+  --token-component-group-select-field-disabled-info-icon: #696970;
+  --token-component-group-select-field-read-only-background: #ffffff;
+  --token-component-group-select-field-read-only-text: #343438;
+  --token-component-group-select-field-read-only-hint-text: #696970;
+  --token-component-group-select-field-read-only-info-icon: #696970;
+  --token-component-group-select-field-error-background: #ffffff;
+  --token-component-group-select-field-error-border: #d63c42;
+  --token-component-group-select-field-error-text: #343438;
+  --token-component-group-select-field-error-icon: #3d3d42;
+  --token-component-group-select-field-error-hint-text: #b82329;
+  --token-component-group-select-field-error-info-icon: #696970;
+  --token-component-group-select-field-focus-background: #ffffff;
+  --token-component-group-select-field-focus-border: #0174bc;
+  --token-component-group-select-field-focus-text: #343438;
+  --token-component-group-select-field-focus-icon: #3d3d42;
+  --token-component-group-select-field-focus-hint-text: #696970;
+  --token-component-group-select-field-focus-info-icon: #696970;
+  --token-component-group-select-dropdown-icon: #3d3d42;
+  --token-component-group-select-dropdown-text: #343438;
+  --token-component-group-select-dropdown-background-default: #ffffff;
+  --token-component-group-select-dropdown-background-hover: #edf8ff;
+  --token-component-inline-edit-text: #343438;
+  --token-component-inline-edit-icon-default: #3d3d42;
+  --token-component-inline-edit-icon-hover: #009cde;
+  --token-component-inline-edit-accept-icon-default: #0174bc;
+  --token-component-inline-edit-accept-icon-hover: #009cde;
+  --token-component-inline-edit-accept-icon-disabled: #a3a3ab;
+  --token-component-kpi-bar-text: #3d3d42;
+  --token-component-kpi-bar-border: #d6d6dd;
+  --token-component-kpi-bar-icon-default: #3d3d42;
+  --token-component-kpi-bar-icon-hover: #009cde;
+  --token-component-kpi-bar-icon-active: #0174bc;
+  --token-component-kpi-bar-item-neutral-default-label: #515157;
+  --token-component-kpi-bar-item-neutral-default-text: #696970;
+  --token-component-kpi-bar-item-neutral-default-icon: #515157;
+  --token-component-kpi-bar-item-neutral-hover-label: #515157;
+  --token-component-kpi-bar-item-neutral-hover-text: #696970;
+  --token-component-kpi-bar-item-neutral-hover-background: lch(34.6 3.66 286 / 0.12);
+  --token-component-kpi-bar-item-neutral-hover-icon: #515157;
+  --token-component-kpi-bar-item-neutral-active-label: #515157;
+  --token-component-kpi-bar-item-neutral-active-text: #343438;
+  --token-component-kpi-bar-item-neutral-active-border: #515157;
+  --token-component-kpi-bar-item-neutral-active-icon: #515157;
+  --token-component-kpi-bar-item-green-default-label: #138246;
+  --token-component-kpi-bar-item-green-default-text: #696970;
+  --token-component-kpi-bar-item-green-hover-label: #138246;
+  --token-component-kpi-bar-item-green-hover-text: #696970;
+  --token-component-kpi-bar-item-green-hover-background: lch(47.6 47.7 150 / 0.12);
+  --token-component-kpi-bar-item-green-active-label: #138246;
+  --token-component-kpi-bar-item-green-active-text: #343438;
+  --token-component-kpi-bar-item-green-active-border: #138246;
+  --token-component-kpi-bar-item-orange-default-label: #c25d05;
+  --token-component-kpi-bar-item-orange-default-text: #696970;
+  --token-component-kpi-bar-item-orange-hover-label: #c25d05;
+  --token-component-kpi-bar-item-orange-hover-text: #696970;
+  --token-component-kpi-bar-item-orange-hover-background: lch(67.2 71.6 80.1 / 0.12);
+  --token-component-kpi-bar-item-orange-active-label: #c25d05;
+  --token-component-kpi-bar-item-orange-active-text: #343438;
+  --token-component-kpi-bar-item-orange-active-border: #c25d05;
+  --token-component-kpi-bar-item-purple-default-label: #753bbd;
+  --token-component-kpi-bar-item-purple-default-text: #696970;
+  --token-component-kpi-bar-item-purple-hover-label: #753bbd;
+  --token-component-kpi-bar-item-purple-hover-text: #696970;
+  --token-component-kpi-bar-item-purple-hover-background: lch(38.2 75 307 / 0.12);
+  --token-component-kpi-bar-item-purple-active-label: #753bbd;
+  --token-component-kpi-bar-item-purple-active-text: #343438;
+  --token-component-kpi-bar-item-purple-active-border: #753bbd;
+  --token-component-kpi-bar-item-red-default-label: #b82329;
+  --token-component-kpi-bar-item-red-default-text: #696970;
+  --token-component-kpi-bar-item-red-hover-label: #b82329;
+  --token-component-kpi-bar-item-red-hover-text: #696970;
+  --token-component-kpi-bar-item-red-hover-background: lch(41.2 69 32.4 / 0.12);
+  --token-component-kpi-bar-item-red-active-label: #b82329;
+  --token-component-kpi-bar-item-red-active-text: #343438;
+  --token-component-kpi-bar-item-red-active-border: #b82329;
+  --token-component-kpi-bar-item-ultramarine-default-label: #3451b2;
+  --token-component-kpi-bar-item-ultramarine-default-text: #696970;
+  --token-component-kpi-bar-item-ultramarine-hover-label: #3451b2;
+  --token-component-kpi-bar-item-ultramarine-hover-text: #696970;
+  --token-component-kpi-bar-item-ultramarine-hover-background: lch(36.7 58.2 286 / 0.12);
+  --token-component-kpi-bar-item-ultramarine-active-label: #3451b2;
+  --token-component-kpi-bar-item-ultramarine-active-text: #343438;
+  --token-component-kpi-bar-item-ultramarine-active-border: #3451b2;
+  --token-component-kpi-bar-item-pink-default-label: #cd1d8d;
+  --token-component-kpi-bar-item-pink-default-text: #696970;
+  --token-component-kpi-bar-item-pink-hover-label: #cd1d8d;
+  --token-component-kpi-bar-item-pink-hover-text: #696970;
+  --token-component-kpi-bar-item-pink-hover-background: lch(47.1 72.1 347 / 0.12);
+  --token-component-kpi-bar-item-pink-active-label: #cd1d8d;
+  --token-component-kpi-bar-item-pink-active-text: #343438;
+  --token-component-kpi-bar-item-pink-active-border: #cd1d8d;
+  --token-component-label-text: #343438;
+  --token-component-label-icon: #3d3d42;
+  --token-component-label-info-icon: #696970;
+  --token-component-list-text: #343438;
+  --token-component-list-border: #d6d6dd;
+  --token-component-list-icon-default: #3d3d42;
+  --token-component-list-icon-hover: #009cde;
+  --token-component-list-icon-active: #0174bc;
+  --token-component-list-background-default: #ffffff;
+  --token-component-list-background-hover: #edf8ff;
+  --token-component-master-switch-content-background: #ffffff;
+  --token-component-master-switch-side-background: #f7f7fa;
+  --token-component-master-switch-text: #343438;
+  --token-component-master-switch-icon: #3d3d42;
+  --token-component-modal-background: #ffffff;
+  --token-component-modal-icon: #3d3d42;
+  --token-component-modal-text-default: #343438;
+  --token-component-modal-text-description: #696970;
+  --token-component-notification-banner-text: #343438;
+  --token-component-notification-banner-icon: #3d3d42;
+  --token-component-notification-banner-informative-background: #f0f4ff;
+  --token-component-notification-banner-informative-border: #4067e5;
+  --token-component-notification-banner-informative-status-icon: #4067e5;
+  --token-component-notification-banner-tip-background: #f0f4ff;
+  --token-component-notification-banner-tip-border: #4067e5;
+  --token-component-notification-banner-tip-status-icon: #4067e5;
+  --token-component-notification-banner-warning-background: #fff4d5;
+  --token-component-notification-banner-warning-border: #fecb34;
+  --token-component-notification-banner-warning-status-icon: #fecb34;
+  --token-component-notification-banner-success-background: #ebf9eb;
+  --token-component-notification-banner-success-border: #00b050;
+  --token-component-notification-banner-success-status-icon: #00b050;
+  --token-component-notification-banner-error-background: #ffefef;
+  --token-component-notification-banner-error-border: #d63c42;
+  --token-component-notification-banner-error-status-icon: #d63c42;
+  --token-component-notification-banner-secondary-background: #e5e5ea;
+  --token-component-notification-banner-secondary-border: #343438;
+  --token-component-notification-banner-secondary-status-icon: #3d3d42;
+  --token-component-notification-toast-text: #343438;
+  --token-component-notification-toast-icon: #3d3d42;
+  --token-component-notification-toast-informative-background: #f0f4ff;
+  --token-component-notification-toast-informative-icon-background: #4067e5;
+  --token-component-notification-toast-informative-border: #4067e5;
+  --token-component-notification-toast-informative-status-icon: #ffffff;
+  --token-component-notification-toast-tip-background: #f0f4ff;
+  --token-component-notification-toast-tip-icon-background: #4067e5;
+  --token-component-notification-toast-tip-border: #4067e5;
+  --token-component-notification-toast-tip-status-icon: #ffffff;
+  --token-component-notification-toast-warning-background: #fff4d5;
+  --token-component-notification-toast-warning-icon-background: #fecb34;
+  --token-component-notification-toast-warning-border: #fecb34;
+  --token-component-notification-toast-warning-status-icon: #3d3d42;
+  --token-component-notification-toast-success-background: #ebf9eb;
+  --token-component-notification-toast-success-icon-background: #00b050;
+  --token-component-notification-toast-success-border: #00b050;
+  --token-component-notification-toast-success-status-icon: #ffffff;
+  --token-component-notification-toast-error-background: #ffefef;
+  --token-component-notification-toast-error-icon-background: #d63c42;
+  --token-component-notification-toast-error-border: #d63c42;
+  --token-component-notification-toast-error-status-icon: #ffffff;
+  --token-component-pagination-background: #ffffff;
+  --token-component-pagination-border: #d6d6dd;
+  --token-component-pagination-text-default: #343438;
+  --token-component-pagination-text-link: #0174bc;
+  --token-component-pagination-text-hover: #009cde;
+  --token-component-pagination-text-disabled: #a3a3ab;
+  --token-component-pagination-icon-default: #3d3d42;
+  --token-component-pagination-icon-hover: #009cde;
+  --token-component-pagination-icon-active: #0174bc;
+  --token-component-pagination-icon-disabled: #a3a3ab;
+  --token-component-popover-background: #ffffff;
+  --token-component-popover-border: #d6d6dd;
+  --token-component-popover-icon: #3d3d42;
+  --token-component-popover-text-default: #343438;
+  --token-component-popover-text-link-default: #0174bc;
+  --token-component-popover-text-link-hover: #009cde;
+  --token-component-progress-bar-text-default: #343438;
+  --token-component-progress-bar-text-link-default: #0174bc;
+  --token-component-progress-bar-text-link-hover: #009cde;
+  --token-component-progress-bar-status-line-default: #e5e5ea;
+  --token-component-progress-bar-status-line-success: #00b050;
+  --token-component-progress-bar-status-line-error: #d63c42;
+  --token-component-numeric-spinner-default-background: #ffffff;
+  --token-component-numeric-spinner-default-border: #83838c;
+  --token-component-numeric-spinner-default-text: #696970;
+  --token-component-numeric-spinner-default-icon: #3d3d42;
+  --token-component-numeric-spinner-default-hint-text: #696970;
+  --token-component-numeric-spinner-hover-background: #ffffff;
+  --token-component-numeric-spinner-hover-border: #3d3d42;
+  --token-component-numeric-spinner-hover-text: #696970;
+  --token-component-numeric-spinner-hover-icon: #3d3d42;
+  --token-component-numeric-spinner-hover-hint-text: #696970;
+  --token-component-numeric-spinner-filled-background: #ffffff;
+  --token-component-numeric-spinner-filled-border: #83838c;
+  --token-component-numeric-spinner-filled-text: #343438;
+  --token-component-numeric-spinner-filled-icon: #3d3d42;
+  --token-component-numeric-spinner-filled-hint-text: #696970;
+  --token-component-numeric-spinner-disabled-background: #ededf2;
+  --token-component-numeric-spinner-disabled-border: #c2c2ca;
+  --token-component-numeric-spinner-disabled-text: #a3a3ab;
+  --token-component-numeric-spinner-disabled-icon: #a3a3ab;
+  --token-component-numeric-spinner-disabled-hint-text: #696970;
+  --token-component-numeric-spinner-read-only-background: #ffffff;
+  --token-component-numeric-spinner-read-only-text: #343438;
+  --token-component-numeric-spinner-read-only-hint-text: #696970;
+  --token-component-numeric-spinner-error-background: #ffffff;
+  --token-component-numeric-spinner-error-border: #d63c42;
+  --token-component-numeric-spinner-error-text: #343438;
+  --token-component-numeric-spinner-error-icon: #3d3d42;
+  --token-component-numeric-spinner-error-hint-text: #b82329;
+  --token-component-numeric-spinner-focus-background: #ffffff;
+  --token-component-numeric-spinner-focus-border: #0174bc;
+  --token-component-numeric-spinner-focus-text: #696970;
+  --token-component-numeric-spinner-focus-icon: #3d3d42;
+  --token-component-numeric-spinner-focus-hint-text: #696970;
+  --token-component-radio-button-inactive-default-background: #ffffff;
+  --token-component-radio-button-inactive-default-border: #83838c;
+  --token-component-radio-button-inactive-default-text: #343438;
+  --token-component-radio-button-inactive-hover-background: #ffffff;
+  --token-component-radio-button-inactive-hover-border: #009cde;
+  --token-component-radio-button-inactive-hover-text: #343438;
+  --token-component-radio-button-inactive-active-background: #ffffff;
+  --token-component-radio-button-inactive-active-border: #0174bc;
+  --token-component-radio-button-inactive-active-text: #343438;
+  --token-component-radio-button-inactive-disabled-background: #e5e5ea;
+  --token-component-radio-button-inactive-disabled-border: #c2c2ca;
+  --token-component-radio-button-inactive-disabled-text: #a3a3ab;
+  --token-component-radio-button-inactive-read-only-background: #ffffff;
+  --token-component-radio-button-inactive-read-only-border: #c2c2ca;
+  --token-component-radio-button-inactive-read-only-text: #343438;
+  --token-component-radio-button-active-default-background: #ffffff;
+  --token-component-radio-button-active-default-border: #0174bc;
+  --token-component-radio-button-active-default-text: #343438;
+  --token-component-radio-button-active-hover-background: #ffffff;
+  --token-component-radio-button-active-hover-border: #009cde;
+  --token-component-radio-button-active-hover-text: #343438;
+  --token-component-radio-button-active-active-background: #ffffff;
+  --token-component-radio-button-active-active-border: #0174bc;
+  --token-component-radio-button-active-active-text: #343438;
+  --token-component-radio-button-active-disabled-background: #ffffff;
+  --token-component-radio-button-active-disabled-border: #afdef8;
+  --token-component-radio-button-active-disabled-text: #a3a3ab;
+  --token-component-radio-button-active-read-only-background: #ffffff;
+  --token-component-radio-button-active-read-only-border: #c2c2ca;
+  --token-component-radio-button-active-read-only-text: #343438;
+  --token-component-search-default-background: #ffffff;
+  --token-component-search-default-border: #83838c;
+  --token-component-search-default-text: #696970;
+  --token-component-search-default-icon: #3d3d42;
+  --token-component-search-default-hint-text: #696970;
+  --token-component-search-default-search-icon: #696970;
+  --token-component-search-hover-background: #ffffff;
+  --token-component-search-hover-border: #3d3d42;
+  --token-component-search-hover-text: #696970;
+  --token-component-search-hover-icon: #3d3d42;
+  --token-component-search-hover-hint-text: #696970;
+  --token-component-search-hover-search-icon: #696970;
+  --token-component-search-filled-background: #ffffff;
+  --token-component-search-filled-border: #83838c;
+  --token-component-search-filled-text: #343438;
+  --token-component-search-filled-icon: #3d3d42;
+  --token-component-search-filled-hint-text: #696970;
+  --token-component-search-filled-search-icon: #696970;
+  --token-component-search-disabled-background: #ededf2;
+  --token-component-search-disabled-border: #c2c2ca;
+  --token-component-search-disabled-text: #a3a3ab;
+  --token-component-search-disabled-icon: #a3a3ab;
+  --token-component-search-disabled-hint-text: #696970;
+  --token-component-search-disabled-search-icon: #a3a3ab;
+  --token-component-search-error-background: #ffffff;
+  --token-component-search-error-border: #d63c42;
+  --token-component-search-error-text: #343438;
+  --token-component-search-error-icon: #3d3d42;
+  --token-component-search-error-hint-text: #b82329;
+  --token-component-search-error-search-icon: #696970;
+  --token-component-search-focus-empty-background: #ffffff;
+  --token-component-search-focus-empty-border: #0174bc;
+  --token-component-search-focus-empty-text: #696970;
+  --token-component-search-focus-empty-icon: #3d3d42;
+  --token-component-search-focus-empty-hint-text: #696970;
+  --token-component-search-focus-empty-search-icon: #696970;
+  --token-component-search-focus-background: #ffffff;
+  --token-component-search-focus-border: #0174bc;
+  --token-component-search-focus-text: #343438;
+  --token-component-search-focus-icon: #3d3d42;
+  --token-component-search-focus-hint-text: #696970;
+  --token-component-search-focus-search-icon: #696970;
+  --token-component-segmented-button-default-background: #ffffff;
+  --token-component-segmented-button-default-border: #0174bc;
+  --token-component-segmented-button-default-text: #0174bc;
+  --token-component-segmented-button-default-icon: #0174bc;
+  --token-component-segmented-button-hover-background: #edf8ff;
+  --token-component-segmented-button-hover-border: #009cde;
+  --token-component-segmented-button-hover-text: #0174bc;
+  --token-component-segmented-button-hover-icon: #0174bc;
+  --token-component-segmented-button-disabled-background: #ffffff;
+  --token-component-segmented-button-disabled-border: #c2c2ca;
+  --token-component-segmented-button-disabled-text: #a3a3ab;
+  --token-component-segmented-button-disabled-icon: #a3a3ab;
+  --token-component-segmented-button-disabled-checked-background: #e5e5ea;
+  --token-component-segmented-button-disabled-checked-border: #c2c2ca;
+  --token-component-segmented-button-disabled-checked-text: #a3a3ab;
+  --token-component-segmented-button-disabled-checked-icon: #a3a3ab;
+  --token-component-segmented-button-active-background: #0174bc;
+  --token-component-segmented-button-active-border: #0174bc;
+  --token-component-segmented-button-active-text: #ffffff;
+  --token-component-segmented-button-active-icon: #ffffff;
+  --token-component-side-navigation-icon: #3d3d42;
+  --token-component-side-navigation-border: #d6d6dd;
+  --token-component-side-navigation-background-default: #f7f7fa;
+  --token-component-side-navigation-background-second-level: #ffffff;
+  --token-component-side-navigation-default-menu-item-background: #f7f7fa;
+  --token-component-side-navigation-default-menu-item-icon: #3d3d42;
+  --token-component-side-navigation-default-menu-item-text: #343438;
+  --token-component-side-navigation-default-menu-item-label-text: #343438;
+  --token-component-side-navigation-default-menu-item-label-background: #f7f7fa;
+  --token-component-side-navigation-default-menu-item-label-border: #d6d6dd;
+  --token-component-side-navigation-hover-menu-item-background: #edf8ff;
+  --token-component-side-navigation-hover-menu-item-icon: #3d3d42;
+  --token-component-side-navigation-hover-menu-item-text: #343438;
+  --token-component-side-navigation-hover-menu-item-label-text: #343438;
+  --token-component-side-navigation-hover-menu-item-label-background: #f7f7fa;
+  --token-component-side-navigation-hover-menu-item-label-border: #d6d6dd;
+  --token-component-side-navigation-selected-menu-item-background: #ceedfe;
+  --token-component-side-navigation-selected-menu-item-icon: #3d3d42;
+  --token-component-side-navigation-selected-menu-item-text: #343438;
+  --token-component-side-navigation-selected-menu-item-label-text: #ffffff;
+  --token-component-side-navigation-selected-menu-item-label-background: #0174bc;
+  --token-component-select-default-background: #ffffff;
+  --token-component-select-default-border: #83838c;
+  --token-component-select-default-text: #696970;
+  --token-component-select-default-icon: #3d3d42;
+  --token-component-select-default-hint-text: #696970;
+  --token-component-select-default-info-icon: #696970;
+  --token-component-select-hover-background: #ffffff;
+  --token-component-select-hover-border: #3d3d42;
+  --token-component-select-hover-text: #696970;
+  --token-component-select-hover-icon: #3d3d42;
+  --token-component-select-hover-hint-text: #696970;
+  --token-component-select-hover-info-icon: #696970;
+  --token-component-select-filled-background: #ffffff;
+  --token-component-select-filled-border: #83838c;
+  --token-component-select-filled-text: #343438;
+  --token-component-select-filled-icon: #3d3d42;
+  --token-component-select-filled-hint-text: #696970;
+  --token-component-select-filled-info-icon: #696970;
+  --token-component-select-disabled-background: #ededf2;
+  --token-component-select-disabled-border: #c2c2ca;
+  --token-component-select-disabled-text: #a3a3ab;
+  --token-component-select-disabled-icon: #a3a3ab;
+  --token-component-select-disabled-hint-text: #696970;
+  --token-component-select-disabled-info-icon: #696970;
+  --token-component-select-error-background: #ffffff;
+  --token-component-select-error-border: #d63c42;
+  --token-component-select-error-text: #343438;
+  --token-component-select-error-icon: #3d3d42;
+  --token-component-select-error-hint-text: #b82329;
+  --token-component-select-error-info-icon: #696970;
+  --token-component-select-focus-empty-background: #ffffff;
+  --token-component-select-focus-empty-border: #0174bc;
+  --token-component-select-focus-empty-text: #696970;
+  --token-component-select-focus-empty-icon: #3d3d42;
+  --token-component-select-focus-empty-hint-text: #696970;
+  --token-component-select-focus-empty-info-icon: #696970;
+  --token-component-select-focus-background: #ffffff;
+  --token-component-select-focus-border: #0174bc;
+  --token-component-select-focus-text: #343438;
+  --token-component-select-focus-icon: #3d3d42;
+  --token-component-select-focus-hint-text: #696970;
+  --token-component-select-focus-info-icon: #696970;
+  --token-component-select-read-only-background: #ffffff;
+  --token-component-select-read-only-text: #343438;
+  --token-component-side-panel-background: #ffffff;
+  --token-component-side-panel-text: #343438;
+  --token-component-side-panel-border: #d6d6dd;
+  --token-component-side-panel-icon-default: #3d3d42;
+  --token-component-side-panel-icon-hover: #009cde;
+  --token-component-switch-active-default-background: #0174bc;
+  --token-component-switch-active-default-icon: #ffffff;
+  --token-component-switch-active-default-circle: #ffffff;
+  --token-component-switch-active-default-text: #343438;
+  --token-component-switch-active-hover-background: #009cde;
+  --token-component-switch-active-hover-icon: #ffffff;
+  --token-component-switch-active-hover-circle: #ffffff;
+  --token-component-switch-active-hover-text: #343438;
+  --token-component-switch-active-focus-background: #0174bc;
+  --token-component-switch-active-focus-icon: #ffffff;
+  --token-component-switch-active-focus-circle: #ffffff;
+  --token-component-switch-active-focus-text: #343438;
+  --token-component-switch-active-disabled-background: #afdef8;
+  --token-component-switch-active-disabled-icon: #a3a3ab;
+  --token-component-switch-active-disabled-circle: rgba(255, 255, 255, 0.5);
+  --token-component-switch-active-disabled-text: #a3a3ab;
+  --token-component-switch-inactive-default-background: #83838c;
+  --token-component-switch-inactive-default-circle: #ffffff;
+  --token-component-switch-inactive-default-text: #343438;
+  --token-component-switch-inactive-hover-background: #a3a3ab;
+  --token-component-switch-inactive-hover-circle: #ffffff;
+  --token-component-switch-inactive-hover-text: #343438;
+  --token-component-switch-inactive-focus-background: #83838c;
+  --token-component-switch-inactive-focus-circle: #ffffff;
+  --token-component-switch-inactive-focus-text: #343438;
+  --token-component-switch-inactive-disabled-background: #e5e5ea;
+  --token-component-switch-inactive-disabled-circle: rgba(255, 255, 255, 0.5);
+  --token-component-switch-inactive-disabled-text: #a3a3ab;
+  --token-component-tab-default-text: #343438;
+  --token-component-tab-default-icon: #3d3d42;
+  --token-component-tab-default-border: #c2c2ca;
+  --token-component-tab-hover-text: #009cde;
+  --token-component-tab-hover-icon: #009cde;
+  --token-component-tab-hover-border: #c2c2ca;
+  --token-component-tab-active-text: #0174bc;
+  --token-component-tab-active-icon: #0174bc;
+  --token-component-tab-active-border: #0174bc;
+  --token-component-tab-disabled-text: #a3a3ab;
+  --token-component-tab-disabled-icon: #a3a3ab;
+  --token-component-tab-disabled-border: #c2c2ca;
+  --token-component-tag-default-background: #f7f7fa;
+  --token-component-tag-default-border: #83838c;
+  --token-component-tag-default-text: #343438;
+  --token-component-tag-default-icon-default: #3d3d42;
+  --token-component-tag-default-icon-hover: #009cde;
+  --token-component-tag-default-icon-active: #0174bc;
+  --token-component-tag-hover-background: #f7f7fa;
+  --token-component-tag-hover-border: #3d3d42;
+  --token-component-tag-hover-text: #343438;
+  --token-component-tag-hover-icon-default: #3d3d42;
+  --token-component-tag-hover-icon-hover: #009cde;
+  --token-component-tag-hover-icon-active: #0174bc;
+  --token-component-tag-focus-background: #edf8ff;
+  --token-component-tag-focus-border: #0174bc;
+  --token-component-tag-focus-text: #343438;
+  --token-component-tag-focus-icon-default: #3d3d42;
+  --token-component-tag-focus-icon-hover: #009cde;
+  --token-component-tag-focus-icon-active: #0174bc;
+  --token-component-tag-error-background: #f7f7fa;
+  --token-component-tag-error-border: #d63c42;
+  --token-component-tag-error-text: #343438;
+  --token-component-tag-error-icon-default: #3d3d42;
+  --token-component-tag-error-icon-hover: #009cde;
+  --token-component-tag-error-icon-active: #0174bc;
+  --token-component-tag-disabled-background: #ededf2;
+  --token-component-tag-disabled-border: #c2c2ca;
+  --token-component-tag-disabled-text: #a3a3ab;
+  --token-component-tag-disabled-icon: #a3a3ab;
+  --token-component-tag-read-only-background: #ffffff;
+  --token-component-tag-read-only-border: #c2c2ca;
+  --token-component-tag-read-only-text: #343438;
+  --token-component-tag-read-only-icon: #3d3d42;
+  --token-component-tag-input-default-background: #ffffff;
+  --token-component-tag-input-default-border: #83838c;
+  --token-component-tag-input-default-hint-text: #696970;
+  --token-component-tag-input-placeholder-background: #ffffff;
+  --token-component-tag-input-placeholder-border: #83838c;
+  --token-component-tag-input-placeholder-text: #696970;
+  --token-component-tag-input-placeholder-hint-text: #696970;
+  --token-component-tag-input-hover-background: #ffffff;
+  --token-component-tag-input-hover-border: #3d3d42;
+  --token-component-tag-input-hover-text: #696970;
+  --token-component-tag-input-hover-hint-text: #696970;
+  --token-component-tag-input-filled-background: #ffffff;
+  --token-component-tag-input-filled-border: #83838c;
+  --token-component-tag-input-filled-icon: #3d3d42;
+  --token-component-tag-input-filled-hint-text: #696970;
+  --token-component-tag-input-disabled-background: #ededf2;
+  --token-component-tag-input-disabled-border: #c2c2ca;
+  --token-component-tag-input-disabled-hint-text: #696970;
+  --token-component-tag-input-error-background: #ffffff;
+  --token-component-tag-input-error-border: #d63c42;
+  --token-component-tag-input-error-icon: #3d3d42;
+  --token-component-tag-input-error-hint-text: #b82329;
+  --token-component-tag-input-focus-empty-background: #ffffff;
+  --token-component-tag-input-focus-empty-border: #0174bc;
+  --token-component-tag-input-focus-empty-text: #696970;
+  --token-component-tag-input-focus-empty-hint-text: #696970;
+  --token-component-tag-input-focus-background: #ffffff;
+  --token-component-tag-input-focus-border: #0174bc;
+  --token-component-tag-input-focus-text: #343438;
+  --token-component-tag-input-focus-hint-text: #696970;
+  --token-component-text-area-default-background: #ffffff;
+  --token-component-text-area-default-border: #83838c;
+  --token-component-text-area-default-hint-text: #696970;
+  --token-component-text-area-default-info-icon: #696970;
+  --token-component-text-area-placeholder-background: #ffffff;
+  --token-component-text-area-placeholder-border: #83838c;
+  --token-component-text-area-placeholder-text: #696970;
+  --token-component-text-area-placeholder-hint-text: #696970;
+  --token-component-text-area-placeholder-info-icon: #696970;
+  --token-component-text-area-hover-background: #ffffff;
+  --token-component-text-area-hover-border: #3d3d42;
+  --token-component-text-area-hover-text: #343438;
+  --token-component-text-area-hover-icon: #3d3d42;
+  --token-component-text-area-hover-hint-text: #696970;
+  --token-component-text-area-hover-info-icon: #696970;
+  --token-component-text-area-hover-empty-background: #ffffff;
+  --token-component-text-area-hover-empty-border: #3d3d42;
+  --token-component-text-area-hover-empty-text: #696970;
+  --token-component-text-area-hover-empty-hint-text: #696970;
+  --token-component-text-area-hover-empty-info-icon: #696970;
+  --token-component-text-area-filled-background: #ffffff;
+  --token-component-text-area-filled-border: #83838c;
+  --token-component-text-area-filled-text: #343438;
+  --token-component-text-area-filled-hint-text: #696970;
+  --token-component-text-area-filled-info-icon: #696970;
+  --token-component-text-area-filled-icon-default: #3d3d42;
+  --token-component-text-area-filled-icon-hover: #009cde;
+  --token-component-text-area-filled-icon-active: #0174bc;
+  --token-component-text-area-disabled-background: #ededf2;
+  --token-component-text-area-disabled-border: #c2c2ca;
+  --token-component-text-area-disabled-text: #a3a3ab;
+  --token-component-text-area-disabled-hint-text: #696970;
+  --token-component-text-area-disabled-info-icon: #696970;
+  --token-component-text-area-error-background: #ffffff;
+  --token-component-text-area-error-border: #d63c42;
+  --token-component-text-area-error-text: #343438;
+  --token-component-text-area-error-hint-text: #b82329;
+  --token-component-text-area-error-info-icon: #696970;
+  --token-component-text-area-error-icon-default: #3d3d42;
+  --token-component-text-area-error-icon-hover: #009cde;
+  --token-component-text-area-error-icon-active: #0174bc;
+  --token-component-text-area-focus-empty-background: #ffffff;
+  --token-component-text-area-focus-empty-border: #0174bc;
+  --token-component-text-area-focus-empty-hint-text: #696970;
+  --token-component-text-area-focus-empty-info-icon: #696970;
+  --token-component-text-area-focus-empty-icon-default: #3d3d42;
+  --token-component-text-area-focus-empty-icon-hover: #009cde;
+  --token-component-text-area-focus-empty-icon-active: #0174bc;
+  --token-component-text-area-focus-background: #ffffff;
+  --token-component-text-area-focus-border: #0174bc;
+  --token-component-text-area-focus-text: #343438;
+  --token-component-text-area-focus-hint-text: #696970;
+  --token-component-text-area-focus-info-icon: #696970;
+  --token-component-text-area-focus-icon-default: #3d3d42;
+  --token-component-text-area-focus-icon-hover: #009cde;
+  --token-component-text-area-focus-icon-active: #0174bc;
+  --token-component-text-area-read-only-text: #343438;
+  --token-component-text-area-read-only-hint-text: #696970;
+  --token-component-text-field-default-background: #ffffff;
+  --token-component-text-field-default-border: #83838c;
+  --token-component-text-field-default-hint-text: #696970;
+  --token-component-text-field-default-info-icon: #696970;
+  --token-component-text-field-placeholder-background: #ffffff;
+  --token-component-text-field-placeholder-border: #83838c;
+  --token-component-text-field-placeholder-text: #696970;
+  --token-component-text-field-placeholder-hint-text: #696970;
+  --token-component-text-field-placeholder-info-icon: #696970;
+  --token-component-text-field-hover-background: #ffffff;
+  --token-component-text-field-hover-border: #3d3d42;
+  --token-component-text-field-hover-text: #343438;
+  --token-component-text-field-hover-icon: #3d3d42;
+  --token-component-text-field-hover-hint-text: #696970;
+  --token-component-text-field-hover-info-icon: #696970;
+  --token-component-text-field-hover-empty-background: #ffffff;
+  --token-component-text-field-hover-empty-border: #3d3d42;
+  --token-component-text-field-hover-empty-text: #696970;
+  --token-component-text-field-hover-empty-hint-text: #696970;
+  --token-component-text-field-hover-empty-info-icon: #696970;
+  --token-component-text-field-filled-background: #ffffff;
+  --token-component-text-field-filled-border: #83838c;
+  --token-component-text-field-filled-text: #343438;
+  --token-component-text-field-filled-hint-text: #696970;
+  --token-component-text-field-filled-info-icon: #696970;
+  --token-component-text-field-filled-icon-default: #3d3d42;
+  --token-component-text-field-filled-icon-hover: #009cde;
+  --token-component-text-field-filled-icon-active: #0174bc;
+  --token-component-text-field-disabled-background: #ededf2;
+  --token-component-text-field-disabled-border: #c2c2ca;
+  --token-component-text-field-disabled-text: #a3a3ab;
+  --token-component-text-field-disabled-hint-text: #696970;
+  --token-component-text-field-disabled-info-icon: #696970;
+  --token-component-text-field-error-background: #ffffff;
+  --token-component-text-field-error-border: #d63c42;
+  --token-component-text-field-error-text: #343438;
+  --token-component-text-field-error-hint-text: #b82329;
+  --token-component-text-field-error-info-icon: #696970;
+  --token-component-text-field-error-icon-default: #3d3d42;
+  --token-component-text-field-error-icon-hover: #009cde;
+  --token-component-text-field-error-icon-active: #0174bc;
+  --token-component-text-field-focus-empty-background: #ffffff;
+  --token-component-text-field-focus-empty-border: #0174bc;
+  --token-component-text-field-focus-empty-hint-text: #696970;
+  --token-component-text-field-focus-empty-info-icon: #696970;
+  --token-component-text-field-focus-empty-icon-default: #3d3d42;
+  --token-component-text-field-focus-empty-icon-hover: #009cde;
+  --token-component-text-field-focus-empty-icon-active: #0174bc;
+  --token-component-text-field-focus-background: #ffffff;
+  --token-component-text-field-focus-border: #0174bc;
+  --token-component-text-field-focus-text: #343438;
+  --token-component-text-field-focus-hint-text: #696970;
+  --token-component-text-field-focus-info-icon: #696970;
+  --token-component-text-field-focus-icon-default: #3d3d42;
+  --token-component-text-field-focus-icon-hover: #009cde;
+  --token-component-text-field-focus-icon-active: #0174bc;
+  --token-component-text-field-read-only-text: #343438;
+  --token-component-text-field-read-only-hint-text: #696970;
+  --token-component-time-picker-default-background: #ffffff;
+  --token-component-time-picker-default-border: #83838c;
+  --token-component-time-picker-default-text: #696970;
+  --token-component-time-picker-default-icon: #3d3d42;
+  --token-component-time-picker-default-hint-text: #696970;
+  --token-component-time-picker-hover-background: #ffffff;
+  --token-component-time-picker-hover-border: #3d3d42;
+  --token-component-time-picker-hover-text: #696970;
+  --token-component-time-picker-hover-icon: #3d3d42;
+  --token-component-time-picker-hover-hint-text: #696970;
+  --token-component-time-picker-filled-background: #ffffff;
+  --token-component-time-picker-filled-border: #83838c;
+  --token-component-time-picker-filled-text: #343438;
+  --token-component-time-picker-filled-icon: #3d3d42;
+  --token-component-time-picker-filled-hint-text: #696970;
+  --token-component-time-picker-disabled-background: #ededf2;
+  --token-component-time-picker-disabled-border: #c2c2ca;
+  --token-component-time-picker-disabled-text: #a3a3ab;
+  --token-component-time-picker-disabled-icon: #a3a3ab;
+  --token-component-time-picker-disabled-hint-text: #696970;
+  --token-component-time-picker-error-background: #ffffff;
+  --token-component-time-picker-error-border: #d63c42;
+  --token-component-time-picker-error-text: #343438;
+  --token-component-time-picker-error-icon: #3d3d42;
+  --token-component-time-picker-error-hint-text: #b82329;
+  --token-component-time-picker-focus-empty-background: #ffffff;
+  --token-component-time-picker-focus-empty-border: #0174bc;
+  --token-component-time-picker-focus-empty-text: #696970;
+  --token-component-time-picker-focus-empty-icon: #3d3d42;
+  --token-component-time-picker-focus-empty-hint-text: #696970;
+  --token-component-time-picker-focus-background: #ffffff;
+  --token-component-time-picker-focus-border: #0174bc;
+  --token-component-time-picker-focus-text: #343438;
+  --token-component-time-picker-focus-icon: #3d3d42;
+  --token-component-time-picker-focus-hint-text: #696970;
+  --token-component-time-picker-read-only-text: #343438;
+  --token-component-tooltip-background: #343438;
+  --token-component-tooltip-text: #ffffff;
+  --token-component-tree-text: #343438;
+  --token-component-tree-border: #d6d6dd;
+  --token-component-tree-icon-default: #3d3d42;
+  --token-component-tree-icon-hover: #009cde;
+  --token-component-tree-icon-active: #0174bc;
+  --token-component-tree-background-default: #ffffff;
+  --token-component-tree-background-hover: #edf8ff;
+  --token-component-tree-expanded-area-border: #83838c;
+  --token-component-widget-download-text: #343438;
+  --token-component-widget-download-border: #d6d6dd;
+  --token-component-widget-download-background-header: #f7f7fa;
+  --token-component-widget-download-background-default: #ffffff;
+  --token-component-widget-download-icon-default: #3d3d42;
+  --token-component-widget-download-icon-success: #00b050;
+  --token-component-widget-download-icon-error: #d63c42;
+  --token-component-widget-upload-default-background: #ffffff;
+  --token-component-widget-upload-default-border: #83838c;
+  --token-component-widget-upload-default-icon: #3d3d42;
+  --token-component-widget-upload-default-text-default: #343438;
+  --token-component-widget-upload-default-text-link: #0174bc;
+  --token-component-widget-upload-hover-background: #edf8ff;
+  --token-component-widget-upload-hover-border: #0174bc;
+  --token-component-widget-upload-hover-icon: #3d3d42;
+  --token-component-widget-upload-hover-text-default: #343438;
+  --token-component-widget-upload-hover-text-link: #0174bc;
+  --token-component-widget-upload-disabled-background: #ededf2;
+  --token-component-widget-upload-disabled-border: #c2c2ca;
+  --token-component-widget-upload-disabled-icon: #a3a3ab;
+  --token-component-widget-upload-disabled-text: #a3a3ab;
+  --token-component-stepper-horizontal-line: #d6d6dd;
+  --token-component-stepper-horizontal-past-item-circle-background: #edf8ff;
+  --token-component-stepper-horizontal-past-item-circle-border: #0174bc;
+  --token-component-stepper-horizontal-past-item-circle-text: #0174bc;
+  --token-component-stepper-horizontal-past-item-circle-icon: #0174bc;
+  --token-component-stepper-horizontal-past-item-text-default: #343438;
+  --token-component-stepper-horizontal-past-item-text-hover: #0174bc;
+  --token-component-stepper-horizontal-current-item-circle-background: #0174bc;
+  --token-component-stepper-horizontal-current-item-circle-text: #ffffff;
+  --token-component-stepper-horizontal-current-item-text-default: #343438;
+  --token-component-stepper-horizontal-current-item-text-hover: #0174bc;
+  --token-component-stepper-horizontal-future-item-circle-background: #ffffff;
+  --token-component-stepper-horizontal-future-item-circle-border: #d6d6dd;
+  --token-component-stepper-horizontal-future-item-circle-text: #a3a3ab;
+  --token-component-stepper-horizontal-future-item-text: #a3a3ab;
+  --token-component-stepper-vertical-background: #ffffff;
+  --token-component-stepper-vertical-border: #d6d6dd;
+  --token-component-stepper-vertical-icon: #3d3d42;
+  --token-component-stepper-vertical-past-item-circle-background: #edf8ff;
+  --token-component-stepper-vertical-past-item-circle-border: #0174bc;
+  --token-component-stepper-vertical-past-item-circle-text: #0174bc;
+  --token-component-stepper-vertical-past-item-circle-icon: #0174bc;
+  --token-component-stepper-vertical-past-item-text-default: #343438;
+  --token-component-stepper-vertical-past-item-text-hover: #0174bc;
+  --token-component-stepper-vertical-current-item-icon: #0174bc;
+  --token-component-stepper-vertical-current-item-circle-background: #0174bc;
+  --token-component-stepper-vertical-current-item-circle-text: #ffffff;
+  --token-component-stepper-vertical-current-item-text-default: #343438;
+  --token-component-stepper-vertical-current-item-text-hover: #0174bc;
+  --token-component-stepper-vertical-future-item-circle-background: #ffffff;
+  --token-component-stepper-vertical-future-item-circle-border: #83838c;
+  --token-component-stepper-vertical-future-item-circle-text: #696970;
+  --token-component-stepper-vertical-future-item-text-default: #343438;
+  --token-component-stepper-vertical-future-item-text-hover: #0174bc;
+  --token-component-stepper-vertical-disabled-item-circle-background: #ffffff;
+  --token-component-stepper-vertical-disabled-item-circle-border: #d6d6dd;
+  --token-component-stepper-vertical-disabled-item-circle-text: #a3a3ab;
+  --token-component-stepper-vertical-disabled-item-text: #a3a3ab;
+  --token-component-advanced-search-filter-icon-default-icon: #3d3d42;
+  --token-component-advanced-search-filter-icon-hover-icon: #009cde;
+  --token-component-advanced-search-filter-icon-applied-icon: #0174bc;
+  --token-component-advanced-search-filter-icon-applied-badge-background: #d63c42;
+  --token-component-advanced-search-filter-icon-applied-badge-text: #ffffff;
+  --token-component-advanced-search-filter-icon-disabled-icon: #a3a3ab;
+  --token-component-advanced-search-filter-icon-disabled-badge-background: #83838c;
+  --token-component-advanced-search-filter-icon-disabled-badge-text: #ffffff;
+  --token-component-advanced-search-filter-area-background: #f7f7fa;
+  --token-component-advanced-search-filter-area-border: #d6d6dd;
+  --token-component-advanced-search-filter-area-text-default: #343438;
+  --token-component-advanced-search-filter-area-text-link: #0174bc;
+  --token-component-advanced-search-filter-area-icon-default: #3d3d42;
+  --token-component-advanced-search-filter-area-icon-hover: #009cde;
+  --token-component-advanced-search-filter-area-icon-disabled: #a3a3ab;
+  --token-component-advanced-search-filter-area-tag-background: #ffffff;
+  --token-component-advanced-search-filter-area-tag-border: #d6d6dd;
+  --token-component-advanced-search-filter-area-tag-operator-icon: #c25d05;
+  --token-component-advanced-search-filter-area-tag-icon-default: #3d3d42;
+  --token-component-advanced-search-filter-area-tag-icon-hover: #009cde;
+  --token-component-segmented-status-button-default-background: #ffffff;
+  --token-component-segmented-status-button-default-border: #83838c;
+  --token-component-segmented-status-button-default-text: #696970;
+  --token-component-segmented-status-button-default-icon: #696970;
+  --token-component-segmented-status-button-hover-background: #edf8ff;
+  --token-component-segmented-status-button-hover-border: #83838c;
+  --token-component-segmented-status-button-hover-text: #696970;
+  --token-component-segmented-status-button-hover-icon: #696970;
+  --token-component-segmented-status-button-disabled-background: #ffffff;
+  --token-component-segmented-status-button-disabled-border: #c2c2ca;
+  --token-component-segmented-status-button-disabled-text: #a3a3ab;
+  --token-component-segmented-status-button-disabled-icon: #a3a3ab;
+  --token-component-segmented-status-button-disabled-positive-background: #b7dfba;
+  --token-component-segmented-status-button-disabled-positive-text: #a3a3ab;
+  --token-component-segmented-status-button-disabled-positive-icon: #a3a3ab;
+  --token-component-segmented-status-button-active-positive-background: #07a04d;
+  --token-component-segmented-status-button-active-positive-text: #ffffff;
+  --token-component-segmented-status-button-active-positive-icon: #ffffff;
+  --token-component-segmented-status-button-disabled-negative-background: #f9c6c6;
+  --token-component-segmented-status-button-disabled-negative-text: #a3a3ab;
+  --token-component-segmented-status-button-disabled-negative-icon: #a3a3ab;
+  --token-component-segmented-status-button-active-negative-background: #d0343a;
+  --token-component-segmented-status-button-active-negative-text: #ffffff;
+  --token-component-segmented-status-button-active-negative-icon: #ffffff;
+  --token-component-segmented-status-button-disabled-neutral-background: #c2c2ca;
+  --token-component-segmented-status-button-disabled-neutral-text: #a3a3ab;
+  --token-component-segmented-status-button-disabled-neutral-icon: #a3a3ab;
+  --token-component-segmented-status-button-active-neutral-background: #83838c;
+  --token-component-segmented-status-button-active-neutral-text: #ffffff;
+  --token-component-segmented-status-button-active-neutral-icon: #ffffff;
+  --token-component-link-select-default-text: #0174bc;
+  --token-component-link-select-default-icon: #3d3d42;
+  --token-component-link-select-hover-text: #009cde;
+  --token-component-link-select-hover-icon: #009cde;
+  --token-component-link-select-filled-text: #0174bc;
+  --token-component-link-select-filled-icon: #3d3d42;
+  --token-component-link-select-disabled-text: #a3a3ab;
+  --token-component-link-select-disabled-icon: #a3a3ab;
+  --token-component-link-select-focus-text: #0174bc;
+  --token-component-link-select-focus-icon: #3d3d42;
+  --token-component-link-select-read-only-text: #343438;
+}
diff --git a/dist/themes/densedLight/tokens.d.ts b/dist/themes/densedLight/tokens.d.ts
new file mode 100644
index 0000000..b19519c
--- /dev/null
+++ b/dist/themes/densedLight/tokens.d.ts
@@ -0,0 +1,1608 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const TokenGlobalColorNeutrals5 = "#f7f7fa"; // Page background color, disabled form elements fill (input, text area, etc)
+export const TokenGlobalColorNeutrals10 = "#ededf2"; // UI element bg
+export const TokenGlobalColorNeutrals20 = "#e5e5ea"; // Subtle background
+export const TokenGlobalColorNeutrals30 = "#d6d6dd"; // Container border, divider, stroke
+export const TokenGlobalColorNeutrals40 = "#c2c2ca"; // Disabled border
+export const TokenGlobalColorNeutrals50 = "#a3a3ab";
+export const TokenGlobalColorNeutrals60 = "#83838c"; // Default field border
+export const TokenGlobalColorNeutrals70 = "#696970"; // Color for text placeholder and hints
+export const TokenGlobalColorNeutrals80 = "#515157";
+export const TokenGlobalColorNeutrals90 = "#3d3d42"; // Default icon color, hover color for fields border
+export const TokenGlobalColorNeutrals100 = "#343438"; // Default text color
+export const TokenGlobalColorNeutralsBlack = "#232326"; // Global header and footer
+export const TokenGlobalColorNeutralsWhite = "#ffffff";
+export const TokenGlobalColorBrand5 = "#f5fbff";
+export const TokenGlobalColorBrand10 = "#edf8ff";
+export const TokenGlobalColorBrand20 = "#e1f4ff";
+export const TokenGlobalColorBrand30 = "#ceedfe";
+export const TokenGlobalColorBrand40 = "#afdef8";
+export const TokenGlobalColorBrand50 = "#96cff0";
+export const TokenGlobalColorBrand60 = "#5bb3ea";
+export const TokenGlobalColorBrand70 = "#009cde"; // Akamai Blue
+export const TokenGlobalColorBrand80 = "#108ad6";
+export const TokenGlobalColorBrand90 = "#0174bc"; // Akamai Websafe Blue
+export const TokenGlobalColorBrand100 = "#00314d";
+export const TokenGlobalColorRed5 = "#fff8f8";
+export const TokenGlobalColorRed10 = "#ffefef";
+export const TokenGlobalColorRed20 = "#ffe5e5";
+export const TokenGlobalColorRed30 = "#fdd8d8";
+export const TokenGlobalColorRed40 = "#f9c6c6";
+export const TokenGlobalColorRed50 = "#f3aeaf";
+export const TokenGlobalColorRed60 = "#eb9091";
+export const TokenGlobalColorRed70 = "#d63c42"; // Critical or high severity
+export const TokenGlobalColorRed80 = "#d0343a"; // Akamai Red
+export const TokenGlobalColorRed90 = "#b82329";
+export const TokenGlobalColorRed100 = "#381316";
+export const TokenGlobalColorOrange5 = "#fef9f4";
+export const TokenGlobalColorOrange10 = "#fff3e7";
+export const TokenGlobalColorOrange20 = "#ffebd7";
+export const TokenGlobalColorOrange30 = "#ffe1c3";
+export const TokenGlobalColorOrange40 = "#facfa4";
+export const TokenGlobalColorOrange50 = "#f2b67b";
+export const TokenGlobalColorOrange60 = "#f09d4b";
+export const TokenGlobalColorOrange70 = "#fe9933"; // Akamai Orange. High or medium severity
+export const TokenGlobalColorOrange80 = "#f0821d";
+export const TokenGlobalColorOrange90 = "#c25d05";
+export const TokenGlobalColorOrange100 = "#451e11";
+export const TokenGlobalColorAmber5 = "#fff9ed";
+export const TokenGlobalColorAmber10 = "#fff4d5";
+export const TokenGlobalColorAmber20 = "#ffecbc";
+export const TokenGlobalColorAmber30 = "#ffe3a2";
+export const TokenGlobalColorAmber40 = "#facf83";
+export const TokenGlobalColorAmber50 = "#f3ba63";
+export const TokenGlobalColorAmber60 = "#edb016";
+export const TokenGlobalColorAmber70 = "#fecb34"; // Medium or low severity
+export const TokenGlobalColorAmber80 = "#f2b90e";
+export const TokenGlobalColorAmber90 = "#ce9a00";
+export const TokenGlobalColorAmber100 = "#403104";
+export const TokenGlobalColorYellow5 = "#ffffeb";
+export const TokenGlobalColorYellow10 = "#fafadf";
+export const TokenGlobalColorYellow20 = "#f9f9c9";
+export const TokenGlobalColorYellow30 = "#f8f8b6";
+export const TokenGlobalColorYellow40 = "#f5f596";
+export const TokenGlobalColorYellow50 = "#e8e86a";
+export const TokenGlobalColorYellow60 = "#dfdf39";
+export const TokenGlobalColorYellow70 = "#f5f531";
+export const TokenGlobalColorYellow80 = "#e5e50a";
+export const TokenGlobalColorYellow90 = "#bfbf0d";
+export const TokenGlobalColorYellow100 = "#35290f";
+export const TokenGlobalColorLime5 = "#f7fcf0";
+export const TokenGlobalColorLime10 = "#eefadc";
+export const TokenGlobalColorLime20 = "#e4f7c7";
+export const TokenGlobalColorLime30 = "#d7f2b0";
+export const TokenGlobalColorLime40 = "#c9e894";
+export const TokenGlobalColorLime50 = "#b1d16a";
+export const TokenGlobalColorLime60 = "#94ba2c";
+export const TokenGlobalColorLime70 = "#99d52a";
+export const TokenGlobalColorLime80 = "#93c926";
+export const TokenGlobalColorLime90 = "#5d770d";
+export const TokenGlobalColorLime100 = "#263209";
+export const TokenGlobalColorGreen5 = "#f3fcf3";
+export const TokenGlobalColorGreen10 = "#ebf9eb";
+export const TokenGlobalColorGreen20 = "#dff3df";
+export const TokenGlobalColorGreen30 = "#ceebcf";
+export const TokenGlobalColorGreen40 = "#b7dfba";
+export const TokenGlobalColorGreen50 = "#97cf9c";
+export const TokenGlobalColorGreen60 = "#65ba75";
+export const TokenGlobalColorGreen70 = "#00b050"; // Akamai Green. Low severity (human)
+export const TokenGlobalColorGreen80 = "#07a04d";
+export const TokenGlobalColorGreen90 = "#138246";
+export const TokenGlobalColorGreen100 = "#1b311e";
+export const TokenGlobalColorTeal5 = "#f1fcfa";
+export const TokenGlobalColorTeal10 = "#e7f9f5";
+export const TokenGlobalColorTeal20 = "#d9f3ee";
+export const TokenGlobalColorTeal30 = "#c7ebe5";
+export const TokenGlobalColorTeal40 = "#afdfd7";
+export const TokenGlobalColorTeal50 = "#8dcec3";
+export const TokenGlobalColorTeal60 = "#53b9ab";
+export const TokenGlobalColorTeal70 = "#12a594";
+export const TokenGlobalColorTeal80 = "#0e9888";
+export const TokenGlobalColorTeal90 = "#067a6f";
+export const TokenGlobalColorTeal100 = "#10302b";
+export const TokenGlobalColorCyan5 = "#f2fcfd";
+export const TokenGlobalColorCyan10 = "#e7f9fb";
+export const TokenGlobalColorCyan20 = "#d8f3f6";
+export const TokenGlobalColorCyan30 = "#aadee6";
+export const TokenGlobalColorCyan40 = "#84cdda";
+export const TokenGlobalColorCyan50 = "#84cdda";
+export const TokenGlobalColorCyan60 = "#3db9cf";
+export const TokenGlobalColorCyan70 = "#05a2c2";
+export const TokenGlobalColorCyan80 = "#0894b3";
+export const TokenGlobalColorCyan90 = "#0c7792";
+export const TokenGlobalColorCyan100 = "#04313c";
+export const TokenGlobalColorUltramarine5 = "#f8faff";
+export const TokenGlobalColorUltramarine10 = "#f0f4ff";
+export const TokenGlobalColorUltramarine20 = "#e6edfe";
+export const TokenGlobalColorUltramarine30 = "#d9e2fc";
+export const TokenGlobalColorUltramarine40 = "#c6d4f9";
+export const TokenGlobalColorUltramarine50 = "#aec0f5";
+export const TokenGlobalColorUltramarine60 = "#8da4ef";
+export const TokenGlobalColorUltramarine70 = "#4067e5";
+export const TokenGlobalColorUltramarine80 = "#3a5ccc";
+export const TokenGlobalColorUltramarine90 = "#3451b2";
+export const TokenGlobalColorUltramarine100 = "#002856"; // Akamai Dark Navy
+export const TokenGlobalColorViolet5 = "#fbfaff";
+export const TokenGlobalColorViolet10 = "#f5f2ff";
+export const TokenGlobalColorViolet20 = "#ede9fe";
+export const TokenGlobalColorViolet30 = "#e4defc";
+export const TokenGlobalColorViolet40 = "#d7cff9";
+export const TokenGlobalColorViolet50 = "#c4b8f3";
+export const TokenGlobalColorViolet60 = "#aa99ec";
+export const TokenGlobalColorViolet70 = "#7259d6";
+export const TokenGlobalColorViolet80 = "#644fc1";
+export const TokenGlobalColorViolet90 = "#5746af";
+export const TokenGlobalColorViolet100 = "#20134b";
+export const TokenGlobalColorPurple5 = "#fdfaff";
+export const TokenGlobalColorPurple10 = "#f9f1fe";
+export const TokenGlobalColorPurple20 = "#f3e7fc";
+export const TokenGlobalColorPurple30 = "#eddbf9";
+export const TokenGlobalColorPurple40 = "#e3ccf4";
+export const TokenGlobalColorPurple50 = "#d3b4ed";
+export const TokenGlobalColorPurple60 = "#be93e4";
+export const TokenGlobalColorPurple70 = "#8e4ec6";
+export const TokenGlobalColorPurple80 = "#8445bc";
+export const TokenGlobalColorPurple90 = "#753bbd"; // Akamai Purple
+export const TokenGlobalColorPurple100 = "#2b0e44";
+export const TokenGlobalColorMagenta5 = "#fff8ff";
+export const TokenGlobalColorMagenta10 = "#fceffc";
+export const TokenGlobalColorMagenta20 = "#f9e5f9";
+export const TokenGlobalColorMagenta30 = "#f3d9f4";
+export const TokenGlobalColorMagenta40 = "#ebc8ed";
+export const TokenGlobalColorMagenta50 = "#dfafe3";
+export const TokenGlobalColorMagenta60 = "#cf91d8";
+export const TokenGlobalColorMagenta70 = "#ab4aba"; // Critical severity
+export const TokenGlobalColorMagenta80 = "#a43cb4";
+export const TokenGlobalColorMagenta90 = "#9c2bad";
+export const TokenGlobalColorMagenta100 = "#340c3b";
+export const TokenGlobalColorPink5 = "#fff7fc";
+export const TokenGlobalColorPink10 = "#feeef8";
+export const TokenGlobalColorPink20 = "#fce5f3";
+export const TokenGlobalColorPink30 = "#f9d8ec";
+export const TokenGlobalColorPink40 = "#f3c6e2";
+export const TokenGlobalColorPink50 = "#ecadd4";
+export const TokenGlobalColorPink60 = "#e38ec3";
+export const TokenGlobalColorPink70 = "#e043a7";
+export const TokenGlobalColorPink80 = "#d23197";
+export const TokenGlobalColorPink90 = "#cd1d8d";
+export const TokenGlobalColorPink100 = "#3b0a2a";
+export const TokenGlobalColorBrown5 = "#fbf9f2";
+export const TokenGlobalColorBrown10 = "#f5f2e9";
+export const TokenGlobalColorBrown20 = "#eeeadd";
+export const TokenGlobalColorBrown30 = "#e5dfd0";
+export const TokenGlobalColorBrown40 = "#dad1bd";
+export const TokenGlobalColorBrown50 = "#cbbda4";
+export const TokenGlobalColorBrown60 = "#b8a383";
+export const TokenGlobalColorBrown70 = "#978365";
+export const TokenGlobalColorBrown80 = "#8c795d";
+export const TokenGlobalColorBrown90 = "#776750";
+export const TokenGlobalColorBrown100 = "#3b352b";
+export const TokenGlobalSpacing0 = "0rem";
+export const TokenGlobalSpacing10 = "0.125rem"; // 2px
+export const TokenGlobalSpacing20 = "0.25rem"; // 4px
+export const TokenGlobalSpacing30 = "0.375rem"; // 6px
+export const TokenGlobalSpacing40 = "0.5rem"; // 8px
+export const TokenGlobalSpacing50 = "0.75rem"; // 12px
+export const TokenGlobalSpacing60 = "1rem"; // 16px
+export const TokenGlobalSpacing70 = "1.5rem"; // 24px
+export const TokenGlobalSpacing80 = "2rem"; // 32px
+export const TokenGlobalSpacing90 = "3rem"; // 48px
+export const TokenGlobalFontFontFamilyBrand = "'Nunito Sans'";
+export const TokenGlobalFontFontFamilyCode = "'Fira Code'";
+export const TokenGlobalFontFontWeightSemibold = "600";
+export const TokenGlobalFontFontWeightBold = "700";
+export const TokenGlobalFontFontWeightExtrabold = "800";
+export const TokenGlobalFontFontWeightRegularNormal = "400";
+export const TokenGlobalFontFontWeightRegularItalic = "400";
+export const TokenGlobalFontFontSizeXxxs = "0.75rem"; // 12px
+export const TokenGlobalFontFontSizeXxs = "0.813rem"; // 13px
+export const TokenGlobalFontFontSizeXs = "0.875rem"; // 14px
+export const TokenGlobalFontFontSizeS = "1rem"; // 16px
+export const TokenGlobalFontFontSizeM = "1.125rem"; // 18px
+export const TokenGlobalFontFontSizeL = "1.25rem"; // 20px
+export const TokenGlobalFontFontSizeXl = "1.5rem"; // 24px
+export const TokenGlobalFontFontSizeXxl = "1.75rem"; // 28px
+export const TokenGlobalFontFontSizeXxxl = "2.25rem"; // 36px
+export const TokenGlobalFontLineHeightXxxs = "1rem"; // 16px
+export const TokenGlobalFontLineHeightXxs = "1.125rem"; // 18px
+export const TokenGlobalFontLineHeightXs = "1.25rem"; // 20px
+export const TokenGlobalFontLineHeightS = "1.5rem"; // 24px
+export const TokenGlobalFontLineHeightM = "1.625rem"; // 26px
+export const TokenGlobalFontLineHeightL = "1.875rem"; // 30px
+export const TokenGlobalFontLineHeightXl = "2rem"; // 32px
+export const TokenGlobalFontLineHeightXxl = "2.375rem"; // 38px
+export const TokenGlobalFontLineHeightXxxl = "2.625rem"; // 42px
+export const TokenGlobalFontTextcaseUppercase = "uppercase";
+export const TokenGlobalBorderRadiusNone = "0rem";
+export const TokenAliasContentTextBase = "#ffffff"; // Use as color for text on a dark surface
+export const TokenAliasContentTextNegative = "#b82329"; // Use to indicate error messages
+export const TokenAliasContentTextWarning = "#fecb34";
+export const TokenAliasContentTextPositive = "#00b050";
+export const TokenAliasContentTextInformative = "#4067e5";
+export const TokenAliasContentTextPrimaryDefault = "#343438"; // Primary color for text
+export const TokenAliasContentTextPrimaryDisabled = "#a3a3ab"; // Use only to indicate a disabled state of a primary text color
+export const TokenAliasContentTextSecondaryDefault = "#696970"; // Secondary color for text (placeholders, hints)
+export const TokenAliasContentTextSecondaryDisabled = "#a3a3ab"; // Use only to indicate a disabled state of a secondary text color
+export const TokenAliasContentTextLinkDefault = "#0174bc"; // Use only for links
+export const TokenAliasContentTextLinkHover = "#009cde"; // Use only as a hover on links
+export const TokenAliasContentTextLinkDisabled = "#a3a3ab"; // Use only to indicate a disabled state for links
+export const TokenAliasContentIconBase = "#ffffff"; // Use as color for icons on a dark surface
+export const TokenAliasContentIconNegative = "#d63c42"; // Use only for icons to indicate an error state
+export const TokenAliasContentIconWarning = "#fecb34"; // Use only for icons to indicate a warning state
+export const TokenAliasContentIconPositive = "#00b050"; // Use only for icons to indicate a success state
+export const TokenAliasContentIconInformative = "#4067e5"; // Use only for icons to indicate an info state
+export const TokenAliasContentIconPrimaryDefault = "#3d3d42"; // Default color for icons
+export const TokenAliasContentIconPrimaryHover = "#009cde"; // Use only as a hover state for icons
+export const TokenAliasContentIconPrimaryActive = "#0174bc"; // Use only as a selected/active state for icons
+export const TokenAliasContentIconPrimaryDisabled = "#a3a3ab"; // Use only as a disabled state for icons
+export const TokenAliasContentIconSecondaryDefault = "#696970"; // Secondary icon color (placeholder, etc)
+export const TokenAliasContentIconSecondaryDisabled = "#a3a3ab"; // Use only as a disabled state for a secondary icon color
+export const TokenAliasBorderNormal = "#d6d6dd"; // Border color for static ui elements and components
+export const TokenAliasBorderNeutral = "#343438";
+export const TokenAliasBorderNegative = "#d63c42"; // Use only for borders to indicate an error state
+export const TokenAliasBorderWarning = "#fecb34"; // Use only for borders to indicate a warning state
+export const TokenAliasBorderPositive = "#00b050"; // Use only for borders to indicate a success state
+export const TokenAliasBorderInformative = "#4067e5"; // Use only for borders to indicate an info state
+export const TokenAliasBackgroundNormal = "#ffffff"; // Primary background color
+export const TokenAliasBackgroundNeutral = "#f7f7fa"; // Page background color
+export const TokenAliasBackgroundBase = "#343438"; // Tooltip background
+export const TokenAliasBackgroundNegative = "#d63c42";
+export const TokenAliasBackgroundWarning = "#fecb34";
+export const TokenAliasBackgroundPositive = "#00b050";
+export const TokenAliasBackgroundInformative = "#4067e5";
+export const TokenAliasBackgroundBlack = "#232326"; // Use only for a global header and global footer background
+export const TokenAliasBackgroundNegativesubtle = "#ffefef";
+export const TokenAliasBackgroundWarningsubtle = "#fff4d5";
+export const TokenAliasBackgroundPositivesubtle = "#ebf9eb";
+export const TokenAliasBackgroundInformativesubtle = "#f0f4ff";
+export const TokenAliasBackgroundNeutralsubtle = "#e5e5ea";
+export const TokenAliasBackgroundOverlay = "lch(13.8 2.09 286 / 0.24)"; // Page dimming when the modal component is active
+export const TokenAliasActionBase = "#ffffff";
+export const TokenAliasActionNeutral = "#83838c";
+export const TokenAliasActionWhite50 = "#ffffff"; // Transparent disabled switcher circle
+export const TokenAliasActionPrimaryDefault = "#0174bc"; // Brand action color
+export const TokenAliasActionPrimaryHover = "#009cde";
+export const TokenAliasActionPrimaryActive = "#0174bc";
+export const TokenAliasActionPrimaryDisabled = "#e5e5ea";
+export const TokenAliasActionSecondaryHover = "#edf8ff";
+export const TokenAliasActionSecondaryDisabled = "#c2c2ca";
+export const TokenAliasActionTertiaryDisabled = "#afdef8";
+export const TokenAliasActionPositiveDefault = "#07a04d";
+export const TokenAliasActionPositiveDisabled = "#b7dfba";
+export const TokenAliasActionNegativeDefault = "#d0343a";
+export const TokenAliasActionNegativeDisabled = "#f9c6c6";
+export const TokenAliasInteractionBorderDefault = "#83838c"; // Default inputs border
+export const TokenAliasInteractionBorderHover = "#3d3d42";
+export const TokenAliasInteractionBorderFocus = "#0174bc";
+export const TokenAliasInteractionBorderError = "#d63c42";
+export const TokenAliasInteractionBorderDisabled = "#c2c2ca";
+export const TokenAliasInteractionBackgroundPrimary = "#ffffff"; // Default component background color
+export const TokenAliasInteractionBackgroundSecondary = "#f7f7fa";
+export const TokenAliasInteractionBackgroundTertiary = "#edf8ff";
+export const TokenAliasInteractionBackgroundElevated = "#edf8ff"; // Calendar range background, table row hover 
+export const TokenAliasInteractionBackgroundAccent = "#ceedfe";
+export const TokenAliasInteractionBackgroundActive = "#0174bc";
+export const TokenAliasInteractionBackgroundDisabled = "#ededf2";
+export const TokenAliasElevationS = "0 2px 6px 0 rgba(58,59,63,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups;
+export const TokenAliasElevationSInverted = "0 -2px 6px 0 rgba(58,59,63,0.18)"; // Inverted shadow for elements that appear above the component
+export const TokenAliasElevationL = "0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08)"; // Shadow for modals
+export const TokenAliasTypographyHeadingXxxl = "700 2.25rem/2.625rem 'Nunito Sans'"; // Promo banners, KPIs
+export const TokenAliasTypographyHeadingXxl = "800 1.75rem/2rem 'Nunito Sans'"; // Main titles - h1
+export const TokenAliasTypographyHeadingXl = "700 1.5rem/1.875rem 'Nunito Sans'"; // Second level title - h2
+export const TokenAliasTypographyHeadingL = "700 1.25rem/1.625rem 'Nunito Sans'"; // Third level title - h3
+export const TokenAliasTypographyHeadingM = "700 1.125rem/1.5rem 'Nunito Sans'"; // Drawer, modal title - h4
+export const TokenAliasTypographyHeadingS = "700 1rem/1.25rem 'Nunito Sans'"; // Advanced search, bars, master switch titles - h5
+export const TokenAliasTypographyHeadingXs = "700 0.875rem/1.125rem 'Nunito Sans'"; // Low level headings - h6
+export const TokenAliasTypographyHeadingOverline = "800 0.75rem/1rem 'Nunito Sans'"; // Custom labels for content blocks
+export const TokenAliasTypographyHeadingOverlineLetterSpacing = "0.023rem"; // Overline letter spacing
+export const TokenAliasTypographyHeadingOverlineTextCase = "uppercase"; // Overline text case
+export const TokenAliasTypographyBodyRegular = "400 0.875rem/1.25rem 'Nunito Sans'"; // Main body text
+export const TokenAliasTypographyBodySemibold = "600 0.875rem/1.25rem 'Nunito Sans'"; // Light emphasis
+export const TokenAliasTypographyBodyBold = "700 0.875rem/1.25rem 'Nunito Sans'"; // Emphasis
+export const TokenAliasTypographyBodyExtrabold = "800 0.875rem/1.25rem 'Nunito Sans'"; // Max emphasis
+export const TokenAliasTypographyBodyList = "400 0.875rem/1.25rem 'Nunito Sans'"; // For list items
+export const TokenAliasTypographyBodyItalic = "400 0.875rem/1.25rem 'Nunito Sans'";
+export const TokenAliasTypographyLabelSemiboldL = "600 1rem/1.25rem 'Nunito Sans'"; // Large tabs
+export const TokenAliasTypographyLabelSemiboldS = "600 0.875rem/1rem 'Nunito Sans'"; // Large buttons, list, segmented buttons, side navigation, small tables
+export const TokenAliasTypographyLabelSemiboldXs = "600 0.75rem/1rem 'Nunito Sans'"; // Small buttons, tags, warning message under field
+export const TokenAliasTypographyLabelBoldL = "700 1rem/1.25rem 'Nunito Sans'"; // Card, content panel, vertical stepper
+export const TokenAliasTypographyLabelBoldS = "700 0.875rem/1rem 'Nunito Sans'"; // Field labels, table header, date&time pickers
+export const TokenAliasTypographyLabelBoldXs = "700 0.75rem/0.875rem 'Nunito Sans'"; // Badge number
+export const TokenAliasTypographyLabelRegularS = "400 0.875rem/1rem 'Nunito Sans'"; // Field entered text, dropdown item, table cell, pagination
+export const TokenAliasTypographyLabelRegularXs = "400 0.75rem/1rem 'Nunito Sans'"; // Optional text, small dropdown item
+export const TokenAliasTypographyLabelRegularPlaceholder = "400 0.875rem/1rem 'Nunito Sans'";
+export const TokenAliasTypographyCode = "400 0.813rem/1.25rem 'Fira Code'"; // Code samples
+export const TokenAliasAccentInfoPrimary = "#3451b2";
+export const TokenAliasAccentInfoSecondary = "lch(36.7 58.2 286 / 0.12)";
+export const TokenAliasAccentNeutralPrimary = "#515157";
+export const TokenAliasAccentNeutralSecondary = "lch(34.6 3.66 286 / 0.12)";
+export const TokenAliasAccentWarningPrimary = "#c25d05";
+export const TokenAliasAccentWarningSecondary = "lch(67.2 71.6 80.1 / 0.12)";
+export const TokenAliasAccentNegativePrimary = "#b82329";
+export const TokenAliasAccentNegativeSecondary = "lch(41.2 69 32.4 / 0.12)";
+export const TokenAliasAccentPositivePrimary = "#138246";
+export const TokenAliasAccentPositiveSecondary = "lch(47.6 47.7 150 / 0.12)";
+export const TokenAliasAccentImportantPrimary = "#753bbd";
+export const TokenAliasAccentImportantSecondary = "lch(38.2 75 307 / 0.12)";
+export const TokenAliasAccentPinkPrimary = "#cd1d8d";
+export const TokenAliasAccentPinkSecondary = "lch(47.1 72.1 347 / 0.12)";
+export const TokenAliasAccentVioletPrimary = "#5746af";
+export const TokenAliasAccentVioletSecondary = "lch(36.2 62.1 298 / 0.12)";
+export const TokenAliasChartNeutral = "#d6d6dd";
+export const TokenAliasChartCategorical1Primary = "#4067e5";
+export const TokenAliasChartCategorical1Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical1Transparent = "lch(46.5 72.3 286 / 0.2)";
+export const TokenAliasChartCategorical2Primary = "#fe9933";
+export const TokenAliasChartCategorical2Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical2Transparent = "lch(72.9 74.2 63 / 0.2)";
+export const TokenAliasChartCategorical3Primary = "#12a594";
+export const TokenAliasChartCategorical3Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical3Transparent = "lch(60.7 39.7 183 / 0.2)";
+export const TokenAliasChartCategorical4Primary = "#ab4aba";
+export const TokenAliasChartCategorical4Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical4Transparent = "lch(48.2 66.6 322 / 0.2)";
+export const TokenAliasChartCategorical5Primary = "#d63c42";
+export const TokenAliasChartCategorical5Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical5Transparent = "lch(50.1 69.5 29.4 / 0.2)";
+export const TokenAliasChartCategorical6Primary = "#05a2c2";
+export const TokenAliasChartCategorical6Inactive = "#aadee6";
+export const TokenAliasChartCategorical6Transparent = "lch(61 38.6 224 / 0.2)";
+export const TokenAliasChartCategorical7Primary = "#e043a7";
+export const TokenAliasChartCategorical7Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical7Transparent = "lch(55 70 344 / 0.2)";
+export const TokenAliasChartCategorical8Primary = "#00b050";
+export const TokenAliasChartCategorical8Inactive = "#ceebcf";
+export const TokenAliasChartCategorical8Transparent = "lch(63 67 146 / 0.2)";
+export const TokenAliasChartCategorical9Primary = "#7259d6";
+export const TokenAliasChartCategorical9Inactive = "#e4defc";
+export const TokenAliasChartCategorical9Transparent = "lch(45.6 71 299 / 0.2)";
+export const TokenAliasChartCategorical10Primary = "#99d52a";
+export const TokenAliasChartCategorical10Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical10Transparent = "lch(79 79.1 118 / 0.2)";
+export const TokenAliasChartCategorical11Primary = "#696970";
+export const TokenAliasChartCategorical11Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical11Transparent = "lch(44.6 4.09 286 / 0.2)";
+export const TokenAliasChartCategorical12Primary = "#8da4ef";
+export const TokenAliasChartCategorical12Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical12Transparent = "lch(67.9 41.2 278 / 0.2)";
+export const TokenAliasChartCategorical13Primary = "#c25d05";
+export const TokenAliasChartCategorical13Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical13Transparent = "lch(51.7 70.9 57.2 / 0.2)";
+export const TokenAliasChartCategorical14Primary = "#067a6f";
+export const TokenAliasChartCategorical14Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical14Transparent = "lch(45.6 31.8 185 / 0.2)";
+export const TokenAliasChartCategorical15Primary = "#cf91d8";
+export const TokenAliasChartCategorical15Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical15Transparent = "lch(68.3 42.4 321 / 0.2)";
+export const TokenAliasChartCategorical16Primary = "#eb9091";
+export const TokenAliasChartCategorical16Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical16Transparent = "lch(69.6 38.4 22.9 / 0.2)";
+export const TokenAliasChartCategorical17Primary = "#0c7792";
+export const TokenAliasChartCategorical17Inactive = "#aadee6";
+export const TokenAliasChartCategorical17Transparent = "lch(45.7 30.9 228 / 0.2)";
+export const TokenAliasChartCategorical18Primary = "#e38ec3";
+export const TokenAliasChartCategorical18Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical18Transparent = "lch(69.3 40.8 341 / 0.2)";
+export const TokenAliasChartCategorical19Primary = "#97cf9c";
+export const TokenAliasChartCategorical19Inactive = "#ceebcf";
+export const TokenAliasChartCategorical19Transparent = "lch(78.2 32.7 144 / 0.2)";
+export const TokenAliasChartCategorical20Primary = "#aa99ec";
+export const TokenAliasChartCategorical20Inactive = "#e4defc";
+export const TokenAliasChartCategorical20Transparent = "lch(67.2 44.6 296 / 0.2)";
+export const TokenAliasChartCategorical21Primary = "#94ba2c";
+export const TokenAliasChartCategorical21Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical21Transparent = "lch(70.8 67.7 114 / 0.2)";
+export const TokenAliasChartCategorical22Primary = "#3d3d42";
+export const TokenAliasChartCategorical22Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical22Transparent = "lch(25.9 3.2 286 / 0.2)";
+export const TokenAliasChartMonochromaticDefault5 = "#f8faff";
+export const TokenAliasChartMonochromaticDefault10 = "#f0f4ff";
+export const TokenAliasChartMonochromaticDefault20 = "#e6edfe";
+export const TokenAliasChartMonochromaticDefault30 = "#d9e2fc";
+export const TokenAliasChartMonochromaticDefault40 = "#c6d4f9";
+export const TokenAliasChartMonochromaticDefault50 = "#aec0f5";
+export const TokenAliasChartMonochromaticDefault60 = "#8da4ef";
+export const TokenAliasChartMonochromaticDefault70 = "#4067e5";
+export const TokenAliasChartMonochromaticDefault90 = "#3451b2";
+export const TokenAliasChartMonochromaticDefault100 = "#002856";
+export const TokenAliasChartMonochromaticDanger5 = "#fff8f8";
+export const TokenAliasChartMonochromaticDanger10 = "#ffefef";
+export const TokenAliasChartMonochromaticDanger20 = "#ffe5e5";
+export const TokenAliasChartMonochromaticDanger30 = "#fdd8d8";
+export const TokenAliasChartMonochromaticDanger40 = "#f9c6c6";
+export const TokenAliasChartMonochromaticDanger50 = "#f3aeaf";
+export const TokenAliasChartMonochromaticDanger60 = "#eb9091";
+export const TokenAliasChartMonochromaticDanger70 = "#d63c42";
+export const TokenAliasChartMonochromaticDanger90 = "#b82329";
+export const TokenAliasChartMonochromaticDanger100 = "#381316";
+export const TokenAliasChartStatusNegative = "#d63c42";
+export const TokenAliasChartStatusWarning = "#fecb34";
+export const TokenAliasChartStatusPositive = "#00b050";
+export const TokenComponentButtonPrimaryDefaultBackground = "#0174bc";
+export const TokenComponentButtonPrimaryDefaultText = "#ffffff";
+export const TokenComponentButtonPrimaryDefaultIcon = "#ffffff";
+export const TokenComponentButtonPrimaryHoverBackground = "#009cde";
+export const TokenComponentButtonPrimaryHoverText = "#ffffff";
+export const TokenComponentButtonPrimaryHoverIcon = "#ffffff";
+export const TokenComponentButtonPrimaryPressedBackground = "#0174bc";
+export const TokenComponentButtonPrimaryPressedText = "#ffffff";
+export const TokenComponentButtonPrimaryPressedIcon = "#ffffff";
+export const TokenComponentButtonPrimaryDisabledBackground = "#e5e5ea";
+export const TokenComponentButtonPrimaryDisabledText = "#a3a3ab";
+export const TokenComponentButtonPrimaryDisabledIcon = "#a3a3ab";
+export const TokenComponentButtonPrimaryLoadingBackground = "#0174bc";
+export const TokenComponentButtonSecondaryDefaultBackground = "#ffffff";
+export const TokenComponentButtonSecondaryDefaultBorder = "#0174bc";
+export const TokenComponentButtonSecondaryDefaultText = "#0174bc";
+export const TokenComponentButtonSecondaryDefaultIcon = "#0174bc";
+export const TokenComponentButtonSecondaryHoverBackground = "#edf8ff";
+export const TokenComponentButtonSecondaryHoverBorder = "#009cde";
+export const TokenComponentButtonSecondaryHoverText = "#0174bc";
+export const TokenComponentButtonSecondaryHoverIcon = "#0174bc";
+export const TokenComponentButtonSecondaryPressedBackground = "#ffffff";
+export const TokenComponentButtonSecondaryPressedBorder = "#0174bc";
+export const TokenComponentButtonSecondaryPressedText = "#0174bc";
+export const TokenComponentButtonSecondaryPressedIcon = "#0174bc";
+export const TokenComponentButtonSecondaryDisabledBackground = "#ffffff";
+export const TokenComponentButtonSecondaryDisabledBorder = "#c2c2ca";
+export const TokenComponentButtonSecondaryDisabledText = "#a3a3ab";
+export const TokenComponentButtonSecondaryDisabledIcon = "#a3a3ab";
+export const TokenComponentButtonSecondaryLoadingBackground = "#ffffff";
+export const TokenComponentButtonSecondaryLoadingBorder = "#0174bc";
+export const TokenComponentButtonLinkDefaultText = "#0174bc";
+export const TokenComponentButtonLinkDefaultIcon = "#0174bc";
+export const TokenComponentButtonLinkHoverText = "#009cde";
+export const TokenComponentButtonLinkHoverIcon = "#009cde";
+export const TokenComponentButtonLinkPressedText = "#0174bc";
+export const TokenComponentButtonLinkPressedIcon = "#0174bc";
+export const TokenComponentButtonLinkDisabledText = "#a3a3ab";
+export const TokenComponentButtonLinkDisabledIcon = "#a3a3ab";
+export const TokenComponentContainerBackground = "#ffffff";
+export const TokenComponentContainerBorder = "#d6d6dd";
+export const TokenComponentTableHeaderFilledBackground = "#343438";
+export const TokenComponentTableHeaderFilledText = "#ffffff";
+export const TokenComponentTableHeaderFilledIcon = "#ffffff";
+export const TokenComponentTableHeaderOutlinedBorder = "#343438";
+export const TokenComponentTableHeaderOutlinedText = "#343438";
+export const TokenComponentTableHeaderOutlinedIcon = "#3d3d42";
+export const TokenComponentTableRowBorder = "#d6d6dd";
+export const TokenComponentTableRowIconDefault = "#3d3d42";
+export const TokenComponentTableRowIconDisabled = "#a3a3ab";
+export const TokenComponentTableRowIconHover = "#009cde";
+export const TokenComponentTableRowBackgroundDefault = "#ffffff";
+export const TokenComponentTableRowBackgroundZebra = "#f7f7fa";
+export const TokenComponentTableRowBackgroundHover = "#edf8ff";
+export const TokenComponentTableRowTextDefault = "#343438";
+export const TokenComponentTableRowTextPlaceholder = "#696970";
+export const TokenComponentTableRowTextLink = "#0174bc";
+export const TokenComponentMenuButtonPrimaryDefaultBackground = "#0174bc";
+export const TokenComponentMenuButtonPrimaryDefaultText = "#ffffff";
+export const TokenComponentMenuButtonPrimaryDefaultIcon = "#ffffff";
+export const TokenComponentMenuButtonPrimaryHoverBackground = "#009cde";
+export const TokenComponentMenuButtonPrimaryHoverText = "#ffffff";
+export const TokenComponentMenuButtonPrimaryHoverIcon = "#ffffff";
+export const TokenComponentMenuButtonPrimaryPressedBackground = "#0174bc";
+export const TokenComponentMenuButtonPrimaryPressedText = "#ffffff";
+export const TokenComponentMenuButtonPrimaryPressedIcon = "#ffffff";
+export const TokenComponentMenuButtonPrimaryDisabledBackground = "#e5e5ea";
+export const TokenComponentMenuButtonPrimaryDisabledText = "#a3a3ab";
+export const TokenComponentMenuButtonPrimaryDisabledIcon = "#a3a3ab";
+export const TokenComponentMenuButtonPrimaryLoadingBackground = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDefaultBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryDefaultBorder = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDefaultText = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDefaultIcon = "#0174bc";
+export const TokenComponentMenuButtonSecondaryHoverBackground = "#edf8ff";
+export const TokenComponentMenuButtonSecondaryHoverBorder = "#009cde";
+export const TokenComponentMenuButtonSecondaryHoverText = "#0174bc";
+export const TokenComponentMenuButtonSecondaryHoverIcon = "#0174bc";
+export const TokenComponentMenuButtonSecondaryPressedBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryPressedBorder = "#0174bc";
+export const TokenComponentMenuButtonSecondaryPressedText = "#0174bc";
+export const TokenComponentMenuButtonSecondaryPressedIcon = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDisabledBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryDisabledBorder = "#c2c2ca";
+export const TokenComponentMenuButtonSecondaryDisabledText = "#a3a3ab";
+export const TokenComponentMenuButtonSecondaryDisabledIcon = "#a3a3ab";
+export const TokenComponentMenuButtonSecondaryLoadingBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryLoadingBorder = "#0174bc";
+export const TokenComponentMenuButtonLinkDefaultText = "#0174bc";
+export const TokenComponentMenuButtonLinkDefaultIcon = "#0174bc";
+export const TokenComponentMenuButtonLinkHoverText = "#009cde";
+export const TokenComponentMenuButtonLinkHoverIcon = "#009cde";
+export const TokenComponentMenuButtonLinkPressedText = "#0174bc";
+export const TokenComponentMenuButtonLinkPressedIcon = "#0174bc";
+export const TokenComponentMenuButtonLinkDisabledText = "#a3a3ab";
+export const TokenComponentMenuButtonLinkDisabledIcon = "#a3a3ab";
+export const TokenComponentOverflowMenuButtonDefaultIcon = "#3d3d42";
+export const TokenComponentOverflowMenuButtonHoverIcon = "#009cde";
+export const TokenComponentOverflowMenuButtonPressedIcon = "#0174bc";
+export const TokenComponentOverflowMenuButtonDisabledIcon = "#a3a3ab";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#009cde";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#009cde";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryActiveText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#e5e5ea";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#a3a3ab";
+export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#a3a3ab";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryDefaultText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryDefaultIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundLeft = "#edf8ff";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundRight = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderLeft = "#009cde";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderRight = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundLeft = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundRight = "#edf8ff";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderLeft = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderRight = "#009cde";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryActiveBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryActiveBorder = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryActiveText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryActiveIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBorder = "#c2c2ca";
+export const TokenComponentSplitMenuButtonSecondaryDisabledText = "#a3a3ab";
+export const TokenComponentSplitMenuButtonSecondaryDisabledIcon = "#a3a3ab";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#0174bc";
+export const TokenComponentAppbarBackground = "#f7f7fa";
+export const TokenComponentAppbarBorder = "#d6d6dd";
+export const TokenComponentAppbarText = "#343438";
+export const TokenComponentAppbarIcon = "#3d3d42";
+export const TokenComponentBadgeInformativeBackground = "lch(36.7 58.2 286 / 0.12)";
+export const TokenComponentBadgeInformativeText = "#3451b2";
+export const TokenComponentBadgeNeutralBackground = "lch(34.6 3.66 286 / 0.12)";
+export const TokenComponentBadgeNeutralText = "#515157";
+export const TokenComponentBadgeWarningBackground = "lch(67.2 71.6 80.1 / 0.12)";
+export const TokenComponentBadgeWarningText = "#c25d05";
+export const TokenComponentBadgeNegativeBackground = "lch(41.2 69 32.4 / 0.12)";
+export const TokenComponentBadgeNegativeText = "#b82329";
+export const TokenComponentBadgePositiveBackground = "lch(47.6 47.7 150 / 0.12)";
+export const TokenComponentBadgePositiveText = "#138246";
+export const TokenComponentBadgeImportantBackground = "lch(38.2 75 307 / 0.12)";
+export const TokenComponentBadgeImportantText = "#753bbd";
+export const TokenComponentBadgeVioletBackground = "lch(36.2 62.1 298 / 0.12)";
+export const TokenComponentBadgeVioletText = "#5746af";
+export const TokenComponentBadgePinkBackground = "lch(47.1 72.1 347 / 0.12)";
+export const TokenComponentBadgePinkText = "#cd1d8d";
+export const TokenComponentBreadcrumbDivider = "#d6d6dd";
+export const TokenComponentBreadcrumbAppTitleText = "#0174bc";
+export const TokenComponentBreadcrumbDefaultText = "#0174bc";
+export const TokenComponentBreadcrumbTruncatedText = "#0174bc";
+export const TokenComponentBreadcrumbLastItemText = "#343438";
+export const TokenComponentBreadcrumbCollapsedBackground = "#e5e5ea";
+export const TokenComponentBreadcrumbCollapsedText = "#343438";
+export const TokenComponentBreadcrumbCollapsedIcon = "#3d3d42";
+export const TokenComponentBreadcrumbWithDropdownText = "#0174bc";
+export const TokenComponentBreadcrumbWithDropdownIcon = "#3d3d42";
+export const TokenComponentCardBackground = "#ffffff";
+export const TokenComponentCardBorder = "#d6d6dd";
+export const TokenComponentCardText = "#343438";
+export const TokenComponentCardIcon = "#3d3d42";
+export const TokenComponentCheckboxEmptyDefaultBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyDefaultBorder = "#83838c";
+export const TokenComponentCheckboxEmptyDefaultText = "#343438";
+export const TokenComponentCheckboxEmptyHoverBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyHoverBorder = "#009cde";
+export const TokenComponentCheckboxEmptyHoverText = "#343438";
+export const TokenComponentCheckboxEmptyActiveBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyActiveBorder = "#0174bc";
+export const TokenComponentCheckboxEmptyActiveText = "#343438";
+export const TokenComponentCheckboxEmptyDisabledBackground = "#e5e5ea";
+export const TokenComponentCheckboxEmptyDisabledBorder = "#c2c2ca";
+export const TokenComponentCheckboxEmptyDisabledText = "#a3a3ab";
+export const TokenComponentCheckboxEmptyReadOnlyBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyReadOnlyBorder = "#c2c2ca";
+export const TokenComponentCheckboxEmptyReadOnlyText = "#343438";
+export const TokenComponentCheckboxCheckedDefaultBackground = "#0174bc";
+export const TokenComponentCheckboxCheckedDefaultText = "#343438";
+export const TokenComponentCheckboxCheckedDefaultIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedHoverBackground = "#009cde";
+export const TokenComponentCheckboxCheckedHoverText = "#343438";
+export const TokenComponentCheckboxCheckedHoverIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedActiveBackground = "#0174bc";
+export const TokenComponentCheckboxCheckedActiveText = "#343438";
+export const TokenComponentCheckboxCheckedActiveIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedDisabledBackground = "#afdef8";
+export const TokenComponentCheckboxCheckedDisabledText = "#a3a3ab";
+export const TokenComponentCheckboxCheckedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyBackground = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyBorder = "#c2c2ca";
+export const TokenComponentCheckboxCheckedReadOnlyText = "#343438";
+export const TokenComponentCheckboxCheckedReadOnlyIcon = "#a3a3ab";
+export const TokenComponentCheckboxIndeterminatedDefaultBackground = "#0174bc";
+export const TokenComponentCheckboxIndeterminatedDefaultText = "#343438";
+export const TokenComponentCheckboxIndeterminatedDefaultIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedHoverBackground = "#009cde";
+export const TokenComponentCheckboxIndeterminatedHoverText = "#343438";
+export const TokenComponentCheckboxIndeterminatedHoverIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedActiveBackground = "#0174bc";
+export const TokenComponentCheckboxIndeterminatedActiveText = "#343438";
+export const TokenComponentCheckboxIndeterminatedActiveIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedDisabledBackground = "#afdef8";
+export const TokenComponentCheckboxIndeterminatedDisabledText = "#a3a3ab";
+export const TokenComponentCheckboxIndeterminatedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBackground = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBorder = "#c2c2ca";
+export const TokenComponentCheckboxIndeterminatedReadOnlyText = "#343438";
+export const TokenComponentCheckboxIndeterminatedReadOnlyIcon = "#a3a3ab";
+export const TokenComponentContentPanelBackground = "#ffffff";
+export const TokenComponentContentPanelBorder = "#d6d6dd";
+export const TokenComponentContentPanelText = "#343438";
+export const TokenComponentContentPanelIcon = "#3d3d42";
+export const TokenComponentCalendarBackground = "#ffffff";
+export const TokenComponentCalendarBorder = "#d6d6dd";
+export const TokenComponentCalendarIcon = "#3d3d42";
+export const TokenComponentCalendarTextDefault = "#343438";
+export const TokenComponentCalendarTextDisabled = "#a3a3ab";
+export const TokenComponentCalendarSelectedItemText = "#ffffff";
+export const TokenComponentCalendarSelectedItemBackground = "#0174bc";
+export const TokenComponentCalendarHoverItemBackground = "#edf8ff";
+export const TokenComponentCalendarHoverItemText = "#343438";
+export const TokenComponentCalendarPresetAreaBackground = "#f7f7fa";
+export const TokenComponentCalendarPresetAreaHoverPeriodBackground = "#edf8ff";
+export const TokenComponentCalendarPresetAreaActivePeriodBackground = "#ceedfe";
+export const TokenComponentCalendarPresetAreaActivePeriodText = "#343438";
+export const TokenComponentDateFieldDefaultBackground = "#ffffff";
+export const TokenComponentDateFieldDefaultBorder = "#83838c";
+export const TokenComponentDateFieldDefaultText = "#696970";
+export const TokenComponentDateFieldDefaultIcon = "#3d3d42";
+export const TokenComponentDateFieldDefaultHintText = "#696970";
+export const TokenComponentDateFieldHoverBackground = "#ffffff";
+export const TokenComponentDateFieldHoverBorder = "#3d3d42";
+export const TokenComponentDateFieldHoverText = "#343438";
+export const TokenComponentDateFieldHoverIcon = "#3d3d42";
+export const TokenComponentDateFieldHoverHintText = "#696970";
+export const TokenComponentDateFieldHoverEmptyBackground = "#ffffff";
+export const TokenComponentDateFieldHoverEmptyBorder = "#3d3d42";
+export const TokenComponentDateFieldHoverEmptyText = "#696970";
+export const TokenComponentDateFieldHoverEmptyIcon = "#3d3d42";
+export const TokenComponentDateFieldHoverEmptyHintText = "#696970";
+export const TokenComponentDateFieldFilledBackground = "#ffffff";
+export const TokenComponentDateFieldFilledBorder = "#83838c";
+export const TokenComponentDateFieldFilledText = "#343438";
+export const TokenComponentDateFieldFilledIcon = "#3d3d42";
+export const TokenComponentDateFieldFilledHintText = "#696970";
+export const TokenComponentDateFieldDisabledBackground = "#ededf2";
+export const TokenComponentDateFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentDateFieldDisabledText = "#a3a3ab";
+export const TokenComponentDateFieldDisabledIcon = "#a3a3ab";
+export const TokenComponentDateFieldDisabledHintText = "#696970";
+export const TokenComponentDateFieldReadOnlyBackground = "#ffffff";
+export const TokenComponentDateFieldReadOnlyText = "#343438";
+export const TokenComponentDateFieldReadOnlyHintText = "#696970";
+export const TokenComponentDateFieldErrorBackground = "#ffffff";
+export const TokenComponentDateFieldErrorBorder = "#d63c42";
+export const TokenComponentDateFieldErrorText = "#343438";
+export const TokenComponentDateFieldErrorIcon = "#3d3d42";
+export const TokenComponentDateFieldErrorHintText = "#b82329";
+export const TokenComponentDateFieldFocusBackground = "#ffffff";
+export const TokenComponentDateFieldFocusBorder = "#0174bc";
+export const TokenComponentDateFieldFocusText = "#696970";
+export const TokenComponentDateFieldFocusIcon = "#0174bc";
+export const TokenComponentDateFieldFocusHintText = "#696970";
+export const TokenComponentDatePickerDefaultIcon = "#3d3d42";
+export const TokenComponentDatePickerHoverIcon = "#009cde";
+export const TokenComponentDatePickerFilledIcon = "#0174bc";
+export const TokenComponentDatePickerDisabledIcon = "#a3a3ab";
+export const TokenComponentDatePickerFocusIcon = "#0174bc";
+export const TokenComponentDateRangePickerDefaultIcon = "#3d3d42";
+export const TokenComponentDateRangePickerHoverIcon = "#009cde";
+export const TokenComponentDateRangePickerFilledIcon = "#0174bc";
+export const TokenComponentDateRangePickerDisabledIcon = "#a3a3ab";
+export const TokenComponentDateRangePickerFocusIcon = "#0174bc";
+export const TokenComponentDateRangeFieldDefaultBackground = "#ffffff";
+export const TokenComponentDateRangeFieldDefaultBorder = "#83838c";
+export const TokenComponentDateRangeFieldDefaultText = "#696970";
+export const TokenComponentDateRangeFieldDefaultIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldDefaultHintText = "#696970";
+export const TokenComponentDateRangeFieldHoverBackground = "#ffffff";
+export const TokenComponentDateRangeFieldHoverBorder = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverText = "#343438";
+export const TokenComponentDateRangeFieldHoverIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverHintText = "#696970";
+export const TokenComponentDateRangeFieldHoverEmptyBackground = "#ffffff";
+export const TokenComponentDateRangeFieldHoverEmptyBorder = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverEmptyText = "#696970";
+export const TokenComponentDateRangeFieldHoverEmptyIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverEmptyHintText = "#696970";
+export const TokenComponentDateRangeFieldFilledBackground = "#ffffff";
+export const TokenComponentDateRangeFieldFilledBorder = "#83838c";
+export const TokenComponentDateRangeFieldFilledText = "#343438";
+export const TokenComponentDateRangeFieldFilledIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldFilledHintText = "#696970";
+export const TokenComponentDateRangeFieldFilledPlaceholderItemText = "#696970";
+export const TokenComponentDateRangeFieldDisabledBackground = "#ededf2";
+export const TokenComponentDateRangeFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentDateRangeFieldDisabledText = "#a3a3ab";
+export const TokenComponentDateRangeFieldDisabledIcon = "#a3a3ab";
+export const TokenComponentDateRangeFieldDisabledHintText = "#696970";
+export const TokenComponentDateRangeFieldReadOnlyBackground = "#ffffff";
+export const TokenComponentDateRangeFieldReadOnlyText = "#343438";
+export const TokenComponentDateRangeFieldReadOnlyHintText = "#696970";
+export const TokenComponentDateRangeFieldErrorBackground = "#ffffff";
+export const TokenComponentDateRangeFieldErrorBorder = "#d63c42";
+export const TokenComponentDateRangeFieldErrorText = "#343438";
+export const TokenComponentDateRangeFieldErrorIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldErrorHintText = "#b82329";
+export const TokenComponentDateRangeFieldFocusBackground = "#ffffff";
+export const TokenComponentDateRangeFieldFocusBorder = "#0174bc";
+export const TokenComponentDateRangeFieldFocusText = "#696970";
+export const TokenComponentDateRangeFieldFocusIcon = "#0174bc";
+export const TokenComponentDateRangeFieldFocusHintText = "#696970";
+export const TokenComponentDateRangeFieldFocusPlaceholderItemText = "#696970";
+export const TokenComponentDateRangeInputDefaultBackground = "#ffffff";
+export const TokenComponentDateRangeInputDefaultBorder = "#83838c";
+export const TokenComponentDateRangeInputDefaultText = "#696970";
+export const TokenComponentDateRangeInputDefaultIcon = "#3d3d42";
+export const TokenComponentDateRangeInputDefaultHintText = "#696970";
+export const TokenComponentDateRangeInputHoverBackground = "#ffffff";
+export const TokenComponentDateRangeInputHoverBorder = "#3d3d42";
+export const TokenComponentDateRangeInputHoverText = "#343438";
+export const TokenComponentDateRangeInputHoverIcon = "#3d3d42";
+export const TokenComponentDateRangeInputHoverHintText = "#696970";
+export const TokenComponentDateRangeInputActivePeriodBackground = "#ffffff";
+export const TokenComponentDateRangeInputActivePeriodBorder = "#3d3d42";
+export const TokenComponentDateRangeInputActivePeriodText = "#343438";
+export const TokenComponentDateRangeInputActivePeriodIcon = "#3d3d42";
+export const TokenComponentDateRangeInputActivePeriodHintText = "#696970";
+export const TokenComponentDateRangeInputActivePeriodActiveItemBackground = "#edf8ff";
+export const TokenComponentDateRangeInputActivePeriodActiveItemText = "#696970";
+export const TokenComponentDateRangeInputFilledBackground = "#ffffff";
+export const TokenComponentDateRangeInputFilledBorder = "#83838c";
+export const TokenComponentDateRangeInputFilledText = "#343438";
+export const TokenComponentDateRangeInputFilledIcon = "#3d3d42";
+export const TokenComponentDateRangeInputFilledHintText = "#696970";
+export const TokenComponentDateRangeInputFilledPlaceholderItemText = "#696970";
+export const TokenComponentDateRangeInputDisabledBackground = "#ffffff";
+export const TokenComponentDateRangeInputDisabledBorder = "#c2c2ca";
+export const TokenComponentDateRangeInputDisabledText = "#a3a3ab";
+export const TokenComponentDateRangeInputDisabledIcon = "#a3a3ab";
+export const TokenComponentDateRangeInputDisabledHintText = "#696970";
+export const TokenComponentDateRangeInputReadOnlyBackground = "#ffffff";
+export const TokenComponentDateRangeInputReadOnlyText = "#343438";
+export const TokenComponentDateRangeInputReadOnlyHintText = "#696970";
+export const TokenComponentDateRangeInputErrorBackground = "#ffffff";
+export const TokenComponentDateRangeInputErrorBorder = "#d63c42";
+export const TokenComponentDateRangeInputErrorText = "#343438";
+export const TokenComponentDateRangeInputErrorIcon = "#3d3d42";
+export const TokenComponentDateRangeInputErrorHintText = "#b82329";
+export const TokenComponentDateRangeInputFocusBackground = "#ffffff";
+export const TokenComponentDateRangeInputFocusBorder = "#0174bc";
+export const TokenComponentDateRangeInputFocusText = "#343438";
+export const TokenComponentDateRangeInputFocusIcon = "#0174bc";
+export const TokenComponentDateRangeInputFocusHintText = "#696970";
+export const TokenComponentDateRangeInputFocusPlaceholderItemText = "#696970";
+export const TokenComponentDividerBorder = "#d6d6dd";
+export const TokenComponentDrawerBackground = "#ffffff";
+export const TokenComponentDrawerText = "#343438";
+export const TokenComponentDrawerIconDefault = "#3d3d42";
+export const TokenComponentDrawerIconDisabled = "#a3a3ab";
+export const TokenComponentDropdownIconDefault = "#3d3d42";
+export const TokenComponentDropdownIconDisabled = "#a3a3ab";
+export const TokenComponentDropdownTextDefault = "#343438";
+export const TokenComponentDropdownTextLink = "#0174bc";
+export const TokenComponentDropdownTextDescription = "#696970";
+export const TokenComponentDropdownTextDisabled = "#a3a3ab";
+export const TokenComponentDropdownBackgroundDefault = "#ffffff";
+export const TokenComponentDropdownBackgroundHover = "#edf8ff";
+export const TokenComponentDropdownBackgroundCategory = "#f7f7fa";
+export const TokenComponentGlobalHeaderBackground = "#232326";
+export const TokenComponentGlobalHeaderBorder = "#3d3d42";
+export const TokenComponentGlobalHeaderIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderIconHover = "#ffffff";
+export const TokenComponentGlobalHeaderTextDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderTextHover = "#ffffff";
+export const TokenComponentGlobalHeaderSearchBackground = "#3d3d42";
+export const TokenComponentGlobalHeaderSearchTextPlaceholder = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchTextFilled = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchIconActive = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconHover = "#ffffff";
+export const TokenComponentGlobalFooterBackground = "#232326";
+export const TokenComponentGlobalFooterTextDefault = "#d6d6dd";
+export const TokenComponentGlobalFooterTextHover = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultBorder = "#83838c";
+export const TokenComponentGroupSelectFieldDefaultText = "#696970";
+export const TokenComponentGroupSelectFieldDefaultIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldDefaultHintText = "#696970";
+export const TokenComponentGroupSelectFieldDefaultInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldHoverBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldHoverBorder = "#3d3d42";
+export const TokenComponentGroupSelectFieldHoverText = "#696970";
+export const TokenComponentGroupSelectFieldHoverIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldHoverHintText = "#696970";
+export const TokenComponentGroupSelectFieldHoverInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldSelectedBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldSelectedBorder = "#83838c";
+export const TokenComponentGroupSelectFieldSelectedText = "#343438";
+export const TokenComponentGroupSelectFieldSelectedIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldSelectedHintText = "#696970";
+export const TokenComponentGroupSelectFieldSelectedInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldDisabledBackground = "#ededf2";
+export const TokenComponentGroupSelectFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentGroupSelectFieldDisabledText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledHintText = "#696970";
+export const TokenComponentGroupSelectFieldDisabledInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldReadOnlyBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldReadOnlyText = "#343438";
+export const TokenComponentGroupSelectFieldReadOnlyHintText = "#696970";
+export const TokenComponentGroupSelectFieldReadOnlyInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldErrorBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldErrorBorder = "#d63c42";
+export const TokenComponentGroupSelectFieldErrorText = "#343438";
+export const TokenComponentGroupSelectFieldErrorIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldErrorHintText = "#b82329";
+export const TokenComponentGroupSelectFieldErrorInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldFocusBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldFocusBorder = "#0174bc";
+export const TokenComponentGroupSelectFieldFocusText = "#343438";
+export const TokenComponentGroupSelectFieldFocusIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldFocusHintText = "#696970";
+export const TokenComponentGroupSelectFieldFocusInfoIcon = "#696970";
+export const TokenComponentGroupSelectDropdownIcon = "#3d3d42";
+export const TokenComponentGroupSelectDropdownText = "#343438";
+export const TokenComponentGroupSelectDropdownBackgroundDefault = "#ffffff";
+export const TokenComponentGroupSelectDropdownBackgroundHover = "#edf8ff";
+export const TokenComponentInlineEditText = "#343438";
+export const TokenComponentInlineEditIconDefault = "#3d3d42";
+export const TokenComponentInlineEditIconHover = "#009cde";
+export const TokenComponentInlineEditAcceptIconDefault = "#0174bc";
+export const TokenComponentInlineEditAcceptIconHover = "#009cde";
+export const TokenComponentInlineEditAcceptIconDisabled = "#a3a3ab";
+export const TokenComponentKpiBarText = "#3d3d42";
+export const TokenComponentKpiBarBorder = "#d6d6dd";
+export const TokenComponentKpiBarIconDefault = "#3d3d42";
+export const TokenComponentKpiBarIconHover = "#009cde";
+export const TokenComponentKpiBarIconActive = "#0174bc";
+export const TokenComponentKpiBarItemNeutralDefaultLabel = "#515157";
+export const TokenComponentKpiBarItemNeutralDefaultText = "#696970";
+export const TokenComponentKpiBarItemNeutralDefaultIcon = "#515157";
+export const TokenComponentKpiBarItemNeutralHoverLabel = "#515157";
+export const TokenComponentKpiBarItemNeutralHoverText = "#696970";
+export const TokenComponentKpiBarItemNeutralHoverBackground = "lch(34.6 3.66 286 / 0.12)";
+export const TokenComponentKpiBarItemNeutralHoverIcon = "#515157";
+export const TokenComponentKpiBarItemNeutralActiveLabel = "#515157";
+export const TokenComponentKpiBarItemNeutralActiveText = "#343438";
+export const TokenComponentKpiBarItemNeutralActiveBorder = "#515157";
+export const TokenComponentKpiBarItemNeutralActiveIcon = "#515157";
+export const TokenComponentKpiBarItemGreenDefaultLabel = "#138246";
+export const TokenComponentKpiBarItemGreenDefaultText = "#696970";
+export const TokenComponentKpiBarItemGreenHoverLabel = "#138246";
+export const TokenComponentKpiBarItemGreenHoverText = "#696970";
+export const TokenComponentKpiBarItemGreenHoverBackground = "lch(47.6 47.7 150 / 0.12)";
+export const TokenComponentKpiBarItemGreenActiveLabel = "#138246";
+export const TokenComponentKpiBarItemGreenActiveText = "#343438";
+export const TokenComponentKpiBarItemGreenActiveBorder = "#138246";
+export const TokenComponentKpiBarItemOrangeDefaultLabel = "#c25d05";
+export const TokenComponentKpiBarItemOrangeDefaultText = "#696970";
+export const TokenComponentKpiBarItemOrangeHoverLabel = "#c25d05";
+export const TokenComponentKpiBarItemOrangeHoverText = "#696970";
+export const TokenComponentKpiBarItemOrangeHoverBackground = "lch(67.2 71.6 80.1 / 0.12)";
+export const TokenComponentKpiBarItemOrangeActiveLabel = "#c25d05";
+export const TokenComponentKpiBarItemOrangeActiveText = "#343438";
+export const TokenComponentKpiBarItemOrangeActiveBorder = "#c25d05";
+export const TokenComponentKpiBarItemPurpleDefaultLabel = "#753bbd";
+export const TokenComponentKpiBarItemPurpleDefaultText = "#696970";
+export const TokenComponentKpiBarItemPurpleHoverLabel = "#753bbd";
+export const TokenComponentKpiBarItemPurpleHoverText = "#696970";
+export const TokenComponentKpiBarItemPurpleHoverBackground = "lch(38.2 75 307 / 0.12)";
+export const TokenComponentKpiBarItemPurpleActiveLabel = "#753bbd";
+export const TokenComponentKpiBarItemPurpleActiveText = "#343438";
+export const TokenComponentKpiBarItemPurpleActiveBorder = "#753bbd";
+export const TokenComponentKpiBarItemRedDefaultLabel = "#b82329";
+export const TokenComponentKpiBarItemRedDefaultText = "#696970";
+export const TokenComponentKpiBarItemRedHoverLabel = "#b82329";
+export const TokenComponentKpiBarItemRedHoverText = "#696970";
+export const TokenComponentKpiBarItemRedHoverBackground = "lch(41.2 69 32.4 / 0.12)";
+export const TokenComponentKpiBarItemRedActiveLabel = "#b82329";
+export const TokenComponentKpiBarItemRedActiveText = "#343438";
+export const TokenComponentKpiBarItemRedActiveBorder = "#b82329";
+export const TokenComponentKpiBarItemUltramarineDefaultLabel = "#3451b2";
+export const TokenComponentKpiBarItemUltramarineDefaultText = "#696970";
+export const TokenComponentKpiBarItemUltramarineHoverLabel = "#3451b2";
+export const TokenComponentKpiBarItemUltramarineHoverText = "#696970";
+export const TokenComponentKpiBarItemUltramarineHoverBackground = "lch(36.7 58.2 286 / 0.12)";
+export const TokenComponentKpiBarItemUltramarineActiveLabel = "#3451b2";
+export const TokenComponentKpiBarItemUltramarineActiveText = "#343438";
+export const TokenComponentKpiBarItemUltramarineActiveBorder = "#3451b2";
+export const TokenComponentKpiBarItemPinkDefaultLabel = "#cd1d8d";
+export const TokenComponentKpiBarItemPinkDefaultText = "#696970";
+export const TokenComponentKpiBarItemPinkHoverLabel = "#cd1d8d";
+export const TokenComponentKpiBarItemPinkHoverText = "#696970";
+export const TokenComponentKpiBarItemPinkHoverBackground = "lch(47.1 72.1 347 / 0.12)";
+export const TokenComponentKpiBarItemPinkActiveLabel = "#cd1d8d";
+export const TokenComponentKpiBarItemPinkActiveText = "#343438";
+export const TokenComponentKpiBarItemPinkActiveBorder = "#cd1d8d";
+export const TokenComponentLabelText = "#343438";
+export const TokenComponentLabelIcon = "#3d3d42";
+export const TokenComponentLabelInfoIcon = "#696970";
+export const TokenComponentListText = "#343438";
+export const TokenComponentListBorder = "#d6d6dd";
+export const TokenComponentListIconDefault = "#3d3d42";
+export const TokenComponentListIconHover = "#009cde";
+export const TokenComponentListIconActive = "#0174bc";
+export const TokenComponentListBackgroundDefault = "#ffffff";
+export const TokenComponentListBackgroundHover = "#edf8ff";
+export const TokenComponentMasterSwitchContentBackground = "#ffffff";
+export const TokenComponentMasterSwitchSideBackground = "#f7f7fa";
+export const TokenComponentMasterSwitchText = "#343438";
+export const TokenComponentMasterSwitchIcon = "#3d3d42";
+export const TokenComponentModalBackground = "#ffffff";
+export const TokenComponentModalIcon = "#3d3d42";
+export const TokenComponentModalTextDefault = "#343438";
+export const TokenComponentModalTextDescription = "#696970";
+export const TokenComponentNotificationBannerText = "#343438";
+export const TokenComponentNotificationBannerIcon = "#3d3d42";
+export const TokenComponentNotificationBannerInformativeBackground = "#f0f4ff";
+export const TokenComponentNotificationBannerInformativeBorder = "#4067e5";
+export const TokenComponentNotificationBannerInformativeStatusIcon = "#4067e5";
+export const TokenComponentNotificationBannerTipBackground = "#f0f4ff";
+export const TokenComponentNotificationBannerTipBorder = "#4067e5";
+export const TokenComponentNotificationBannerTipStatusIcon = "#4067e5";
+export const TokenComponentNotificationBannerWarningBackground = "#fff4d5";
+export const TokenComponentNotificationBannerWarningBorder = "#fecb34";
+export const TokenComponentNotificationBannerWarningStatusIcon = "#fecb34";
+export const TokenComponentNotificationBannerSuccessBackground = "#ebf9eb";
+export const TokenComponentNotificationBannerSuccessBorder = "#00b050";
+export const TokenComponentNotificationBannerSuccessStatusIcon = "#00b050";
+export const TokenComponentNotificationBannerErrorBackground = "#ffefef";
+export const TokenComponentNotificationBannerErrorBorder = "#d63c42";
+export const TokenComponentNotificationBannerErrorStatusIcon = "#d63c42";
+export const TokenComponentNotificationBannerSecondaryBackground = "#e5e5ea";
+export const TokenComponentNotificationBannerSecondaryBorder = "#343438";
+export const TokenComponentNotificationBannerSecondaryStatusIcon = "#3d3d42";
+export const TokenComponentNotificationToastText = "#343438";
+export const TokenComponentNotificationToastIcon = "#3d3d42";
+export const TokenComponentNotificationToastInformativeBackground = "#f0f4ff";
+export const TokenComponentNotificationToastInformativeIconBackground = "#4067e5";
+export const TokenComponentNotificationToastInformativeBorder = "#4067e5";
+export const TokenComponentNotificationToastInformativeStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastTipBackground = "#f0f4ff";
+export const TokenComponentNotificationToastTipIconBackground = "#4067e5";
+export const TokenComponentNotificationToastTipBorder = "#4067e5";
+export const TokenComponentNotificationToastTipStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastWarningBackground = "#fff4d5";
+export const TokenComponentNotificationToastWarningIconBackground = "#fecb34";
+export const TokenComponentNotificationToastWarningBorder = "#fecb34";
+export const TokenComponentNotificationToastWarningStatusIcon = "#3d3d42";
+export const TokenComponentNotificationToastSuccessBackground = "#ebf9eb";
+export const TokenComponentNotificationToastSuccessIconBackground = "#00b050";
+export const TokenComponentNotificationToastSuccessBorder = "#00b050";
+export const TokenComponentNotificationToastSuccessStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastErrorBackground = "#ffefef";
+export const TokenComponentNotificationToastErrorIconBackground = "#d63c42";
+export const TokenComponentNotificationToastErrorBorder = "#d63c42";
+export const TokenComponentNotificationToastErrorStatusIcon = "#ffffff";
+export const TokenComponentPaginationBackground = "#ffffff";
+export const TokenComponentPaginationBorder = "#d6d6dd";
+export const TokenComponentPaginationTextDefault = "#343438";
+export const TokenComponentPaginationTextLink = "#0174bc";
+export const TokenComponentPaginationTextHover = "#009cde";
+export const TokenComponentPaginationTextDisabled = "#a3a3ab";
+export const TokenComponentPaginationIconDefault = "#3d3d42";
+export const TokenComponentPaginationIconHover = "#009cde";
+export const TokenComponentPaginationIconActive = "#0174bc";
+export const TokenComponentPaginationIconDisabled = "#a3a3ab";
+export const TokenComponentPopoverBackground = "#ffffff";
+export const TokenComponentPopoverBorder = "#d6d6dd";
+export const TokenComponentPopoverIcon = "#3d3d42";
+export const TokenComponentPopoverTextDefault = "#343438";
+export const TokenComponentPopoverTextLinkDefault = "#0174bc";
+export const TokenComponentPopoverTextLinkHover = "#009cde";
+export const TokenComponentProgressBarTextDefault = "#343438";
+export const TokenComponentProgressBarTextLinkDefault = "#0174bc";
+export const TokenComponentProgressBarTextLinkHover = "#009cde";
+export const TokenComponentProgressBarStatusLineDefault = "#e5e5ea";
+export const TokenComponentProgressBarStatusLineSuccess = "#00b050";
+export const TokenComponentProgressBarStatusLineError = "#d63c42";
+export const TokenComponentNumericSpinnerDefaultBackground = "#ffffff";
+export const TokenComponentNumericSpinnerDefaultBorder = "#83838c";
+export const TokenComponentNumericSpinnerDefaultText = "#696970";
+export const TokenComponentNumericSpinnerDefaultIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerDefaultHintText = "#696970";
+export const TokenComponentNumericSpinnerHoverBackground = "#ffffff";
+export const TokenComponentNumericSpinnerHoverBorder = "#3d3d42";
+export const TokenComponentNumericSpinnerHoverText = "#696970";
+export const TokenComponentNumericSpinnerHoverIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerHoverHintText = "#696970";
+export const TokenComponentNumericSpinnerFilledBackground = "#ffffff";
+export const TokenComponentNumericSpinnerFilledBorder = "#83838c";
+export const TokenComponentNumericSpinnerFilledText = "#343438";
+export const TokenComponentNumericSpinnerFilledIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerFilledHintText = "#696970";
+export const TokenComponentNumericSpinnerDisabledBackground = "#ededf2";
+export const TokenComponentNumericSpinnerDisabledBorder = "#c2c2ca";
+export const TokenComponentNumericSpinnerDisabledText = "#a3a3ab";
+export const TokenComponentNumericSpinnerDisabledIcon = "#a3a3ab";
+export const TokenComponentNumericSpinnerDisabledHintText = "#696970";
+export const TokenComponentNumericSpinnerReadOnlyBackground = "#ffffff";
+export const TokenComponentNumericSpinnerReadOnlyText = "#343438";
+export const TokenComponentNumericSpinnerReadOnlyHintText = "#696970";
+export const TokenComponentNumericSpinnerErrorBackground = "#ffffff";
+export const TokenComponentNumericSpinnerErrorBorder = "#d63c42";
+export const TokenComponentNumericSpinnerErrorText = "#343438";
+export const TokenComponentNumericSpinnerErrorIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerErrorHintText = "#b82329";
+export const TokenComponentNumericSpinnerFocusBackground = "#ffffff";
+export const TokenComponentNumericSpinnerFocusBorder = "#0174bc";
+export const TokenComponentNumericSpinnerFocusText = "#696970";
+export const TokenComponentNumericSpinnerFocusIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerFocusHintText = "#696970";
+export const TokenComponentRadioButtonInactiveDefaultBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveDefaultBorder = "#83838c";
+export const TokenComponentRadioButtonInactiveDefaultText = "#343438";
+export const TokenComponentRadioButtonInactiveHoverBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveHoverBorder = "#009cde";
+export const TokenComponentRadioButtonInactiveHoverText = "#343438";
+export const TokenComponentRadioButtonInactiveActiveBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveActiveBorder = "#0174bc";
+export const TokenComponentRadioButtonInactiveActiveText = "#343438";
+export const TokenComponentRadioButtonInactiveDisabledBackground = "#e5e5ea";
+export const TokenComponentRadioButtonInactiveDisabledBorder = "#c2c2ca";
+export const TokenComponentRadioButtonInactiveDisabledText = "#a3a3ab";
+export const TokenComponentRadioButtonInactiveReadOnlyBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveReadOnlyBorder = "#c2c2ca";
+export const TokenComponentRadioButtonInactiveReadOnlyText = "#343438";
+export const TokenComponentRadioButtonActiveDefaultBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveDefaultBorder = "#0174bc";
+export const TokenComponentRadioButtonActiveDefaultText = "#343438";
+export const TokenComponentRadioButtonActiveHoverBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveHoverBorder = "#009cde";
+export const TokenComponentRadioButtonActiveHoverText = "#343438";
+export const TokenComponentRadioButtonActiveActiveBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveActiveBorder = "#0174bc";
+export const TokenComponentRadioButtonActiveActiveText = "#343438";
+export const TokenComponentRadioButtonActiveDisabledBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveDisabledBorder = "#afdef8";
+export const TokenComponentRadioButtonActiveDisabledText = "#a3a3ab";
+export const TokenComponentRadioButtonActiveReadOnlyBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveReadOnlyBorder = "#c2c2ca";
+export const TokenComponentRadioButtonActiveReadOnlyText = "#343438";
+export const TokenComponentSearchDefaultBackground = "#ffffff";
+export const TokenComponentSearchDefaultBorder = "#83838c";
+export const TokenComponentSearchDefaultText = "#696970";
+export const TokenComponentSearchDefaultIcon = "#3d3d42";
+export const TokenComponentSearchDefaultHintText = "#696970";
+export const TokenComponentSearchDefaultSearchIcon = "#696970";
+export const TokenComponentSearchHoverBackground = "#ffffff";
+export const TokenComponentSearchHoverBorder = "#3d3d42";
+export const TokenComponentSearchHoverText = "#696970";
+export const TokenComponentSearchHoverIcon = "#3d3d42";
+export const TokenComponentSearchHoverHintText = "#696970";
+export const TokenComponentSearchHoverSearchIcon = "#696970";
+export const TokenComponentSearchFilledBackground = "#ffffff";
+export const TokenComponentSearchFilledBorder = "#83838c";
+export const TokenComponentSearchFilledText = "#343438";
+export const TokenComponentSearchFilledIcon = "#3d3d42";
+export const TokenComponentSearchFilledHintText = "#696970";
+export const TokenComponentSearchFilledSearchIcon = "#696970";
+export const TokenComponentSearchDisabledBackground = "#ededf2";
+export const TokenComponentSearchDisabledBorder = "#c2c2ca";
+export const TokenComponentSearchDisabledText = "#a3a3ab";
+export const TokenComponentSearchDisabledIcon = "#a3a3ab";
+export const TokenComponentSearchDisabledHintText = "#696970";
+export const TokenComponentSearchDisabledSearchIcon = "#a3a3ab";
+export const TokenComponentSearchErrorBackground = "#ffffff";
+export const TokenComponentSearchErrorBorder = "#d63c42";
+export const TokenComponentSearchErrorText = "#343438";
+export const TokenComponentSearchErrorIcon = "#3d3d42";
+export const TokenComponentSearchErrorHintText = "#b82329";
+export const TokenComponentSearchErrorSearchIcon = "#696970";
+export const TokenComponentSearchFocusEmptyBackground = "#ffffff";
+export const TokenComponentSearchFocusEmptyBorder = "#0174bc";
+export const TokenComponentSearchFocusEmptyText = "#696970";
+export const TokenComponentSearchFocusEmptyIcon = "#3d3d42";
+export const TokenComponentSearchFocusEmptyHintText = "#696970";
+export const TokenComponentSearchFocusEmptySearchIcon = "#696970";
+export const TokenComponentSearchFocusBackground = "#ffffff";
+export const TokenComponentSearchFocusBorder = "#0174bc";
+export const TokenComponentSearchFocusText = "#343438";
+export const TokenComponentSearchFocusIcon = "#3d3d42";
+export const TokenComponentSearchFocusHintText = "#696970";
+export const TokenComponentSearchFocusSearchIcon = "#696970";
+export const TokenComponentSegmentedButtonDefaultBackground = "#ffffff";
+export const TokenComponentSegmentedButtonDefaultBorder = "#0174bc";
+export const TokenComponentSegmentedButtonDefaultText = "#0174bc";
+export const TokenComponentSegmentedButtonDefaultIcon = "#0174bc";
+export const TokenComponentSegmentedButtonHoverBackground = "#edf8ff";
+export const TokenComponentSegmentedButtonHoverBorder = "#009cde";
+export const TokenComponentSegmentedButtonHoverText = "#0174bc";
+export const TokenComponentSegmentedButtonHoverIcon = "#0174bc";
+export const TokenComponentSegmentedButtonDisabledBackground = "#ffffff";
+export const TokenComponentSegmentedButtonDisabledBorder = "#c2c2ca";
+export const TokenComponentSegmentedButtonDisabledText = "#a3a3ab";
+export const TokenComponentSegmentedButtonDisabledIcon = "#a3a3ab";
+export const TokenComponentSegmentedButtonDisabledCheckedBackground = "#e5e5ea";
+export const TokenComponentSegmentedButtonDisabledCheckedBorder = "#c2c2ca";
+export const TokenComponentSegmentedButtonDisabledCheckedText = "#a3a3ab";
+export const TokenComponentSegmentedButtonDisabledCheckedIcon = "#a3a3ab";
+export const TokenComponentSegmentedButtonActiveBackground = "#0174bc";
+export const TokenComponentSegmentedButtonActiveBorder = "#0174bc";
+export const TokenComponentSegmentedButtonActiveText = "#ffffff";
+export const TokenComponentSegmentedButtonActiveIcon = "#ffffff";
+export const TokenComponentSideNavigationIcon = "#3d3d42";
+export const TokenComponentSideNavigationBorder = "#d6d6dd";
+export const TokenComponentSideNavigationBackgroundDefault = "#f7f7fa";
+export const TokenComponentSideNavigationBackgroundSecondLevel = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemBackground = "#f7f7fa";
+export const TokenComponentSideNavigationDefaultMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationDefaultMenuItemText = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemLabelText = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBackground = "#f7f7fa";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBorder = "#d6d6dd";
+export const TokenComponentSideNavigationHoverMenuItemBackground = "#edf8ff";
+export const TokenComponentSideNavigationHoverMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationHoverMenuItemText = "#343438";
+export const TokenComponentSideNavigationHoverMenuItemLabelText = "#343438";
+export const TokenComponentSideNavigationHoverMenuItemLabelBackground = "#f7f7fa";
+export const TokenComponentSideNavigationHoverMenuItemLabelBorder = "#d6d6dd";
+export const TokenComponentSideNavigationSelectedMenuItemBackground = "#ceedfe";
+export const TokenComponentSideNavigationSelectedMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationSelectedMenuItemText = "#343438";
+export const TokenComponentSideNavigationSelectedMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationSelectedMenuItemLabelBackground = "#0174bc";
+export const TokenComponentSelectDefaultBackground = "#ffffff";
+export const TokenComponentSelectDefaultBorder = "#83838c";
+export const TokenComponentSelectDefaultText = "#696970";
+export const TokenComponentSelectDefaultIcon = "#3d3d42";
+export const TokenComponentSelectDefaultHintText = "#696970";
+export const TokenComponentSelectDefaultInfoIcon = "#696970";
+export const TokenComponentSelectHoverBackground = "#ffffff";
+export const TokenComponentSelectHoverBorder = "#3d3d42";
+export const TokenComponentSelectHoverText = "#696970";
+export const TokenComponentSelectHoverIcon = "#3d3d42";
+export const TokenComponentSelectHoverHintText = "#696970";
+export const TokenComponentSelectHoverInfoIcon = "#696970";
+export const TokenComponentSelectFilledBackground = "#ffffff";
+export const TokenComponentSelectFilledBorder = "#83838c";
+export const TokenComponentSelectFilledText = "#343438";
+export const TokenComponentSelectFilledIcon = "#3d3d42";
+export const TokenComponentSelectFilledHintText = "#696970";
+export const TokenComponentSelectFilledInfoIcon = "#696970";
+export const TokenComponentSelectDisabledBackground = "#ededf2";
+export const TokenComponentSelectDisabledBorder = "#c2c2ca";
+export const TokenComponentSelectDisabledText = "#a3a3ab";
+export const TokenComponentSelectDisabledIcon = "#a3a3ab";
+export const TokenComponentSelectDisabledHintText = "#696970";
+export const TokenComponentSelectDisabledInfoIcon = "#696970";
+export const TokenComponentSelectErrorBackground = "#ffffff";
+export const TokenComponentSelectErrorBorder = "#d63c42";
+export const TokenComponentSelectErrorText = "#343438";
+export const TokenComponentSelectErrorIcon = "#3d3d42";
+export const TokenComponentSelectErrorHintText = "#b82329";
+export const TokenComponentSelectErrorInfoIcon = "#696970";
+export const TokenComponentSelectFocusEmptyBackground = "#ffffff";
+export const TokenComponentSelectFocusEmptyBorder = "#0174bc";
+export const TokenComponentSelectFocusEmptyText = "#696970";
+export const TokenComponentSelectFocusEmptyIcon = "#3d3d42";
+export const TokenComponentSelectFocusEmptyHintText = "#696970";
+export const TokenComponentSelectFocusEmptyInfoIcon = "#696970";
+export const TokenComponentSelectFocusBackground = "#ffffff";
+export const TokenComponentSelectFocusBorder = "#0174bc";
+export const TokenComponentSelectFocusText = "#343438";
+export const TokenComponentSelectFocusIcon = "#3d3d42";
+export const TokenComponentSelectFocusHintText = "#696970";
+export const TokenComponentSelectFocusInfoIcon = "#696970";
+export const TokenComponentSelectReadOnlyBackground = "#ffffff";
+export const TokenComponentSelectReadOnlyText = "#343438";
+export const TokenComponentSidePanelBackground = "#ffffff";
+export const TokenComponentSidePanelText = "#343438";
+export const TokenComponentSidePanelBorder = "#d6d6dd";
+export const TokenComponentSidePanelIconDefault = "#3d3d42";
+export const TokenComponentSidePanelIconHover = "#009cde";
+export const TokenComponentSwitchActiveDefaultBackground = "#0174bc";
+export const TokenComponentSwitchActiveDefaultIcon = "#ffffff";
+export const TokenComponentSwitchActiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchActiveDefaultText = "#343438";
+export const TokenComponentSwitchActiveHoverBackground = "#009cde";
+export const TokenComponentSwitchActiveHoverIcon = "#ffffff";
+export const TokenComponentSwitchActiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchActiveHoverText = "#343438";
+export const TokenComponentSwitchActiveFocusBackground = "#0174bc";
+export const TokenComponentSwitchActiveFocusIcon = "#ffffff";
+export const TokenComponentSwitchActiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchActiveFocusText = "#343438";
+export const TokenComponentSwitchActiveDisabledBackground = "#afdef8";
+export const TokenComponentSwitchActiveDisabledIcon = "#a3a3ab";
+export const TokenComponentSwitchActiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchActiveDisabledText = "#a3a3ab";
+export const TokenComponentSwitchInactiveDefaultBackground = "#83838c";
+export const TokenComponentSwitchInactiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDefaultText = "#343438";
+export const TokenComponentSwitchInactiveHoverBackground = "#a3a3ab";
+export const TokenComponentSwitchInactiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchInactiveHoverText = "#343438";
+export const TokenComponentSwitchInactiveFocusBackground = "#83838c";
+export const TokenComponentSwitchInactiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchInactiveFocusText = "#343438";
+export const TokenComponentSwitchInactiveDisabledBackground = "#e5e5ea";
+export const TokenComponentSwitchInactiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDisabledText = "#a3a3ab";
+export const TokenComponentTabDefaultText = "#343438";
+export const TokenComponentTabDefaultIcon = "#3d3d42";
+export const TokenComponentTabDefaultBorder = "#c2c2ca";
+export const TokenComponentTabHoverText = "#009cde";
+export const TokenComponentTabHoverIcon = "#009cde";
+export const TokenComponentTabHoverBorder = "#c2c2ca";
+export const TokenComponentTabActiveText = "#0174bc";
+export const TokenComponentTabActiveIcon = "#0174bc";
+export const TokenComponentTabActiveBorder = "#0174bc";
+export const TokenComponentTabDisabledText = "#a3a3ab";
+export const TokenComponentTabDisabledIcon = "#a3a3ab";
+export const TokenComponentTabDisabledBorder = "#c2c2ca";
+export const TokenComponentTagDefaultBackground = "#f7f7fa";
+export const TokenComponentTagDefaultBorder = "#83838c";
+export const TokenComponentTagDefaultText = "#343438";
+export const TokenComponentTagDefaultIconDefault = "#3d3d42";
+export const TokenComponentTagDefaultIconHover = "#009cde";
+export const TokenComponentTagDefaultIconActive = "#0174bc";
+export const TokenComponentTagHoverBackground = "#f7f7fa";
+export const TokenComponentTagHoverBorder = "#3d3d42";
+export const TokenComponentTagHoverText = "#343438";
+export const TokenComponentTagHoverIconDefault = "#3d3d42";
+export const TokenComponentTagHoverIconHover = "#009cde";
+export const TokenComponentTagHoverIconActive = "#0174bc";
+export const TokenComponentTagFocusBackground = "#edf8ff";
+export const TokenComponentTagFocusBorder = "#0174bc";
+export const TokenComponentTagFocusText = "#343438";
+export const TokenComponentTagFocusIconDefault = "#3d3d42";
+export const TokenComponentTagFocusIconHover = "#009cde";
+export const TokenComponentTagFocusIconActive = "#0174bc";
+export const TokenComponentTagErrorBackground = "#f7f7fa";
+export const TokenComponentTagErrorBorder = "#d63c42";
+export const TokenComponentTagErrorText = "#343438";
+export const TokenComponentTagErrorIconDefault = "#3d3d42";
+export const TokenComponentTagErrorIconHover = "#009cde";
+export const TokenComponentTagErrorIconActive = "#0174bc";
+export const TokenComponentTagDisabledBackground = "#ededf2";
+export const TokenComponentTagDisabledBorder = "#c2c2ca";
+export const TokenComponentTagDisabledText = "#a3a3ab";
+export const TokenComponentTagDisabledIcon = "#a3a3ab";
+export const TokenComponentTagReadOnlyBackground = "#ffffff";
+export const TokenComponentTagReadOnlyBorder = "#c2c2ca";
+export const TokenComponentTagReadOnlyText = "#343438";
+export const TokenComponentTagReadOnlyIcon = "#3d3d42";
+export const TokenComponentTagInputDefaultBackground = "#ffffff";
+export const TokenComponentTagInputDefaultBorder = "#83838c";
+export const TokenComponentTagInputDefaultHintText = "#696970";
+export const TokenComponentTagInputPlaceholderBackground = "#ffffff";
+export const TokenComponentTagInputPlaceholderBorder = "#83838c";
+export const TokenComponentTagInputPlaceholderText = "#696970";
+export const TokenComponentTagInputPlaceholderHintText = "#696970";
+export const TokenComponentTagInputHoverBackground = "#ffffff";
+export const TokenComponentTagInputHoverBorder = "#3d3d42";
+export const TokenComponentTagInputHoverText = "#696970";
+export const TokenComponentTagInputHoverHintText = "#696970";
+export const TokenComponentTagInputFilledBackground = "#ffffff";
+export const TokenComponentTagInputFilledBorder = "#83838c";
+export const TokenComponentTagInputFilledIcon = "#3d3d42";
+export const TokenComponentTagInputFilledHintText = "#696970";
+export const TokenComponentTagInputDisabledBackground = "#ededf2";
+export const TokenComponentTagInputDisabledBorder = "#c2c2ca";
+export const TokenComponentTagInputDisabledHintText = "#696970";
+export const TokenComponentTagInputErrorBackground = "#ffffff";
+export const TokenComponentTagInputErrorBorder = "#d63c42";
+export const TokenComponentTagInputErrorIcon = "#3d3d42";
+export const TokenComponentTagInputErrorHintText = "#b82329";
+export const TokenComponentTagInputFocusEmptyBackground = "#ffffff";
+export const TokenComponentTagInputFocusEmptyBorder = "#0174bc";
+export const TokenComponentTagInputFocusEmptyText = "#696970";
+export const TokenComponentTagInputFocusEmptyHintText = "#696970";
+export const TokenComponentTagInputFocusBackground = "#ffffff";
+export const TokenComponentTagInputFocusBorder = "#0174bc";
+export const TokenComponentTagInputFocusText = "#343438";
+export const TokenComponentTagInputFocusHintText = "#696970";
+export const TokenComponentTextAreaDefaultBackground = "#ffffff";
+export const TokenComponentTextAreaDefaultBorder = "#83838c";
+export const TokenComponentTextAreaDefaultHintText = "#696970";
+export const TokenComponentTextAreaDefaultInfoIcon = "#696970";
+export const TokenComponentTextAreaPlaceholderBackground = "#ffffff";
+export const TokenComponentTextAreaPlaceholderBorder = "#83838c";
+export const TokenComponentTextAreaPlaceholderText = "#696970";
+export const TokenComponentTextAreaPlaceholderHintText = "#696970";
+export const TokenComponentTextAreaPlaceholderInfoIcon = "#696970";
+export const TokenComponentTextAreaHoverBackground = "#ffffff";
+export const TokenComponentTextAreaHoverBorder = "#3d3d42";
+export const TokenComponentTextAreaHoverText = "#343438";
+export const TokenComponentTextAreaHoverIcon = "#3d3d42";
+export const TokenComponentTextAreaHoverHintText = "#696970";
+export const TokenComponentTextAreaHoverInfoIcon = "#696970";
+export const TokenComponentTextAreaHoverEmptyBackground = "#ffffff";
+export const TokenComponentTextAreaHoverEmptyBorder = "#3d3d42";
+export const TokenComponentTextAreaHoverEmptyText = "#696970";
+export const TokenComponentTextAreaHoverEmptyHintText = "#696970";
+export const TokenComponentTextAreaHoverEmptyInfoIcon = "#696970";
+export const TokenComponentTextAreaFilledBackground = "#ffffff";
+export const TokenComponentTextAreaFilledBorder = "#83838c";
+export const TokenComponentTextAreaFilledText = "#343438";
+export const TokenComponentTextAreaFilledHintText = "#696970";
+export const TokenComponentTextAreaFilledInfoIcon = "#696970";
+export const TokenComponentTextAreaFilledIconDefault = "#3d3d42";
+export const TokenComponentTextAreaFilledIconHover = "#009cde";
+export const TokenComponentTextAreaFilledIconActive = "#0174bc";
+export const TokenComponentTextAreaDisabledBackground = "#ededf2";
+export const TokenComponentTextAreaDisabledBorder = "#c2c2ca";
+export const TokenComponentTextAreaDisabledText = "#a3a3ab";
+export const TokenComponentTextAreaDisabledHintText = "#696970";
+export const TokenComponentTextAreaDisabledInfoIcon = "#696970";
+export const TokenComponentTextAreaErrorBackground = "#ffffff";
+export const TokenComponentTextAreaErrorBorder = "#d63c42";
+export const TokenComponentTextAreaErrorText = "#343438";
+export const TokenComponentTextAreaErrorHintText = "#b82329";
+export const TokenComponentTextAreaErrorInfoIcon = "#696970";
+export const TokenComponentTextAreaErrorIconDefault = "#3d3d42";
+export const TokenComponentTextAreaErrorIconHover = "#009cde";
+export const TokenComponentTextAreaErrorIconActive = "#0174bc";
+export const TokenComponentTextAreaFocusEmptyBackground = "#ffffff";
+export const TokenComponentTextAreaFocusEmptyBorder = "#0174bc";
+export const TokenComponentTextAreaFocusEmptyHintText = "#696970";
+export const TokenComponentTextAreaFocusEmptyInfoIcon = "#696970";
+export const TokenComponentTextAreaFocusEmptyIconDefault = "#3d3d42";
+export const TokenComponentTextAreaFocusEmptyIconHover = "#009cde";
+export const TokenComponentTextAreaFocusEmptyIconActive = "#0174bc";
+export const TokenComponentTextAreaFocusBackground = "#ffffff";
+export const TokenComponentTextAreaFocusBorder = "#0174bc";
+export const TokenComponentTextAreaFocusText = "#343438";
+export const TokenComponentTextAreaFocusHintText = "#696970";
+export const TokenComponentTextAreaFocusInfoIcon = "#696970";
+export const TokenComponentTextAreaFocusIconDefault = "#3d3d42";
+export const TokenComponentTextAreaFocusIconHover = "#009cde";
+export const TokenComponentTextAreaFocusIconActive = "#0174bc";
+export const TokenComponentTextAreaReadOnlyText = "#343438";
+export const TokenComponentTextAreaReadOnlyHintText = "#696970";
+export const TokenComponentTextFieldDefaultBackground = "#ffffff";
+export const TokenComponentTextFieldDefaultBorder = "#83838c";
+export const TokenComponentTextFieldDefaultHintText = "#696970";
+export const TokenComponentTextFieldDefaultInfoIcon = "#696970";
+export const TokenComponentTextFieldPlaceholderBackground = "#ffffff";
+export const TokenComponentTextFieldPlaceholderBorder = "#83838c";
+export const TokenComponentTextFieldPlaceholderText = "#696970";
+export const TokenComponentTextFieldPlaceholderHintText = "#696970";
+export const TokenComponentTextFieldPlaceholderInfoIcon = "#696970";
+export const TokenComponentTextFieldHoverBackground = "#ffffff";
+export const TokenComponentTextFieldHoverBorder = "#3d3d42";
+export const TokenComponentTextFieldHoverText = "#343438";
+export const TokenComponentTextFieldHoverIcon = "#3d3d42";
+export const TokenComponentTextFieldHoverHintText = "#696970";
+export const TokenComponentTextFieldHoverInfoIcon = "#696970";
+export const TokenComponentTextFieldHoverEmptyBackground = "#ffffff";
+export const TokenComponentTextFieldHoverEmptyBorder = "#3d3d42";
+export const TokenComponentTextFieldHoverEmptyText = "#696970";
+export const TokenComponentTextFieldHoverEmptyHintText = "#696970";
+export const TokenComponentTextFieldHoverEmptyInfoIcon = "#696970";
+export const TokenComponentTextFieldFilledBackground = "#ffffff";
+export const TokenComponentTextFieldFilledBorder = "#83838c";
+export const TokenComponentTextFieldFilledText = "#343438";
+export const TokenComponentTextFieldFilledHintText = "#696970";
+export const TokenComponentTextFieldFilledInfoIcon = "#696970";
+export const TokenComponentTextFieldFilledIconDefault = "#3d3d42";
+export const TokenComponentTextFieldFilledIconHover = "#009cde";
+export const TokenComponentTextFieldFilledIconActive = "#0174bc";
+export const TokenComponentTextFieldDisabledBackground = "#ededf2";
+export const TokenComponentTextFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentTextFieldDisabledText = "#a3a3ab";
+export const TokenComponentTextFieldDisabledHintText = "#696970";
+export const TokenComponentTextFieldDisabledInfoIcon = "#696970";
+export const TokenComponentTextFieldErrorBackground = "#ffffff";
+export const TokenComponentTextFieldErrorBorder = "#d63c42";
+export const TokenComponentTextFieldErrorText = "#343438";
+export const TokenComponentTextFieldErrorHintText = "#b82329";
+export const TokenComponentTextFieldErrorInfoIcon = "#696970";
+export const TokenComponentTextFieldErrorIconDefault = "#3d3d42";
+export const TokenComponentTextFieldErrorIconHover = "#009cde";
+export const TokenComponentTextFieldErrorIconActive = "#0174bc";
+export const TokenComponentTextFieldFocusEmptyBackground = "#ffffff";
+export const TokenComponentTextFieldFocusEmptyBorder = "#0174bc";
+export const TokenComponentTextFieldFocusEmptyHintText = "#696970";
+export const TokenComponentTextFieldFocusEmptyInfoIcon = "#696970";
+export const TokenComponentTextFieldFocusEmptyIconDefault = "#3d3d42";
+export const TokenComponentTextFieldFocusEmptyIconHover = "#009cde";
+export const TokenComponentTextFieldFocusEmptyIconActive = "#0174bc";
+export const TokenComponentTextFieldFocusBackground = "#ffffff";
+export const TokenComponentTextFieldFocusBorder = "#0174bc";
+export const TokenComponentTextFieldFocusText = "#343438";
+export const TokenComponentTextFieldFocusHintText = "#696970";
+export const TokenComponentTextFieldFocusInfoIcon = "#696970";
+export const TokenComponentTextFieldFocusIconDefault = "#3d3d42";
+export const TokenComponentTextFieldFocusIconHover = "#009cde";
+export const TokenComponentTextFieldFocusIconActive = "#0174bc";
+export const TokenComponentTextFieldReadOnlyText = "#343438";
+export const TokenComponentTextFieldReadOnlyHintText = "#696970";
+export const TokenComponentTimePickerDefaultBackground = "#ffffff";
+export const TokenComponentTimePickerDefaultBorder = "#83838c";
+export const TokenComponentTimePickerDefaultText = "#696970";
+export const TokenComponentTimePickerDefaultIcon = "#3d3d42";
+export const TokenComponentTimePickerDefaultHintText = "#696970";
+export const TokenComponentTimePickerHoverBackground = "#ffffff";
+export const TokenComponentTimePickerHoverBorder = "#3d3d42";
+export const TokenComponentTimePickerHoverText = "#696970";
+export const TokenComponentTimePickerHoverIcon = "#3d3d42";
+export const TokenComponentTimePickerHoverHintText = "#696970";
+export const TokenComponentTimePickerFilledBackground = "#ffffff";
+export const TokenComponentTimePickerFilledBorder = "#83838c";
+export const TokenComponentTimePickerFilledText = "#343438";
+export const TokenComponentTimePickerFilledIcon = "#3d3d42";
+export const TokenComponentTimePickerFilledHintText = "#696970";
+export const TokenComponentTimePickerDisabledBackground = "#ededf2";
+export const TokenComponentTimePickerDisabledBorder = "#c2c2ca";
+export const TokenComponentTimePickerDisabledText = "#a3a3ab";
+export const TokenComponentTimePickerDisabledIcon = "#a3a3ab";
+export const TokenComponentTimePickerDisabledHintText = "#696970";
+export const TokenComponentTimePickerErrorBackground = "#ffffff";
+export const TokenComponentTimePickerErrorBorder = "#d63c42";
+export const TokenComponentTimePickerErrorText = "#343438";
+export const TokenComponentTimePickerErrorIcon = "#3d3d42";
+export const TokenComponentTimePickerErrorHintText = "#b82329";
+export const TokenComponentTimePickerFocusEmptyBackground = "#ffffff";
+export const TokenComponentTimePickerFocusEmptyBorder = "#0174bc";
+export const TokenComponentTimePickerFocusEmptyText = "#696970";
+export const TokenComponentTimePickerFocusEmptyIcon = "#3d3d42";
+export const TokenComponentTimePickerFocusEmptyHintText = "#696970";
+export const TokenComponentTimePickerFocusBackground = "#ffffff";
+export const TokenComponentTimePickerFocusBorder = "#0174bc";
+export const TokenComponentTimePickerFocusText = "#343438";
+export const TokenComponentTimePickerFocusIcon = "#3d3d42";
+export const TokenComponentTimePickerFocusHintText = "#696970";
+export const TokenComponentTimePickerReadOnlyText = "#343438";
+export const TokenComponentTooltipBackground = "#343438";
+export const TokenComponentTooltipText = "#ffffff";
+export const TokenComponentTreeText = "#343438";
+export const TokenComponentTreeBorder = "#d6d6dd";
+export const TokenComponentTreeIconDefault = "#3d3d42";
+export const TokenComponentTreeIconHover = "#009cde";
+export const TokenComponentTreeIconActive = "#0174bc";
+export const TokenComponentTreeBackgroundDefault = "#ffffff";
+export const TokenComponentTreeBackgroundHover = "#edf8ff";
+export const TokenComponentTreeExpandedAreaBorder = "#83838c";
+export const TokenComponentWidgetDownloadText = "#343438";
+export const TokenComponentWidgetDownloadBorder = "#d6d6dd";
+export const TokenComponentWidgetDownloadBackgroundHeader = "#f7f7fa";
+export const TokenComponentWidgetDownloadBackgroundDefault = "#ffffff";
+export const TokenComponentWidgetDownloadIconDefault = "#3d3d42";
+export const TokenComponentWidgetDownloadIconSuccess = "#00b050";
+export const TokenComponentWidgetDownloadIconError = "#d63c42";
+export const TokenComponentWidgetUploadDefaultBackground = "#ffffff";
+export const TokenComponentWidgetUploadDefaultBorder = "#83838c";
+export const TokenComponentWidgetUploadDefaultIcon = "#3d3d42";
+export const TokenComponentWidgetUploadDefaultTextDefault = "#343438";
+export const TokenComponentWidgetUploadDefaultTextLink = "#0174bc";
+export const TokenComponentWidgetUploadHoverBackground = "#edf8ff";
+export const TokenComponentWidgetUploadHoverBorder = "#0174bc";
+export const TokenComponentWidgetUploadHoverIcon = "#3d3d42";
+export const TokenComponentWidgetUploadHoverTextDefault = "#343438";
+export const TokenComponentWidgetUploadHoverTextLink = "#0174bc";
+export const TokenComponentWidgetUploadDisabledBackground = "#ededf2";
+export const TokenComponentWidgetUploadDisabledBorder = "#c2c2ca";
+export const TokenComponentWidgetUploadDisabledIcon = "#a3a3ab";
+export const TokenComponentWidgetUploadDisabledText = "#a3a3ab";
+export const TokenComponentStepperHorizontalLine = "#d6d6dd";
+export const TokenComponentStepperHorizontalPastItemCircleBackground = "#edf8ff";
+export const TokenComponentStepperHorizontalPastItemCircleBorder = "#0174bc";
+export const TokenComponentStepperHorizontalPastItemCircleText = "#0174bc";
+export const TokenComponentStepperHorizontalPastItemCircleIcon = "#0174bc";
+export const TokenComponentStepperHorizontalPastItemTextDefault = "#343438";
+export const TokenComponentStepperHorizontalPastItemTextHover = "#0174bc";
+export const TokenComponentStepperHorizontalCurrentItemCircleBackground = "#0174bc";
+export const TokenComponentStepperHorizontalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperHorizontalCurrentItemTextDefault = "#343438";
+export const TokenComponentStepperHorizontalCurrentItemTextHover = "#0174bc";
+export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#ffffff";
+export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#d6d6dd";
+export const TokenComponentStepperHorizontalFutureItemCircleText = "#a3a3ab";
+export const TokenComponentStepperHorizontalFutureItemText = "#a3a3ab";
+export const TokenComponentStepperVerticalBackground = "#ffffff";
+export const TokenComponentStepperVerticalBorder = "#d6d6dd";
+export const TokenComponentStepperVerticalIcon = "#3d3d42";
+export const TokenComponentStepperVerticalPastItemCircleBackground = "#edf8ff";
+export const TokenComponentStepperVerticalPastItemCircleBorder = "#0174bc";
+export const TokenComponentStepperVerticalPastItemCircleText = "#0174bc";
+export const TokenComponentStepperVerticalPastItemCircleIcon = "#0174bc";
+export const TokenComponentStepperVerticalPastItemTextDefault = "#343438";
+export const TokenComponentStepperVerticalPastItemTextHover = "#0174bc";
+export const TokenComponentStepperVerticalCurrentItemIcon = "#0174bc";
+export const TokenComponentStepperVerticalCurrentItemCircleBackground = "#0174bc";
+export const TokenComponentStepperVerticalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperVerticalCurrentItemTextDefault = "#343438";
+export const TokenComponentStepperVerticalCurrentItemTextHover = "#0174bc";
+export const TokenComponentStepperVerticalFutureItemCircleBackground = "#ffffff";
+export const TokenComponentStepperVerticalFutureItemCircleBorder = "#83838c";
+export const TokenComponentStepperVerticalFutureItemCircleText = "#696970";
+export const TokenComponentStepperVerticalFutureItemTextDefault = "#343438";
+export const TokenComponentStepperVerticalFutureItemTextHover = "#0174bc";
+export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#ffffff";
+export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#d6d6dd";
+export const TokenComponentStepperVerticalDisabledItemCircleText = "#a3a3ab";
+export const TokenComponentStepperVerticalDisabledItemText = "#a3a3ab";
+export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#009cde";
+export const TokenComponentAdvancedSearchFilterIconAppliedIcon = "#0174bc";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeBackground = "#d63c42";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterIconDisabledIcon = "#a3a3ab";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeBackground = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaBackground = "#f7f7fa";
+export const TokenComponentAdvancedSearchFilterAreaBorder = "#d6d6dd";
+export const TokenComponentAdvancedSearchFilterAreaTextDefault = "#343438";
+export const TokenComponentAdvancedSearchFilterAreaTextLink = "#0174bc";
+export const TokenComponentAdvancedSearchFilterAreaIconDefault = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterAreaIconHover = "#009cde";
+export const TokenComponentAdvancedSearchFilterAreaIconDisabled = "#a3a3ab";
+export const TokenComponentAdvancedSearchFilterAreaTagBackground = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaTagBorder = "#d6d6dd";
+export const TokenComponentAdvancedSearchFilterAreaTagOperatorIcon = "#c25d05";
+export const TokenComponentAdvancedSearchFilterAreaTagIconDefault = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterAreaTagIconHover = "#009cde";
+export const TokenComponentSegmentedStatusButtonDefaultBackground = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDefaultBorder = "#83838c";
+export const TokenComponentSegmentedStatusButtonDefaultText = "#696970";
+export const TokenComponentSegmentedStatusButtonDefaultIcon = "#696970";
+export const TokenComponentSegmentedStatusButtonHoverBackground = "#edf8ff";
+export const TokenComponentSegmentedStatusButtonHoverBorder = "#83838c";
+export const TokenComponentSegmentedStatusButtonHoverText = "#696970";
+export const TokenComponentSegmentedStatusButtonHoverIcon = "#696970";
+export const TokenComponentSegmentedStatusButtonDisabledBackground = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDisabledBorder = "#c2c2ca";
+export const TokenComponentSegmentedStatusButtonDisabledText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveBackground = "#b7dfba";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonActivePositiveBackground = "#07a04d";
+export const TokenComponentSegmentedStatusButtonActivePositiveText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActivePositiveIcon = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeBackground = "#f9c6c6";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonActiveNegativeBackground = "#d0343a";
+export const TokenComponentSegmentedStatusButtonActiveNegativeText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActiveNegativeIcon = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralBackground = "#c2c2ca";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonActiveNeutralBackground = "#83838c";
+export const TokenComponentSegmentedStatusButtonActiveNeutralText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActiveNeutralIcon = "#ffffff";
+export const TokenComponentLinkSelectDefaultText = "#0174bc";
+export const TokenComponentLinkSelectDefaultIcon = "#3d3d42";
+export const TokenComponentLinkSelectHoverText = "#009cde";
+export const TokenComponentLinkSelectHoverIcon = "#009cde";
+export const TokenComponentLinkSelectFilledText = "#0174bc";
+export const TokenComponentLinkSelectFilledIcon = "#3d3d42";
+export const TokenComponentLinkSelectDisabledText = "#a3a3ab";
+export const TokenComponentLinkSelectDisabledIcon = "#a3a3ab";
+export const TokenComponentLinkSelectFocusText = "#0174bc";
+export const TokenComponentLinkSelectFocusIcon = "#3d3d42";
+export const TokenComponentLinkSelectReadOnlyText = "#343438";
diff --git a/dist/themes/densedLight/tokens.js b/dist/themes/densedLight/tokens.js
new file mode 100644
index 0000000..b19519c
--- /dev/null
+++ b/dist/themes/densedLight/tokens.js
@@ -0,0 +1,1608 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const TokenGlobalColorNeutrals5 = "#f7f7fa"; // Page background color, disabled form elements fill (input, text area, etc)
+export const TokenGlobalColorNeutrals10 = "#ededf2"; // UI element bg
+export const TokenGlobalColorNeutrals20 = "#e5e5ea"; // Subtle background
+export const TokenGlobalColorNeutrals30 = "#d6d6dd"; // Container border, divider, stroke
+export const TokenGlobalColorNeutrals40 = "#c2c2ca"; // Disabled border
+export const TokenGlobalColorNeutrals50 = "#a3a3ab";
+export const TokenGlobalColorNeutrals60 = "#83838c"; // Default field border
+export const TokenGlobalColorNeutrals70 = "#696970"; // Color for text placeholder and hints
+export const TokenGlobalColorNeutrals80 = "#515157";
+export const TokenGlobalColorNeutrals90 = "#3d3d42"; // Default icon color, hover color for fields border
+export const TokenGlobalColorNeutrals100 = "#343438"; // Default text color
+export const TokenGlobalColorNeutralsBlack = "#232326"; // Global header and footer
+export const TokenGlobalColorNeutralsWhite = "#ffffff";
+export const TokenGlobalColorBrand5 = "#f5fbff";
+export const TokenGlobalColorBrand10 = "#edf8ff";
+export const TokenGlobalColorBrand20 = "#e1f4ff";
+export const TokenGlobalColorBrand30 = "#ceedfe";
+export const TokenGlobalColorBrand40 = "#afdef8";
+export const TokenGlobalColorBrand50 = "#96cff0";
+export const TokenGlobalColorBrand60 = "#5bb3ea";
+export const TokenGlobalColorBrand70 = "#009cde"; // Akamai Blue
+export const TokenGlobalColorBrand80 = "#108ad6";
+export const TokenGlobalColorBrand90 = "#0174bc"; // Akamai Websafe Blue
+export const TokenGlobalColorBrand100 = "#00314d";
+export const TokenGlobalColorRed5 = "#fff8f8";
+export const TokenGlobalColorRed10 = "#ffefef";
+export const TokenGlobalColorRed20 = "#ffe5e5";
+export const TokenGlobalColorRed30 = "#fdd8d8";
+export const TokenGlobalColorRed40 = "#f9c6c6";
+export const TokenGlobalColorRed50 = "#f3aeaf";
+export const TokenGlobalColorRed60 = "#eb9091";
+export const TokenGlobalColorRed70 = "#d63c42"; // Critical or high severity
+export const TokenGlobalColorRed80 = "#d0343a"; // Akamai Red
+export const TokenGlobalColorRed90 = "#b82329";
+export const TokenGlobalColorRed100 = "#381316";
+export const TokenGlobalColorOrange5 = "#fef9f4";
+export const TokenGlobalColorOrange10 = "#fff3e7";
+export const TokenGlobalColorOrange20 = "#ffebd7";
+export const TokenGlobalColorOrange30 = "#ffe1c3";
+export const TokenGlobalColorOrange40 = "#facfa4";
+export const TokenGlobalColorOrange50 = "#f2b67b";
+export const TokenGlobalColorOrange60 = "#f09d4b";
+export const TokenGlobalColorOrange70 = "#fe9933"; // Akamai Orange. High or medium severity
+export const TokenGlobalColorOrange80 = "#f0821d";
+export const TokenGlobalColorOrange90 = "#c25d05";
+export const TokenGlobalColorOrange100 = "#451e11";
+export const TokenGlobalColorAmber5 = "#fff9ed";
+export const TokenGlobalColorAmber10 = "#fff4d5";
+export const TokenGlobalColorAmber20 = "#ffecbc";
+export const TokenGlobalColorAmber30 = "#ffe3a2";
+export const TokenGlobalColorAmber40 = "#facf83";
+export const TokenGlobalColorAmber50 = "#f3ba63";
+export const TokenGlobalColorAmber60 = "#edb016";
+export const TokenGlobalColorAmber70 = "#fecb34"; // Medium or low severity
+export const TokenGlobalColorAmber80 = "#f2b90e";
+export const TokenGlobalColorAmber90 = "#ce9a00";
+export const TokenGlobalColorAmber100 = "#403104";
+export const TokenGlobalColorYellow5 = "#ffffeb";
+export const TokenGlobalColorYellow10 = "#fafadf";
+export const TokenGlobalColorYellow20 = "#f9f9c9";
+export const TokenGlobalColorYellow30 = "#f8f8b6";
+export const TokenGlobalColorYellow40 = "#f5f596";
+export const TokenGlobalColorYellow50 = "#e8e86a";
+export const TokenGlobalColorYellow60 = "#dfdf39";
+export const TokenGlobalColorYellow70 = "#f5f531";
+export const TokenGlobalColorYellow80 = "#e5e50a";
+export const TokenGlobalColorYellow90 = "#bfbf0d";
+export const TokenGlobalColorYellow100 = "#35290f";
+export const TokenGlobalColorLime5 = "#f7fcf0";
+export const TokenGlobalColorLime10 = "#eefadc";
+export const TokenGlobalColorLime20 = "#e4f7c7";
+export const TokenGlobalColorLime30 = "#d7f2b0";
+export const TokenGlobalColorLime40 = "#c9e894";
+export const TokenGlobalColorLime50 = "#b1d16a";
+export const TokenGlobalColorLime60 = "#94ba2c";
+export const TokenGlobalColorLime70 = "#99d52a";
+export const TokenGlobalColorLime80 = "#93c926";
+export const TokenGlobalColorLime90 = "#5d770d";
+export const TokenGlobalColorLime100 = "#263209";
+export const TokenGlobalColorGreen5 = "#f3fcf3";
+export const TokenGlobalColorGreen10 = "#ebf9eb";
+export const TokenGlobalColorGreen20 = "#dff3df";
+export const TokenGlobalColorGreen30 = "#ceebcf";
+export const TokenGlobalColorGreen40 = "#b7dfba";
+export const TokenGlobalColorGreen50 = "#97cf9c";
+export const TokenGlobalColorGreen60 = "#65ba75";
+export const TokenGlobalColorGreen70 = "#00b050"; // Akamai Green. Low severity (human)
+export const TokenGlobalColorGreen80 = "#07a04d";
+export const TokenGlobalColorGreen90 = "#138246";
+export const TokenGlobalColorGreen100 = "#1b311e";
+export const TokenGlobalColorTeal5 = "#f1fcfa";
+export const TokenGlobalColorTeal10 = "#e7f9f5";
+export const TokenGlobalColorTeal20 = "#d9f3ee";
+export const TokenGlobalColorTeal30 = "#c7ebe5";
+export const TokenGlobalColorTeal40 = "#afdfd7";
+export const TokenGlobalColorTeal50 = "#8dcec3";
+export const TokenGlobalColorTeal60 = "#53b9ab";
+export const TokenGlobalColorTeal70 = "#12a594";
+export const TokenGlobalColorTeal80 = "#0e9888";
+export const TokenGlobalColorTeal90 = "#067a6f";
+export const TokenGlobalColorTeal100 = "#10302b";
+export const TokenGlobalColorCyan5 = "#f2fcfd";
+export const TokenGlobalColorCyan10 = "#e7f9fb";
+export const TokenGlobalColorCyan20 = "#d8f3f6";
+export const TokenGlobalColorCyan30 = "#aadee6";
+export const TokenGlobalColorCyan40 = "#84cdda";
+export const TokenGlobalColorCyan50 = "#84cdda";
+export const TokenGlobalColorCyan60 = "#3db9cf";
+export const TokenGlobalColorCyan70 = "#05a2c2";
+export const TokenGlobalColorCyan80 = "#0894b3";
+export const TokenGlobalColorCyan90 = "#0c7792";
+export const TokenGlobalColorCyan100 = "#04313c";
+export const TokenGlobalColorUltramarine5 = "#f8faff";
+export const TokenGlobalColorUltramarine10 = "#f0f4ff";
+export const TokenGlobalColorUltramarine20 = "#e6edfe";
+export const TokenGlobalColorUltramarine30 = "#d9e2fc";
+export const TokenGlobalColorUltramarine40 = "#c6d4f9";
+export const TokenGlobalColorUltramarine50 = "#aec0f5";
+export const TokenGlobalColorUltramarine60 = "#8da4ef";
+export const TokenGlobalColorUltramarine70 = "#4067e5";
+export const TokenGlobalColorUltramarine80 = "#3a5ccc";
+export const TokenGlobalColorUltramarine90 = "#3451b2";
+export const TokenGlobalColorUltramarine100 = "#002856"; // Akamai Dark Navy
+export const TokenGlobalColorViolet5 = "#fbfaff";
+export const TokenGlobalColorViolet10 = "#f5f2ff";
+export const TokenGlobalColorViolet20 = "#ede9fe";
+export const TokenGlobalColorViolet30 = "#e4defc";
+export const TokenGlobalColorViolet40 = "#d7cff9";
+export const TokenGlobalColorViolet50 = "#c4b8f3";
+export const TokenGlobalColorViolet60 = "#aa99ec";
+export const TokenGlobalColorViolet70 = "#7259d6";
+export const TokenGlobalColorViolet80 = "#644fc1";
+export const TokenGlobalColorViolet90 = "#5746af";
+export const TokenGlobalColorViolet100 = "#20134b";
+export const TokenGlobalColorPurple5 = "#fdfaff";
+export const TokenGlobalColorPurple10 = "#f9f1fe";
+export const TokenGlobalColorPurple20 = "#f3e7fc";
+export const TokenGlobalColorPurple30 = "#eddbf9";
+export const TokenGlobalColorPurple40 = "#e3ccf4";
+export const TokenGlobalColorPurple50 = "#d3b4ed";
+export const TokenGlobalColorPurple60 = "#be93e4";
+export const TokenGlobalColorPurple70 = "#8e4ec6";
+export const TokenGlobalColorPurple80 = "#8445bc";
+export const TokenGlobalColorPurple90 = "#753bbd"; // Akamai Purple
+export const TokenGlobalColorPurple100 = "#2b0e44";
+export const TokenGlobalColorMagenta5 = "#fff8ff";
+export const TokenGlobalColorMagenta10 = "#fceffc";
+export const TokenGlobalColorMagenta20 = "#f9e5f9";
+export const TokenGlobalColorMagenta30 = "#f3d9f4";
+export const TokenGlobalColorMagenta40 = "#ebc8ed";
+export const TokenGlobalColorMagenta50 = "#dfafe3";
+export const TokenGlobalColorMagenta60 = "#cf91d8";
+export const TokenGlobalColorMagenta70 = "#ab4aba"; // Critical severity
+export const TokenGlobalColorMagenta80 = "#a43cb4";
+export const TokenGlobalColorMagenta90 = "#9c2bad";
+export const TokenGlobalColorMagenta100 = "#340c3b";
+export const TokenGlobalColorPink5 = "#fff7fc";
+export const TokenGlobalColorPink10 = "#feeef8";
+export const TokenGlobalColorPink20 = "#fce5f3";
+export const TokenGlobalColorPink30 = "#f9d8ec";
+export const TokenGlobalColorPink40 = "#f3c6e2";
+export const TokenGlobalColorPink50 = "#ecadd4";
+export const TokenGlobalColorPink60 = "#e38ec3";
+export const TokenGlobalColorPink70 = "#e043a7";
+export const TokenGlobalColorPink80 = "#d23197";
+export const TokenGlobalColorPink90 = "#cd1d8d";
+export const TokenGlobalColorPink100 = "#3b0a2a";
+export const TokenGlobalColorBrown5 = "#fbf9f2";
+export const TokenGlobalColorBrown10 = "#f5f2e9";
+export const TokenGlobalColorBrown20 = "#eeeadd";
+export const TokenGlobalColorBrown30 = "#e5dfd0";
+export const TokenGlobalColorBrown40 = "#dad1bd";
+export const TokenGlobalColorBrown50 = "#cbbda4";
+export const TokenGlobalColorBrown60 = "#b8a383";
+export const TokenGlobalColorBrown70 = "#978365";
+export const TokenGlobalColorBrown80 = "#8c795d";
+export const TokenGlobalColorBrown90 = "#776750";
+export const TokenGlobalColorBrown100 = "#3b352b";
+export const TokenGlobalSpacing0 = "0rem";
+export const TokenGlobalSpacing10 = "0.125rem"; // 2px
+export const TokenGlobalSpacing20 = "0.25rem"; // 4px
+export const TokenGlobalSpacing30 = "0.375rem"; // 6px
+export const TokenGlobalSpacing40 = "0.5rem"; // 8px
+export const TokenGlobalSpacing50 = "0.75rem"; // 12px
+export const TokenGlobalSpacing60 = "1rem"; // 16px
+export const TokenGlobalSpacing70 = "1.5rem"; // 24px
+export const TokenGlobalSpacing80 = "2rem"; // 32px
+export const TokenGlobalSpacing90 = "3rem"; // 48px
+export const TokenGlobalFontFontFamilyBrand = "'Nunito Sans'";
+export const TokenGlobalFontFontFamilyCode = "'Fira Code'";
+export const TokenGlobalFontFontWeightSemibold = "600";
+export const TokenGlobalFontFontWeightBold = "700";
+export const TokenGlobalFontFontWeightExtrabold = "800";
+export const TokenGlobalFontFontWeightRegularNormal = "400";
+export const TokenGlobalFontFontWeightRegularItalic = "400";
+export const TokenGlobalFontFontSizeXxxs = "0.75rem"; // 12px
+export const TokenGlobalFontFontSizeXxs = "0.813rem"; // 13px
+export const TokenGlobalFontFontSizeXs = "0.875rem"; // 14px
+export const TokenGlobalFontFontSizeS = "1rem"; // 16px
+export const TokenGlobalFontFontSizeM = "1.125rem"; // 18px
+export const TokenGlobalFontFontSizeL = "1.25rem"; // 20px
+export const TokenGlobalFontFontSizeXl = "1.5rem"; // 24px
+export const TokenGlobalFontFontSizeXxl = "1.75rem"; // 28px
+export const TokenGlobalFontFontSizeXxxl = "2.25rem"; // 36px
+export const TokenGlobalFontLineHeightXxxs = "1rem"; // 16px
+export const TokenGlobalFontLineHeightXxs = "1.125rem"; // 18px
+export const TokenGlobalFontLineHeightXs = "1.25rem"; // 20px
+export const TokenGlobalFontLineHeightS = "1.5rem"; // 24px
+export const TokenGlobalFontLineHeightM = "1.625rem"; // 26px
+export const TokenGlobalFontLineHeightL = "1.875rem"; // 30px
+export const TokenGlobalFontLineHeightXl = "2rem"; // 32px
+export const TokenGlobalFontLineHeightXxl = "2.375rem"; // 38px
+export const TokenGlobalFontLineHeightXxxl = "2.625rem"; // 42px
+export const TokenGlobalFontTextcaseUppercase = "uppercase";
+export const TokenGlobalBorderRadiusNone = "0rem";
+export const TokenAliasContentTextBase = "#ffffff"; // Use as color for text on a dark surface
+export const TokenAliasContentTextNegative = "#b82329"; // Use to indicate error messages
+export const TokenAliasContentTextWarning = "#fecb34";
+export const TokenAliasContentTextPositive = "#00b050";
+export const TokenAliasContentTextInformative = "#4067e5";
+export const TokenAliasContentTextPrimaryDefault = "#343438"; // Primary color for text
+export const TokenAliasContentTextPrimaryDisabled = "#a3a3ab"; // Use only to indicate a disabled state of a primary text color
+export const TokenAliasContentTextSecondaryDefault = "#696970"; // Secondary color for text (placeholders, hints)
+export const TokenAliasContentTextSecondaryDisabled = "#a3a3ab"; // Use only to indicate a disabled state of a secondary text color
+export const TokenAliasContentTextLinkDefault = "#0174bc"; // Use only for links
+export const TokenAliasContentTextLinkHover = "#009cde"; // Use only as a hover on links
+export const TokenAliasContentTextLinkDisabled = "#a3a3ab"; // Use only to indicate a disabled state for links
+export const TokenAliasContentIconBase = "#ffffff"; // Use as color for icons on a dark surface
+export const TokenAliasContentIconNegative = "#d63c42"; // Use only for icons to indicate an error state
+export const TokenAliasContentIconWarning = "#fecb34"; // Use only for icons to indicate a warning state
+export const TokenAliasContentIconPositive = "#00b050"; // Use only for icons to indicate a success state
+export const TokenAliasContentIconInformative = "#4067e5"; // Use only for icons to indicate an info state
+export const TokenAliasContentIconPrimaryDefault = "#3d3d42"; // Default color for icons
+export const TokenAliasContentIconPrimaryHover = "#009cde"; // Use only as a hover state for icons
+export const TokenAliasContentIconPrimaryActive = "#0174bc"; // Use only as a selected/active state for icons
+export const TokenAliasContentIconPrimaryDisabled = "#a3a3ab"; // Use only as a disabled state for icons
+export const TokenAliasContentIconSecondaryDefault = "#696970"; // Secondary icon color (placeholder, etc)
+export const TokenAliasContentIconSecondaryDisabled = "#a3a3ab"; // Use only as a disabled state for a secondary icon color
+export const TokenAliasBorderNormal = "#d6d6dd"; // Border color for static ui elements and components
+export const TokenAliasBorderNeutral = "#343438";
+export const TokenAliasBorderNegative = "#d63c42"; // Use only for borders to indicate an error state
+export const TokenAliasBorderWarning = "#fecb34"; // Use only for borders to indicate a warning state
+export const TokenAliasBorderPositive = "#00b050"; // Use only for borders to indicate a success state
+export const TokenAliasBorderInformative = "#4067e5"; // Use only for borders to indicate an info state
+export const TokenAliasBackgroundNormal = "#ffffff"; // Primary background color
+export const TokenAliasBackgroundNeutral = "#f7f7fa"; // Page background color
+export const TokenAliasBackgroundBase = "#343438"; // Tooltip background
+export const TokenAliasBackgroundNegative = "#d63c42";
+export const TokenAliasBackgroundWarning = "#fecb34";
+export const TokenAliasBackgroundPositive = "#00b050";
+export const TokenAliasBackgroundInformative = "#4067e5";
+export const TokenAliasBackgroundBlack = "#232326"; // Use only for a global header and global footer background
+export const TokenAliasBackgroundNegativesubtle = "#ffefef";
+export const TokenAliasBackgroundWarningsubtle = "#fff4d5";
+export const TokenAliasBackgroundPositivesubtle = "#ebf9eb";
+export const TokenAliasBackgroundInformativesubtle = "#f0f4ff";
+export const TokenAliasBackgroundNeutralsubtle = "#e5e5ea";
+export const TokenAliasBackgroundOverlay = "lch(13.8 2.09 286 / 0.24)"; // Page dimming when the modal component is active
+export const TokenAliasActionBase = "#ffffff";
+export const TokenAliasActionNeutral = "#83838c";
+export const TokenAliasActionWhite50 = "#ffffff"; // Transparent disabled switcher circle
+export const TokenAliasActionPrimaryDefault = "#0174bc"; // Brand action color
+export const TokenAliasActionPrimaryHover = "#009cde";
+export const TokenAliasActionPrimaryActive = "#0174bc";
+export const TokenAliasActionPrimaryDisabled = "#e5e5ea";
+export const TokenAliasActionSecondaryHover = "#edf8ff";
+export const TokenAliasActionSecondaryDisabled = "#c2c2ca";
+export const TokenAliasActionTertiaryDisabled = "#afdef8";
+export const TokenAliasActionPositiveDefault = "#07a04d";
+export const TokenAliasActionPositiveDisabled = "#b7dfba";
+export const TokenAliasActionNegativeDefault = "#d0343a";
+export const TokenAliasActionNegativeDisabled = "#f9c6c6";
+export const TokenAliasInteractionBorderDefault = "#83838c"; // Default inputs border
+export const TokenAliasInteractionBorderHover = "#3d3d42";
+export const TokenAliasInteractionBorderFocus = "#0174bc";
+export const TokenAliasInteractionBorderError = "#d63c42";
+export const TokenAliasInteractionBorderDisabled = "#c2c2ca";
+export const TokenAliasInteractionBackgroundPrimary = "#ffffff"; // Default component background color
+export const TokenAliasInteractionBackgroundSecondary = "#f7f7fa";
+export const TokenAliasInteractionBackgroundTertiary = "#edf8ff";
+export const TokenAliasInteractionBackgroundElevated = "#edf8ff"; // Calendar range background, table row hover 
+export const TokenAliasInteractionBackgroundAccent = "#ceedfe";
+export const TokenAliasInteractionBackgroundActive = "#0174bc";
+export const TokenAliasInteractionBackgroundDisabled = "#ededf2";
+export const TokenAliasElevationS = "0 2px 6px 0 rgba(58,59,63,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups;
+export const TokenAliasElevationSInverted = "0 -2px 6px 0 rgba(58,59,63,0.18)"; // Inverted shadow for elements that appear above the component
+export const TokenAliasElevationL = "0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08)"; // Shadow for modals
+export const TokenAliasTypographyHeadingXxxl = "700 2.25rem/2.625rem 'Nunito Sans'"; // Promo banners, KPIs
+export const TokenAliasTypographyHeadingXxl = "800 1.75rem/2rem 'Nunito Sans'"; // Main titles - h1
+export const TokenAliasTypographyHeadingXl = "700 1.5rem/1.875rem 'Nunito Sans'"; // Second level title - h2
+export const TokenAliasTypographyHeadingL = "700 1.25rem/1.625rem 'Nunito Sans'"; // Third level title - h3
+export const TokenAliasTypographyHeadingM = "700 1.125rem/1.5rem 'Nunito Sans'"; // Drawer, modal title - h4
+export const TokenAliasTypographyHeadingS = "700 1rem/1.25rem 'Nunito Sans'"; // Advanced search, bars, master switch titles - h5
+export const TokenAliasTypographyHeadingXs = "700 0.875rem/1.125rem 'Nunito Sans'"; // Low level headings - h6
+export const TokenAliasTypographyHeadingOverline = "800 0.75rem/1rem 'Nunito Sans'"; // Custom labels for content blocks
+export const TokenAliasTypographyHeadingOverlineLetterSpacing = "0.023rem"; // Overline letter spacing
+export const TokenAliasTypographyHeadingOverlineTextCase = "uppercase"; // Overline text case
+export const TokenAliasTypographyBodyRegular = "400 0.875rem/1.25rem 'Nunito Sans'"; // Main body text
+export const TokenAliasTypographyBodySemibold = "600 0.875rem/1.25rem 'Nunito Sans'"; // Light emphasis
+export const TokenAliasTypographyBodyBold = "700 0.875rem/1.25rem 'Nunito Sans'"; // Emphasis
+export const TokenAliasTypographyBodyExtrabold = "800 0.875rem/1.25rem 'Nunito Sans'"; // Max emphasis
+export const TokenAliasTypographyBodyList = "400 0.875rem/1.25rem 'Nunito Sans'"; // For list items
+export const TokenAliasTypographyBodyItalic = "400 0.875rem/1.25rem 'Nunito Sans'";
+export const TokenAliasTypographyLabelSemiboldL = "600 1rem/1.25rem 'Nunito Sans'"; // Large tabs
+export const TokenAliasTypographyLabelSemiboldS = "600 0.875rem/1rem 'Nunito Sans'"; // Large buttons, list, segmented buttons, side navigation, small tables
+export const TokenAliasTypographyLabelSemiboldXs = "600 0.75rem/1rem 'Nunito Sans'"; // Small buttons, tags, warning message under field
+export const TokenAliasTypographyLabelBoldL = "700 1rem/1.25rem 'Nunito Sans'"; // Card, content panel, vertical stepper
+export const TokenAliasTypographyLabelBoldS = "700 0.875rem/1rem 'Nunito Sans'"; // Field labels, table header, date&time pickers
+export const TokenAliasTypographyLabelBoldXs = "700 0.75rem/0.875rem 'Nunito Sans'"; // Badge number
+export const TokenAliasTypographyLabelRegularS = "400 0.875rem/1rem 'Nunito Sans'"; // Field entered text, dropdown item, table cell, pagination
+export const TokenAliasTypographyLabelRegularXs = "400 0.75rem/1rem 'Nunito Sans'"; // Optional text, small dropdown item
+export const TokenAliasTypographyLabelRegularPlaceholder = "400 0.875rem/1rem 'Nunito Sans'";
+export const TokenAliasTypographyCode = "400 0.813rem/1.25rem 'Fira Code'"; // Code samples
+export const TokenAliasAccentInfoPrimary = "#3451b2";
+export const TokenAliasAccentInfoSecondary = "lch(36.7 58.2 286 / 0.12)";
+export const TokenAliasAccentNeutralPrimary = "#515157";
+export const TokenAliasAccentNeutralSecondary = "lch(34.6 3.66 286 / 0.12)";
+export const TokenAliasAccentWarningPrimary = "#c25d05";
+export const TokenAliasAccentWarningSecondary = "lch(67.2 71.6 80.1 / 0.12)";
+export const TokenAliasAccentNegativePrimary = "#b82329";
+export const TokenAliasAccentNegativeSecondary = "lch(41.2 69 32.4 / 0.12)";
+export const TokenAliasAccentPositivePrimary = "#138246";
+export const TokenAliasAccentPositiveSecondary = "lch(47.6 47.7 150 / 0.12)";
+export const TokenAliasAccentImportantPrimary = "#753bbd";
+export const TokenAliasAccentImportantSecondary = "lch(38.2 75 307 / 0.12)";
+export const TokenAliasAccentPinkPrimary = "#cd1d8d";
+export const TokenAliasAccentPinkSecondary = "lch(47.1 72.1 347 / 0.12)";
+export const TokenAliasAccentVioletPrimary = "#5746af";
+export const TokenAliasAccentVioletSecondary = "lch(36.2 62.1 298 / 0.12)";
+export const TokenAliasChartNeutral = "#d6d6dd";
+export const TokenAliasChartCategorical1Primary = "#4067e5";
+export const TokenAliasChartCategorical1Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical1Transparent = "lch(46.5 72.3 286 / 0.2)";
+export const TokenAliasChartCategorical2Primary = "#fe9933";
+export const TokenAliasChartCategorical2Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical2Transparent = "lch(72.9 74.2 63 / 0.2)";
+export const TokenAliasChartCategorical3Primary = "#12a594";
+export const TokenAliasChartCategorical3Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical3Transparent = "lch(60.7 39.7 183 / 0.2)";
+export const TokenAliasChartCategorical4Primary = "#ab4aba";
+export const TokenAliasChartCategorical4Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical4Transparent = "lch(48.2 66.6 322 / 0.2)";
+export const TokenAliasChartCategorical5Primary = "#d63c42";
+export const TokenAliasChartCategorical5Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical5Transparent = "lch(50.1 69.5 29.4 / 0.2)";
+export const TokenAliasChartCategorical6Primary = "#05a2c2";
+export const TokenAliasChartCategorical6Inactive = "#aadee6";
+export const TokenAliasChartCategorical6Transparent = "lch(61 38.6 224 / 0.2)";
+export const TokenAliasChartCategorical7Primary = "#e043a7";
+export const TokenAliasChartCategorical7Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical7Transparent = "lch(55 70 344 / 0.2)";
+export const TokenAliasChartCategorical8Primary = "#00b050";
+export const TokenAliasChartCategorical8Inactive = "#ceebcf";
+export const TokenAliasChartCategorical8Transparent = "lch(63 67 146 / 0.2)";
+export const TokenAliasChartCategorical9Primary = "#7259d6";
+export const TokenAliasChartCategorical9Inactive = "#e4defc";
+export const TokenAliasChartCategorical9Transparent = "lch(45.6 71 299 / 0.2)";
+export const TokenAliasChartCategorical10Primary = "#99d52a";
+export const TokenAliasChartCategorical10Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical10Transparent = "lch(79 79.1 118 / 0.2)";
+export const TokenAliasChartCategorical11Primary = "#696970";
+export const TokenAliasChartCategorical11Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical11Transparent = "lch(44.6 4.09 286 / 0.2)";
+export const TokenAliasChartCategorical12Primary = "#8da4ef";
+export const TokenAliasChartCategorical12Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical12Transparent = "lch(67.9 41.2 278 / 0.2)";
+export const TokenAliasChartCategorical13Primary = "#c25d05";
+export const TokenAliasChartCategorical13Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical13Transparent = "lch(51.7 70.9 57.2 / 0.2)";
+export const TokenAliasChartCategorical14Primary = "#067a6f";
+export const TokenAliasChartCategorical14Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical14Transparent = "lch(45.6 31.8 185 / 0.2)";
+export const TokenAliasChartCategorical15Primary = "#cf91d8";
+export const TokenAliasChartCategorical15Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical15Transparent = "lch(68.3 42.4 321 / 0.2)";
+export const TokenAliasChartCategorical16Primary = "#eb9091";
+export const TokenAliasChartCategorical16Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical16Transparent = "lch(69.6 38.4 22.9 / 0.2)";
+export const TokenAliasChartCategorical17Primary = "#0c7792";
+export const TokenAliasChartCategorical17Inactive = "#aadee6";
+export const TokenAliasChartCategorical17Transparent = "lch(45.7 30.9 228 / 0.2)";
+export const TokenAliasChartCategorical18Primary = "#e38ec3";
+export const TokenAliasChartCategorical18Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical18Transparent = "lch(69.3 40.8 341 / 0.2)";
+export const TokenAliasChartCategorical19Primary = "#97cf9c";
+export const TokenAliasChartCategorical19Inactive = "#ceebcf";
+export const TokenAliasChartCategorical19Transparent = "lch(78.2 32.7 144 / 0.2)";
+export const TokenAliasChartCategorical20Primary = "#aa99ec";
+export const TokenAliasChartCategorical20Inactive = "#e4defc";
+export const TokenAliasChartCategorical20Transparent = "lch(67.2 44.6 296 / 0.2)";
+export const TokenAliasChartCategorical21Primary = "#94ba2c";
+export const TokenAliasChartCategorical21Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical21Transparent = "lch(70.8 67.7 114 / 0.2)";
+export const TokenAliasChartCategorical22Primary = "#3d3d42";
+export const TokenAliasChartCategorical22Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical22Transparent = "lch(25.9 3.2 286 / 0.2)";
+export const TokenAliasChartMonochromaticDefault5 = "#f8faff";
+export const TokenAliasChartMonochromaticDefault10 = "#f0f4ff";
+export const TokenAliasChartMonochromaticDefault20 = "#e6edfe";
+export const TokenAliasChartMonochromaticDefault30 = "#d9e2fc";
+export const TokenAliasChartMonochromaticDefault40 = "#c6d4f9";
+export const TokenAliasChartMonochromaticDefault50 = "#aec0f5";
+export const TokenAliasChartMonochromaticDefault60 = "#8da4ef";
+export const TokenAliasChartMonochromaticDefault70 = "#4067e5";
+export const TokenAliasChartMonochromaticDefault90 = "#3451b2";
+export const TokenAliasChartMonochromaticDefault100 = "#002856";
+export const TokenAliasChartMonochromaticDanger5 = "#fff8f8";
+export const TokenAliasChartMonochromaticDanger10 = "#ffefef";
+export const TokenAliasChartMonochromaticDanger20 = "#ffe5e5";
+export const TokenAliasChartMonochromaticDanger30 = "#fdd8d8";
+export const TokenAliasChartMonochromaticDanger40 = "#f9c6c6";
+export const TokenAliasChartMonochromaticDanger50 = "#f3aeaf";
+export const TokenAliasChartMonochromaticDanger60 = "#eb9091";
+export const TokenAliasChartMonochromaticDanger70 = "#d63c42";
+export const TokenAliasChartMonochromaticDanger90 = "#b82329";
+export const TokenAliasChartMonochromaticDanger100 = "#381316";
+export const TokenAliasChartStatusNegative = "#d63c42";
+export const TokenAliasChartStatusWarning = "#fecb34";
+export const TokenAliasChartStatusPositive = "#00b050";
+export const TokenComponentButtonPrimaryDefaultBackground = "#0174bc";
+export const TokenComponentButtonPrimaryDefaultText = "#ffffff";
+export const TokenComponentButtonPrimaryDefaultIcon = "#ffffff";
+export const TokenComponentButtonPrimaryHoverBackground = "#009cde";
+export const TokenComponentButtonPrimaryHoverText = "#ffffff";
+export const TokenComponentButtonPrimaryHoverIcon = "#ffffff";
+export const TokenComponentButtonPrimaryPressedBackground = "#0174bc";
+export const TokenComponentButtonPrimaryPressedText = "#ffffff";
+export const TokenComponentButtonPrimaryPressedIcon = "#ffffff";
+export const TokenComponentButtonPrimaryDisabledBackground = "#e5e5ea";
+export const TokenComponentButtonPrimaryDisabledText = "#a3a3ab";
+export const TokenComponentButtonPrimaryDisabledIcon = "#a3a3ab";
+export const TokenComponentButtonPrimaryLoadingBackground = "#0174bc";
+export const TokenComponentButtonSecondaryDefaultBackground = "#ffffff";
+export const TokenComponentButtonSecondaryDefaultBorder = "#0174bc";
+export const TokenComponentButtonSecondaryDefaultText = "#0174bc";
+export const TokenComponentButtonSecondaryDefaultIcon = "#0174bc";
+export const TokenComponentButtonSecondaryHoverBackground = "#edf8ff";
+export const TokenComponentButtonSecondaryHoverBorder = "#009cde";
+export const TokenComponentButtonSecondaryHoverText = "#0174bc";
+export const TokenComponentButtonSecondaryHoverIcon = "#0174bc";
+export const TokenComponentButtonSecondaryPressedBackground = "#ffffff";
+export const TokenComponentButtonSecondaryPressedBorder = "#0174bc";
+export const TokenComponentButtonSecondaryPressedText = "#0174bc";
+export const TokenComponentButtonSecondaryPressedIcon = "#0174bc";
+export const TokenComponentButtonSecondaryDisabledBackground = "#ffffff";
+export const TokenComponentButtonSecondaryDisabledBorder = "#c2c2ca";
+export const TokenComponentButtonSecondaryDisabledText = "#a3a3ab";
+export const TokenComponentButtonSecondaryDisabledIcon = "#a3a3ab";
+export const TokenComponentButtonSecondaryLoadingBackground = "#ffffff";
+export const TokenComponentButtonSecondaryLoadingBorder = "#0174bc";
+export const TokenComponentButtonLinkDefaultText = "#0174bc";
+export const TokenComponentButtonLinkDefaultIcon = "#0174bc";
+export const TokenComponentButtonLinkHoverText = "#009cde";
+export const TokenComponentButtonLinkHoverIcon = "#009cde";
+export const TokenComponentButtonLinkPressedText = "#0174bc";
+export const TokenComponentButtonLinkPressedIcon = "#0174bc";
+export const TokenComponentButtonLinkDisabledText = "#a3a3ab";
+export const TokenComponentButtonLinkDisabledIcon = "#a3a3ab";
+export const TokenComponentContainerBackground = "#ffffff";
+export const TokenComponentContainerBorder = "#d6d6dd";
+export const TokenComponentTableHeaderFilledBackground = "#343438";
+export const TokenComponentTableHeaderFilledText = "#ffffff";
+export const TokenComponentTableHeaderFilledIcon = "#ffffff";
+export const TokenComponentTableHeaderOutlinedBorder = "#343438";
+export const TokenComponentTableHeaderOutlinedText = "#343438";
+export const TokenComponentTableHeaderOutlinedIcon = "#3d3d42";
+export const TokenComponentTableRowBorder = "#d6d6dd";
+export const TokenComponentTableRowIconDefault = "#3d3d42";
+export const TokenComponentTableRowIconDisabled = "#a3a3ab";
+export const TokenComponentTableRowIconHover = "#009cde";
+export const TokenComponentTableRowBackgroundDefault = "#ffffff";
+export const TokenComponentTableRowBackgroundZebra = "#f7f7fa";
+export const TokenComponentTableRowBackgroundHover = "#edf8ff";
+export const TokenComponentTableRowTextDefault = "#343438";
+export const TokenComponentTableRowTextPlaceholder = "#696970";
+export const TokenComponentTableRowTextLink = "#0174bc";
+export const TokenComponentMenuButtonPrimaryDefaultBackground = "#0174bc";
+export const TokenComponentMenuButtonPrimaryDefaultText = "#ffffff";
+export const TokenComponentMenuButtonPrimaryDefaultIcon = "#ffffff";
+export const TokenComponentMenuButtonPrimaryHoverBackground = "#009cde";
+export const TokenComponentMenuButtonPrimaryHoverText = "#ffffff";
+export const TokenComponentMenuButtonPrimaryHoverIcon = "#ffffff";
+export const TokenComponentMenuButtonPrimaryPressedBackground = "#0174bc";
+export const TokenComponentMenuButtonPrimaryPressedText = "#ffffff";
+export const TokenComponentMenuButtonPrimaryPressedIcon = "#ffffff";
+export const TokenComponentMenuButtonPrimaryDisabledBackground = "#e5e5ea";
+export const TokenComponentMenuButtonPrimaryDisabledText = "#a3a3ab";
+export const TokenComponentMenuButtonPrimaryDisabledIcon = "#a3a3ab";
+export const TokenComponentMenuButtonPrimaryLoadingBackground = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDefaultBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryDefaultBorder = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDefaultText = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDefaultIcon = "#0174bc";
+export const TokenComponentMenuButtonSecondaryHoverBackground = "#edf8ff";
+export const TokenComponentMenuButtonSecondaryHoverBorder = "#009cde";
+export const TokenComponentMenuButtonSecondaryHoverText = "#0174bc";
+export const TokenComponentMenuButtonSecondaryHoverIcon = "#0174bc";
+export const TokenComponentMenuButtonSecondaryPressedBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryPressedBorder = "#0174bc";
+export const TokenComponentMenuButtonSecondaryPressedText = "#0174bc";
+export const TokenComponentMenuButtonSecondaryPressedIcon = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDisabledBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryDisabledBorder = "#c2c2ca";
+export const TokenComponentMenuButtonSecondaryDisabledText = "#a3a3ab";
+export const TokenComponentMenuButtonSecondaryDisabledIcon = "#a3a3ab";
+export const TokenComponentMenuButtonSecondaryLoadingBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryLoadingBorder = "#0174bc";
+export const TokenComponentMenuButtonLinkDefaultText = "#0174bc";
+export const TokenComponentMenuButtonLinkDefaultIcon = "#0174bc";
+export const TokenComponentMenuButtonLinkHoverText = "#009cde";
+export const TokenComponentMenuButtonLinkHoverIcon = "#009cde";
+export const TokenComponentMenuButtonLinkPressedText = "#0174bc";
+export const TokenComponentMenuButtonLinkPressedIcon = "#0174bc";
+export const TokenComponentMenuButtonLinkDisabledText = "#a3a3ab";
+export const TokenComponentMenuButtonLinkDisabledIcon = "#a3a3ab";
+export const TokenComponentOverflowMenuButtonDefaultIcon = "#3d3d42";
+export const TokenComponentOverflowMenuButtonHoverIcon = "#009cde";
+export const TokenComponentOverflowMenuButtonPressedIcon = "#0174bc";
+export const TokenComponentOverflowMenuButtonDisabledIcon = "#a3a3ab";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#009cde";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#009cde";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryActiveText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#e5e5ea";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#a3a3ab";
+export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#a3a3ab";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryDefaultText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryDefaultIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundLeft = "#edf8ff";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundRight = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderLeft = "#009cde";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderRight = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundLeft = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundRight = "#edf8ff";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderLeft = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderRight = "#009cde";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryActiveBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryActiveBorder = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryActiveText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryActiveIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBorder = "#c2c2ca";
+export const TokenComponentSplitMenuButtonSecondaryDisabledText = "#a3a3ab";
+export const TokenComponentSplitMenuButtonSecondaryDisabledIcon = "#a3a3ab";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#0174bc";
+export const TokenComponentAppbarBackground = "#f7f7fa";
+export const TokenComponentAppbarBorder = "#d6d6dd";
+export const TokenComponentAppbarText = "#343438";
+export const TokenComponentAppbarIcon = "#3d3d42";
+export const TokenComponentBadgeInformativeBackground = "lch(36.7 58.2 286 / 0.12)";
+export const TokenComponentBadgeInformativeText = "#3451b2";
+export const TokenComponentBadgeNeutralBackground = "lch(34.6 3.66 286 / 0.12)";
+export const TokenComponentBadgeNeutralText = "#515157";
+export const TokenComponentBadgeWarningBackground = "lch(67.2 71.6 80.1 / 0.12)";
+export const TokenComponentBadgeWarningText = "#c25d05";
+export const TokenComponentBadgeNegativeBackground = "lch(41.2 69 32.4 / 0.12)";
+export const TokenComponentBadgeNegativeText = "#b82329";
+export const TokenComponentBadgePositiveBackground = "lch(47.6 47.7 150 / 0.12)";
+export const TokenComponentBadgePositiveText = "#138246";
+export const TokenComponentBadgeImportantBackground = "lch(38.2 75 307 / 0.12)";
+export const TokenComponentBadgeImportantText = "#753bbd";
+export const TokenComponentBadgeVioletBackground = "lch(36.2 62.1 298 / 0.12)";
+export const TokenComponentBadgeVioletText = "#5746af";
+export const TokenComponentBadgePinkBackground = "lch(47.1 72.1 347 / 0.12)";
+export const TokenComponentBadgePinkText = "#cd1d8d";
+export const TokenComponentBreadcrumbDivider = "#d6d6dd";
+export const TokenComponentBreadcrumbAppTitleText = "#0174bc";
+export const TokenComponentBreadcrumbDefaultText = "#0174bc";
+export const TokenComponentBreadcrumbTruncatedText = "#0174bc";
+export const TokenComponentBreadcrumbLastItemText = "#343438";
+export const TokenComponentBreadcrumbCollapsedBackground = "#e5e5ea";
+export const TokenComponentBreadcrumbCollapsedText = "#343438";
+export const TokenComponentBreadcrumbCollapsedIcon = "#3d3d42";
+export const TokenComponentBreadcrumbWithDropdownText = "#0174bc";
+export const TokenComponentBreadcrumbWithDropdownIcon = "#3d3d42";
+export const TokenComponentCardBackground = "#ffffff";
+export const TokenComponentCardBorder = "#d6d6dd";
+export const TokenComponentCardText = "#343438";
+export const TokenComponentCardIcon = "#3d3d42";
+export const TokenComponentCheckboxEmptyDefaultBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyDefaultBorder = "#83838c";
+export const TokenComponentCheckboxEmptyDefaultText = "#343438";
+export const TokenComponentCheckboxEmptyHoverBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyHoverBorder = "#009cde";
+export const TokenComponentCheckboxEmptyHoverText = "#343438";
+export const TokenComponentCheckboxEmptyActiveBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyActiveBorder = "#0174bc";
+export const TokenComponentCheckboxEmptyActiveText = "#343438";
+export const TokenComponentCheckboxEmptyDisabledBackground = "#e5e5ea";
+export const TokenComponentCheckboxEmptyDisabledBorder = "#c2c2ca";
+export const TokenComponentCheckboxEmptyDisabledText = "#a3a3ab";
+export const TokenComponentCheckboxEmptyReadOnlyBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyReadOnlyBorder = "#c2c2ca";
+export const TokenComponentCheckboxEmptyReadOnlyText = "#343438";
+export const TokenComponentCheckboxCheckedDefaultBackground = "#0174bc";
+export const TokenComponentCheckboxCheckedDefaultText = "#343438";
+export const TokenComponentCheckboxCheckedDefaultIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedHoverBackground = "#009cde";
+export const TokenComponentCheckboxCheckedHoverText = "#343438";
+export const TokenComponentCheckboxCheckedHoverIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedActiveBackground = "#0174bc";
+export const TokenComponentCheckboxCheckedActiveText = "#343438";
+export const TokenComponentCheckboxCheckedActiveIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedDisabledBackground = "#afdef8";
+export const TokenComponentCheckboxCheckedDisabledText = "#a3a3ab";
+export const TokenComponentCheckboxCheckedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyBackground = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyBorder = "#c2c2ca";
+export const TokenComponentCheckboxCheckedReadOnlyText = "#343438";
+export const TokenComponentCheckboxCheckedReadOnlyIcon = "#a3a3ab";
+export const TokenComponentCheckboxIndeterminatedDefaultBackground = "#0174bc";
+export const TokenComponentCheckboxIndeterminatedDefaultText = "#343438";
+export const TokenComponentCheckboxIndeterminatedDefaultIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedHoverBackground = "#009cde";
+export const TokenComponentCheckboxIndeterminatedHoverText = "#343438";
+export const TokenComponentCheckboxIndeterminatedHoverIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedActiveBackground = "#0174bc";
+export const TokenComponentCheckboxIndeterminatedActiveText = "#343438";
+export const TokenComponentCheckboxIndeterminatedActiveIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedDisabledBackground = "#afdef8";
+export const TokenComponentCheckboxIndeterminatedDisabledText = "#a3a3ab";
+export const TokenComponentCheckboxIndeterminatedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBackground = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBorder = "#c2c2ca";
+export const TokenComponentCheckboxIndeterminatedReadOnlyText = "#343438";
+export const TokenComponentCheckboxIndeterminatedReadOnlyIcon = "#a3a3ab";
+export const TokenComponentContentPanelBackground = "#ffffff";
+export const TokenComponentContentPanelBorder = "#d6d6dd";
+export const TokenComponentContentPanelText = "#343438";
+export const TokenComponentContentPanelIcon = "#3d3d42";
+export const TokenComponentCalendarBackground = "#ffffff";
+export const TokenComponentCalendarBorder = "#d6d6dd";
+export const TokenComponentCalendarIcon = "#3d3d42";
+export const TokenComponentCalendarTextDefault = "#343438";
+export const TokenComponentCalendarTextDisabled = "#a3a3ab";
+export const TokenComponentCalendarSelectedItemText = "#ffffff";
+export const TokenComponentCalendarSelectedItemBackground = "#0174bc";
+export const TokenComponentCalendarHoverItemBackground = "#edf8ff";
+export const TokenComponentCalendarHoverItemText = "#343438";
+export const TokenComponentCalendarPresetAreaBackground = "#f7f7fa";
+export const TokenComponentCalendarPresetAreaHoverPeriodBackground = "#edf8ff";
+export const TokenComponentCalendarPresetAreaActivePeriodBackground = "#ceedfe";
+export const TokenComponentCalendarPresetAreaActivePeriodText = "#343438";
+export const TokenComponentDateFieldDefaultBackground = "#ffffff";
+export const TokenComponentDateFieldDefaultBorder = "#83838c";
+export const TokenComponentDateFieldDefaultText = "#696970";
+export const TokenComponentDateFieldDefaultIcon = "#3d3d42";
+export const TokenComponentDateFieldDefaultHintText = "#696970";
+export const TokenComponentDateFieldHoverBackground = "#ffffff";
+export const TokenComponentDateFieldHoverBorder = "#3d3d42";
+export const TokenComponentDateFieldHoverText = "#343438";
+export const TokenComponentDateFieldHoverIcon = "#3d3d42";
+export const TokenComponentDateFieldHoverHintText = "#696970";
+export const TokenComponentDateFieldHoverEmptyBackground = "#ffffff";
+export const TokenComponentDateFieldHoverEmptyBorder = "#3d3d42";
+export const TokenComponentDateFieldHoverEmptyText = "#696970";
+export const TokenComponentDateFieldHoverEmptyIcon = "#3d3d42";
+export const TokenComponentDateFieldHoverEmptyHintText = "#696970";
+export const TokenComponentDateFieldFilledBackground = "#ffffff";
+export const TokenComponentDateFieldFilledBorder = "#83838c";
+export const TokenComponentDateFieldFilledText = "#343438";
+export const TokenComponentDateFieldFilledIcon = "#3d3d42";
+export const TokenComponentDateFieldFilledHintText = "#696970";
+export const TokenComponentDateFieldDisabledBackground = "#ededf2";
+export const TokenComponentDateFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentDateFieldDisabledText = "#a3a3ab";
+export const TokenComponentDateFieldDisabledIcon = "#a3a3ab";
+export const TokenComponentDateFieldDisabledHintText = "#696970";
+export const TokenComponentDateFieldReadOnlyBackground = "#ffffff";
+export const TokenComponentDateFieldReadOnlyText = "#343438";
+export const TokenComponentDateFieldReadOnlyHintText = "#696970";
+export const TokenComponentDateFieldErrorBackground = "#ffffff";
+export const TokenComponentDateFieldErrorBorder = "#d63c42";
+export const TokenComponentDateFieldErrorText = "#343438";
+export const TokenComponentDateFieldErrorIcon = "#3d3d42";
+export const TokenComponentDateFieldErrorHintText = "#b82329";
+export const TokenComponentDateFieldFocusBackground = "#ffffff";
+export const TokenComponentDateFieldFocusBorder = "#0174bc";
+export const TokenComponentDateFieldFocusText = "#696970";
+export const TokenComponentDateFieldFocusIcon = "#0174bc";
+export const TokenComponentDateFieldFocusHintText = "#696970";
+export const TokenComponentDatePickerDefaultIcon = "#3d3d42";
+export const TokenComponentDatePickerHoverIcon = "#009cde";
+export const TokenComponentDatePickerFilledIcon = "#0174bc";
+export const TokenComponentDatePickerDisabledIcon = "#a3a3ab";
+export const TokenComponentDatePickerFocusIcon = "#0174bc";
+export const TokenComponentDateRangePickerDefaultIcon = "#3d3d42";
+export const TokenComponentDateRangePickerHoverIcon = "#009cde";
+export const TokenComponentDateRangePickerFilledIcon = "#0174bc";
+export const TokenComponentDateRangePickerDisabledIcon = "#a3a3ab";
+export const TokenComponentDateRangePickerFocusIcon = "#0174bc";
+export const TokenComponentDateRangeFieldDefaultBackground = "#ffffff";
+export const TokenComponentDateRangeFieldDefaultBorder = "#83838c";
+export const TokenComponentDateRangeFieldDefaultText = "#696970";
+export const TokenComponentDateRangeFieldDefaultIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldDefaultHintText = "#696970";
+export const TokenComponentDateRangeFieldHoverBackground = "#ffffff";
+export const TokenComponentDateRangeFieldHoverBorder = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverText = "#343438";
+export const TokenComponentDateRangeFieldHoverIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverHintText = "#696970";
+export const TokenComponentDateRangeFieldHoverEmptyBackground = "#ffffff";
+export const TokenComponentDateRangeFieldHoverEmptyBorder = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverEmptyText = "#696970";
+export const TokenComponentDateRangeFieldHoverEmptyIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverEmptyHintText = "#696970";
+export const TokenComponentDateRangeFieldFilledBackground = "#ffffff";
+export const TokenComponentDateRangeFieldFilledBorder = "#83838c";
+export const TokenComponentDateRangeFieldFilledText = "#343438";
+export const TokenComponentDateRangeFieldFilledIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldFilledHintText = "#696970";
+export const TokenComponentDateRangeFieldFilledPlaceholderItemText = "#696970";
+export const TokenComponentDateRangeFieldDisabledBackground = "#ededf2";
+export const TokenComponentDateRangeFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentDateRangeFieldDisabledText = "#a3a3ab";
+export const TokenComponentDateRangeFieldDisabledIcon = "#a3a3ab";
+export const TokenComponentDateRangeFieldDisabledHintText = "#696970";
+export const TokenComponentDateRangeFieldReadOnlyBackground = "#ffffff";
+export const TokenComponentDateRangeFieldReadOnlyText = "#343438";
+export const TokenComponentDateRangeFieldReadOnlyHintText = "#696970";
+export const TokenComponentDateRangeFieldErrorBackground = "#ffffff";
+export const TokenComponentDateRangeFieldErrorBorder = "#d63c42";
+export const TokenComponentDateRangeFieldErrorText = "#343438";
+export const TokenComponentDateRangeFieldErrorIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldErrorHintText = "#b82329";
+export const TokenComponentDateRangeFieldFocusBackground = "#ffffff";
+export const TokenComponentDateRangeFieldFocusBorder = "#0174bc";
+export const TokenComponentDateRangeFieldFocusText = "#696970";
+export const TokenComponentDateRangeFieldFocusIcon = "#0174bc";
+export const TokenComponentDateRangeFieldFocusHintText = "#696970";
+export const TokenComponentDateRangeFieldFocusPlaceholderItemText = "#696970";
+export const TokenComponentDateRangeInputDefaultBackground = "#ffffff";
+export const TokenComponentDateRangeInputDefaultBorder = "#83838c";
+export const TokenComponentDateRangeInputDefaultText = "#696970";
+export const TokenComponentDateRangeInputDefaultIcon = "#3d3d42";
+export const TokenComponentDateRangeInputDefaultHintText = "#696970";
+export const TokenComponentDateRangeInputHoverBackground = "#ffffff";
+export const TokenComponentDateRangeInputHoverBorder = "#3d3d42";
+export const TokenComponentDateRangeInputHoverText = "#343438";
+export const TokenComponentDateRangeInputHoverIcon = "#3d3d42";
+export const TokenComponentDateRangeInputHoverHintText = "#696970";
+export const TokenComponentDateRangeInputActivePeriodBackground = "#ffffff";
+export const TokenComponentDateRangeInputActivePeriodBorder = "#3d3d42";
+export const TokenComponentDateRangeInputActivePeriodText = "#343438";
+export const TokenComponentDateRangeInputActivePeriodIcon = "#3d3d42";
+export const TokenComponentDateRangeInputActivePeriodHintText = "#696970";
+export const TokenComponentDateRangeInputActivePeriodActiveItemBackground = "#edf8ff";
+export const TokenComponentDateRangeInputActivePeriodActiveItemText = "#696970";
+export const TokenComponentDateRangeInputFilledBackground = "#ffffff";
+export const TokenComponentDateRangeInputFilledBorder = "#83838c";
+export const TokenComponentDateRangeInputFilledText = "#343438";
+export const TokenComponentDateRangeInputFilledIcon = "#3d3d42";
+export const TokenComponentDateRangeInputFilledHintText = "#696970";
+export const TokenComponentDateRangeInputFilledPlaceholderItemText = "#696970";
+export const TokenComponentDateRangeInputDisabledBackground = "#ffffff";
+export const TokenComponentDateRangeInputDisabledBorder = "#c2c2ca";
+export const TokenComponentDateRangeInputDisabledText = "#a3a3ab";
+export const TokenComponentDateRangeInputDisabledIcon = "#a3a3ab";
+export const TokenComponentDateRangeInputDisabledHintText = "#696970";
+export const TokenComponentDateRangeInputReadOnlyBackground = "#ffffff";
+export const TokenComponentDateRangeInputReadOnlyText = "#343438";
+export const TokenComponentDateRangeInputReadOnlyHintText = "#696970";
+export const TokenComponentDateRangeInputErrorBackground = "#ffffff";
+export const TokenComponentDateRangeInputErrorBorder = "#d63c42";
+export const TokenComponentDateRangeInputErrorText = "#343438";
+export const TokenComponentDateRangeInputErrorIcon = "#3d3d42";
+export const TokenComponentDateRangeInputErrorHintText = "#b82329";
+export const TokenComponentDateRangeInputFocusBackground = "#ffffff";
+export const TokenComponentDateRangeInputFocusBorder = "#0174bc";
+export const TokenComponentDateRangeInputFocusText = "#343438";
+export const TokenComponentDateRangeInputFocusIcon = "#0174bc";
+export const TokenComponentDateRangeInputFocusHintText = "#696970";
+export const TokenComponentDateRangeInputFocusPlaceholderItemText = "#696970";
+export const TokenComponentDividerBorder = "#d6d6dd";
+export const TokenComponentDrawerBackground = "#ffffff";
+export const TokenComponentDrawerText = "#343438";
+export const TokenComponentDrawerIconDefault = "#3d3d42";
+export const TokenComponentDrawerIconDisabled = "#a3a3ab";
+export const TokenComponentDropdownIconDefault = "#3d3d42";
+export const TokenComponentDropdownIconDisabled = "#a3a3ab";
+export const TokenComponentDropdownTextDefault = "#343438";
+export const TokenComponentDropdownTextLink = "#0174bc";
+export const TokenComponentDropdownTextDescription = "#696970";
+export const TokenComponentDropdownTextDisabled = "#a3a3ab";
+export const TokenComponentDropdownBackgroundDefault = "#ffffff";
+export const TokenComponentDropdownBackgroundHover = "#edf8ff";
+export const TokenComponentDropdownBackgroundCategory = "#f7f7fa";
+export const TokenComponentGlobalHeaderBackground = "#232326";
+export const TokenComponentGlobalHeaderBorder = "#3d3d42";
+export const TokenComponentGlobalHeaderIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderIconHover = "#ffffff";
+export const TokenComponentGlobalHeaderTextDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderTextHover = "#ffffff";
+export const TokenComponentGlobalHeaderSearchBackground = "#3d3d42";
+export const TokenComponentGlobalHeaderSearchTextPlaceholder = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchTextFilled = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchIconActive = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconHover = "#ffffff";
+export const TokenComponentGlobalFooterBackground = "#232326";
+export const TokenComponentGlobalFooterTextDefault = "#d6d6dd";
+export const TokenComponentGlobalFooterTextHover = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultBorder = "#83838c";
+export const TokenComponentGroupSelectFieldDefaultText = "#696970";
+export const TokenComponentGroupSelectFieldDefaultIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldDefaultHintText = "#696970";
+export const TokenComponentGroupSelectFieldDefaultInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldHoverBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldHoverBorder = "#3d3d42";
+export const TokenComponentGroupSelectFieldHoverText = "#696970";
+export const TokenComponentGroupSelectFieldHoverIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldHoverHintText = "#696970";
+export const TokenComponentGroupSelectFieldHoverInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldSelectedBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldSelectedBorder = "#83838c";
+export const TokenComponentGroupSelectFieldSelectedText = "#343438";
+export const TokenComponentGroupSelectFieldSelectedIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldSelectedHintText = "#696970";
+export const TokenComponentGroupSelectFieldSelectedInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldDisabledBackground = "#ededf2";
+export const TokenComponentGroupSelectFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentGroupSelectFieldDisabledText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledHintText = "#696970";
+export const TokenComponentGroupSelectFieldDisabledInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldReadOnlyBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldReadOnlyText = "#343438";
+export const TokenComponentGroupSelectFieldReadOnlyHintText = "#696970";
+export const TokenComponentGroupSelectFieldReadOnlyInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldErrorBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldErrorBorder = "#d63c42";
+export const TokenComponentGroupSelectFieldErrorText = "#343438";
+export const TokenComponentGroupSelectFieldErrorIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldErrorHintText = "#b82329";
+export const TokenComponentGroupSelectFieldErrorInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldFocusBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldFocusBorder = "#0174bc";
+export const TokenComponentGroupSelectFieldFocusText = "#343438";
+export const TokenComponentGroupSelectFieldFocusIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldFocusHintText = "#696970";
+export const TokenComponentGroupSelectFieldFocusInfoIcon = "#696970";
+export const TokenComponentGroupSelectDropdownIcon = "#3d3d42";
+export const TokenComponentGroupSelectDropdownText = "#343438";
+export const TokenComponentGroupSelectDropdownBackgroundDefault = "#ffffff";
+export const TokenComponentGroupSelectDropdownBackgroundHover = "#edf8ff";
+export const TokenComponentInlineEditText = "#343438";
+export const TokenComponentInlineEditIconDefault = "#3d3d42";
+export const TokenComponentInlineEditIconHover = "#009cde";
+export const TokenComponentInlineEditAcceptIconDefault = "#0174bc";
+export const TokenComponentInlineEditAcceptIconHover = "#009cde";
+export const TokenComponentInlineEditAcceptIconDisabled = "#a3a3ab";
+export const TokenComponentKpiBarText = "#3d3d42";
+export const TokenComponentKpiBarBorder = "#d6d6dd";
+export const TokenComponentKpiBarIconDefault = "#3d3d42";
+export const TokenComponentKpiBarIconHover = "#009cde";
+export const TokenComponentKpiBarIconActive = "#0174bc";
+export const TokenComponentKpiBarItemNeutralDefaultLabel = "#515157";
+export const TokenComponentKpiBarItemNeutralDefaultText = "#696970";
+export const TokenComponentKpiBarItemNeutralDefaultIcon = "#515157";
+export const TokenComponentKpiBarItemNeutralHoverLabel = "#515157";
+export const TokenComponentKpiBarItemNeutralHoverText = "#696970";
+export const TokenComponentKpiBarItemNeutralHoverBackground = "lch(34.6 3.66 286 / 0.12)";
+export const TokenComponentKpiBarItemNeutralHoverIcon = "#515157";
+export const TokenComponentKpiBarItemNeutralActiveLabel = "#515157";
+export const TokenComponentKpiBarItemNeutralActiveText = "#343438";
+export const TokenComponentKpiBarItemNeutralActiveBorder = "#515157";
+export const TokenComponentKpiBarItemNeutralActiveIcon = "#515157";
+export const TokenComponentKpiBarItemGreenDefaultLabel = "#138246";
+export const TokenComponentKpiBarItemGreenDefaultText = "#696970";
+export const TokenComponentKpiBarItemGreenHoverLabel = "#138246";
+export const TokenComponentKpiBarItemGreenHoverText = "#696970";
+export const TokenComponentKpiBarItemGreenHoverBackground = "lch(47.6 47.7 150 / 0.12)";
+export const TokenComponentKpiBarItemGreenActiveLabel = "#138246";
+export const TokenComponentKpiBarItemGreenActiveText = "#343438";
+export const TokenComponentKpiBarItemGreenActiveBorder = "#138246";
+export const TokenComponentKpiBarItemOrangeDefaultLabel = "#c25d05";
+export const TokenComponentKpiBarItemOrangeDefaultText = "#696970";
+export const TokenComponentKpiBarItemOrangeHoverLabel = "#c25d05";
+export const TokenComponentKpiBarItemOrangeHoverText = "#696970";
+export const TokenComponentKpiBarItemOrangeHoverBackground = "lch(67.2 71.6 80.1 / 0.12)";
+export const TokenComponentKpiBarItemOrangeActiveLabel = "#c25d05";
+export const TokenComponentKpiBarItemOrangeActiveText = "#343438";
+export const TokenComponentKpiBarItemOrangeActiveBorder = "#c25d05";
+export const TokenComponentKpiBarItemPurpleDefaultLabel = "#753bbd";
+export const TokenComponentKpiBarItemPurpleDefaultText = "#696970";
+export const TokenComponentKpiBarItemPurpleHoverLabel = "#753bbd";
+export const TokenComponentKpiBarItemPurpleHoverText = "#696970";
+export const TokenComponentKpiBarItemPurpleHoverBackground = "lch(38.2 75 307 / 0.12)";
+export const TokenComponentKpiBarItemPurpleActiveLabel = "#753bbd";
+export const TokenComponentKpiBarItemPurpleActiveText = "#343438";
+export const TokenComponentKpiBarItemPurpleActiveBorder = "#753bbd";
+export const TokenComponentKpiBarItemRedDefaultLabel = "#b82329";
+export const TokenComponentKpiBarItemRedDefaultText = "#696970";
+export const TokenComponentKpiBarItemRedHoverLabel = "#b82329";
+export const TokenComponentKpiBarItemRedHoverText = "#696970";
+export const TokenComponentKpiBarItemRedHoverBackground = "lch(41.2 69 32.4 / 0.12)";
+export const TokenComponentKpiBarItemRedActiveLabel = "#b82329";
+export const TokenComponentKpiBarItemRedActiveText = "#343438";
+export const TokenComponentKpiBarItemRedActiveBorder = "#b82329";
+export const TokenComponentKpiBarItemUltramarineDefaultLabel = "#3451b2";
+export const TokenComponentKpiBarItemUltramarineDefaultText = "#696970";
+export const TokenComponentKpiBarItemUltramarineHoverLabel = "#3451b2";
+export const TokenComponentKpiBarItemUltramarineHoverText = "#696970";
+export const TokenComponentKpiBarItemUltramarineHoverBackground = "lch(36.7 58.2 286 / 0.12)";
+export const TokenComponentKpiBarItemUltramarineActiveLabel = "#3451b2";
+export const TokenComponentKpiBarItemUltramarineActiveText = "#343438";
+export const TokenComponentKpiBarItemUltramarineActiveBorder = "#3451b2";
+export const TokenComponentKpiBarItemPinkDefaultLabel = "#cd1d8d";
+export const TokenComponentKpiBarItemPinkDefaultText = "#696970";
+export const TokenComponentKpiBarItemPinkHoverLabel = "#cd1d8d";
+export const TokenComponentKpiBarItemPinkHoverText = "#696970";
+export const TokenComponentKpiBarItemPinkHoverBackground = "lch(47.1 72.1 347 / 0.12)";
+export const TokenComponentKpiBarItemPinkActiveLabel = "#cd1d8d";
+export const TokenComponentKpiBarItemPinkActiveText = "#343438";
+export const TokenComponentKpiBarItemPinkActiveBorder = "#cd1d8d";
+export const TokenComponentLabelText = "#343438";
+export const TokenComponentLabelIcon = "#3d3d42";
+export const TokenComponentLabelInfoIcon = "#696970";
+export const TokenComponentListText = "#343438";
+export const TokenComponentListBorder = "#d6d6dd";
+export const TokenComponentListIconDefault = "#3d3d42";
+export const TokenComponentListIconHover = "#009cde";
+export const TokenComponentListIconActive = "#0174bc";
+export const TokenComponentListBackgroundDefault = "#ffffff";
+export const TokenComponentListBackgroundHover = "#edf8ff";
+export const TokenComponentMasterSwitchContentBackground = "#ffffff";
+export const TokenComponentMasterSwitchSideBackground = "#f7f7fa";
+export const TokenComponentMasterSwitchText = "#343438";
+export const TokenComponentMasterSwitchIcon = "#3d3d42";
+export const TokenComponentModalBackground = "#ffffff";
+export const TokenComponentModalIcon = "#3d3d42";
+export const TokenComponentModalTextDefault = "#343438";
+export const TokenComponentModalTextDescription = "#696970";
+export const TokenComponentNotificationBannerText = "#343438";
+export const TokenComponentNotificationBannerIcon = "#3d3d42";
+export const TokenComponentNotificationBannerInformativeBackground = "#f0f4ff";
+export const TokenComponentNotificationBannerInformativeBorder = "#4067e5";
+export const TokenComponentNotificationBannerInformativeStatusIcon = "#4067e5";
+export const TokenComponentNotificationBannerTipBackground = "#f0f4ff";
+export const TokenComponentNotificationBannerTipBorder = "#4067e5";
+export const TokenComponentNotificationBannerTipStatusIcon = "#4067e5";
+export const TokenComponentNotificationBannerWarningBackground = "#fff4d5";
+export const TokenComponentNotificationBannerWarningBorder = "#fecb34";
+export const TokenComponentNotificationBannerWarningStatusIcon = "#fecb34";
+export const TokenComponentNotificationBannerSuccessBackground = "#ebf9eb";
+export const TokenComponentNotificationBannerSuccessBorder = "#00b050";
+export const TokenComponentNotificationBannerSuccessStatusIcon = "#00b050";
+export const TokenComponentNotificationBannerErrorBackground = "#ffefef";
+export const TokenComponentNotificationBannerErrorBorder = "#d63c42";
+export const TokenComponentNotificationBannerErrorStatusIcon = "#d63c42";
+export const TokenComponentNotificationBannerSecondaryBackground = "#e5e5ea";
+export const TokenComponentNotificationBannerSecondaryBorder = "#343438";
+export const TokenComponentNotificationBannerSecondaryStatusIcon = "#3d3d42";
+export const TokenComponentNotificationToastText = "#343438";
+export const TokenComponentNotificationToastIcon = "#3d3d42";
+export const TokenComponentNotificationToastInformativeBackground = "#f0f4ff";
+export const TokenComponentNotificationToastInformativeIconBackground = "#4067e5";
+export const TokenComponentNotificationToastInformativeBorder = "#4067e5";
+export const TokenComponentNotificationToastInformativeStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastTipBackground = "#f0f4ff";
+export const TokenComponentNotificationToastTipIconBackground = "#4067e5";
+export const TokenComponentNotificationToastTipBorder = "#4067e5";
+export const TokenComponentNotificationToastTipStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastWarningBackground = "#fff4d5";
+export const TokenComponentNotificationToastWarningIconBackground = "#fecb34";
+export const TokenComponentNotificationToastWarningBorder = "#fecb34";
+export const TokenComponentNotificationToastWarningStatusIcon = "#3d3d42";
+export const TokenComponentNotificationToastSuccessBackground = "#ebf9eb";
+export const TokenComponentNotificationToastSuccessIconBackground = "#00b050";
+export const TokenComponentNotificationToastSuccessBorder = "#00b050";
+export const TokenComponentNotificationToastSuccessStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastErrorBackground = "#ffefef";
+export const TokenComponentNotificationToastErrorIconBackground = "#d63c42";
+export const TokenComponentNotificationToastErrorBorder = "#d63c42";
+export const TokenComponentNotificationToastErrorStatusIcon = "#ffffff";
+export const TokenComponentPaginationBackground = "#ffffff";
+export const TokenComponentPaginationBorder = "#d6d6dd";
+export const TokenComponentPaginationTextDefault = "#343438";
+export const TokenComponentPaginationTextLink = "#0174bc";
+export const TokenComponentPaginationTextHover = "#009cde";
+export const TokenComponentPaginationTextDisabled = "#a3a3ab";
+export const TokenComponentPaginationIconDefault = "#3d3d42";
+export const TokenComponentPaginationIconHover = "#009cde";
+export const TokenComponentPaginationIconActive = "#0174bc";
+export const TokenComponentPaginationIconDisabled = "#a3a3ab";
+export const TokenComponentPopoverBackground = "#ffffff";
+export const TokenComponentPopoverBorder = "#d6d6dd";
+export const TokenComponentPopoverIcon = "#3d3d42";
+export const TokenComponentPopoverTextDefault = "#343438";
+export const TokenComponentPopoverTextLinkDefault = "#0174bc";
+export const TokenComponentPopoverTextLinkHover = "#009cde";
+export const TokenComponentProgressBarTextDefault = "#343438";
+export const TokenComponentProgressBarTextLinkDefault = "#0174bc";
+export const TokenComponentProgressBarTextLinkHover = "#009cde";
+export const TokenComponentProgressBarStatusLineDefault = "#e5e5ea";
+export const TokenComponentProgressBarStatusLineSuccess = "#00b050";
+export const TokenComponentProgressBarStatusLineError = "#d63c42";
+export const TokenComponentNumericSpinnerDefaultBackground = "#ffffff";
+export const TokenComponentNumericSpinnerDefaultBorder = "#83838c";
+export const TokenComponentNumericSpinnerDefaultText = "#696970";
+export const TokenComponentNumericSpinnerDefaultIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerDefaultHintText = "#696970";
+export const TokenComponentNumericSpinnerHoverBackground = "#ffffff";
+export const TokenComponentNumericSpinnerHoverBorder = "#3d3d42";
+export const TokenComponentNumericSpinnerHoverText = "#696970";
+export const TokenComponentNumericSpinnerHoverIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerHoverHintText = "#696970";
+export const TokenComponentNumericSpinnerFilledBackground = "#ffffff";
+export const TokenComponentNumericSpinnerFilledBorder = "#83838c";
+export const TokenComponentNumericSpinnerFilledText = "#343438";
+export const TokenComponentNumericSpinnerFilledIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerFilledHintText = "#696970";
+export const TokenComponentNumericSpinnerDisabledBackground = "#ededf2";
+export const TokenComponentNumericSpinnerDisabledBorder = "#c2c2ca";
+export const TokenComponentNumericSpinnerDisabledText = "#a3a3ab";
+export const TokenComponentNumericSpinnerDisabledIcon = "#a3a3ab";
+export const TokenComponentNumericSpinnerDisabledHintText = "#696970";
+export const TokenComponentNumericSpinnerReadOnlyBackground = "#ffffff";
+export const TokenComponentNumericSpinnerReadOnlyText = "#343438";
+export const TokenComponentNumericSpinnerReadOnlyHintText = "#696970";
+export const TokenComponentNumericSpinnerErrorBackground = "#ffffff";
+export const TokenComponentNumericSpinnerErrorBorder = "#d63c42";
+export const TokenComponentNumericSpinnerErrorText = "#343438";
+export const TokenComponentNumericSpinnerErrorIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerErrorHintText = "#b82329";
+export const TokenComponentNumericSpinnerFocusBackground = "#ffffff";
+export const TokenComponentNumericSpinnerFocusBorder = "#0174bc";
+export const TokenComponentNumericSpinnerFocusText = "#696970";
+export const TokenComponentNumericSpinnerFocusIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerFocusHintText = "#696970";
+export const TokenComponentRadioButtonInactiveDefaultBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveDefaultBorder = "#83838c";
+export const TokenComponentRadioButtonInactiveDefaultText = "#343438";
+export const TokenComponentRadioButtonInactiveHoverBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveHoverBorder = "#009cde";
+export const TokenComponentRadioButtonInactiveHoverText = "#343438";
+export const TokenComponentRadioButtonInactiveActiveBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveActiveBorder = "#0174bc";
+export const TokenComponentRadioButtonInactiveActiveText = "#343438";
+export const TokenComponentRadioButtonInactiveDisabledBackground = "#e5e5ea";
+export const TokenComponentRadioButtonInactiveDisabledBorder = "#c2c2ca";
+export const TokenComponentRadioButtonInactiveDisabledText = "#a3a3ab";
+export const TokenComponentRadioButtonInactiveReadOnlyBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveReadOnlyBorder = "#c2c2ca";
+export const TokenComponentRadioButtonInactiveReadOnlyText = "#343438";
+export const TokenComponentRadioButtonActiveDefaultBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveDefaultBorder = "#0174bc";
+export const TokenComponentRadioButtonActiveDefaultText = "#343438";
+export const TokenComponentRadioButtonActiveHoverBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveHoverBorder = "#009cde";
+export const TokenComponentRadioButtonActiveHoverText = "#343438";
+export const TokenComponentRadioButtonActiveActiveBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveActiveBorder = "#0174bc";
+export const TokenComponentRadioButtonActiveActiveText = "#343438";
+export const TokenComponentRadioButtonActiveDisabledBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveDisabledBorder = "#afdef8";
+export const TokenComponentRadioButtonActiveDisabledText = "#a3a3ab";
+export const TokenComponentRadioButtonActiveReadOnlyBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveReadOnlyBorder = "#c2c2ca";
+export const TokenComponentRadioButtonActiveReadOnlyText = "#343438";
+export const TokenComponentSearchDefaultBackground = "#ffffff";
+export const TokenComponentSearchDefaultBorder = "#83838c";
+export const TokenComponentSearchDefaultText = "#696970";
+export const TokenComponentSearchDefaultIcon = "#3d3d42";
+export const TokenComponentSearchDefaultHintText = "#696970";
+export const TokenComponentSearchDefaultSearchIcon = "#696970";
+export const TokenComponentSearchHoverBackground = "#ffffff";
+export const TokenComponentSearchHoverBorder = "#3d3d42";
+export const TokenComponentSearchHoverText = "#696970";
+export const TokenComponentSearchHoverIcon = "#3d3d42";
+export const TokenComponentSearchHoverHintText = "#696970";
+export const TokenComponentSearchHoverSearchIcon = "#696970";
+export const TokenComponentSearchFilledBackground = "#ffffff";
+export const TokenComponentSearchFilledBorder = "#83838c";
+export const TokenComponentSearchFilledText = "#343438";
+export const TokenComponentSearchFilledIcon = "#3d3d42";
+export const TokenComponentSearchFilledHintText = "#696970";
+export const TokenComponentSearchFilledSearchIcon = "#696970";
+export const TokenComponentSearchDisabledBackground = "#ededf2";
+export const TokenComponentSearchDisabledBorder = "#c2c2ca";
+export const TokenComponentSearchDisabledText = "#a3a3ab";
+export const TokenComponentSearchDisabledIcon = "#a3a3ab";
+export const TokenComponentSearchDisabledHintText = "#696970";
+export const TokenComponentSearchDisabledSearchIcon = "#a3a3ab";
+export const TokenComponentSearchErrorBackground = "#ffffff";
+export const TokenComponentSearchErrorBorder = "#d63c42";
+export const TokenComponentSearchErrorText = "#343438";
+export const TokenComponentSearchErrorIcon = "#3d3d42";
+export const TokenComponentSearchErrorHintText = "#b82329";
+export const TokenComponentSearchErrorSearchIcon = "#696970";
+export const TokenComponentSearchFocusEmptyBackground = "#ffffff";
+export const TokenComponentSearchFocusEmptyBorder = "#0174bc";
+export const TokenComponentSearchFocusEmptyText = "#696970";
+export const TokenComponentSearchFocusEmptyIcon = "#3d3d42";
+export const TokenComponentSearchFocusEmptyHintText = "#696970";
+export const TokenComponentSearchFocusEmptySearchIcon = "#696970";
+export const TokenComponentSearchFocusBackground = "#ffffff";
+export const TokenComponentSearchFocusBorder = "#0174bc";
+export const TokenComponentSearchFocusText = "#343438";
+export const TokenComponentSearchFocusIcon = "#3d3d42";
+export const TokenComponentSearchFocusHintText = "#696970";
+export const TokenComponentSearchFocusSearchIcon = "#696970";
+export const TokenComponentSegmentedButtonDefaultBackground = "#ffffff";
+export const TokenComponentSegmentedButtonDefaultBorder = "#0174bc";
+export const TokenComponentSegmentedButtonDefaultText = "#0174bc";
+export const TokenComponentSegmentedButtonDefaultIcon = "#0174bc";
+export const TokenComponentSegmentedButtonHoverBackground = "#edf8ff";
+export const TokenComponentSegmentedButtonHoverBorder = "#009cde";
+export const TokenComponentSegmentedButtonHoverText = "#0174bc";
+export const TokenComponentSegmentedButtonHoverIcon = "#0174bc";
+export const TokenComponentSegmentedButtonDisabledBackground = "#ffffff";
+export const TokenComponentSegmentedButtonDisabledBorder = "#c2c2ca";
+export const TokenComponentSegmentedButtonDisabledText = "#a3a3ab";
+export const TokenComponentSegmentedButtonDisabledIcon = "#a3a3ab";
+export const TokenComponentSegmentedButtonDisabledCheckedBackground = "#e5e5ea";
+export const TokenComponentSegmentedButtonDisabledCheckedBorder = "#c2c2ca";
+export const TokenComponentSegmentedButtonDisabledCheckedText = "#a3a3ab";
+export const TokenComponentSegmentedButtonDisabledCheckedIcon = "#a3a3ab";
+export const TokenComponentSegmentedButtonActiveBackground = "#0174bc";
+export const TokenComponentSegmentedButtonActiveBorder = "#0174bc";
+export const TokenComponentSegmentedButtonActiveText = "#ffffff";
+export const TokenComponentSegmentedButtonActiveIcon = "#ffffff";
+export const TokenComponentSideNavigationIcon = "#3d3d42";
+export const TokenComponentSideNavigationBorder = "#d6d6dd";
+export const TokenComponentSideNavigationBackgroundDefault = "#f7f7fa";
+export const TokenComponentSideNavigationBackgroundSecondLevel = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemBackground = "#f7f7fa";
+export const TokenComponentSideNavigationDefaultMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationDefaultMenuItemText = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemLabelText = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBackground = "#f7f7fa";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBorder = "#d6d6dd";
+export const TokenComponentSideNavigationHoverMenuItemBackground = "#edf8ff";
+export const TokenComponentSideNavigationHoverMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationHoverMenuItemText = "#343438";
+export const TokenComponentSideNavigationHoverMenuItemLabelText = "#343438";
+export const TokenComponentSideNavigationHoverMenuItemLabelBackground = "#f7f7fa";
+export const TokenComponentSideNavigationHoverMenuItemLabelBorder = "#d6d6dd";
+export const TokenComponentSideNavigationSelectedMenuItemBackground = "#ceedfe";
+export const TokenComponentSideNavigationSelectedMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationSelectedMenuItemText = "#343438";
+export const TokenComponentSideNavigationSelectedMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationSelectedMenuItemLabelBackground = "#0174bc";
+export const TokenComponentSelectDefaultBackground = "#ffffff";
+export const TokenComponentSelectDefaultBorder = "#83838c";
+export const TokenComponentSelectDefaultText = "#696970";
+export const TokenComponentSelectDefaultIcon = "#3d3d42";
+export const TokenComponentSelectDefaultHintText = "#696970";
+export const TokenComponentSelectDefaultInfoIcon = "#696970";
+export const TokenComponentSelectHoverBackground = "#ffffff";
+export const TokenComponentSelectHoverBorder = "#3d3d42";
+export const TokenComponentSelectHoverText = "#696970";
+export const TokenComponentSelectHoverIcon = "#3d3d42";
+export const TokenComponentSelectHoverHintText = "#696970";
+export const TokenComponentSelectHoverInfoIcon = "#696970";
+export const TokenComponentSelectFilledBackground = "#ffffff";
+export const TokenComponentSelectFilledBorder = "#83838c";
+export const TokenComponentSelectFilledText = "#343438";
+export const TokenComponentSelectFilledIcon = "#3d3d42";
+export const TokenComponentSelectFilledHintText = "#696970";
+export const TokenComponentSelectFilledInfoIcon = "#696970";
+export const TokenComponentSelectDisabledBackground = "#ededf2";
+export const TokenComponentSelectDisabledBorder = "#c2c2ca";
+export const TokenComponentSelectDisabledText = "#a3a3ab";
+export const TokenComponentSelectDisabledIcon = "#a3a3ab";
+export const TokenComponentSelectDisabledHintText = "#696970";
+export const TokenComponentSelectDisabledInfoIcon = "#696970";
+export const TokenComponentSelectErrorBackground = "#ffffff";
+export const TokenComponentSelectErrorBorder = "#d63c42";
+export const TokenComponentSelectErrorText = "#343438";
+export const TokenComponentSelectErrorIcon = "#3d3d42";
+export const TokenComponentSelectErrorHintText = "#b82329";
+export const TokenComponentSelectErrorInfoIcon = "#696970";
+export const TokenComponentSelectFocusEmptyBackground = "#ffffff";
+export const TokenComponentSelectFocusEmptyBorder = "#0174bc";
+export const TokenComponentSelectFocusEmptyText = "#696970";
+export const TokenComponentSelectFocusEmptyIcon = "#3d3d42";
+export const TokenComponentSelectFocusEmptyHintText = "#696970";
+export const TokenComponentSelectFocusEmptyInfoIcon = "#696970";
+export const TokenComponentSelectFocusBackground = "#ffffff";
+export const TokenComponentSelectFocusBorder = "#0174bc";
+export const TokenComponentSelectFocusText = "#343438";
+export const TokenComponentSelectFocusIcon = "#3d3d42";
+export const TokenComponentSelectFocusHintText = "#696970";
+export const TokenComponentSelectFocusInfoIcon = "#696970";
+export const TokenComponentSelectReadOnlyBackground = "#ffffff";
+export const TokenComponentSelectReadOnlyText = "#343438";
+export const TokenComponentSidePanelBackground = "#ffffff";
+export const TokenComponentSidePanelText = "#343438";
+export const TokenComponentSidePanelBorder = "#d6d6dd";
+export const TokenComponentSidePanelIconDefault = "#3d3d42";
+export const TokenComponentSidePanelIconHover = "#009cde";
+export const TokenComponentSwitchActiveDefaultBackground = "#0174bc";
+export const TokenComponentSwitchActiveDefaultIcon = "#ffffff";
+export const TokenComponentSwitchActiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchActiveDefaultText = "#343438";
+export const TokenComponentSwitchActiveHoverBackground = "#009cde";
+export const TokenComponentSwitchActiveHoverIcon = "#ffffff";
+export const TokenComponentSwitchActiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchActiveHoverText = "#343438";
+export const TokenComponentSwitchActiveFocusBackground = "#0174bc";
+export const TokenComponentSwitchActiveFocusIcon = "#ffffff";
+export const TokenComponentSwitchActiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchActiveFocusText = "#343438";
+export const TokenComponentSwitchActiveDisabledBackground = "#afdef8";
+export const TokenComponentSwitchActiveDisabledIcon = "#a3a3ab";
+export const TokenComponentSwitchActiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchActiveDisabledText = "#a3a3ab";
+export const TokenComponentSwitchInactiveDefaultBackground = "#83838c";
+export const TokenComponentSwitchInactiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDefaultText = "#343438";
+export const TokenComponentSwitchInactiveHoverBackground = "#a3a3ab";
+export const TokenComponentSwitchInactiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchInactiveHoverText = "#343438";
+export const TokenComponentSwitchInactiveFocusBackground = "#83838c";
+export const TokenComponentSwitchInactiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchInactiveFocusText = "#343438";
+export const TokenComponentSwitchInactiveDisabledBackground = "#e5e5ea";
+export const TokenComponentSwitchInactiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDisabledText = "#a3a3ab";
+export const TokenComponentTabDefaultText = "#343438";
+export const TokenComponentTabDefaultIcon = "#3d3d42";
+export const TokenComponentTabDefaultBorder = "#c2c2ca";
+export const TokenComponentTabHoverText = "#009cde";
+export const TokenComponentTabHoverIcon = "#009cde";
+export const TokenComponentTabHoverBorder = "#c2c2ca";
+export const TokenComponentTabActiveText = "#0174bc";
+export const TokenComponentTabActiveIcon = "#0174bc";
+export const TokenComponentTabActiveBorder = "#0174bc";
+export const TokenComponentTabDisabledText = "#a3a3ab";
+export const TokenComponentTabDisabledIcon = "#a3a3ab";
+export const TokenComponentTabDisabledBorder = "#c2c2ca";
+export const TokenComponentTagDefaultBackground = "#f7f7fa";
+export const TokenComponentTagDefaultBorder = "#83838c";
+export const TokenComponentTagDefaultText = "#343438";
+export const TokenComponentTagDefaultIconDefault = "#3d3d42";
+export const TokenComponentTagDefaultIconHover = "#009cde";
+export const TokenComponentTagDefaultIconActive = "#0174bc";
+export const TokenComponentTagHoverBackground = "#f7f7fa";
+export const TokenComponentTagHoverBorder = "#3d3d42";
+export const TokenComponentTagHoverText = "#343438";
+export const TokenComponentTagHoverIconDefault = "#3d3d42";
+export const TokenComponentTagHoverIconHover = "#009cde";
+export const TokenComponentTagHoverIconActive = "#0174bc";
+export const TokenComponentTagFocusBackground = "#edf8ff";
+export const TokenComponentTagFocusBorder = "#0174bc";
+export const TokenComponentTagFocusText = "#343438";
+export const TokenComponentTagFocusIconDefault = "#3d3d42";
+export const TokenComponentTagFocusIconHover = "#009cde";
+export const TokenComponentTagFocusIconActive = "#0174bc";
+export const TokenComponentTagErrorBackground = "#f7f7fa";
+export const TokenComponentTagErrorBorder = "#d63c42";
+export const TokenComponentTagErrorText = "#343438";
+export const TokenComponentTagErrorIconDefault = "#3d3d42";
+export const TokenComponentTagErrorIconHover = "#009cde";
+export const TokenComponentTagErrorIconActive = "#0174bc";
+export const TokenComponentTagDisabledBackground = "#ededf2";
+export const TokenComponentTagDisabledBorder = "#c2c2ca";
+export const TokenComponentTagDisabledText = "#a3a3ab";
+export const TokenComponentTagDisabledIcon = "#a3a3ab";
+export const TokenComponentTagReadOnlyBackground = "#ffffff";
+export const TokenComponentTagReadOnlyBorder = "#c2c2ca";
+export const TokenComponentTagReadOnlyText = "#343438";
+export const TokenComponentTagReadOnlyIcon = "#3d3d42";
+export const TokenComponentTagInputDefaultBackground = "#ffffff";
+export const TokenComponentTagInputDefaultBorder = "#83838c";
+export const TokenComponentTagInputDefaultHintText = "#696970";
+export const TokenComponentTagInputPlaceholderBackground = "#ffffff";
+export const TokenComponentTagInputPlaceholderBorder = "#83838c";
+export const TokenComponentTagInputPlaceholderText = "#696970";
+export const TokenComponentTagInputPlaceholderHintText = "#696970";
+export const TokenComponentTagInputHoverBackground = "#ffffff";
+export const TokenComponentTagInputHoverBorder = "#3d3d42";
+export const TokenComponentTagInputHoverText = "#696970";
+export const TokenComponentTagInputHoverHintText = "#696970";
+export const TokenComponentTagInputFilledBackground = "#ffffff";
+export const TokenComponentTagInputFilledBorder = "#83838c";
+export const TokenComponentTagInputFilledIcon = "#3d3d42";
+export const TokenComponentTagInputFilledHintText = "#696970";
+export const TokenComponentTagInputDisabledBackground = "#ededf2";
+export const TokenComponentTagInputDisabledBorder = "#c2c2ca";
+export const TokenComponentTagInputDisabledHintText = "#696970";
+export const TokenComponentTagInputErrorBackground = "#ffffff";
+export const TokenComponentTagInputErrorBorder = "#d63c42";
+export const TokenComponentTagInputErrorIcon = "#3d3d42";
+export const TokenComponentTagInputErrorHintText = "#b82329";
+export const TokenComponentTagInputFocusEmptyBackground = "#ffffff";
+export const TokenComponentTagInputFocusEmptyBorder = "#0174bc";
+export const TokenComponentTagInputFocusEmptyText = "#696970";
+export const TokenComponentTagInputFocusEmptyHintText = "#696970";
+export const TokenComponentTagInputFocusBackground = "#ffffff";
+export const TokenComponentTagInputFocusBorder = "#0174bc";
+export const TokenComponentTagInputFocusText = "#343438";
+export const TokenComponentTagInputFocusHintText = "#696970";
+export const TokenComponentTextAreaDefaultBackground = "#ffffff";
+export const TokenComponentTextAreaDefaultBorder = "#83838c";
+export const TokenComponentTextAreaDefaultHintText = "#696970";
+export const TokenComponentTextAreaDefaultInfoIcon = "#696970";
+export const TokenComponentTextAreaPlaceholderBackground = "#ffffff";
+export const TokenComponentTextAreaPlaceholderBorder = "#83838c";
+export const TokenComponentTextAreaPlaceholderText = "#696970";
+export const TokenComponentTextAreaPlaceholderHintText = "#696970";
+export const TokenComponentTextAreaPlaceholderInfoIcon = "#696970";
+export const TokenComponentTextAreaHoverBackground = "#ffffff";
+export const TokenComponentTextAreaHoverBorder = "#3d3d42";
+export const TokenComponentTextAreaHoverText = "#343438";
+export const TokenComponentTextAreaHoverIcon = "#3d3d42";
+export const TokenComponentTextAreaHoverHintText = "#696970";
+export const TokenComponentTextAreaHoverInfoIcon = "#696970";
+export const TokenComponentTextAreaHoverEmptyBackground = "#ffffff";
+export const TokenComponentTextAreaHoverEmptyBorder = "#3d3d42";
+export const TokenComponentTextAreaHoverEmptyText = "#696970";
+export const TokenComponentTextAreaHoverEmptyHintText = "#696970";
+export const TokenComponentTextAreaHoverEmptyInfoIcon = "#696970";
+export const TokenComponentTextAreaFilledBackground = "#ffffff";
+export const TokenComponentTextAreaFilledBorder = "#83838c";
+export const TokenComponentTextAreaFilledText = "#343438";
+export const TokenComponentTextAreaFilledHintText = "#696970";
+export const TokenComponentTextAreaFilledInfoIcon = "#696970";
+export const TokenComponentTextAreaFilledIconDefault = "#3d3d42";
+export const TokenComponentTextAreaFilledIconHover = "#009cde";
+export const TokenComponentTextAreaFilledIconActive = "#0174bc";
+export const TokenComponentTextAreaDisabledBackground = "#ededf2";
+export const TokenComponentTextAreaDisabledBorder = "#c2c2ca";
+export const TokenComponentTextAreaDisabledText = "#a3a3ab";
+export const TokenComponentTextAreaDisabledHintText = "#696970";
+export const TokenComponentTextAreaDisabledInfoIcon = "#696970";
+export const TokenComponentTextAreaErrorBackground = "#ffffff";
+export const TokenComponentTextAreaErrorBorder = "#d63c42";
+export const TokenComponentTextAreaErrorText = "#343438";
+export const TokenComponentTextAreaErrorHintText = "#b82329";
+export const TokenComponentTextAreaErrorInfoIcon = "#696970";
+export const TokenComponentTextAreaErrorIconDefault = "#3d3d42";
+export const TokenComponentTextAreaErrorIconHover = "#009cde";
+export const TokenComponentTextAreaErrorIconActive = "#0174bc";
+export const TokenComponentTextAreaFocusEmptyBackground = "#ffffff";
+export const TokenComponentTextAreaFocusEmptyBorder = "#0174bc";
+export const TokenComponentTextAreaFocusEmptyHintText = "#696970";
+export const TokenComponentTextAreaFocusEmptyInfoIcon = "#696970";
+export const TokenComponentTextAreaFocusEmptyIconDefault = "#3d3d42";
+export const TokenComponentTextAreaFocusEmptyIconHover = "#009cde";
+export const TokenComponentTextAreaFocusEmptyIconActive = "#0174bc";
+export const TokenComponentTextAreaFocusBackground = "#ffffff";
+export const TokenComponentTextAreaFocusBorder = "#0174bc";
+export const TokenComponentTextAreaFocusText = "#343438";
+export const TokenComponentTextAreaFocusHintText = "#696970";
+export const TokenComponentTextAreaFocusInfoIcon = "#696970";
+export const TokenComponentTextAreaFocusIconDefault = "#3d3d42";
+export const TokenComponentTextAreaFocusIconHover = "#009cde";
+export const TokenComponentTextAreaFocusIconActive = "#0174bc";
+export const TokenComponentTextAreaReadOnlyText = "#343438";
+export const TokenComponentTextAreaReadOnlyHintText = "#696970";
+export const TokenComponentTextFieldDefaultBackground = "#ffffff";
+export const TokenComponentTextFieldDefaultBorder = "#83838c";
+export const TokenComponentTextFieldDefaultHintText = "#696970";
+export const TokenComponentTextFieldDefaultInfoIcon = "#696970";
+export const TokenComponentTextFieldPlaceholderBackground = "#ffffff";
+export const TokenComponentTextFieldPlaceholderBorder = "#83838c";
+export const TokenComponentTextFieldPlaceholderText = "#696970";
+export const TokenComponentTextFieldPlaceholderHintText = "#696970";
+export const TokenComponentTextFieldPlaceholderInfoIcon = "#696970";
+export const TokenComponentTextFieldHoverBackground = "#ffffff";
+export const TokenComponentTextFieldHoverBorder = "#3d3d42";
+export const TokenComponentTextFieldHoverText = "#343438";
+export const TokenComponentTextFieldHoverIcon = "#3d3d42";
+export const TokenComponentTextFieldHoverHintText = "#696970";
+export const TokenComponentTextFieldHoverInfoIcon = "#696970";
+export const TokenComponentTextFieldHoverEmptyBackground = "#ffffff";
+export const TokenComponentTextFieldHoverEmptyBorder = "#3d3d42";
+export const TokenComponentTextFieldHoverEmptyText = "#696970";
+export const TokenComponentTextFieldHoverEmptyHintText = "#696970";
+export const TokenComponentTextFieldHoverEmptyInfoIcon = "#696970";
+export const TokenComponentTextFieldFilledBackground = "#ffffff";
+export const TokenComponentTextFieldFilledBorder = "#83838c";
+export const TokenComponentTextFieldFilledText = "#343438";
+export const TokenComponentTextFieldFilledHintText = "#696970";
+export const TokenComponentTextFieldFilledInfoIcon = "#696970";
+export const TokenComponentTextFieldFilledIconDefault = "#3d3d42";
+export const TokenComponentTextFieldFilledIconHover = "#009cde";
+export const TokenComponentTextFieldFilledIconActive = "#0174bc";
+export const TokenComponentTextFieldDisabledBackground = "#ededf2";
+export const TokenComponentTextFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentTextFieldDisabledText = "#a3a3ab";
+export const TokenComponentTextFieldDisabledHintText = "#696970";
+export const TokenComponentTextFieldDisabledInfoIcon = "#696970";
+export const TokenComponentTextFieldErrorBackground = "#ffffff";
+export const TokenComponentTextFieldErrorBorder = "#d63c42";
+export const TokenComponentTextFieldErrorText = "#343438";
+export const TokenComponentTextFieldErrorHintText = "#b82329";
+export const TokenComponentTextFieldErrorInfoIcon = "#696970";
+export const TokenComponentTextFieldErrorIconDefault = "#3d3d42";
+export const TokenComponentTextFieldErrorIconHover = "#009cde";
+export const TokenComponentTextFieldErrorIconActive = "#0174bc";
+export const TokenComponentTextFieldFocusEmptyBackground = "#ffffff";
+export const TokenComponentTextFieldFocusEmptyBorder = "#0174bc";
+export const TokenComponentTextFieldFocusEmptyHintText = "#696970";
+export const TokenComponentTextFieldFocusEmptyInfoIcon = "#696970";
+export const TokenComponentTextFieldFocusEmptyIconDefault = "#3d3d42";
+export const TokenComponentTextFieldFocusEmptyIconHover = "#009cde";
+export const TokenComponentTextFieldFocusEmptyIconActive = "#0174bc";
+export const TokenComponentTextFieldFocusBackground = "#ffffff";
+export const TokenComponentTextFieldFocusBorder = "#0174bc";
+export const TokenComponentTextFieldFocusText = "#343438";
+export const TokenComponentTextFieldFocusHintText = "#696970";
+export const TokenComponentTextFieldFocusInfoIcon = "#696970";
+export const TokenComponentTextFieldFocusIconDefault = "#3d3d42";
+export const TokenComponentTextFieldFocusIconHover = "#009cde";
+export const TokenComponentTextFieldFocusIconActive = "#0174bc";
+export const TokenComponentTextFieldReadOnlyText = "#343438";
+export const TokenComponentTextFieldReadOnlyHintText = "#696970";
+export const TokenComponentTimePickerDefaultBackground = "#ffffff";
+export const TokenComponentTimePickerDefaultBorder = "#83838c";
+export const TokenComponentTimePickerDefaultText = "#696970";
+export const TokenComponentTimePickerDefaultIcon = "#3d3d42";
+export const TokenComponentTimePickerDefaultHintText = "#696970";
+export const TokenComponentTimePickerHoverBackground = "#ffffff";
+export const TokenComponentTimePickerHoverBorder = "#3d3d42";
+export const TokenComponentTimePickerHoverText = "#696970";
+export const TokenComponentTimePickerHoverIcon = "#3d3d42";
+export const TokenComponentTimePickerHoverHintText = "#696970";
+export const TokenComponentTimePickerFilledBackground = "#ffffff";
+export const TokenComponentTimePickerFilledBorder = "#83838c";
+export const TokenComponentTimePickerFilledText = "#343438";
+export const TokenComponentTimePickerFilledIcon = "#3d3d42";
+export const TokenComponentTimePickerFilledHintText = "#696970";
+export const TokenComponentTimePickerDisabledBackground = "#ededf2";
+export const TokenComponentTimePickerDisabledBorder = "#c2c2ca";
+export const TokenComponentTimePickerDisabledText = "#a3a3ab";
+export const TokenComponentTimePickerDisabledIcon = "#a3a3ab";
+export const TokenComponentTimePickerDisabledHintText = "#696970";
+export const TokenComponentTimePickerErrorBackground = "#ffffff";
+export const TokenComponentTimePickerErrorBorder = "#d63c42";
+export const TokenComponentTimePickerErrorText = "#343438";
+export const TokenComponentTimePickerErrorIcon = "#3d3d42";
+export const TokenComponentTimePickerErrorHintText = "#b82329";
+export const TokenComponentTimePickerFocusEmptyBackground = "#ffffff";
+export const TokenComponentTimePickerFocusEmptyBorder = "#0174bc";
+export const TokenComponentTimePickerFocusEmptyText = "#696970";
+export const TokenComponentTimePickerFocusEmptyIcon = "#3d3d42";
+export const TokenComponentTimePickerFocusEmptyHintText = "#696970";
+export const TokenComponentTimePickerFocusBackground = "#ffffff";
+export const TokenComponentTimePickerFocusBorder = "#0174bc";
+export const TokenComponentTimePickerFocusText = "#343438";
+export const TokenComponentTimePickerFocusIcon = "#3d3d42";
+export const TokenComponentTimePickerFocusHintText = "#696970";
+export const TokenComponentTimePickerReadOnlyText = "#343438";
+export const TokenComponentTooltipBackground = "#343438";
+export const TokenComponentTooltipText = "#ffffff";
+export const TokenComponentTreeText = "#343438";
+export const TokenComponentTreeBorder = "#d6d6dd";
+export const TokenComponentTreeIconDefault = "#3d3d42";
+export const TokenComponentTreeIconHover = "#009cde";
+export const TokenComponentTreeIconActive = "#0174bc";
+export const TokenComponentTreeBackgroundDefault = "#ffffff";
+export const TokenComponentTreeBackgroundHover = "#edf8ff";
+export const TokenComponentTreeExpandedAreaBorder = "#83838c";
+export const TokenComponentWidgetDownloadText = "#343438";
+export const TokenComponentWidgetDownloadBorder = "#d6d6dd";
+export const TokenComponentWidgetDownloadBackgroundHeader = "#f7f7fa";
+export const TokenComponentWidgetDownloadBackgroundDefault = "#ffffff";
+export const TokenComponentWidgetDownloadIconDefault = "#3d3d42";
+export const TokenComponentWidgetDownloadIconSuccess = "#00b050";
+export const TokenComponentWidgetDownloadIconError = "#d63c42";
+export const TokenComponentWidgetUploadDefaultBackground = "#ffffff";
+export const TokenComponentWidgetUploadDefaultBorder = "#83838c";
+export const TokenComponentWidgetUploadDefaultIcon = "#3d3d42";
+export const TokenComponentWidgetUploadDefaultTextDefault = "#343438";
+export const TokenComponentWidgetUploadDefaultTextLink = "#0174bc";
+export const TokenComponentWidgetUploadHoverBackground = "#edf8ff";
+export const TokenComponentWidgetUploadHoverBorder = "#0174bc";
+export const TokenComponentWidgetUploadHoverIcon = "#3d3d42";
+export const TokenComponentWidgetUploadHoverTextDefault = "#343438";
+export const TokenComponentWidgetUploadHoverTextLink = "#0174bc";
+export const TokenComponentWidgetUploadDisabledBackground = "#ededf2";
+export const TokenComponentWidgetUploadDisabledBorder = "#c2c2ca";
+export const TokenComponentWidgetUploadDisabledIcon = "#a3a3ab";
+export const TokenComponentWidgetUploadDisabledText = "#a3a3ab";
+export const TokenComponentStepperHorizontalLine = "#d6d6dd";
+export const TokenComponentStepperHorizontalPastItemCircleBackground = "#edf8ff";
+export const TokenComponentStepperHorizontalPastItemCircleBorder = "#0174bc";
+export const TokenComponentStepperHorizontalPastItemCircleText = "#0174bc";
+export const TokenComponentStepperHorizontalPastItemCircleIcon = "#0174bc";
+export const TokenComponentStepperHorizontalPastItemTextDefault = "#343438";
+export const TokenComponentStepperHorizontalPastItemTextHover = "#0174bc";
+export const TokenComponentStepperHorizontalCurrentItemCircleBackground = "#0174bc";
+export const TokenComponentStepperHorizontalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperHorizontalCurrentItemTextDefault = "#343438";
+export const TokenComponentStepperHorizontalCurrentItemTextHover = "#0174bc";
+export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#ffffff";
+export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#d6d6dd";
+export const TokenComponentStepperHorizontalFutureItemCircleText = "#a3a3ab";
+export const TokenComponentStepperHorizontalFutureItemText = "#a3a3ab";
+export const TokenComponentStepperVerticalBackground = "#ffffff";
+export const TokenComponentStepperVerticalBorder = "#d6d6dd";
+export const TokenComponentStepperVerticalIcon = "#3d3d42";
+export const TokenComponentStepperVerticalPastItemCircleBackground = "#edf8ff";
+export const TokenComponentStepperVerticalPastItemCircleBorder = "#0174bc";
+export const TokenComponentStepperVerticalPastItemCircleText = "#0174bc";
+export const TokenComponentStepperVerticalPastItemCircleIcon = "#0174bc";
+export const TokenComponentStepperVerticalPastItemTextDefault = "#343438";
+export const TokenComponentStepperVerticalPastItemTextHover = "#0174bc";
+export const TokenComponentStepperVerticalCurrentItemIcon = "#0174bc";
+export const TokenComponentStepperVerticalCurrentItemCircleBackground = "#0174bc";
+export const TokenComponentStepperVerticalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperVerticalCurrentItemTextDefault = "#343438";
+export const TokenComponentStepperVerticalCurrentItemTextHover = "#0174bc";
+export const TokenComponentStepperVerticalFutureItemCircleBackground = "#ffffff";
+export const TokenComponentStepperVerticalFutureItemCircleBorder = "#83838c";
+export const TokenComponentStepperVerticalFutureItemCircleText = "#696970";
+export const TokenComponentStepperVerticalFutureItemTextDefault = "#343438";
+export const TokenComponentStepperVerticalFutureItemTextHover = "#0174bc";
+export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#ffffff";
+export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#d6d6dd";
+export const TokenComponentStepperVerticalDisabledItemCircleText = "#a3a3ab";
+export const TokenComponentStepperVerticalDisabledItemText = "#a3a3ab";
+export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#009cde";
+export const TokenComponentAdvancedSearchFilterIconAppliedIcon = "#0174bc";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeBackground = "#d63c42";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterIconDisabledIcon = "#a3a3ab";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeBackground = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaBackground = "#f7f7fa";
+export const TokenComponentAdvancedSearchFilterAreaBorder = "#d6d6dd";
+export const TokenComponentAdvancedSearchFilterAreaTextDefault = "#343438";
+export const TokenComponentAdvancedSearchFilterAreaTextLink = "#0174bc";
+export const TokenComponentAdvancedSearchFilterAreaIconDefault = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterAreaIconHover = "#009cde";
+export const TokenComponentAdvancedSearchFilterAreaIconDisabled = "#a3a3ab";
+export const TokenComponentAdvancedSearchFilterAreaTagBackground = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaTagBorder = "#d6d6dd";
+export const TokenComponentAdvancedSearchFilterAreaTagOperatorIcon = "#c25d05";
+export const TokenComponentAdvancedSearchFilterAreaTagIconDefault = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterAreaTagIconHover = "#009cde";
+export const TokenComponentSegmentedStatusButtonDefaultBackground = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDefaultBorder = "#83838c";
+export const TokenComponentSegmentedStatusButtonDefaultText = "#696970";
+export const TokenComponentSegmentedStatusButtonDefaultIcon = "#696970";
+export const TokenComponentSegmentedStatusButtonHoverBackground = "#edf8ff";
+export const TokenComponentSegmentedStatusButtonHoverBorder = "#83838c";
+export const TokenComponentSegmentedStatusButtonHoverText = "#696970";
+export const TokenComponentSegmentedStatusButtonHoverIcon = "#696970";
+export const TokenComponentSegmentedStatusButtonDisabledBackground = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDisabledBorder = "#c2c2ca";
+export const TokenComponentSegmentedStatusButtonDisabledText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveBackground = "#b7dfba";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonActivePositiveBackground = "#07a04d";
+export const TokenComponentSegmentedStatusButtonActivePositiveText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActivePositiveIcon = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeBackground = "#f9c6c6";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonActiveNegativeBackground = "#d0343a";
+export const TokenComponentSegmentedStatusButtonActiveNegativeText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActiveNegativeIcon = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralBackground = "#c2c2ca";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonActiveNeutralBackground = "#83838c";
+export const TokenComponentSegmentedStatusButtonActiveNeutralText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActiveNeutralIcon = "#ffffff";
+export const TokenComponentLinkSelectDefaultText = "#0174bc";
+export const TokenComponentLinkSelectDefaultIcon = "#3d3d42";
+export const TokenComponentLinkSelectHoverText = "#009cde";
+export const TokenComponentLinkSelectHoverIcon = "#009cde";
+export const TokenComponentLinkSelectFilledText = "#0174bc";
+export const TokenComponentLinkSelectFilledIcon = "#3d3d42";
+export const TokenComponentLinkSelectDisabledText = "#a3a3ab";
+export const TokenComponentLinkSelectDisabledIcon = "#a3a3ab";
+export const TokenComponentLinkSelectFocusText = "#0174bc";
+export const TokenComponentLinkSelectFocusIcon = "#3d3d42";
+export const TokenComponentLinkSelectReadOnlyText = "#343438";
diff --git a/dist/themes/densedLight/tokens.scss b/dist/themes/densedLight/tokens.scss
new file mode 100644
index 0000000..898f716
--- /dev/null
+++ b/dist/themes/densedLight/tokens.scss
@@ -0,0 +1,1607 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$token-global-color-neutrals-5: #f7f7fa; // Page background color, disabled form elements fill (input, text area, etc)
+$token-global-color-neutrals-10: #ededf2; // UI element bg
+$token-global-color-neutrals-20: #e5e5ea; // Subtle background
+$token-global-color-neutrals-30: #d6d6dd; // Container border, divider, stroke
+$token-global-color-neutrals-40: #c2c2ca; // Disabled border
+$token-global-color-neutrals-50: #a3a3ab;
+$token-global-color-neutrals-60: #83838c; // Default field border
+$token-global-color-neutrals-70: #696970; // Color for text placeholder and hints
+$token-global-color-neutrals-80: #515157;
+$token-global-color-neutrals-90: #3d3d42; // Default icon color, hover color for fields border
+$token-global-color-neutrals-100: #343438; // Default text color
+$token-global-color-neutrals-black: #232326; // Global header and footer
+$token-global-color-neutrals-white: #ffffff;
+$token-global-color-brand-5: #f5fbff;
+$token-global-color-brand-10: #edf8ff;
+$token-global-color-brand-20: #e1f4ff;
+$token-global-color-brand-30: #ceedfe;
+$token-global-color-brand-40: #afdef8;
+$token-global-color-brand-50: #96cff0;
+$token-global-color-brand-60: #5bb3ea;
+$token-global-color-brand-70: #009cde; // Akamai Blue
+$token-global-color-brand-80: #108ad6;
+$token-global-color-brand-90: #0174bc; // Akamai Websafe Blue
+$token-global-color-brand-100: #00314d;
+$token-global-color-red-5: #fff8f8;
+$token-global-color-red-10: #ffefef;
+$token-global-color-red-20: #ffe5e5;
+$token-global-color-red-30: #fdd8d8;
+$token-global-color-red-40: #f9c6c6;
+$token-global-color-red-50: #f3aeaf;
+$token-global-color-red-60: #eb9091;
+$token-global-color-red-70: #d63c42; // Critical or high severity
+$token-global-color-red-80: #d0343a; // Akamai Red
+$token-global-color-red-90: #b82329;
+$token-global-color-red-100: #381316;
+$token-global-color-orange-5: #fef9f4;
+$token-global-color-orange-10: #fff3e7;
+$token-global-color-orange-20: #ffebd7;
+$token-global-color-orange-30: #ffe1c3;
+$token-global-color-orange-40: #facfa4;
+$token-global-color-orange-50: #f2b67b;
+$token-global-color-orange-60: #f09d4b;
+$token-global-color-orange-70: #fe9933; // Akamai Orange. High or medium severity
+$token-global-color-orange-80: #f0821d;
+$token-global-color-orange-90: #c25d05;
+$token-global-color-orange-100: #451e11;
+$token-global-color-amber-5: #fff9ed;
+$token-global-color-amber-10: #fff4d5;
+$token-global-color-amber-20: #ffecbc;
+$token-global-color-amber-30: #ffe3a2;
+$token-global-color-amber-40: #facf83;
+$token-global-color-amber-50: #f3ba63;
+$token-global-color-amber-60: #edb016;
+$token-global-color-amber-70: #fecb34; // Medium or low severity
+$token-global-color-amber-80: #f2b90e;
+$token-global-color-amber-90: #ce9a00;
+$token-global-color-amber-100: #403104;
+$token-global-color-yellow-5: #ffffeb;
+$token-global-color-yellow-10: #fafadf;
+$token-global-color-yellow-20: #f9f9c9;
+$token-global-color-yellow-30: #f8f8b6;
+$token-global-color-yellow-40: #f5f596;
+$token-global-color-yellow-50: #e8e86a;
+$token-global-color-yellow-60: #dfdf39;
+$token-global-color-yellow-70: #f5f531;
+$token-global-color-yellow-80: #e5e50a;
+$token-global-color-yellow-90: #bfbf0d;
+$token-global-color-yellow-100: #35290f;
+$token-global-color-lime-5: #f7fcf0;
+$token-global-color-lime-10: #eefadc;
+$token-global-color-lime-20: #e4f7c7;
+$token-global-color-lime-30: #d7f2b0;
+$token-global-color-lime-40: #c9e894;
+$token-global-color-lime-50: #b1d16a;
+$token-global-color-lime-60: #94ba2c;
+$token-global-color-lime-70: #99d52a;
+$token-global-color-lime-80: #93c926;
+$token-global-color-lime-90: #5d770d;
+$token-global-color-lime-100: #263209;
+$token-global-color-green-5: #f3fcf3;
+$token-global-color-green-10: #ebf9eb;
+$token-global-color-green-20: #dff3df;
+$token-global-color-green-30: #ceebcf;
+$token-global-color-green-40: #b7dfba;
+$token-global-color-green-50: #97cf9c;
+$token-global-color-green-60: #65ba75;
+$token-global-color-green-70: #00b050; // Akamai Green. Low severity (human)
+$token-global-color-green-80: #07a04d;
+$token-global-color-green-90: #138246;
+$token-global-color-green-100: #1b311e;
+$token-global-color-teal-5: #f1fcfa;
+$token-global-color-teal-10: #e7f9f5;
+$token-global-color-teal-20: #d9f3ee;
+$token-global-color-teal-30: #c7ebe5;
+$token-global-color-teal-40: #afdfd7;
+$token-global-color-teal-50: #8dcec3;
+$token-global-color-teal-60: #53b9ab;
+$token-global-color-teal-70: #12a594;
+$token-global-color-teal-80: #0e9888;
+$token-global-color-teal-90: #067a6f;
+$token-global-color-teal-100: #10302b;
+$token-global-color-cyan-5: #f2fcfd;
+$token-global-color-cyan-10: #e7f9fb;
+$token-global-color-cyan-20: #d8f3f6;
+$token-global-color-cyan-30: #aadee6;
+$token-global-color-cyan-40: #84cdda;
+$token-global-color-cyan-50: #84cdda;
+$token-global-color-cyan-60: #3db9cf;
+$token-global-color-cyan-70: #05a2c2;
+$token-global-color-cyan-80: #0894b3;
+$token-global-color-cyan-90: #0c7792;
+$token-global-color-cyan-100: #04313c;
+$token-global-color-ultramarine-5: #f8faff;
+$token-global-color-ultramarine-10: #f0f4ff;
+$token-global-color-ultramarine-20: #e6edfe;
+$token-global-color-ultramarine-30: #d9e2fc;
+$token-global-color-ultramarine-40: #c6d4f9;
+$token-global-color-ultramarine-50: #aec0f5;
+$token-global-color-ultramarine-60: #8da4ef;
+$token-global-color-ultramarine-70: #4067e5;
+$token-global-color-ultramarine-80: #3a5ccc;
+$token-global-color-ultramarine-90: #3451b2;
+$token-global-color-ultramarine-100: #002856; // Akamai Dark Navy
+$token-global-color-violet-5: #fbfaff;
+$token-global-color-violet-10: #f5f2ff;
+$token-global-color-violet-20: #ede9fe;
+$token-global-color-violet-30: #e4defc;
+$token-global-color-violet-40: #d7cff9;
+$token-global-color-violet-50: #c4b8f3;
+$token-global-color-violet-60: #aa99ec;
+$token-global-color-violet-70: #7259d6;
+$token-global-color-violet-80: #644fc1;
+$token-global-color-violet-90: #5746af;
+$token-global-color-violet-100: #20134b;
+$token-global-color-purple-5: #fdfaff;
+$token-global-color-purple-10: #f9f1fe;
+$token-global-color-purple-20: #f3e7fc;
+$token-global-color-purple-30: #eddbf9;
+$token-global-color-purple-40: #e3ccf4;
+$token-global-color-purple-50: #d3b4ed;
+$token-global-color-purple-60: #be93e4;
+$token-global-color-purple-70: #8e4ec6;
+$token-global-color-purple-80: #8445bc;
+$token-global-color-purple-90: #753bbd; // Akamai Purple
+$token-global-color-purple-100: #2b0e44;
+$token-global-color-magenta-5: #fff8ff;
+$token-global-color-magenta-10: #fceffc;
+$token-global-color-magenta-20: #f9e5f9;
+$token-global-color-magenta-30: #f3d9f4;
+$token-global-color-magenta-40: #ebc8ed;
+$token-global-color-magenta-50: #dfafe3;
+$token-global-color-magenta-60: #cf91d8;
+$token-global-color-magenta-70: #ab4aba; // Critical severity
+$token-global-color-magenta-80: #a43cb4;
+$token-global-color-magenta-90: #9c2bad;
+$token-global-color-magenta-100: #340c3b;
+$token-global-color-pink-5: #fff7fc;
+$token-global-color-pink-10: #feeef8;
+$token-global-color-pink-20: #fce5f3;
+$token-global-color-pink-30: #f9d8ec;
+$token-global-color-pink-40: #f3c6e2;
+$token-global-color-pink-50: #ecadd4;
+$token-global-color-pink-60: #e38ec3;
+$token-global-color-pink-70: #e043a7;
+$token-global-color-pink-80: #d23197;
+$token-global-color-pink-90: #cd1d8d;
+$token-global-color-pink-100: #3b0a2a;
+$token-global-color-brown-5: #fbf9f2;
+$token-global-color-brown-10: #f5f2e9;
+$token-global-color-brown-20: #eeeadd;
+$token-global-color-brown-30: #e5dfd0;
+$token-global-color-brown-40: #dad1bd;
+$token-global-color-brown-50: #cbbda4;
+$token-global-color-brown-60: #b8a383;
+$token-global-color-brown-70: #978365;
+$token-global-color-brown-80: #8c795d;
+$token-global-color-brown-90: #776750;
+$token-global-color-brown-100: #3b352b;
+$token-global-spacing-0: 0rem;
+$token-global-spacing-10: 0.125rem; // 2px
+$token-global-spacing-20: 0.25rem; // 4px
+$token-global-spacing-30: 0.375rem; // 6px
+$token-global-spacing-40: 0.5rem; // 8px
+$token-global-spacing-50: 0.75rem; // 12px
+$token-global-spacing-60: 1rem; // 16px
+$token-global-spacing-70: 1.5rem; // 24px
+$token-global-spacing-80: 2rem; // 32px
+$token-global-spacing-90: 3rem; // 48px
+$token-global-font-font-family-brand: 'Nunito Sans';
+$token-global-font-font-family-code: 'Fira Code';
+$token-global-font-font-weight-semibold: 600;
+$token-global-font-font-weight-bold: 700;
+$token-global-font-font-weight-extrabold: 800;
+$token-global-font-font-weight-regular-normal: 400;
+$token-global-font-font-weight-regular-italic: 400;
+$token-global-font-font-size-xxxs: 0.75rem; // 12px
+$token-global-font-font-size-xxs: 0.813rem; // 13px
+$token-global-font-font-size-xs: 0.875rem; // 14px
+$token-global-font-font-size-s: 1rem; // 16px
+$token-global-font-font-size-m: 1.125rem; // 18px
+$token-global-font-font-size-l: 1.25rem; // 20px
+$token-global-font-font-size-xl: 1.5rem; // 24px
+$token-global-font-font-size-xxl: 1.75rem; // 28px
+$token-global-font-font-size-xxxl: 2.25rem; // 36px
+$token-global-font-line-height-xxxs: 1rem; // 16px
+$token-global-font-line-height-xxs: 1.125rem; // 18px
+$token-global-font-line-height-xs: 1.25rem; // 20px
+$token-global-font-line-height-s: 1.5rem; // 24px
+$token-global-font-line-height-m: 1.625rem; // 26px
+$token-global-font-line-height-l: 1.875rem; // 30px
+$token-global-font-line-height-xl: 2rem; // 32px
+$token-global-font-line-height-xxl: 2.375rem; // 38px
+$token-global-font-line-height-xxxl: 2.625rem; // 42px
+$token-global-font-textcase-uppercase: uppercase;
+$token-global-border-radius-none: 0rem;
+$token-alias-content-text-base: #ffffff; // Use as color for text on a dark surface
+$token-alias-content-text-negative: #b82329; // Use to indicate error messages
+$token-alias-content-text-warning: #fecb34;
+$token-alias-content-text-positive: #00b050;
+$token-alias-content-text-informative: #4067e5;
+$token-alias-content-text-primary-default: #343438; // Primary color for text
+$token-alias-content-text-primary-disabled: #a3a3ab; // Use only to indicate a disabled state of a primary text color
+$token-alias-content-text-secondary-default: #696970; // Secondary color for text (placeholders, hints)
+$token-alias-content-text-secondary-disabled: #a3a3ab; // Use only to indicate a disabled state of a secondary text color
+$token-alias-content-text-link-default: #0174bc; // Use only for links
+$token-alias-content-text-link-hover: #009cde; // Use only as a hover on links
+$token-alias-content-text-link-disabled: #a3a3ab; // Use only to indicate a disabled state for links
+$token-alias-content-icon-base: #ffffff; // Use as color for icons on a dark surface
+$token-alias-content-icon-negative: #d63c42; // Use only for icons to indicate an error state
+$token-alias-content-icon-warning: #fecb34; // Use only for icons to indicate a warning state
+$token-alias-content-icon-positive: #00b050; // Use only for icons to indicate a success state
+$token-alias-content-icon-informative: #4067e5; // Use only for icons to indicate an info state
+$token-alias-content-icon-primary-default: #3d3d42; // Default color for icons
+$token-alias-content-icon-primary-hover: #009cde; // Use only as a hover state for icons
+$token-alias-content-icon-primary-active: #0174bc; // Use only as a selected/active state for icons
+$token-alias-content-icon-primary-disabled: #a3a3ab; // Use only as a disabled state for icons
+$token-alias-content-icon-secondary-default: #696970; // Secondary icon color (placeholder, etc)
+$token-alias-content-icon-secondary-disabled: #a3a3ab; // Use only as a disabled state for a secondary icon color
+$token-alias-border-normal: #d6d6dd; // Border color for static ui elements and components
+$token-alias-border-neutral: #343438;
+$token-alias-border-negative: #d63c42; // Use only for borders to indicate an error state
+$token-alias-border-warning: #fecb34; // Use only for borders to indicate a warning state
+$token-alias-border-positive: #00b050; // Use only for borders to indicate a success state
+$token-alias-border-informative: #4067e5; // Use only for borders to indicate an info state
+$token-alias-background-normal: #ffffff; // Primary background color
+$token-alias-background-neutral: #f7f7fa; // Page background color
+$token-alias-background-base: #343438; // Tooltip background
+$token-alias-background-negative: #d63c42;
+$token-alias-background-warning: #fecb34;
+$token-alias-background-positive: #00b050;
+$token-alias-background-informative: #4067e5;
+$token-alias-background-black: #232326; // Use only for a global header and global footer background
+$token-alias-background-negativesubtle: #ffefef;
+$token-alias-background-warningsubtle: #fff4d5;
+$token-alias-background-positivesubtle: #ebf9eb;
+$token-alias-background-informativesubtle: #f0f4ff;
+$token-alias-background-neutralsubtle: #e5e5ea;
+$token-alias-background-overlay: lch(13.8 2.09 286 / 0.24); // Page dimming when the modal component is active
+$token-alias-action-base: #ffffff;
+$token-alias-action-neutral: #83838c;
+$token-alias-action-white50: rgba(255, 255, 255, 0.5); // Transparent disabled switcher circle
+$token-alias-action-primary-default: #0174bc; // Brand action color
+$token-alias-action-primary-hover: #009cde;
+$token-alias-action-primary-active: #0174bc;
+$token-alias-action-primary-disabled: #e5e5ea;
+$token-alias-action-secondary-hover: #edf8ff;
+$token-alias-action-secondary-disabled: #c2c2ca;
+$token-alias-action-tertiary-disabled: #afdef8;
+$token-alias-action-positive-default: #07a04d;
+$token-alias-action-positive-disabled: #b7dfba;
+$token-alias-action-negative-default: #d0343a;
+$token-alias-action-negative-disabled: #f9c6c6;
+$token-alias-interaction-border-default: #83838c; // Default inputs border
+$token-alias-interaction-border-hover: #3d3d42;
+$token-alias-interaction-border-focus: #0174bc;
+$token-alias-interaction-border-error: #d63c42;
+$token-alias-interaction-border-disabled: #c2c2ca;
+$token-alias-interaction-background-primary: #ffffff; // Default component background color
+$token-alias-interaction-background-secondary: #f7f7fa;
+$token-alias-interaction-background-tertiary: #edf8ff;
+$token-alias-interaction-background-elevated: #edf8ff; // Calendar range background, table row hover 
+$token-alias-interaction-background-accent: #ceedfe;
+$token-alias-interaction-background-active: #0174bc;
+$token-alias-interaction-background-disabled: #ededf2;
+$token-alias-elevation-s: 0 2px 6px 0 rgba(58,59,63,0.18); // Default shadow for components, like notification banners, dropdowns, popups;
+$token-alias-elevation-s-inverted: 0 -2px 6px 0 rgba(58,59,63,0.18); // Inverted shadow for elements that appear above the component
+$token-alias-elevation-l: 0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08); // Shadow for modals
+$token-alias-typography-heading-xxxl: 700 2.25rem/2.625rem 'Nunito Sans'; // Promo banners, KPIs
+$token-alias-typography-heading-xxl: 800 1.75rem/2rem 'Nunito Sans'; // Main titles - h1
+$token-alias-typography-heading-xl: 700 1.5rem/1.875rem 'Nunito Sans'; // Second level title - h2
+$token-alias-typography-heading-l: 700 1.25rem/1.625rem 'Nunito Sans'; // Third level title - h3
+$token-alias-typography-heading-m: 700 1.125rem/1.5rem 'Nunito Sans'; // Drawer, modal title - h4
+$token-alias-typography-heading-s: 700 1rem/1.25rem 'Nunito Sans'; // Advanced search, bars, master switch titles - h5
+$token-alias-typography-heading-xs: 700 0.875rem/1.125rem 'Nunito Sans'; // Low level headings - h6
+$token-alias-typography-heading-overline: 800 0.75rem/1rem 'Nunito Sans'; // Custom labels for content blocks
+$token-alias-typography-heading-overline-letter-spacing: 0.023rem; // Overline letter spacing
+$token-alias-typography-heading-overline-text-case: uppercase; // Overline text case
+$token-alias-typography-body-regular: 400 0.875rem/1.25rem 'Nunito Sans'; // Main body text
+$token-alias-typography-body-semibold: 600 0.875rem/1.25rem 'Nunito Sans'; // Light emphasis
+$token-alias-typography-body-bold: 700 0.875rem/1.25rem 'Nunito Sans'; // Emphasis
+$token-alias-typography-body-extrabold: 800 0.875rem/1.25rem 'Nunito Sans'; // Max emphasis
+$token-alias-typography-body-list: 400 0.875rem/1.25rem 'Nunito Sans'; // For list items
+$token-alias-typography-body-italic: 400 0.875rem/1.25rem 'Nunito Sans';
+$token-alias-typography-label-semibold-l: 600 1rem/1.25rem 'Nunito Sans'; // Large tabs
+$token-alias-typography-label-semibold-s: 600 0.875rem/1rem 'Nunito Sans'; // Large buttons, list, segmented buttons, side navigation, small tables
+$token-alias-typography-label-semibold-xs: 600 0.75rem/1rem 'Nunito Sans'; // Small buttons, tags, warning message under field
+$token-alias-typography-label-bold-l: 700 1rem/1.25rem 'Nunito Sans'; // Card, content panel, vertical stepper
+$token-alias-typography-label-bold-s: 700 0.875rem/1rem 'Nunito Sans'; // Field labels, table header, date&time pickers
+$token-alias-typography-label-bold-xs: 700 0.75rem/0.875rem 'Nunito Sans'; // Badge number
+$token-alias-typography-label-regular-s: 400 0.875rem/1rem 'Nunito Sans'; // Field entered text, dropdown item, table cell, pagination
+$token-alias-typography-label-regular-xs: 400 0.75rem/1rem 'Nunito Sans'; // Optional text, small dropdown item
+$token-alias-typography-label-regular-placeholder: 400 0.875rem/1rem 'Nunito Sans';
+$token-alias-typography-code: 400 0.813rem/1.25rem 'Fira Code'; // Code samples
+$token-alias-accent-info-primary: #3451b2;
+$token-alias-accent-info-secondary: lch(36.7 58.2 286 / 0.12);
+$token-alias-accent-neutral-primary: #515157;
+$token-alias-accent-neutral-secondary: lch(34.6 3.66 286 / 0.12);
+$token-alias-accent-warning-primary: #c25d05;
+$token-alias-accent-warning-secondary: lch(67.2 71.6 80.1 / 0.12);
+$token-alias-accent-negative-primary: #b82329;
+$token-alias-accent-negative-secondary: lch(41.2 69 32.4 / 0.12);
+$token-alias-accent-positive-primary: #138246;
+$token-alias-accent-positive-secondary: lch(47.6 47.7 150 / 0.12);
+$token-alias-accent-important-primary: #753bbd;
+$token-alias-accent-important-secondary: lch(38.2 75 307 / 0.12);
+$token-alias-accent-pink-primary: #cd1d8d;
+$token-alias-accent-pink-secondary: lch(47.1 72.1 347 / 0.12);
+$token-alias-accent-violet-primary: #5746af;
+$token-alias-accent-violet-secondary: lch(36.2 62.1 298 / 0.12);
+$token-alias-chart-neutral: #d6d6dd;
+$token-alias-chart-categorical-1-primary: #4067e5;
+$token-alias-chart-categorical-1-inactive: #d9e2fc;
+$token-alias-chart-categorical-1-transparent: lch(46.5 72.3 286 / 0.2);
+$token-alias-chart-categorical-2-primary: #fe9933;
+$token-alias-chart-categorical-2-inactive: #ffe1c3;
+$token-alias-chart-categorical-2-transparent: lch(72.9 74.2 63 / 0.2);
+$token-alias-chart-categorical-3-primary: #12a594;
+$token-alias-chart-categorical-3-inactive: #c7ebe5;
+$token-alias-chart-categorical-3-transparent: lch(60.7 39.7 183 / 0.2);
+$token-alias-chart-categorical-4-primary: #ab4aba;
+$token-alias-chart-categorical-4-inactive: #f3d9f4;
+$token-alias-chart-categorical-4-transparent: lch(48.2 66.6 322 / 0.2);
+$token-alias-chart-categorical-5-primary: #d63c42;
+$token-alias-chart-categorical-5-inactive: #fdd8d8;
+$token-alias-chart-categorical-5-transparent: lch(50.1 69.5 29.4 / 0.2);
+$token-alias-chart-categorical-6-primary: #05a2c2;
+$token-alias-chart-categorical-6-inactive: #aadee6;
+$token-alias-chart-categorical-6-transparent: lch(61 38.6 224 / 0.2);
+$token-alias-chart-categorical-7-primary: #e043a7;
+$token-alias-chart-categorical-7-inactive: #f9d8ec;
+$token-alias-chart-categorical-7-transparent: lch(55 70 344 / 0.2);
+$token-alias-chart-categorical-8-primary: #00b050;
+$token-alias-chart-categorical-8-inactive: #ceebcf;
+$token-alias-chart-categorical-8-transparent: lch(63 67 146 / 0.2);
+$token-alias-chart-categorical-9-primary: #7259d6;
+$token-alias-chart-categorical-9-inactive: #e4defc;
+$token-alias-chart-categorical-9-transparent: lch(45.6 71 299 / 0.2);
+$token-alias-chart-categorical-10-primary: #99d52a;
+$token-alias-chart-categorical-10-inactive: #d7f2b0;
+$token-alias-chart-categorical-10-transparent: lch(79 79.1 118 / 0.2);
+$token-alias-chart-categorical-11-primary: #696970;
+$token-alias-chart-categorical-11-inactive: #d6d6dd;
+$token-alias-chart-categorical-11-transparent: lch(44.6 4.09 286 / 0.2);
+$token-alias-chart-categorical-12-primary: #8da4ef;
+$token-alias-chart-categorical-12-inactive: #d9e2fc;
+$token-alias-chart-categorical-12-transparent: lch(67.9 41.2 278 / 0.2);
+$token-alias-chart-categorical-13-primary: #c25d05;
+$token-alias-chart-categorical-13-inactive: #ffe1c3;
+$token-alias-chart-categorical-13-transparent: lch(51.7 70.9 57.2 / 0.2);
+$token-alias-chart-categorical-14-primary: #067a6f;
+$token-alias-chart-categorical-14-inactive: #c7ebe5;
+$token-alias-chart-categorical-14-transparent: lch(45.6 31.8 185 / 0.2);
+$token-alias-chart-categorical-15-primary: #cf91d8;
+$token-alias-chart-categorical-15-inactive: #f3d9f4;
+$token-alias-chart-categorical-15-transparent: lch(68.3 42.4 321 / 0.2);
+$token-alias-chart-categorical-16-primary: #eb9091;
+$token-alias-chart-categorical-16-inactive: #fdd8d8;
+$token-alias-chart-categorical-16-transparent: lch(69.6 38.4 22.9 / 0.2);
+$token-alias-chart-categorical-17-primary: #0c7792;
+$token-alias-chart-categorical-17-inactive: #aadee6;
+$token-alias-chart-categorical-17-transparent: lch(45.7 30.9 228 / 0.2);
+$token-alias-chart-categorical-18-primary: #e38ec3;
+$token-alias-chart-categorical-18-inactive: #f9d8ec;
+$token-alias-chart-categorical-18-transparent: lch(69.3 40.8 341 / 0.2);
+$token-alias-chart-categorical-19-primary: #97cf9c;
+$token-alias-chart-categorical-19-inactive: #ceebcf;
+$token-alias-chart-categorical-19-transparent: lch(78.2 32.7 144 / 0.2);
+$token-alias-chart-categorical-20-primary: #aa99ec;
+$token-alias-chart-categorical-20-inactive: #e4defc;
+$token-alias-chart-categorical-20-transparent: lch(67.2 44.6 296 / 0.2);
+$token-alias-chart-categorical-21-primary: #94ba2c;
+$token-alias-chart-categorical-21-inactive: #d7f2b0;
+$token-alias-chart-categorical-21-transparent: lch(70.8 67.7 114 / 0.2);
+$token-alias-chart-categorical-22-primary: #3d3d42;
+$token-alias-chart-categorical-22-inactive: #d6d6dd;
+$token-alias-chart-categorical-22-transparent: lch(25.9 3.2 286 / 0.2);
+$token-alias-chart-monochromatic-default-5: #f8faff;
+$token-alias-chart-monochromatic-default-10: #f0f4ff;
+$token-alias-chart-monochromatic-default-20: #e6edfe;
+$token-alias-chart-monochromatic-default-30: #d9e2fc;
+$token-alias-chart-monochromatic-default-40: #c6d4f9;
+$token-alias-chart-monochromatic-default-50: #aec0f5;
+$token-alias-chart-monochromatic-default-60: #8da4ef;
+$token-alias-chart-monochromatic-default-70: #4067e5;
+$token-alias-chart-monochromatic-default-90: #3451b2;
+$token-alias-chart-monochromatic-default-100: #002856;
+$token-alias-chart-monochromatic-danger-5: #fff8f8;
+$token-alias-chart-monochromatic-danger-10: #ffefef;
+$token-alias-chart-monochromatic-danger-20: #ffe5e5;
+$token-alias-chart-monochromatic-danger-30: #fdd8d8;
+$token-alias-chart-monochromatic-danger-40: #f9c6c6;
+$token-alias-chart-monochromatic-danger-50: #f3aeaf;
+$token-alias-chart-monochromatic-danger-60: #eb9091;
+$token-alias-chart-monochromatic-danger-70: #d63c42;
+$token-alias-chart-monochromatic-danger-90: #b82329;
+$token-alias-chart-monochromatic-danger-100: #381316;
+$token-alias-chart-status-negative: #d63c42;
+$token-alias-chart-status-warning: #fecb34;
+$token-alias-chart-status-positive: #00b050;
+$token-component-button-primary-default-background: #0174bc;
+$token-component-button-primary-default-text: #ffffff;
+$token-component-button-primary-default-icon: #ffffff;
+$token-component-button-primary-hover-background: #009cde;
+$token-component-button-primary-hover-text: #ffffff;
+$token-component-button-primary-hover-icon: #ffffff;
+$token-component-button-primary-pressed-background: #0174bc;
+$token-component-button-primary-pressed-text: #ffffff;
+$token-component-button-primary-pressed-icon: #ffffff;
+$token-component-button-primary-disabled-background: #e5e5ea;
+$token-component-button-primary-disabled-text: #a3a3ab;
+$token-component-button-primary-disabled-icon: #a3a3ab;
+$token-component-button-primary-loading-background: #0174bc;
+$token-component-button-secondary-default-background: #ffffff;
+$token-component-button-secondary-default-border: #0174bc;
+$token-component-button-secondary-default-text: #0174bc;
+$token-component-button-secondary-default-icon: #0174bc;
+$token-component-button-secondary-hover-background: #edf8ff;
+$token-component-button-secondary-hover-border: #009cde;
+$token-component-button-secondary-hover-text: #0174bc;
+$token-component-button-secondary-hover-icon: #0174bc;
+$token-component-button-secondary-pressed-background: #ffffff;
+$token-component-button-secondary-pressed-border: #0174bc;
+$token-component-button-secondary-pressed-text: #0174bc;
+$token-component-button-secondary-pressed-icon: #0174bc;
+$token-component-button-secondary-disabled-background: #ffffff;
+$token-component-button-secondary-disabled-border: #c2c2ca;
+$token-component-button-secondary-disabled-text: #a3a3ab;
+$token-component-button-secondary-disabled-icon: #a3a3ab;
+$token-component-button-secondary-loading-background: #ffffff;
+$token-component-button-secondary-loading-border: #0174bc;
+$token-component-button-link-default-text: #0174bc;
+$token-component-button-link-default-icon: #0174bc;
+$token-component-button-link-hover-text: #009cde;
+$token-component-button-link-hover-icon: #009cde;
+$token-component-button-link-pressed-text: #0174bc;
+$token-component-button-link-pressed-icon: #0174bc;
+$token-component-button-link-disabled-text: #a3a3ab;
+$token-component-button-link-disabled-icon: #a3a3ab;
+$token-component-container-background: #ffffff;
+$token-component-container-border: #d6d6dd;
+$token-component-table-header-filled-background: #343438;
+$token-component-table-header-filled-text: #ffffff;
+$token-component-table-header-filled-icon: #ffffff;
+$token-component-table-header-outlined-border: #343438;
+$token-component-table-header-outlined-text: #343438;
+$token-component-table-header-outlined-icon: #3d3d42;
+$token-component-table-row-border: #d6d6dd;
+$token-component-table-row-icon-default: #3d3d42;
+$token-component-table-row-icon-disabled: #a3a3ab;
+$token-component-table-row-icon-hover: #009cde;
+$token-component-table-row-background-default: #ffffff;
+$token-component-table-row-background-zebra: #f7f7fa;
+$token-component-table-row-background-hover: #edf8ff;
+$token-component-table-row-text-default: #343438;
+$token-component-table-row-text-placeholder: #696970;
+$token-component-table-row-text-link: #0174bc;
+$token-component-menu-button-primary-default-background: #0174bc;
+$token-component-menu-button-primary-default-text: #ffffff;
+$token-component-menu-button-primary-default-icon: #ffffff;
+$token-component-menu-button-primary-hover-background: #009cde;
+$token-component-menu-button-primary-hover-text: #ffffff;
+$token-component-menu-button-primary-hover-icon: #ffffff;
+$token-component-menu-button-primary-pressed-background: #0174bc;
+$token-component-menu-button-primary-pressed-text: #ffffff;
+$token-component-menu-button-primary-pressed-icon: #ffffff;
+$token-component-menu-button-primary-disabled-background: #e5e5ea;
+$token-component-menu-button-primary-disabled-text: #a3a3ab;
+$token-component-menu-button-primary-disabled-icon: #a3a3ab;
+$token-component-menu-button-primary-loading-background: #0174bc;
+$token-component-menu-button-secondary-default-background: #ffffff;
+$token-component-menu-button-secondary-default-border: #0174bc;
+$token-component-menu-button-secondary-default-text: #0174bc;
+$token-component-menu-button-secondary-default-icon: #0174bc;
+$token-component-menu-button-secondary-hover-background: #edf8ff;
+$token-component-menu-button-secondary-hover-border: #009cde;
+$token-component-menu-button-secondary-hover-text: #0174bc;
+$token-component-menu-button-secondary-hover-icon: #0174bc;
+$token-component-menu-button-secondary-pressed-background: #ffffff;
+$token-component-menu-button-secondary-pressed-border: #0174bc;
+$token-component-menu-button-secondary-pressed-text: #0174bc;
+$token-component-menu-button-secondary-pressed-icon: #0174bc;
+$token-component-menu-button-secondary-disabled-background: #ffffff;
+$token-component-menu-button-secondary-disabled-border: #c2c2ca;
+$token-component-menu-button-secondary-disabled-text: #a3a3ab;
+$token-component-menu-button-secondary-disabled-icon: #a3a3ab;
+$token-component-menu-button-secondary-loading-background: #ffffff;
+$token-component-menu-button-secondary-loading-border: #0174bc;
+$token-component-menu-button-link-default-text: #0174bc;
+$token-component-menu-button-link-default-icon: #0174bc;
+$token-component-menu-button-link-hover-text: #009cde;
+$token-component-menu-button-link-hover-icon: #009cde;
+$token-component-menu-button-link-pressed-text: #0174bc;
+$token-component-menu-button-link-pressed-icon: #0174bc;
+$token-component-menu-button-link-disabled-text: #a3a3ab;
+$token-component-menu-button-link-disabled-icon: #a3a3ab;
+$token-component-overflow-menu-button-default-icon: #3d3d42;
+$token-component-overflow-menu-button-hover-icon: #009cde;
+$token-component-overflow-menu-button-pressed-icon: #0174bc;
+$token-component-overflow-menu-button-disabled-icon: #a3a3ab;
+$token-component-split-menu-button-primary-default-background: #0174bc;
+$token-component-split-menu-button-primary-default-border: #ffffff;
+$token-component-split-menu-button-primary-default-text: #ffffff;
+$token-component-split-menu-button-primary-default-icon: #ffffff;
+$token-component-split-menu-button-primary-hover-left-background-left: #009cde;
+$token-component-split-menu-button-primary-hover-left-background-right: #0174bc;
+$token-component-split-menu-button-primary-hover-left-border: #ffffff;
+$token-component-split-menu-button-primary-hover-left-text: #ffffff;
+$token-component-split-menu-button-primary-hover-left-icon: #ffffff;
+$token-component-split-menu-button-primary-hover-right-background-left: #0174bc;
+$token-component-split-menu-button-primary-hover-right-background-right: #009cde;
+$token-component-split-menu-button-primary-hover-right-border: #ffffff;
+$token-component-split-menu-button-primary-hover-right-text: #ffffff;
+$token-component-split-menu-button-primary-hover-right-icon: #ffffff;
+$token-component-split-menu-button-primary-active-background: #0174bc;
+$token-component-split-menu-button-primary-active-border: #ffffff;
+$token-component-split-menu-button-primary-active-text: #ffffff;
+$token-component-split-menu-button-primary-active-icon: #ffffff;
+$token-component-split-menu-button-primary-disabled-background: #e5e5ea;
+$token-component-split-menu-button-primary-disabled-border: #ffffff;
+$token-component-split-menu-button-primary-disabled-text: #a3a3ab;
+$token-component-split-menu-button-primary-disabled-icon: #a3a3ab;
+$token-component-split-menu-button-primary-loading-background-left: #0174bc;
+$token-component-split-menu-button-primary-loading-background-right: #0174bc;
+$token-component-split-menu-button-primary-loading-border: #ffffff;
+$token-component-split-menu-button-primary-loading-icon: #ffffff;
+$token-component-split-menu-button-secondary-default-background: #ffffff;
+$token-component-split-menu-button-secondary-default-border: #0174bc;
+$token-component-split-menu-button-secondary-default-text: #0174bc;
+$token-component-split-menu-button-secondary-default-icon: #0174bc;
+$token-component-split-menu-button-secondary-hover-left-background-left: #edf8ff;
+$token-component-split-menu-button-secondary-hover-left-background-right: #ffffff;
+$token-component-split-menu-button-secondary-hover-left-border-left: #009cde;
+$token-component-split-menu-button-secondary-hover-left-border-right: #0174bc;
+$token-component-split-menu-button-secondary-hover-left-text: #0174bc;
+$token-component-split-menu-button-secondary-hover-left-icon: #0174bc;
+$token-component-split-menu-button-secondary-hover-right-background-left: #ffffff;
+$token-component-split-menu-button-secondary-hover-right-background-right: #edf8ff;
+$token-component-split-menu-button-secondary-hover-right-border-left: #0174bc;
+$token-component-split-menu-button-secondary-hover-right-border-right: #009cde;
+$token-component-split-menu-button-secondary-hover-right-text: #0174bc;
+$token-component-split-menu-button-secondary-hover-right-icon: #0174bc;
+$token-component-split-menu-button-secondary-active-background: #ffffff;
+$token-component-split-menu-button-secondary-active-border: #0174bc;
+$token-component-split-menu-button-secondary-active-text: #0174bc;
+$token-component-split-menu-button-secondary-active-icon: #0174bc;
+$token-component-split-menu-button-secondary-disabled-background: #ffffff;
+$token-component-split-menu-button-secondary-disabled-border: #c2c2ca;
+$token-component-split-menu-button-secondary-disabled-text: #a3a3ab;
+$token-component-split-menu-button-secondary-disabled-icon: #a3a3ab;
+$token-component-split-menu-button-secondary-loading-background: #ffffff;
+$token-component-split-menu-button-secondary-loading-border: #0174bc;
+$token-component-split-menu-button-secondary-loading-icon: #0174bc;
+$token-component-appbar-background: #f7f7fa;
+$token-component-appbar-border: #d6d6dd;
+$token-component-appbar-text: #343438;
+$token-component-appbar-icon: #3d3d42;
+$token-component-badge-informative-background: lch(36.7 58.2 286 / 0.12);
+$token-component-badge-informative-text: #3451b2;
+$token-component-badge-neutral-background: lch(34.6 3.66 286 / 0.12);
+$token-component-badge-neutral-text: #515157;
+$token-component-badge-warning-background: lch(67.2 71.6 80.1 / 0.12);
+$token-component-badge-warning-text: #c25d05;
+$token-component-badge-negative-background: lch(41.2 69 32.4 / 0.12);
+$token-component-badge-negative-text: #b82329;
+$token-component-badge-positive-background: lch(47.6 47.7 150 / 0.12);
+$token-component-badge-positive-text: #138246;
+$token-component-badge-important-background: lch(38.2 75 307 / 0.12);
+$token-component-badge-important-text: #753bbd;
+$token-component-badge-violet-background: lch(36.2 62.1 298 / 0.12);
+$token-component-badge-violet-text: #5746af;
+$token-component-badge-pink-background: lch(47.1 72.1 347 / 0.12);
+$token-component-badge-pink-text: #cd1d8d;
+$token-component-breadcrumb-divider: #d6d6dd;
+$token-component-breadcrumb-app-title-text: #0174bc;
+$token-component-breadcrumb-default-text: #0174bc;
+$token-component-breadcrumb-truncated-text: #0174bc;
+$token-component-breadcrumb-last-item-text: #343438;
+$token-component-breadcrumb-collapsed-background: #e5e5ea;
+$token-component-breadcrumb-collapsed-text: #343438;
+$token-component-breadcrumb-collapsed-icon: #3d3d42;
+$token-component-breadcrumb-with-dropdown-text: #0174bc;
+$token-component-breadcrumb-with-dropdown-icon: #3d3d42;
+$token-component-card-background: #ffffff;
+$token-component-card-border: #d6d6dd;
+$token-component-card-text: #343438;
+$token-component-card-icon: #3d3d42;
+$token-component-checkbox-empty-default-background: #ffffff;
+$token-component-checkbox-empty-default-border: #83838c;
+$token-component-checkbox-empty-default-text: #343438;
+$token-component-checkbox-empty-hover-background: #ffffff;
+$token-component-checkbox-empty-hover-border: #009cde;
+$token-component-checkbox-empty-hover-text: #343438;
+$token-component-checkbox-empty-active-background: #ffffff;
+$token-component-checkbox-empty-active-border: #0174bc;
+$token-component-checkbox-empty-active-text: #343438;
+$token-component-checkbox-empty-disabled-background: #e5e5ea;
+$token-component-checkbox-empty-disabled-border: #c2c2ca;
+$token-component-checkbox-empty-disabled-text: #a3a3ab;
+$token-component-checkbox-empty-read-only-background: #ffffff;
+$token-component-checkbox-empty-read-only-border: #c2c2ca;
+$token-component-checkbox-empty-read-only-text: #343438;
+$token-component-checkbox-checked-default-background: #0174bc;
+$token-component-checkbox-checked-default-text: #343438;
+$token-component-checkbox-checked-default-icon: #ffffff;
+$token-component-checkbox-checked-hover-background: #009cde;
+$token-component-checkbox-checked-hover-text: #343438;
+$token-component-checkbox-checked-hover-icon: #ffffff;
+$token-component-checkbox-checked-active-background: #0174bc;
+$token-component-checkbox-checked-active-text: #343438;
+$token-component-checkbox-checked-active-icon: #ffffff;
+$token-component-checkbox-checked-disabled-background: #afdef8;
+$token-component-checkbox-checked-disabled-text: #a3a3ab;
+$token-component-checkbox-checked-disabled-icon: #ffffff;
+$token-component-checkbox-checked-read-only-background: #ffffff;
+$token-component-checkbox-checked-read-only-border: #c2c2ca;
+$token-component-checkbox-checked-read-only-text: #343438;
+$token-component-checkbox-checked-read-only-icon: #a3a3ab;
+$token-component-checkbox-indeterminated-default-background: #0174bc;
+$token-component-checkbox-indeterminated-default-text: #343438;
+$token-component-checkbox-indeterminated-default-icon: #ffffff;
+$token-component-checkbox-indeterminated-hover-background: #009cde;
+$token-component-checkbox-indeterminated-hover-text: #343438;
+$token-component-checkbox-indeterminated-hover-icon: #ffffff;
+$token-component-checkbox-indeterminated-active-background: #0174bc;
+$token-component-checkbox-indeterminated-active-text: #343438;
+$token-component-checkbox-indeterminated-active-icon: #ffffff;
+$token-component-checkbox-indeterminated-disabled-background: #afdef8;
+$token-component-checkbox-indeterminated-disabled-text: #a3a3ab;
+$token-component-checkbox-indeterminated-disabled-icon: #ffffff;
+$token-component-checkbox-indeterminated-read-only-background: #ffffff;
+$token-component-checkbox-indeterminated-read-only-border: #c2c2ca;
+$token-component-checkbox-indeterminated-read-only-text: #343438;
+$token-component-checkbox-indeterminated-read-only-icon: #a3a3ab;
+$token-component-content-panel-background: #ffffff;
+$token-component-content-panel-border: #d6d6dd;
+$token-component-content-panel-text: #343438;
+$token-component-content-panel-icon: #3d3d42;
+$token-component-calendar-background: #ffffff;
+$token-component-calendar-border: #d6d6dd;
+$token-component-calendar-icon: #3d3d42;
+$token-component-calendar-text-default: #343438;
+$token-component-calendar-text-disabled: #a3a3ab;
+$token-component-calendar-selected-item-text: #ffffff;
+$token-component-calendar-selected-item-background: #0174bc;
+$token-component-calendar-hover-item-background: #edf8ff;
+$token-component-calendar-hover-item-text: #343438;
+$token-component-calendar-preset-area-background: #f7f7fa;
+$token-component-calendar-preset-area-hover-period-background: #edf8ff;
+$token-component-calendar-preset-area-active-period-background: #ceedfe;
+$token-component-calendar-preset-area-active-period-text: #343438;
+$token-component-date-field-default-background: #ffffff;
+$token-component-date-field-default-border: #83838c;
+$token-component-date-field-default-text: #696970;
+$token-component-date-field-default-icon: #3d3d42;
+$token-component-date-field-default-hint-text: #696970;
+$token-component-date-field-hover-background: #ffffff;
+$token-component-date-field-hover-border: #3d3d42;
+$token-component-date-field-hover-text: #343438;
+$token-component-date-field-hover-icon: #3d3d42;
+$token-component-date-field-hover-hint-text: #696970;
+$token-component-date-field-hover-empty-background: #ffffff;
+$token-component-date-field-hover-empty-border: #3d3d42;
+$token-component-date-field-hover-empty-text: #696970;
+$token-component-date-field-hover-empty-icon: #3d3d42;
+$token-component-date-field-hover-empty-hint-text: #696970;
+$token-component-date-field-filled-background: #ffffff;
+$token-component-date-field-filled-border: #83838c;
+$token-component-date-field-filled-text: #343438;
+$token-component-date-field-filled-icon: #3d3d42;
+$token-component-date-field-filled-hint-text: #696970;
+$token-component-date-field-disabled-background: #ededf2;
+$token-component-date-field-disabled-border: #c2c2ca;
+$token-component-date-field-disabled-text: #a3a3ab;
+$token-component-date-field-disabled-icon: #a3a3ab;
+$token-component-date-field-disabled-hint-text: #696970;
+$token-component-date-field-read-only-background: #ffffff;
+$token-component-date-field-read-only-text: #343438;
+$token-component-date-field-read-only-hint-text: #696970;
+$token-component-date-field-error-background: #ffffff;
+$token-component-date-field-error-border: #d63c42;
+$token-component-date-field-error-text: #343438;
+$token-component-date-field-error-icon: #3d3d42;
+$token-component-date-field-error-hint-text: #b82329;
+$token-component-date-field-focus-background: #ffffff;
+$token-component-date-field-focus-border: #0174bc;
+$token-component-date-field-focus-text: #696970;
+$token-component-date-field-focus-icon: #0174bc;
+$token-component-date-field-focus-hint-text: #696970;
+$token-component-date-picker-default-icon: #3d3d42;
+$token-component-date-picker-hover-icon: #009cde;
+$token-component-date-picker-filled-icon: #0174bc;
+$token-component-date-picker-disabled-icon: #a3a3ab;
+$token-component-date-picker-focus-icon: #0174bc;
+$token-component-date-range-picker-default-icon: #3d3d42;
+$token-component-date-range-picker-hover-icon: #009cde;
+$token-component-date-range-picker-filled-icon: #0174bc;
+$token-component-date-range-picker-disabled-icon: #a3a3ab;
+$token-component-date-range-picker-focus-icon: #0174bc;
+$token-component-date-range-field-default-background: #ffffff;
+$token-component-date-range-field-default-border: #83838c;
+$token-component-date-range-field-default-text: #696970;
+$token-component-date-range-field-default-icon: #3d3d42;
+$token-component-date-range-field-default-hint-text: #696970;
+$token-component-date-range-field-hover-background: #ffffff;
+$token-component-date-range-field-hover-border: #3d3d42;
+$token-component-date-range-field-hover-text: #343438;
+$token-component-date-range-field-hover-icon: #3d3d42;
+$token-component-date-range-field-hover-hint-text: #696970;
+$token-component-date-range-field-hover-empty-background: #ffffff;
+$token-component-date-range-field-hover-empty-border: #3d3d42;
+$token-component-date-range-field-hover-empty-text: #696970;
+$token-component-date-range-field-hover-empty-icon: #3d3d42;
+$token-component-date-range-field-hover-empty-hint-text: #696970;
+$token-component-date-range-field-filled-background: #ffffff;
+$token-component-date-range-field-filled-border: #83838c;
+$token-component-date-range-field-filled-text: #343438;
+$token-component-date-range-field-filled-icon: #3d3d42;
+$token-component-date-range-field-filled-hint-text: #696970;
+$token-component-date-range-field-filled-placeholder-item-text: #696970;
+$token-component-date-range-field-disabled-background: #ededf2;
+$token-component-date-range-field-disabled-border: #c2c2ca;
+$token-component-date-range-field-disabled-text: #a3a3ab;
+$token-component-date-range-field-disabled-icon: #a3a3ab;
+$token-component-date-range-field-disabled-hint-text: #696970;
+$token-component-date-range-field-read-only-background: #ffffff;
+$token-component-date-range-field-read-only-text: #343438;
+$token-component-date-range-field-read-only-hint-text: #696970;
+$token-component-date-range-field-error-background: #ffffff;
+$token-component-date-range-field-error-border: #d63c42;
+$token-component-date-range-field-error-text: #343438;
+$token-component-date-range-field-error-icon: #3d3d42;
+$token-component-date-range-field-error-hint-text: #b82329;
+$token-component-date-range-field-focus-background: #ffffff;
+$token-component-date-range-field-focus-border: #0174bc;
+$token-component-date-range-field-focus-text: #696970;
+$token-component-date-range-field-focus-icon: #0174bc;
+$token-component-date-range-field-focus-hint-text: #696970;
+$token-component-date-range-field-focus-placeholder-item-text: #696970;
+$token-component-date-range-input-default-background: #ffffff;
+$token-component-date-range-input-default-border: #83838c;
+$token-component-date-range-input-default-text: #696970;
+$token-component-date-range-input-default-icon: #3d3d42;
+$token-component-date-range-input-default-hint-text: #696970;
+$token-component-date-range-input-hover-background: #ffffff;
+$token-component-date-range-input-hover-border: #3d3d42;
+$token-component-date-range-input-hover-text: #343438;
+$token-component-date-range-input-hover-icon: #3d3d42;
+$token-component-date-range-input-hover-hint-text: #696970;
+$token-component-date-range-input-active-period-background: #ffffff;
+$token-component-date-range-input-active-period-border: #3d3d42;
+$token-component-date-range-input-active-period-text: #343438;
+$token-component-date-range-input-active-period-icon: #3d3d42;
+$token-component-date-range-input-active-period-hint-text: #696970;
+$token-component-date-range-input-active-period-active-item-background: #edf8ff;
+$token-component-date-range-input-active-period-active-item-text: #696970;
+$token-component-date-range-input-filled-background: #ffffff;
+$token-component-date-range-input-filled-border: #83838c;
+$token-component-date-range-input-filled-text: #343438;
+$token-component-date-range-input-filled-icon: #3d3d42;
+$token-component-date-range-input-filled-hint-text: #696970;
+$token-component-date-range-input-filled-placeholder-item-text: #696970;
+$token-component-date-range-input-disabled-background: #ffffff;
+$token-component-date-range-input-disabled-border: #c2c2ca;
+$token-component-date-range-input-disabled-text: #a3a3ab;
+$token-component-date-range-input-disabled-icon: #a3a3ab;
+$token-component-date-range-input-disabled-hint-text: #696970;
+$token-component-date-range-input-read-only-background: #ffffff;
+$token-component-date-range-input-read-only-text: #343438;
+$token-component-date-range-input-read-only-hint-text: #696970;
+$token-component-date-range-input-error-background: #ffffff;
+$token-component-date-range-input-error-border: #d63c42;
+$token-component-date-range-input-error-text: #343438;
+$token-component-date-range-input-error-icon: #3d3d42;
+$token-component-date-range-input-error-hint-text: #b82329;
+$token-component-date-range-input-focus-background: #ffffff;
+$token-component-date-range-input-focus-border: #0174bc;
+$token-component-date-range-input-focus-text: #343438;
+$token-component-date-range-input-focus-icon: #0174bc;
+$token-component-date-range-input-focus-hint-text: #696970;
+$token-component-date-range-input-focus-placeholder-item-text: #696970;
+$token-component-divider-border: #d6d6dd;
+$token-component-drawer-background: #ffffff;
+$token-component-drawer-text: #343438;
+$token-component-drawer-icon-default: #3d3d42;
+$token-component-drawer-icon-disabled: #a3a3ab;
+$token-component-dropdown-icon-default: #3d3d42;
+$token-component-dropdown-icon-disabled: #a3a3ab;
+$token-component-dropdown-text-default: #343438;
+$token-component-dropdown-text-link: #0174bc;
+$token-component-dropdown-text-description: #696970;
+$token-component-dropdown-text-disabled: #a3a3ab;
+$token-component-dropdown-background-default: #ffffff;
+$token-component-dropdown-background-hover: #edf8ff;
+$token-component-dropdown-background-category: #f7f7fa;
+$token-component-global-header-background: #232326;
+$token-component-global-header-border: #3d3d42;
+$token-component-global-header-icon-default: #d6d6dd;
+$token-component-global-header-icon-hover: #ffffff;
+$token-component-global-header-text-default: #d6d6dd;
+$token-component-global-header-text-hover: #ffffff;
+$token-component-global-header-search-background: #3d3d42;
+$token-component-global-header-search-text-placeholder: #d6d6dd;
+$token-component-global-header-search-text-filled: #ffffff;
+$token-component-global-header-search-icon-default: #d6d6dd;
+$token-component-global-header-search-icon-active: #ffffff;
+$token-component-global-header-search-icon-hover: #ffffff;
+$token-component-global-footer-background: #232326;
+$token-component-global-footer-text-default: #d6d6dd;
+$token-component-global-footer-text-hover: #ffffff;
+$token-component-group-select-field-default-background: #ffffff;
+$token-component-group-select-field-default-border: #83838c;
+$token-component-group-select-field-default-text: #696970;
+$token-component-group-select-field-default-icon: #3d3d42;
+$token-component-group-select-field-default-hint-text: #696970;
+$token-component-group-select-field-default-info-icon: #696970;
+$token-component-group-select-field-hover-background: #ffffff;
+$token-component-group-select-field-hover-border: #3d3d42;
+$token-component-group-select-field-hover-text: #696970;
+$token-component-group-select-field-hover-icon: #3d3d42;
+$token-component-group-select-field-hover-hint-text: #696970;
+$token-component-group-select-field-hover-info-icon: #696970;
+$token-component-group-select-field-selected-background: #ffffff;
+$token-component-group-select-field-selected-border: #83838c;
+$token-component-group-select-field-selected-text: #343438;
+$token-component-group-select-field-selected-icon: #3d3d42;
+$token-component-group-select-field-selected-hint-text: #696970;
+$token-component-group-select-field-selected-info-icon: #696970;
+$token-component-group-select-field-disabled-background: #ededf2;
+$token-component-group-select-field-disabled-border: #c2c2ca;
+$token-component-group-select-field-disabled-text: #a3a3ab;
+$token-component-group-select-field-disabled-icon: #a3a3ab;
+$token-component-group-select-field-disabled-hint-text: #696970;
+$token-component-group-select-field-disabled-info-icon: #696970;
+$token-component-group-select-field-read-only-background: #ffffff;
+$token-component-group-select-field-read-only-text: #343438;
+$token-component-group-select-field-read-only-hint-text: #696970;
+$token-component-group-select-field-read-only-info-icon: #696970;
+$token-component-group-select-field-error-background: #ffffff;
+$token-component-group-select-field-error-border: #d63c42;
+$token-component-group-select-field-error-text: #343438;
+$token-component-group-select-field-error-icon: #3d3d42;
+$token-component-group-select-field-error-hint-text: #b82329;
+$token-component-group-select-field-error-info-icon: #696970;
+$token-component-group-select-field-focus-background: #ffffff;
+$token-component-group-select-field-focus-border: #0174bc;
+$token-component-group-select-field-focus-text: #343438;
+$token-component-group-select-field-focus-icon: #3d3d42;
+$token-component-group-select-field-focus-hint-text: #696970;
+$token-component-group-select-field-focus-info-icon: #696970;
+$token-component-group-select-dropdown-icon: #3d3d42;
+$token-component-group-select-dropdown-text: #343438;
+$token-component-group-select-dropdown-background-default: #ffffff;
+$token-component-group-select-dropdown-background-hover: #edf8ff;
+$token-component-inline-edit-text: #343438;
+$token-component-inline-edit-icon-default: #3d3d42;
+$token-component-inline-edit-icon-hover: #009cde;
+$token-component-inline-edit-accept-icon-default: #0174bc;
+$token-component-inline-edit-accept-icon-hover: #009cde;
+$token-component-inline-edit-accept-icon-disabled: #a3a3ab;
+$token-component-kpi-bar-text: #3d3d42;
+$token-component-kpi-bar-border: #d6d6dd;
+$token-component-kpi-bar-icon-default: #3d3d42;
+$token-component-kpi-bar-icon-hover: #009cde;
+$token-component-kpi-bar-icon-active: #0174bc;
+$token-component-kpi-bar-item-neutral-default-label: #515157;
+$token-component-kpi-bar-item-neutral-default-text: #696970;
+$token-component-kpi-bar-item-neutral-default-icon: #515157;
+$token-component-kpi-bar-item-neutral-hover-label: #515157;
+$token-component-kpi-bar-item-neutral-hover-text: #696970;
+$token-component-kpi-bar-item-neutral-hover-background: lch(34.6 3.66 286 / 0.12);
+$token-component-kpi-bar-item-neutral-hover-icon: #515157;
+$token-component-kpi-bar-item-neutral-active-label: #515157;
+$token-component-kpi-bar-item-neutral-active-text: #343438;
+$token-component-kpi-bar-item-neutral-active-border: #515157;
+$token-component-kpi-bar-item-neutral-active-icon: #515157;
+$token-component-kpi-bar-item-green-default-label: #138246;
+$token-component-kpi-bar-item-green-default-text: #696970;
+$token-component-kpi-bar-item-green-hover-label: #138246;
+$token-component-kpi-bar-item-green-hover-text: #696970;
+$token-component-kpi-bar-item-green-hover-background: lch(47.6 47.7 150 / 0.12);
+$token-component-kpi-bar-item-green-active-label: #138246;
+$token-component-kpi-bar-item-green-active-text: #343438;
+$token-component-kpi-bar-item-green-active-border: #138246;
+$token-component-kpi-bar-item-orange-default-label: #c25d05;
+$token-component-kpi-bar-item-orange-default-text: #696970;
+$token-component-kpi-bar-item-orange-hover-label: #c25d05;
+$token-component-kpi-bar-item-orange-hover-text: #696970;
+$token-component-kpi-bar-item-orange-hover-background: lch(67.2 71.6 80.1 / 0.12);
+$token-component-kpi-bar-item-orange-active-label: #c25d05;
+$token-component-kpi-bar-item-orange-active-text: #343438;
+$token-component-kpi-bar-item-orange-active-border: #c25d05;
+$token-component-kpi-bar-item-purple-default-label: #753bbd;
+$token-component-kpi-bar-item-purple-default-text: #696970;
+$token-component-kpi-bar-item-purple-hover-label: #753bbd;
+$token-component-kpi-bar-item-purple-hover-text: #696970;
+$token-component-kpi-bar-item-purple-hover-background: lch(38.2 75 307 / 0.12);
+$token-component-kpi-bar-item-purple-active-label: #753bbd;
+$token-component-kpi-bar-item-purple-active-text: #343438;
+$token-component-kpi-bar-item-purple-active-border: #753bbd;
+$token-component-kpi-bar-item-red-default-label: #b82329;
+$token-component-kpi-bar-item-red-default-text: #696970;
+$token-component-kpi-bar-item-red-hover-label: #b82329;
+$token-component-kpi-bar-item-red-hover-text: #696970;
+$token-component-kpi-bar-item-red-hover-background: lch(41.2 69 32.4 / 0.12);
+$token-component-kpi-bar-item-red-active-label: #b82329;
+$token-component-kpi-bar-item-red-active-text: #343438;
+$token-component-kpi-bar-item-red-active-border: #b82329;
+$token-component-kpi-bar-item-ultramarine-default-label: #3451b2;
+$token-component-kpi-bar-item-ultramarine-default-text: #696970;
+$token-component-kpi-bar-item-ultramarine-hover-label: #3451b2;
+$token-component-kpi-bar-item-ultramarine-hover-text: #696970;
+$token-component-kpi-bar-item-ultramarine-hover-background: lch(36.7 58.2 286 / 0.12);
+$token-component-kpi-bar-item-ultramarine-active-label: #3451b2;
+$token-component-kpi-bar-item-ultramarine-active-text: #343438;
+$token-component-kpi-bar-item-ultramarine-active-border: #3451b2;
+$token-component-kpi-bar-item-pink-default-label: #cd1d8d;
+$token-component-kpi-bar-item-pink-default-text: #696970;
+$token-component-kpi-bar-item-pink-hover-label: #cd1d8d;
+$token-component-kpi-bar-item-pink-hover-text: #696970;
+$token-component-kpi-bar-item-pink-hover-background: lch(47.1 72.1 347 / 0.12);
+$token-component-kpi-bar-item-pink-active-label: #cd1d8d;
+$token-component-kpi-bar-item-pink-active-text: #343438;
+$token-component-kpi-bar-item-pink-active-border: #cd1d8d;
+$token-component-label-text: #343438;
+$token-component-label-icon: #3d3d42;
+$token-component-label-info-icon: #696970;
+$token-component-list-text: #343438;
+$token-component-list-border: #d6d6dd;
+$token-component-list-icon-default: #3d3d42;
+$token-component-list-icon-hover: #009cde;
+$token-component-list-icon-active: #0174bc;
+$token-component-list-background-default: #ffffff;
+$token-component-list-background-hover: #edf8ff;
+$token-component-master-switch-content-background: #ffffff;
+$token-component-master-switch-side-background: #f7f7fa;
+$token-component-master-switch-text: #343438;
+$token-component-master-switch-icon: #3d3d42;
+$token-component-modal-background: #ffffff;
+$token-component-modal-icon: #3d3d42;
+$token-component-modal-text-default: #343438;
+$token-component-modal-text-description: #696970;
+$token-component-notification-banner-text: #343438;
+$token-component-notification-banner-icon: #3d3d42;
+$token-component-notification-banner-informative-background: #f0f4ff;
+$token-component-notification-banner-informative-border: #4067e5;
+$token-component-notification-banner-informative-status-icon: #4067e5;
+$token-component-notification-banner-tip-background: #f0f4ff;
+$token-component-notification-banner-tip-border: #4067e5;
+$token-component-notification-banner-tip-status-icon: #4067e5;
+$token-component-notification-banner-warning-background: #fff4d5;
+$token-component-notification-banner-warning-border: #fecb34;
+$token-component-notification-banner-warning-status-icon: #fecb34;
+$token-component-notification-banner-success-background: #ebf9eb;
+$token-component-notification-banner-success-border: #00b050;
+$token-component-notification-banner-success-status-icon: #00b050;
+$token-component-notification-banner-error-background: #ffefef;
+$token-component-notification-banner-error-border: #d63c42;
+$token-component-notification-banner-error-status-icon: #d63c42;
+$token-component-notification-banner-secondary-background: #e5e5ea;
+$token-component-notification-banner-secondary-border: #343438;
+$token-component-notification-banner-secondary-status-icon: #3d3d42;
+$token-component-notification-toast-text: #343438;
+$token-component-notification-toast-icon: #3d3d42;
+$token-component-notification-toast-informative-background: #f0f4ff;
+$token-component-notification-toast-informative-icon-background: #4067e5;
+$token-component-notification-toast-informative-border: #4067e5;
+$token-component-notification-toast-informative-status-icon: #ffffff;
+$token-component-notification-toast-tip-background: #f0f4ff;
+$token-component-notification-toast-tip-icon-background: #4067e5;
+$token-component-notification-toast-tip-border: #4067e5;
+$token-component-notification-toast-tip-status-icon: #ffffff;
+$token-component-notification-toast-warning-background: #fff4d5;
+$token-component-notification-toast-warning-icon-background: #fecb34;
+$token-component-notification-toast-warning-border: #fecb34;
+$token-component-notification-toast-warning-status-icon: #3d3d42;
+$token-component-notification-toast-success-background: #ebf9eb;
+$token-component-notification-toast-success-icon-background: #00b050;
+$token-component-notification-toast-success-border: #00b050;
+$token-component-notification-toast-success-status-icon: #ffffff;
+$token-component-notification-toast-error-background: #ffefef;
+$token-component-notification-toast-error-icon-background: #d63c42;
+$token-component-notification-toast-error-border: #d63c42;
+$token-component-notification-toast-error-status-icon: #ffffff;
+$token-component-pagination-background: #ffffff;
+$token-component-pagination-border: #d6d6dd;
+$token-component-pagination-text-default: #343438;
+$token-component-pagination-text-link: #0174bc;
+$token-component-pagination-text-hover: #009cde;
+$token-component-pagination-text-disabled: #a3a3ab;
+$token-component-pagination-icon-default: #3d3d42;
+$token-component-pagination-icon-hover: #009cde;
+$token-component-pagination-icon-active: #0174bc;
+$token-component-pagination-icon-disabled: #a3a3ab;
+$token-component-popover-background: #ffffff;
+$token-component-popover-border: #d6d6dd;
+$token-component-popover-icon: #3d3d42;
+$token-component-popover-text-default: #343438;
+$token-component-popover-text-link-default: #0174bc;
+$token-component-popover-text-link-hover: #009cde;
+$token-component-progress-bar-text-default: #343438;
+$token-component-progress-bar-text-link-default: #0174bc;
+$token-component-progress-bar-text-link-hover: #009cde;
+$token-component-progress-bar-status-line-default: #e5e5ea;
+$token-component-progress-bar-status-line-success: #00b050;
+$token-component-progress-bar-status-line-error: #d63c42;
+$token-component-numeric-spinner-default-background: #ffffff;
+$token-component-numeric-spinner-default-border: #83838c;
+$token-component-numeric-spinner-default-text: #696970;
+$token-component-numeric-spinner-default-icon: #3d3d42;
+$token-component-numeric-spinner-default-hint-text: #696970;
+$token-component-numeric-spinner-hover-background: #ffffff;
+$token-component-numeric-spinner-hover-border: #3d3d42;
+$token-component-numeric-spinner-hover-text: #696970;
+$token-component-numeric-spinner-hover-icon: #3d3d42;
+$token-component-numeric-spinner-hover-hint-text: #696970;
+$token-component-numeric-spinner-filled-background: #ffffff;
+$token-component-numeric-spinner-filled-border: #83838c;
+$token-component-numeric-spinner-filled-text: #343438;
+$token-component-numeric-spinner-filled-icon: #3d3d42;
+$token-component-numeric-spinner-filled-hint-text: #696970;
+$token-component-numeric-spinner-disabled-background: #ededf2;
+$token-component-numeric-spinner-disabled-border: #c2c2ca;
+$token-component-numeric-spinner-disabled-text: #a3a3ab;
+$token-component-numeric-spinner-disabled-icon: #a3a3ab;
+$token-component-numeric-spinner-disabled-hint-text: #696970;
+$token-component-numeric-spinner-read-only-background: #ffffff;
+$token-component-numeric-spinner-read-only-text: #343438;
+$token-component-numeric-spinner-read-only-hint-text: #696970;
+$token-component-numeric-spinner-error-background: #ffffff;
+$token-component-numeric-spinner-error-border: #d63c42;
+$token-component-numeric-spinner-error-text: #343438;
+$token-component-numeric-spinner-error-icon: #3d3d42;
+$token-component-numeric-spinner-error-hint-text: #b82329;
+$token-component-numeric-spinner-focus-background: #ffffff;
+$token-component-numeric-spinner-focus-border: #0174bc;
+$token-component-numeric-spinner-focus-text: #696970;
+$token-component-numeric-spinner-focus-icon: #3d3d42;
+$token-component-numeric-spinner-focus-hint-text: #696970;
+$token-component-radio-button-inactive-default-background: #ffffff;
+$token-component-radio-button-inactive-default-border: #83838c;
+$token-component-radio-button-inactive-default-text: #343438;
+$token-component-radio-button-inactive-hover-background: #ffffff;
+$token-component-radio-button-inactive-hover-border: #009cde;
+$token-component-radio-button-inactive-hover-text: #343438;
+$token-component-radio-button-inactive-active-background: #ffffff;
+$token-component-radio-button-inactive-active-border: #0174bc;
+$token-component-radio-button-inactive-active-text: #343438;
+$token-component-radio-button-inactive-disabled-background: #e5e5ea;
+$token-component-radio-button-inactive-disabled-border: #c2c2ca;
+$token-component-radio-button-inactive-disabled-text: #a3a3ab;
+$token-component-radio-button-inactive-read-only-background: #ffffff;
+$token-component-radio-button-inactive-read-only-border: #c2c2ca;
+$token-component-radio-button-inactive-read-only-text: #343438;
+$token-component-radio-button-active-default-background: #ffffff;
+$token-component-radio-button-active-default-border: #0174bc;
+$token-component-radio-button-active-default-text: #343438;
+$token-component-radio-button-active-hover-background: #ffffff;
+$token-component-radio-button-active-hover-border: #009cde;
+$token-component-radio-button-active-hover-text: #343438;
+$token-component-radio-button-active-active-background: #ffffff;
+$token-component-radio-button-active-active-border: #0174bc;
+$token-component-radio-button-active-active-text: #343438;
+$token-component-radio-button-active-disabled-background: #ffffff;
+$token-component-radio-button-active-disabled-border: #afdef8;
+$token-component-radio-button-active-disabled-text: #a3a3ab;
+$token-component-radio-button-active-read-only-background: #ffffff;
+$token-component-radio-button-active-read-only-border: #c2c2ca;
+$token-component-radio-button-active-read-only-text: #343438;
+$token-component-search-default-background: #ffffff;
+$token-component-search-default-border: #83838c;
+$token-component-search-default-text: #696970;
+$token-component-search-default-icon: #3d3d42;
+$token-component-search-default-hint-text: #696970;
+$token-component-search-default-search-icon: #696970;
+$token-component-search-hover-background: #ffffff;
+$token-component-search-hover-border: #3d3d42;
+$token-component-search-hover-text: #696970;
+$token-component-search-hover-icon: #3d3d42;
+$token-component-search-hover-hint-text: #696970;
+$token-component-search-hover-search-icon: #696970;
+$token-component-search-filled-background: #ffffff;
+$token-component-search-filled-border: #83838c;
+$token-component-search-filled-text: #343438;
+$token-component-search-filled-icon: #3d3d42;
+$token-component-search-filled-hint-text: #696970;
+$token-component-search-filled-search-icon: #696970;
+$token-component-search-disabled-background: #ededf2;
+$token-component-search-disabled-border: #c2c2ca;
+$token-component-search-disabled-text: #a3a3ab;
+$token-component-search-disabled-icon: #a3a3ab;
+$token-component-search-disabled-hint-text: #696970;
+$token-component-search-disabled-search-icon: #a3a3ab;
+$token-component-search-error-background: #ffffff;
+$token-component-search-error-border: #d63c42;
+$token-component-search-error-text: #343438;
+$token-component-search-error-icon: #3d3d42;
+$token-component-search-error-hint-text: #b82329;
+$token-component-search-error-search-icon: #696970;
+$token-component-search-focus-empty-background: #ffffff;
+$token-component-search-focus-empty-border: #0174bc;
+$token-component-search-focus-empty-text: #696970;
+$token-component-search-focus-empty-icon: #3d3d42;
+$token-component-search-focus-empty-hint-text: #696970;
+$token-component-search-focus-empty-search-icon: #696970;
+$token-component-search-focus-background: #ffffff;
+$token-component-search-focus-border: #0174bc;
+$token-component-search-focus-text: #343438;
+$token-component-search-focus-icon: #3d3d42;
+$token-component-search-focus-hint-text: #696970;
+$token-component-search-focus-search-icon: #696970;
+$token-component-segmented-button-default-background: #ffffff;
+$token-component-segmented-button-default-border: #0174bc;
+$token-component-segmented-button-default-text: #0174bc;
+$token-component-segmented-button-default-icon: #0174bc;
+$token-component-segmented-button-hover-background: #edf8ff;
+$token-component-segmented-button-hover-border: #009cde;
+$token-component-segmented-button-hover-text: #0174bc;
+$token-component-segmented-button-hover-icon: #0174bc;
+$token-component-segmented-button-disabled-background: #ffffff;
+$token-component-segmented-button-disabled-border: #c2c2ca;
+$token-component-segmented-button-disabled-text: #a3a3ab;
+$token-component-segmented-button-disabled-icon: #a3a3ab;
+$token-component-segmented-button-disabled-checked-background: #e5e5ea;
+$token-component-segmented-button-disabled-checked-border: #c2c2ca;
+$token-component-segmented-button-disabled-checked-text: #a3a3ab;
+$token-component-segmented-button-disabled-checked-icon: #a3a3ab;
+$token-component-segmented-button-active-background: #0174bc;
+$token-component-segmented-button-active-border: #0174bc;
+$token-component-segmented-button-active-text: #ffffff;
+$token-component-segmented-button-active-icon: #ffffff;
+$token-component-side-navigation-icon: #3d3d42;
+$token-component-side-navigation-border: #d6d6dd;
+$token-component-side-navigation-background-default: #f7f7fa;
+$token-component-side-navigation-background-second-level: #ffffff;
+$token-component-side-navigation-default-menu-item-background: #f7f7fa;
+$token-component-side-navigation-default-menu-item-icon: #3d3d42;
+$token-component-side-navigation-default-menu-item-text: #343438;
+$token-component-side-navigation-default-menu-item-label-text: #343438;
+$token-component-side-navigation-default-menu-item-label-background: #f7f7fa;
+$token-component-side-navigation-default-menu-item-label-border: #d6d6dd;
+$token-component-side-navigation-hover-menu-item-background: #edf8ff;
+$token-component-side-navigation-hover-menu-item-icon: #3d3d42;
+$token-component-side-navigation-hover-menu-item-text: #343438;
+$token-component-side-navigation-hover-menu-item-label-text: #343438;
+$token-component-side-navigation-hover-menu-item-label-background: #f7f7fa;
+$token-component-side-navigation-hover-menu-item-label-border: #d6d6dd;
+$token-component-side-navigation-selected-menu-item-background: #ceedfe;
+$token-component-side-navigation-selected-menu-item-icon: #3d3d42;
+$token-component-side-navigation-selected-menu-item-text: #343438;
+$token-component-side-navigation-selected-menu-item-label-text: #ffffff;
+$token-component-side-navigation-selected-menu-item-label-background: #0174bc;
+$token-component-select-default-background: #ffffff;
+$token-component-select-default-border: #83838c;
+$token-component-select-default-text: #696970;
+$token-component-select-default-icon: #3d3d42;
+$token-component-select-default-hint-text: #696970;
+$token-component-select-default-info-icon: #696970;
+$token-component-select-hover-background: #ffffff;
+$token-component-select-hover-border: #3d3d42;
+$token-component-select-hover-text: #696970;
+$token-component-select-hover-icon: #3d3d42;
+$token-component-select-hover-hint-text: #696970;
+$token-component-select-hover-info-icon: #696970;
+$token-component-select-filled-background: #ffffff;
+$token-component-select-filled-border: #83838c;
+$token-component-select-filled-text: #343438;
+$token-component-select-filled-icon: #3d3d42;
+$token-component-select-filled-hint-text: #696970;
+$token-component-select-filled-info-icon: #696970;
+$token-component-select-disabled-background: #ededf2;
+$token-component-select-disabled-border: #c2c2ca;
+$token-component-select-disabled-text: #a3a3ab;
+$token-component-select-disabled-icon: #a3a3ab;
+$token-component-select-disabled-hint-text: #696970;
+$token-component-select-disabled-info-icon: #696970;
+$token-component-select-error-background: #ffffff;
+$token-component-select-error-border: #d63c42;
+$token-component-select-error-text: #343438;
+$token-component-select-error-icon: #3d3d42;
+$token-component-select-error-hint-text: #b82329;
+$token-component-select-error-info-icon: #696970;
+$token-component-select-focus-empty-background: #ffffff;
+$token-component-select-focus-empty-border: #0174bc;
+$token-component-select-focus-empty-text: #696970;
+$token-component-select-focus-empty-icon: #3d3d42;
+$token-component-select-focus-empty-hint-text: #696970;
+$token-component-select-focus-empty-info-icon: #696970;
+$token-component-select-focus-background: #ffffff;
+$token-component-select-focus-border: #0174bc;
+$token-component-select-focus-text: #343438;
+$token-component-select-focus-icon: #3d3d42;
+$token-component-select-focus-hint-text: #696970;
+$token-component-select-focus-info-icon: #696970;
+$token-component-select-read-only-background: #ffffff;
+$token-component-select-read-only-text: #343438;
+$token-component-side-panel-background: #ffffff;
+$token-component-side-panel-text: #343438;
+$token-component-side-panel-border: #d6d6dd;
+$token-component-side-panel-icon-default: #3d3d42;
+$token-component-side-panel-icon-hover: #009cde;
+$token-component-switch-active-default-background: #0174bc;
+$token-component-switch-active-default-icon: #ffffff;
+$token-component-switch-active-default-circle: #ffffff;
+$token-component-switch-active-default-text: #343438;
+$token-component-switch-active-hover-background: #009cde;
+$token-component-switch-active-hover-icon: #ffffff;
+$token-component-switch-active-hover-circle: #ffffff;
+$token-component-switch-active-hover-text: #343438;
+$token-component-switch-active-focus-background: #0174bc;
+$token-component-switch-active-focus-icon: #ffffff;
+$token-component-switch-active-focus-circle: #ffffff;
+$token-component-switch-active-focus-text: #343438;
+$token-component-switch-active-disabled-background: #afdef8;
+$token-component-switch-active-disabled-icon: #a3a3ab;
+$token-component-switch-active-disabled-circle: rgba(255, 255, 255, 0.5);
+$token-component-switch-active-disabled-text: #a3a3ab;
+$token-component-switch-inactive-default-background: #83838c;
+$token-component-switch-inactive-default-circle: #ffffff;
+$token-component-switch-inactive-default-text: #343438;
+$token-component-switch-inactive-hover-background: #a3a3ab;
+$token-component-switch-inactive-hover-circle: #ffffff;
+$token-component-switch-inactive-hover-text: #343438;
+$token-component-switch-inactive-focus-background: #83838c;
+$token-component-switch-inactive-focus-circle: #ffffff;
+$token-component-switch-inactive-focus-text: #343438;
+$token-component-switch-inactive-disabled-background: #e5e5ea;
+$token-component-switch-inactive-disabled-circle: rgba(255, 255, 255, 0.5);
+$token-component-switch-inactive-disabled-text: #a3a3ab;
+$token-component-tab-default-text: #343438;
+$token-component-tab-default-icon: #3d3d42;
+$token-component-tab-default-border: #c2c2ca;
+$token-component-tab-hover-text: #009cde;
+$token-component-tab-hover-icon: #009cde;
+$token-component-tab-hover-border: #c2c2ca;
+$token-component-tab-active-text: #0174bc;
+$token-component-tab-active-icon: #0174bc;
+$token-component-tab-active-border: #0174bc;
+$token-component-tab-disabled-text: #a3a3ab;
+$token-component-tab-disabled-icon: #a3a3ab;
+$token-component-tab-disabled-border: #c2c2ca;
+$token-component-tag-default-background: #f7f7fa;
+$token-component-tag-default-border: #83838c;
+$token-component-tag-default-text: #343438;
+$token-component-tag-default-icon-default: #3d3d42;
+$token-component-tag-default-icon-hover: #009cde;
+$token-component-tag-default-icon-active: #0174bc;
+$token-component-tag-hover-background: #f7f7fa;
+$token-component-tag-hover-border: #3d3d42;
+$token-component-tag-hover-text: #343438;
+$token-component-tag-hover-icon-default: #3d3d42;
+$token-component-tag-hover-icon-hover: #009cde;
+$token-component-tag-hover-icon-active: #0174bc;
+$token-component-tag-focus-background: #edf8ff;
+$token-component-tag-focus-border: #0174bc;
+$token-component-tag-focus-text: #343438;
+$token-component-tag-focus-icon-default: #3d3d42;
+$token-component-tag-focus-icon-hover: #009cde;
+$token-component-tag-focus-icon-active: #0174bc;
+$token-component-tag-error-background: #f7f7fa;
+$token-component-tag-error-border: #d63c42;
+$token-component-tag-error-text: #343438;
+$token-component-tag-error-icon-default: #3d3d42;
+$token-component-tag-error-icon-hover: #009cde;
+$token-component-tag-error-icon-active: #0174bc;
+$token-component-tag-disabled-background: #ededf2;
+$token-component-tag-disabled-border: #c2c2ca;
+$token-component-tag-disabled-text: #a3a3ab;
+$token-component-tag-disabled-icon: #a3a3ab;
+$token-component-tag-read-only-background: #ffffff;
+$token-component-tag-read-only-border: #c2c2ca;
+$token-component-tag-read-only-text: #343438;
+$token-component-tag-read-only-icon: #3d3d42;
+$token-component-tag-input-default-background: #ffffff;
+$token-component-tag-input-default-border: #83838c;
+$token-component-tag-input-default-hint-text: #696970;
+$token-component-tag-input-placeholder-background: #ffffff;
+$token-component-tag-input-placeholder-border: #83838c;
+$token-component-tag-input-placeholder-text: #696970;
+$token-component-tag-input-placeholder-hint-text: #696970;
+$token-component-tag-input-hover-background: #ffffff;
+$token-component-tag-input-hover-border: #3d3d42;
+$token-component-tag-input-hover-text: #696970;
+$token-component-tag-input-hover-hint-text: #696970;
+$token-component-tag-input-filled-background: #ffffff;
+$token-component-tag-input-filled-border: #83838c;
+$token-component-tag-input-filled-icon: #3d3d42;
+$token-component-tag-input-filled-hint-text: #696970;
+$token-component-tag-input-disabled-background: #ededf2;
+$token-component-tag-input-disabled-border: #c2c2ca;
+$token-component-tag-input-disabled-hint-text: #696970;
+$token-component-tag-input-error-background: #ffffff;
+$token-component-tag-input-error-border: #d63c42;
+$token-component-tag-input-error-icon: #3d3d42;
+$token-component-tag-input-error-hint-text: #b82329;
+$token-component-tag-input-focus-empty-background: #ffffff;
+$token-component-tag-input-focus-empty-border: #0174bc;
+$token-component-tag-input-focus-empty-text: #696970;
+$token-component-tag-input-focus-empty-hint-text: #696970;
+$token-component-tag-input-focus-background: #ffffff;
+$token-component-tag-input-focus-border: #0174bc;
+$token-component-tag-input-focus-text: #343438;
+$token-component-tag-input-focus-hint-text: #696970;
+$token-component-text-area-default-background: #ffffff;
+$token-component-text-area-default-border: #83838c;
+$token-component-text-area-default-hint-text: #696970;
+$token-component-text-area-default-info-icon: #696970;
+$token-component-text-area-placeholder-background: #ffffff;
+$token-component-text-area-placeholder-border: #83838c;
+$token-component-text-area-placeholder-text: #696970;
+$token-component-text-area-placeholder-hint-text: #696970;
+$token-component-text-area-placeholder-info-icon: #696970;
+$token-component-text-area-hover-background: #ffffff;
+$token-component-text-area-hover-border: #3d3d42;
+$token-component-text-area-hover-text: #343438;
+$token-component-text-area-hover-icon: #3d3d42;
+$token-component-text-area-hover-hint-text: #696970;
+$token-component-text-area-hover-info-icon: #696970;
+$token-component-text-area-hover-empty-background: #ffffff;
+$token-component-text-area-hover-empty-border: #3d3d42;
+$token-component-text-area-hover-empty-text: #696970;
+$token-component-text-area-hover-empty-hint-text: #696970;
+$token-component-text-area-hover-empty-info-icon: #696970;
+$token-component-text-area-filled-background: #ffffff;
+$token-component-text-area-filled-border: #83838c;
+$token-component-text-area-filled-text: #343438;
+$token-component-text-area-filled-hint-text: #696970;
+$token-component-text-area-filled-info-icon: #696970;
+$token-component-text-area-filled-icon-default: #3d3d42;
+$token-component-text-area-filled-icon-hover: #009cde;
+$token-component-text-area-filled-icon-active: #0174bc;
+$token-component-text-area-disabled-background: #ededf2;
+$token-component-text-area-disabled-border: #c2c2ca;
+$token-component-text-area-disabled-text: #a3a3ab;
+$token-component-text-area-disabled-hint-text: #696970;
+$token-component-text-area-disabled-info-icon: #696970;
+$token-component-text-area-error-background: #ffffff;
+$token-component-text-area-error-border: #d63c42;
+$token-component-text-area-error-text: #343438;
+$token-component-text-area-error-hint-text: #b82329;
+$token-component-text-area-error-info-icon: #696970;
+$token-component-text-area-error-icon-default: #3d3d42;
+$token-component-text-area-error-icon-hover: #009cde;
+$token-component-text-area-error-icon-active: #0174bc;
+$token-component-text-area-focus-empty-background: #ffffff;
+$token-component-text-area-focus-empty-border: #0174bc;
+$token-component-text-area-focus-empty-hint-text: #696970;
+$token-component-text-area-focus-empty-info-icon: #696970;
+$token-component-text-area-focus-empty-icon-default: #3d3d42;
+$token-component-text-area-focus-empty-icon-hover: #009cde;
+$token-component-text-area-focus-empty-icon-active: #0174bc;
+$token-component-text-area-focus-background: #ffffff;
+$token-component-text-area-focus-border: #0174bc;
+$token-component-text-area-focus-text: #343438;
+$token-component-text-area-focus-hint-text: #696970;
+$token-component-text-area-focus-info-icon: #696970;
+$token-component-text-area-focus-icon-default: #3d3d42;
+$token-component-text-area-focus-icon-hover: #009cde;
+$token-component-text-area-focus-icon-active: #0174bc;
+$token-component-text-area-read-only-text: #343438;
+$token-component-text-area-read-only-hint-text: #696970;
+$token-component-text-field-default-background: #ffffff;
+$token-component-text-field-default-border: #83838c;
+$token-component-text-field-default-hint-text: #696970;
+$token-component-text-field-default-info-icon: #696970;
+$token-component-text-field-placeholder-background: #ffffff;
+$token-component-text-field-placeholder-border: #83838c;
+$token-component-text-field-placeholder-text: #696970;
+$token-component-text-field-placeholder-hint-text: #696970;
+$token-component-text-field-placeholder-info-icon: #696970;
+$token-component-text-field-hover-background: #ffffff;
+$token-component-text-field-hover-border: #3d3d42;
+$token-component-text-field-hover-text: #343438;
+$token-component-text-field-hover-icon: #3d3d42;
+$token-component-text-field-hover-hint-text: #696970;
+$token-component-text-field-hover-info-icon: #696970;
+$token-component-text-field-hover-empty-background: #ffffff;
+$token-component-text-field-hover-empty-border: #3d3d42;
+$token-component-text-field-hover-empty-text: #696970;
+$token-component-text-field-hover-empty-hint-text: #696970;
+$token-component-text-field-hover-empty-info-icon: #696970;
+$token-component-text-field-filled-background: #ffffff;
+$token-component-text-field-filled-border: #83838c;
+$token-component-text-field-filled-text: #343438;
+$token-component-text-field-filled-hint-text: #696970;
+$token-component-text-field-filled-info-icon: #696970;
+$token-component-text-field-filled-icon-default: #3d3d42;
+$token-component-text-field-filled-icon-hover: #009cde;
+$token-component-text-field-filled-icon-active: #0174bc;
+$token-component-text-field-disabled-background: #ededf2;
+$token-component-text-field-disabled-border: #c2c2ca;
+$token-component-text-field-disabled-text: #a3a3ab;
+$token-component-text-field-disabled-hint-text: #696970;
+$token-component-text-field-disabled-info-icon: #696970;
+$token-component-text-field-error-background: #ffffff;
+$token-component-text-field-error-border: #d63c42;
+$token-component-text-field-error-text: #343438;
+$token-component-text-field-error-hint-text: #b82329;
+$token-component-text-field-error-info-icon: #696970;
+$token-component-text-field-error-icon-default: #3d3d42;
+$token-component-text-field-error-icon-hover: #009cde;
+$token-component-text-field-error-icon-active: #0174bc;
+$token-component-text-field-focus-empty-background: #ffffff;
+$token-component-text-field-focus-empty-border: #0174bc;
+$token-component-text-field-focus-empty-hint-text: #696970;
+$token-component-text-field-focus-empty-info-icon: #696970;
+$token-component-text-field-focus-empty-icon-default: #3d3d42;
+$token-component-text-field-focus-empty-icon-hover: #009cde;
+$token-component-text-field-focus-empty-icon-active: #0174bc;
+$token-component-text-field-focus-background: #ffffff;
+$token-component-text-field-focus-border: #0174bc;
+$token-component-text-field-focus-text: #343438;
+$token-component-text-field-focus-hint-text: #696970;
+$token-component-text-field-focus-info-icon: #696970;
+$token-component-text-field-focus-icon-default: #3d3d42;
+$token-component-text-field-focus-icon-hover: #009cde;
+$token-component-text-field-focus-icon-active: #0174bc;
+$token-component-text-field-read-only-text: #343438;
+$token-component-text-field-read-only-hint-text: #696970;
+$token-component-time-picker-default-background: #ffffff;
+$token-component-time-picker-default-border: #83838c;
+$token-component-time-picker-default-text: #696970;
+$token-component-time-picker-default-icon: #3d3d42;
+$token-component-time-picker-default-hint-text: #696970;
+$token-component-time-picker-hover-background: #ffffff;
+$token-component-time-picker-hover-border: #3d3d42;
+$token-component-time-picker-hover-text: #696970;
+$token-component-time-picker-hover-icon: #3d3d42;
+$token-component-time-picker-hover-hint-text: #696970;
+$token-component-time-picker-filled-background: #ffffff;
+$token-component-time-picker-filled-border: #83838c;
+$token-component-time-picker-filled-text: #343438;
+$token-component-time-picker-filled-icon: #3d3d42;
+$token-component-time-picker-filled-hint-text: #696970;
+$token-component-time-picker-disabled-background: #ededf2;
+$token-component-time-picker-disabled-border: #c2c2ca;
+$token-component-time-picker-disabled-text: #a3a3ab;
+$token-component-time-picker-disabled-icon: #a3a3ab;
+$token-component-time-picker-disabled-hint-text: #696970;
+$token-component-time-picker-error-background: #ffffff;
+$token-component-time-picker-error-border: #d63c42;
+$token-component-time-picker-error-text: #343438;
+$token-component-time-picker-error-icon: #3d3d42;
+$token-component-time-picker-error-hint-text: #b82329;
+$token-component-time-picker-focus-empty-background: #ffffff;
+$token-component-time-picker-focus-empty-border: #0174bc;
+$token-component-time-picker-focus-empty-text: #696970;
+$token-component-time-picker-focus-empty-icon: #3d3d42;
+$token-component-time-picker-focus-empty-hint-text: #696970;
+$token-component-time-picker-focus-background: #ffffff;
+$token-component-time-picker-focus-border: #0174bc;
+$token-component-time-picker-focus-text: #343438;
+$token-component-time-picker-focus-icon: #3d3d42;
+$token-component-time-picker-focus-hint-text: #696970;
+$token-component-time-picker-read-only-text: #343438;
+$token-component-tooltip-background: #343438;
+$token-component-tooltip-text: #ffffff;
+$token-component-tree-text: #343438;
+$token-component-tree-border: #d6d6dd;
+$token-component-tree-icon-default: #3d3d42;
+$token-component-tree-icon-hover: #009cde;
+$token-component-tree-icon-active: #0174bc;
+$token-component-tree-background-default: #ffffff;
+$token-component-tree-background-hover: #edf8ff;
+$token-component-tree-expanded-area-border: #83838c;
+$token-component-widget-download-text: #343438;
+$token-component-widget-download-border: #d6d6dd;
+$token-component-widget-download-background-header: #f7f7fa;
+$token-component-widget-download-background-default: #ffffff;
+$token-component-widget-download-icon-default: #3d3d42;
+$token-component-widget-download-icon-success: #00b050;
+$token-component-widget-download-icon-error: #d63c42;
+$token-component-widget-upload-default-background: #ffffff;
+$token-component-widget-upload-default-border: #83838c;
+$token-component-widget-upload-default-icon: #3d3d42;
+$token-component-widget-upload-default-text-default: #343438;
+$token-component-widget-upload-default-text-link: #0174bc;
+$token-component-widget-upload-hover-background: #edf8ff;
+$token-component-widget-upload-hover-border: #0174bc;
+$token-component-widget-upload-hover-icon: #3d3d42;
+$token-component-widget-upload-hover-text-default: #343438;
+$token-component-widget-upload-hover-text-link: #0174bc;
+$token-component-widget-upload-disabled-background: #ededf2;
+$token-component-widget-upload-disabled-border: #c2c2ca;
+$token-component-widget-upload-disabled-icon: #a3a3ab;
+$token-component-widget-upload-disabled-text: #a3a3ab;
+$token-component-stepper-horizontal-line: #d6d6dd;
+$token-component-stepper-horizontal-past-item-circle-background: #edf8ff;
+$token-component-stepper-horizontal-past-item-circle-border: #0174bc;
+$token-component-stepper-horizontal-past-item-circle-text: #0174bc;
+$token-component-stepper-horizontal-past-item-circle-icon: #0174bc;
+$token-component-stepper-horizontal-past-item-text-default: #343438;
+$token-component-stepper-horizontal-past-item-text-hover: #0174bc;
+$token-component-stepper-horizontal-current-item-circle-background: #0174bc;
+$token-component-stepper-horizontal-current-item-circle-text: #ffffff;
+$token-component-stepper-horizontal-current-item-text-default: #343438;
+$token-component-stepper-horizontal-current-item-text-hover: #0174bc;
+$token-component-stepper-horizontal-future-item-circle-background: #ffffff;
+$token-component-stepper-horizontal-future-item-circle-border: #d6d6dd;
+$token-component-stepper-horizontal-future-item-circle-text: #a3a3ab;
+$token-component-stepper-horizontal-future-item-text: #a3a3ab;
+$token-component-stepper-vertical-background: #ffffff;
+$token-component-stepper-vertical-border: #d6d6dd;
+$token-component-stepper-vertical-icon: #3d3d42;
+$token-component-stepper-vertical-past-item-circle-background: #edf8ff;
+$token-component-stepper-vertical-past-item-circle-border: #0174bc;
+$token-component-stepper-vertical-past-item-circle-text: #0174bc;
+$token-component-stepper-vertical-past-item-circle-icon: #0174bc;
+$token-component-stepper-vertical-past-item-text-default: #343438;
+$token-component-stepper-vertical-past-item-text-hover: #0174bc;
+$token-component-stepper-vertical-current-item-icon: #0174bc;
+$token-component-stepper-vertical-current-item-circle-background: #0174bc;
+$token-component-stepper-vertical-current-item-circle-text: #ffffff;
+$token-component-stepper-vertical-current-item-text-default: #343438;
+$token-component-stepper-vertical-current-item-text-hover: #0174bc;
+$token-component-stepper-vertical-future-item-circle-background: #ffffff;
+$token-component-stepper-vertical-future-item-circle-border: #83838c;
+$token-component-stepper-vertical-future-item-circle-text: #696970;
+$token-component-stepper-vertical-future-item-text-default: #343438;
+$token-component-stepper-vertical-future-item-text-hover: #0174bc;
+$token-component-stepper-vertical-disabled-item-circle-background: #ffffff;
+$token-component-stepper-vertical-disabled-item-circle-border: #d6d6dd;
+$token-component-stepper-vertical-disabled-item-circle-text: #a3a3ab;
+$token-component-stepper-vertical-disabled-item-text: #a3a3ab;
+$token-component-advanced-search-filter-icon-default-icon: #3d3d42;
+$token-component-advanced-search-filter-icon-hover-icon: #009cde;
+$token-component-advanced-search-filter-icon-applied-icon: #0174bc;
+$token-component-advanced-search-filter-icon-applied-badge-background: #d63c42;
+$token-component-advanced-search-filter-icon-applied-badge-text: #ffffff;
+$token-component-advanced-search-filter-icon-disabled-icon: #a3a3ab;
+$token-component-advanced-search-filter-icon-disabled-badge-background: #83838c;
+$token-component-advanced-search-filter-icon-disabled-badge-text: #ffffff;
+$token-component-advanced-search-filter-area-background: #f7f7fa;
+$token-component-advanced-search-filter-area-border: #d6d6dd;
+$token-component-advanced-search-filter-area-text-default: #343438;
+$token-component-advanced-search-filter-area-text-link: #0174bc;
+$token-component-advanced-search-filter-area-icon-default: #3d3d42;
+$token-component-advanced-search-filter-area-icon-hover: #009cde;
+$token-component-advanced-search-filter-area-icon-disabled: #a3a3ab;
+$token-component-advanced-search-filter-area-tag-background: #ffffff;
+$token-component-advanced-search-filter-area-tag-border: #d6d6dd;
+$token-component-advanced-search-filter-area-tag-operator-icon: #c25d05;
+$token-component-advanced-search-filter-area-tag-icon-default: #3d3d42;
+$token-component-advanced-search-filter-area-tag-icon-hover: #009cde;
+$token-component-segmented-status-button-default-background: #ffffff;
+$token-component-segmented-status-button-default-border: #83838c;
+$token-component-segmented-status-button-default-text: #696970;
+$token-component-segmented-status-button-default-icon: #696970;
+$token-component-segmented-status-button-hover-background: #edf8ff;
+$token-component-segmented-status-button-hover-border: #83838c;
+$token-component-segmented-status-button-hover-text: #696970;
+$token-component-segmented-status-button-hover-icon: #696970;
+$token-component-segmented-status-button-disabled-background: #ffffff;
+$token-component-segmented-status-button-disabled-border: #c2c2ca;
+$token-component-segmented-status-button-disabled-text: #a3a3ab;
+$token-component-segmented-status-button-disabled-icon: #a3a3ab;
+$token-component-segmented-status-button-disabled-positive-background: #b7dfba;
+$token-component-segmented-status-button-disabled-positive-text: #a3a3ab;
+$token-component-segmented-status-button-disabled-positive-icon: #a3a3ab;
+$token-component-segmented-status-button-active-positive-background: #07a04d;
+$token-component-segmented-status-button-active-positive-text: #ffffff;
+$token-component-segmented-status-button-active-positive-icon: #ffffff;
+$token-component-segmented-status-button-disabled-negative-background: #f9c6c6;
+$token-component-segmented-status-button-disabled-negative-text: #a3a3ab;
+$token-component-segmented-status-button-disabled-negative-icon: #a3a3ab;
+$token-component-segmented-status-button-active-negative-background: #d0343a;
+$token-component-segmented-status-button-active-negative-text: #ffffff;
+$token-component-segmented-status-button-active-negative-icon: #ffffff;
+$token-component-segmented-status-button-disabled-neutral-background: #c2c2ca;
+$token-component-segmented-status-button-disabled-neutral-text: #a3a3ab;
+$token-component-segmented-status-button-disabled-neutral-icon: #a3a3ab;
+$token-component-segmented-status-button-active-neutral-background: #83838c;
+$token-component-segmented-status-button-active-neutral-text: #ffffff;
+$token-component-segmented-status-button-active-neutral-icon: #ffffff;
+$token-component-link-select-default-text: #0174bc;
+$token-component-link-select-default-icon: #3d3d42;
+$token-component-link-select-hover-text: #009cde;
+$token-component-link-select-hover-icon: #009cde;
+$token-component-link-select-filled-text: #0174bc;
+$token-component-link-select-filled-icon: #3d3d42;
+$token-component-link-select-disabled-text: #a3a3ab;
+$token-component-link-select-disabled-icon: #a3a3ab;
+$token-component-link-select-focus-text: #0174bc;
+$token-component-link-select-focus-icon: #3d3d42;
+$token-component-link-select-read-only-text: #343438;
diff --git a/dist/tokens.css b/dist/tokens.css
new file mode 100644
index 0000000..a174bb3
--- /dev/null
+++ b/dist/tokens.css
@@ -0,0 +1,1610 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --token-global-color-neutrals-5: #f7f7fa; /* Page background color, disabled form elements fill (input, text area, etc) */
+  --token-global-color-neutrals-10: #ededf2; /* UI element bg */
+  --token-global-color-neutrals-20: #e5e5ea; /* Subtle background */
+  --token-global-color-neutrals-30: #d6d6dd; /* Container border, divider, stroke */
+  --token-global-color-neutrals-40: #c2c2ca; /* Disabled border */
+  --token-global-color-neutrals-50: #a3a3ab;
+  --token-global-color-neutrals-60: #83838c; /* Default field border */
+  --token-global-color-neutrals-70: #696970; /* Color for text placeholder and hints */
+  --token-global-color-neutrals-80: #515157;
+  --token-global-color-neutrals-90: #3d3d42; /* Default icon color, hover color for fields border */
+  --token-global-color-neutrals-100: #343438; /* Default text color */
+  --token-global-color-neutrals-black: #232326; /* Global header and footer */
+  --token-global-color-neutrals-white: #ffffff;
+  --token-global-color-brand-5: #f5fbff;
+  --token-global-color-brand-10: #edf8ff;
+  --token-global-color-brand-20: #e1f4ff;
+  --token-global-color-brand-30: #ceedfe;
+  --token-global-color-brand-40: #afdef8;
+  --token-global-color-brand-50: #96cff0;
+  --token-global-color-brand-60: #5bb3ea;
+  --token-global-color-brand-70: #009cde; /* Akamai Blue */
+  --token-global-color-brand-80: #108ad6;
+  --token-global-color-brand-90: #0174bc; /* Akamai Websafe Blue */
+  --token-global-color-brand-100: #00314d;
+  --token-global-color-red-5: #fff8f8;
+  --token-global-color-red-10: #ffefef;
+  --token-global-color-red-20: #ffe5e5;
+  --token-global-color-red-30: #fdd8d8;
+  --token-global-color-red-40: #f9c6c6;
+  --token-global-color-red-50: #f3aeaf;
+  --token-global-color-red-60: #eb9091;
+  --token-global-color-red-70: #d63c42; /* Critical or high severity */
+  --token-global-color-red-80: #d0343a; /* Akamai Red */
+  --token-global-color-red-90: #b82329;
+  --token-global-color-red-100: #381316;
+  --token-global-color-orange-5: #fef9f4;
+  --token-global-color-orange-10: #fff3e7;
+  --token-global-color-orange-20: #ffebd7;
+  --token-global-color-orange-30: #ffe1c3;
+  --token-global-color-orange-40: #facfa4;
+  --token-global-color-orange-50: #f2b67b;
+  --token-global-color-orange-60: #f09d4b;
+  --token-global-color-orange-70: #fe9933; /* Akamai Orange. High or medium severity */
+  --token-global-color-orange-80: #f0821d;
+  --token-global-color-orange-90: #c25d05;
+  --token-global-color-orange-100: #451e11;
+  --token-global-color-amber-5: #fff9ed;
+  --token-global-color-amber-10: #fff4d5;
+  --token-global-color-amber-20: #ffecbc;
+  --token-global-color-amber-30: #ffe3a2;
+  --token-global-color-amber-40: #facf83;
+  --token-global-color-amber-50: #f3ba63;
+  --token-global-color-amber-60: #edb016;
+  --token-global-color-amber-70: #fecb34; /* Medium or low severity */
+  --token-global-color-amber-80: #f2b90e;
+  --token-global-color-amber-90: #ce9a00;
+  --token-global-color-amber-100: #403104;
+  --token-global-color-yellow-5: #ffffeb;
+  --token-global-color-yellow-10: #fafadf;
+  --token-global-color-yellow-20: #f9f9c9;
+  --token-global-color-yellow-30: #f8f8b6;
+  --token-global-color-yellow-40: #f5f596;
+  --token-global-color-yellow-50: #e8e86a;
+  --token-global-color-yellow-60: #dfdf39;
+  --token-global-color-yellow-70: #f5f531;
+  --token-global-color-yellow-80: #e5e50a;
+  --token-global-color-yellow-90: #bfbf0d;
+  --token-global-color-yellow-100: #35290f;
+  --token-global-color-lime-5: #f7fcf0;
+  --token-global-color-lime-10: #eefadc;
+  --token-global-color-lime-20: #e4f7c7;
+  --token-global-color-lime-30: #d7f2b0;
+  --token-global-color-lime-40: #c9e894;
+  --token-global-color-lime-50: #b1d16a;
+  --token-global-color-lime-60: #94ba2c;
+  --token-global-color-lime-70: #99d52a;
+  --token-global-color-lime-80: #93c926;
+  --token-global-color-lime-90: #5d770d;
+  --token-global-color-lime-100: #263209;
+  --token-global-color-green-5: #f3fcf3;
+  --token-global-color-green-10: #ebf9eb;
+  --token-global-color-green-20: #dff3df;
+  --token-global-color-green-30: #ceebcf;
+  --token-global-color-green-40: #b7dfba;
+  --token-global-color-green-50: #97cf9c;
+  --token-global-color-green-60: #65ba75;
+  --token-global-color-green-70: #00b050; /* Akamai Green. Low severity (human) */
+  --token-global-color-green-80: #07a04d;
+  --token-global-color-green-90: #138246;
+  --token-global-color-green-100: #1b311e;
+  --token-global-color-teal-5: #f1fcfa;
+  --token-global-color-teal-10: #e7f9f5;
+  --token-global-color-teal-20: #d9f3ee;
+  --token-global-color-teal-30: #c7ebe5;
+  --token-global-color-teal-40: #afdfd7;
+  --token-global-color-teal-50: #8dcec3;
+  --token-global-color-teal-60: #53b9ab;
+  --token-global-color-teal-70: #12a594;
+  --token-global-color-teal-80: #0e9888;
+  --token-global-color-teal-90: #067a6f;
+  --token-global-color-teal-100: #10302b;
+  --token-global-color-cyan-5: #f2fcfd;
+  --token-global-color-cyan-10: #e7f9fb;
+  --token-global-color-cyan-20: #d8f3f6;
+  --token-global-color-cyan-30: #aadee6;
+  --token-global-color-cyan-40: #84cdda;
+  --token-global-color-cyan-50: #84cdda;
+  --token-global-color-cyan-60: #3db9cf;
+  --token-global-color-cyan-70: #05a2c2;
+  --token-global-color-cyan-80: #0894b3;
+  --token-global-color-cyan-90: #0c7792;
+  --token-global-color-cyan-100: #04313c;
+  --token-global-color-ultramarine-5: #f8faff;
+  --token-global-color-ultramarine-10: #f0f4ff;
+  --token-global-color-ultramarine-20: #e6edfe;
+  --token-global-color-ultramarine-30: #d9e2fc;
+  --token-global-color-ultramarine-40: #c6d4f9;
+  --token-global-color-ultramarine-50: #aec0f5;
+  --token-global-color-ultramarine-60: #8da4ef;
+  --token-global-color-ultramarine-70: #4067e5;
+  --token-global-color-ultramarine-80: #3a5ccc;
+  --token-global-color-ultramarine-90: #3451b2;
+  --token-global-color-ultramarine-100: #002856; /* Akamai Dark Navy */
+  --token-global-color-violet-5: #fbfaff;
+  --token-global-color-violet-10: #f5f2ff;
+  --token-global-color-violet-20: #ede9fe;
+  --token-global-color-violet-30: #e4defc;
+  --token-global-color-violet-40: #d7cff9;
+  --token-global-color-violet-50: #c4b8f3;
+  --token-global-color-violet-60: #aa99ec;
+  --token-global-color-violet-70: #7259d6;
+  --token-global-color-violet-80: #644fc1;
+  --token-global-color-violet-90: #5746af;
+  --token-global-color-violet-100: #20134b;
+  --token-global-color-purple-5: #fdfaff;
+  --token-global-color-purple-10: #f9f1fe;
+  --token-global-color-purple-20: #f3e7fc;
+  --token-global-color-purple-30: #eddbf9;
+  --token-global-color-purple-40: #e3ccf4;
+  --token-global-color-purple-50: #d3b4ed;
+  --token-global-color-purple-60: #be93e4;
+  --token-global-color-purple-70: #8e4ec6;
+  --token-global-color-purple-80: #8445bc;
+  --token-global-color-purple-90: #753bbd; /* Akamai Purple */
+  --token-global-color-purple-100: #2b0e44;
+  --token-global-color-magenta-5: #fff8ff;
+  --token-global-color-magenta-10: #fceffc;
+  --token-global-color-magenta-20: #f9e5f9;
+  --token-global-color-magenta-30: #f3d9f4;
+  --token-global-color-magenta-40: #ebc8ed;
+  --token-global-color-magenta-50: #dfafe3;
+  --token-global-color-magenta-60: #cf91d8;
+  --token-global-color-magenta-70: #ab4aba; /* Critical severity */
+  --token-global-color-magenta-80: #a43cb4;
+  --token-global-color-magenta-90: #9c2bad;
+  --token-global-color-magenta-100: #340c3b;
+  --token-global-color-pink-5: #fff7fc;
+  --token-global-color-pink-10: #feeef8;
+  --token-global-color-pink-20: #fce5f3;
+  --token-global-color-pink-30: #f9d8ec;
+  --token-global-color-pink-40: #f3c6e2;
+  --token-global-color-pink-50: #ecadd4;
+  --token-global-color-pink-60: #e38ec3;
+  --token-global-color-pink-70: #e043a7;
+  --token-global-color-pink-80: #d23197;
+  --token-global-color-pink-90: #cd1d8d;
+  --token-global-color-pink-100: #3b0a2a;
+  --token-global-color-brown-5: #fbf9f2;
+  --token-global-color-brown-10: #f5f2e9;
+  --token-global-color-brown-20: #eeeadd;
+  --token-global-color-brown-30: #e5dfd0;
+  --token-global-color-brown-40: #dad1bd;
+  --token-global-color-brown-50: #cbbda4;
+  --token-global-color-brown-60: #b8a383;
+  --token-global-color-brown-70: #978365;
+  --token-global-color-brown-80: #8c795d;
+  --token-global-color-brown-90: #776750;
+  --token-global-color-brown-100: #3b352b;
+  --token-global-spacing-0: 0rem;
+  --token-global-spacing-10: 0.125rem; /* 2px */
+  --token-global-spacing-20: 0.25rem; /* 4px */
+  --token-global-spacing-30: 0.375rem; /* 6px */
+  --token-global-spacing-40: 0.5rem; /* 8px */
+  --token-global-spacing-50: 0.75rem; /* 12px */
+  --token-global-spacing-60: 1rem; /* 16px */
+  --token-global-spacing-70: 1.5rem; /* 24px */
+  --token-global-spacing-80: 2rem; /* 32px */
+  --token-global-spacing-90: 3rem; /* 48px */
+  --token-global-font-font-family-brand: 'Nunito Sans';
+  --token-global-font-font-family-code: 'Fira Code';
+  --token-global-font-font-weight-semibold: 600;
+  --token-global-font-font-weight-bold: 700;
+  --token-global-font-font-weight-extrabold: 800;
+  --token-global-font-font-weight-regular-normal: 400;
+  --token-global-font-font-weight-regular-italic: 400;
+  --token-global-font-font-size-xxxs: 0.75rem; /* 12px */
+  --token-global-font-font-size-xxs: 0.813rem; /* 13px */
+  --token-global-font-font-size-xs: 0.875rem; /* 14px */
+  --token-global-font-font-size-s: 1rem; /* 16px */
+  --token-global-font-font-size-m: 1.125rem; /* 18px */
+  --token-global-font-font-size-l: 1.25rem; /* 20px */
+  --token-global-font-font-size-xl: 1.5rem; /* 24px */
+  --token-global-font-font-size-xxl: 1.75rem; /* 28px */
+  --token-global-font-font-size-xxxl: 2.25rem; /* 36px */
+  --token-global-font-line-height-xxxs: 1rem; /* 16px */
+  --token-global-font-line-height-xxs: 1.125rem; /* 18px */
+  --token-global-font-line-height-xs: 1.25rem; /* 20px */
+  --token-global-font-line-height-s: 1.5rem; /* 24px */
+  --token-global-font-line-height-m: 1.625rem; /* 26px */
+  --token-global-font-line-height-l: 1.875rem; /* 30px */
+  --token-global-font-line-height-xl: 2rem; /* 32px */
+  --token-global-font-line-height-xxl: 2.375rem; /* 38px */
+  --token-global-font-line-height-xxxl: 2.625rem; /* 42px */
+  --token-global-font-textcase-uppercase: uppercase;
+  --token-global-border-radius-none: 0rem;
+  --token-alias-content-text-base: #ffffff; /* Use as color for text on a dark surface */
+  --token-alias-content-text-negative: #b82329; /* Use to indicate error messages */
+  --token-alias-content-text-warning: #fecb34;
+  --token-alias-content-text-positive: #00b050;
+  --token-alias-content-text-informative: #4067e5;
+  --token-alias-content-text-primary-default: #343438; /* Primary color for text */
+  --token-alias-content-text-primary-disabled: #a3a3ab; /* Use only to indicate a disabled state of a primary text color */
+  --token-alias-content-text-secondary-default: #696970; /* Secondary color for text (placeholders, hints) */
+  --token-alias-content-text-secondary-disabled: #a3a3ab; /* Use only to indicate a disabled state of a secondary text color */
+  --token-alias-content-text-link-default: #0174bc; /* Use only for links */
+  --token-alias-content-text-link-hover: #009cde; /* Use only as a hover on links */
+  --token-alias-content-text-link-disabled: #a3a3ab; /* Use only to indicate a disabled state for links */
+  --token-alias-content-icon-base: #ffffff; /* Use as color for icons on a dark surface */
+  --token-alias-content-icon-negative: #d63c42; /* Use only for icons to indicate an error state */
+  --token-alias-content-icon-warning: #fecb34; /* Use only for icons to indicate a warning state */
+  --token-alias-content-icon-positive: #00b050; /* Use only for icons to indicate a success state */
+  --token-alias-content-icon-informative: #4067e5; /* Use only for icons to indicate an info state */
+  --token-alias-content-icon-primary-default: #3d3d42; /* Default color for icons */
+  --token-alias-content-icon-primary-hover: #009cde; /* Use only as a hover state for icons */
+  --token-alias-content-icon-primary-active: #0174bc; /* Use only as a selected/active state for icons */
+  --token-alias-content-icon-primary-disabled: #a3a3ab; /* Use only as a disabled state for icons */
+  --token-alias-content-icon-secondary-default: #696970; /* Secondary icon color (placeholder, etc) */
+  --token-alias-content-icon-secondary-disabled: #a3a3ab; /* Use only as a disabled state for a secondary icon color */
+  --token-alias-border-normal: #d6d6dd; /* Border color for static ui elements and components */
+  --token-alias-border-neutral: #343438;
+  --token-alias-border-negative: #d63c42; /* Use only for borders to indicate an error state */
+  --token-alias-border-warning: #fecb34; /* Use only for borders to indicate a warning state */
+  --token-alias-border-positive: #00b050; /* Use only for borders to indicate a success state */
+  --token-alias-border-informative: #4067e5; /* Use only for borders to indicate an info state */
+  --token-alias-background-normal: #ffffff; /* Primary background color */
+  --token-alias-background-neutral: #f7f7fa; /* Page background color */
+  --token-alias-background-base: #343438; /* Tooltip background */
+  --token-alias-background-negative: #d63c42;
+  --token-alias-background-warning: #fecb34;
+  --token-alias-background-positive: #00b050;
+  --token-alias-background-informative: #4067e5;
+  --token-alias-background-black: #232326; /* Use only for a global header and global footer background */
+  --token-alias-background-negativesubtle: #ffefef;
+  --token-alias-background-warningsubtle: #fff4d5;
+  --token-alias-background-positivesubtle: #ebf9eb;
+  --token-alias-background-informativesubtle: #f0f4ff;
+  --token-alias-background-neutralsubtle: #e5e5ea;
+  --token-alias-background-overlay: lch(13.8 2.09 286 / 0.24); /* Page dimming when the modal component is active */
+  --token-alias-action-base: #ffffff;
+  --token-alias-action-neutral: #83838c;
+  --token-alias-action-white50: rgba(255, 255, 255, 0.5); /* Transparent disabled switcher circle */
+  --token-alias-action-primary-default: #0174bc; /* Brand action color */
+  --token-alias-action-primary-hover: #009cde;
+  --token-alias-action-primary-active: #0174bc;
+  --token-alias-action-primary-disabled: #e5e5ea;
+  --token-alias-action-secondary-hover: #edf8ff;
+  --token-alias-action-secondary-disabled: #c2c2ca;
+  --token-alias-action-tertiary-disabled: #afdef8;
+  --token-alias-action-positive-default: #07a04d;
+  --token-alias-action-positive-disabled: #b7dfba;
+  --token-alias-action-negative-default: #d0343a;
+  --token-alias-action-negative-disabled: #f9c6c6;
+  --token-alias-interaction-border-default: #83838c; /* Default inputs border */
+  --token-alias-interaction-border-hover: #3d3d42;
+  --token-alias-interaction-border-focus: #0174bc;
+  --token-alias-interaction-border-error: #d63c42;
+  --token-alias-interaction-border-disabled: #c2c2ca;
+  --token-alias-interaction-background-primary: #ffffff; /* Default component background color */
+  --token-alias-interaction-background-secondary: #f7f7fa;
+  --token-alias-interaction-background-tertiary: #edf8ff;
+  --token-alias-interaction-background-elevated: #edf8ff; /* Calendar range background, table row hover  */
+  --token-alias-interaction-background-accent: #ceedfe;
+  --token-alias-interaction-background-active: #0174bc;
+  --token-alias-interaction-background-disabled: #ededf2;
+  --token-alias-elevation-s: 0 2px 6px 0 rgba(58,59,63,0.18); /* Default shadow for components, like notification banners, dropdowns, popups; */
+  --token-alias-elevation-s-inverted: 0 -2px 6px 0 rgba(58,59,63,0.18); /* Inverted shadow for elements that appear above the component */
+  --token-alias-elevation-l: 0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08); /* Shadow for modals */
+  --token-alias-typography-heading-xxxl: 700 2.25rem/2.625rem 'Nunito Sans'; /* Promo banners, KPIs */
+  --token-alias-typography-heading-xxl: 800 1.75rem/2rem 'Nunito Sans'; /* Main titles - h1 */
+  --token-alias-typography-heading-xl: 700 1.5rem/1.875rem 'Nunito Sans'; /* Second level title - h2 */
+  --token-alias-typography-heading-l: 700 1.25rem/1.625rem 'Nunito Sans'; /* Third level title - h3 */
+  --token-alias-typography-heading-m: 700 1.125rem/1.5rem 'Nunito Sans'; /* Drawer, modal title - h4 */
+  --token-alias-typography-heading-s: 700 1rem/1.25rem 'Nunito Sans'; /* Advanced search, bars, master switch titles - h5 */
+  --token-alias-typography-heading-xs: 700 0.875rem/1.125rem 'Nunito Sans'; /* Low level headings - h6 */
+  --token-alias-typography-heading-overline: 800 0.75rem/1rem 'Nunito Sans'; /* Custom labels for content blocks */
+  --token-alias-typography-heading-overline-letter-spacing: 0.023rem; /* Overline letter spacing */
+  --token-alias-typography-heading-overline-text-case: uppercase; /* Overline text case */
+  --token-alias-typography-body-regular: 400 0.875rem/1.25rem 'Nunito Sans'; /* Main body text */
+  --token-alias-typography-body-semibold: 600 0.875rem/1.25rem 'Nunito Sans'; /* Light emphasis */
+  --token-alias-typography-body-bold: 700 0.875rem/1.25rem 'Nunito Sans'; /* Emphasis */
+  --token-alias-typography-body-extrabold: 800 0.875rem/1.25rem 'Nunito Sans'; /* Max emphasis */
+  --token-alias-typography-body-list: 400 0.875rem/1.25rem 'Nunito Sans'; /* For list items */
+  --token-alias-typography-body-italic: 400 0.875rem/1.25rem 'Nunito Sans';
+  --token-alias-typography-label-semibold-l: 600 1rem/1.25rem 'Nunito Sans'; /* Large tabs */
+  --token-alias-typography-label-semibold-s: 600 0.875rem/1rem 'Nunito Sans'; /* Large buttons, list, segmented buttons, side navigation, small tables */
+  --token-alias-typography-label-semibold-xs: 600 0.75rem/1rem 'Nunito Sans'; /* Small buttons, tags, warning message under field */
+  --token-alias-typography-label-bold-l: 700 1rem/1.25rem 'Nunito Sans'; /* Card, content panel, vertical stepper */
+  --token-alias-typography-label-bold-s: 700 0.875rem/1rem 'Nunito Sans'; /* Field labels, table header, date&time pickers */
+  --token-alias-typography-label-bold-xs: 700 0.75rem/0.875rem 'Nunito Sans'; /* Badge number */
+  --token-alias-typography-label-regular-s: 400 0.875rem/1rem 'Nunito Sans'; /* Field entered text, dropdown item, table cell, pagination */
+  --token-alias-typography-label-regular-xs: 400 0.75rem/1rem 'Nunito Sans'; /* Optional text, small dropdown item */
+  --token-alias-typography-label-regular-placeholder: 400 0.875rem/1rem 'Nunito Sans';
+  --token-alias-typography-code: 400 0.813rem/1.25rem 'Fira Code'; /* Code samples */
+  --token-alias-accent-info-primary: #3451b2;
+  --token-alias-accent-info-secondary: lch(36.7 58.2 286 / 0.12);
+  --token-alias-accent-neutral-primary: #515157;
+  --token-alias-accent-neutral-secondary: lch(34.6 3.66 286 / 0.12);
+  --token-alias-accent-warning-primary: #c25d05;
+  --token-alias-accent-warning-secondary: lch(67.2 71.6 80.1 / 0.12);
+  --token-alias-accent-negative-primary: #b82329;
+  --token-alias-accent-negative-secondary: lch(41.2 69 32.4 / 0.12);
+  --token-alias-accent-positive-primary: #138246;
+  --token-alias-accent-positive-secondary: lch(47.6 47.7 150 / 0.12);
+  --token-alias-accent-important-primary: #753bbd;
+  --token-alias-accent-important-secondary: lch(38.2 75 307 / 0.12);
+  --token-alias-accent-pink-primary: #cd1d8d;
+  --token-alias-accent-pink-secondary: lch(47.1 72.1 347 / 0.12);
+  --token-alias-accent-violet-primary: #5746af;
+  --token-alias-accent-violet-secondary: lch(36.2 62.1 298 / 0.12);
+  --token-alias-chart-neutral: #d6d6dd;
+  --token-alias-chart-categorical-1-primary: #4067e5;
+  --token-alias-chart-categorical-1-inactive: #d9e2fc;
+  --token-alias-chart-categorical-1-transparent: lch(46.5 72.3 286 / 0.2);
+  --token-alias-chart-categorical-2-primary: #fe9933;
+  --token-alias-chart-categorical-2-inactive: #ffe1c3;
+  --token-alias-chart-categorical-2-transparent: lch(72.9 74.2 63 / 0.2);
+  --token-alias-chart-categorical-3-primary: #12a594;
+  --token-alias-chart-categorical-3-inactive: #c7ebe5;
+  --token-alias-chart-categorical-3-transparent: lch(60.7 39.7 183 / 0.2);
+  --token-alias-chart-categorical-4-primary: #ab4aba;
+  --token-alias-chart-categorical-4-inactive: #f3d9f4;
+  --token-alias-chart-categorical-4-transparent: lch(48.2 66.6 322 / 0.2);
+  --token-alias-chart-categorical-5-primary: #d63c42;
+  --token-alias-chart-categorical-5-inactive: #fdd8d8;
+  --token-alias-chart-categorical-5-transparent: lch(50.1 69.5 29.4 / 0.2);
+  --token-alias-chart-categorical-6-primary: #05a2c2;
+  --token-alias-chart-categorical-6-inactive: #aadee6;
+  --token-alias-chart-categorical-6-transparent: lch(61 38.6 224 / 0.2);
+  --token-alias-chart-categorical-7-primary: #e043a7;
+  --token-alias-chart-categorical-7-inactive: #f9d8ec;
+  --token-alias-chart-categorical-7-transparent: lch(55 70 344 / 0.2);
+  --token-alias-chart-categorical-8-primary: #00b050;
+  --token-alias-chart-categorical-8-inactive: #ceebcf;
+  --token-alias-chart-categorical-8-transparent: lch(63 67 146 / 0.2);
+  --token-alias-chart-categorical-9-primary: #7259d6;
+  --token-alias-chart-categorical-9-inactive: #e4defc;
+  --token-alias-chart-categorical-9-transparent: lch(45.6 71 299 / 0.2);
+  --token-alias-chart-categorical-10-primary: #99d52a;
+  --token-alias-chart-categorical-10-inactive: #d7f2b0;
+  --token-alias-chart-categorical-10-transparent: lch(79 79.1 118 / 0.2);
+  --token-alias-chart-categorical-11-primary: #696970;
+  --token-alias-chart-categorical-11-inactive: #d6d6dd;
+  --token-alias-chart-categorical-11-transparent: lch(44.6 4.09 286 / 0.2);
+  --token-alias-chart-categorical-12-primary: #8da4ef;
+  --token-alias-chart-categorical-12-inactive: #d9e2fc;
+  --token-alias-chart-categorical-12-transparent: lch(67.9 41.2 278 / 0.2);
+  --token-alias-chart-categorical-13-primary: #c25d05;
+  --token-alias-chart-categorical-13-inactive: #ffe1c3;
+  --token-alias-chart-categorical-13-transparent: lch(51.7 70.9 57.2 / 0.2);
+  --token-alias-chart-categorical-14-primary: #067a6f;
+  --token-alias-chart-categorical-14-inactive: #c7ebe5;
+  --token-alias-chart-categorical-14-transparent: lch(45.6 31.8 185 / 0.2);
+  --token-alias-chart-categorical-15-primary: #cf91d8;
+  --token-alias-chart-categorical-15-inactive: #f3d9f4;
+  --token-alias-chart-categorical-15-transparent: lch(68.3 42.4 321 / 0.2);
+  --token-alias-chart-categorical-16-primary: #eb9091;
+  --token-alias-chart-categorical-16-inactive: #fdd8d8;
+  --token-alias-chart-categorical-16-transparent: lch(69.6 38.4 22.9 / 0.2);
+  --token-alias-chart-categorical-17-primary: #0c7792;
+  --token-alias-chart-categorical-17-inactive: #aadee6;
+  --token-alias-chart-categorical-17-transparent: lch(45.7 30.9 228 / 0.2);
+  --token-alias-chart-categorical-18-primary: #e38ec3;
+  --token-alias-chart-categorical-18-inactive: #f9d8ec;
+  --token-alias-chart-categorical-18-transparent: lch(69.3 40.8 341 / 0.2);
+  --token-alias-chart-categorical-19-primary: #97cf9c;
+  --token-alias-chart-categorical-19-inactive: #ceebcf;
+  --token-alias-chart-categorical-19-transparent: lch(78.2 32.7 144 / 0.2);
+  --token-alias-chart-categorical-20-primary: #aa99ec;
+  --token-alias-chart-categorical-20-inactive: #e4defc;
+  --token-alias-chart-categorical-20-transparent: lch(67.2 44.6 296 / 0.2);
+  --token-alias-chart-categorical-21-primary: #94ba2c;
+  --token-alias-chart-categorical-21-inactive: #d7f2b0;
+  --token-alias-chart-categorical-21-transparent: lch(70.8 67.7 114 / 0.2);
+  --token-alias-chart-categorical-22-primary: #3d3d42;
+  --token-alias-chart-categorical-22-inactive: #d6d6dd;
+  --token-alias-chart-categorical-22-transparent: lch(25.9 3.2 286 / 0.2);
+  --token-alias-chart-monochromatic-default-5: #f8faff;
+  --token-alias-chart-monochromatic-default-10: #f0f4ff;
+  --token-alias-chart-monochromatic-default-20: #e6edfe;
+  --token-alias-chart-monochromatic-default-30: #d9e2fc;
+  --token-alias-chart-monochromatic-default-40: #c6d4f9;
+  --token-alias-chart-monochromatic-default-50: #aec0f5;
+  --token-alias-chart-monochromatic-default-60: #8da4ef;
+  --token-alias-chart-monochromatic-default-70: #4067e5;
+  --token-alias-chart-monochromatic-default-90: #3451b2;
+  --token-alias-chart-monochromatic-default-100: #002856;
+  --token-alias-chart-monochromatic-danger-5: #fff8f8;
+  --token-alias-chart-monochromatic-danger-10: #ffefef;
+  --token-alias-chart-monochromatic-danger-20: #ffe5e5;
+  --token-alias-chart-monochromatic-danger-30: #fdd8d8;
+  --token-alias-chart-monochromatic-danger-40: #f9c6c6;
+  --token-alias-chart-monochromatic-danger-50: #f3aeaf;
+  --token-alias-chart-monochromatic-danger-60: #eb9091;
+  --token-alias-chart-monochromatic-danger-70: #d63c42;
+  --token-alias-chart-monochromatic-danger-90: #b82329;
+  --token-alias-chart-monochromatic-danger-100: #381316;
+  --token-alias-chart-status-negative: #d63c42;
+  --token-alias-chart-status-warning: #fecb34;
+  --token-alias-chart-status-positive: #00b050;
+  --token-component-button-primary-default-background: #0174bc;
+  --token-component-button-primary-default-text: #ffffff;
+  --token-component-button-primary-default-icon: #ffffff;
+  --token-component-button-primary-hover-background: #009cde;
+  --token-component-button-primary-hover-text: #ffffff;
+  --token-component-button-primary-hover-icon: #ffffff;
+  --token-component-button-primary-pressed-background: #0174bc;
+  --token-component-button-primary-pressed-text: #ffffff;
+  --token-component-button-primary-pressed-icon: #ffffff;
+  --token-component-button-primary-disabled-background: #e5e5ea;
+  --token-component-button-primary-disabled-text: #a3a3ab;
+  --token-component-button-primary-disabled-icon: #a3a3ab;
+  --token-component-button-primary-loading-background: #0174bc;
+  --token-component-button-secondary-default-background: #ffffff;
+  --token-component-button-secondary-default-border: #0174bc;
+  --token-component-button-secondary-default-text: #0174bc;
+  --token-component-button-secondary-default-icon: #0174bc;
+  --token-component-button-secondary-hover-background: #edf8ff;
+  --token-component-button-secondary-hover-border: #009cde;
+  --token-component-button-secondary-hover-text: #0174bc;
+  --token-component-button-secondary-hover-icon: #0174bc;
+  --token-component-button-secondary-pressed-background: #ffffff;
+  --token-component-button-secondary-pressed-border: #0174bc;
+  --token-component-button-secondary-pressed-text: #0174bc;
+  --token-component-button-secondary-pressed-icon: #0174bc;
+  --token-component-button-secondary-disabled-background: #ffffff;
+  --token-component-button-secondary-disabled-border: #c2c2ca;
+  --token-component-button-secondary-disabled-text: #a3a3ab;
+  --token-component-button-secondary-disabled-icon: #a3a3ab;
+  --token-component-button-secondary-loading-background: #ffffff;
+  --token-component-button-secondary-loading-border: #0174bc;
+  --token-component-button-link-default-text: #0174bc;
+  --token-component-button-link-default-icon: #0174bc;
+  --token-component-button-link-hover-text: #009cde;
+  --token-component-button-link-hover-icon: #009cde;
+  --token-component-button-link-pressed-text: #0174bc;
+  --token-component-button-link-pressed-icon: #0174bc;
+  --token-component-button-link-disabled-text: #a3a3ab;
+  --token-component-button-link-disabled-icon: #a3a3ab;
+  --token-component-container-background: #ffffff;
+  --token-component-container-border: #d6d6dd;
+  --token-component-table-header-filled-background: #343438;
+  --token-component-table-header-filled-text: #ffffff;
+  --token-component-table-header-filled-icon: #ffffff;
+  --token-component-table-header-outlined-border: #343438;
+  --token-component-table-header-outlined-text: #343438;
+  --token-component-table-header-outlined-icon: #3d3d42;
+  --token-component-table-row-border: #d6d6dd;
+  --token-component-table-row-icon-default: #3d3d42;
+  --token-component-table-row-icon-disabled: #a3a3ab;
+  --token-component-table-row-icon-hover: #009cde;
+  --token-component-table-row-background-default: #ffffff;
+  --token-component-table-row-background-zebra: #f7f7fa;
+  --token-component-table-row-background-hover: #edf8ff;
+  --token-component-table-row-text-default: #343438;
+  --token-component-table-row-text-placeholder: #696970;
+  --token-component-table-row-text-link: #0174bc;
+  --token-component-menu-button-primary-default-background: #0174bc;
+  --token-component-menu-button-primary-default-text: #ffffff;
+  --token-component-menu-button-primary-default-icon: #ffffff;
+  --token-component-menu-button-primary-hover-background: #009cde;
+  --token-component-menu-button-primary-hover-text: #ffffff;
+  --token-component-menu-button-primary-hover-icon: #ffffff;
+  --token-component-menu-button-primary-pressed-background: #0174bc;
+  --token-component-menu-button-primary-pressed-text: #ffffff;
+  --token-component-menu-button-primary-pressed-icon: #ffffff;
+  --token-component-menu-button-primary-disabled-background: #e5e5ea;
+  --token-component-menu-button-primary-disabled-text: #a3a3ab;
+  --token-component-menu-button-primary-disabled-icon: #a3a3ab;
+  --token-component-menu-button-primary-loading-background: #0174bc;
+  --token-component-menu-button-secondary-default-background: #ffffff;
+  --token-component-menu-button-secondary-default-border: #0174bc;
+  --token-component-menu-button-secondary-default-text: #0174bc;
+  --token-component-menu-button-secondary-default-icon: #0174bc;
+  --token-component-menu-button-secondary-hover-background: #edf8ff;
+  --token-component-menu-button-secondary-hover-border: #009cde;
+  --token-component-menu-button-secondary-hover-text: #0174bc;
+  --token-component-menu-button-secondary-hover-icon: #0174bc;
+  --token-component-menu-button-secondary-pressed-background: #ffffff;
+  --token-component-menu-button-secondary-pressed-border: #0174bc;
+  --token-component-menu-button-secondary-pressed-text: #0174bc;
+  --token-component-menu-button-secondary-pressed-icon: #0174bc;
+  --token-component-menu-button-secondary-disabled-background: #ffffff;
+  --token-component-menu-button-secondary-disabled-border: #c2c2ca;
+  --token-component-menu-button-secondary-disabled-text: #a3a3ab;
+  --token-component-menu-button-secondary-disabled-icon: #a3a3ab;
+  --token-component-menu-button-secondary-loading-background: #ffffff;
+  --token-component-menu-button-secondary-loading-border: #0174bc;
+  --token-component-menu-button-link-default-text: #0174bc;
+  --token-component-menu-button-link-default-icon: #0174bc;
+  --token-component-menu-button-link-hover-text: #009cde;
+  --token-component-menu-button-link-hover-icon: #009cde;
+  --token-component-menu-button-link-pressed-text: #0174bc;
+  --token-component-menu-button-link-pressed-icon: #0174bc;
+  --token-component-menu-button-link-disabled-text: #a3a3ab;
+  --token-component-menu-button-link-disabled-icon: #a3a3ab;
+  --token-component-overflow-menu-button-default-icon: #3d3d42;
+  --token-component-overflow-menu-button-hover-icon: #009cde;
+  --token-component-overflow-menu-button-pressed-icon: #0174bc;
+  --token-component-overflow-menu-button-disabled-icon: #a3a3ab;
+  --token-component-split-menu-button-primary-default-background: #0174bc;
+  --token-component-split-menu-button-primary-default-border: #ffffff;
+  --token-component-split-menu-button-primary-default-text: #ffffff;
+  --token-component-split-menu-button-primary-default-icon: #ffffff;
+  --token-component-split-menu-button-primary-hover-left-background-left: #009cde;
+  --token-component-split-menu-button-primary-hover-left-background-right: #0174bc;
+  --token-component-split-menu-button-primary-hover-left-border: #ffffff;
+  --token-component-split-menu-button-primary-hover-left-text: #ffffff;
+  --token-component-split-menu-button-primary-hover-left-icon: #ffffff;
+  --token-component-split-menu-button-primary-hover-right-background-left: #0174bc;
+  --token-component-split-menu-button-primary-hover-right-background-right: #009cde;
+  --token-component-split-menu-button-primary-hover-right-border: #ffffff;
+  --token-component-split-menu-button-primary-hover-right-text: #ffffff;
+  --token-component-split-menu-button-primary-hover-right-icon: #ffffff;
+  --token-component-split-menu-button-primary-active-background: #0174bc;
+  --token-component-split-menu-button-primary-active-border: #ffffff;
+  --token-component-split-menu-button-primary-active-text: #ffffff;
+  --token-component-split-menu-button-primary-active-icon: #ffffff;
+  --token-component-split-menu-button-primary-disabled-background: #e5e5ea;
+  --token-component-split-menu-button-primary-disabled-border: #ffffff;
+  --token-component-split-menu-button-primary-disabled-text: #a3a3ab;
+  --token-component-split-menu-button-primary-disabled-icon: #a3a3ab;
+  --token-component-split-menu-button-primary-loading-background-left: #0174bc;
+  --token-component-split-menu-button-primary-loading-background-right: #0174bc;
+  --token-component-split-menu-button-primary-loading-border: #ffffff;
+  --token-component-split-menu-button-primary-loading-icon: #ffffff;
+  --token-component-split-menu-button-secondary-default-background: #ffffff;
+  --token-component-split-menu-button-secondary-default-border: #0174bc;
+  --token-component-split-menu-button-secondary-default-text: #0174bc;
+  --token-component-split-menu-button-secondary-default-icon: #0174bc;
+  --token-component-split-menu-button-secondary-hover-left-background-left: #edf8ff;
+  --token-component-split-menu-button-secondary-hover-left-background-right: #ffffff;
+  --token-component-split-menu-button-secondary-hover-left-border-left: #009cde;
+  --token-component-split-menu-button-secondary-hover-left-border-right: #0174bc;
+  --token-component-split-menu-button-secondary-hover-left-text: #0174bc;
+  --token-component-split-menu-button-secondary-hover-left-icon: #0174bc;
+  --token-component-split-menu-button-secondary-hover-right-background-left: #ffffff;
+  --token-component-split-menu-button-secondary-hover-right-background-right: #edf8ff;
+  --token-component-split-menu-button-secondary-hover-right-border-left: #0174bc;
+  --token-component-split-menu-button-secondary-hover-right-border-right: #009cde;
+  --token-component-split-menu-button-secondary-hover-right-text: #0174bc;
+  --token-component-split-menu-button-secondary-hover-right-icon: #0174bc;
+  --token-component-split-menu-button-secondary-active-background: #ffffff;
+  --token-component-split-menu-button-secondary-active-border: #0174bc;
+  --token-component-split-menu-button-secondary-active-text: #0174bc;
+  --token-component-split-menu-button-secondary-active-icon: #0174bc;
+  --token-component-split-menu-button-secondary-disabled-background: #ffffff;
+  --token-component-split-menu-button-secondary-disabled-border: #c2c2ca;
+  --token-component-split-menu-button-secondary-disabled-text: #a3a3ab;
+  --token-component-split-menu-button-secondary-disabled-icon: #a3a3ab;
+  --token-component-split-menu-button-secondary-loading-background: #ffffff;
+  --token-component-split-menu-button-secondary-loading-border: #0174bc;
+  --token-component-split-menu-button-secondary-loading-icon: #0174bc;
+  --token-component-appbar-background: #f7f7fa;
+  --token-component-appbar-border: #d6d6dd;
+  --token-component-appbar-text: #343438;
+  --token-component-appbar-icon: #3d3d42;
+  --token-component-badge-informative-background: lch(36.7 58.2 286 / 0.12);
+  --token-component-badge-informative-text: #3451b2;
+  --token-component-badge-neutral-background: lch(34.6 3.66 286 / 0.12);
+  --token-component-badge-neutral-text: #515157;
+  --token-component-badge-warning-background: lch(67.2 71.6 80.1 / 0.12);
+  --token-component-badge-warning-text: #c25d05;
+  --token-component-badge-negative-background: lch(41.2 69 32.4 / 0.12);
+  --token-component-badge-negative-text: #b82329;
+  --token-component-badge-positive-background: lch(47.6 47.7 150 / 0.12);
+  --token-component-badge-positive-text: #138246;
+  --token-component-badge-important-background: lch(38.2 75 307 / 0.12);
+  --token-component-badge-important-text: #753bbd;
+  --token-component-badge-violet-background: lch(36.2 62.1 298 / 0.12);
+  --token-component-badge-violet-text: #5746af;
+  --token-component-badge-pink-background: lch(47.1 72.1 347 / 0.12);
+  --token-component-badge-pink-text: #cd1d8d;
+  --token-component-breadcrumb-divider: #d6d6dd;
+  --token-component-breadcrumb-app-title-text: #0174bc;
+  --token-component-breadcrumb-default-text: #0174bc;
+  --token-component-breadcrumb-truncated-text: #0174bc;
+  --token-component-breadcrumb-last-item-text: #343438;
+  --token-component-breadcrumb-collapsed-background: #e5e5ea;
+  --token-component-breadcrumb-collapsed-text: #343438;
+  --token-component-breadcrumb-collapsed-icon: #3d3d42;
+  --token-component-breadcrumb-with-dropdown-text: #0174bc;
+  --token-component-breadcrumb-with-dropdown-icon: #3d3d42;
+  --token-component-card-background: #ffffff;
+  --token-component-card-border: #d6d6dd;
+  --token-component-card-text: #343438;
+  --token-component-card-icon: #3d3d42;
+  --token-component-checkbox-empty-default-background: #ffffff;
+  --token-component-checkbox-empty-default-border: #83838c;
+  --token-component-checkbox-empty-default-text: #343438;
+  --token-component-checkbox-empty-hover-background: #ffffff;
+  --token-component-checkbox-empty-hover-border: #009cde;
+  --token-component-checkbox-empty-hover-text: #343438;
+  --token-component-checkbox-empty-active-background: #ffffff;
+  --token-component-checkbox-empty-active-border: #0174bc;
+  --token-component-checkbox-empty-active-text: #343438;
+  --token-component-checkbox-empty-disabled-background: #e5e5ea;
+  --token-component-checkbox-empty-disabled-border: #c2c2ca;
+  --token-component-checkbox-empty-disabled-text: #a3a3ab;
+  --token-component-checkbox-empty-read-only-background: #ffffff;
+  --token-component-checkbox-empty-read-only-border: #c2c2ca;
+  --token-component-checkbox-empty-read-only-text: #343438;
+  --token-component-checkbox-checked-default-background: #0174bc;
+  --token-component-checkbox-checked-default-text: #343438;
+  --token-component-checkbox-checked-default-icon: #ffffff;
+  --token-component-checkbox-checked-hover-background: #009cde;
+  --token-component-checkbox-checked-hover-text: #343438;
+  --token-component-checkbox-checked-hover-icon: #ffffff;
+  --token-component-checkbox-checked-active-background: #0174bc;
+  --token-component-checkbox-checked-active-text: #343438;
+  --token-component-checkbox-checked-active-icon: #ffffff;
+  --token-component-checkbox-checked-disabled-background: #afdef8;
+  --token-component-checkbox-checked-disabled-text: #a3a3ab;
+  --token-component-checkbox-checked-disabled-icon: #ffffff;
+  --token-component-checkbox-checked-read-only-background: #ffffff;
+  --token-component-checkbox-checked-read-only-border: #c2c2ca;
+  --token-component-checkbox-checked-read-only-text: #343438;
+  --token-component-checkbox-checked-read-only-icon: #a3a3ab;
+  --token-component-checkbox-indeterminated-default-background: #0174bc;
+  --token-component-checkbox-indeterminated-default-text: #343438;
+  --token-component-checkbox-indeterminated-default-icon: #ffffff;
+  --token-component-checkbox-indeterminated-hover-background: #009cde;
+  --token-component-checkbox-indeterminated-hover-text: #343438;
+  --token-component-checkbox-indeterminated-hover-icon: #ffffff;
+  --token-component-checkbox-indeterminated-active-background: #0174bc;
+  --token-component-checkbox-indeterminated-active-text: #343438;
+  --token-component-checkbox-indeterminated-active-icon: #ffffff;
+  --token-component-checkbox-indeterminated-disabled-background: #afdef8;
+  --token-component-checkbox-indeterminated-disabled-text: #a3a3ab;
+  --token-component-checkbox-indeterminated-disabled-icon: #ffffff;
+  --token-component-checkbox-indeterminated-read-only-background: #ffffff;
+  --token-component-checkbox-indeterminated-read-only-border: #c2c2ca;
+  --token-component-checkbox-indeterminated-read-only-text: #343438;
+  --token-component-checkbox-indeterminated-read-only-icon: #a3a3ab;
+  --token-component-content-panel-background: #ffffff;
+  --token-component-content-panel-border: #d6d6dd;
+  --token-component-content-panel-text: #343438;
+  --token-component-content-panel-icon: #3d3d42;
+  --token-component-calendar-background: #ffffff;
+  --token-component-calendar-border: #d6d6dd;
+  --token-component-calendar-icon: #3d3d42;
+  --token-component-calendar-text-default: #343438;
+  --token-component-calendar-text-disabled: #a3a3ab;
+  --token-component-calendar-selected-item-text: #ffffff;
+  --token-component-calendar-selected-item-background: #0174bc;
+  --token-component-calendar-hover-item-background: #edf8ff;
+  --token-component-calendar-hover-item-text: #343438;
+  --token-component-calendar-preset-area-background: #f7f7fa;
+  --token-component-calendar-preset-area-hover-period-background: #edf8ff;
+  --token-component-calendar-preset-area-active-period-background: #ceedfe;
+  --token-component-calendar-preset-area-active-period-text: #343438;
+  --token-component-date-field-default-background: #ffffff;
+  --token-component-date-field-default-border: #83838c;
+  --token-component-date-field-default-text: #696970;
+  --token-component-date-field-default-icon: #3d3d42;
+  --token-component-date-field-default-hint-text: #696970;
+  --token-component-date-field-hover-background: #ffffff;
+  --token-component-date-field-hover-border: #3d3d42;
+  --token-component-date-field-hover-text: #343438;
+  --token-component-date-field-hover-icon: #3d3d42;
+  --token-component-date-field-hover-hint-text: #696970;
+  --token-component-date-field-hover-empty-background: #ffffff;
+  --token-component-date-field-hover-empty-border: #3d3d42;
+  --token-component-date-field-hover-empty-text: #696970;
+  --token-component-date-field-hover-empty-icon: #3d3d42;
+  --token-component-date-field-hover-empty-hint-text: #696970;
+  --token-component-date-field-filled-background: #ffffff;
+  --token-component-date-field-filled-border: #83838c;
+  --token-component-date-field-filled-text: #343438;
+  --token-component-date-field-filled-icon: #3d3d42;
+  --token-component-date-field-filled-hint-text: #696970;
+  --token-component-date-field-disabled-background: #ededf2;
+  --token-component-date-field-disabled-border: #c2c2ca;
+  --token-component-date-field-disabled-text: #a3a3ab;
+  --token-component-date-field-disabled-icon: #a3a3ab;
+  --token-component-date-field-disabled-hint-text: #696970;
+  --token-component-date-field-read-only-background: #ffffff;
+  --token-component-date-field-read-only-text: #343438;
+  --token-component-date-field-read-only-hint-text: #696970;
+  --token-component-date-field-error-background: #ffffff;
+  --token-component-date-field-error-border: #d63c42;
+  --token-component-date-field-error-text: #343438;
+  --token-component-date-field-error-icon: #3d3d42;
+  --token-component-date-field-error-hint-text: #b82329;
+  --token-component-date-field-focus-background: #ffffff;
+  --token-component-date-field-focus-border: #0174bc;
+  --token-component-date-field-focus-text: #696970;
+  --token-component-date-field-focus-icon: #0174bc;
+  --token-component-date-field-focus-hint-text: #696970;
+  --token-component-date-picker-default-icon: #3d3d42;
+  --token-component-date-picker-hover-icon: #009cde;
+  --token-component-date-picker-filled-icon: #0174bc;
+  --token-component-date-picker-disabled-icon: #a3a3ab;
+  --token-component-date-picker-focus-icon: #0174bc;
+  --token-component-date-range-picker-default-icon: #3d3d42;
+  --token-component-date-range-picker-hover-icon: #009cde;
+  --token-component-date-range-picker-filled-icon: #0174bc;
+  --token-component-date-range-picker-disabled-icon: #a3a3ab;
+  --token-component-date-range-picker-focus-icon: #0174bc;
+  --token-component-date-range-field-default-background: #ffffff;
+  --token-component-date-range-field-default-border: #83838c;
+  --token-component-date-range-field-default-text: #696970;
+  --token-component-date-range-field-default-icon: #3d3d42;
+  --token-component-date-range-field-default-hint-text: #696970;
+  --token-component-date-range-field-hover-background: #ffffff;
+  --token-component-date-range-field-hover-border: #3d3d42;
+  --token-component-date-range-field-hover-text: #343438;
+  --token-component-date-range-field-hover-icon: #3d3d42;
+  --token-component-date-range-field-hover-hint-text: #696970;
+  --token-component-date-range-field-hover-empty-background: #ffffff;
+  --token-component-date-range-field-hover-empty-border: #3d3d42;
+  --token-component-date-range-field-hover-empty-text: #696970;
+  --token-component-date-range-field-hover-empty-icon: #3d3d42;
+  --token-component-date-range-field-hover-empty-hint-text: #696970;
+  --token-component-date-range-field-filled-background: #ffffff;
+  --token-component-date-range-field-filled-border: #83838c;
+  --token-component-date-range-field-filled-text: #343438;
+  --token-component-date-range-field-filled-icon: #3d3d42;
+  --token-component-date-range-field-filled-hint-text: #696970;
+  --token-component-date-range-field-filled-placeholder-item-text: #696970;
+  --token-component-date-range-field-disabled-background: #ededf2;
+  --token-component-date-range-field-disabled-border: #c2c2ca;
+  --token-component-date-range-field-disabled-text: #a3a3ab;
+  --token-component-date-range-field-disabled-icon: #a3a3ab;
+  --token-component-date-range-field-disabled-hint-text: #696970;
+  --token-component-date-range-field-read-only-background: #ffffff;
+  --token-component-date-range-field-read-only-text: #343438;
+  --token-component-date-range-field-read-only-hint-text: #696970;
+  --token-component-date-range-field-error-background: #ffffff;
+  --token-component-date-range-field-error-border: #d63c42;
+  --token-component-date-range-field-error-text: #343438;
+  --token-component-date-range-field-error-icon: #3d3d42;
+  --token-component-date-range-field-error-hint-text: #b82329;
+  --token-component-date-range-field-focus-background: #ffffff;
+  --token-component-date-range-field-focus-border: #0174bc;
+  --token-component-date-range-field-focus-text: #696970;
+  --token-component-date-range-field-focus-icon: #0174bc;
+  --token-component-date-range-field-focus-hint-text: #696970;
+  --token-component-date-range-field-focus-placeholder-item-text: #696970;
+  --token-component-date-range-input-default-background: #ffffff;
+  --token-component-date-range-input-default-border: #83838c;
+  --token-component-date-range-input-default-text: #696970;
+  --token-component-date-range-input-default-icon: #3d3d42;
+  --token-component-date-range-input-default-hint-text: #696970;
+  --token-component-date-range-input-hover-background: #ffffff;
+  --token-component-date-range-input-hover-border: #3d3d42;
+  --token-component-date-range-input-hover-text: #343438;
+  --token-component-date-range-input-hover-icon: #3d3d42;
+  --token-component-date-range-input-hover-hint-text: #696970;
+  --token-component-date-range-input-active-period-background: #ffffff;
+  --token-component-date-range-input-active-period-border: #3d3d42;
+  --token-component-date-range-input-active-period-text: #343438;
+  --token-component-date-range-input-active-period-icon: #3d3d42;
+  --token-component-date-range-input-active-period-hint-text: #696970;
+  --token-component-date-range-input-active-period-active-item-background: #edf8ff;
+  --token-component-date-range-input-active-period-active-item-text: #696970;
+  --token-component-date-range-input-filled-background: #ffffff;
+  --token-component-date-range-input-filled-border: #83838c;
+  --token-component-date-range-input-filled-text: #343438;
+  --token-component-date-range-input-filled-icon: #3d3d42;
+  --token-component-date-range-input-filled-hint-text: #696970;
+  --token-component-date-range-input-filled-placeholder-item-text: #696970;
+  --token-component-date-range-input-disabled-background: #ffffff;
+  --token-component-date-range-input-disabled-border: #c2c2ca;
+  --token-component-date-range-input-disabled-text: #a3a3ab;
+  --token-component-date-range-input-disabled-icon: #a3a3ab;
+  --token-component-date-range-input-disabled-hint-text: #696970;
+  --token-component-date-range-input-read-only-background: #ffffff;
+  --token-component-date-range-input-read-only-text: #343438;
+  --token-component-date-range-input-read-only-hint-text: #696970;
+  --token-component-date-range-input-error-background: #ffffff;
+  --token-component-date-range-input-error-border: #d63c42;
+  --token-component-date-range-input-error-text: #343438;
+  --token-component-date-range-input-error-icon: #3d3d42;
+  --token-component-date-range-input-error-hint-text: #b82329;
+  --token-component-date-range-input-focus-background: #ffffff;
+  --token-component-date-range-input-focus-border: #0174bc;
+  --token-component-date-range-input-focus-text: #343438;
+  --token-component-date-range-input-focus-icon: #0174bc;
+  --token-component-date-range-input-focus-hint-text: #696970;
+  --token-component-date-range-input-focus-placeholder-item-text: #696970;
+  --token-component-divider-border: #d6d6dd;
+  --token-component-drawer-background: #ffffff;
+  --token-component-drawer-text: #343438;
+  --token-component-drawer-icon-default: #3d3d42;
+  --token-component-drawer-icon-disabled: #a3a3ab;
+  --token-component-dropdown-icon-default: #3d3d42;
+  --token-component-dropdown-icon-disabled: #a3a3ab;
+  --token-component-dropdown-text-default: #343438;
+  --token-component-dropdown-text-link: #0174bc;
+  --token-component-dropdown-text-description: #696970;
+  --token-component-dropdown-text-disabled: #a3a3ab;
+  --token-component-dropdown-background-default: #ffffff;
+  --token-component-dropdown-background-hover: #edf8ff;
+  --token-component-dropdown-background-category: #f7f7fa;
+  --token-component-global-header-background: #232326;
+  --token-component-global-header-border: #3d3d42;
+  --token-component-global-header-icon-default: #d6d6dd;
+  --token-component-global-header-icon-hover: #ffffff;
+  --token-component-global-header-text-default: #d6d6dd;
+  --token-component-global-header-text-hover: #ffffff;
+  --token-component-global-header-search-background: #3d3d42;
+  --token-component-global-header-search-text-placeholder: #d6d6dd;
+  --token-component-global-header-search-text-filled: #ffffff;
+  --token-component-global-header-search-icon-default: #d6d6dd;
+  --token-component-global-header-search-icon-active: #ffffff;
+  --token-component-global-header-search-icon-hover: #ffffff;
+  --token-component-global-footer-background: #232326;
+  --token-component-global-footer-text-default: #d6d6dd;
+  --token-component-global-footer-text-hover: #ffffff;
+  --token-component-group-select-field-default-background: #ffffff;
+  --token-component-group-select-field-default-border: #83838c;
+  --token-component-group-select-field-default-text: #696970;
+  --token-component-group-select-field-default-icon: #3d3d42;
+  --token-component-group-select-field-default-hint-text: #696970;
+  --token-component-group-select-field-default-info-icon: #696970;
+  --token-component-group-select-field-hover-background: #ffffff;
+  --token-component-group-select-field-hover-border: #3d3d42;
+  --token-component-group-select-field-hover-text: #696970;
+  --token-component-group-select-field-hover-icon: #3d3d42;
+  --token-component-group-select-field-hover-hint-text: #696970;
+  --token-component-group-select-field-hover-info-icon: #696970;
+  --token-component-group-select-field-selected-background: #ffffff;
+  --token-component-group-select-field-selected-border: #83838c;
+  --token-component-group-select-field-selected-text: #343438;
+  --token-component-group-select-field-selected-icon: #3d3d42;
+  --token-component-group-select-field-selected-hint-text: #696970;
+  --token-component-group-select-field-selected-info-icon: #696970;
+  --token-component-group-select-field-disabled-background: #ededf2;
+  --token-component-group-select-field-disabled-border: #c2c2ca;
+  --token-component-group-select-field-disabled-text: #a3a3ab;
+  --token-component-group-select-field-disabled-icon: #a3a3ab;
+  --token-component-group-select-field-disabled-hint-text: #696970;
+  --token-component-group-select-field-disabled-info-icon: #696970;
+  --token-component-group-select-field-read-only-background: #ffffff;
+  --token-component-group-select-field-read-only-text: #343438;
+  --token-component-group-select-field-read-only-hint-text: #696970;
+  --token-component-group-select-field-read-only-info-icon: #696970;
+  --token-component-group-select-field-error-background: #ffffff;
+  --token-component-group-select-field-error-border: #d63c42;
+  --token-component-group-select-field-error-text: #343438;
+  --token-component-group-select-field-error-icon: #3d3d42;
+  --token-component-group-select-field-error-hint-text: #b82329;
+  --token-component-group-select-field-error-info-icon: #696970;
+  --token-component-group-select-field-focus-background: #ffffff;
+  --token-component-group-select-field-focus-border: #0174bc;
+  --token-component-group-select-field-focus-text: #343438;
+  --token-component-group-select-field-focus-icon: #3d3d42;
+  --token-component-group-select-field-focus-hint-text: #696970;
+  --token-component-group-select-field-focus-info-icon: #696970;
+  --token-component-group-select-dropdown-icon: #3d3d42;
+  --token-component-group-select-dropdown-text: #343438;
+  --token-component-group-select-dropdown-background-default: #ffffff;
+  --token-component-group-select-dropdown-background-hover: #edf8ff;
+  --token-component-inline-edit-text: #343438;
+  --token-component-inline-edit-icon-default: #3d3d42;
+  --token-component-inline-edit-icon-hover: #009cde;
+  --token-component-inline-edit-accept-icon-default: #0174bc;
+  --token-component-inline-edit-accept-icon-hover: #009cde;
+  --token-component-inline-edit-accept-icon-disabled: #a3a3ab;
+  --token-component-kpi-bar-text: #3d3d42;
+  --token-component-kpi-bar-border: #d6d6dd;
+  --token-component-kpi-bar-icon-default: #3d3d42;
+  --token-component-kpi-bar-icon-hover: #009cde;
+  --token-component-kpi-bar-icon-active: #0174bc;
+  --token-component-kpi-bar-item-neutral-default-label: #515157;
+  --token-component-kpi-bar-item-neutral-default-text: #696970;
+  --token-component-kpi-bar-item-neutral-default-icon: #515157;
+  --token-component-kpi-bar-item-neutral-hover-label: #515157;
+  --token-component-kpi-bar-item-neutral-hover-text: #696970;
+  --token-component-kpi-bar-item-neutral-hover-background: lch(34.6 3.66 286 / 0.12);
+  --token-component-kpi-bar-item-neutral-hover-icon: #515157;
+  --token-component-kpi-bar-item-neutral-active-label: #515157;
+  --token-component-kpi-bar-item-neutral-active-text: #343438;
+  --token-component-kpi-bar-item-neutral-active-border: #515157;
+  --token-component-kpi-bar-item-neutral-active-icon: #515157;
+  --token-component-kpi-bar-item-green-default-label: #138246;
+  --token-component-kpi-bar-item-green-default-text: #696970;
+  --token-component-kpi-bar-item-green-hover-label: #138246;
+  --token-component-kpi-bar-item-green-hover-text: #696970;
+  --token-component-kpi-bar-item-green-hover-background: lch(47.6 47.7 150 / 0.12);
+  --token-component-kpi-bar-item-green-active-label: #138246;
+  --token-component-kpi-bar-item-green-active-text: #343438;
+  --token-component-kpi-bar-item-green-active-border: #138246;
+  --token-component-kpi-bar-item-orange-default-label: #c25d05;
+  --token-component-kpi-bar-item-orange-default-text: #696970;
+  --token-component-kpi-bar-item-orange-hover-label: #c25d05;
+  --token-component-kpi-bar-item-orange-hover-text: #696970;
+  --token-component-kpi-bar-item-orange-hover-background: lch(67.2 71.6 80.1 / 0.12);
+  --token-component-kpi-bar-item-orange-active-label: #c25d05;
+  --token-component-kpi-bar-item-orange-active-text: #343438;
+  --token-component-kpi-bar-item-orange-active-border: #c25d05;
+  --token-component-kpi-bar-item-purple-default-label: #753bbd;
+  --token-component-kpi-bar-item-purple-default-text: #696970;
+  --token-component-kpi-bar-item-purple-hover-label: #753bbd;
+  --token-component-kpi-bar-item-purple-hover-text: #696970;
+  --token-component-kpi-bar-item-purple-hover-background: lch(38.2 75 307 / 0.12);
+  --token-component-kpi-bar-item-purple-active-label: #753bbd;
+  --token-component-kpi-bar-item-purple-active-text: #343438;
+  --token-component-kpi-bar-item-purple-active-border: #753bbd;
+  --token-component-kpi-bar-item-red-default-label: #b82329;
+  --token-component-kpi-bar-item-red-default-text: #696970;
+  --token-component-kpi-bar-item-red-hover-label: #b82329;
+  --token-component-kpi-bar-item-red-hover-text: #696970;
+  --token-component-kpi-bar-item-red-hover-background: lch(41.2 69 32.4 / 0.12);
+  --token-component-kpi-bar-item-red-active-label: #b82329;
+  --token-component-kpi-bar-item-red-active-text: #343438;
+  --token-component-kpi-bar-item-red-active-border: #b82329;
+  --token-component-kpi-bar-item-ultramarine-default-label: #3451b2;
+  --token-component-kpi-bar-item-ultramarine-default-text: #696970;
+  --token-component-kpi-bar-item-ultramarine-hover-label: #3451b2;
+  --token-component-kpi-bar-item-ultramarine-hover-text: #696970;
+  --token-component-kpi-bar-item-ultramarine-hover-background: lch(36.7 58.2 286 / 0.12);
+  --token-component-kpi-bar-item-ultramarine-active-label: #3451b2;
+  --token-component-kpi-bar-item-ultramarine-active-text: #343438;
+  --token-component-kpi-bar-item-ultramarine-active-border: #3451b2;
+  --token-component-kpi-bar-item-pink-default-label: #cd1d8d;
+  --token-component-kpi-bar-item-pink-default-text: #696970;
+  --token-component-kpi-bar-item-pink-hover-label: #cd1d8d;
+  --token-component-kpi-bar-item-pink-hover-text: #696970;
+  --token-component-kpi-bar-item-pink-hover-background: lch(47.1 72.1 347 / 0.12);
+  --token-component-kpi-bar-item-pink-active-label: #cd1d8d;
+  --token-component-kpi-bar-item-pink-active-text: #343438;
+  --token-component-kpi-bar-item-pink-active-border: #cd1d8d;
+  --token-component-label-text: #343438;
+  --token-component-label-icon: #3d3d42;
+  --token-component-label-info-icon: #696970;
+  --token-component-list-text: #343438;
+  --token-component-list-border: #d6d6dd;
+  --token-component-list-icon-default: #3d3d42;
+  --token-component-list-icon-hover: #009cde;
+  --token-component-list-icon-active: #0174bc;
+  --token-component-list-background-default: #ffffff;
+  --token-component-list-background-hover: #edf8ff;
+  --token-component-master-switch-content-background: #ffffff;
+  --token-component-master-switch-side-background: #f7f7fa;
+  --token-component-master-switch-text: #343438;
+  --token-component-master-switch-icon: #3d3d42;
+  --token-component-modal-background: #ffffff;
+  --token-component-modal-icon: #3d3d42;
+  --token-component-modal-text-default: #343438;
+  --token-component-modal-text-description: #696970;
+  --token-component-notification-banner-text: #343438;
+  --token-component-notification-banner-icon: #3d3d42;
+  --token-component-notification-banner-informative-background: #f0f4ff;
+  --token-component-notification-banner-informative-border: #4067e5;
+  --token-component-notification-banner-informative-status-icon: #4067e5;
+  --token-component-notification-banner-tip-background: #f0f4ff;
+  --token-component-notification-banner-tip-border: #4067e5;
+  --token-component-notification-banner-tip-status-icon: #4067e5;
+  --token-component-notification-banner-warning-background: #fff4d5;
+  --token-component-notification-banner-warning-border: #fecb34;
+  --token-component-notification-banner-warning-status-icon: #fecb34;
+  --token-component-notification-banner-success-background: #ebf9eb;
+  --token-component-notification-banner-success-border: #00b050;
+  --token-component-notification-banner-success-status-icon: #00b050;
+  --token-component-notification-banner-error-background: #ffefef;
+  --token-component-notification-banner-error-border: #d63c42;
+  --token-component-notification-banner-error-status-icon: #d63c42;
+  --token-component-notification-banner-secondary-background: #e5e5ea;
+  --token-component-notification-banner-secondary-border: #343438;
+  --token-component-notification-banner-secondary-status-icon: #3d3d42;
+  --token-component-notification-toast-text: #343438;
+  --token-component-notification-toast-icon: #3d3d42;
+  --token-component-notification-toast-informative-background: #f0f4ff;
+  --token-component-notification-toast-informative-icon-background: #4067e5;
+  --token-component-notification-toast-informative-border: #4067e5;
+  --token-component-notification-toast-informative-status-icon: #ffffff;
+  --token-component-notification-toast-tip-background: #f0f4ff;
+  --token-component-notification-toast-tip-icon-background: #4067e5;
+  --token-component-notification-toast-tip-border: #4067e5;
+  --token-component-notification-toast-tip-status-icon: #ffffff;
+  --token-component-notification-toast-warning-background: #fff4d5;
+  --token-component-notification-toast-warning-icon-background: #fecb34;
+  --token-component-notification-toast-warning-border: #fecb34;
+  --token-component-notification-toast-warning-status-icon: #3d3d42;
+  --token-component-notification-toast-success-background: #ebf9eb;
+  --token-component-notification-toast-success-icon-background: #00b050;
+  --token-component-notification-toast-success-border: #00b050;
+  --token-component-notification-toast-success-status-icon: #ffffff;
+  --token-component-notification-toast-error-background: #ffefef;
+  --token-component-notification-toast-error-icon-background: #d63c42;
+  --token-component-notification-toast-error-border: #d63c42;
+  --token-component-notification-toast-error-status-icon: #ffffff;
+  --token-component-pagination-background: #ffffff;
+  --token-component-pagination-border: #d6d6dd;
+  --token-component-pagination-text-default: #343438;
+  --token-component-pagination-text-link: #0174bc;
+  --token-component-pagination-text-hover: #009cde;
+  --token-component-pagination-text-disabled: #a3a3ab;
+  --token-component-pagination-icon-default: #3d3d42;
+  --token-component-pagination-icon-hover: #009cde;
+  --token-component-pagination-icon-active: #0174bc;
+  --token-component-pagination-icon-disabled: #a3a3ab;
+  --token-component-popover-background: #ffffff;
+  --token-component-popover-border: #d6d6dd;
+  --token-component-popover-icon: #3d3d42;
+  --token-component-popover-text-default: #343438;
+  --token-component-popover-text-link-default: #0174bc;
+  --token-component-popover-text-link-hover: #009cde;
+  --token-component-progress-bar-text-default: #343438;
+  --token-component-progress-bar-text-link-default: #0174bc;
+  --token-component-progress-bar-text-link-hover: #009cde;
+  --token-component-progress-bar-status-line-default: #e5e5ea;
+  --token-component-progress-bar-status-line-success: #00b050;
+  --token-component-progress-bar-status-line-error: #d63c42;
+  --token-component-numeric-spinner-default-background: #ffffff;
+  --token-component-numeric-spinner-default-border: #83838c;
+  --token-component-numeric-spinner-default-text: #696970;
+  --token-component-numeric-spinner-default-icon: #3d3d42;
+  --token-component-numeric-spinner-default-hint-text: #696970;
+  --token-component-numeric-spinner-hover-background: #ffffff;
+  --token-component-numeric-spinner-hover-border: #3d3d42;
+  --token-component-numeric-spinner-hover-text: #696970;
+  --token-component-numeric-spinner-hover-icon: #3d3d42;
+  --token-component-numeric-spinner-hover-hint-text: #696970;
+  --token-component-numeric-spinner-filled-background: #ffffff;
+  --token-component-numeric-spinner-filled-border: #83838c;
+  --token-component-numeric-spinner-filled-text: #343438;
+  --token-component-numeric-spinner-filled-icon: #3d3d42;
+  --token-component-numeric-spinner-filled-hint-text: #696970;
+  --token-component-numeric-spinner-disabled-background: #ededf2;
+  --token-component-numeric-spinner-disabled-border: #c2c2ca;
+  --token-component-numeric-spinner-disabled-text: #a3a3ab;
+  --token-component-numeric-spinner-disabled-icon: #a3a3ab;
+  --token-component-numeric-spinner-disabled-hint-text: #696970;
+  --token-component-numeric-spinner-read-only-background: #ffffff;
+  --token-component-numeric-spinner-read-only-text: #343438;
+  --token-component-numeric-spinner-read-only-hint-text: #696970;
+  --token-component-numeric-spinner-error-background: #ffffff;
+  --token-component-numeric-spinner-error-border: #d63c42;
+  --token-component-numeric-spinner-error-text: #343438;
+  --token-component-numeric-spinner-error-icon: #3d3d42;
+  --token-component-numeric-spinner-error-hint-text: #b82329;
+  --token-component-numeric-spinner-focus-background: #ffffff;
+  --token-component-numeric-spinner-focus-border: #0174bc;
+  --token-component-numeric-spinner-focus-text: #696970;
+  --token-component-numeric-spinner-focus-icon: #3d3d42;
+  --token-component-numeric-spinner-focus-hint-text: #696970;
+  --token-component-radio-button-inactive-default-background: #ffffff;
+  --token-component-radio-button-inactive-default-border: #83838c;
+  --token-component-radio-button-inactive-default-text: #343438;
+  --token-component-radio-button-inactive-hover-background: #ffffff;
+  --token-component-radio-button-inactive-hover-border: #009cde;
+  --token-component-radio-button-inactive-hover-text: #343438;
+  --token-component-radio-button-inactive-active-background: #ffffff;
+  --token-component-radio-button-inactive-active-border: #0174bc;
+  --token-component-radio-button-inactive-active-text: #343438;
+  --token-component-radio-button-inactive-disabled-background: #e5e5ea;
+  --token-component-radio-button-inactive-disabled-border: #c2c2ca;
+  --token-component-radio-button-inactive-disabled-text: #a3a3ab;
+  --token-component-radio-button-inactive-read-only-background: #ffffff;
+  --token-component-radio-button-inactive-read-only-border: #c2c2ca;
+  --token-component-radio-button-inactive-read-only-text: #343438;
+  --token-component-radio-button-active-default-background: #ffffff;
+  --token-component-radio-button-active-default-border: #0174bc;
+  --token-component-radio-button-active-default-text: #343438;
+  --token-component-radio-button-active-hover-background: #ffffff;
+  --token-component-radio-button-active-hover-border: #009cde;
+  --token-component-radio-button-active-hover-text: #343438;
+  --token-component-radio-button-active-active-background: #ffffff;
+  --token-component-radio-button-active-active-border: #0174bc;
+  --token-component-radio-button-active-active-text: #343438;
+  --token-component-radio-button-active-disabled-background: #ffffff;
+  --token-component-radio-button-active-disabled-border: #afdef8;
+  --token-component-radio-button-active-disabled-text: #a3a3ab;
+  --token-component-radio-button-active-read-only-background: #ffffff;
+  --token-component-radio-button-active-read-only-border: #c2c2ca;
+  --token-component-radio-button-active-read-only-text: #343438;
+  --token-component-search-default-background: #ffffff;
+  --token-component-search-default-border: #83838c;
+  --token-component-search-default-text: #696970;
+  --token-component-search-default-icon: #3d3d42;
+  --token-component-search-default-hint-text: #696970;
+  --token-component-search-default-search-icon: #696970;
+  --token-component-search-hover-background: #ffffff;
+  --token-component-search-hover-border: #3d3d42;
+  --token-component-search-hover-text: #696970;
+  --token-component-search-hover-icon: #3d3d42;
+  --token-component-search-hover-hint-text: #696970;
+  --token-component-search-hover-search-icon: #696970;
+  --token-component-search-filled-background: #ffffff;
+  --token-component-search-filled-border: #83838c;
+  --token-component-search-filled-text: #343438;
+  --token-component-search-filled-icon: #3d3d42;
+  --token-component-search-filled-hint-text: #696970;
+  --token-component-search-filled-search-icon: #696970;
+  --token-component-search-disabled-background: #ededf2;
+  --token-component-search-disabled-border: #c2c2ca;
+  --token-component-search-disabled-text: #a3a3ab;
+  --token-component-search-disabled-icon: #a3a3ab;
+  --token-component-search-disabled-hint-text: #696970;
+  --token-component-search-disabled-search-icon: #a3a3ab;
+  --token-component-search-error-background: #ffffff;
+  --token-component-search-error-border: #d63c42;
+  --token-component-search-error-text: #343438;
+  --token-component-search-error-icon: #3d3d42;
+  --token-component-search-error-hint-text: #b82329;
+  --token-component-search-error-search-icon: #696970;
+  --token-component-search-focus-empty-background: #ffffff;
+  --token-component-search-focus-empty-border: #0174bc;
+  --token-component-search-focus-empty-text: #696970;
+  --token-component-search-focus-empty-icon: #3d3d42;
+  --token-component-search-focus-empty-hint-text: #696970;
+  --token-component-search-focus-empty-search-icon: #696970;
+  --token-component-search-focus-background: #ffffff;
+  --token-component-search-focus-border: #0174bc;
+  --token-component-search-focus-text: #343438;
+  --token-component-search-focus-icon: #3d3d42;
+  --token-component-search-focus-hint-text: #696970;
+  --token-component-search-focus-search-icon: #696970;
+  --token-component-segmented-button-default-background: #ffffff;
+  --token-component-segmented-button-default-border: #0174bc;
+  --token-component-segmented-button-default-text: #0174bc;
+  --token-component-segmented-button-default-icon: #0174bc;
+  --token-component-segmented-button-hover-background: #edf8ff;
+  --token-component-segmented-button-hover-border: #009cde;
+  --token-component-segmented-button-hover-text: #0174bc;
+  --token-component-segmented-button-hover-icon: #0174bc;
+  --token-component-segmented-button-disabled-background: #ffffff;
+  --token-component-segmented-button-disabled-border: #c2c2ca;
+  --token-component-segmented-button-disabled-text: #a3a3ab;
+  --token-component-segmented-button-disabled-icon: #a3a3ab;
+  --token-component-segmented-button-disabled-checked-background: #e5e5ea;
+  --token-component-segmented-button-disabled-checked-border: #c2c2ca;
+  --token-component-segmented-button-disabled-checked-text: #a3a3ab;
+  --token-component-segmented-button-disabled-checked-icon: #a3a3ab;
+  --token-component-segmented-button-active-background: #0174bc;
+  --token-component-segmented-button-active-border: #0174bc;
+  --token-component-segmented-button-active-text: #ffffff;
+  --token-component-segmented-button-active-icon: #ffffff;
+  --token-component-side-navigation-icon: #3d3d42;
+  --token-component-side-navigation-border: #d6d6dd;
+  --token-component-side-navigation-background-default: #f7f7fa;
+  --token-component-side-navigation-background-second-level: #ffffff;
+  --token-component-side-navigation-default-menu-item-background: #f7f7fa;
+  --token-component-side-navigation-default-menu-item-icon: #3d3d42;
+  --token-component-side-navigation-default-menu-item-text: #343438;
+  --token-component-side-navigation-default-menu-item-label-text: #343438;
+  --token-component-side-navigation-default-menu-item-label-background: #f7f7fa;
+  --token-component-side-navigation-default-menu-item-label-border: #d6d6dd;
+  --token-component-side-navigation-hover-menu-item-background: #edf8ff;
+  --token-component-side-navigation-hover-menu-item-icon: #3d3d42;
+  --token-component-side-navigation-hover-menu-item-text: #343438;
+  --token-component-side-navigation-hover-menu-item-label-text: #343438;
+  --token-component-side-navigation-hover-menu-item-label-background: #f7f7fa;
+  --token-component-side-navigation-hover-menu-item-label-border: #d6d6dd;
+  --token-component-side-navigation-selected-menu-item-background: #ceedfe;
+  --token-component-side-navigation-selected-menu-item-icon: #3d3d42;
+  --token-component-side-navigation-selected-menu-item-text: #343438;
+  --token-component-side-navigation-selected-menu-item-label-text: #ffffff;
+  --token-component-side-navigation-selected-menu-item-label-background: #0174bc;
+  --token-component-select-default-background: #ffffff;
+  --token-component-select-default-border: #83838c;
+  --token-component-select-default-text: #696970;
+  --token-component-select-default-icon: #3d3d42;
+  --token-component-select-default-hint-text: #696970;
+  --token-component-select-default-info-icon: #696970;
+  --token-component-select-hover-background: #ffffff;
+  --token-component-select-hover-border: #3d3d42;
+  --token-component-select-hover-text: #696970;
+  --token-component-select-hover-icon: #3d3d42;
+  --token-component-select-hover-hint-text: #696970;
+  --token-component-select-hover-info-icon: #696970;
+  --token-component-select-filled-background: #ffffff;
+  --token-component-select-filled-border: #83838c;
+  --token-component-select-filled-text: #343438;
+  --token-component-select-filled-icon: #3d3d42;
+  --token-component-select-filled-hint-text: #696970;
+  --token-component-select-filled-info-icon: #696970;
+  --token-component-select-disabled-background: #ededf2;
+  --token-component-select-disabled-border: #c2c2ca;
+  --token-component-select-disabled-text: #a3a3ab;
+  --token-component-select-disabled-icon: #a3a3ab;
+  --token-component-select-disabled-hint-text: #696970;
+  --token-component-select-disabled-info-icon: #696970;
+  --token-component-select-error-background: #ffffff;
+  --token-component-select-error-border: #d63c42;
+  --token-component-select-error-text: #343438;
+  --token-component-select-error-icon: #3d3d42;
+  --token-component-select-error-hint-text: #b82329;
+  --token-component-select-error-info-icon: #696970;
+  --token-component-select-focus-empty-background: #ffffff;
+  --token-component-select-focus-empty-border: #0174bc;
+  --token-component-select-focus-empty-text: #696970;
+  --token-component-select-focus-empty-icon: #3d3d42;
+  --token-component-select-focus-empty-hint-text: #696970;
+  --token-component-select-focus-empty-info-icon: #696970;
+  --token-component-select-focus-background: #ffffff;
+  --token-component-select-focus-border: #0174bc;
+  --token-component-select-focus-text: #343438;
+  --token-component-select-focus-icon: #3d3d42;
+  --token-component-select-focus-hint-text: #696970;
+  --token-component-select-focus-info-icon: #696970;
+  --token-component-select-read-only-background: #ffffff;
+  --token-component-select-read-only-text: #343438;
+  --token-component-side-panel-background: #ffffff;
+  --token-component-side-panel-text: #343438;
+  --token-component-side-panel-border: #d6d6dd;
+  --token-component-side-panel-icon-default: #3d3d42;
+  --token-component-side-panel-icon-hover: #009cde;
+  --token-component-switch-active-default-background: #0174bc;
+  --token-component-switch-active-default-icon: #ffffff;
+  --token-component-switch-active-default-circle: #ffffff;
+  --token-component-switch-active-default-text: #343438;
+  --token-component-switch-active-hover-background: #009cde;
+  --token-component-switch-active-hover-icon: #ffffff;
+  --token-component-switch-active-hover-circle: #ffffff;
+  --token-component-switch-active-hover-text: #343438;
+  --token-component-switch-active-focus-background: #0174bc;
+  --token-component-switch-active-focus-icon: #ffffff;
+  --token-component-switch-active-focus-circle: #ffffff;
+  --token-component-switch-active-focus-text: #343438;
+  --token-component-switch-active-disabled-background: #afdef8;
+  --token-component-switch-active-disabled-icon: #a3a3ab;
+  --token-component-switch-active-disabled-circle: rgba(255, 255, 255, 0.5);
+  --token-component-switch-active-disabled-text: #a3a3ab;
+  --token-component-switch-inactive-default-background: #83838c;
+  --token-component-switch-inactive-default-circle: #ffffff;
+  --token-component-switch-inactive-default-text: #343438;
+  --token-component-switch-inactive-hover-background: #a3a3ab;
+  --token-component-switch-inactive-hover-circle: #ffffff;
+  --token-component-switch-inactive-hover-text: #343438;
+  --token-component-switch-inactive-focus-background: #83838c;
+  --token-component-switch-inactive-focus-circle: #ffffff;
+  --token-component-switch-inactive-focus-text: #343438;
+  --token-component-switch-inactive-disabled-background: #e5e5ea;
+  --token-component-switch-inactive-disabled-circle: rgba(255, 255, 255, 0.5);
+  --token-component-switch-inactive-disabled-text: #a3a3ab;
+  --token-component-tab-default-text: #343438;
+  --token-component-tab-default-icon: #3d3d42;
+  --token-component-tab-default-border: #c2c2ca;
+  --token-component-tab-hover-text: #009cde;
+  --token-component-tab-hover-icon: #009cde;
+  --token-component-tab-hover-border: #c2c2ca;
+  --token-component-tab-active-text: #0174bc;
+  --token-component-tab-active-icon: #0174bc;
+  --token-component-tab-active-border: #0174bc;
+  --token-component-tab-disabled-text: #a3a3ab;
+  --token-component-tab-disabled-icon: #a3a3ab;
+  --token-component-tab-disabled-border: #c2c2ca;
+  --token-component-tag-default-background: #f7f7fa;
+  --token-component-tag-default-border: #83838c;
+  --token-component-tag-default-text: #343438;
+  --token-component-tag-default-icon-default: #3d3d42;
+  --token-component-tag-default-icon-hover: #009cde;
+  --token-component-tag-default-icon-active: #0174bc;
+  --token-component-tag-hover-background: #f7f7fa;
+  --token-component-tag-hover-border: #3d3d42;
+  --token-component-tag-hover-text: #343438;
+  --token-component-tag-hover-icon-default: #3d3d42;
+  --token-component-tag-hover-icon-hover: #009cde;
+  --token-component-tag-hover-icon-active: #0174bc;
+  --token-component-tag-focus-background: #edf8ff;
+  --token-component-tag-focus-border: #0174bc;
+  --token-component-tag-focus-text: #343438;
+  --token-component-tag-focus-icon-default: #3d3d42;
+  --token-component-tag-focus-icon-hover: #009cde;
+  --token-component-tag-focus-icon-active: #0174bc;
+  --token-component-tag-error-background: #f7f7fa;
+  --token-component-tag-error-border: #d63c42;
+  --token-component-tag-error-text: #343438;
+  --token-component-tag-error-icon-default: #3d3d42;
+  --token-component-tag-error-icon-hover: #009cde;
+  --token-component-tag-error-icon-active: #0174bc;
+  --token-component-tag-disabled-background: #ededf2;
+  --token-component-tag-disabled-border: #c2c2ca;
+  --token-component-tag-disabled-text: #a3a3ab;
+  --token-component-tag-disabled-icon: #a3a3ab;
+  --token-component-tag-read-only-background: #ffffff;
+  --token-component-tag-read-only-border: #c2c2ca;
+  --token-component-tag-read-only-text: #343438;
+  --token-component-tag-read-only-icon: #3d3d42;
+  --token-component-tag-input-default-background: #ffffff;
+  --token-component-tag-input-default-border: #83838c;
+  --token-component-tag-input-default-hint-text: #696970;
+  --token-component-tag-input-placeholder-background: #ffffff;
+  --token-component-tag-input-placeholder-border: #83838c;
+  --token-component-tag-input-placeholder-text: #696970;
+  --token-component-tag-input-placeholder-hint-text: #696970;
+  --token-component-tag-input-hover-background: #ffffff;
+  --token-component-tag-input-hover-border: #3d3d42;
+  --token-component-tag-input-hover-text: #696970;
+  --token-component-tag-input-hover-hint-text: #696970;
+  --token-component-tag-input-filled-background: #ffffff;
+  --token-component-tag-input-filled-border: #83838c;
+  --token-component-tag-input-filled-icon: #3d3d42;
+  --token-component-tag-input-filled-hint-text: #696970;
+  --token-component-tag-input-disabled-background: #ededf2;
+  --token-component-tag-input-disabled-border: #c2c2ca;
+  --token-component-tag-input-disabled-hint-text: #696970;
+  --token-component-tag-input-error-background: #ffffff;
+  --token-component-tag-input-error-border: #d63c42;
+  --token-component-tag-input-error-icon: #3d3d42;
+  --token-component-tag-input-error-hint-text: #b82329;
+  --token-component-tag-input-focus-empty-background: #ffffff;
+  --token-component-tag-input-focus-empty-border: #0174bc;
+  --token-component-tag-input-focus-empty-text: #696970;
+  --token-component-tag-input-focus-empty-hint-text: #696970;
+  --token-component-tag-input-focus-background: #ffffff;
+  --token-component-tag-input-focus-border: #0174bc;
+  --token-component-tag-input-focus-text: #343438;
+  --token-component-tag-input-focus-hint-text: #696970;
+  --token-component-text-area-default-background: #ffffff;
+  --token-component-text-area-default-border: #83838c;
+  --token-component-text-area-default-hint-text: #696970;
+  --token-component-text-area-default-info-icon: #696970;
+  --token-component-text-area-placeholder-background: #ffffff;
+  --token-component-text-area-placeholder-border: #83838c;
+  --token-component-text-area-placeholder-text: #696970;
+  --token-component-text-area-placeholder-hint-text: #696970;
+  --token-component-text-area-placeholder-info-icon: #696970;
+  --token-component-text-area-hover-background: #ffffff;
+  --token-component-text-area-hover-border: #3d3d42;
+  --token-component-text-area-hover-text: #343438;
+  --token-component-text-area-hover-icon: #3d3d42;
+  --token-component-text-area-hover-hint-text: #696970;
+  --token-component-text-area-hover-info-icon: #696970;
+  --token-component-text-area-hover-empty-background: #ffffff;
+  --token-component-text-area-hover-empty-border: #3d3d42;
+  --token-component-text-area-hover-empty-text: #696970;
+  --token-component-text-area-hover-empty-hint-text: #696970;
+  --token-component-text-area-hover-empty-info-icon: #696970;
+  --token-component-text-area-filled-background: #ffffff;
+  --token-component-text-area-filled-border: #83838c;
+  --token-component-text-area-filled-text: #343438;
+  --token-component-text-area-filled-hint-text: #696970;
+  --token-component-text-area-filled-info-icon: #696970;
+  --token-component-text-area-filled-icon-default: #3d3d42;
+  --token-component-text-area-filled-icon-hover: #009cde;
+  --token-component-text-area-filled-icon-active: #0174bc;
+  --token-component-text-area-disabled-background: #ededf2;
+  --token-component-text-area-disabled-border: #c2c2ca;
+  --token-component-text-area-disabled-text: #a3a3ab;
+  --token-component-text-area-disabled-hint-text: #696970;
+  --token-component-text-area-disabled-info-icon: #696970;
+  --token-component-text-area-error-background: #ffffff;
+  --token-component-text-area-error-border: #d63c42;
+  --token-component-text-area-error-text: #343438;
+  --token-component-text-area-error-hint-text: #b82329;
+  --token-component-text-area-error-info-icon: #696970;
+  --token-component-text-area-error-icon-default: #3d3d42;
+  --token-component-text-area-error-icon-hover: #009cde;
+  --token-component-text-area-error-icon-active: #0174bc;
+  --token-component-text-area-focus-empty-background: #ffffff;
+  --token-component-text-area-focus-empty-border: #0174bc;
+  --token-component-text-area-focus-empty-hint-text: #696970;
+  --token-component-text-area-focus-empty-info-icon: #696970;
+  --token-component-text-area-focus-empty-icon-default: #3d3d42;
+  --token-component-text-area-focus-empty-icon-hover: #009cde;
+  --token-component-text-area-focus-empty-icon-active: #0174bc;
+  --token-component-text-area-focus-background: #ffffff;
+  --token-component-text-area-focus-border: #0174bc;
+  --token-component-text-area-focus-text: #343438;
+  --token-component-text-area-focus-hint-text: #696970;
+  --token-component-text-area-focus-info-icon: #696970;
+  --token-component-text-area-focus-icon-default: #3d3d42;
+  --token-component-text-area-focus-icon-hover: #009cde;
+  --token-component-text-area-focus-icon-active: #0174bc;
+  --token-component-text-area-read-only-text: #343438;
+  --token-component-text-area-read-only-hint-text: #696970;
+  --token-component-text-field-default-background: #ffffff;
+  --token-component-text-field-default-border: #83838c;
+  --token-component-text-field-default-hint-text: #696970;
+  --token-component-text-field-default-info-icon: #696970;
+  --token-component-text-field-placeholder-background: #ffffff;
+  --token-component-text-field-placeholder-border: #83838c;
+  --token-component-text-field-placeholder-text: #696970;
+  --token-component-text-field-placeholder-hint-text: #696970;
+  --token-component-text-field-placeholder-info-icon: #696970;
+  --token-component-text-field-hover-background: #ffffff;
+  --token-component-text-field-hover-border: #3d3d42;
+  --token-component-text-field-hover-text: #343438;
+  --token-component-text-field-hover-icon: #3d3d42;
+  --token-component-text-field-hover-hint-text: #696970;
+  --token-component-text-field-hover-info-icon: #696970;
+  --token-component-text-field-hover-empty-background: #ffffff;
+  --token-component-text-field-hover-empty-border: #3d3d42;
+  --token-component-text-field-hover-empty-text: #696970;
+  --token-component-text-field-hover-empty-hint-text: #696970;
+  --token-component-text-field-hover-empty-info-icon: #696970;
+  --token-component-text-field-filled-background: #ffffff;
+  --token-component-text-field-filled-border: #83838c;
+  --token-component-text-field-filled-text: #343438;
+  --token-component-text-field-filled-hint-text: #696970;
+  --token-component-text-field-filled-info-icon: #696970;
+  --token-component-text-field-filled-icon-default: #3d3d42;
+  --token-component-text-field-filled-icon-hover: #009cde;
+  --token-component-text-field-filled-icon-active: #0174bc;
+  --token-component-text-field-disabled-background: #ededf2;
+  --token-component-text-field-disabled-border: #c2c2ca;
+  --token-component-text-field-disabled-text: #a3a3ab;
+  --token-component-text-field-disabled-hint-text: #696970;
+  --token-component-text-field-disabled-info-icon: #696970;
+  --token-component-text-field-error-background: #ffffff;
+  --token-component-text-field-error-border: #d63c42;
+  --token-component-text-field-error-text: #343438;
+  --token-component-text-field-error-hint-text: #b82329;
+  --token-component-text-field-error-info-icon: #696970;
+  --token-component-text-field-error-icon-default: #3d3d42;
+  --token-component-text-field-error-icon-hover: #009cde;
+  --token-component-text-field-error-icon-active: #0174bc;
+  --token-component-text-field-focus-empty-background: #ffffff;
+  --token-component-text-field-focus-empty-border: #0174bc;
+  --token-component-text-field-focus-empty-hint-text: #696970;
+  --token-component-text-field-focus-empty-info-icon: #696970;
+  --token-component-text-field-focus-empty-icon-default: #3d3d42;
+  --token-component-text-field-focus-empty-icon-hover: #009cde;
+  --token-component-text-field-focus-empty-icon-active: #0174bc;
+  --token-component-text-field-focus-background: #ffffff;
+  --token-component-text-field-focus-border: #0174bc;
+  --token-component-text-field-focus-text: #343438;
+  --token-component-text-field-focus-hint-text: #696970;
+  --token-component-text-field-focus-info-icon: #696970;
+  --token-component-text-field-focus-icon-default: #3d3d42;
+  --token-component-text-field-focus-icon-hover: #009cde;
+  --token-component-text-field-focus-icon-active: #0174bc;
+  --token-component-text-field-read-only-text: #343438;
+  --token-component-text-field-read-only-hint-text: #696970;
+  --token-component-time-picker-default-background: #ffffff;
+  --token-component-time-picker-default-border: #83838c;
+  --token-component-time-picker-default-text: #696970;
+  --token-component-time-picker-default-icon: #3d3d42;
+  --token-component-time-picker-default-hint-text: #696970;
+  --token-component-time-picker-hover-background: #ffffff;
+  --token-component-time-picker-hover-border: #3d3d42;
+  --token-component-time-picker-hover-text: #696970;
+  --token-component-time-picker-hover-icon: #3d3d42;
+  --token-component-time-picker-hover-hint-text: #696970;
+  --token-component-time-picker-filled-background: #ffffff;
+  --token-component-time-picker-filled-border: #83838c;
+  --token-component-time-picker-filled-text: #343438;
+  --token-component-time-picker-filled-icon: #3d3d42;
+  --token-component-time-picker-filled-hint-text: #696970;
+  --token-component-time-picker-disabled-background: #ededf2;
+  --token-component-time-picker-disabled-border: #c2c2ca;
+  --token-component-time-picker-disabled-text: #a3a3ab;
+  --token-component-time-picker-disabled-icon: #a3a3ab;
+  --token-component-time-picker-disabled-hint-text: #696970;
+  --token-component-time-picker-error-background: #ffffff;
+  --token-component-time-picker-error-border: #d63c42;
+  --token-component-time-picker-error-text: #343438;
+  --token-component-time-picker-error-icon: #3d3d42;
+  --token-component-time-picker-error-hint-text: #b82329;
+  --token-component-time-picker-focus-empty-background: #ffffff;
+  --token-component-time-picker-focus-empty-border: #0174bc;
+  --token-component-time-picker-focus-empty-text: #696970;
+  --token-component-time-picker-focus-empty-icon: #3d3d42;
+  --token-component-time-picker-focus-empty-hint-text: #696970;
+  --token-component-time-picker-focus-background: #ffffff;
+  --token-component-time-picker-focus-border: #0174bc;
+  --token-component-time-picker-focus-text: #343438;
+  --token-component-time-picker-focus-icon: #3d3d42;
+  --token-component-time-picker-focus-hint-text: #696970;
+  --token-component-time-picker-read-only-text: #343438;
+  --token-component-tooltip-background: #343438;
+  --token-component-tooltip-text: #ffffff;
+  --token-component-tree-text: #343438;
+  --token-component-tree-border: #d6d6dd;
+  --token-component-tree-icon-default: #3d3d42;
+  --token-component-tree-icon-hover: #009cde;
+  --token-component-tree-icon-active: #0174bc;
+  --token-component-tree-background-default: #ffffff;
+  --token-component-tree-background-hover: #edf8ff;
+  --token-component-tree-expanded-area-border: #83838c;
+  --token-component-widget-download-text: #343438;
+  --token-component-widget-download-border: #d6d6dd;
+  --token-component-widget-download-background-header: #f7f7fa;
+  --token-component-widget-download-background-default: #ffffff;
+  --token-component-widget-download-icon-default: #3d3d42;
+  --token-component-widget-download-icon-success: #00b050;
+  --token-component-widget-download-icon-error: #d63c42;
+  --token-component-widget-upload-default-background: #ffffff;
+  --token-component-widget-upload-default-border: #83838c;
+  --token-component-widget-upload-default-icon: #3d3d42;
+  --token-component-widget-upload-default-text-default: #343438;
+  --token-component-widget-upload-default-text-link: #0174bc;
+  --token-component-widget-upload-hover-background: #edf8ff;
+  --token-component-widget-upload-hover-border: #0174bc;
+  --token-component-widget-upload-hover-icon: #3d3d42;
+  --token-component-widget-upload-hover-text-default: #343438;
+  --token-component-widget-upload-hover-text-link: #0174bc;
+  --token-component-widget-upload-disabled-background: #ededf2;
+  --token-component-widget-upload-disabled-border: #c2c2ca;
+  --token-component-widget-upload-disabled-icon: #a3a3ab;
+  --token-component-widget-upload-disabled-text: #a3a3ab;
+  --token-component-stepper-horizontal-line: #d6d6dd;
+  --token-component-stepper-horizontal-past-item-circle-background: #edf8ff;
+  --token-component-stepper-horizontal-past-item-circle-border: #0174bc;
+  --token-component-stepper-horizontal-past-item-circle-text: #0174bc;
+  --token-component-stepper-horizontal-past-item-circle-icon: #0174bc;
+  --token-component-stepper-horizontal-past-item-text-default: #343438;
+  --token-component-stepper-horizontal-past-item-text-hover: #0174bc;
+  --token-component-stepper-horizontal-current-item-circle-background: #0174bc;
+  --token-component-stepper-horizontal-current-item-circle-text: #ffffff;
+  --token-component-stepper-horizontal-current-item-text-default: #343438;
+  --token-component-stepper-horizontal-current-item-text-hover: #0174bc;
+  --token-component-stepper-horizontal-future-item-circle-background: #ffffff;
+  --token-component-stepper-horizontal-future-item-circle-border: #d6d6dd;
+  --token-component-stepper-horizontal-future-item-circle-text: #a3a3ab;
+  --token-component-stepper-horizontal-future-item-text: #a3a3ab;
+  --token-component-stepper-vertical-background: #ffffff;
+  --token-component-stepper-vertical-border: #d6d6dd;
+  --token-component-stepper-vertical-icon: #3d3d42;
+  --token-component-stepper-vertical-past-item-circle-background: #edf8ff;
+  --token-component-stepper-vertical-past-item-circle-border: #0174bc;
+  --token-component-stepper-vertical-past-item-circle-text: #0174bc;
+  --token-component-stepper-vertical-past-item-circle-icon: #0174bc;
+  --token-component-stepper-vertical-past-item-text-default: #343438;
+  --token-component-stepper-vertical-past-item-text-hover: #0174bc;
+  --token-component-stepper-vertical-current-item-icon: #0174bc;
+  --token-component-stepper-vertical-current-item-circle-background: #0174bc;
+  --token-component-stepper-vertical-current-item-circle-text: #ffffff;
+  --token-component-stepper-vertical-current-item-text-default: #343438;
+  --token-component-stepper-vertical-current-item-text-hover: #0174bc;
+  --token-component-stepper-vertical-future-item-circle-background: #ffffff;
+  --token-component-stepper-vertical-future-item-circle-border: #83838c;
+  --token-component-stepper-vertical-future-item-circle-text: #696970;
+  --token-component-stepper-vertical-future-item-text-default: #343438;
+  --token-component-stepper-vertical-future-item-text-hover: #0174bc;
+  --token-component-stepper-vertical-disabled-item-circle-background: #ffffff;
+  --token-component-stepper-vertical-disabled-item-circle-border: #d6d6dd;
+  --token-component-stepper-vertical-disabled-item-circle-text: #a3a3ab;
+  --token-component-stepper-vertical-disabled-item-text: #a3a3ab;
+  --token-component-advanced-search-filter-icon-default-icon: #3d3d42;
+  --token-component-advanced-search-filter-icon-hover-icon: #009cde;
+  --token-component-advanced-search-filter-icon-applied-icon: #0174bc;
+  --token-component-advanced-search-filter-icon-applied-badge-background: #d63c42;
+  --token-component-advanced-search-filter-icon-applied-badge-text: #ffffff;
+  --token-component-advanced-search-filter-icon-disabled-icon: #a3a3ab;
+  --token-component-advanced-search-filter-icon-disabled-badge-background: #83838c;
+  --token-component-advanced-search-filter-icon-disabled-badge-text: #ffffff;
+  --token-component-advanced-search-filter-area-background: #f7f7fa;
+  --token-component-advanced-search-filter-area-border: #d6d6dd;
+  --token-component-advanced-search-filter-area-text-default: #343438;
+  --token-component-advanced-search-filter-area-text-link: #0174bc;
+  --token-component-advanced-search-filter-area-icon-default: #3d3d42;
+  --token-component-advanced-search-filter-area-icon-hover: #009cde;
+  --token-component-advanced-search-filter-area-icon-disabled: #a3a3ab;
+  --token-component-advanced-search-filter-area-tag-background: #ffffff;
+  --token-component-advanced-search-filter-area-tag-border: #d6d6dd;
+  --token-component-advanced-search-filter-area-tag-operator-icon: #c25d05;
+  --token-component-advanced-search-filter-area-tag-icon-default: #3d3d42;
+  --token-component-advanced-search-filter-area-tag-icon-hover: #009cde;
+  --token-component-segmented-status-button-default-background: #ffffff;
+  --token-component-segmented-status-button-default-border: #83838c;
+  --token-component-segmented-status-button-default-text: #696970;
+  --token-component-segmented-status-button-default-icon: #696970;
+  --token-component-segmented-status-button-hover-background: #edf8ff;
+  --token-component-segmented-status-button-hover-border: #83838c;
+  --token-component-segmented-status-button-hover-text: #696970;
+  --token-component-segmented-status-button-hover-icon: #696970;
+  --token-component-segmented-status-button-disabled-background: #ffffff;
+  --token-component-segmented-status-button-disabled-border: #c2c2ca;
+  --token-component-segmented-status-button-disabled-text: #a3a3ab;
+  --token-component-segmented-status-button-disabled-icon: #a3a3ab;
+  --token-component-segmented-status-button-disabled-positive-background: #b7dfba;
+  --token-component-segmented-status-button-disabled-positive-text: #a3a3ab;
+  --token-component-segmented-status-button-disabled-positive-icon: #a3a3ab;
+  --token-component-segmented-status-button-active-positive-background: #07a04d;
+  --token-component-segmented-status-button-active-positive-text: #ffffff;
+  --token-component-segmented-status-button-active-positive-icon: #ffffff;
+  --token-component-segmented-status-button-disabled-negative-background: #f9c6c6;
+  --token-component-segmented-status-button-disabled-negative-text: #a3a3ab;
+  --token-component-segmented-status-button-disabled-negative-icon: #a3a3ab;
+  --token-component-segmented-status-button-active-negative-background: #d0343a;
+  --token-component-segmented-status-button-active-negative-text: #ffffff;
+  --token-component-segmented-status-button-active-negative-icon: #ffffff;
+  --token-component-segmented-status-button-disabled-neutral-background: #c2c2ca;
+  --token-component-segmented-status-button-disabled-neutral-text: #a3a3ab;
+  --token-component-segmented-status-button-disabled-neutral-icon: #a3a3ab;
+  --token-component-segmented-status-button-active-neutral-background: #83838c;
+  --token-component-segmented-status-button-active-neutral-text: #ffffff;
+  --token-component-segmented-status-button-active-neutral-icon: #ffffff;
+  --token-component-link-select-default-text: #0174bc;
+  --token-component-link-select-default-icon: #3d3d42;
+  --token-component-link-select-hover-text: #009cde;
+  --token-component-link-select-hover-icon: #009cde;
+  --token-component-link-select-filled-text: #0174bc;
+  --token-component-link-select-filled-icon: #3d3d42;
+  --token-component-link-select-disabled-text: #a3a3ab;
+  --token-component-link-select-disabled-icon: #a3a3ab;
+  --token-component-link-select-focus-text: #0174bc;
+  --token-component-link-select-focus-icon: #3d3d42;
+  --token-component-link-select-read-only-text: #343438;
+}
diff --git a/dist/tokens.d.ts b/dist/tokens.d.ts
new file mode 100644
index 0000000..b19519c
--- /dev/null
+++ b/dist/tokens.d.ts
@@ -0,0 +1,1608 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const TokenGlobalColorNeutrals5 = "#f7f7fa"; // Page background color, disabled form elements fill (input, text area, etc)
+export const TokenGlobalColorNeutrals10 = "#ededf2"; // UI element bg
+export const TokenGlobalColorNeutrals20 = "#e5e5ea"; // Subtle background
+export const TokenGlobalColorNeutrals30 = "#d6d6dd"; // Container border, divider, stroke
+export const TokenGlobalColorNeutrals40 = "#c2c2ca"; // Disabled border
+export const TokenGlobalColorNeutrals50 = "#a3a3ab";
+export const TokenGlobalColorNeutrals60 = "#83838c"; // Default field border
+export const TokenGlobalColorNeutrals70 = "#696970"; // Color for text placeholder and hints
+export const TokenGlobalColorNeutrals80 = "#515157";
+export const TokenGlobalColorNeutrals90 = "#3d3d42"; // Default icon color, hover color for fields border
+export const TokenGlobalColorNeutrals100 = "#343438"; // Default text color
+export const TokenGlobalColorNeutralsBlack = "#232326"; // Global header and footer
+export const TokenGlobalColorNeutralsWhite = "#ffffff";
+export const TokenGlobalColorBrand5 = "#f5fbff";
+export const TokenGlobalColorBrand10 = "#edf8ff";
+export const TokenGlobalColorBrand20 = "#e1f4ff";
+export const TokenGlobalColorBrand30 = "#ceedfe";
+export const TokenGlobalColorBrand40 = "#afdef8";
+export const TokenGlobalColorBrand50 = "#96cff0";
+export const TokenGlobalColorBrand60 = "#5bb3ea";
+export const TokenGlobalColorBrand70 = "#009cde"; // Akamai Blue
+export const TokenGlobalColorBrand80 = "#108ad6";
+export const TokenGlobalColorBrand90 = "#0174bc"; // Akamai Websafe Blue
+export const TokenGlobalColorBrand100 = "#00314d";
+export const TokenGlobalColorRed5 = "#fff8f8";
+export const TokenGlobalColorRed10 = "#ffefef";
+export const TokenGlobalColorRed20 = "#ffe5e5";
+export const TokenGlobalColorRed30 = "#fdd8d8";
+export const TokenGlobalColorRed40 = "#f9c6c6";
+export const TokenGlobalColorRed50 = "#f3aeaf";
+export const TokenGlobalColorRed60 = "#eb9091";
+export const TokenGlobalColorRed70 = "#d63c42"; // Critical or high severity
+export const TokenGlobalColorRed80 = "#d0343a"; // Akamai Red
+export const TokenGlobalColorRed90 = "#b82329";
+export const TokenGlobalColorRed100 = "#381316";
+export const TokenGlobalColorOrange5 = "#fef9f4";
+export const TokenGlobalColorOrange10 = "#fff3e7";
+export const TokenGlobalColorOrange20 = "#ffebd7";
+export const TokenGlobalColorOrange30 = "#ffe1c3";
+export const TokenGlobalColorOrange40 = "#facfa4";
+export const TokenGlobalColorOrange50 = "#f2b67b";
+export const TokenGlobalColorOrange60 = "#f09d4b";
+export const TokenGlobalColorOrange70 = "#fe9933"; // Akamai Orange. High or medium severity
+export const TokenGlobalColorOrange80 = "#f0821d";
+export const TokenGlobalColorOrange90 = "#c25d05";
+export const TokenGlobalColorOrange100 = "#451e11";
+export const TokenGlobalColorAmber5 = "#fff9ed";
+export const TokenGlobalColorAmber10 = "#fff4d5";
+export const TokenGlobalColorAmber20 = "#ffecbc";
+export const TokenGlobalColorAmber30 = "#ffe3a2";
+export const TokenGlobalColorAmber40 = "#facf83";
+export const TokenGlobalColorAmber50 = "#f3ba63";
+export const TokenGlobalColorAmber60 = "#edb016";
+export const TokenGlobalColorAmber70 = "#fecb34"; // Medium or low severity
+export const TokenGlobalColorAmber80 = "#f2b90e";
+export const TokenGlobalColorAmber90 = "#ce9a00";
+export const TokenGlobalColorAmber100 = "#403104";
+export const TokenGlobalColorYellow5 = "#ffffeb";
+export const TokenGlobalColorYellow10 = "#fafadf";
+export const TokenGlobalColorYellow20 = "#f9f9c9";
+export const TokenGlobalColorYellow30 = "#f8f8b6";
+export const TokenGlobalColorYellow40 = "#f5f596";
+export const TokenGlobalColorYellow50 = "#e8e86a";
+export const TokenGlobalColorYellow60 = "#dfdf39";
+export const TokenGlobalColorYellow70 = "#f5f531";
+export const TokenGlobalColorYellow80 = "#e5e50a";
+export const TokenGlobalColorYellow90 = "#bfbf0d";
+export const TokenGlobalColorYellow100 = "#35290f";
+export const TokenGlobalColorLime5 = "#f7fcf0";
+export const TokenGlobalColorLime10 = "#eefadc";
+export const TokenGlobalColorLime20 = "#e4f7c7";
+export const TokenGlobalColorLime30 = "#d7f2b0";
+export const TokenGlobalColorLime40 = "#c9e894";
+export const TokenGlobalColorLime50 = "#b1d16a";
+export const TokenGlobalColorLime60 = "#94ba2c";
+export const TokenGlobalColorLime70 = "#99d52a";
+export const TokenGlobalColorLime80 = "#93c926";
+export const TokenGlobalColorLime90 = "#5d770d";
+export const TokenGlobalColorLime100 = "#263209";
+export const TokenGlobalColorGreen5 = "#f3fcf3";
+export const TokenGlobalColorGreen10 = "#ebf9eb";
+export const TokenGlobalColorGreen20 = "#dff3df";
+export const TokenGlobalColorGreen30 = "#ceebcf";
+export const TokenGlobalColorGreen40 = "#b7dfba";
+export const TokenGlobalColorGreen50 = "#97cf9c";
+export const TokenGlobalColorGreen60 = "#65ba75";
+export const TokenGlobalColorGreen70 = "#00b050"; // Akamai Green. Low severity (human)
+export const TokenGlobalColorGreen80 = "#07a04d";
+export const TokenGlobalColorGreen90 = "#138246";
+export const TokenGlobalColorGreen100 = "#1b311e";
+export const TokenGlobalColorTeal5 = "#f1fcfa";
+export const TokenGlobalColorTeal10 = "#e7f9f5";
+export const TokenGlobalColorTeal20 = "#d9f3ee";
+export const TokenGlobalColorTeal30 = "#c7ebe5";
+export const TokenGlobalColorTeal40 = "#afdfd7";
+export const TokenGlobalColorTeal50 = "#8dcec3";
+export const TokenGlobalColorTeal60 = "#53b9ab";
+export const TokenGlobalColorTeal70 = "#12a594";
+export const TokenGlobalColorTeal80 = "#0e9888";
+export const TokenGlobalColorTeal90 = "#067a6f";
+export const TokenGlobalColorTeal100 = "#10302b";
+export const TokenGlobalColorCyan5 = "#f2fcfd";
+export const TokenGlobalColorCyan10 = "#e7f9fb";
+export const TokenGlobalColorCyan20 = "#d8f3f6";
+export const TokenGlobalColorCyan30 = "#aadee6";
+export const TokenGlobalColorCyan40 = "#84cdda";
+export const TokenGlobalColorCyan50 = "#84cdda";
+export const TokenGlobalColorCyan60 = "#3db9cf";
+export const TokenGlobalColorCyan70 = "#05a2c2";
+export const TokenGlobalColorCyan80 = "#0894b3";
+export const TokenGlobalColorCyan90 = "#0c7792";
+export const TokenGlobalColorCyan100 = "#04313c";
+export const TokenGlobalColorUltramarine5 = "#f8faff";
+export const TokenGlobalColorUltramarine10 = "#f0f4ff";
+export const TokenGlobalColorUltramarine20 = "#e6edfe";
+export const TokenGlobalColorUltramarine30 = "#d9e2fc";
+export const TokenGlobalColorUltramarine40 = "#c6d4f9";
+export const TokenGlobalColorUltramarine50 = "#aec0f5";
+export const TokenGlobalColorUltramarine60 = "#8da4ef";
+export const TokenGlobalColorUltramarine70 = "#4067e5";
+export const TokenGlobalColorUltramarine80 = "#3a5ccc";
+export const TokenGlobalColorUltramarine90 = "#3451b2";
+export const TokenGlobalColorUltramarine100 = "#002856"; // Akamai Dark Navy
+export const TokenGlobalColorViolet5 = "#fbfaff";
+export const TokenGlobalColorViolet10 = "#f5f2ff";
+export const TokenGlobalColorViolet20 = "#ede9fe";
+export const TokenGlobalColorViolet30 = "#e4defc";
+export const TokenGlobalColorViolet40 = "#d7cff9";
+export const TokenGlobalColorViolet50 = "#c4b8f3";
+export const TokenGlobalColorViolet60 = "#aa99ec";
+export const TokenGlobalColorViolet70 = "#7259d6";
+export const TokenGlobalColorViolet80 = "#644fc1";
+export const TokenGlobalColorViolet90 = "#5746af";
+export const TokenGlobalColorViolet100 = "#20134b";
+export const TokenGlobalColorPurple5 = "#fdfaff";
+export const TokenGlobalColorPurple10 = "#f9f1fe";
+export const TokenGlobalColorPurple20 = "#f3e7fc";
+export const TokenGlobalColorPurple30 = "#eddbf9";
+export const TokenGlobalColorPurple40 = "#e3ccf4";
+export const TokenGlobalColorPurple50 = "#d3b4ed";
+export const TokenGlobalColorPurple60 = "#be93e4";
+export const TokenGlobalColorPurple70 = "#8e4ec6";
+export const TokenGlobalColorPurple80 = "#8445bc";
+export const TokenGlobalColorPurple90 = "#753bbd"; // Akamai Purple
+export const TokenGlobalColorPurple100 = "#2b0e44";
+export const TokenGlobalColorMagenta5 = "#fff8ff";
+export const TokenGlobalColorMagenta10 = "#fceffc";
+export const TokenGlobalColorMagenta20 = "#f9e5f9";
+export const TokenGlobalColorMagenta30 = "#f3d9f4";
+export const TokenGlobalColorMagenta40 = "#ebc8ed";
+export const TokenGlobalColorMagenta50 = "#dfafe3";
+export const TokenGlobalColorMagenta60 = "#cf91d8";
+export const TokenGlobalColorMagenta70 = "#ab4aba"; // Critical severity
+export const TokenGlobalColorMagenta80 = "#a43cb4";
+export const TokenGlobalColorMagenta90 = "#9c2bad";
+export const TokenGlobalColorMagenta100 = "#340c3b";
+export const TokenGlobalColorPink5 = "#fff7fc";
+export const TokenGlobalColorPink10 = "#feeef8";
+export const TokenGlobalColorPink20 = "#fce5f3";
+export const TokenGlobalColorPink30 = "#f9d8ec";
+export const TokenGlobalColorPink40 = "#f3c6e2";
+export const TokenGlobalColorPink50 = "#ecadd4";
+export const TokenGlobalColorPink60 = "#e38ec3";
+export const TokenGlobalColorPink70 = "#e043a7";
+export const TokenGlobalColorPink80 = "#d23197";
+export const TokenGlobalColorPink90 = "#cd1d8d";
+export const TokenGlobalColorPink100 = "#3b0a2a";
+export const TokenGlobalColorBrown5 = "#fbf9f2";
+export const TokenGlobalColorBrown10 = "#f5f2e9";
+export const TokenGlobalColorBrown20 = "#eeeadd";
+export const TokenGlobalColorBrown30 = "#e5dfd0";
+export const TokenGlobalColorBrown40 = "#dad1bd";
+export const TokenGlobalColorBrown50 = "#cbbda4";
+export const TokenGlobalColorBrown60 = "#b8a383";
+export const TokenGlobalColorBrown70 = "#978365";
+export const TokenGlobalColorBrown80 = "#8c795d";
+export const TokenGlobalColorBrown90 = "#776750";
+export const TokenGlobalColorBrown100 = "#3b352b";
+export const TokenGlobalSpacing0 = "0rem";
+export const TokenGlobalSpacing10 = "0.125rem"; // 2px
+export const TokenGlobalSpacing20 = "0.25rem"; // 4px
+export const TokenGlobalSpacing30 = "0.375rem"; // 6px
+export const TokenGlobalSpacing40 = "0.5rem"; // 8px
+export const TokenGlobalSpacing50 = "0.75rem"; // 12px
+export const TokenGlobalSpacing60 = "1rem"; // 16px
+export const TokenGlobalSpacing70 = "1.5rem"; // 24px
+export const TokenGlobalSpacing80 = "2rem"; // 32px
+export const TokenGlobalSpacing90 = "3rem"; // 48px
+export const TokenGlobalFontFontFamilyBrand = "'Nunito Sans'";
+export const TokenGlobalFontFontFamilyCode = "'Fira Code'";
+export const TokenGlobalFontFontWeightSemibold = "600";
+export const TokenGlobalFontFontWeightBold = "700";
+export const TokenGlobalFontFontWeightExtrabold = "800";
+export const TokenGlobalFontFontWeightRegularNormal = "400";
+export const TokenGlobalFontFontWeightRegularItalic = "400";
+export const TokenGlobalFontFontSizeXxxs = "0.75rem"; // 12px
+export const TokenGlobalFontFontSizeXxs = "0.813rem"; // 13px
+export const TokenGlobalFontFontSizeXs = "0.875rem"; // 14px
+export const TokenGlobalFontFontSizeS = "1rem"; // 16px
+export const TokenGlobalFontFontSizeM = "1.125rem"; // 18px
+export const TokenGlobalFontFontSizeL = "1.25rem"; // 20px
+export const TokenGlobalFontFontSizeXl = "1.5rem"; // 24px
+export const TokenGlobalFontFontSizeXxl = "1.75rem"; // 28px
+export const TokenGlobalFontFontSizeXxxl = "2.25rem"; // 36px
+export const TokenGlobalFontLineHeightXxxs = "1rem"; // 16px
+export const TokenGlobalFontLineHeightXxs = "1.125rem"; // 18px
+export const TokenGlobalFontLineHeightXs = "1.25rem"; // 20px
+export const TokenGlobalFontLineHeightS = "1.5rem"; // 24px
+export const TokenGlobalFontLineHeightM = "1.625rem"; // 26px
+export const TokenGlobalFontLineHeightL = "1.875rem"; // 30px
+export const TokenGlobalFontLineHeightXl = "2rem"; // 32px
+export const TokenGlobalFontLineHeightXxl = "2.375rem"; // 38px
+export const TokenGlobalFontLineHeightXxxl = "2.625rem"; // 42px
+export const TokenGlobalFontTextcaseUppercase = "uppercase";
+export const TokenGlobalBorderRadiusNone = "0rem";
+export const TokenAliasContentTextBase = "#ffffff"; // Use as color for text on a dark surface
+export const TokenAliasContentTextNegative = "#b82329"; // Use to indicate error messages
+export const TokenAliasContentTextWarning = "#fecb34";
+export const TokenAliasContentTextPositive = "#00b050";
+export const TokenAliasContentTextInformative = "#4067e5";
+export const TokenAliasContentTextPrimaryDefault = "#343438"; // Primary color for text
+export const TokenAliasContentTextPrimaryDisabled = "#a3a3ab"; // Use only to indicate a disabled state of a primary text color
+export const TokenAliasContentTextSecondaryDefault = "#696970"; // Secondary color for text (placeholders, hints)
+export const TokenAliasContentTextSecondaryDisabled = "#a3a3ab"; // Use only to indicate a disabled state of a secondary text color
+export const TokenAliasContentTextLinkDefault = "#0174bc"; // Use only for links
+export const TokenAliasContentTextLinkHover = "#009cde"; // Use only as a hover on links
+export const TokenAliasContentTextLinkDisabled = "#a3a3ab"; // Use only to indicate a disabled state for links
+export const TokenAliasContentIconBase = "#ffffff"; // Use as color for icons on a dark surface
+export const TokenAliasContentIconNegative = "#d63c42"; // Use only for icons to indicate an error state
+export const TokenAliasContentIconWarning = "#fecb34"; // Use only for icons to indicate a warning state
+export const TokenAliasContentIconPositive = "#00b050"; // Use only for icons to indicate a success state
+export const TokenAliasContentIconInformative = "#4067e5"; // Use only for icons to indicate an info state
+export const TokenAliasContentIconPrimaryDefault = "#3d3d42"; // Default color for icons
+export const TokenAliasContentIconPrimaryHover = "#009cde"; // Use only as a hover state for icons
+export const TokenAliasContentIconPrimaryActive = "#0174bc"; // Use only as a selected/active state for icons
+export const TokenAliasContentIconPrimaryDisabled = "#a3a3ab"; // Use only as a disabled state for icons
+export const TokenAliasContentIconSecondaryDefault = "#696970"; // Secondary icon color (placeholder, etc)
+export const TokenAliasContentIconSecondaryDisabled = "#a3a3ab"; // Use only as a disabled state for a secondary icon color
+export const TokenAliasBorderNormal = "#d6d6dd"; // Border color for static ui elements and components
+export const TokenAliasBorderNeutral = "#343438";
+export const TokenAliasBorderNegative = "#d63c42"; // Use only for borders to indicate an error state
+export const TokenAliasBorderWarning = "#fecb34"; // Use only for borders to indicate a warning state
+export const TokenAliasBorderPositive = "#00b050"; // Use only for borders to indicate a success state
+export const TokenAliasBorderInformative = "#4067e5"; // Use only for borders to indicate an info state
+export const TokenAliasBackgroundNormal = "#ffffff"; // Primary background color
+export const TokenAliasBackgroundNeutral = "#f7f7fa"; // Page background color
+export const TokenAliasBackgroundBase = "#343438"; // Tooltip background
+export const TokenAliasBackgroundNegative = "#d63c42";
+export const TokenAliasBackgroundWarning = "#fecb34";
+export const TokenAliasBackgroundPositive = "#00b050";
+export const TokenAliasBackgroundInformative = "#4067e5";
+export const TokenAliasBackgroundBlack = "#232326"; // Use only for a global header and global footer background
+export const TokenAliasBackgroundNegativesubtle = "#ffefef";
+export const TokenAliasBackgroundWarningsubtle = "#fff4d5";
+export const TokenAliasBackgroundPositivesubtle = "#ebf9eb";
+export const TokenAliasBackgroundInformativesubtle = "#f0f4ff";
+export const TokenAliasBackgroundNeutralsubtle = "#e5e5ea";
+export const TokenAliasBackgroundOverlay = "lch(13.8 2.09 286 / 0.24)"; // Page dimming when the modal component is active
+export const TokenAliasActionBase = "#ffffff";
+export const TokenAliasActionNeutral = "#83838c";
+export const TokenAliasActionWhite50 = "#ffffff"; // Transparent disabled switcher circle
+export const TokenAliasActionPrimaryDefault = "#0174bc"; // Brand action color
+export const TokenAliasActionPrimaryHover = "#009cde";
+export const TokenAliasActionPrimaryActive = "#0174bc";
+export const TokenAliasActionPrimaryDisabled = "#e5e5ea";
+export const TokenAliasActionSecondaryHover = "#edf8ff";
+export const TokenAliasActionSecondaryDisabled = "#c2c2ca";
+export const TokenAliasActionTertiaryDisabled = "#afdef8";
+export const TokenAliasActionPositiveDefault = "#07a04d";
+export const TokenAliasActionPositiveDisabled = "#b7dfba";
+export const TokenAliasActionNegativeDefault = "#d0343a";
+export const TokenAliasActionNegativeDisabled = "#f9c6c6";
+export const TokenAliasInteractionBorderDefault = "#83838c"; // Default inputs border
+export const TokenAliasInteractionBorderHover = "#3d3d42";
+export const TokenAliasInteractionBorderFocus = "#0174bc";
+export const TokenAliasInteractionBorderError = "#d63c42";
+export const TokenAliasInteractionBorderDisabled = "#c2c2ca";
+export const TokenAliasInteractionBackgroundPrimary = "#ffffff"; // Default component background color
+export const TokenAliasInteractionBackgroundSecondary = "#f7f7fa";
+export const TokenAliasInteractionBackgroundTertiary = "#edf8ff";
+export const TokenAliasInteractionBackgroundElevated = "#edf8ff"; // Calendar range background, table row hover 
+export const TokenAliasInteractionBackgroundAccent = "#ceedfe";
+export const TokenAliasInteractionBackgroundActive = "#0174bc";
+export const TokenAliasInteractionBackgroundDisabled = "#ededf2";
+export const TokenAliasElevationS = "0 2px 6px 0 rgba(58,59,63,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups;
+export const TokenAliasElevationSInverted = "0 -2px 6px 0 rgba(58,59,63,0.18)"; // Inverted shadow for elements that appear above the component
+export const TokenAliasElevationL = "0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08)"; // Shadow for modals
+export const TokenAliasTypographyHeadingXxxl = "700 2.25rem/2.625rem 'Nunito Sans'"; // Promo banners, KPIs
+export const TokenAliasTypographyHeadingXxl = "800 1.75rem/2rem 'Nunito Sans'"; // Main titles - h1
+export const TokenAliasTypographyHeadingXl = "700 1.5rem/1.875rem 'Nunito Sans'"; // Second level title - h2
+export const TokenAliasTypographyHeadingL = "700 1.25rem/1.625rem 'Nunito Sans'"; // Third level title - h3
+export const TokenAliasTypographyHeadingM = "700 1.125rem/1.5rem 'Nunito Sans'"; // Drawer, modal title - h4
+export const TokenAliasTypographyHeadingS = "700 1rem/1.25rem 'Nunito Sans'"; // Advanced search, bars, master switch titles - h5
+export const TokenAliasTypographyHeadingXs = "700 0.875rem/1.125rem 'Nunito Sans'"; // Low level headings - h6
+export const TokenAliasTypographyHeadingOverline = "800 0.75rem/1rem 'Nunito Sans'"; // Custom labels for content blocks
+export const TokenAliasTypographyHeadingOverlineLetterSpacing = "0.023rem"; // Overline letter spacing
+export const TokenAliasTypographyHeadingOverlineTextCase = "uppercase"; // Overline text case
+export const TokenAliasTypographyBodyRegular = "400 0.875rem/1.25rem 'Nunito Sans'"; // Main body text
+export const TokenAliasTypographyBodySemibold = "600 0.875rem/1.25rem 'Nunito Sans'"; // Light emphasis
+export const TokenAliasTypographyBodyBold = "700 0.875rem/1.25rem 'Nunito Sans'"; // Emphasis
+export const TokenAliasTypographyBodyExtrabold = "800 0.875rem/1.25rem 'Nunito Sans'"; // Max emphasis
+export const TokenAliasTypographyBodyList = "400 0.875rem/1.25rem 'Nunito Sans'"; // For list items
+export const TokenAliasTypographyBodyItalic = "400 0.875rem/1.25rem 'Nunito Sans'";
+export const TokenAliasTypographyLabelSemiboldL = "600 1rem/1.25rem 'Nunito Sans'"; // Large tabs
+export const TokenAliasTypographyLabelSemiboldS = "600 0.875rem/1rem 'Nunito Sans'"; // Large buttons, list, segmented buttons, side navigation, small tables
+export const TokenAliasTypographyLabelSemiboldXs = "600 0.75rem/1rem 'Nunito Sans'"; // Small buttons, tags, warning message under field
+export const TokenAliasTypographyLabelBoldL = "700 1rem/1.25rem 'Nunito Sans'"; // Card, content panel, vertical stepper
+export const TokenAliasTypographyLabelBoldS = "700 0.875rem/1rem 'Nunito Sans'"; // Field labels, table header, date&time pickers
+export const TokenAliasTypographyLabelBoldXs = "700 0.75rem/0.875rem 'Nunito Sans'"; // Badge number
+export const TokenAliasTypographyLabelRegularS = "400 0.875rem/1rem 'Nunito Sans'"; // Field entered text, dropdown item, table cell, pagination
+export const TokenAliasTypographyLabelRegularXs = "400 0.75rem/1rem 'Nunito Sans'"; // Optional text, small dropdown item
+export const TokenAliasTypographyLabelRegularPlaceholder = "400 0.875rem/1rem 'Nunito Sans'";
+export const TokenAliasTypographyCode = "400 0.813rem/1.25rem 'Fira Code'"; // Code samples
+export const TokenAliasAccentInfoPrimary = "#3451b2";
+export const TokenAliasAccentInfoSecondary = "lch(36.7 58.2 286 / 0.12)";
+export const TokenAliasAccentNeutralPrimary = "#515157";
+export const TokenAliasAccentNeutralSecondary = "lch(34.6 3.66 286 / 0.12)";
+export const TokenAliasAccentWarningPrimary = "#c25d05";
+export const TokenAliasAccentWarningSecondary = "lch(67.2 71.6 80.1 / 0.12)";
+export const TokenAliasAccentNegativePrimary = "#b82329";
+export const TokenAliasAccentNegativeSecondary = "lch(41.2 69 32.4 / 0.12)";
+export const TokenAliasAccentPositivePrimary = "#138246";
+export const TokenAliasAccentPositiveSecondary = "lch(47.6 47.7 150 / 0.12)";
+export const TokenAliasAccentImportantPrimary = "#753bbd";
+export const TokenAliasAccentImportantSecondary = "lch(38.2 75 307 / 0.12)";
+export const TokenAliasAccentPinkPrimary = "#cd1d8d";
+export const TokenAliasAccentPinkSecondary = "lch(47.1 72.1 347 / 0.12)";
+export const TokenAliasAccentVioletPrimary = "#5746af";
+export const TokenAliasAccentVioletSecondary = "lch(36.2 62.1 298 / 0.12)";
+export const TokenAliasChartNeutral = "#d6d6dd";
+export const TokenAliasChartCategorical1Primary = "#4067e5";
+export const TokenAliasChartCategorical1Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical1Transparent = "lch(46.5 72.3 286 / 0.2)";
+export const TokenAliasChartCategorical2Primary = "#fe9933";
+export const TokenAliasChartCategorical2Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical2Transparent = "lch(72.9 74.2 63 / 0.2)";
+export const TokenAliasChartCategorical3Primary = "#12a594";
+export const TokenAliasChartCategorical3Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical3Transparent = "lch(60.7 39.7 183 / 0.2)";
+export const TokenAliasChartCategorical4Primary = "#ab4aba";
+export const TokenAliasChartCategorical4Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical4Transparent = "lch(48.2 66.6 322 / 0.2)";
+export const TokenAliasChartCategorical5Primary = "#d63c42";
+export const TokenAliasChartCategorical5Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical5Transparent = "lch(50.1 69.5 29.4 / 0.2)";
+export const TokenAliasChartCategorical6Primary = "#05a2c2";
+export const TokenAliasChartCategorical6Inactive = "#aadee6";
+export const TokenAliasChartCategorical6Transparent = "lch(61 38.6 224 / 0.2)";
+export const TokenAliasChartCategorical7Primary = "#e043a7";
+export const TokenAliasChartCategorical7Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical7Transparent = "lch(55 70 344 / 0.2)";
+export const TokenAliasChartCategorical8Primary = "#00b050";
+export const TokenAliasChartCategorical8Inactive = "#ceebcf";
+export const TokenAliasChartCategorical8Transparent = "lch(63 67 146 / 0.2)";
+export const TokenAliasChartCategorical9Primary = "#7259d6";
+export const TokenAliasChartCategorical9Inactive = "#e4defc";
+export const TokenAliasChartCategorical9Transparent = "lch(45.6 71 299 / 0.2)";
+export const TokenAliasChartCategorical10Primary = "#99d52a";
+export const TokenAliasChartCategorical10Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical10Transparent = "lch(79 79.1 118 / 0.2)";
+export const TokenAliasChartCategorical11Primary = "#696970";
+export const TokenAliasChartCategorical11Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical11Transparent = "lch(44.6 4.09 286 / 0.2)";
+export const TokenAliasChartCategorical12Primary = "#8da4ef";
+export const TokenAliasChartCategorical12Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical12Transparent = "lch(67.9 41.2 278 / 0.2)";
+export const TokenAliasChartCategorical13Primary = "#c25d05";
+export const TokenAliasChartCategorical13Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical13Transparent = "lch(51.7 70.9 57.2 / 0.2)";
+export const TokenAliasChartCategorical14Primary = "#067a6f";
+export const TokenAliasChartCategorical14Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical14Transparent = "lch(45.6 31.8 185 / 0.2)";
+export const TokenAliasChartCategorical15Primary = "#cf91d8";
+export const TokenAliasChartCategorical15Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical15Transparent = "lch(68.3 42.4 321 / 0.2)";
+export const TokenAliasChartCategorical16Primary = "#eb9091";
+export const TokenAliasChartCategorical16Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical16Transparent = "lch(69.6 38.4 22.9 / 0.2)";
+export const TokenAliasChartCategorical17Primary = "#0c7792";
+export const TokenAliasChartCategorical17Inactive = "#aadee6";
+export const TokenAliasChartCategorical17Transparent = "lch(45.7 30.9 228 / 0.2)";
+export const TokenAliasChartCategorical18Primary = "#e38ec3";
+export const TokenAliasChartCategorical18Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical18Transparent = "lch(69.3 40.8 341 / 0.2)";
+export const TokenAliasChartCategorical19Primary = "#97cf9c";
+export const TokenAliasChartCategorical19Inactive = "#ceebcf";
+export const TokenAliasChartCategorical19Transparent = "lch(78.2 32.7 144 / 0.2)";
+export const TokenAliasChartCategorical20Primary = "#aa99ec";
+export const TokenAliasChartCategorical20Inactive = "#e4defc";
+export const TokenAliasChartCategorical20Transparent = "lch(67.2 44.6 296 / 0.2)";
+export const TokenAliasChartCategorical21Primary = "#94ba2c";
+export const TokenAliasChartCategorical21Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical21Transparent = "lch(70.8 67.7 114 / 0.2)";
+export const TokenAliasChartCategorical22Primary = "#3d3d42";
+export const TokenAliasChartCategorical22Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical22Transparent = "lch(25.9 3.2 286 / 0.2)";
+export const TokenAliasChartMonochromaticDefault5 = "#f8faff";
+export const TokenAliasChartMonochromaticDefault10 = "#f0f4ff";
+export const TokenAliasChartMonochromaticDefault20 = "#e6edfe";
+export const TokenAliasChartMonochromaticDefault30 = "#d9e2fc";
+export const TokenAliasChartMonochromaticDefault40 = "#c6d4f9";
+export const TokenAliasChartMonochromaticDefault50 = "#aec0f5";
+export const TokenAliasChartMonochromaticDefault60 = "#8da4ef";
+export const TokenAliasChartMonochromaticDefault70 = "#4067e5";
+export const TokenAliasChartMonochromaticDefault90 = "#3451b2";
+export const TokenAliasChartMonochromaticDefault100 = "#002856";
+export const TokenAliasChartMonochromaticDanger5 = "#fff8f8";
+export const TokenAliasChartMonochromaticDanger10 = "#ffefef";
+export const TokenAliasChartMonochromaticDanger20 = "#ffe5e5";
+export const TokenAliasChartMonochromaticDanger30 = "#fdd8d8";
+export const TokenAliasChartMonochromaticDanger40 = "#f9c6c6";
+export const TokenAliasChartMonochromaticDanger50 = "#f3aeaf";
+export const TokenAliasChartMonochromaticDanger60 = "#eb9091";
+export const TokenAliasChartMonochromaticDanger70 = "#d63c42";
+export const TokenAliasChartMonochromaticDanger90 = "#b82329";
+export const TokenAliasChartMonochromaticDanger100 = "#381316";
+export const TokenAliasChartStatusNegative = "#d63c42";
+export const TokenAliasChartStatusWarning = "#fecb34";
+export const TokenAliasChartStatusPositive = "#00b050";
+export const TokenComponentButtonPrimaryDefaultBackground = "#0174bc";
+export const TokenComponentButtonPrimaryDefaultText = "#ffffff";
+export const TokenComponentButtonPrimaryDefaultIcon = "#ffffff";
+export const TokenComponentButtonPrimaryHoverBackground = "#009cde";
+export const TokenComponentButtonPrimaryHoverText = "#ffffff";
+export const TokenComponentButtonPrimaryHoverIcon = "#ffffff";
+export const TokenComponentButtonPrimaryPressedBackground = "#0174bc";
+export const TokenComponentButtonPrimaryPressedText = "#ffffff";
+export const TokenComponentButtonPrimaryPressedIcon = "#ffffff";
+export const TokenComponentButtonPrimaryDisabledBackground = "#e5e5ea";
+export const TokenComponentButtonPrimaryDisabledText = "#a3a3ab";
+export const TokenComponentButtonPrimaryDisabledIcon = "#a3a3ab";
+export const TokenComponentButtonPrimaryLoadingBackground = "#0174bc";
+export const TokenComponentButtonSecondaryDefaultBackground = "#ffffff";
+export const TokenComponentButtonSecondaryDefaultBorder = "#0174bc";
+export const TokenComponentButtonSecondaryDefaultText = "#0174bc";
+export const TokenComponentButtonSecondaryDefaultIcon = "#0174bc";
+export const TokenComponentButtonSecondaryHoverBackground = "#edf8ff";
+export const TokenComponentButtonSecondaryHoverBorder = "#009cde";
+export const TokenComponentButtonSecondaryHoverText = "#0174bc";
+export const TokenComponentButtonSecondaryHoverIcon = "#0174bc";
+export const TokenComponentButtonSecondaryPressedBackground = "#ffffff";
+export const TokenComponentButtonSecondaryPressedBorder = "#0174bc";
+export const TokenComponentButtonSecondaryPressedText = "#0174bc";
+export const TokenComponentButtonSecondaryPressedIcon = "#0174bc";
+export const TokenComponentButtonSecondaryDisabledBackground = "#ffffff";
+export const TokenComponentButtonSecondaryDisabledBorder = "#c2c2ca";
+export const TokenComponentButtonSecondaryDisabledText = "#a3a3ab";
+export const TokenComponentButtonSecondaryDisabledIcon = "#a3a3ab";
+export const TokenComponentButtonSecondaryLoadingBackground = "#ffffff";
+export const TokenComponentButtonSecondaryLoadingBorder = "#0174bc";
+export const TokenComponentButtonLinkDefaultText = "#0174bc";
+export const TokenComponentButtonLinkDefaultIcon = "#0174bc";
+export const TokenComponentButtonLinkHoverText = "#009cde";
+export const TokenComponentButtonLinkHoverIcon = "#009cde";
+export const TokenComponentButtonLinkPressedText = "#0174bc";
+export const TokenComponentButtonLinkPressedIcon = "#0174bc";
+export const TokenComponentButtonLinkDisabledText = "#a3a3ab";
+export const TokenComponentButtonLinkDisabledIcon = "#a3a3ab";
+export const TokenComponentContainerBackground = "#ffffff";
+export const TokenComponentContainerBorder = "#d6d6dd";
+export const TokenComponentTableHeaderFilledBackground = "#343438";
+export const TokenComponentTableHeaderFilledText = "#ffffff";
+export const TokenComponentTableHeaderFilledIcon = "#ffffff";
+export const TokenComponentTableHeaderOutlinedBorder = "#343438";
+export const TokenComponentTableHeaderOutlinedText = "#343438";
+export const TokenComponentTableHeaderOutlinedIcon = "#3d3d42";
+export const TokenComponentTableRowBorder = "#d6d6dd";
+export const TokenComponentTableRowIconDefault = "#3d3d42";
+export const TokenComponentTableRowIconDisabled = "#a3a3ab";
+export const TokenComponentTableRowIconHover = "#009cde";
+export const TokenComponentTableRowBackgroundDefault = "#ffffff";
+export const TokenComponentTableRowBackgroundZebra = "#f7f7fa";
+export const TokenComponentTableRowBackgroundHover = "#edf8ff";
+export const TokenComponentTableRowTextDefault = "#343438";
+export const TokenComponentTableRowTextPlaceholder = "#696970";
+export const TokenComponentTableRowTextLink = "#0174bc";
+export const TokenComponentMenuButtonPrimaryDefaultBackground = "#0174bc";
+export const TokenComponentMenuButtonPrimaryDefaultText = "#ffffff";
+export const TokenComponentMenuButtonPrimaryDefaultIcon = "#ffffff";
+export const TokenComponentMenuButtonPrimaryHoverBackground = "#009cde";
+export const TokenComponentMenuButtonPrimaryHoverText = "#ffffff";
+export const TokenComponentMenuButtonPrimaryHoverIcon = "#ffffff";
+export const TokenComponentMenuButtonPrimaryPressedBackground = "#0174bc";
+export const TokenComponentMenuButtonPrimaryPressedText = "#ffffff";
+export const TokenComponentMenuButtonPrimaryPressedIcon = "#ffffff";
+export const TokenComponentMenuButtonPrimaryDisabledBackground = "#e5e5ea";
+export const TokenComponentMenuButtonPrimaryDisabledText = "#a3a3ab";
+export const TokenComponentMenuButtonPrimaryDisabledIcon = "#a3a3ab";
+export const TokenComponentMenuButtonPrimaryLoadingBackground = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDefaultBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryDefaultBorder = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDefaultText = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDefaultIcon = "#0174bc";
+export const TokenComponentMenuButtonSecondaryHoverBackground = "#edf8ff";
+export const TokenComponentMenuButtonSecondaryHoverBorder = "#009cde";
+export const TokenComponentMenuButtonSecondaryHoverText = "#0174bc";
+export const TokenComponentMenuButtonSecondaryHoverIcon = "#0174bc";
+export const TokenComponentMenuButtonSecondaryPressedBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryPressedBorder = "#0174bc";
+export const TokenComponentMenuButtonSecondaryPressedText = "#0174bc";
+export const TokenComponentMenuButtonSecondaryPressedIcon = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDisabledBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryDisabledBorder = "#c2c2ca";
+export const TokenComponentMenuButtonSecondaryDisabledText = "#a3a3ab";
+export const TokenComponentMenuButtonSecondaryDisabledIcon = "#a3a3ab";
+export const TokenComponentMenuButtonSecondaryLoadingBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryLoadingBorder = "#0174bc";
+export const TokenComponentMenuButtonLinkDefaultText = "#0174bc";
+export const TokenComponentMenuButtonLinkDefaultIcon = "#0174bc";
+export const TokenComponentMenuButtonLinkHoverText = "#009cde";
+export const TokenComponentMenuButtonLinkHoverIcon = "#009cde";
+export const TokenComponentMenuButtonLinkPressedText = "#0174bc";
+export const TokenComponentMenuButtonLinkPressedIcon = "#0174bc";
+export const TokenComponentMenuButtonLinkDisabledText = "#a3a3ab";
+export const TokenComponentMenuButtonLinkDisabledIcon = "#a3a3ab";
+export const TokenComponentOverflowMenuButtonDefaultIcon = "#3d3d42";
+export const TokenComponentOverflowMenuButtonHoverIcon = "#009cde";
+export const TokenComponentOverflowMenuButtonPressedIcon = "#0174bc";
+export const TokenComponentOverflowMenuButtonDisabledIcon = "#a3a3ab";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#009cde";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#009cde";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryActiveText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#e5e5ea";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#a3a3ab";
+export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#a3a3ab";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryDefaultText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryDefaultIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundLeft = "#edf8ff";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundRight = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderLeft = "#009cde";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderRight = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundLeft = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundRight = "#edf8ff";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderLeft = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderRight = "#009cde";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryActiveBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryActiveBorder = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryActiveText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryActiveIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBorder = "#c2c2ca";
+export const TokenComponentSplitMenuButtonSecondaryDisabledText = "#a3a3ab";
+export const TokenComponentSplitMenuButtonSecondaryDisabledIcon = "#a3a3ab";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#0174bc";
+export const TokenComponentAppbarBackground = "#f7f7fa";
+export const TokenComponentAppbarBorder = "#d6d6dd";
+export const TokenComponentAppbarText = "#343438";
+export const TokenComponentAppbarIcon = "#3d3d42";
+export const TokenComponentBadgeInformativeBackground = "lch(36.7 58.2 286 / 0.12)";
+export const TokenComponentBadgeInformativeText = "#3451b2";
+export const TokenComponentBadgeNeutralBackground = "lch(34.6 3.66 286 / 0.12)";
+export const TokenComponentBadgeNeutralText = "#515157";
+export const TokenComponentBadgeWarningBackground = "lch(67.2 71.6 80.1 / 0.12)";
+export const TokenComponentBadgeWarningText = "#c25d05";
+export const TokenComponentBadgeNegativeBackground = "lch(41.2 69 32.4 / 0.12)";
+export const TokenComponentBadgeNegativeText = "#b82329";
+export const TokenComponentBadgePositiveBackground = "lch(47.6 47.7 150 / 0.12)";
+export const TokenComponentBadgePositiveText = "#138246";
+export const TokenComponentBadgeImportantBackground = "lch(38.2 75 307 / 0.12)";
+export const TokenComponentBadgeImportantText = "#753bbd";
+export const TokenComponentBadgeVioletBackground = "lch(36.2 62.1 298 / 0.12)";
+export const TokenComponentBadgeVioletText = "#5746af";
+export const TokenComponentBadgePinkBackground = "lch(47.1 72.1 347 / 0.12)";
+export const TokenComponentBadgePinkText = "#cd1d8d";
+export const TokenComponentBreadcrumbDivider = "#d6d6dd";
+export const TokenComponentBreadcrumbAppTitleText = "#0174bc";
+export const TokenComponentBreadcrumbDefaultText = "#0174bc";
+export const TokenComponentBreadcrumbTruncatedText = "#0174bc";
+export const TokenComponentBreadcrumbLastItemText = "#343438";
+export const TokenComponentBreadcrumbCollapsedBackground = "#e5e5ea";
+export const TokenComponentBreadcrumbCollapsedText = "#343438";
+export const TokenComponentBreadcrumbCollapsedIcon = "#3d3d42";
+export const TokenComponentBreadcrumbWithDropdownText = "#0174bc";
+export const TokenComponentBreadcrumbWithDropdownIcon = "#3d3d42";
+export const TokenComponentCardBackground = "#ffffff";
+export const TokenComponentCardBorder = "#d6d6dd";
+export const TokenComponentCardText = "#343438";
+export const TokenComponentCardIcon = "#3d3d42";
+export const TokenComponentCheckboxEmptyDefaultBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyDefaultBorder = "#83838c";
+export const TokenComponentCheckboxEmptyDefaultText = "#343438";
+export const TokenComponentCheckboxEmptyHoverBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyHoverBorder = "#009cde";
+export const TokenComponentCheckboxEmptyHoverText = "#343438";
+export const TokenComponentCheckboxEmptyActiveBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyActiveBorder = "#0174bc";
+export const TokenComponentCheckboxEmptyActiveText = "#343438";
+export const TokenComponentCheckboxEmptyDisabledBackground = "#e5e5ea";
+export const TokenComponentCheckboxEmptyDisabledBorder = "#c2c2ca";
+export const TokenComponentCheckboxEmptyDisabledText = "#a3a3ab";
+export const TokenComponentCheckboxEmptyReadOnlyBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyReadOnlyBorder = "#c2c2ca";
+export const TokenComponentCheckboxEmptyReadOnlyText = "#343438";
+export const TokenComponentCheckboxCheckedDefaultBackground = "#0174bc";
+export const TokenComponentCheckboxCheckedDefaultText = "#343438";
+export const TokenComponentCheckboxCheckedDefaultIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedHoverBackground = "#009cde";
+export const TokenComponentCheckboxCheckedHoverText = "#343438";
+export const TokenComponentCheckboxCheckedHoverIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedActiveBackground = "#0174bc";
+export const TokenComponentCheckboxCheckedActiveText = "#343438";
+export const TokenComponentCheckboxCheckedActiveIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedDisabledBackground = "#afdef8";
+export const TokenComponentCheckboxCheckedDisabledText = "#a3a3ab";
+export const TokenComponentCheckboxCheckedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyBackground = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyBorder = "#c2c2ca";
+export const TokenComponentCheckboxCheckedReadOnlyText = "#343438";
+export const TokenComponentCheckboxCheckedReadOnlyIcon = "#a3a3ab";
+export const TokenComponentCheckboxIndeterminatedDefaultBackground = "#0174bc";
+export const TokenComponentCheckboxIndeterminatedDefaultText = "#343438";
+export const TokenComponentCheckboxIndeterminatedDefaultIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedHoverBackground = "#009cde";
+export const TokenComponentCheckboxIndeterminatedHoverText = "#343438";
+export const TokenComponentCheckboxIndeterminatedHoverIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedActiveBackground = "#0174bc";
+export const TokenComponentCheckboxIndeterminatedActiveText = "#343438";
+export const TokenComponentCheckboxIndeterminatedActiveIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedDisabledBackground = "#afdef8";
+export const TokenComponentCheckboxIndeterminatedDisabledText = "#a3a3ab";
+export const TokenComponentCheckboxIndeterminatedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBackground = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBorder = "#c2c2ca";
+export const TokenComponentCheckboxIndeterminatedReadOnlyText = "#343438";
+export const TokenComponentCheckboxIndeterminatedReadOnlyIcon = "#a3a3ab";
+export const TokenComponentContentPanelBackground = "#ffffff";
+export const TokenComponentContentPanelBorder = "#d6d6dd";
+export const TokenComponentContentPanelText = "#343438";
+export const TokenComponentContentPanelIcon = "#3d3d42";
+export const TokenComponentCalendarBackground = "#ffffff";
+export const TokenComponentCalendarBorder = "#d6d6dd";
+export const TokenComponentCalendarIcon = "#3d3d42";
+export const TokenComponentCalendarTextDefault = "#343438";
+export const TokenComponentCalendarTextDisabled = "#a3a3ab";
+export const TokenComponentCalendarSelectedItemText = "#ffffff";
+export const TokenComponentCalendarSelectedItemBackground = "#0174bc";
+export const TokenComponentCalendarHoverItemBackground = "#edf8ff";
+export const TokenComponentCalendarHoverItemText = "#343438";
+export const TokenComponentCalendarPresetAreaBackground = "#f7f7fa";
+export const TokenComponentCalendarPresetAreaHoverPeriodBackground = "#edf8ff";
+export const TokenComponentCalendarPresetAreaActivePeriodBackground = "#ceedfe";
+export const TokenComponentCalendarPresetAreaActivePeriodText = "#343438";
+export const TokenComponentDateFieldDefaultBackground = "#ffffff";
+export const TokenComponentDateFieldDefaultBorder = "#83838c";
+export const TokenComponentDateFieldDefaultText = "#696970";
+export const TokenComponentDateFieldDefaultIcon = "#3d3d42";
+export const TokenComponentDateFieldDefaultHintText = "#696970";
+export const TokenComponentDateFieldHoverBackground = "#ffffff";
+export const TokenComponentDateFieldHoverBorder = "#3d3d42";
+export const TokenComponentDateFieldHoverText = "#343438";
+export const TokenComponentDateFieldHoverIcon = "#3d3d42";
+export const TokenComponentDateFieldHoverHintText = "#696970";
+export const TokenComponentDateFieldHoverEmptyBackground = "#ffffff";
+export const TokenComponentDateFieldHoverEmptyBorder = "#3d3d42";
+export const TokenComponentDateFieldHoverEmptyText = "#696970";
+export const TokenComponentDateFieldHoverEmptyIcon = "#3d3d42";
+export const TokenComponentDateFieldHoverEmptyHintText = "#696970";
+export const TokenComponentDateFieldFilledBackground = "#ffffff";
+export const TokenComponentDateFieldFilledBorder = "#83838c";
+export const TokenComponentDateFieldFilledText = "#343438";
+export const TokenComponentDateFieldFilledIcon = "#3d3d42";
+export const TokenComponentDateFieldFilledHintText = "#696970";
+export const TokenComponentDateFieldDisabledBackground = "#ededf2";
+export const TokenComponentDateFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentDateFieldDisabledText = "#a3a3ab";
+export const TokenComponentDateFieldDisabledIcon = "#a3a3ab";
+export const TokenComponentDateFieldDisabledHintText = "#696970";
+export const TokenComponentDateFieldReadOnlyBackground = "#ffffff";
+export const TokenComponentDateFieldReadOnlyText = "#343438";
+export const TokenComponentDateFieldReadOnlyHintText = "#696970";
+export const TokenComponentDateFieldErrorBackground = "#ffffff";
+export const TokenComponentDateFieldErrorBorder = "#d63c42";
+export const TokenComponentDateFieldErrorText = "#343438";
+export const TokenComponentDateFieldErrorIcon = "#3d3d42";
+export const TokenComponentDateFieldErrorHintText = "#b82329";
+export const TokenComponentDateFieldFocusBackground = "#ffffff";
+export const TokenComponentDateFieldFocusBorder = "#0174bc";
+export const TokenComponentDateFieldFocusText = "#696970";
+export const TokenComponentDateFieldFocusIcon = "#0174bc";
+export const TokenComponentDateFieldFocusHintText = "#696970";
+export const TokenComponentDatePickerDefaultIcon = "#3d3d42";
+export const TokenComponentDatePickerHoverIcon = "#009cde";
+export const TokenComponentDatePickerFilledIcon = "#0174bc";
+export const TokenComponentDatePickerDisabledIcon = "#a3a3ab";
+export const TokenComponentDatePickerFocusIcon = "#0174bc";
+export const TokenComponentDateRangePickerDefaultIcon = "#3d3d42";
+export const TokenComponentDateRangePickerHoverIcon = "#009cde";
+export const TokenComponentDateRangePickerFilledIcon = "#0174bc";
+export const TokenComponentDateRangePickerDisabledIcon = "#a3a3ab";
+export const TokenComponentDateRangePickerFocusIcon = "#0174bc";
+export const TokenComponentDateRangeFieldDefaultBackground = "#ffffff";
+export const TokenComponentDateRangeFieldDefaultBorder = "#83838c";
+export const TokenComponentDateRangeFieldDefaultText = "#696970";
+export const TokenComponentDateRangeFieldDefaultIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldDefaultHintText = "#696970";
+export const TokenComponentDateRangeFieldHoverBackground = "#ffffff";
+export const TokenComponentDateRangeFieldHoverBorder = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverText = "#343438";
+export const TokenComponentDateRangeFieldHoverIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverHintText = "#696970";
+export const TokenComponentDateRangeFieldHoverEmptyBackground = "#ffffff";
+export const TokenComponentDateRangeFieldHoverEmptyBorder = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverEmptyText = "#696970";
+export const TokenComponentDateRangeFieldHoverEmptyIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverEmptyHintText = "#696970";
+export const TokenComponentDateRangeFieldFilledBackground = "#ffffff";
+export const TokenComponentDateRangeFieldFilledBorder = "#83838c";
+export const TokenComponentDateRangeFieldFilledText = "#343438";
+export const TokenComponentDateRangeFieldFilledIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldFilledHintText = "#696970";
+export const TokenComponentDateRangeFieldFilledPlaceholderItemText = "#696970";
+export const TokenComponentDateRangeFieldDisabledBackground = "#ededf2";
+export const TokenComponentDateRangeFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentDateRangeFieldDisabledText = "#a3a3ab";
+export const TokenComponentDateRangeFieldDisabledIcon = "#a3a3ab";
+export const TokenComponentDateRangeFieldDisabledHintText = "#696970";
+export const TokenComponentDateRangeFieldReadOnlyBackground = "#ffffff";
+export const TokenComponentDateRangeFieldReadOnlyText = "#343438";
+export const TokenComponentDateRangeFieldReadOnlyHintText = "#696970";
+export const TokenComponentDateRangeFieldErrorBackground = "#ffffff";
+export const TokenComponentDateRangeFieldErrorBorder = "#d63c42";
+export const TokenComponentDateRangeFieldErrorText = "#343438";
+export const TokenComponentDateRangeFieldErrorIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldErrorHintText = "#b82329";
+export const TokenComponentDateRangeFieldFocusBackground = "#ffffff";
+export const TokenComponentDateRangeFieldFocusBorder = "#0174bc";
+export const TokenComponentDateRangeFieldFocusText = "#696970";
+export const TokenComponentDateRangeFieldFocusIcon = "#0174bc";
+export const TokenComponentDateRangeFieldFocusHintText = "#696970";
+export const TokenComponentDateRangeFieldFocusPlaceholderItemText = "#696970";
+export const TokenComponentDateRangeInputDefaultBackground = "#ffffff";
+export const TokenComponentDateRangeInputDefaultBorder = "#83838c";
+export const TokenComponentDateRangeInputDefaultText = "#696970";
+export const TokenComponentDateRangeInputDefaultIcon = "#3d3d42";
+export const TokenComponentDateRangeInputDefaultHintText = "#696970";
+export const TokenComponentDateRangeInputHoverBackground = "#ffffff";
+export const TokenComponentDateRangeInputHoverBorder = "#3d3d42";
+export const TokenComponentDateRangeInputHoverText = "#343438";
+export const TokenComponentDateRangeInputHoverIcon = "#3d3d42";
+export const TokenComponentDateRangeInputHoverHintText = "#696970";
+export const TokenComponentDateRangeInputActivePeriodBackground = "#ffffff";
+export const TokenComponentDateRangeInputActivePeriodBorder = "#3d3d42";
+export const TokenComponentDateRangeInputActivePeriodText = "#343438";
+export const TokenComponentDateRangeInputActivePeriodIcon = "#3d3d42";
+export const TokenComponentDateRangeInputActivePeriodHintText = "#696970";
+export const TokenComponentDateRangeInputActivePeriodActiveItemBackground = "#edf8ff";
+export const TokenComponentDateRangeInputActivePeriodActiveItemText = "#696970";
+export const TokenComponentDateRangeInputFilledBackground = "#ffffff";
+export const TokenComponentDateRangeInputFilledBorder = "#83838c";
+export const TokenComponentDateRangeInputFilledText = "#343438";
+export const TokenComponentDateRangeInputFilledIcon = "#3d3d42";
+export const TokenComponentDateRangeInputFilledHintText = "#696970";
+export const TokenComponentDateRangeInputFilledPlaceholderItemText = "#696970";
+export const TokenComponentDateRangeInputDisabledBackground = "#ffffff";
+export const TokenComponentDateRangeInputDisabledBorder = "#c2c2ca";
+export const TokenComponentDateRangeInputDisabledText = "#a3a3ab";
+export const TokenComponentDateRangeInputDisabledIcon = "#a3a3ab";
+export const TokenComponentDateRangeInputDisabledHintText = "#696970";
+export const TokenComponentDateRangeInputReadOnlyBackground = "#ffffff";
+export const TokenComponentDateRangeInputReadOnlyText = "#343438";
+export const TokenComponentDateRangeInputReadOnlyHintText = "#696970";
+export const TokenComponentDateRangeInputErrorBackground = "#ffffff";
+export const TokenComponentDateRangeInputErrorBorder = "#d63c42";
+export const TokenComponentDateRangeInputErrorText = "#343438";
+export const TokenComponentDateRangeInputErrorIcon = "#3d3d42";
+export const TokenComponentDateRangeInputErrorHintText = "#b82329";
+export const TokenComponentDateRangeInputFocusBackground = "#ffffff";
+export const TokenComponentDateRangeInputFocusBorder = "#0174bc";
+export const TokenComponentDateRangeInputFocusText = "#343438";
+export const TokenComponentDateRangeInputFocusIcon = "#0174bc";
+export const TokenComponentDateRangeInputFocusHintText = "#696970";
+export const TokenComponentDateRangeInputFocusPlaceholderItemText = "#696970";
+export const TokenComponentDividerBorder = "#d6d6dd";
+export const TokenComponentDrawerBackground = "#ffffff";
+export const TokenComponentDrawerText = "#343438";
+export const TokenComponentDrawerIconDefault = "#3d3d42";
+export const TokenComponentDrawerIconDisabled = "#a3a3ab";
+export const TokenComponentDropdownIconDefault = "#3d3d42";
+export const TokenComponentDropdownIconDisabled = "#a3a3ab";
+export const TokenComponentDropdownTextDefault = "#343438";
+export const TokenComponentDropdownTextLink = "#0174bc";
+export const TokenComponentDropdownTextDescription = "#696970";
+export const TokenComponentDropdownTextDisabled = "#a3a3ab";
+export const TokenComponentDropdownBackgroundDefault = "#ffffff";
+export const TokenComponentDropdownBackgroundHover = "#edf8ff";
+export const TokenComponentDropdownBackgroundCategory = "#f7f7fa";
+export const TokenComponentGlobalHeaderBackground = "#232326";
+export const TokenComponentGlobalHeaderBorder = "#3d3d42";
+export const TokenComponentGlobalHeaderIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderIconHover = "#ffffff";
+export const TokenComponentGlobalHeaderTextDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderTextHover = "#ffffff";
+export const TokenComponentGlobalHeaderSearchBackground = "#3d3d42";
+export const TokenComponentGlobalHeaderSearchTextPlaceholder = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchTextFilled = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchIconActive = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconHover = "#ffffff";
+export const TokenComponentGlobalFooterBackground = "#232326";
+export const TokenComponentGlobalFooterTextDefault = "#d6d6dd";
+export const TokenComponentGlobalFooterTextHover = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultBorder = "#83838c";
+export const TokenComponentGroupSelectFieldDefaultText = "#696970";
+export const TokenComponentGroupSelectFieldDefaultIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldDefaultHintText = "#696970";
+export const TokenComponentGroupSelectFieldDefaultInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldHoverBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldHoverBorder = "#3d3d42";
+export const TokenComponentGroupSelectFieldHoverText = "#696970";
+export const TokenComponentGroupSelectFieldHoverIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldHoverHintText = "#696970";
+export const TokenComponentGroupSelectFieldHoverInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldSelectedBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldSelectedBorder = "#83838c";
+export const TokenComponentGroupSelectFieldSelectedText = "#343438";
+export const TokenComponentGroupSelectFieldSelectedIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldSelectedHintText = "#696970";
+export const TokenComponentGroupSelectFieldSelectedInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldDisabledBackground = "#ededf2";
+export const TokenComponentGroupSelectFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentGroupSelectFieldDisabledText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledHintText = "#696970";
+export const TokenComponentGroupSelectFieldDisabledInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldReadOnlyBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldReadOnlyText = "#343438";
+export const TokenComponentGroupSelectFieldReadOnlyHintText = "#696970";
+export const TokenComponentGroupSelectFieldReadOnlyInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldErrorBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldErrorBorder = "#d63c42";
+export const TokenComponentGroupSelectFieldErrorText = "#343438";
+export const TokenComponentGroupSelectFieldErrorIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldErrorHintText = "#b82329";
+export const TokenComponentGroupSelectFieldErrorInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldFocusBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldFocusBorder = "#0174bc";
+export const TokenComponentGroupSelectFieldFocusText = "#343438";
+export const TokenComponentGroupSelectFieldFocusIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldFocusHintText = "#696970";
+export const TokenComponentGroupSelectFieldFocusInfoIcon = "#696970";
+export const TokenComponentGroupSelectDropdownIcon = "#3d3d42";
+export const TokenComponentGroupSelectDropdownText = "#343438";
+export const TokenComponentGroupSelectDropdownBackgroundDefault = "#ffffff";
+export const TokenComponentGroupSelectDropdownBackgroundHover = "#edf8ff";
+export const TokenComponentInlineEditText = "#343438";
+export const TokenComponentInlineEditIconDefault = "#3d3d42";
+export const TokenComponentInlineEditIconHover = "#009cde";
+export const TokenComponentInlineEditAcceptIconDefault = "#0174bc";
+export const TokenComponentInlineEditAcceptIconHover = "#009cde";
+export const TokenComponentInlineEditAcceptIconDisabled = "#a3a3ab";
+export const TokenComponentKpiBarText = "#3d3d42";
+export const TokenComponentKpiBarBorder = "#d6d6dd";
+export const TokenComponentKpiBarIconDefault = "#3d3d42";
+export const TokenComponentKpiBarIconHover = "#009cde";
+export const TokenComponentKpiBarIconActive = "#0174bc";
+export const TokenComponentKpiBarItemNeutralDefaultLabel = "#515157";
+export const TokenComponentKpiBarItemNeutralDefaultText = "#696970";
+export const TokenComponentKpiBarItemNeutralDefaultIcon = "#515157";
+export const TokenComponentKpiBarItemNeutralHoverLabel = "#515157";
+export const TokenComponentKpiBarItemNeutralHoverText = "#696970";
+export const TokenComponentKpiBarItemNeutralHoverBackground = "lch(34.6 3.66 286 / 0.12)";
+export const TokenComponentKpiBarItemNeutralHoverIcon = "#515157";
+export const TokenComponentKpiBarItemNeutralActiveLabel = "#515157";
+export const TokenComponentKpiBarItemNeutralActiveText = "#343438";
+export const TokenComponentKpiBarItemNeutralActiveBorder = "#515157";
+export const TokenComponentKpiBarItemNeutralActiveIcon = "#515157";
+export const TokenComponentKpiBarItemGreenDefaultLabel = "#138246";
+export const TokenComponentKpiBarItemGreenDefaultText = "#696970";
+export const TokenComponentKpiBarItemGreenHoverLabel = "#138246";
+export const TokenComponentKpiBarItemGreenHoverText = "#696970";
+export const TokenComponentKpiBarItemGreenHoverBackground = "lch(47.6 47.7 150 / 0.12)";
+export const TokenComponentKpiBarItemGreenActiveLabel = "#138246";
+export const TokenComponentKpiBarItemGreenActiveText = "#343438";
+export const TokenComponentKpiBarItemGreenActiveBorder = "#138246";
+export const TokenComponentKpiBarItemOrangeDefaultLabel = "#c25d05";
+export const TokenComponentKpiBarItemOrangeDefaultText = "#696970";
+export const TokenComponentKpiBarItemOrangeHoverLabel = "#c25d05";
+export const TokenComponentKpiBarItemOrangeHoverText = "#696970";
+export const TokenComponentKpiBarItemOrangeHoverBackground = "lch(67.2 71.6 80.1 / 0.12)";
+export const TokenComponentKpiBarItemOrangeActiveLabel = "#c25d05";
+export const TokenComponentKpiBarItemOrangeActiveText = "#343438";
+export const TokenComponentKpiBarItemOrangeActiveBorder = "#c25d05";
+export const TokenComponentKpiBarItemPurpleDefaultLabel = "#753bbd";
+export const TokenComponentKpiBarItemPurpleDefaultText = "#696970";
+export const TokenComponentKpiBarItemPurpleHoverLabel = "#753bbd";
+export const TokenComponentKpiBarItemPurpleHoverText = "#696970";
+export const TokenComponentKpiBarItemPurpleHoverBackground = "lch(38.2 75 307 / 0.12)";
+export const TokenComponentKpiBarItemPurpleActiveLabel = "#753bbd";
+export const TokenComponentKpiBarItemPurpleActiveText = "#343438";
+export const TokenComponentKpiBarItemPurpleActiveBorder = "#753bbd";
+export const TokenComponentKpiBarItemRedDefaultLabel = "#b82329";
+export const TokenComponentKpiBarItemRedDefaultText = "#696970";
+export const TokenComponentKpiBarItemRedHoverLabel = "#b82329";
+export const TokenComponentKpiBarItemRedHoverText = "#696970";
+export const TokenComponentKpiBarItemRedHoverBackground = "lch(41.2 69 32.4 / 0.12)";
+export const TokenComponentKpiBarItemRedActiveLabel = "#b82329";
+export const TokenComponentKpiBarItemRedActiveText = "#343438";
+export const TokenComponentKpiBarItemRedActiveBorder = "#b82329";
+export const TokenComponentKpiBarItemUltramarineDefaultLabel = "#3451b2";
+export const TokenComponentKpiBarItemUltramarineDefaultText = "#696970";
+export const TokenComponentKpiBarItemUltramarineHoverLabel = "#3451b2";
+export const TokenComponentKpiBarItemUltramarineHoverText = "#696970";
+export const TokenComponentKpiBarItemUltramarineHoverBackground = "lch(36.7 58.2 286 / 0.12)";
+export const TokenComponentKpiBarItemUltramarineActiveLabel = "#3451b2";
+export const TokenComponentKpiBarItemUltramarineActiveText = "#343438";
+export const TokenComponentKpiBarItemUltramarineActiveBorder = "#3451b2";
+export const TokenComponentKpiBarItemPinkDefaultLabel = "#cd1d8d";
+export const TokenComponentKpiBarItemPinkDefaultText = "#696970";
+export const TokenComponentKpiBarItemPinkHoverLabel = "#cd1d8d";
+export const TokenComponentKpiBarItemPinkHoverText = "#696970";
+export const TokenComponentKpiBarItemPinkHoverBackground = "lch(47.1 72.1 347 / 0.12)";
+export const TokenComponentKpiBarItemPinkActiveLabel = "#cd1d8d";
+export const TokenComponentKpiBarItemPinkActiveText = "#343438";
+export const TokenComponentKpiBarItemPinkActiveBorder = "#cd1d8d";
+export const TokenComponentLabelText = "#343438";
+export const TokenComponentLabelIcon = "#3d3d42";
+export const TokenComponentLabelInfoIcon = "#696970";
+export const TokenComponentListText = "#343438";
+export const TokenComponentListBorder = "#d6d6dd";
+export const TokenComponentListIconDefault = "#3d3d42";
+export const TokenComponentListIconHover = "#009cde";
+export const TokenComponentListIconActive = "#0174bc";
+export const TokenComponentListBackgroundDefault = "#ffffff";
+export const TokenComponentListBackgroundHover = "#edf8ff";
+export const TokenComponentMasterSwitchContentBackground = "#ffffff";
+export const TokenComponentMasterSwitchSideBackground = "#f7f7fa";
+export const TokenComponentMasterSwitchText = "#343438";
+export const TokenComponentMasterSwitchIcon = "#3d3d42";
+export const TokenComponentModalBackground = "#ffffff";
+export const TokenComponentModalIcon = "#3d3d42";
+export const TokenComponentModalTextDefault = "#343438";
+export const TokenComponentModalTextDescription = "#696970";
+export const TokenComponentNotificationBannerText = "#343438";
+export const TokenComponentNotificationBannerIcon = "#3d3d42";
+export const TokenComponentNotificationBannerInformativeBackground = "#f0f4ff";
+export const TokenComponentNotificationBannerInformativeBorder = "#4067e5";
+export const TokenComponentNotificationBannerInformativeStatusIcon = "#4067e5";
+export const TokenComponentNotificationBannerTipBackground = "#f0f4ff";
+export const TokenComponentNotificationBannerTipBorder = "#4067e5";
+export const TokenComponentNotificationBannerTipStatusIcon = "#4067e5";
+export const TokenComponentNotificationBannerWarningBackground = "#fff4d5";
+export const TokenComponentNotificationBannerWarningBorder = "#fecb34";
+export const TokenComponentNotificationBannerWarningStatusIcon = "#fecb34";
+export const TokenComponentNotificationBannerSuccessBackground = "#ebf9eb";
+export const TokenComponentNotificationBannerSuccessBorder = "#00b050";
+export const TokenComponentNotificationBannerSuccessStatusIcon = "#00b050";
+export const TokenComponentNotificationBannerErrorBackground = "#ffefef";
+export const TokenComponentNotificationBannerErrorBorder = "#d63c42";
+export const TokenComponentNotificationBannerErrorStatusIcon = "#d63c42";
+export const TokenComponentNotificationBannerSecondaryBackground = "#e5e5ea";
+export const TokenComponentNotificationBannerSecondaryBorder = "#343438";
+export const TokenComponentNotificationBannerSecondaryStatusIcon = "#3d3d42";
+export const TokenComponentNotificationToastText = "#343438";
+export const TokenComponentNotificationToastIcon = "#3d3d42";
+export const TokenComponentNotificationToastInformativeBackground = "#f0f4ff";
+export const TokenComponentNotificationToastInformativeIconBackground = "#4067e5";
+export const TokenComponentNotificationToastInformativeBorder = "#4067e5";
+export const TokenComponentNotificationToastInformativeStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastTipBackground = "#f0f4ff";
+export const TokenComponentNotificationToastTipIconBackground = "#4067e5";
+export const TokenComponentNotificationToastTipBorder = "#4067e5";
+export const TokenComponentNotificationToastTipStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastWarningBackground = "#fff4d5";
+export const TokenComponentNotificationToastWarningIconBackground = "#fecb34";
+export const TokenComponentNotificationToastWarningBorder = "#fecb34";
+export const TokenComponentNotificationToastWarningStatusIcon = "#3d3d42";
+export const TokenComponentNotificationToastSuccessBackground = "#ebf9eb";
+export const TokenComponentNotificationToastSuccessIconBackground = "#00b050";
+export const TokenComponentNotificationToastSuccessBorder = "#00b050";
+export const TokenComponentNotificationToastSuccessStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastErrorBackground = "#ffefef";
+export const TokenComponentNotificationToastErrorIconBackground = "#d63c42";
+export const TokenComponentNotificationToastErrorBorder = "#d63c42";
+export const TokenComponentNotificationToastErrorStatusIcon = "#ffffff";
+export const TokenComponentPaginationBackground = "#ffffff";
+export const TokenComponentPaginationBorder = "#d6d6dd";
+export const TokenComponentPaginationTextDefault = "#343438";
+export const TokenComponentPaginationTextLink = "#0174bc";
+export const TokenComponentPaginationTextHover = "#009cde";
+export const TokenComponentPaginationTextDisabled = "#a3a3ab";
+export const TokenComponentPaginationIconDefault = "#3d3d42";
+export const TokenComponentPaginationIconHover = "#009cde";
+export const TokenComponentPaginationIconActive = "#0174bc";
+export const TokenComponentPaginationIconDisabled = "#a3a3ab";
+export const TokenComponentPopoverBackground = "#ffffff";
+export const TokenComponentPopoverBorder = "#d6d6dd";
+export const TokenComponentPopoverIcon = "#3d3d42";
+export const TokenComponentPopoverTextDefault = "#343438";
+export const TokenComponentPopoverTextLinkDefault = "#0174bc";
+export const TokenComponentPopoverTextLinkHover = "#009cde";
+export const TokenComponentProgressBarTextDefault = "#343438";
+export const TokenComponentProgressBarTextLinkDefault = "#0174bc";
+export const TokenComponentProgressBarTextLinkHover = "#009cde";
+export const TokenComponentProgressBarStatusLineDefault = "#e5e5ea";
+export const TokenComponentProgressBarStatusLineSuccess = "#00b050";
+export const TokenComponentProgressBarStatusLineError = "#d63c42";
+export const TokenComponentNumericSpinnerDefaultBackground = "#ffffff";
+export const TokenComponentNumericSpinnerDefaultBorder = "#83838c";
+export const TokenComponentNumericSpinnerDefaultText = "#696970";
+export const TokenComponentNumericSpinnerDefaultIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerDefaultHintText = "#696970";
+export const TokenComponentNumericSpinnerHoverBackground = "#ffffff";
+export const TokenComponentNumericSpinnerHoverBorder = "#3d3d42";
+export const TokenComponentNumericSpinnerHoverText = "#696970";
+export const TokenComponentNumericSpinnerHoverIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerHoverHintText = "#696970";
+export const TokenComponentNumericSpinnerFilledBackground = "#ffffff";
+export const TokenComponentNumericSpinnerFilledBorder = "#83838c";
+export const TokenComponentNumericSpinnerFilledText = "#343438";
+export const TokenComponentNumericSpinnerFilledIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerFilledHintText = "#696970";
+export const TokenComponentNumericSpinnerDisabledBackground = "#ededf2";
+export const TokenComponentNumericSpinnerDisabledBorder = "#c2c2ca";
+export const TokenComponentNumericSpinnerDisabledText = "#a3a3ab";
+export const TokenComponentNumericSpinnerDisabledIcon = "#a3a3ab";
+export const TokenComponentNumericSpinnerDisabledHintText = "#696970";
+export const TokenComponentNumericSpinnerReadOnlyBackground = "#ffffff";
+export const TokenComponentNumericSpinnerReadOnlyText = "#343438";
+export const TokenComponentNumericSpinnerReadOnlyHintText = "#696970";
+export const TokenComponentNumericSpinnerErrorBackground = "#ffffff";
+export const TokenComponentNumericSpinnerErrorBorder = "#d63c42";
+export const TokenComponentNumericSpinnerErrorText = "#343438";
+export const TokenComponentNumericSpinnerErrorIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerErrorHintText = "#b82329";
+export const TokenComponentNumericSpinnerFocusBackground = "#ffffff";
+export const TokenComponentNumericSpinnerFocusBorder = "#0174bc";
+export const TokenComponentNumericSpinnerFocusText = "#696970";
+export const TokenComponentNumericSpinnerFocusIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerFocusHintText = "#696970";
+export const TokenComponentRadioButtonInactiveDefaultBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveDefaultBorder = "#83838c";
+export const TokenComponentRadioButtonInactiveDefaultText = "#343438";
+export const TokenComponentRadioButtonInactiveHoverBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveHoverBorder = "#009cde";
+export const TokenComponentRadioButtonInactiveHoverText = "#343438";
+export const TokenComponentRadioButtonInactiveActiveBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveActiveBorder = "#0174bc";
+export const TokenComponentRadioButtonInactiveActiveText = "#343438";
+export const TokenComponentRadioButtonInactiveDisabledBackground = "#e5e5ea";
+export const TokenComponentRadioButtonInactiveDisabledBorder = "#c2c2ca";
+export const TokenComponentRadioButtonInactiveDisabledText = "#a3a3ab";
+export const TokenComponentRadioButtonInactiveReadOnlyBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveReadOnlyBorder = "#c2c2ca";
+export const TokenComponentRadioButtonInactiveReadOnlyText = "#343438";
+export const TokenComponentRadioButtonActiveDefaultBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveDefaultBorder = "#0174bc";
+export const TokenComponentRadioButtonActiveDefaultText = "#343438";
+export const TokenComponentRadioButtonActiveHoverBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveHoverBorder = "#009cde";
+export const TokenComponentRadioButtonActiveHoverText = "#343438";
+export const TokenComponentRadioButtonActiveActiveBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveActiveBorder = "#0174bc";
+export const TokenComponentRadioButtonActiveActiveText = "#343438";
+export const TokenComponentRadioButtonActiveDisabledBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveDisabledBorder = "#afdef8";
+export const TokenComponentRadioButtonActiveDisabledText = "#a3a3ab";
+export const TokenComponentRadioButtonActiveReadOnlyBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveReadOnlyBorder = "#c2c2ca";
+export const TokenComponentRadioButtonActiveReadOnlyText = "#343438";
+export const TokenComponentSearchDefaultBackground = "#ffffff";
+export const TokenComponentSearchDefaultBorder = "#83838c";
+export const TokenComponentSearchDefaultText = "#696970";
+export const TokenComponentSearchDefaultIcon = "#3d3d42";
+export const TokenComponentSearchDefaultHintText = "#696970";
+export const TokenComponentSearchDefaultSearchIcon = "#696970";
+export const TokenComponentSearchHoverBackground = "#ffffff";
+export const TokenComponentSearchHoverBorder = "#3d3d42";
+export const TokenComponentSearchHoverText = "#696970";
+export const TokenComponentSearchHoverIcon = "#3d3d42";
+export const TokenComponentSearchHoverHintText = "#696970";
+export const TokenComponentSearchHoverSearchIcon = "#696970";
+export const TokenComponentSearchFilledBackground = "#ffffff";
+export const TokenComponentSearchFilledBorder = "#83838c";
+export const TokenComponentSearchFilledText = "#343438";
+export const TokenComponentSearchFilledIcon = "#3d3d42";
+export const TokenComponentSearchFilledHintText = "#696970";
+export const TokenComponentSearchFilledSearchIcon = "#696970";
+export const TokenComponentSearchDisabledBackground = "#ededf2";
+export const TokenComponentSearchDisabledBorder = "#c2c2ca";
+export const TokenComponentSearchDisabledText = "#a3a3ab";
+export const TokenComponentSearchDisabledIcon = "#a3a3ab";
+export const TokenComponentSearchDisabledHintText = "#696970";
+export const TokenComponentSearchDisabledSearchIcon = "#a3a3ab";
+export const TokenComponentSearchErrorBackground = "#ffffff";
+export const TokenComponentSearchErrorBorder = "#d63c42";
+export const TokenComponentSearchErrorText = "#343438";
+export const TokenComponentSearchErrorIcon = "#3d3d42";
+export const TokenComponentSearchErrorHintText = "#b82329";
+export const TokenComponentSearchErrorSearchIcon = "#696970";
+export const TokenComponentSearchFocusEmptyBackground = "#ffffff";
+export const TokenComponentSearchFocusEmptyBorder = "#0174bc";
+export const TokenComponentSearchFocusEmptyText = "#696970";
+export const TokenComponentSearchFocusEmptyIcon = "#3d3d42";
+export const TokenComponentSearchFocusEmptyHintText = "#696970";
+export const TokenComponentSearchFocusEmptySearchIcon = "#696970";
+export const TokenComponentSearchFocusBackground = "#ffffff";
+export const TokenComponentSearchFocusBorder = "#0174bc";
+export const TokenComponentSearchFocusText = "#343438";
+export const TokenComponentSearchFocusIcon = "#3d3d42";
+export const TokenComponentSearchFocusHintText = "#696970";
+export const TokenComponentSearchFocusSearchIcon = "#696970";
+export const TokenComponentSegmentedButtonDefaultBackground = "#ffffff";
+export const TokenComponentSegmentedButtonDefaultBorder = "#0174bc";
+export const TokenComponentSegmentedButtonDefaultText = "#0174bc";
+export const TokenComponentSegmentedButtonDefaultIcon = "#0174bc";
+export const TokenComponentSegmentedButtonHoverBackground = "#edf8ff";
+export const TokenComponentSegmentedButtonHoverBorder = "#009cde";
+export const TokenComponentSegmentedButtonHoverText = "#0174bc";
+export const TokenComponentSegmentedButtonHoverIcon = "#0174bc";
+export const TokenComponentSegmentedButtonDisabledBackground = "#ffffff";
+export const TokenComponentSegmentedButtonDisabledBorder = "#c2c2ca";
+export const TokenComponentSegmentedButtonDisabledText = "#a3a3ab";
+export const TokenComponentSegmentedButtonDisabledIcon = "#a3a3ab";
+export const TokenComponentSegmentedButtonDisabledCheckedBackground = "#e5e5ea";
+export const TokenComponentSegmentedButtonDisabledCheckedBorder = "#c2c2ca";
+export const TokenComponentSegmentedButtonDisabledCheckedText = "#a3a3ab";
+export const TokenComponentSegmentedButtonDisabledCheckedIcon = "#a3a3ab";
+export const TokenComponentSegmentedButtonActiveBackground = "#0174bc";
+export const TokenComponentSegmentedButtonActiveBorder = "#0174bc";
+export const TokenComponentSegmentedButtonActiveText = "#ffffff";
+export const TokenComponentSegmentedButtonActiveIcon = "#ffffff";
+export const TokenComponentSideNavigationIcon = "#3d3d42";
+export const TokenComponentSideNavigationBorder = "#d6d6dd";
+export const TokenComponentSideNavigationBackgroundDefault = "#f7f7fa";
+export const TokenComponentSideNavigationBackgroundSecondLevel = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemBackground = "#f7f7fa";
+export const TokenComponentSideNavigationDefaultMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationDefaultMenuItemText = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemLabelText = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBackground = "#f7f7fa";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBorder = "#d6d6dd";
+export const TokenComponentSideNavigationHoverMenuItemBackground = "#edf8ff";
+export const TokenComponentSideNavigationHoverMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationHoverMenuItemText = "#343438";
+export const TokenComponentSideNavigationHoverMenuItemLabelText = "#343438";
+export const TokenComponentSideNavigationHoverMenuItemLabelBackground = "#f7f7fa";
+export const TokenComponentSideNavigationHoverMenuItemLabelBorder = "#d6d6dd";
+export const TokenComponentSideNavigationSelectedMenuItemBackground = "#ceedfe";
+export const TokenComponentSideNavigationSelectedMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationSelectedMenuItemText = "#343438";
+export const TokenComponentSideNavigationSelectedMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationSelectedMenuItemLabelBackground = "#0174bc";
+export const TokenComponentSelectDefaultBackground = "#ffffff";
+export const TokenComponentSelectDefaultBorder = "#83838c";
+export const TokenComponentSelectDefaultText = "#696970";
+export const TokenComponentSelectDefaultIcon = "#3d3d42";
+export const TokenComponentSelectDefaultHintText = "#696970";
+export const TokenComponentSelectDefaultInfoIcon = "#696970";
+export const TokenComponentSelectHoverBackground = "#ffffff";
+export const TokenComponentSelectHoverBorder = "#3d3d42";
+export const TokenComponentSelectHoverText = "#696970";
+export const TokenComponentSelectHoverIcon = "#3d3d42";
+export const TokenComponentSelectHoverHintText = "#696970";
+export const TokenComponentSelectHoverInfoIcon = "#696970";
+export const TokenComponentSelectFilledBackground = "#ffffff";
+export const TokenComponentSelectFilledBorder = "#83838c";
+export const TokenComponentSelectFilledText = "#343438";
+export const TokenComponentSelectFilledIcon = "#3d3d42";
+export const TokenComponentSelectFilledHintText = "#696970";
+export const TokenComponentSelectFilledInfoIcon = "#696970";
+export const TokenComponentSelectDisabledBackground = "#ededf2";
+export const TokenComponentSelectDisabledBorder = "#c2c2ca";
+export const TokenComponentSelectDisabledText = "#a3a3ab";
+export const TokenComponentSelectDisabledIcon = "#a3a3ab";
+export const TokenComponentSelectDisabledHintText = "#696970";
+export const TokenComponentSelectDisabledInfoIcon = "#696970";
+export const TokenComponentSelectErrorBackground = "#ffffff";
+export const TokenComponentSelectErrorBorder = "#d63c42";
+export const TokenComponentSelectErrorText = "#343438";
+export const TokenComponentSelectErrorIcon = "#3d3d42";
+export const TokenComponentSelectErrorHintText = "#b82329";
+export const TokenComponentSelectErrorInfoIcon = "#696970";
+export const TokenComponentSelectFocusEmptyBackground = "#ffffff";
+export const TokenComponentSelectFocusEmptyBorder = "#0174bc";
+export const TokenComponentSelectFocusEmptyText = "#696970";
+export const TokenComponentSelectFocusEmptyIcon = "#3d3d42";
+export const TokenComponentSelectFocusEmptyHintText = "#696970";
+export const TokenComponentSelectFocusEmptyInfoIcon = "#696970";
+export const TokenComponentSelectFocusBackground = "#ffffff";
+export const TokenComponentSelectFocusBorder = "#0174bc";
+export const TokenComponentSelectFocusText = "#343438";
+export const TokenComponentSelectFocusIcon = "#3d3d42";
+export const TokenComponentSelectFocusHintText = "#696970";
+export const TokenComponentSelectFocusInfoIcon = "#696970";
+export const TokenComponentSelectReadOnlyBackground = "#ffffff";
+export const TokenComponentSelectReadOnlyText = "#343438";
+export const TokenComponentSidePanelBackground = "#ffffff";
+export const TokenComponentSidePanelText = "#343438";
+export const TokenComponentSidePanelBorder = "#d6d6dd";
+export const TokenComponentSidePanelIconDefault = "#3d3d42";
+export const TokenComponentSidePanelIconHover = "#009cde";
+export const TokenComponentSwitchActiveDefaultBackground = "#0174bc";
+export const TokenComponentSwitchActiveDefaultIcon = "#ffffff";
+export const TokenComponentSwitchActiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchActiveDefaultText = "#343438";
+export const TokenComponentSwitchActiveHoverBackground = "#009cde";
+export const TokenComponentSwitchActiveHoverIcon = "#ffffff";
+export const TokenComponentSwitchActiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchActiveHoverText = "#343438";
+export const TokenComponentSwitchActiveFocusBackground = "#0174bc";
+export const TokenComponentSwitchActiveFocusIcon = "#ffffff";
+export const TokenComponentSwitchActiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchActiveFocusText = "#343438";
+export const TokenComponentSwitchActiveDisabledBackground = "#afdef8";
+export const TokenComponentSwitchActiveDisabledIcon = "#a3a3ab";
+export const TokenComponentSwitchActiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchActiveDisabledText = "#a3a3ab";
+export const TokenComponentSwitchInactiveDefaultBackground = "#83838c";
+export const TokenComponentSwitchInactiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDefaultText = "#343438";
+export const TokenComponentSwitchInactiveHoverBackground = "#a3a3ab";
+export const TokenComponentSwitchInactiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchInactiveHoverText = "#343438";
+export const TokenComponentSwitchInactiveFocusBackground = "#83838c";
+export const TokenComponentSwitchInactiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchInactiveFocusText = "#343438";
+export const TokenComponentSwitchInactiveDisabledBackground = "#e5e5ea";
+export const TokenComponentSwitchInactiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDisabledText = "#a3a3ab";
+export const TokenComponentTabDefaultText = "#343438";
+export const TokenComponentTabDefaultIcon = "#3d3d42";
+export const TokenComponentTabDefaultBorder = "#c2c2ca";
+export const TokenComponentTabHoverText = "#009cde";
+export const TokenComponentTabHoverIcon = "#009cde";
+export const TokenComponentTabHoverBorder = "#c2c2ca";
+export const TokenComponentTabActiveText = "#0174bc";
+export const TokenComponentTabActiveIcon = "#0174bc";
+export const TokenComponentTabActiveBorder = "#0174bc";
+export const TokenComponentTabDisabledText = "#a3a3ab";
+export const TokenComponentTabDisabledIcon = "#a3a3ab";
+export const TokenComponentTabDisabledBorder = "#c2c2ca";
+export const TokenComponentTagDefaultBackground = "#f7f7fa";
+export const TokenComponentTagDefaultBorder = "#83838c";
+export const TokenComponentTagDefaultText = "#343438";
+export const TokenComponentTagDefaultIconDefault = "#3d3d42";
+export const TokenComponentTagDefaultIconHover = "#009cde";
+export const TokenComponentTagDefaultIconActive = "#0174bc";
+export const TokenComponentTagHoverBackground = "#f7f7fa";
+export const TokenComponentTagHoverBorder = "#3d3d42";
+export const TokenComponentTagHoverText = "#343438";
+export const TokenComponentTagHoverIconDefault = "#3d3d42";
+export const TokenComponentTagHoverIconHover = "#009cde";
+export const TokenComponentTagHoverIconActive = "#0174bc";
+export const TokenComponentTagFocusBackground = "#edf8ff";
+export const TokenComponentTagFocusBorder = "#0174bc";
+export const TokenComponentTagFocusText = "#343438";
+export const TokenComponentTagFocusIconDefault = "#3d3d42";
+export const TokenComponentTagFocusIconHover = "#009cde";
+export const TokenComponentTagFocusIconActive = "#0174bc";
+export const TokenComponentTagErrorBackground = "#f7f7fa";
+export const TokenComponentTagErrorBorder = "#d63c42";
+export const TokenComponentTagErrorText = "#343438";
+export const TokenComponentTagErrorIconDefault = "#3d3d42";
+export const TokenComponentTagErrorIconHover = "#009cde";
+export const TokenComponentTagErrorIconActive = "#0174bc";
+export const TokenComponentTagDisabledBackground = "#ededf2";
+export const TokenComponentTagDisabledBorder = "#c2c2ca";
+export const TokenComponentTagDisabledText = "#a3a3ab";
+export const TokenComponentTagDisabledIcon = "#a3a3ab";
+export const TokenComponentTagReadOnlyBackground = "#ffffff";
+export const TokenComponentTagReadOnlyBorder = "#c2c2ca";
+export const TokenComponentTagReadOnlyText = "#343438";
+export const TokenComponentTagReadOnlyIcon = "#3d3d42";
+export const TokenComponentTagInputDefaultBackground = "#ffffff";
+export const TokenComponentTagInputDefaultBorder = "#83838c";
+export const TokenComponentTagInputDefaultHintText = "#696970";
+export const TokenComponentTagInputPlaceholderBackground = "#ffffff";
+export const TokenComponentTagInputPlaceholderBorder = "#83838c";
+export const TokenComponentTagInputPlaceholderText = "#696970";
+export const TokenComponentTagInputPlaceholderHintText = "#696970";
+export const TokenComponentTagInputHoverBackground = "#ffffff";
+export const TokenComponentTagInputHoverBorder = "#3d3d42";
+export const TokenComponentTagInputHoverText = "#696970";
+export const TokenComponentTagInputHoverHintText = "#696970";
+export const TokenComponentTagInputFilledBackground = "#ffffff";
+export const TokenComponentTagInputFilledBorder = "#83838c";
+export const TokenComponentTagInputFilledIcon = "#3d3d42";
+export const TokenComponentTagInputFilledHintText = "#696970";
+export const TokenComponentTagInputDisabledBackground = "#ededf2";
+export const TokenComponentTagInputDisabledBorder = "#c2c2ca";
+export const TokenComponentTagInputDisabledHintText = "#696970";
+export const TokenComponentTagInputErrorBackground = "#ffffff";
+export const TokenComponentTagInputErrorBorder = "#d63c42";
+export const TokenComponentTagInputErrorIcon = "#3d3d42";
+export const TokenComponentTagInputErrorHintText = "#b82329";
+export const TokenComponentTagInputFocusEmptyBackground = "#ffffff";
+export const TokenComponentTagInputFocusEmptyBorder = "#0174bc";
+export const TokenComponentTagInputFocusEmptyText = "#696970";
+export const TokenComponentTagInputFocusEmptyHintText = "#696970";
+export const TokenComponentTagInputFocusBackground = "#ffffff";
+export const TokenComponentTagInputFocusBorder = "#0174bc";
+export const TokenComponentTagInputFocusText = "#343438";
+export const TokenComponentTagInputFocusHintText = "#696970";
+export const TokenComponentTextAreaDefaultBackground = "#ffffff";
+export const TokenComponentTextAreaDefaultBorder = "#83838c";
+export const TokenComponentTextAreaDefaultHintText = "#696970";
+export const TokenComponentTextAreaDefaultInfoIcon = "#696970";
+export const TokenComponentTextAreaPlaceholderBackground = "#ffffff";
+export const TokenComponentTextAreaPlaceholderBorder = "#83838c";
+export const TokenComponentTextAreaPlaceholderText = "#696970";
+export const TokenComponentTextAreaPlaceholderHintText = "#696970";
+export const TokenComponentTextAreaPlaceholderInfoIcon = "#696970";
+export const TokenComponentTextAreaHoverBackground = "#ffffff";
+export const TokenComponentTextAreaHoverBorder = "#3d3d42";
+export const TokenComponentTextAreaHoverText = "#343438";
+export const TokenComponentTextAreaHoverIcon = "#3d3d42";
+export const TokenComponentTextAreaHoverHintText = "#696970";
+export const TokenComponentTextAreaHoverInfoIcon = "#696970";
+export const TokenComponentTextAreaHoverEmptyBackground = "#ffffff";
+export const TokenComponentTextAreaHoverEmptyBorder = "#3d3d42";
+export const TokenComponentTextAreaHoverEmptyText = "#696970";
+export const TokenComponentTextAreaHoverEmptyHintText = "#696970";
+export const TokenComponentTextAreaHoverEmptyInfoIcon = "#696970";
+export const TokenComponentTextAreaFilledBackground = "#ffffff";
+export const TokenComponentTextAreaFilledBorder = "#83838c";
+export const TokenComponentTextAreaFilledText = "#343438";
+export const TokenComponentTextAreaFilledHintText = "#696970";
+export const TokenComponentTextAreaFilledInfoIcon = "#696970";
+export const TokenComponentTextAreaFilledIconDefault = "#3d3d42";
+export const TokenComponentTextAreaFilledIconHover = "#009cde";
+export const TokenComponentTextAreaFilledIconActive = "#0174bc";
+export const TokenComponentTextAreaDisabledBackground = "#ededf2";
+export const TokenComponentTextAreaDisabledBorder = "#c2c2ca";
+export const TokenComponentTextAreaDisabledText = "#a3a3ab";
+export const TokenComponentTextAreaDisabledHintText = "#696970";
+export const TokenComponentTextAreaDisabledInfoIcon = "#696970";
+export const TokenComponentTextAreaErrorBackground = "#ffffff";
+export const TokenComponentTextAreaErrorBorder = "#d63c42";
+export const TokenComponentTextAreaErrorText = "#343438";
+export const TokenComponentTextAreaErrorHintText = "#b82329";
+export const TokenComponentTextAreaErrorInfoIcon = "#696970";
+export const TokenComponentTextAreaErrorIconDefault = "#3d3d42";
+export const TokenComponentTextAreaErrorIconHover = "#009cde";
+export const TokenComponentTextAreaErrorIconActive = "#0174bc";
+export const TokenComponentTextAreaFocusEmptyBackground = "#ffffff";
+export const TokenComponentTextAreaFocusEmptyBorder = "#0174bc";
+export const TokenComponentTextAreaFocusEmptyHintText = "#696970";
+export const TokenComponentTextAreaFocusEmptyInfoIcon = "#696970";
+export const TokenComponentTextAreaFocusEmptyIconDefault = "#3d3d42";
+export const TokenComponentTextAreaFocusEmptyIconHover = "#009cde";
+export const TokenComponentTextAreaFocusEmptyIconActive = "#0174bc";
+export const TokenComponentTextAreaFocusBackground = "#ffffff";
+export const TokenComponentTextAreaFocusBorder = "#0174bc";
+export const TokenComponentTextAreaFocusText = "#343438";
+export const TokenComponentTextAreaFocusHintText = "#696970";
+export const TokenComponentTextAreaFocusInfoIcon = "#696970";
+export const TokenComponentTextAreaFocusIconDefault = "#3d3d42";
+export const TokenComponentTextAreaFocusIconHover = "#009cde";
+export const TokenComponentTextAreaFocusIconActive = "#0174bc";
+export const TokenComponentTextAreaReadOnlyText = "#343438";
+export const TokenComponentTextAreaReadOnlyHintText = "#696970";
+export const TokenComponentTextFieldDefaultBackground = "#ffffff";
+export const TokenComponentTextFieldDefaultBorder = "#83838c";
+export const TokenComponentTextFieldDefaultHintText = "#696970";
+export const TokenComponentTextFieldDefaultInfoIcon = "#696970";
+export const TokenComponentTextFieldPlaceholderBackground = "#ffffff";
+export const TokenComponentTextFieldPlaceholderBorder = "#83838c";
+export const TokenComponentTextFieldPlaceholderText = "#696970";
+export const TokenComponentTextFieldPlaceholderHintText = "#696970";
+export const TokenComponentTextFieldPlaceholderInfoIcon = "#696970";
+export const TokenComponentTextFieldHoverBackground = "#ffffff";
+export const TokenComponentTextFieldHoverBorder = "#3d3d42";
+export const TokenComponentTextFieldHoverText = "#343438";
+export const TokenComponentTextFieldHoverIcon = "#3d3d42";
+export const TokenComponentTextFieldHoverHintText = "#696970";
+export const TokenComponentTextFieldHoverInfoIcon = "#696970";
+export const TokenComponentTextFieldHoverEmptyBackground = "#ffffff";
+export const TokenComponentTextFieldHoverEmptyBorder = "#3d3d42";
+export const TokenComponentTextFieldHoverEmptyText = "#696970";
+export const TokenComponentTextFieldHoverEmptyHintText = "#696970";
+export const TokenComponentTextFieldHoverEmptyInfoIcon = "#696970";
+export const TokenComponentTextFieldFilledBackground = "#ffffff";
+export const TokenComponentTextFieldFilledBorder = "#83838c";
+export const TokenComponentTextFieldFilledText = "#343438";
+export const TokenComponentTextFieldFilledHintText = "#696970";
+export const TokenComponentTextFieldFilledInfoIcon = "#696970";
+export const TokenComponentTextFieldFilledIconDefault = "#3d3d42";
+export const TokenComponentTextFieldFilledIconHover = "#009cde";
+export const TokenComponentTextFieldFilledIconActive = "#0174bc";
+export const TokenComponentTextFieldDisabledBackground = "#ededf2";
+export const TokenComponentTextFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentTextFieldDisabledText = "#a3a3ab";
+export const TokenComponentTextFieldDisabledHintText = "#696970";
+export const TokenComponentTextFieldDisabledInfoIcon = "#696970";
+export const TokenComponentTextFieldErrorBackground = "#ffffff";
+export const TokenComponentTextFieldErrorBorder = "#d63c42";
+export const TokenComponentTextFieldErrorText = "#343438";
+export const TokenComponentTextFieldErrorHintText = "#b82329";
+export const TokenComponentTextFieldErrorInfoIcon = "#696970";
+export const TokenComponentTextFieldErrorIconDefault = "#3d3d42";
+export const TokenComponentTextFieldErrorIconHover = "#009cde";
+export const TokenComponentTextFieldErrorIconActive = "#0174bc";
+export const TokenComponentTextFieldFocusEmptyBackground = "#ffffff";
+export const TokenComponentTextFieldFocusEmptyBorder = "#0174bc";
+export const TokenComponentTextFieldFocusEmptyHintText = "#696970";
+export const TokenComponentTextFieldFocusEmptyInfoIcon = "#696970";
+export const TokenComponentTextFieldFocusEmptyIconDefault = "#3d3d42";
+export const TokenComponentTextFieldFocusEmptyIconHover = "#009cde";
+export const TokenComponentTextFieldFocusEmptyIconActive = "#0174bc";
+export const TokenComponentTextFieldFocusBackground = "#ffffff";
+export const TokenComponentTextFieldFocusBorder = "#0174bc";
+export const TokenComponentTextFieldFocusText = "#343438";
+export const TokenComponentTextFieldFocusHintText = "#696970";
+export const TokenComponentTextFieldFocusInfoIcon = "#696970";
+export const TokenComponentTextFieldFocusIconDefault = "#3d3d42";
+export const TokenComponentTextFieldFocusIconHover = "#009cde";
+export const TokenComponentTextFieldFocusIconActive = "#0174bc";
+export const TokenComponentTextFieldReadOnlyText = "#343438";
+export const TokenComponentTextFieldReadOnlyHintText = "#696970";
+export const TokenComponentTimePickerDefaultBackground = "#ffffff";
+export const TokenComponentTimePickerDefaultBorder = "#83838c";
+export const TokenComponentTimePickerDefaultText = "#696970";
+export const TokenComponentTimePickerDefaultIcon = "#3d3d42";
+export const TokenComponentTimePickerDefaultHintText = "#696970";
+export const TokenComponentTimePickerHoverBackground = "#ffffff";
+export const TokenComponentTimePickerHoverBorder = "#3d3d42";
+export const TokenComponentTimePickerHoverText = "#696970";
+export const TokenComponentTimePickerHoverIcon = "#3d3d42";
+export const TokenComponentTimePickerHoverHintText = "#696970";
+export const TokenComponentTimePickerFilledBackground = "#ffffff";
+export const TokenComponentTimePickerFilledBorder = "#83838c";
+export const TokenComponentTimePickerFilledText = "#343438";
+export const TokenComponentTimePickerFilledIcon = "#3d3d42";
+export const TokenComponentTimePickerFilledHintText = "#696970";
+export const TokenComponentTimePickerDisabledBackground = "#ededf2";
+export const TokenComponentTimePickerDisabledBorder = "#c2c2ca";
+export const TokenComponentTimePickerDisabledText = "#a3a3ab";
+export const TokenComponentTimePickerDisabledIcon = "#a3a3ab";
+export const TokenComponentTimePickerDisabledHintText = "#696970";
+export const TokenComponentTimePickerErrorBackground = "#ffffff";
+export const TokenComponentTimePickerErrorBorder = "#d63c42";
+export const TokenComponentTimePickerErrorText = "#343438";
+export const TokenComponentTimePickerErrorIcon = "#3d3d42";
+export const TokenComponentTimePickerErrorHintText = "#b82329";
+export const TokenComponentTimePickerFocusEmptyBackground = "#ffffff";
+export const TokenComponentTimePickerFocusEmptyBorder = "#0174bc";
+export const TokenComponentTimePickerFocusEmptyText = "#696970";
+export const TokenComponentTimePickerFocusEmptyIcon = "#3d3d42";
+export const TokenComponentTimePickerFocusEmptyHintText = "#696970";
+export const TokenComponentTimePickerFocusBackground = "#ffffff";
+export const TokenComponentTimePickerFocusBorder = "#0174bc";
+export const TokenComponentTimePickerFocusText = "#343438";
+export const TokenComponentTimePickerFocusIcon = "#3d3d42";
+export const TokenComponentTimePickerFocusHintText = "#696970";
+export const TokenComponentTimePickerReadOnlyText = "#343438";
+export const TokenComponentTooltipBackground = "#343438";
+export const TokenComponentTooltipText = "#ffffff";
+export const TokenComponentTreeText = "#343438";
+export const TokenComponentTreeBorder = "#d6d6dd";
+export const TokenComponentTreeIconDefault = "#3d3d42";
+export const TokenComponentTreeIconHover = "#009cde";
+export const TokenComponentTreeIconActive = "#0174bc";
+export const TokenComponentTreeBackgroundDefault = "#ffffff";
+export const TokenComponentTreeBackgroundHover = "#edf8ff";
+export const TokenComponentTreeExpandedAreaBorder = "#83838c";
+export const TokenComponentWidgetDownloadText = "#343438";
+export const TokenComponentWidgetDownloadBorder = "#d6d6dd";
+export const TokenComponentWidgetDownloadBackgroundHeader = "#f7f7fa";
+export const TokenComponentWidgetDownloadBackgroundDefault = "#ffffff";
+export const TokenComponentWidgetDownloadIconDefault = "#3d3d42";
+export const TokenComponentWidgetDownloadIconSuccess = "#00b050";
+export const TokenComponentWidgetDownloadIconError = "#d63c42";
+export const TokenComponentWidgetUploadDefaultBackground = "#ffffff";
+export const TokenComponentWidgetUploadDefaultBorder = "#83838c";
+export const TokenComponentWidgetUploadDefaultIcon = "#3d3d42";
+export const TokenComponentWidgetUploadDefaultTextDefault = "#343438";
+export const TokenComponentWidgetUploadDefaultTextLink = "#0174bc";
+export const TokenComponentWidgetUploadHoverBackground = "#edf8ff";
+export const TokenComponentWidgetUploadHoverBorder = "#0174bc";
+export const TokenComponentWidgetUploadHoverIcon = "#3d3d42";
+export const TokenComponentWidgetUploadHoverTextDefault = "#343438";
+export const TokenComponentWidgetUploadHoverTextLink = "#0174bc";
+export const TokenComponentWidgetUploadDisabledBackground = "#ededf2";
+export const TokenComponentWidgetUploadDisabledBorder = "#c2c2ca";
+export const TokenComponentWidgetUploadDisabledIcon = "#a3a3ab";
+export const TokenComponentWidgetUploadDisabledText = "#a3a3ab";
+export const TokenComponentStepperHorizontalLine = "#d6d6dd";
+export const TokenComponentStepperHorizontalPastItemCircleBackground = "#edf8ff";
+export const TokenComponentStepperHorizontalPastItemCircleBorder = "#0174bc";
+export const TokenComponentStepperHorizontalPastItemCircleText = "#0174bc";
+export const TokenComponentStepperHorizontalPastItemCircleIcon = "#0174bc";
+export const TokenComponentStepperHorizontalPastItemTextDefault = "#343438";
+export const TokenComponentStepperHorizontalPastItemTextHover = "#0174bc";
+export const TokenComponentStepperHorizontalCurrentItemCircleBackground = "#0174bc";
+export const TokenComponentStepperHorizontalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperHorizontalCurrentItemTextDefault = "#343438";
+export const TokenComponentStepperHorizontalCurrentItemTextHover = "#0174bc";
+export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#ffffff";
+export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#d6d6dd";
+export const TokenComponentStepperHorizontalFutureItemCircleText = "#a3a3ab";
+export const TokenComponentStepperHorizontalFutureItemText = "#a3a3ab";
+export const TokenComponentStepperVerticalBackground = "#ffffff";
+export const TokenComponentStepperVerticalBorder = "#d6d6dd";
+export const TokenComponentStepperVerticalIcon = "#3d3d42";
+export const TokenComponentStepperVerticalPastItemCircleBackground = "#edf8ff";
+export const TokenComponentStepperVerticalPastItemCircleBorder = "#0174bc";
+export const TokenComponentStepperVerticalPastItemCircleText = "#0174bc";
+export const TokenComponentStepperVerticalPastItemCircleIcon = "#0174bc";
+export const TokenComponentStepperVerticalPastItemTextDefault = "#343438";
+export const TokenComponentStepperVerticalPastItemTextHover = "#0174bc";
+export const TokenComponentStepperVerticalCurrentItemIcon = "#0174bc";
+export const TokenComponentStepperVerticalCurrentItemCircleBackground = "#0174bc";
+export const TokenComponentStepperVerticalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperVerticalCurrentItemTextDefault = "#343438";
+export const TokenComponentStepperVerticalCurrentItemTextHover = "#0174bc";
+export const TokenComponentStepperVerticalFutureItemCircleBackground = "#ffffff";
+export const TokenComponentStepperVerticalFutureItemCircleBorder = "#83838c";
+export const TokenComponentStepperVerticalFutureItemCircleText = "#696970";
+export const TokenComponentStepperVerticalFutureItemTextDefault = "#343438";
+export const TokenComponentStepperVerticalFutureItemTextHover = "#0174bc";
+export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#ffffff";
+export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#d6d6dd";
+export const TokenComponentStepperVerticalDisabledItemCircleText = "#a3a3ab";
+export const TokenComponentStepperVerticalDisabledItemText = "#a3a3ab";
+export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#009cde";
+export const TokenComponentAdvancedSearchFilterIconAppliedIcon = "#0174bc";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeBackground = "#d63c42";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterIconDisabledIcon = "#a3a3ab";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeBackground = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaBackground = "#f7f7fa";
+export const TokenComponentAdvancedSearchFilterAreaBorder = "#d6d6dd";
+export const TokenComponentAdvancedSearchFilterAreaTextDefault = "#343438";
+export const TokenComponentAdvancedSearchFilterAreaTextLink = "#0174bc";
+export const TokenComponentAdvancedSearchFilterAreaIconDefault = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterAreaIconHover = "#009cde";
+export const TokenComponentAdvancedSearchFilterAreaIconDisabled = "#a3a3ab";
+export const TokenComponentAdvancedSearchFilterAreaTagBackground = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaTagBorder = "#d6d6dd";
+export const TokenComponentAdvancedSearchFilterAreaTagOperatorIcon = "#c25d05";
+export const TokenComponentAdvancedSearchFilterAreaTagIconDefault = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterAreaTagIconHover = "#009cde";
+export const TokenComponentSegmentedStatusButtonDefaultBackground = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDefaultBorder = "#83838c";
+export const TokenComponentSegmentedStatusButtonDefaultText = "#696970";
+export const TokenComponentSegmentedStatusButtonDefaultIcon = "#696970";
+export const TokenComponentSegmentedStatusButtonHoverBackground = "#edf8ff";
+export const TokenComponentSegmentedStatusButtonHoverBorder = "#83838c";
+export const TokenComponentSegmentedStatusButtonHoverText = "#696970";
+export const TokenComponentSegmentedStatusButtonHoverIcon = "#696970";
+export const TokenComponentSegmentedStatusButtonDisabledBackground = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDisabledBorder = "#c2c2ca";
+export const TokenComponentSegmentedStatusButtonDisabledText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveBackground = "#b7dfba";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonActivePositiveBackground = "#07a04d";
+export const TokenComponentSegmentedStatusButtonActivePositiveText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActivePositiveIcon = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeBackground = "#f9c6c6";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonActiveNegativeBackground = "#d0343a";
+export const TokenComponentSegmentedStatusButtonActiveNegativeText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActiveNegativeIcon = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralBackground = "#c2c2ca";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonActiveNeutralBackground = "#83838c";
+export const TokenComponentSegmentedStatusButtonActiveNeutralText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActiveNeutralIcon = "#ffffff";
+export const TokenComponentLinkSelectDefaultText = "#0174bc";
+export const TokenComponentLinkSelectDefaultIcon = "#3d3d42";
+export const TokenComponentLinkSelectHoverText = "#009cde";
+export const TokenComponentLinkSelectHoverIcon = "#009cde";
+export const TokenComponentLinkSelectFilledText = "#0174bc";
+export const TokenComponentLinkSelectFilledIcon = "#3d3d42";
+export const TokenComponentLinkSelectDisabledText = "#a3a3ab";
+export const TokenComponentLinkSelectDisabledIcon = "#a3a3ab";
+export const TokenComponentLinkSelectFocusText = "#0174bc";
+export const TokenComponentLinkSelectFocusIcon = "#3d3d42";
+export const TokenComponentLinkSelectReadOnlyText = "#343438";
diff --git a/dist/tokens.js b/dist/tokens.js
new file mode 100644
index 0000000..b19519c
--- /dev/null
+++ b/dist/tokens.js
@@ -0,0 +1,1608 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const TokenGlobalColorNeutrals5 = "#f7f7fa"; // Page background color, disabled form elements fill (input, text area, etc)
+export const TokenGlobalColorNeutrals10 = "#ededf2"; // UI element bg
+export const TokenGlobalColorNeutrals20 = "#e5e5ea"; // Subtle background
+export const TokenGlobalColorNeutrals30 = "#d6d6dd"; // Container border, divider, stroke
+export const TokenGlobalColorNeutrals40 = "#c2c2ca"; // Disabled border
+export const TokenGlobalColorNeutrals50 = "#a3a3ab";
+export const TokenGlobalColorNeutrals60 = "#83838c"; // Default field border
+export const TokenGlobalColorNeutrals70 = "#696970"; // Color for text placeholder and hints
+export const TokenGlobalColorNeutrals80 = "#515157";
+export const TokenGlobalColorNeutrals90 = "#3d3d42"; // Default icon color, hover color for fields border
+export const TokenGlobalColorNeutrals100 = "#343438"; // Default text color
+export const TokenGlobalColorNeutralsBlack = "#232326"; // Global header and footer
+export const TokenGlobalColorNeutralsWhite = "#ffffff";
+export const TokenGlobalColorBrand5 = "#f5fbff";
+export const TokenGlobalColorBrand10 = "#edf8ff";
+export const TokenGlobalColorBrand20 = "#e1f4ff";
+export const TokenGlobalColorBrand30 = "#ceedfe";
+export const TokenGlobalColorBrand40 = "#afdef8";
+export const TokenGlobalColorBrand50 = "#96cff0";
+export const TokenGlobalColorBrand60 = "#5bb3ea";
+export const TokenGlobalColorBrand70 = "#009cde"; // Akamai Blue
+export const TokenGlobalColorBrand80 = "#108ad6";
+export const TokenGlobalColorBrand90 = "#0174bc"; // Akamai Websafe Blue
+export const TokenGlobalColorBrand100 = "#00314d";
+export const TokenGlobalColorRed5 = "#fff8f8";
+export const TokenGlobalColorRed10 = "#ffefef";
+export const TokenGlobalColorRed20 = "#ffe5e5";
+export const TokenGlobalColorRed30 = "#fdd8d8";
+export const TokenGlobalColorRed40 = "#f9c6c6";
+export const TokenGlobalColorRed50 = "#f3aeaf";
+export const TokenGlobalColorRed60 = "#eb9091";
+export const TokenGlobalColorRed70 = "#d63c42"; // Critical or high severity
+export const TokenGlobalColorRed80 = "#d0343a"; // Akamai Red
+export const TokenGlobalColorRed90 = "#b82329";
+export const TokenGlobalColorRed100 = "#381316";
+export const TokenGlobalColorOrange5 = "#fef9f4";
+export const TokenGlobalColorOrange10 = "#fff3e7";
+export const TokenGlobalColorOrange20 = "#ffebd7";
+export const TokenGlobalColorOrange30 = "#ffe1c3";
+export const TokenGlobalColorOrange40 = "#facfa4";
+export const TokenGlobalColorOrange50 = "#f2b67b";
+export const TokenGlobalColorOrange60 = "#f09d4b";
+export const TokenGlobalColorOrange70 = "#fe9933"; // Akamai Orange. High or medium severity
+export const TokenGlobalColorOrange80 = "#f0821d";
+export const TokenGlobalColorOrange90 = "#c25d05";
+export const TokenGlobalColorOrange100 = "#451e11";
+export const TokenGlobalColorAmber5 = "#fff9ed";
+export const TokenGlobalColorAmber10 = "#fff4d5";
+export const TokenGlobalColorAmber20 = "#ffecbc";
+export const TokenGlobalColorAmber30 = "#ffe3a2";
+export const TokenGlobalColorAmber40 = "#facf83";
+export const TokenGlobalColorAmber50 = "#f3ba63";
+export const TokenGlobalColorAmber60 = "#edb016";
+export const TokenGlobalColorAmber70 = "#fecb34"; // Medium or low severity
+export const TokenGlobalColorAmber80 = "#f2b90e";
+export const TokenGlobalColorAmber90 = "#ce9a00";
+export const TokenGlobalColorAmber100 = "#403104";
+export const TokenGlobalColorYellow5 = "#ffffeb";
+export const TokenGlobalColorYellow10 = "#fafadf";
+export const TokenGlobalColorYellow20 = "#f9f9c9";
+export const TokenGlobalColorYellow30 = "#f8f8b6";
+export const TokenGlobalColorYellow40 = "#f5f596";
+export const TokenGlobalColorYellow50 = "#e8e86a";
+export const TokenGlobalColorYellow60 = "#dfdf39";
+export const TokenGlobalColorYellow70 = "#f5f531";
+export const TokenGlobalColorYellow80 = "#e5e50a";
+export const TokenGlobalColorYellow90 = "#bfbf0d";
+export const TokenGlobalColorYellow100 = "#35290f";
+export const TokenGlobalColorLime5 = "#f7fcf0";
+export const TokenGlobalColorLime10 = "#eefadc";
+export const TokenGlobalColorLime20 = "#e4f7c7";
+export const TokenGlobalColorLime30 = "#d7f2b0";
+export const TokenGlobalColorLime40 = "#c9e894";
+export const TokenGlobalColorLime50 = "#b1d16a";
+export const TokenGlobalColorLime60 = "#94ba2c";
+export const TokenGlobalColorLime70 = "#99d52a";
+export const TokenGlobalColorLime80 = "#93c926";
+export const TokenGlobalColorLime90 = "#5d770d";
+export const TokenGlobalColorLime100 = "#263209";
+export const TokenGlobalColorGreen5 = "#f3fcf3";
+export const TokenGlobalColorGreen10 = "#ebf9eb";
+export const TokenGlobalColorGreen20 = "#dff3df";
+export const TokenGlobalColorGreen30 = "#ceebcf";
+export const TokenGlobalColorGreen40 = "#b7dfba";
+export const TokenGlobalColorGreen50 = "#97cf9c";
+export const TokenGlobalColorGreen60 = "#65ba75";
+export const TokenGlobalColorGreen70 = "#00b050"; // Akamai Green. Low severity (human)
+export const TokenGlobalColorGreen80 = "#07a04d";
+export const TokenGlobalColorGreen90 = "#138246";
+export const TokenGlobalColorGreen100 = "#1b311e";
+export const TokenGlobalColorTeal5 = "#f1fcfa";
+export const TokenGlobalColorTeal10 = "#e7f9f5";
+export const TokenGlobalColorTeal20 = "#d9f3ee";
+export const TokenGlobalColorTeal30 = "#c7ebe5";
+export const TokenGlobalColorTeal40 = "#afdfd7";
+export const TokenGlobalColorTeal50 = "#8dcec3";
+export const TokenGlobalColorTeal60 = "#53b9ab";
+export const TokenGlobalColorTeal70 = "#12a594";
+export const TokenGlobalColorTeal80 = "#0e9888";
+export const TokenGlobalColorTeal90 = "#067a6f";
+export const TokenGlobalColorTeal100 = "#10302b";
+export const TokenGlobalColorCyan5 = "#f2fcfd";
+export const TokenGlobalColorCyan10 = "#e7f9fb";
+export const TokenGlobalColorCyan20 = "#d8f3f6";
+export const TokenGlobalColorCyan30 = "#aadee6";
+export const TokenGlobalColorCyan40 = "#84cdda";
+export const TokenGlobalColorCyan50 = "#84cdda";
+export const TokenGlobalColorCyan60 = "#3db9cf";
+export const TokenGlobalColorCyan70 = "#05a2c2";
+export const TokenGlobalColorCyan80 = "#0894b3";
+export const TokenGlobalColorCyan90 = "#0c7792";
+export const TokenGlobalColorCyan100 = "#04313c";
+export const TokenGlobalColorUltramarine5 = "#f8faff";
+export const TokenGlobalColorUltramarine10 = "#f0f4ff";
+export const TokenGlobalColorUltramarine20 = "#e6edfe";
+export const TokenGlobalColorUltramarine30 = "#d9e2fc";
+export const TokenGlobalColorUltramarine40 = "#c6d4f9";
+export const TokenGlobalColorUltramarine50 = "#aec0f5";
+export const TokenGlobalColorUltramarine60 = "#8da4ef";
+export const TokenGlobalColorUltramarine70 = "#4067e5";
+export const TokenGlobalColorUltramarine80 = "#3a5ccc";
+export const TokenGlobalColorUltramarine90 = "#3451b2";
+export const TokenGlobalColorUltramarine100 = "#002856"; // Akamai Dark Navy
+export const TokenGlobalColorViolet5 = "#fbfaff";
+export const TokenGlobalColorViolet10 = "#f5f2ff";
+export const TokenGlobalColorViolet20 = "#ede9fe";
+export const TokenGlobalColorViolet30 = "#e4defc";
+export const TokenGlobalColorViolet40 = "#d7cff9";
+export const TokenGlobalColorViolet50 = "#c4b8f3";
+export const TokenGlobalColorViolet60 = "#aa99ec";
+export const TokenGlobalColorViolet70 = "#7259d6";
+export const TokenGlobalColorViolet80 = "#644fc1";
+export const TokenGlobalColorViolet90 = "#5746af";
+export const TokenGlobalColorViolet100 = "#20134b";
+export const TokenGlobalColorPurple5 = "#fdfaff";
+export const TokenGlobalColorPurple10 = "#f9f1fe";
+export const TokenGlobalColorPurple20 = "#f3e7fc";
+export const TokenGlobalColorPurple30 = "#eddbf9";
+export const TokenGlobalColorPurple40 = "#e3ccf4";
+export const TokenGlobalColorPurple50 = "#d3b4ed";
+export const TokenGlobalColorPurple60 = "#be93e4";
+export const TokenGlobalColorPurple70 = "#8e4ec6";
+export const TokenGlobalColorPurple80 = "#8445bc";
+export const TokenGlobalColorPurple90 = "#753bbd"; // Akamai Purple
+export const TokenGlobalColorPurple100 = "#2b0e44";
+export const TokenGlobalColorMagenta5 = "#fff8ff";
+export const TokenGlobalColorMagenta10 = "#fceffc";
+export const TokenGlobalColorMagenta20 = "#f9e5f9";
+export const TokenGlobalColorMagenta30 = "#f3d9f4";
+export const TokenGlobalColorMagenta40 = "#ebc8ed";
+export const TokenGlobalColorMagenta50 = "#dfafe3";
+export const TokenGlobalColorMagenta60 = "#cf91d8";
+export const TokenGlobalColorMagenta70 = "#ab4aba"; // Critical severity
+export const TokenGlobalColorMagenta80 = "#a43cb4";
+export const TokenGlobalColorMagenta90 = "#9c2bad";
+export const TokenGlobalColorMagenta100 = "#340c3b";
+export const TokenGlobalColorPink5 = "#fff7fc";
+export const TokenGlobalColorPink10 = "#feeef8";
+export const TokenGlobalColorPink20 = "#fce5f3";
+export const TokenGlobalColorPink30 = "#f9d8ec";
+export const TokenGlobalColorPink40 = "#f3c6e2";
+export const TokenGlobalColorPink50 = "#ecadd4";
+export const TokenGlobalColorPink60 = "#e38ec3";
+export const TokenGlobalColorPink70 = "#e043a7";
+export const TokenGlobalColorPink80 = "#d23197";
+export const TokenGlobalColorPink90 = "#cd1d8d";
+export const TokenGlobalColorPink100 = "#3b0a2a";
+export const TokenGlobalColorBrown5 = "#fbf9f2";
+export const TokenGlobalColorBrown10 = "#f5f2e9";
+export const TokenGlobalColorBrown20 = "#eeeadd";
+export const TokenGlobalColorBrown30 = "#e5dfd0";
+export const TokenGlobalColorBrown40 = "#dad1bd";
+export const TokenGlobalColorBrown50 = "#cbbda4";
+export const TokenGlobalColorBrown60 = "#b8a383";
+export const TokenGlobalColorBrown70 = "#978365";
+export const TokenGlobalColorBrown80 = "#8c795d";
+export const TokenGlobalColorBrown90 = "#776750";
+export const TokenGlobalColorBrown100 = "#3b352b";
+export const TokenGlobalSpacing0 = "0rem";
+export const TokenGlobalSpacing10 = "0.125rem"; // 2px
+export const TokenGlobalSpacing20 = "0.25rem"; // 4px
+export const TokenGlobalSpacing30 = "0.375rem"; // 6px
+export const TokenGlobalSpacing40 = "0.5rem"; // 8px
+export const TokenGlobalSpacing50 = "0.75rem"; // 12px
+export const TokenGlobalSpacing60 = "1rem"; // 16px
+export const TokenGlobalSpacing70 = "1.5rem"; // 24px
+export const TokenGlobalSpacing80 = "2rem"; // 32px
+export const TokenGlobalSpacing90 = "3rem"; // 48px
+export const TokenGlobalFontFontFamilyBrand = "'Nunito Sans'";
+export const TokenGlobalFontFontFamilyCode = "'Fira Code'";
+export const TokenGlobalFontFontWeightSemibold = "600";
+export const TokenGlobalFontFontWeightBold = "700";
+export const TokenGlobalFontFontWeightExtrabold = "800";
+export const TokenGlobalFontFontWeightRegularNormal = "400";
+export const TokenGlobalFontFontWeightRegularItalic = "400";
+export const TokenGlobalFontFontSizeXxxs = "0.75rem"; // 12px
+export const TokenGlobalFontFontSizeXxs = "0.813rem"; // 13px
+export const TokenGlobalFontFontSizeXs = "0.875rem"; // 14px
+export const TokenGlobalFontFontSizeS = "1rem"; // 16px
+export const TokenGlobalFontFontSizeM = "1.125rem"; // 18px
+export const TokenGlobalFontFontSizeL = "1.25rem"; // 20px
+export const TokenGlobalFontFontSizeXl = "1.5rem"; // 24px
+export const TokenGlobalFontFontSizeXxl = "1.75rem"; // 28px
+export const TokenGlobalFontFontSizeXxxl = "2.25rem"; // 36px
+export const TokenGlobalFontLineHeightXxxs = "1rem"; // 16px
+export const TokenGlobalFontLineHeightXxs = "1.125rem"; // 18px
+export const TokenGlobalFontLineHeightXs = "1.25rem"; // 20px
+export const TokenGlobalFontLineHeightS = "1.5rem"; // 24px
+export const TokenGlobalFontLineHeightM = "1.625rem"; // 26px
+export const TokenGlobalFontLineHeightL = "1.875rem"; // 30px
+export const TokenGlobalFontLineHeightXl = "2rem"; // 32px
+export const TokenGlobalFontLineHeightXxl = "2.375rem"; // 38px
+export const TokenGlobalFontLineHeightXxxl = "2.625rem"; // 42px
+export const TokenGlobalFontTextcaseUppercase = "uppercase";
+export const TokenGlobalBorderRadiusNone = "0rem";
+export const TokenAliasContentTextBase = "#ffffff"; // Use as color for text on a dark surface
+export const TokenAliasContentTextNegative = "#b82329"; // Use to indicate error messages
+export const TokenAliasContentTextWarning = "#fecb34";
+export const TokenAliasContentTextPositive = "#00b050";
+export const TokenAliasContentTextInformative = "#4067e5";
+export const TokenAliasContentTextPrimaryDefault = "#343438"; // Primary color for text
+export const TokenAliasContentTextPrimaryDisabled = "#a3a3ab"; // Use only to indicate a disabled state of a primary text color
+export const TokenAliasContentTextSecondaryDefault = "#696970"; // Secondary color for text (placeholders, hints)
+export const TokenAliasContentTextSecondaryDisabled = "#a3a3ab"; // Use only to indicate a disabled state of a secondary text color
+export const TokenAliasContentTextLinkDefault = "#0174bc"; // Use only for links
+export const TokenAliasContentTextLinkHover = "#009cde"; // Use only as a hover on links
+export const TokenAliasContentTextLinkDisabled = "#a3a3ab"; // Use only to indicate a disabled state for links
+export const TokenAliasContentIconBase = "#ffffff"; // Use as color for icons on a dark surface
+export const TokenAliasContentIconNegative = "#d63c42"; // Use only for icons to indicate an error state
+export const TokenAliasContentIconWarning = "#fecb34"; // Use only for icons to indicate a warning state
+export const TokenAliasContentIconPositive = "#00b050"; // Use only for icons to indicate a success state
+export const TokenAliasContentIconInformative = "#4067e5"; // Use only for icons to indicate an info state
+export const TokenAliasContentIconPrimaryDefault = "#3d3d42"; // Default color for icons
+export const TokenAliasContentIconPrimaryHover = "#009cde"; // Use only as a hover state for icons
+export const TokenAliasContentIconPrimaryActive = "#0174bc"; // Use only as a selected/active state for icons
+export const TokenAliasContentIconPrimaryDisabled = "#a3a3ab"; // Use only as a disabled state for icons
+export const TokenAliasContentIconSecondaryDefault = "#696970"; // Secondary icon color (placeholder, etc)
+export const TokenAliasContentIconSecondaryDisabled = "#a3a3ab"; // Use only as a disabled state for a secondary icon color
+export const TokenAliasBorderNormal = "#d6d6dd"; // Border color for static ui elements and components
+export const TokenAliasBorderNeutral = "#343438";
+export const TokenAliasBorderNegative = "#d63c42"; // Use only for borders to indicate an error state
+export const TokenAliasBorderWarning = "#fecb34"; // Use only for borders to indicate a warning state
+export const TokenAliasBorderPositive = "#00b050"; // Use only for borders to indicate a success state
+export const TokenAliasBorderInformative = "#4067e5"; // Use only for borders to indicate an info state
+export const TokenAliasBackgroundNormal = "#ffffff"; // Primary background color
+export const TokenAliasBackgroundNeutral = "#f7f7fa"; // Page background color
+export const TokenAliasBackgroundBase = "#343438"; // Tooltip background
+export const TokenAliasBackgroundNegative = "#d63c42";
+export const TokenAliasBackgroundWarning = "#fecb34";
+export const TokenAliasBackgroundPositive = "#00b050";
+export const TokenAliasBackgroundInformative = "#4067e5";
+export const TokenAliasBackgroundBlack = "#232326"; // Use only for a global header and global footer background
+export const TokenAliasBackgroundNegativesubtle = "#ffefef";
+export const TokenAliasBackgroundWarningsubtle = "#fff4d5";
+export const TokenAliasBackgroundPositivesubtle = "#ebf9eb";
+export const TokenAliasBackgroundInformativesubtle = "#f0f4ff";
+export const TokenAliasBackgroundNeutralsubtle = "#e5e5ea";
+export const TokenAliasBackgroundOverlay = "lch(13.8 2.09 286 / 0.24)"; // Page dimming when the modal component is active
+export const TokenAliasActionBase = "#ffffff";
+export const TokenAliasActionNeutral = "#83838c";
+export const TokenAliasActionWhite50 = "#ffffff"; // Transparent disabled switcher circle
+export const TokenAliasActionPrimaryDefault = "#0174bc"; // Brand action color
+export const TokenAliasActionPrimaryHover = "#009cde";
+export const TokenAliasActionPrimaryActive = "#0174bc";
+export const TokenAliasActionPrimaryDisabled = "#e5e5ea";
+export const TokenAliasActionSecondaryHover = "#edf8ff";
+export const TokenAliasActionSecondaryDisabled = "#c2c2ca";
+export const TokenAliasActionTertiaryDisabled = "#afdef8";
+export const TokenAliasActionPositiveDefault = "#07a04d";
+export const TokenAliasActionPositiveDisabled = "#b7dfba";
+export const TokenAliasActionNegativeDefault = "#d0343a";
+export const TokenAliasActionNegativeDisabled = "#f9c6c6";
+export const TokenAliasInteractionBorderDefault = "#83838c"; // Default inputs border
+export const TokenAliasInteractionBorderHover = "#3d3d42";
+export const TokenAliasInteractionBorderFocus = "#0174bc";
+export const TokenAliasInteractionBorderError = "#d63c42";
+export const TokenAliasInteractionBorderDisabled = "#c2c2ca";
+export const TokenAliasInteractionBackgroundPrimary = "#ffffff"; // Default component background color
+export const TokenAliasInteractionBackgroundSecondary = "#f7f7fa";
+export const TokenAliasInteractionBackgroundTertiary = "#edf8ff";
+export const TokenAliasInteractionBackgroundElevated = "#edf8ff"; // Calendar range background, table row hover 
+export const TokenAliasInteractionBackgroundAccent = "#ceedfe";
+export const TokenAliasInteractionBackgroundActive = "#0174bc";
+export const TokenAliasInteractionBackgroundDisabled = "#ededf2";
+export const TokenAliasElevationS = "0 2px 6px 0 rgba(58,59,63,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups;
+export const TokenAliasElevationSInverted = "0 -2px 6px 0 rgba(58,59,63,0.18)"; // Inverted shadow for elements that appear above the component
+export const TokenAliasElevationL = "0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08)"; // Shadow for modals
+export const TokenAliasTypographyHeadingXxxl = "700 2.25rem/2.625rem 'Nunito Sans'"; // Promo banners, KPIs
+export const TokenAliasTypographyHeadingXxl = "800 1.75rem/2rem 'Nunito Sans'"; // Main titles - h1
+export const TokenAliasTypographyHeadingXl = "700 1.5rem/1.875rem 'Nunito Sans'"; // Second level title - h2
+export const TokenAliasTypographyHeadingL = "700 1.25rem/1.625rem 'Nunito Sans'"; // Third level title - h3
+export const TokenAliasTypographyHeadingM = "700 1.125rem/1.5rem 'Nunito Sans'"; // Drawer, modal title - h4
+export const TokenAliasTypographyHeadingS = "700 1rem/1.25rem 'Nunito Sans'"; // Advanced search, bars, master switch titles - h5
+export const TokenAliasTypographyHeadingXs = "700 0.875rem/1.125rem 'Nunito Sans'"; // Low level headings - h6
+export const TokenAliasTypographyHeadingOverline = "800 0.75rem/1rem 'Nunito Sans'"; // Custom labels for content blocks
+export const TokenAliasTypographyHeadingOverlineLetterSpacing = "0.023rem"; // Overline letter spacing
+export const TokenAliasTypographyHeadingOverlineTextCase = "uppercase"; // Overline text case
+export const TokenAliasTypographyBodyRegular = "400 0.875rem/1.25rem 'Nunito Sans'"; // Main body text
+export const TokenAliasTypographyBodySemibold = "600 0.875rem/1.25rem 'Nunito Sans'"; // Light emphasis
+export const TokenAliasTypographyBodyBold = "700 0.875rem/1.25rem 'Nunito Sans'"; // Emphasis
+export const TokenAliasTypographyBodyExtrabold = "800 0.875rem/1.25rem 'Nunito Sans'"; // Max emphasis
+export const TokenAliasTypographyBodyList = "400 0.875rem/1.25rem 'Nunito Sans'"; // For list items
+export const TokenAliasTypographyBodyItalic = "400 0.875rem/1.25rem 'Nunito Sans'";
+export const TokenAliasTypographyLabelSemiboldL = "600 1rem/1.25rem 'Nunito Sans'"; // Large tabs
+export const TokenAliasTypographyLabelSemiboldS = "600 0.875rem/1rem 'Nunito Sans'"; // Large buttons, list, segmented buttons, side navigation, small tables
+export const TokenAliasTypographyLabelSemiboldXs = "600 0.75rem/1rem 'Nunito Sans'"; // Small buttons, tags, warning message under field
+export const TokenAliasTypographyLabelBoldL = "700 1rem/1.25rem 'Nunito Sans'"; // Card, content panel, vertical stepper
+export const TokenAliasTypographyLabelBoldS = "700 0.875rem/1rem 'Nunito Sans'"; // Field labels, table header, date&time pickers
+export const TokenAliasTypographyLabelBoldXs = "700 0.75rem/0.875rem 'Nunito Sans'"; // Badge number
+export const TokenAliasTypographyLabelRegularS = "400 0.875rem/1rem 'Nunito Sans'"; // Field entered text, dropdown item, table cell, pagination
+export const TokenAliasTypographyLabelRegularXs = "400 0.75rem/1rem 'Nunito Sans'"; // Optional text, small dropdown item
+export const TokenAliasTypographyLabelRegularPlaceholder = "400 0.875rem/1rem 'Nunito Sans'";
+export const TokenAliasTypographyCode = "400 0.813rem/1.25rem 'Fira Code'"; // Code samples
+export const TokenAliasAccentInfoPrimary = "#3451b2";
+export const TokenAliasAccentInfoSecondary = "lch(36.7 58.2 286 / 0.12)";
+export const TokenAliasAccentNeutralPrimary = "#515157";
+export const TokenAliasAccentNeutralSecondary = "lch(34.6 3.66 286 / 0.12)";
+export const TokenAliasAccentWarningPrimary = "#c25d05";
+export const TokenAliasAccentWarningSecondary = "lch(67.2 71.6 80.1 / 0.12)";
+export const TokenAliasAccentNegativePrimary = "#b82329";
+export const TokenAliasAccentNegativeSecondary = "lch(41.2 69 32.4 / 0.12)";
+export const TokenAliasAccentPositivePrimary = "#138246";
+export const TokenAliasAccentPositiveSecondary = "lch(47.6 47.7 150 / 0.12)";
+export const TokenAliasAccentImportantPrimary = "#753bbd";
+export const TokenAliasAccentImportantSecondary = "lch(38.2 75 307 / 0.12)";
+export const TokenAliasAccentPinkPrimary = "#cd1d8d";
+export const TokenAliasAccentPinkSecondary = "lch(47.1 72.1 347 / 0.12)";
+export const TokenAliasAccentVioletPrimary = "#5746af";
+export const TokenAliasAccentVioletSecondary = "lch(36.2 62.1 298 / 0.12)";
+export const TokenAliasChartNeutral = "#d6d6dd";
+export const TokenAliasChartCategorical1Primary = "#4067e5";
+export const TokenAliasChartCategorical1Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical1Transparent = "lch(46.5 72.3 286 / 0.2)";
+export const TokenAliasChartCategorical2Primary = "#fe9933";
+export const TokenAliasChartCategorical2Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical2Transparent = "lch(72.9 74.2 63 / 0.2)";
+export const TokenAliasChartCategorical3Primary = "#12a594";
+export const TokenAliasChartCategorical3Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical3Transparent = "lch(60.7 39.7 183 / 0.2)";
+export const TokenAliasChartCategorical4Primary = "#ab4aba";
+export const TokenAliasChartCategorical4Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical4Transparent = "lch(48.2 66.6 322 / 0.2)";
+export const TokenAliasChartCategorical5Primary = "#d63c42";
+export const TokenAliasChartCategorical5Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical5Transparent = "lch(50.1 69.5 29.4 / 0.2)";
+export const TokenAliasChartCategorical6Primary = "#05a2c2";
+export const TokenAliasChartCategorical6Inactive = "#aadee6";
+export const TokenAliasChartCategorical6Transparent = "lch(61 38.6 224 / 0.2)";
+export const TokenAliasChartCategorical7Primary = "#e043a7";
+export const TokenAliasChartCategorical7Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical7Transparent = "lch(55 70 344 / 0.2)";
+export const TokenAliasChartCategorical8Primary = "#00b050";
+export const TokenAliasChartCategorical8Inactive = "#ceebcf";
+export const TokenAliasChartCategorical8Transparent = "lch(63 67 146 / 0.2)";
+export const TokenAliasChartCategorical9Primary = "#7259d6";
+export const TokenAliasChartCategorical9Inactive = "#e4defc";
+export const TokenAliasChartCategorical9Transparent = "lch(45.6 71 299 / 0.2)";
+export const TokenAliasChartCategorical10Primary = "#99d52a";
+export const TokenAliasChartCategorical10Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical10Transparent = "lch(79 79.1 118 / 0.2)";
+export const TokenAliasChartCategorical11Primary = "#696970";
+export const TokenAliasChartCategorical11Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical11Transparent = "lch(44.6 4.09 286 / 0.2)";
+export const TokenAliasChartCategorical12Primary = "#8da4ef";
+export const TokenAliasChartCategorical12Inactive = "#d9e2fc";
+export const TokenAliasChartCategorical12Transparent = "lch(67.9 41.2 278 / 0.2)";
+export const TokenAliasChartCategorical13Primary = "#c25d05";
+export const TokenAliasChartCategorical13Inactive = "#ffe1c3";
+export const TokenAliasChartCategorical13Transparent = "lch(51.7 70.9 57.2 / 0.2)";
+export const TokenAliasChartCategorical14Primary = "#067a6f";
+export const TokenAliasChartCategorical14Inactive = "#c7ebe5";
+export const TokenAliasChartCategorical14Transparent = "lch(45.6 31.8 185 / 0.2)";
+export const TokenAliasChartCategorical15Primary = "#cf91d8";
+export const TokenAliasChartCategorical15Inactive = "#f3d9f4";
+export const TokenAliasChartCategorical15Transparent = "lch(68.3 42.4 321 / 0.2)";
+export const TokenAliasChartCategorical16Primary = "#eb9091";
+export const TokenAliasChartCategorical16Inactive = "#fdd8d8";
+export const TokenAliasChartCategorical16Transparent = "lch(69.6 38.4 22.9 / 0.2)";
+export const TokenAliasChartCategorical17Primary = "#0c7792";
+export const TokenAliasChartCategorical17Inactive = "#aadee6";
+export const TokenAliasChartCategorical17Transparent = "lch(45.7 30.9 228 / 0.2)";
+export const TokenAliasChartCategorical18Primary = "#e38ec3";
+export const TokenAliasChartCategorical18Inactive = "#f9d8ec";
+export const TokenAliasChartCategorical18Transparent = "lch(69.3 40.8 341 / 0.2)";
+export const TokenAliasChartCategorical19Primary = "#97cf9c";
+export const TokenAliasChartCategorical19Inactive = "#ceebcf";
+export const TokenAliasChartCategorical19Transparent = "lch(78.2 32.7 144 / 0.2)";
+export const TokenAliasChartCategorical20Primary = "#aa99ec";
+export const TokenAliasChartCategorical20Inactive = "#e4defc";
+export const TokenAliasChartCategorical20Transparent = "lch(67.2 44.6 296 / 0.2)";
+export const TokenAliasChartCategorical21Primary = "#94ba2c";
+export const TokenAliasChartCategorical21Inactive = "#d7f2b0";
+export const TokenAliasChartCategorical21Transparent = "lch(70.8 67.7 114 / 0.2)";
+export const TokenAliasChartCategorical22Primary = "#3d3d42";
+export const TokenAliasChartCategorical22Inactive = "#d6d6dd";
+export const TokenAliasChartCategorical22Transparent = "lch(25.9 3.2 286 / 0.2)";
+export const TokenAliasChartMonochromaticDefault5 = "#f8faff";
+export const TokenAliasChartMonochromaticDefault10 = "#f0f4ff";
+export const TokenAliasChartMonochromaticDefault20 = "#e6edfe";
+export const TokenAliasChartMonochromaticDefault30 = "#d9e2fc";
+export const TokenAliasChartMonochromaticDefault40 = "#c6d4f9";
+export const TokenAliasChartMonochromaticDefault50 = "#aec0f5";
+export const TokenAliasChartMonochromaticDefault60 = "#8da4ef";
+export const TokenAliasChartMonochromaticDefault70 = "#4067e5";
+export const TokenAliasChartMonochromaticDefault90 = "#3451b2";
+export const TokenAliasChartMonochromaticDefault100 = "#002856";
+export const TokenAliasChartMonochromaticDanger5 = "#fff8f8";
+export const TokenAliasChartMonochromaticDanger10 = "#ffefef";
+export const TokenAliasChartMonochromaticDanger20 = "#ffe5e5";
+export const TokenAliasChartMonochromaticDanger30 = "#fdd8d8";
+export const TokenAliasChartMonochromaticDanger40 = "#f9c6c6";
+export const TokenAliasChartMonochromaticDanger50 = "#f3aeaf";
+export const TokenAliasChartMonochromaticDanger60 = "#eb9091";
+export const TokenAliasChartMonochromaticDanger70 = "#d63c42";
+export const TokenAliasChartMonochromaticDanger90 = "#b82329";
+export const TokenAliasChartMonochromaticDanger100 = "#381316";
+export const TokenAliasChartStatusNegative = "#d63c42";
+export const TokenAliasChartStatusWarning = "#fecb34";
+export const TokenAliasChartStatusPositive = "#00b050";
+export const TokenComponentButtonPrimaryDefaultBackground = "#0174bc";
+export const TokenComponentButtonPrimaryDefaultText = "#ffffff";
+export const TokenComponentButtonPrimaryDefaultIcon = "#ffffff";
+export const TokenComponentButtonPrimaryHoverBackground = "#009cde";
+export const TokenComponentButtonPrimaryHoverText = "#ffffff";
+export const TokenComponentButtonPrimaryHoverIcon = "#ffffff";
+export const TokenComponentButtonPrimaryPressedBackground = "#0174bc";
+export const TokenComponentButtonPrimaryPressedText = "#ffffff";
+export const TokenComponentButtonPrimaryPressedIcon = "#ffffff";
+export const TokenComponentButtonPrimaryDisabledBackground = "#e5e5ea";
+export const TokenComponentButtonPrimaryDisabledText = "#a3a3ab";
+export const TokenComponentButtonPrimaryDisabledIcon = "#a3a3ab";
+export const TokenComponentButtonPrimaryLoadingBackground = "#0174bc";
+export const TokenComponentButtonSecondaryDefaultBackground = "#ffffff";
+export const TokenComponentButtonSecondaryDefaultBorder = "#0174bc";
+export const TokenComponentButtonSecondaryDefaultText = "#0174bc";
+export const TokenComponentButtonSecondaryDefaultIcon = "#0174bc";
+export const TokenComponentButtonSecondaryHoverBackground = "#edf8ff";
+export const TokenComponentButtonSecondaryHoverBorder = "#009cde";
+export const TokenComponentButtonSecondaryHoverText = "#0174bc";
+export const TokenComponentButtonSecondaryHoverIcon = "#0174bc";
+export const TokenComponentButtonSecondaryPressedBackground = "#ffffff";
+export const TokenComponentButtonSecondaryPressedBorder = "#0174bc";
+export const TokenComponentButtonSecondaryPressedText = "#0174bc";
+export const TokenComponentButtonSecondaryPressedIcon = "#0174bc";
+export const TokenComponentButtonSecondaryDisabledBackground = "#ffffff";
+export const TokenComponentButtonSecondaryDisabledBorder = "#c2c2ca";
+export const TokenComponentButtonSecondaryDisabledText = "#a3a3ab";
+export const TokenComponentButtonSecondaryDisabledIcon = "#a3a3ab";
+export const TokenComponentButtonSecondaryLoadingBackground = "#ffffff";
+export const TokenComponentButtonSecondaryLoadingBorder = "#0174bc";
+export const TokenComponentButtonLinkDefaultText = "#0174bc";
+export const TokenComponentButtonLinkDefaultIcon = "#0174bc";
+export const TokenComponentButtonLinkHoverText = "#009cde";
+export const TokenComponentButtonLinkHoverIcon = "#009cde";
+export const TokenComponentButtonLinkPressedText = "#0174bc";
+export const TokenComponentButtonLinkPressedIcon = "#0174bc";
+export const TokenComponentButtonLinkDisabledText = "#a3a3ab";
+export const TokenComponentButtonLinkDisabledIcon = "#a3a3ab";
+export const TokenComponentContainerBackground = "#ffffff";
+export const TokenComponentContainerBorder = "#d6d6dd";
+export const TokenComponentTableHeaderFilledBackground = "#343438";
+export const TokenComponentTableHeaderFilledText = "#ffffff";
+export const TokenComponentTableHeaderFilledIcon = "#ffffff";
+export const TokenComponentTableHeaderOutlinedBorder = "#343438";
+export const TokenComponentTableHeaderOutlinedText = "#343438";
+export const TokenComponentTableHeaderOutlinedIcon = "#3d3d42";
+export const TokenComponentTableRowBorder = "#d6d6dd";
+export const TokenComponentTableRowIconDefault = "#3d3d42";
+export const TokenComponentTableRowIconDisabled = "#a3a3ab";
+export const TokenComponentTableRowIconHover = "#009cde";
+export const TokenComponentTableRowBackgroundDefault = "#ffffff";
+export const TokenComponentTableRowBackgroundZebra = "#f7f7fa";
+export const TokenComponentTableRowBackgroundHover = "#edf8ff";
+export const TokenComponentTableRowTextDefault = "#343438";
+export const TokenComponentTableRowTextPlaceholder = "#696970";
+export const TokenComponentTableRowTextLink = "#0174bc";
+export const TokenComponentMenuButtonPrimaryDefaultBackground = "#0174bc";
+export const TokenComponentMenuButtonPrimaryDefaultText = "#ffffff";
+export const TokenComponentMenuButtonPrimaryDefaultIcon = "#ffffff";
+export const TokenComponentMenuButtonPrimaryHoverBackground = "#009cde";
+export const TokenComponentMenuButtonPrimaryHoverText = "#ffffff";
+export const TokenComponentMenuButtonPrimaryHoverIcon = "#ffffff";
+export const TokenComponentMenuButtonPrimaryPressedBackground = "#0174bc";
+export const TokenComponentMenuButtonPrimaryPressedText = "#ffffff";
+export const TokenComponentMenuButtonPrimaryPressedIcon = "#ffffff";
+export const TokenComponentMenuButtonPrimaryDisabledBackground = "#e5e5ea";
+export const TokenComponentMenuButtonPrimaryDisabledText = "#a3a3ab";
+export const TokenComponentMenuButtonPrimaryDisabledIcon = "#a3a3ab";
+export const TokenComponentMenuButtonPrimaryLoadingBackground = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDefaultBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryDefaultBorder = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDefaultText = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDefaultIcon = "#0174bc";
+export const TokenComponentMenuButtonSecondaryHoverBackground = "#edf8ff";
+export const TokenComponentMenuButtonSecondaryHoverBorder = "#009cde";
+export const TokenComponentMenuButtonSecondaryHoverText = "#0174bc";
+export const TokenComponentMenuButtonSecondaryHoverIcon = "#0174bc";
+export const TokenComponentMenuButtonSecondaryPressedBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryPressedBorder = "#0174bc";
+export const TokenComponentMenuButtonSecondaryPressedText = "#0174bc";
+export const TokenComponentMenuButtonSecondaryPressedIcon = "#0174bc";
+export const TokenComponentMenuButtonSecondaryDisabledBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryDisabledBorder = "#c2c2ca";
+export const TokenComponentMenuButtonSecondaryDisabledText = "#a3a3ab";
+export const TokenComponentMenuButtonSecondaryDisabledIcon = "#a3a3ab";
+export const TokenComponentMenuButtonSecondaryLoadingBackground = "#ffffff";
+export const TokenComponentMenuButtonSecondaryLoadingBorder = "#0174bc";
+export const TokenComponentMenuButtonLinkDefaultText = "#0174bc";
+export const TokenComponentMenuButtonLinkDefaultIcon = "#0174bc";
+export const TokenComponentMenuButtonLinkHoverText = "#009cde";
+export const TokenComponentMenuButtonLinkHoverIcon = "#009cde";
+export const TokenComponentMenuButtonLinkPressedText = "#0174bc";
+export const TokenComponentMenuButtonLinkPressedIcon = "#0174bc";
+export const TokenComponentMenuButtonLinkDisabledText = "#a3a3ab";
+export const TokenComponentMenuButtonLinkDisabledIcon = "#a3a3ab";
+export const TokenComponentOverflowMenuButtonDefaultIcon = "#3d3d42";
+export const TokenComponentOverflowMenuButtonHoverIcon = "#009cde";
+export const TokenComponentOverflowMenuButtonPressedIcon = "#0174bc";
+export const TokenComponentOverflowMenuButtonDisabledIcon = "#a3a3ab";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#009cde";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#009cde";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryActiveText = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#e5e5ea";
+export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#a3a3ab";
+export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#a3a3ab";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#0174bc";
+export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#ffffff";
+export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryDefaultText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryDefaultIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundLeft = "#edf8ff";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundRight = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderLeft = "#009cde";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderRight = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverLeftIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundLeft = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundRight = "#edf8ff";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderLeft = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderRight = "#009cde";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryHoverRightIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryActiveBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryActiveBorder = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryActiveText = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryActiveIcon = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryDisabledBorder = "#c2c2ca";
+export const TokenComponentSplitMenuButtonSecondaryDisabledText = "#a3a3ab";
+export const TokenComponentSplitMenuButtonSecondaryDisabledIcon = "#a3a3ab";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#ffffff";
+export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#0174bc";
+export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#0174bc";
+export const TokenComponentAppbarBackground = "#f7f7fa";
+export const TokenComponentAppbarBorder = "#d6d6dd";
+export const TokenComponentAppbarText = "#343438";
+export const TokenComponentAppbarIcon = "#3d3d42";
+export const TokenComponentBadgeInformativeBackground = "lch(36.7 58.2 286 / 0.12)";
+export const TokenComponentBadgeInformativeText = "#3451b2";
+export const TokenComponentBadgeNeutralBackground = "lch(34.6 3.66 286 / 0.12)";
+export const TokenComponentBadgeNeutralText = "#515157";
+export const TokenComponentBadgeWarningBackground = "lch(67.2 71.6 80.1 / 0.12)";
+export const TokenComponentBadgeWarningText = "#c25d05";
+export const TokenComponentBadgeNegativeBackground = "lch(41.2 69 32.4 / 0.12)";
+export const TokenComponentBadgeNegativeText = "#b82329";
+export const TokenComponentBadgePositiveBackground = "lch(47.6 47.7 150 / 0.12)";
+export const TokenComponentBadgePositiveText = "#138246";
+export const TokenComponentBadgeImportantBackground = "lch(38.2 75 307 / 0.12)";
+export const TokenComponentBadgeImportantText = "#753bbd";
+export const TokenComponentBadgeVioletBackground = "lch(36.2 62.1 298 / 0.12)";
+export const TokenComponentBadgeVioletText = "#5746af";
+export const TokenComponentBadgePinkBackground = "lch(47.1 72.1 347 / 0.12)";
+export const TokenComponentBadgePinkText = "#cd1d8d";
+export const TokenComponentBreadcrumbDivider = "#d6d6dd";
+export const TokenComponentBreadcrumbAppTitleText = "#0174bc";
+export const TokenComponentBreadcrumbDefaultText = "#0174bc";
+export const TokenComponentBreadcrumbTruncatedText = "#0174bc";
+export const TokenComponentBreadcrumbLastItemText = "#343438";
+export const TokenComponentBreadcrumbCollapsedBackground = "#e5e5ea";
+export const TokenComponentBreadcrumbCollapsedText = "#343438";
+export const TokenComponentBreadcrumbCollapsedIcon = "#3d3d42";
+export const TokenComponentBreadcrumbWithDropdownText = "#0174bc";
+export const TokenComponentBreadcrumbWithDropdownIcon = "#3d3d42";
+export const TokenComponentCardBackground = "#ffffff";
+export const TokenComponentCardBorder = "#d6d6dd";
+export const TokenComponentCardText = "#343438";
+export const TokenComponentCardIcon = "#3d3d42";
+export const TokenComponentCheckboxEmptyDefaultBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyDefaultBorder = "#83838c";
+export const TokenComponentCheckboxEmptyDefaultText = "#343438";
+export const TokenComponentCheckboxEmptyHoverBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyHoverBorder = "#009cde";
+export const TokenComponentCheckboxEmptyHoverText = "#343438";
+export const TokenComponentCheckboxEmptyActiveBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyActiveBorder = "#0174bc";
+export const TokenComponentCheckboxEmptyActiveText = "#343438";
+export const TokenComponentCheckboxEmptyDisabledBackground = "#e5e5ea";
+export const TokenComponentCheckboxEmptyDisabledBorder = "#c2c2ca";
+export const TokenComponentCheckboxEmptyDisabledText = "#a3a3ab";
+export const TokenComponentCheckboxEmptyReadOnlyBackground = "#ffffff";
+export const TokenComponentCheckboxEmptyReadOnlyBorder = "#c2c2ca";
+export const TokenComponentCheckboxEmptyReadOnlyText = "#343438";
+export const TokenComponentCheckboxCheckedDefaultBackground = "#0174bc";
+export const TokenComponentCheckboxCheckedDefaultText = "#343438";
+export const TokenComponentCheckboxCheckedDefaultIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedHoverBackground = "#009cde";
+export const TokenComponentCheckboxCheckedHoverText = "#343438";
+export const TokenComponentCheckboxCheckedHoverIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedActiveBackground = "#0174bc";
+export const TokenComponentCheckboxCheckedActiveText = "#343438";
+export const TokenComponentCheckboxCheckedActiveIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedDisabledBackground = "#afdef8";
+export const TokenComponentCheckboxCheckedDisabledText = "#a3a3ab";
+export const TokenComponentCheckboxCheckedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyBackground = "#ffffff";
+export const TokenComponentCheckboxCheckedReadOnlyBorder = "#c2c2ca";
+export const TokenComponentCheckboxCheckedReadOnlyText = "#343438";
+export const TokenComponentCheckboxCheckedReadOnlyIcon = "#a3a3ab";
+export const TokenComponentCheckboxIndeterminatedDefaultBackground = "#0174bc";
+export const TokenComponentCheckboxIndeterminatedDefaultText = "#343438";
+export const TokenComponentCheckboxIndeterminatedDefaultIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedHoverBackground = "#009cde";
+export const TokenComponentCheckboxIndeterminatedHoverText = "#343438";
+export const TokenComponentCheckboxIndeterminatedHoverIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedActiveBackground = "#0174bc";
+export const TokenComponentCheckboxIndeterminatedActiveText = "#343438";
+export const TokenComponentCheckboxIndeterminatedActiveIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedDisabledBackground = "#afdef8";
+export const TokenComponentCheckboxIndeterminatedDisabledText = "#a3a3ab";
+export const TokenComponentCheckboxIndeterminatedDisabledIcon = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBackground = "#ffffff";
+export const TokenComponentCheckboxIndeterminatedReadOnlyBorder = "#c2c2ca";
+export const TokenComponentCheckboxIndeterminatedReadOnlyText = "#343438";
+export const TokenComponentCheckboxIndeterminatedReadOnlyIcon = "#a3a3ab";
+export const TokenComponentContentPanelBackground = "#ffffff";
+export const TokenComponentContentPanelBorder = "#d6d6dd";
+export const TokenComponentContentPanelText = "#343438";
+export const TokenComponentContentPanelIcon = "#3d3d42";
+export const TokenComponentCalendarBackground = "#ffffff";
+export const TokenComponentCalendarBorder = "#d6d6dd";
+export const TokenComponentCalendarIcon = "#3d3d42";
+export const TokenComponentCalendarTextDefault = "#343438";
+export const TokenComponentCalendarTextDisabled = "#a3a3ab";
+export const TokenComponentCalendarSelectedItemText = "#ffffff";
+export const TokenComponentCalendarSelectedItemBackground = "#0174bc";
+export const TokenComponentCalendarHoverItemBackground = "#edf8ff";
+export const TokenComponentCalendarHoverItemText = "#343438";
+export const TokenComponentCalendarPresetAreaBackground = "#f7f7fa";
+export const TokenComponentCalendarPresetAreaHoverPeriodBackground = "#edf8ff";
+export const TokenComponentCalendarPresetAreaActivePeriodBackground = "#ceedfe";
+export const TokenComponentCalendarPresetAreaActivePeriodText = "#343438";
+export const TokenComponentDateFieldDefaultBackground = "#ffffff";
+export const TokenComponentDateFieldDefaultBorder = "#83838c";
+export const TokenComponentDateFieldDefaultText = "#696970";
+export const TokenComponentDateFieldDefaultIcon = "#3d3d42";
+export const TokenComponentDateFieldDefaultHintText = "#696970";
+export const TokenComponentDateFieldHoverBackground = "#ffffff";
+export const TokenComponentDateFieldHoverBorder = "#3d3d42";
+export const TokenComponentDateFieldHoverText = "#343438";
+export const TokenComponentDateFieldHoverIcon = "#3d3d42";
+export const TokenComponentDateFieldHoverHintText = "#696970";
+export const TokenComponentDateFieldHoverEmptyBackground = "#ffffff";
+export const TokenComponentDateFieldHoverEmptyBorder = "#3d3d42";
+export const TokenComponentDateFieldHoverEmptyText = "#696970";
+export const TokenComponentDateFieldHoverEmptyIcon = "#3d3d42";
+export const TokenComponentDateFieldHoverEmptyHintText = "#696970";
+export const TokenComponentDateFieldFilledBackground = "#ffffff";
+export const TokenComponentDateFieldFilledBorder = "#83838c";
+export const TokenComponentDateFieldFilledText = "#343438";
+export const TokenComponentDateFieldFilledIcon = "#3d3d42";
+export const TokenComponentDateFieldFilledHintText = "#696970";
+export const TokenComponentDateFieldDisabledBackground = "#ededf2";
+export const TokenComponentDateFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentDateFieldDisabledText = "#a3a3ab";
+export const TokenComponentDateFieldDisabledIcon = "#a3a3ab";
+export const TokenComponentDateFieldDisabledHintText = "#696970";
+export const TokenComponentDateFieldReadOnlyBackground = "#ffffff";
+export const TokenComponentDateFieldReadOnlyText = "#343438";
+export const TokenComponentDateFieldReadOnlyHintText = "#696970";
+export const TokenComponentDateFieldErrorBackground = "#ffffff";
+export const TokenComponentDateFieldErrorBorder = "#d63c42";
+export const TokenComponentDateFieldErrorText = "#343438";
+export const TokenComponentDateFieldErrorIcon = "#3d3d42";
+export const TokenComponentDateFieldErrorHintText = "#b82329";
+export const TokenComponentDateFieldFocusBackground = "#ffffff";
+export const TokenComponentDateFieldFocusBorder = "#0174bc";
+export const TokenComponentDateFieldFocusText = "#696970";
+export const TokenComponentDateFieldFocusIcon = "#0174bc";
+export const TokenComponentDateFieldFocusHintText = "#696970";
+export const TokenComponentDatePickerDefaultIcon = "#3d3d42";
+export const TokenComponentDatePickerHoverIcon = "#009cde";
+export const TokenComponentDatePickerFilledIcon = "#0174bc";
+export const TokenComponentDatePickerDisabledIcon = "#a3a3ab";
+export const TokenComponentDatePickerFocusIcon = "#0174bc";
+export const TokenComponentDateRangePickerDefaultIcon = "#3d3d42";
+export const TokenComponentDateRangePickerHoverIcon = "#009cde";
+export const TokenComponentDateRangePickerFilledIcon = "#0174bc";
+export const TokenComponentDateRangePickerDisabledIcon = "#a3a3ab";
+export const TokenComponentDateRangePickerFocusIcon = "#0174bc";
+export const TokenComponentDateRangeFieldDefaultBackground = "#ffffff";
+export const TokenComponentDateRangeFieldDefaultBorder = "#83838c";
+export const TokenComponentDateRangeFieldDefaultText = "#696970";
+export const TokenComponentDateRangeFieldDefaultIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldDefaultHintText = "#696970";
+export const TokenComponentDateRangeFieldHoverBackground = "#ffffff";
+export const TokenComponentDateRangeFieldHoverBorder = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverText = "#343438";
+export const TokenComponentDateRangeFieldHoverIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverHintText = "#696970";
+export const TokenComponentDateRangeFieldHoverEmptyBackground = "#ffffff";
+export const TokenComponentDateRangeFieldHoverEmptyBorder = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverEmptyText = "#696970";
+export const TokenComponentDateRangeFieldHoverEmptyIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldHoverEmptyHintText = "#696970";
+export const TokenComponentDateRangeFieldFilledBackground = "#ffffff";
+export const TokenComponentDateRangeFieldFilledBorder = "#83838c";
+export const TokenComponentDateRangeFieldFilledText = "#343438";
+export const TokenComponentDateRangeFieldFilledIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldFilledHintText = "#696970";
+export const TokenComponentDateRangeFieldFilledPlaceholderItemText = "#696970";
+export const TokenComponentDateRangeFieldDisabledBackground = "#ededf2";
+export const TokenComponentDateRangeFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentDateRangeFieldDisabledText = "#a3a3ab";
+export const TokenComponentDateRangeFieldDisabledIcon = "#a3a3ab";
+export const TokenComponentDateRangeFieldDisabledHintText = "#696970";
+export const TokenComponentDateRangeFieldReadOnlyBackground = "#ffffff";
+export const TokenComponentDateRangeFieldReadOnlyText = "#343438";
+export const TokenComponentDateRangeFieldReadOnlyHintText = "#696970";
+export const TokenComponentDateRangeFieldErrorBackground = "#ffffff";
+export const TokenComponentDateRangeFieldErrorBorder = "#d63c42";
+export const TokenComponentDateRangeFieldErrorText = "#343438";
+export const TokenComponentDateRangeFieldErrorIcon = "#3d3d42";
+export const TokenComponentDateRangeFieldErrorHintText = "#b82329";
+export const TokenComponentDateRangeFieldFocusBackground = "#ffffff";
+export const TokenComponentDateRangeFieldFocusBorder = "#0174bc";
+export const TokenComponentDateRangeFieldFocusText = "#696970";
+export const TokenComponentDateRangeFieldFocusIcon = "#0174bc";
+export const TokenComponentDateRangeFieldFocusHintText = "#696970";
+export const TokenComponentDateRangeFieldFocusPlaceholderItemText = "#696970";
+export const TokenComponentDateRangeInputDefaultBackground = "#ffffff";
+export const TokenComponentDateRangeInputDefaultBorder = "#83838c";
+export const TokenComponentDateRangeInputDefaultText = "#696970";
+export const TokenComponentDateRangeInputDefaultIcon = "#3d3d42";
+export const TokenComponentDateRangeInputDefaultHintText = "#696970";
+export const TokenComponentDateRangeInputHoverBackground = "#ffffff";
+export const TokenComponentDateRangeInputHoverBorder = "#3d3d42";
+export const TokenComponentDateRangeInputHoverText = "#343438";
+export const TokenComponentDateRangeInputHoverIcon = "#3d3d42";
+export const TokenComponentDateRangeInputHoverHintText = "#696970";
+export const TokenComponentDateRangeInputActivePeriodBackground = "#ffffff";
+export const TokenComponentDateRangeInputActivePeriodBorder = "#3d3d42";
+export const TokenComponentDateRangeInputActivePeriodText = "#343438";
+export const TokenComponentDateRangeInputActivePeriodIcon = "#3d3d42";
+export const TokenComponentDateRangeInputActivePeriodHintText = "#696970";
+export const TokenComponentDateRangeInputActivePeriodActiveItemBackground = "#edf8ff";
+export const TokenComponentDateRangeInputActivePeriodActiveItemText = "#696970";
+export const TokenComponentDateRangeInputFilledBackground = "#ffffff";
+export const TokenComponentDateRangeInputFilledBorder = "#83838c";
+export const TokenComponentDateRangeInputFilledText = "#343438";
+export const TokenComponentDateRangeInputFilledIcon = "#3d3d42";
+export const TokenComponentDateRangeInputFilledHintText = "#696970";
+export const TokenComponentDateRangeInputFilledPlaceholderItemText = "#696970";
+export const TokenComponentDateRangeInputDisabledBackground = "#ffffff";
+export const TokenComponentDateRangeInputDisabledBorder = "#c2c2ca";
+export const TokenComponentDateRangeInputDisabledText = "#a3a3ab";
+export const TokenComponentDateRangeInputDisabledIcon = "#a3a3ab";
+export const TokenComponentDateRangeInputDisabledHintText = "#696970";
+export const TokenComponentDateRangeInputReadOnlyBackground = "#ffffff";
+export const TokenComponentDateRangeInputReadOnlyText = "#343438";
+export const TokenComponentDateRangeInputReadOnlyHintText = "#696970";
+export const TokenComponentDateRangeInputErrorBackground = "#ffffff";
+export const TokenComponentDateRangeInputErrorBorder = "#d63c42";
+export const TokenComponentDateRangeInputErrorText = "#343438";
+export const TokenComponentDateRangeInputErrorIcon = "#3d3d42";
+export const TokenComponentDateRangeInputErrorHintText = "#b82329";
+export const TokenComponentDateRangeInputFocusBackground = "#ffffff";
+export const TokenComponentDateRangeInputFocusBorder = "#0174bc";
+export const TokenComponentDateRangeInputFocusText = "#343438";
+export const TokenComponentDateRangeInputFocusIcon = "#0174bc";
+export const TokenComponentDateRangeInputFocusHintText = "#696970";
+export const TokenComponentDateRangeInputFocusPlaceholderItemText = "#696970";
+export const TokenComponentDividerBorder = "#d6d6dd";
+export const TokenComponentDrawerBackground = "#ffffff";
+export const TokenComponentDrawerText = "#343438";
+export const TokenComponentDrawerIconDefault = "#3d3d42";
+export const TokenComponentDrawerIconDisabled = "#a3a3ab";
+export const TokenComponentDropdownIconDefault = "#3d3d42";
+export const TokenComponentDropdownIconDisabled = "#a3a3ab";
+export const TokenComponentDropdownTextDefault = "#343438";
+export const TokenComponentDropdownTextLink = "#0174bc";
+export const TokenComponentDropdownTextDescription = "#696970";
+export const TokenComponentDropdownTextDisabled = "#a3a3ab";
+export const TokenComponentDropdownBackgroundDefault = "#ffffff";
+export const TokenComponentDropdownBackgroundHover = "#edf8ff";
+export const TokenComponentDropdownBackgroundCategory = "#f7f7fa";
+export const TokenComponentGlobalHeaderBackground = "#232326";
+export const TokenComponentGlobalHeaderBorder = "#3d3d42";
+export const TokenComponentGlobalHeaderIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderIconHover = "#ffffff";
+export const TokenComponentGlobalHeaderTextDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderTextHover = "#ffffff";
+export const TokenComponentGlobalHeaderSearchBackground = "#3d3d42";
+export const TokenComponentGlobalHeaderSearchTextPlaceholder = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchTextFilled = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconDefault = "#d6d6dd";
+export const TokenComponentGlobalHeaderSearchIconActive = "#ffffff";
+export const TokenComponentGlobalHeaderSearchIconHover = "#ffffff";
+export const TokenComponentGlobalFooterBackground = "#232326";
+export const TokenComponentGlobalFooterTextDefault = "#d6d6dd";
+export const TokenComponentGlobalFooterTextHover = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldDefaultBorder = "#83838c";
+export const TokenComponentGroupSelectFieldDefaultText = "#696970";
+export const TokenComponentGroupSelectFieldDefaultIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldDefaultHintText = "#696970";
+export const TokenComponentGroupSelectFieldDefaultInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldHoverBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldHoverBorder = "#3d3d42";
+export const TokenComponentGroupSelectFieldHoverText = "#696970";
+export const TokenComponentGroupSelectFieldHoverIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldHoverHintText = "#696970";
+export const TokenComponentGroupSelectFieldHoverInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldSelectedBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldSelectedBorder = "#83838c";
+export const TokenComponentGroupSelectFieldSelectedText = "#343438";
+export const TokenComponentGroupSelectFieldSelectedIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldSelectedHintText = "#696970";
+export const TokenComponentGroupSelectFieldSelectedInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldDisabledBackground = "#ededf2";
+export const TokenComponentGroupSelectFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentGroupSelectFieldDisabledText = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledIcon = "#a3a3ab";
+export const TokenComponentGroupSelectFieldDisabledHintText = "#696970";
+export const TokenComponentGroupSelectFieldDisabledInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldReadOnlyBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldReadOnlyText = "#343438";
+export const TokenComponentGroupSelectFieldReadOnlyHintText = "#696970";
+export const TokenComponentGroupSelectFieldReadOnlyInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldErrorBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldErrorBorder = "#d63c42";
+export const TokenComponentGroupSelectFieldErrorText = "#343438";
+export const TokenComponentGroupSelectFieldErrorIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldErrorHintText = "#b82329";
+export const TokenComponentGroupSelectFieldErrorInfoIcon = "#696970";
+export const TokenComponentGroupSelectFieldFocusBackground = "#ffffff";
+export const TokenComponentGroupSelectFieldFocusBorder = "#0174bc";
+export const TokenComponentGroupSelectFieldFocusText = "#343438";
+export const TokenComponentGroupSelectFieldFocusIcon = "#3d3d42";
+export const TokenComponentGroupSelectFieldFocusHintText = "#696970";
+export const TokenComponentGroupSelectFieldFocusInfoIcon = "#696970";
+export const TokenComponentGroupSelectDropdownIcon = "#3d3d42";
+export const TokenComponentGroupSelectDropdownText = "#343438";
+export const TokenComponentGroupSelectDropdownBackgroundDefault = "#ffffff";
+export const TokenComponentGroupSelectDropdownBackgroundHover = "#edf8ff";
+export const TokenComponentInlineEditText = "#343438";
+export const TokenComponentInlineEditIconDefault = "#3d3d42";
+export const TokenComponentInlineEditIconHover = "#009cde";
+export const TokenComponentInlineEditAcceptIconDefault = "#0174bc";
+export const TokenComponentInlineEditAcceptIconHover = "#009cde";
+export const TokenComponentInlineEditAcceptIconDisabled = "#a3a3ab";
+export const TokenComponentKpiBarText = "#3d3d42";
+export const TokenComponentKpiBarBorder = "#d6d6dd";
+export const TokenComponentKpiBarIconDefault = "#3d3d42";
+export const TokenComponentKpiBarIconHover = "#009cde";
+export const TokenComponentKpiBarIconActive = "#0174bc";
+export const TokenComponentKpiBarItemNeutralDefaultLabel = "#515157";
+export const TokenComponentKpiBarItemNeutralDefaultText = "#696970";
+export const TokenComponentKpiBarItemNeutralDefaultIcon = "#515157";
+export const TokenComponentKpiBarItemNeutralHoverLabel = "#515157";
+export const TokenComponentKpiBarItemNeutralHoverText = "#696970";
+export const TokenComponentKpiBarItemNeutralHoverBackground = "lch(34.6 3.66 286 / 0.12)";
+export const TokenComponentKpiBarItemNeutralHoverIcon = "#515157";
+export const TokenComponentKpiBarItemNeutralActiveLabel = "#515157";
+export const TokenComponentKpiBarItemNeutralActiveText = "#343438";
+export const TokenComponentKpiBarItemNeutralActiveBorder = "#515157";
+export const TokenComponentKpiBarItemNeutralActiveIcon = "#515157";
+export const TokenComponentKpiBarItemGreenDefaultLabel = "#138246";
+export const TokenComponentKpiBarItemGreenDefaultText = "#696970";
+export const TokenComponentKpiBarItemGreenHoverLabel = "#138246";
+export const TokenComponentKpiBarItemGreenHoverText = "#696970";
+export const TokenComponentKpiBarItemGreenHoverBackground = "lch(47.6 47.7 150 / 0.12)";
+export const TokenComponentKpiBarItemGreenActiveLabel = "#138246";
+export const TokenComponentKpiBarItemGreenActiveText = "#343438";
+export const TokenComponentKpiBarItemGreenActiveBorder = "#138246";
+export const TokenComponentKpiBarItemOrangeDefaultLabel = "#c25d05";
+export const TokenComponentKpiBarItemOrangeDefaultText = "#696970";
+export const TokenComponentKpiBarItemOrangeHoverLabel = "#c25d05";
+export const TokenComponentKpiBarItemOrangeHoverText = "#696970";
+export const TokenComponentKpiBarItemOrangeHoverBackground = "lch(67.2 71.6 80.1 / 0.12)";
+export const TokenComponentKpiBarItemOrangeActiveLabel = "#c25d05";
+export const TokenComponentKpiBarItemOrangeActiveText = "#343438";
+export const TokenComponentKpiBarItemOrangeActiveBorder = "#c25d05";
+export const TokenComponentKpiBarItemPurpleDefaultLabel = "#753bbd";
+export const TokenComponentKpiBarItemPurpleDefaultText = "#696970";
+export const TokenComponentKpiBarItemPurpleHoverLabel = "#753bbd";
+export const TokenComponentKpiBarItemPurpleHoverText = "#696970";
+export const TokenComponentKpiBarItemPurpleHoverBackground = "lch(38.2 75 307 / 0.12)";
+export const TokenComponentKpiBarItemPurpleActiveLabel = "#753bbd";
+export const TokenComponentKpiBarItemPurpleActiveText = "#343438";
+export const TokenComponentKpiBarItemPurpleActiveBorder = "#753bbd";
+export const TokenComponentKpiBarItemRedDefaultLabel = "#b82329";
+export const TokenComponentKpiBarItemRedDefaultText = "#696970";
+export const TokenComponentKpiBarItemRedHoverLabel = "#b82329";
+export const TokenComponentKpiBarItemRedHoverText = "#696970";
+export const TokenComponentKpiBarItemRedHoverBackground = "lch(41.2 69 32.4 / 0.12)";
+export const TokenComponentKpiBarItemRedActiveLabel = "#b82329";
+export const TokenComponentKpiBarItemRedActiveText = "#343438";
+export const TokenComponentKpiBarItemRedActiveBorder = "#b82329";
+export const TokenComponentKpiBarItemUltramarineDefaultLabel = "#3451b2";
+export const TokenComponentKpiBarItemUltramarineDefaultText = "#696970";
+export const TokenComponentKpiBarItemUltramarineHoverLabel = "#3451b2";
+export const TokenComponentKpiBarItemUltramarineHoverText = "#696970";
+export const TokenComponentKpiBarItemUltramarineHoverBackground = "lch(36.7 58.2 286 / 0.12)";
+export const TokenComponentKpiBarItemUltramarineActiveLabel = "#3451b2";
+export const TokenComponentKpiBarItemUltramarineActiveText = "#343438";
+export const TokenComponentKpiBarItemUltramarineActiveBorder = "#3451b2";
+export const TokenComponentKpiBarItemPinkDefaultLabel = "#cd1d8d";
+export const TokenComponentKpiBarItemPinkDefaultText = "#696970";
+export const TokenComponentKpiBarItemPinkHoverLabel = "#cd1d8d";
+export const TokenComponentKpiBarItemPinkHoverText = "#696970";
+export const TokenComponentKpiBarItemPinkHoverBackground = "lch(47.1 72.1 347 / 0.12)";
+export const TokenComponentKpiBarItemPinkActiveLabel = "#cd1d8d";
+export const TokenComponentKpiBarItemPinkActiveText = "#343438";
+export const TokenComponentKpiBarItemPinkActiveBorder = "#cd1d8d";
+export const TokenComponentLabelText = "#343438";
+export const TokenComponentLabelIcon = "#3d3d42";
+export const TokenComponentLabelInfoIcon = "#696970";
+export const TokenComponentListText = "#343438";
+export const TokenComponentListBorder = "#d6d6dd";
+export const TokenComponentListIconDefault = "#3d3d42";
+export const TokenComponentListIconHover = "#009cde";
+export const TokenComponentListIconActive = "#0174bc";
+export const TokenComponentListBackgroundDefault = "#ffffff";
+export const TokenComponentListBackgroundHover = "#edf8ff";
+export const TokenComponentMasterSwitchContentBackground = "#ffffff";
+export const TokenComponentMasterSwitchSideBackground = "#f7f7fa";
+export const TokenComponentMasterSwitchText = "#343438";
+export const TokenComponentMasterSwitchIcon = "#3d3d42";
+export const TokenComponentModalBackground = "#ffffff";
+export const TokenComponentModalIcon = "#3d3d42";
+export const TokenComponentModalTextDefault = "#343438";
+export const TokenComponentModalTextDescription = "#696970";
+export const TokenComponentNotificationBannerText = "#343438";
+export const TokenComponentNotificationBannerIcon = "#3d3d42";
+export const TokenComponentNotificationBannerInformativeBackground = "#f0f4ff";
+export const TokenComponentNotificationBannerInformativeBorder = "#4067e5";
+export const TokenComponentNotificationBannerInformativeStatusIcon = "#4067e5";
+export const TokenComponentNotificationBannerTipBackground = "#f0f4ff";
+export const TokenComponentNotificationBannerTipBorder = "#4067e5";
+export const TokenComponentNotificationBannerTipStatusIcon = "#4067e5";
+export const TokenComponentNotificationBannerWarningBackground = "#fff4d5";
+export const TokenComponentNotificationBannerWarningBorder = "#fecb34";
+export const TokenComponentNotificationBannerWarningStatusIcon = "#fecb34";
+export const TokenComponentNotificationBannerSuccessBackground = "#ebf9eb";
+export const TokenComponentNotificationBannerSuccessBorder = "#00b050";
+export const TokenComponentNotificationBannerSuccessStatusIcon = "#00b050";
+export const TokenComponentNotificationBannerErrorBackground = "#ffefef";
+export const TokenComponentNotificationBannerErrorBorder = "#d63c42";
+export const TokenComponentNotificationBannerErrorStatusIcon = "#d63c42";
+export const TokenComponentNotificationBannerSecondaryBackground = "#e5e5ea";
+export const TokenComponentNotificationBannerSecondaryBorder = "#343438";
+export const TokenComponentNotificationBannerSecondaryStatusIcon = "#3d3d42";
+export const TokenComponentNotificationToastText = "#343438";
+export const TokenComponentNotificationToastIcon = "#3d3d42";
+export const TokenComponentNotificationToastInformativeBackground = "#f0f4ff";
+export const TokenComponentNotificationToastInformativeIconBackground = "#4067e5";
+export const TokenComponentNotificationToastInformativeBorder = "#4067e5";
+export const TokenComponentNotificationToastInformativeStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastTipBackground = "#f0f4ff";
+export const TokenComponentNotificationToastTipIconBackground = "#4067e5";
+export const TokenComponentNotificationToastTipBorder = "#4067e5";
+export const TokenComponentNotificationToastTipStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastWarningBackground = "#fff4d5";
+export const TokenComponentNotificationToastWarningIconBackground = "#fecb34";
+export const TokenComponentNotificationToastWarningBorder = "#fecb34";
+export const TokenComponentNotificationToastWarningStatusIcon = "#3d3d42";
+export const TokenComponentNotificationToastSuccessBackground = "#ebf9eb";
+export const TokenComponentNotificationToastSuccessIconBackground = "#00b050";
+export const TokenComponentNotificationToastSuccessBorder = "#00b050";
+export const TokenComponentNotificationToastSuccessStatusIcon = "#ffffff";
+export const TokenComponentNotificationToastErrorBackground = "#ffefef";
+export const TokenComponentNotificationToastErrorIconBackground = "#d63c42";
+export const TokenComponentNotificationToastErrorBorder = "#d63c42";
+export const TokenComponentNotificationToastErrorStatusIcon = "#ffffff";
+export const TokenComponentPaginationBackground = "#ffffff";
+export const TokenComponentPaginationBorder = "#d6d6dd";
+export const TokenComponentPaginationTextDefault = "#343438";
+export const TokenComponentPaginationTextLink = "#0174bc";
+export const TokenComponentPaginationTextHover = "#009cde";
+export const TokenComponentPaginationTextDisabled = "#a3a3ab";
+export const TokenComponentPaginationIconDefault = "#3d3d42";
+export const TokenComponentPaginationIconHover = "#009cde";
+export const TokenComponentPaginationIconActive = "#0174bc";
+export const TokenComponentPaginationIconDisabled = "#a3a3ab";
+export const TokenComponentPopoverBackground = "#ffffff";
+export const TokenComponentPopoverBorder = "#d6d6dd";
+export const TokenComponentPopoverIcon = "#3d3d42";
+export const TokenComponentPopoverTextDefault = "#343438";
+export const TokenComponentPopoverTextLinkDefault = "#0174bc";
+export const TokenComponentPopoverTextLinkHover = "#009cde";
+export const TokenComponentProgressBarTextDefault = "#343438";
+export const TokenComponentProgressBarTextLinkDefault = "#0174bc";
+export const TokenComponentProgressBarTextLinkHover = "#009cde";
+export const TokenComponentProgressBarStatusLineDefault = "#e5e5ea";
+export const TokenComponentProgressBarStatusLineSuccess = "#00b050";
+export const TokenComponentProgressBarStatusLineError = "#d63c42";
+export const TokenComponentNumericSpinnerDefaultBackground = "#ffffff";
+export const TokenComponentNumericSpinnerDefaultBorder = "#83838c";
+export const TokenComponentNumericSpinnerDefaultText = "#696970";
+export const TokenComponentNumericSpinnerDefaultIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerDefaultHintText = "#696970";
+export const TokenComponentNumericSpinnerHoverBackground = "#ffffff";
+export const TokenComponentNumericSpinnerHoverBorder = "#3d3d42";
+export const TokenComponentNumericSpinnerHoverText = "#696970";
+export const TokenComponentNumericSpinnerHoverIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerHoverHintText = "#696970";
+export const TokenComponentNumericSpinnerFilledBackground = "#ffffff";
+export const TokenComponentNumericSpinnerFilledBorder = "#83838c";
+export const TokenComponentNumericSpinnerFilledText = "#343438";
+export const TokenComponentNumericSpinnerFilledIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerFilledHintText = "#696970";
+export const TokenComponentNumericSpinnerDisabledBackground = "#ededf2";
+export const TokenComponentNumericSpinnerDisabledBorder = "#c2c2ca";
+export const TokenComponentNumericSpinnerDisabledText = "#a3a3ab";
+export const TokenComponentNumericSpinnerDisabledIcon = "#a3a3ab";
+export const TokenComponentNumericSpinnerDisabledHintText = "#696970";
+export const TokenComponentNumericSpinnerReadOnlyBackground = "#ffffff";
+export const TokenComponentNumericSpinnerReadOnlyText = "#343438";
+export const TokenComponentNumericSpinnerReadOnlyHintText = "#696970";
+export const TokenComponentNumericSpinnerErrorBackground = "#ffffff";
+export const TokenComponentNumericSpinnerErrorBorder = "#d63c42";
+export const TokenComponentNumericSpinnerErrorText = "#343438";
+export const TokenComponentNumericSpinnerErrorIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerErrorHintText = "#b82329";
+export const TokenComponentNumericSpinnerFocusBackground = "#ffffff";
+export const TokenComponentNumericSpinnerFocusBorder = "#0174bc";
+export const TokenComponentNumericSpinnerFocusText = "#696970";
+export const TokenComponentNumericSpinnerFocusIcon = "#3d3d42";
+export const TokenComponentNumericSpinnerFocusHintText = "#696970";
+export const TokenComponentRadioButtonInactiveDefaultBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveDefaultBorder = "#83838c";
+export const TokenComponentRadioButtonInactiveDefaultText = "#343438";
+export const TokenComponentRadioButtonInactiveHoverBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveHoverBorder = "#009cde";
+export const TokenComponentRadioButtonInactiveHoverText = "#343438";
+export const TokenComponentRadioButtonInactiveActiveBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveActiveBorder = "#0174bc";
+export const TokenComponentRadioButtonInactiveActiveText = "#343438";
+export const TokenComponentRadioButtonInactiveDisabledBackground = "#e5e5ea";
+export const TokenComponentRadioButtonInactiveDisabledBorder = "#c2c2ca";
+export const TokenComponentRadioButtonInactiveDisabledText = "#a3a3ab";
+export const TokenComponentRadioButtonInactiveReadOnlyBackground = "#ffffff";
+export const TokenComponentRadioButtonInactiveReadOnlyBorder = "#c2c2ca";
+export const TokenComponentRadioButtonInactiveReadOnlyText = "#343438";
+export const TokenComponentRadioButtonActiveDefaultBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveDefaultBorder = "#0174bc";
+export const TokenComponentRadioButtonActiveDefaultText = "#343438";
+export const TokenComponentRadioButtonActiveHoverBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveHoverBorder = "#009cde";
+export const TokenComponentRadioButtonActiveHoverText = "#343438";
+export const TokenComponentRadioButtonActiveActiveBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveActiveBorder = "#0174bc";
+export const TokenComponentRadioButtonActiveActiveText = "#343438";
+export const TokenComponentRadioButtonActiveDisabledBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveDisabledBorder = "#afdef8";
+export const TokenComponentRadioButtonActiveDisabledText = "#a3a3ab";
+export const TokenComponentRadioButtonActiveReadOnlyBackground = "#ffffff";
+export const TokenComponentRadioButtonActiveReadOnlyBorder = "#c2c2ca";
+export const TokenComponentRadioButtonActiveReadOnlyText = "#343438";
+export const TokenComponentSearchDefaultBackground = "#ffffff";
+export const TokenComponentSearchDefaultBorder = "#83838c";
+export const TokenComponentSearchDefaultText = "#696970";
+export const TokenComponentSearchDefaultIcon = "#3d3d42";
+export const TokenComponentSearchDefaultHintText = "#696970";
+export const TokenComponentSearchDefaultSearchIcon = "#696970";
+export const TokenComponentSearchHoverBackground = "#ffffff";
+export const TokenComponentSearchHoverBorder = "#3d3d42";
+export const TokenComponentSearchHoverText = "#696970";
+export const TokenComponentSearchHoverIcon = "#3d3d42";
+export const TokenComponentSearchHoverHintText = "#696970";
+export const TokenComponentSearchHoverSearchIcon = "#696970";
+export const TokenComponentSearchFilledBackground = "#ffffff";
+export const TokenComponentSearchFilledBorder = "#83838c";
+export const TokenComponentSearchFilledText = "#343438";
+export const TokenComponentSearchFilledIcon = "#3d3d42";
+export const TokenComponentSearchFilledHintText = "#696970";
+export const TokenComponentSearchFilledSearchIcon = "#696970";
+export const TokenComponentSearchDisabledBackground = "#ededf2";
+export const TokenComponentSearchDisabledBorder = "#c2c2ca";
+export const TokenComponentSearchDisabledText = "#a3a3ab";
+export const TokenComponentSearchDisabledIcon = "#a3a3ab";
+export const TokenComponentSearchDisabledHintText = "#696970";
+export const TokenComponentSearchDisabledSearchIcon = "#a3a3ab";
+export const TokenComponentSearchErrorBackground = "#ffffff";
+export const TokenComponentSearchErrorBorder = "#d63c42";
+export const TokenComponentSearchErrorText = "#343438";
+export const TokenComponentSearchErrorIcon = "#3d3d42";
+export const TokenComponentSearchErrorHintText = "#b82329";
+export const TokenComponentSearchErrorSearchIcon = "#696970";
+export const TokenComponentSearchFocusEmptyBackground = "#ffffff";
+export const TokenComponentSearchFocusEmptyBorder = "#0174bc";
+export const TokenComponentSearchFocusEmptyText = "#696970";
+export const TokenComponentSearchFocusEmptyIcon = "#3d3d42";
+export const TokenComponentSearchFocusEmptyHintText = "#696970";
+export const TokenComponentSearchFocusEmptySearchIcon = "#696970";
+export const TokenComponentSearchFocusBackground = "#ffffff";
+export const TokenComponentSearchFocusBorder = "#0174bc";
+export const TokenComponentSearchFocusText = "#343438";
+export const TokenComponentSearchFocusIcon = "#3d3d42";
+export const TokenComponentSearchFocusHintText = "#696970";
+export const TokenComponentSearchFocusSearchIcon = "#696970";
+export const TokenComponentSegmentedButtonDefaultBackground = "#ffffff";
+export const TokenComponentSegmentedButtonDefaultBorder = "#0174bc";
+export const TokenComponentSegmentedButtonDefaultText = "#0174bc";
+export const TokenComponentSegmentedButtonDefaultIcon = "#0174bc";
+export const TokenComponentSegmentedButtonHoverBackground = "#edf8ff";
+export const TokenComponentSegmentedButtonHoverBorder = "#009cde";
+export const TokenComponentSegmentedButtonHoverText = "#0174bc";
+export const TokenComponentSegmentedButtonHoverIcon = "#0174bc";
+export const TokenComponentSegmentedButtonDisabledBackground = "#ffffff";
+export const TokenComponentSegmentedButtonDisabledBorder = "#c2c2ca";
+export const TokenComponentSegmentedButtonDisabledText = "#a3a3ab";
+export const TokenComponentSegmentedButtonDisabledIcon = "#a3a3ab";
+export const TokenComponentSegmentedButtonDisabledCheckedBackground = "#e5e5ea";
+export const TokenComponentSegmentedButtonDisabledCheckedBorder = "#c2c2ca";
+export const TokenComponentSegmentedButtonDisabledCheckedText = "#a3a3ab";
+export const TokenComponentSegmentedButtonDisabledCheckedIcon = "#a3a3ab";
+export const TokenComponentSegmentedButtonActiveBackground = "#0174bc";
+export const TokenComponentSegmentedButtonActiveBorder = "#0174bc";
+export const TokenComponentSegmentedButtonActiveText = "#ffffff";
+export const TokenComponentSegmentedButtonActiveIcon = "#ffffff";
+export const TokenComponentSideNavigationIcon = "#3d3d42";
+export const TokenComponentSideNavigationBorder = "#d6d6dd";
+export const TokenComponentSideNavigationBackgroundDefault = "#f7f7fa";
+export const TokenComponentSideNavigationBackgroundSecondLevel = "#ffffff";
+export const TokenComponentSideNavigationDefaultMenuItemBackground = "#f7f7fa";
+export const TokenComponentSideNavigationDefaultMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationDefaultMenuItemText = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemLabelText = "#343438";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBackground = "#f7f7fa";
+export const TokenComponentSideNavigationDefaultMenuItemLabelBorder = "#d6d6dd";
+export const TokenComponentSideNavigationHoverMenuItemBackground = "#edf8ff";
+export const TokenComponentSideNavigationHoverMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationHoverMenuItemText = "#343438";
+export const TokenComponentSideNavigationHoverMenuItemLabelText = "#343438";
+export const TokenComponentSideNavigationHoverMenuItemLabelBackground = "#f7f7fa";
+export const TokenComponentSideNavigationHoverMenuItemLabelBorder = "#d6d6dd";
+export const TokenComponentSideNavigationSelectedMenuItemBackground = "#ceedfe";
+export const TokenComponentSideNavigationSelectedMenuItemIcon = "#3d3d42";
+export const TokenComponentSideNavigationSelectedMenuItemText = "#343438";
+export const TokenComponentSideNavigationSelectedMenuItemLabelText = "#ffffff";
+export const TokenComponentSideNavigationSelectedMenuItemLabelBackground = "#0174bc";
+export const TokenComponentSelectDefaultBackground = "#ffffff";
+export const TokenComponentSelectDefaultBorder = "#83838c";
+export const TokenComponentSelectDefaultText = "#696970";
+export const TokenComponentSelectDefaultIcon = "#3d3d42";
+export const TokenComponentSelectDefaultHintText = "#696970";
+export const TokenComponentSelectDefaultInfoIcon = "#696970";
+export const TokenComponentSelectHoverBackground = "#ffffff";
+export const TokenComponentSelectHoverBorder = "#3d3d42";
+export const TokenComponentSelectHoverText = "#696970";
+export const TokenComponentSelectHoverIcon = "#3d3d42";
+export const TokenComponentSelectHoverHintText = "#696970";
+export const TokenComponentSelectHoverInfoIcon = "#696970";
+export const TokenComponentSelectFilledBackground = "#ffffff";
+export const TokenComponentSelectFilledBorder = "#83838c";
+export const TokenComponentSelectFilledText = "#343438";
+export const TokenComponentSelectFilledIcon = "#3d3d42";
+export const TokenComponentSelectFilledHintText = "#696970";
+export const TokenComponentSelectFilledInfoIcon = "#696970";
+export const TokenComponentSelectDisabledBackground = "#ededf2";
+export const TokenComponentSelectDisabledBorder = "#c2c2ca";
+export const TokenComponentSelectDisabledText = "#a3a3ab";
+export const TokenComponentSelectDisabledIcon = "#a3a3ab";
+export const TokenComponentSelectDisabledHintText = "#696970";
+export const TokenComponentSelectDisabledInfoIcon = "#696970";
+export const TokenComponentSelectErrorBackground = "#ffffff";
+export const TokenComponentSelectErrorBorder = "#d63c42";
+export const TokenComponentSelectErrorText = "#343438";
+export const TokenComponentSelectErrorIcon = "#3d3d42";
+export const TokenComponentSelectErrorHintText = "#b82329";
+export const TokenComponentSelectErrorInfoIcon = "#696970";
+export const TokenComponentSelectFocusEmptyBackground = "#ffffff";
+export const TokenComponentSelectFocusEmptyBorder = "#0174bc";
+export const TokenComponentSelectFocusEmptyText = "#696970";
+export const TokenComponentSelectFocusEmptyIcon = "#3d3d42";
+export const TokenComponentSelectFocusEmptyHintText = "#696970";
+export const TokenComponentSelectFocusEmptyInfoIcon = "#696970";
+export const TokenComponentSelectFocusBackground = "#ffffff";
+export const TokenComponentSelectFocusBorder = "#0174bc";
+export const TokenComponentSelectFocusText = "#343438";
+export const TokenComponentSelectFocusIcon = "#3d3d42";
+export const TokenComponentSelectFocusHintText = "#696970";
+export const TokenComponentSelectFocusInfoIcon = "#696970";
+export const TokenComponentSelectReadOnlyBackground = "#ffffff";
+export const TokenComponentSelectReadOnlyText = "#343438";
+export const TokenComponentSidePanelBackground = "#ffffff";
+export const TokenComponentSidePanelText = "#343438";
+export const TokenComponentSidePanelBorder = "#d6d6dd";
+export const TokenComponentSidePanelIconDefault = "#3d3d42";
+export const TokenComponentSidePanelIconHover = "#009cde";
+export const TokenComponentSwitchActiveDefaultBackground = "#0174bc";
+export const TokenComponentSwitchActiveDefaultIcon = "#ffffff";
+export const TokenComponentSwitchActiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchActiveDefaultText = "#343438";
+export const TokenComponentSwitchActiveHoverBackground = "#009cde";
+export const TokenComponentSwitchActiveHoverIcon = "#ffffff";
+export const TokenComponentSwitchActiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchActiveHoverText = "#343438";
+export const TokenComponentSwitchActiveFocusBackground = "#0174bc";
+export const TokenComponentSwitchActiveFocusIcon = "#ffffff";
+export const TokenComponentSwitchActiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchActiveFocusText = "#343438";
+export const TokenComponentSwitchActiveDisabledBackground = "#afdef8";
+export const TokenComponentSwitchActiveDisabledIcon = "#a3a3ab";
+export const TokenComponentSwitchActiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchActiveDisabledText = "#a3a3ab";
+export const TokenComponentSwitchInactiveDefaultBackground = "#83838c";
+export const TokenComponentSwitchInactiveDefaultCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDefaultText = "#343438";
+export const TokenComponentSwitchInactiveHoverBackground = "#a3a3ab";
+export const TokenComponentSwitchInactiveHoverCircle = "#ffffff";
+export const TokenComponentSwitchInactiveHoverText = "#343438";
+export const TokenComponentSwitchInactiveFocusBackground = "#83838c";
+export const TokenComponentSwitchInactiveFocusCircle = "#ffffff";
+export const TokenComponentSwitchInactiveFocusText = "#343438";
+export const TokenComponentSwitchInactiveDisabledBackground = "#e5e5ea";
+export const TokenComponentSwitchInactiveDisabledCircle = "#ffffff";
+export const TokenComponentSwitchInactiveDisabledText = "#a3a3ab";
+export const TokenComponentTabDefaultText = "#343438";
+export const TokenComponentTabDefaultIcon = "#3d3d42";
+export const TokenComponentTabDefaultBorder = "#c2c2ca";
+export const TokenComponentTabHoverText = "#009cde";
+export const TokenComponentTabHoverIcon = "#009cde";
+export const TokenComponentTabHoverBorder = "#c2c2ca";
+export const TokenComponentTabActiveText = "#0174bc";
+export const TokenComponentTabActiveIcon = "#0174bc";
+export const TokenComponentTabActiveBorder = "#0174bc";
+export const TokenComponentTabDisabledText = "#a3a3ab";
+export const TokenComponentTabDisabledIcon = "#a3a3ab";
+export const TokenComponentTabDisabledBorder = "#c2c2ca";
+export const TokenComponentTagDefaultBackground = "#f7f7fa";
+export const TokenComponentTagDefaultBorder = "#83838c";
+export const TokenComponentTagDefaultText = "#343438";
+export const TokenComponentTagDefaultIconDefault = "#3d3d42";
+export const TokenComponentTagDefaultIconHover = "#009cde";
+export const TokenComponentTagDefaultIconActive = "#0174bc";
+export const TokenComponentTagHoverBackground = "#f7f7fa";
+export const TokenComponentTagHoverBorder = "#3d3d42";
+export const TokenComponentTagHoverText = "#343438";
+export const TokenComponentTagHoverIconDefault = "#3d3d42";
+export const TokenComponentTagHoverIconHover = "#009cde";
+export const TokenComponentTagHoverIconActive = "#0174bc";
+export const TokenComponentTagFocusBackground = "#edf8ff";
+export const TokenComponentTagFocusBorder = "#0174bc";
+export const TokenComponentTagFocusText = "#343438";
+export const TokenComponentTagFocusIconDefault = "#3d3d42";
+export const TokenComponentTagFocusIconHover = "#009cde";
+export const TokenComponentTagFocusIconActive = "#0174bc";
+export const TokenComponentTagErrorBackground = "#f7f7fa";
+export const TokenComponentTagErrorBorder = "#d63c42";
+export const TokenComponentTagErrorText = "#343438";
+export const TokenComponentTagErrorIconDefault = "#3d3d42";
+export const TokenComponentTagErrorIconHover = "#009cde";
+export const TokenComponentTagErrorIconActive = "#0174bc";
+export const TokenComponentTagDisabledBackground = "#ededf2";
+export const TokenComponentTagDisabledBorder = "#c2c2ca";
+export const TokenComponentTagDisabledText = "#a3a3ab";
+export const TokenComponentTagDisabledIcon = "#a3a3ab";
+export const TokenComponentTagReadOnlyBackground = "#ffffff";
+export const TokenComponentTagReadOnlyBorder = "#c2c2ca";
+export const TokenComponentTagReadOnlyText = "#343438";
+export const TokenComponentTagReadOnlyIcon = "#3d3d42";
+export const TokenComponentTagInputDefaultBackground = "#ffffff";
+export const TokenComponentTagInputDefaultBorder = "#83838c";
+export const TokenComponentTagInputDefaultHintText = "#696970";
+export const TokenComponentTagInputPlaceholderBackground = "#ffffff";
+export const TokenComponentTagInputPlaceholderBorder = "#83838c";
+export const TokenComponentTagInputPlaceholderText = "#696970";
+export const TokenComponentTagInputPlaceholderHintText = "#696970";
+export const TokenComponentTagInputHoverBackground = "#ffffff";
+export const TokenComponentTagInputHoverBorder = "#3d3d42";
+export const TokenComponentTagInputHoverText = "#696970";
+export const TokenComponentTagInputHoverHintText = "#696970";
+export const TokenComponentTagInputFilledBackground = "#ffffff";
+export const TokenComponentTagInputFilledBorder = "#83838c";
+export const TokenComponentTagInputFilledIcon = "#3d3d42";
+export const TokenComponentTagInputFilledHintText = "#696970";
+export const TokenComponentTagInputDisabledBackground = "#ededf2";
+export const TokenComponentTagInputDisabledBorder = "#c2c2ca";
+export const TokenComponentTagInputDisabledHintText = "#696970";
+export const TokenComponentTagInputErrorBackground = "#ffffff";
+export const TokenComponentTagInputErrorBorder = "#d63c42";
+export const TokenComponentTagInputErrorIcon = "#3d3d42";
+export const TokenComponentTagInputErrorHintText = "#b82329";
+export const TokenComponentTagInputFocusEmptyBackground = "#ffffff";
+export const TokenComponentTagInputFocusEmptyBorder = "#0174bc";
+export const TokenComponentTagInputFocusEmptyText = "#696970";
+export const TokenComponentTagInputFocusEmptyHintText = "#696970";
+export const TokenComponentTagInputFocusBackground = "#ffffff";
+export const TokenComponentTagInputFocusBorder = "#0174bc";
+export const TokenComponentTagInputFocusText = "#343438";
+export const TokenComponentTagInputFocusHintText = "#696970";
+export const TokenComponentTextAreaDefaultBackground = "#ffffff";
+export const TokenComponentTextAreaDefaultBorder = "#83838c";
+export const TokenComponentTextAreaDefaultHintText = "#696970";
+export const TokenComponentTextAreaDefaultInfoIcon = "#696970";
+export const TokenComponentTextAreaPlaceholderBackground = "#ffffff";
+export const TokenComponentTextAreaPlaceholderBorder = "#83838c";
+export const TokenComponentTextAreaPlaceholderText = "#696970";
+export const TokenComponentTextAreaPlaceholderHintText = "#696970";
+export const TokenComponentTextAreaPlaceholderInfoIcon = "#696970";
+export const TokenComponentTextAreaHoverBackground = "#ffffff";
+export const TokenComponentTextAreaHoverBorder = "#3d3d42";
+export const TokenComponentTextAreaHoverText = "#343438";
+export const TokenComponentTextAreaHoverIcon = "#3d3d42";
+export const TokenComponentTextAreaHoverHintText = "#696970";
+export const TokenComponentTextAreaHoverInfoIcon = "#696970";
+export const TokenComponentTextAreaHoverEmptyBackground = "#ffffff";
+export const TokenComponentTextAreaHoverEmptyBorder = "#3d3d42";
+export const TokenComponentTextAreaHoverEmptyText = "#696970";
+export const TokenComponentTextAreaHoverEmptyHintText = "#696970";
+export const TokenComponentTextAreaHoverEmptyInfoIcon = "#696970";
+export const TokenComponentTextAreaFilledBackground = "#ffffff";
+export const TokenComponentTextAreaFilledBorder = "#83838c";
+export const TokenComponentTextAreaFilledText = "#343438";
+export const TokenComponentTextAreaFilledHintText = "#696970";
+export const TokenComponentTextAreaFilledInfoIcon = "#696970";
+export const TokenComponentTextAreaFilledIconDefault = "#3d3d42";
+export const TokenComponentTextAreaFilledIconHover = "#009cde";
+export const TokenComponentTextAreaFilledIconActive = "#0174bc";
+export const TokenComponentTextAreaDisabledBackground = "#ededf2";
+export const TokenComponentTextAreaDisabledBorder = "#c2c2ca";
+export const TokenComponentTextAreaDisabledText = "#a3a3ab";
+export const TokenComponentTextAreaDisabledHintText = "#696970";
+export const TokenComponentTextAreaDisabledInfoIcon = "#696970";
+export const TokenComponentTextAreaErrorBackground = "#ffffff";
+export const TokenComponentTextAreaErrorBorder = "#d63c42";
+export const TokenComponentTextAreaErrorText = "#343438";
+export const TokenComponentTextAreaErrorHintText = "#b82329";
+export const TokenComponentTextAreaErrorInfoIcon = "#696970";
+export const TokenComponentTextAreaErrorIconDefault = "#3d3d42";
+export const TokenComponentTextAreaErrorIconHover = "#009cde";
+export const TokenComponentTextAreaErrorIconActive = "#0174bc";
+export const TokenComponentTextAreaFocusEmptyBackground = "#ffffff";
+export const TokenComponentTextAreaFocusEmptyBorder = "#0174bc";
+export const TokenComponentTextAreaFocusEmptyHintText = "#696970";
+export const TokenComponentTextAreaFocusEmptyInfoIcon = "#696970";
+export const TokenComponentTextAreaFocusEmptyIconDefault = "#3d3d42";
+export const TokenComponentTextAreaFocusEmptyIconHover = "#009cde";
+export const TokenComponentTextAreaFocusEmptyIconActive = "#0174bc";
+export const TokenComponentTextAreaFocusBackground = "#ffffff";
+export const TokenComponentTextAreaFocusBorder = "#0174bc";
+export const TokenComponentTextAreaFocusText = "#343438";
+export const TokenComponentTextAreaFocusHintText = "#696970";
+export const TokenComponentTextAreaFocusInfoIcon = "#696970";
+export const TokenComponentTextAreaFocusIconDefault = "#3d3d42";
+export const TokenComponentTextAreaFocusIconHover = "#009cde";
+export const TokenComponentTextAreaFocusIconActive = "#0174bc";
+export const TokenComponentTextAreaReadOnlyText = "#343438";
+export const TokenComponentTextAreaReadOnlyHintText = "#696970";
+export const TokenComponentTextFieldDefaultBackground = "#ffffff";
+export const TokenComponentTextFieldDefaultBorder = "#83838c";
+export const TokenComponentTextFieldDefaultHintText = "#696970";
+export const TokenComponentTextFieldDefaultInfoIcon = "#696970";
+export const TokenComponentTextFieldPlaceholderBackground = "#ffffff";
+export const TokenComponentTextFieldPlaceholderBorder = "#83838c";
+export const TokenComponentTextFieldPlaceholderText = "#696970";
+export const TokenComponentTextFieldPlaceholderHintText = "#696970";
+export const TokenComponentTextFieldPlaceholderInfoIcon = "#696970";
+export const TokenComponentTextFieldHoverBackground = "#ffffff";
+export const TokenComponentTextFieldHoverBorder = "#3d3d42";
+export const TokenComponentTextFieldHoverText = "#343438";
+export const TokenComponentTextFieldHoverIcon = "#3d3d42";
+export const TokenComponentTextFieldHoverHintText = "#696970";
+export const TokenComponentTextFieldHoverInfoIcon = "#696970";
+export const TokenComponentTextFieldHoverEmptyBackground = "#ffffff";
+export const TokenComponentTextFieldHoverEmptyBorder = "#3d3d42";
+export const TokenComponentTextFieldHoverEmptyText = "#696970";
+export const TokenComponentTextFieldHoverEmptyHintText = "#696970";
+export const TokenComponentTextFieldHoverEmptyInfoIcon = "#696970";
+export const TokenComponentTextFieldFilledBackground = "#ffffff";
+export const TokenComponentTextFieldFilledBorder = "#83838c";
+export const TokenComponentTextFieldFilledText = "#343438";
+export const TokenComponentTextFieldFilledHintText = "#696970";
+export const TokenComponentTextFieldFilledInfoIcon = "#696970";
+export const TokenComponentTextFieldFilledIconDefault = "#3d3d42";
+export const TokenComponentTextFieldFilledIconHover = "#009cde";
+export const TokenComponentTextFieldFilledIconActive = "#0174bc";
+export const TokenComponentTextFieldDisabledBackground = "#ededf2";
+export const TokenComponentTextFieldDisabledBorder = "#c2c2ca";
+export const TokenComponentTextFieldDisabledText = "#a3a3ab";
+export const TokenComponentTextFieldDisabledHintText = "#696970";
+export const TokenComponentTextFieldDisabledInfoIcon = "#696970";
+export const TokenComponentTextFieldErrorBackground = "#ffffff";
+export const TokenComponentTextFieldErrorBorder = "#d63c42";
+export const TokenComponentTextFieldErrorText = "#343438";
+export const TokenComponentTextFieldErrorHintText = "#b82329";
+export const TokenComponentTextFieldErrorInfoIcon = "#696970";
+export const TokenComponentTextFieldErrorIconDefault = "#3d3d42";
+export const TokenComponentTextFieldErrorIconHover = "#009cde";
+export const TokenComponentTextFieldErrorIconActive = "#0174bc";
+export const TokenComponentTextFieldFocusEmptyBackground = "#ffffff";
+export const TokenComponentTextFieldFocusEmptyBorder = "#0174bc";
+export const TokenComponentTextFieldFocusEmptyHintText = "#696970";
+export const TokenComponentTextFieldFocusEmptyInfoIcon = "#696970";
+export const TokenComponentTextFieldFocusEmptyIconDefault = "#3d3d42";
+export const TokenComponentTextFieldFocusEmptyIconHover = "#009cde";
+export const TokenComponentTextFieldFocusEmptyIconActive = "#0174bc";
+export const TokenComponentTextFieldFocusBackground = "#ffffff";
+export const TokenComponentTextFieldFocusBorder = "#0174bc";
+export const TokenComponentTextFieldFocusText = "#343438";
+export const TokenComponentTextFieldFocusHintText = "#696970";
+export const TokenComponentTextFieldFocusInfoIcon = "#696970";
+export const TokenComponentTextFieldFocusIconDefault = "#3d3d42";
+export const TokenComponentTextFieldFocusIconHover = "#009cde";
+export const TokenComponentTextFieldFocusIconActive = "#0174bc";
+export const TokenComponentTextFieldReadOnlyText = "#343438";
+export const TokenComponentTextFieldReadOnlyHintText = "#696970";
+export const TokenComponentTimePickerDefaultBackground = "#ffffff";
+export const TokenComponentTimePickerDefaultBorder = "#83838c";
+export const TokenComponentTimePickerDefaultText = "#696970";
+export const TokenComponentTimePickerDefaultIcon = "#3d3d42";
+export const TokenComponentTimePickerDefaultHintText = "#696970";
+export const TokenComponentTimePickerHoverBackground = "#ffffff";
+export const TokenComponentTimePickerHoverBorder = "#3d3d42";
+export const TokenComponentTimePickerHoverText = "#696970";
+export const TokenComponentTimePickerHoverIcon = "#3d3d42";
+export const TokenComponentTimePickerHoverHintText = "#696970";
+export const TokenComponentTimePickerFilledBackground = "#ffffff";
+export const TokenComponentTimePickerFilledBorder = "#83838c";
+export const TokenComponentTimePickerFilledText = "#343438";
+export const TokenComponentTimePickerFilledIcon = "#3d3d42";
+export const TokenComponentTimePickerFilledHintText = "#696970";
+export const TokenComponentTimePickerDisabledBackground = "#ededf2";
+export const TokenComponentTimePickerDisabledBorder = "#c2c2ca";
+export const TokenComponentTimePickerDisabledText = "#a3a3ab";
+export const TokenComponentTimePickerDisabledIcon = "#a3a3ab";
+export const TokenComponentTimePickerDisabledHintText = "#696970";
+export const TokenComponentTimePickerErrorBackground = "#ffffff";
+export const TokenComponentTimePickerErrorBorder = "#d63c42";
+export const TokenComponentTimePickerErrorText = "#343438";
+export const TokenComponentTimePickerErrorIcon = "#3d3d42";
+export const TokenComponentTimePickerErrorHintText = "#b82329";
+export const TokenComponentTimePickerFocusEmptyBackground = "#ffffff";
+export const TokenComponentTimePickerFocusEmptyBorder = "#0174bc";
+export const TokenComponentTimePickerFocusEmptyText = "#696970";
+export const TokenComponentTimePickerFocusEmptyIcon = "#3d3d42";
+export const TokenComponentTimePickerFocusEmptyHintText = "#696970";
+export const TokenComponentTimePickerFocusBackground = "#ffffff";
+export const TokenComponentTimePickerFocusBorder = "#0174bc";
+export const TokenComponentTimePickerFocusText = "#343438";
+export const TokenComponentTimePickerFocusIcon = "#3d3d42";
+export const TokenComponentTimePickerFocusHintText = "#696970";
+export const TokenComponentTimePickerReadOnlyText = "#343438";
+export const TokenComponentTooltipBackground = "#343438";
+export const TokenComponentTooltipText = "#ffffff";
+export const TokenComponentTreeText = "#343438";
+export const TokenComponentTreeBorder = "#d6d6dd";
+export const TokenComponentTreeIconDefault = "#3d3d42";
+export const TokenComponentTreeIconHover = "#009cde";
+export const TokenComponentTreeIconActive = "#0174bc";
+export const TokenComponentTreeBackgroundDefault = "#ffffff";
+export const TokenComponentTreeBackgroundHover = "#edf8ff";
+export const TokenComponentTreeExpandedAreaBorder = "#83838c";
+export const TokenComponentWidgetDownloadText = "#343438";
+export const TokenComponentWidgetDownloadBorder = "#d6d6dd";
+export const TokenComponentWidgetDownloadBackgroundHeader = "#f7f7fa";
+export const TokenComponentWidgetDownloadBackgroundDefault = "#ffffff";
+export const TokenComponentWidgetDownloadIconDefault = "#3d3d42";
+export const TokenComponentWidgetDownloadIconSuccess = "#00b050";
+export const TokenComponentWidgetDownloadIconError = "#d63c42";
+export const TokenComponentWidgetUploadDefaultBackground = "#ffffff";
+export const TokenComponentWidgetUploadDefaultBorder = "#83838c";
+export const TokenComponentWidgetUploadDefaultIcon = "#3d3d42";
+export const TokenComponentWidgetUploadDefaultTextDefault = "#343438";
+export const TokenComponentWidgetUploadDefaultTextLink = "#0174bc";
+export const TokenComponentWidgetUploadHoverBackground = "#edf8ff";
+export const TokenComponentWidgetUploadHoverBorder = "#0174bc";
+export const TokenComponentWidgetUploadHoverIcon = "#3d3d42";
+export const TokenComponentWidgetUploadHoverTextDefault = "#343438";
+export const TokenComponentWidgetUploadHoverTextLink = "#0174bc";
+export const TokenComponentWidgetUploadDisabledBackground = "#ededf2";
+export const TokenComponentWidgetUploadDisabledBorder = "#c2c2ca";
+export const TokenComponentWidgetUploadDisabledIcon = "#a3a3ab";
+export const TokenComponentWidgetUploadDisabledText = "#a3a3ab";
+export const TokenComponentStepperHorizontalLine = "#d6d6dd";
+export const TokenComponentStepperHorizontalPastItemCircleBackground = "#edf8ff";
+export const TokenComponentStepperHorizontalPastItemCircleBorder = "#0174bc";
+export const TokenComponentStepperHorizontalPastItemCircleText = "#0174bc";
+export const TokenComponentStepperHorizontalPastItemCircleIcon = "#0174bc";
+export const TokenComponentStepperHorizontalPastItemTextDefault = "#343438";
+export const TokenComponentStepperHorizontalPastItemTextHover = "#0174bc";
+export const TokenComponentStepperHorizontalCurrentItemCircleBackground = "#0174bc";
+export const TokenComponentStepperHorizontalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperHorizontalCurrentItemTextDefault = "#343438";
+export const TokenComponentStepperHorizontalCurrentItemTextHover = "#0174bc";
+export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#ffffff";
+export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#d6d6dd";
+export const TokenComponentStepperHorizontalFutureItemCircleText = "#a3a3ab";
+export const TokenComponentStepperHorizontalFutureItemText = "#a3a3ab";
+export const TokenComponentStepperVerticalBackground = "#ffffff";
+export const TokenComponentStepperVerticalBorder = "#d6d6dd";
+export const TokenComponentStepperVerticalIcon = "#3d3d42";
+export const TokenComponentStepperVerticalPastItemCircleBackground = "#edf8ff";
+export const TokenComponentStepperVerticalPastItemCircleBorder = "#0174bc";
+export const TokenComponentStepperVerticalPastItemCircleText = "#0174bc";
+export const TokenComponentStepperVerticalPastItemCircleIcon = "#0174bc";
+export const TokenComponentStepperVerticalPastItemTextDefault = "#343438";
+export const TokenComponentStepperVerticalPastItemTextHover = "#0174bc";
+export const TokenComponentStepperVerticalCurrentItemIcon = "#0174bc";
+export const TokenComponentStepperVerticalCurrentItemCircleBackground = "#0174bc";
+export const TokenComponentStepperVerticalCurrentItemCircleText = "#ffffff";
+export const TokenComponentStepperVerticalCurrentItemTextDefault = "#343438";
+export const TokenComponentStepperVerticalCurrentItemTextHover = "#0174bc";
+export const TokenComponentStepperVerticalFutureItemCircleBackground = "#ffffff";
+export const TokenComponentStepperVerticalFutureItemCircleBorder = "#83838c";
+export const TokenComponentStepperVerticalFutureItemCircleText = "#696970";
+export const TokenComponentStepperVerticalFutureItemTextDefault = "#343438";
+export const TokenComponentStepperVerticalFutureItemTextHover = "#0174bc";
+export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#ffffff";
+export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#d6d6dd";
+export const TokenComponentStepperVerticalDisabledItemCircleText = "#a3a3ab";
+export const TokenComponentStepperVerticalDisabledItemText = "#a3a3ab";
+export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#009cde";
+export const TokenComponentAdvancedSearchFilterIconAppliedIcon = "#0174bc";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeBackground = "#d63c42";
+export const TokenComponentAdvancedSearchFilterIconAppliedBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterIconDisabledIcon = "#a3a3ab";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeBackground = "#83838c";
+export const TokenComponentAdvancedSearchFilterIconDisabledBadgeText = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaBackground = "#f7f7fa";
+export const TokenComponentAdvancedSearchFilterAreaBorder = "#d6d6dd";
+export const TokenComponentAdvancedSearchFilterAreaTextDefault = "#343438";
+export const TokenComponentAdvancedSearchFilterAreaTextLink = "#0174bc";
+export const TokenComponentAdvancedSearchFilterAreaIconDefault = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterAreaIconHover = "#009cde";
+export const TokenComponentAdvancedSearchFilterAreaIconDisabled = "#a3a3ab";
+export const TokenComponentAdvancedSearchFilterAreaTagBackground = "#ffffff";
+export const TokenComponentAdvancedSearchFilterAreaTagBorder = "#d6d6dd";
+export const TokenComponentAdvancedSearchFilterAreaTagOperatorIcon = "#c25d05";
+export const TokenComponentAdvancedSearchFilterAreaTagIconDefault = "#3d3d42";
+export const TokenComponentAdvancedSearchFilterAreaTagIconHover = "#009cde";
+export const TokenComponentSegmentedStatusButtonDefaultBackground = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDefaultBorder = "#83838c";
+export const TokenComponentSegmentedStatusButtonDefaultText = "#696970";
+export const TokenComponentSegmentedStatusButtonDefaultIcon = "#696970";
+export const TokenComponentSegmentedStatusButtonHoverBackground = "#edf8ff";
+export const TokenComponentSegmentedStatusButtonHoverBorder = "#83838c";
+export const TokenComponentSegmentedStatusButtonHoverText = "#696970";
+export const TokenComponentSegmentedStatusButtonHoverIcon = "#696970";
+export const TokenComponentSegmentedStatusButtonDisabledBackground = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDisabledBorder = "#c2c2ca";
+export const TokenComponentSegmentedStatusButtonDisabledText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveBackground = "#b7dfba";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledPositiveIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonActivePositiveBackground = "#07a04d";
+export const TokenComponentSegmentedStatusButtonActivePositiveText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActivePositiveIcon = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeBackground = "#f9c6c6";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledNegativeIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonActiveNegativeBackground = "#d0343a";
+export const TokenComponentSegmentedStatusButtonActiveNegativeText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActiveNegativeIcon = "#ffffff";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralBackground = "#c2c2ca";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralText = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonDisabledNeutralIcon = "#a3a3ab";
+export const TokenComponentSegmentedStatusButtonActiveNeutralBackground = "#83838c";
+export const TokenComponentSegmentedStatusButtonActiveNeutralText = "#ffffff";
+export const TokenComponentSegmentedStatusButtonActiveNeutralIcon = "#ffffff";
+export const TokenComponentLinkSelectDefaultText = "#0174bc";
+export const TokenComponentLinkSelectDefaultIcon = "#3d3d42";
+export const TokenComponentLinkSelectHoverText = "#009cde";
+export const TokenComponentLinkSelectHoverIcon = "#009cde";
+export const TokenComponentLinkSelectFilledText = "#0174bc";
+export const TokenComponentLinkSelectFilledIcon = "#3d3d42";
+export const TokenComponentLinkSelectDisabledText = "#a3a3ab";
+export const TokenComponentLinkSelectDisabledIcon = "#a3a3ab";
+export const TokenComponentLinkSelectFocusText = "#0174bc";
+export const TokenComponentLinkSelectFocusIcon = "#3d3d42";
+export const TokenComponentLinkSelectReadOnlyText = "#343438";
diff --git a/dist/tokens.scss b/dist/tokens.scss
new file mode 100644
index 0000000..898f716
--- /dev/null
+++ b/dist/tokens.scss
@@ -0,0 +1,1607 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$token-global-color-neutrals-5: #f7f7fa; // Page background color, disabled form elements fill (input, text area, etc)
+$token-global-color-neutrals-10: #ededf2; // UI element bg
+$token-global-color-neutrals-20: #e5e5ea; // Subtle background
+$token-global-color-neutrals-30: #d6d6dd; // Container border, divider, stroke
+$token-global-color-neutrals-40: #c2c2ca; // Disabled border
+$token-global-color-neutrals-50: #a3a3ab;
+$token-global-color-neutrals-60: #83838c; // Default field border
+$token-global-color-neutrals-70: #696970; // Color for text placeholder and hints
+$token-global-color-neutrals-80: #515157;
+$token-global-color-neutrals-90: #3d3d42; // Default icon color, hover color for fields border
+$token-global-color-neutrals-100: #343438; // Default text color
+$token-global-color-neutrals-black: #232326; // Global header and footer
+$token-global-color-neutrals-white: #ffffff;
+$token-global-color-brand-5: #f5fbff;
+$token-global-color-brand-10: #edf8ff;
+$token-global-color-brand-20: #e1f4ff;
+$token-global-color-brand-30: #ceedfe;
+$token-global-color-brand-40: #afdef8;
+$token-global-color-brand-50: #96cff0;
+$token-global-color-brand-60: #5bb3ea;
+$token-global-color-brand-70: #009cde; // Akamai Blue
+$token-global-color-brand-80: #108ad6;
+$token-global-color-brand-90: #0174bc; // Akamai Websafe Blue
+$token-global-color-brand-100: #00314d;
+$token-global-color-red-5: #fff8f8;
+$token-global-color-red-10: #ffefef;
+$token-global-color-red-20: #ffe5e5;
+$token-global-color-red-30: #fdd8d8;
+$token-global-color-red-40: #f9c6c6;
+$token-global-color-red-50: #f3aeaf;
+$token-global-color-red-60: #eb9091;
+$token-global-color-red-70: #d63c42; // Critical or high severity
+$token-global-color-red-80: #d0343a; // Akamai Red
+$token-global-color-red-90: #b82329;
+$token-global-color-red-100: #381316;
+$token-global-color-orange-5: #fef9f4;
+$token-global-color-orange-10: #fff3e7;
+$token-global-color-orange-20: #ffebd7;
+$token-global-color-orange-30: #ffe1c3;
+$token-global-color-orange-40: #facfa4;
+$token-global-color-orange-50: #f2b67b;
+$token-global-color-orange-60: #f09d4b;
+$token-global-color-orange-70: #fe9933; // Akamai Orange. High or medium severity
+$token-global-color-orange-80: #f0821d;
+$token-global-color-orange-90: #c25d05;
+$token-global-color-orange-100: #451e11;
+$token-global-color-amber-5: #fff9ed;
+$token-global-color-amber-10: #fff4d5;
+$token-global-color-amber-20: #ffecbc;
+$token-global-color-amber-30: #ffe3a2;
+$token-global-color-amber-40: #facf83;
+$token-global-color-amber-50: #f3ba63;
+$token-global-color-amber-60: #edb016;
+$token-global-color-amber-70: #fecb34; // Medium or low severity
+$token-global-color-amber-80: #f2b90e;
+$token-global-color-amber-90: #ce9a00;
+$token-global-color-amber-100: #403104;
+$token-global-color-yellow-5: #ffffeb;
+$token-global-color-yellow-10: #fafadf;
+$token-global-color-yellow-20: #f9f9c9;
+$token-global-color-yellow-30: #f8f8b6;
+$token-global-color-yellow-40: #f5f596;
+$token-global-color-yellow-50: #e8e86a;
+$token-global-color-yellow-60: #dfdf39;
+$token-global-color-yellow-70: #f5f531;
+$token-global-color-yellow-80: #e5e50a;
+$token-global-color-yellow-90: #bfbf0d;
+$token-global-color-yellow-100: #35290f;
+$token-global-color-lime-5: #f7fcf0;
+$token-global-color-lime-10: #eefadc;
+$token-global-color-lime-20: #e4f7c7;
+$token-global-color-lime-30: #d7f2b0;
+$token-global-color-lime-40: #c9e894;
+$token-global-color-lime-50: #b1d16a;
+$token-global-color-lime-60: #94ba2c;
+$token-global-color-lime-70: #99d52a;
+$token-global-color-lime-80: #93c926;
+$token-global-color-lime-90: #5d770d;
+$token-global-color-lime-100: #263209;
+$token-global-color-green-5: #f3fcf3;
+$token-global-color-green-10: #ebf9eb;
+$token-global-color-green-20: #dff3df;
+$token-global-color-green-30: #ceebcf;
+$token-global-color-green-40: #b7dfba;
+$token-global-color-green-50: #97cf9c;
+$token-global-color-green-60: #65ba75;
+$token-global-color-green-70: #00b050; // Akamai Green. Low severity (human)
+$token-global-color-green-80: #07a04d;
+$token-global-color-green-90: #138246;
+$token-global-color-green-100: #1b311e;
+$token-global-color-teal-5: #f1fcfa;
+$token-global-color-teal-10: #e7f9f5;
+$token-global-color-teal-20: #d9f3ee;
+$token-global-color-teal-30: #c7ebe5;
+$token-global-color-teal-40: #afdfd7;
+$token-global-color-teal-50: #8dcec3;
+$token-global-color-teal-60: #53b9ab;
+$token-global-color-teal-70: #12a594;
+$token-global-color-teal-80: #0e9888;
+$token-global-color-teal-90: #067a6f;
+$token-global-color-teal-100: #10302b;
+$token-global-color-cyan-5: #f2fcfd;
+$token-global-color-cyan-10: #e7f9fb;
+$token-global-color-cyan-20: #d8f3f6;
+$token-global-color-cyan-30: #aadee6;
+$token-global-color-cyan-40: #84cdda;
+$token-global-color-cyan-50: #84cdda;
+$token-global-color-cyan-60: #3db9cf;
+$token-global-color-cyan-70: #05a2c2;
+$token-global-color-cyan-80: #0894b3;
+$token-global-color-cyan-90: #0c7792;
+$token-global-color-cyan-100: #04313c;
+$token-global-color-ultramarine-5: #f8faff;
+$token-global-color-ultramarine-10: #f0f4ff;
+$token-global-color-ultramarine-20: #e6edfe;
+$token-global-color-ultramarine-30: #d9e2fc;
+$token-global-color-ultramarine-40: #c6d4f9;
+$token-global-color-ultramarine-50: #aec0f5;
+$token-global-color-ultramarine-60: #8da4ef;
+$token-global-color-ultramarine-70: #4067e5;
+$token-global-color-ultramarine-80: #3a5ccc;
+$token-global-color-ultramarine-90: #3451b2;
+$token-global-color-ultramarine-100: #002856; // Akamai Dark Navy
+$token-global-color-violet-5: #fbfaff;
+$token-global-color-violet-10: #f5f2ff;
+$token-global-color-violet-20: #ede9fe;
+$token-global-color-violet-30: #e4defc;
+$token-global-color-violet-40: #d7cff9;
+$token-global-color-violet-50: #c4b8f3;
+$token-global-color-violet-60: #aa99ec;
+$token-global-color-violet-70: #7259d6;
+$token-global-color-violet-80: #644fc1;
+$token-global-color-violet-90: #5746af;
+$token-global-color-violet-100: #20134b;
+$token-global-color-purple-5: #fdfaff;
+$token-global-color-purple-10: #f9f1fe;
+$token-global-color-purple-20: #f3e7fc;
+$token-global-color-purple-30: #eddbf9;
+$token-global-color-purple-40: #e3ccf4;
+$token-global-color-purple-50: #d3b4ed;
+$token-global-color-purple-60: #be93e4;
+$token-global-color-purple-70: #8e4ec6;
+$token-global-color-purple-80: #8445bc;
+$token-global-color-purple-90: #753bbd; // Akamai Purple
+$token-global-color-purple-100: #2b0e44;
+$token-global-color-magenta-5: #fff8ff;
+$token-global-color-magenta-10: #fceffc;
+$token-global-color-magenta-20: #f9e5f9;
+$token-global-color-magenta-30: #f3d9f4;
+$token-global-color-magenta-40: #ebc8ed;
+$token-global-color-magenta-50: #dfafe3;
+$token-global-color-magenta-60: #cf91d8;
+$token-global-color-magenta-70: #ab4aba; // Critical severity
+$token-global-color-magenta-80: #a43cb4;
+$token-global-color-magenta-90: #9c2bad;
+$token-global-color-magenta-100: #340c3b;
+$token-global-color-pink-5: #fff7fc;
+$token-global-color-pink-10: #feeef8;
+$token-global-color-pink-20: #fce5f3;
+$token-global-color-pink-30: #f9d8ec;
+$token-global-color-pink-40: #f3c6e2;
+$token-global-color-pink-50: #ecadd4;
+$token-global-color-pink-60: #e38ec3;
+$token-global-color-pink-70: #e043a7;
+$token-global-color-pink-80: #d23197;
+$token-global-color-pink-90: #cd1d8d;
+$token-global-color-pink-100: #3b0a2a;
+$token-global-color-brown-5: #fbf9f2;
+$token-global-color-brown-10: #f5f2e9;
+$token-global-color-brown-20: #eeeadd;
+$token-global-color-brown-30: #e5dfd0;
+$token-global-color-brown-40: #dad1bd;
+$token-global-color-brown-50: #cbbda4;
+$token-global-color-brown-60: #b8a383;
+$token-global-color-brown-70: #978365;
+$token-global-color-brown-80: #8c795d;
+$token-global-color-brown-90: #776750;
+$token-global-color-brown-100: #3b352b;
+$token-global-spacing-0: 0rem;
+$token-global-spacing-10: 0.125rem; // 2px
+$token-global-spacing-20: 0.25rem; // 4px
+$token-global-spacing-30: 0.375rem; // 6px
+$token-global-spacing-40: 0.5rem; // 8px
+$token-global-spacing-50: 0.75rem; // 12px
+$token-global-spacing-60: 1rem; // 16px
+$token-global-spacing-70: 1.5rem; // 24px
+$token-global-spacing-80: 2rem; // 32px
+$token-global-spacing-90: 3rem; // 48px
+$token-global-font-font-family-brand: 'Nunito Sans';
+$token-global-font-font-family-code: 'Fira Code';
+$token-global-font-font-weight-semibold: 600;
+$token-global-font-font-weight-bold: 700;
+$token-global-font-font-weight-extrabold: 800;
+$token-global-font-font-weight-regular-normal: 400;
+$token-global-font-font-weight-regular-italic: 400;
+$token-global-font-font-size-xxxs: 0.75rem; // 12px
+$token-global-font-font-size-xxs: 0.813rem; // 13px
+$token-global-font-font-size-xs: 0.875rem; // 14px
+$token-global-font-font-size-s: 1rem; // 16px
+$token-global-font-font-size-m: 1.125rem; // 18px
+$token-global-font-font-size-l: 1.25rem; // 20px
+$token-global-font-font-size-xl: 1.5rem; // 24px
+$token-global-font-font-size-xxl: 1.75rem; // 28px
+$token-global-font-font-size-xxxl: 2.25rem; // 36px
+$token-global-font-line-height-xxxs: 1rem; // 16px
+$token-global-font-line-height-xxs: 1.125rem; // 18px
+$token-global-font-line-height-xs: 1.25rem; // 20px
+$token-global-font-line-height-s: 1.5rem; // 24px
+$token-global-font-line-height-m: 1.625rem; // 26px
+$token-global-font-line-height-l: 1.875rem; // 30px
+$token-global-font-line-height-xl: 2rem; // 32px
+$token-global-font-line-height-xxl: 2.375rem; // 38px
+$token-global-font-line-height-xxxl: 2.625rem; // 42px
+$token-global-font-textcase-uppercase: uppercase;
+$token-global-border-radius-none: 0rem;
+$token-alias-content-text-base: #ffffff; // Use as color for text on a dark surface
+$token-alias-content-text-negative: #b82329; // Use to indicate error messages
+$token-alias-content-text-warning: #fecb34;
+$token-alias-content-text-positive: #00b050;
+$token-alias-content-text-informative: #4067e5;
+$token-alias-content-text-primary-default: #343438; // Primary color for text
+$token-alias-content-text-primary-disabled: #a3a3ab; // Use only to indicate a disabled state of a primary text color
+$token-alias-content-text-secondary-default: #696970; // Secondary color for text (placeholders, hints)
+$token-alias-content-text-secondary-disabled: #a3a3ab; // Use only to indicate a disabled state of a secondary text color
+$token-alias-content-text-link-default: #0174bc; // Use only for links
+$token-alias-content-text-link-hover: #009cde; // Use only as a hover on links
+$token-alias-content-text-link-disabled: #a3a3ab; // Use only to indicate a disabled state for links
+$token-alias-content-icon-base: #ffffff; // Use as color for icons on a dark surface
+$token-alias-content-icon-negative: #d63c42; // Use only for icons to indicate an error state
+$token-alias-content-icon-warning: #fecb34; // Use only for icons to indicate a warning state
+$token-alias-content-icon-positive: #00b050; // Use only for icons to indicate a success state
+$token-alias-content-icon-informative: #4067e5; // Use only for icons to indicate an info state
+$token-alias-content-icon-primary-default: #3d3d42; // Default color for icons
+$token-alias-content-icon-primary-hover: #009cde; // Use only as a hover state for icons
+$token-alias-content-icon-primary-active: #0174bc; // Use only as a selected/active state for icons
+$token-alias-content-icon-primary-disabled: #a3a3ab; // Use only as a disabled state for icons
+$token-alias-content-icon-secondary-default: #696970; // Secondary icon color (placeholder, etc)
+$token-alias-content-icon-secondary-disabled: #a3a3ab; // Use only as a disabled state for a secondary icon color
+$token-alias-border-normal: #d6d6dd; // Border color for static ui elements and components
+$token-alias-border-neutral: #343438;
+$token-alias-border-negative: #d63c42; // Use only for borders to indicate an error state
+$token-alias-border-warning: #fecb34; // Use only for borders to indicate a warning state
+$token-alias-border-positive: #00b050; // Use only for borders to indicate a success state
+$token-alias-border-informative: #4067e5; // Use only for borders to indicate an info state
+$token-alias-background-normal: #ffffff; // Primary background color
+$token-alias-background-neutral: #f7f7fa; // Page background color
+$token-alias-background-base: #343438; // Tooltip background
+$token-alias-background-negative: #d63c42;
+$token-alias-background-warning: #fecb34;
+$token-alias-background-positive: #00b050;
+$token-alias-background-informative: #4067e5;
+$token-alias-background-black: #232326; // Use only for a global header and global footer background
+$token-alias-background-negativesubtle: #ffefef;
+$token-alias-background-warningsubtle: #fff4d5;
+$token-alias-background-positivesubtle: #ebf9eb;
+$token-alias-background-informativesubtle: #f0f4ff;
+$token-alias-background-neutralsubtle: #e5e5ea;
+$token-alias-background-overlay: lch(13.8 2.09 286 / 0.24); // Page dimming when the modal component is active
+$token-alias-action-base: #ffffff;
+$token-alias-action-neutral: #83838c;
+$token-alias-action-white50: rgba(255, 255, 255, 0.5); // Transparent disabled switcher circle
+$token-alias-action-primary-default: #0174bc; // Brand action color
+$token-alias-action-primary-hover: #009cde;
+$token-alias-action-primary-active: #0174bc;
+$token-alias-action-primary-disabled: #e5e5ea;
+$token-alias-action-secondary-hover: #edf8ff;
+$token-alias-action-secondary-disabled: #c2c2ca;
+$token-alias-action-tertiary-disabled: #afdef8;
+$token-alias-action-positive-default: #07a04d;
+$token-alias-action-positive-disabled: #b7dfba;
+$token-alias-action-negative-default: #d0343a;
+$token-alias-action-negative-disabled: #f9c6c6;
+$token-alias-interaction-border-default: #83838c; // Default inputs border
+$token-alias-interaction-border-hover: #3d3d42;
+$token-alias-interaction-border-focus: #0174bc;
+$token-alias-interaction-border-error: #d63c42;
+$token-alias-interaction-border-disabled: #c2c2ca;
+$token-alias-interaction-background-primary: #ffffff; // Default component background color
+$token-alias-interaction-background-secondary: #f7f7fa;
+$token-alias-interaction-background-tertiary: #edf8ff;
+$token-alias-interaction-background-elevated: #edf8ff; // Calendar range background, table row hover 
+$token-alias-interaction-background-accent: #ceedfe;
+$token-alias-interaction-background-active: #0174bc;
+$token-alias-interaction-background-disabled: #ededf2;
+$token-alias-elevation-s: 0 2px 6px 0 rgba(58,59,63,0.18); // Default shadow for components, like notification banners, dropdowns, popups;
+$token-alias-elevation-s-inverted: 0 -2px 6px 0 rgba(58,59,63,0.18); // Inverted shadow for elements that appear above the component
+$token-alias-elevation-l: 0 16px 32px 0 rgba(58,59,63,0.18), 0 4px 8px 0 rgba(58,59,63,0.08); // Shadow for modals
+$token-alias-typography-heading-xxxl: 700 2.25rem/2.625rem 'Nunito Sans'; // Promo banners, KPIs
+$token-alias-typography-heading-xxl: 800 1.75rem/2rem 'Nunito Sans'; // Main titles - h1
+$token-alias-typography-heading-xl: 700 1.5rem/1.875rem 'Nunito Sans'; // Second level title - h2
+$token-alias-typography-heading-l: 700 1.25rem/1.625rem 'Nunito Sans'; // Third level title - h3
+$token-alias-typography-heading-m: 700 1.125rem/1.5rem 'Nunito Sans'; // Drawer, modal title - h4
+$token-alias-typography-heading-s: 700 1rem/1.25rem 'Nunito Sans'; // Advanced search, bars, master switch titles - h5
+$token-alias-typography-heading-xs: 700 0.875rem/1.125rem 'Nunito Sans'; // Low level headings - h6
+$token-alias-typography-heading-overline: 800 0.75rem/1rem 'Nunito Sans'; // Custom labels for content blocks
+$token-alias-typography-heading-overline-letter-spacing: 0.023rem; // Overline letter spacing
+$token-alias-typography-heading-overline-text-case: uppercase; // Overline text case
+$token-alias-typography-body-regular: 400 0.875rem/1.25rem 'Nunito Sans'; // Main body text
+$token-alias-typography-body-semibold: 600 0.875rem/1.25rem 'Nunito Sans'; // Light emphasis
+$token-alias-typography-body-bold: 700 0.875rem/1.25rem 'Nunito Sans'; // Emphasis
+$token-alias-typography-body-extrabold: 800 0.875rem/1.25rem 'Nunito Sans'; // Max emphasis
+$token-alias-typography-body-list: 400 0.875rem/1.25rem 'Nunito Sans'; // For list items
+$token-alias-typography-body-italic: 400 0.875rem/1.25rem 'Nunito Sans';
+$token-alias-typography-label-semibold-l: 600 1rem/1.25rem 'Nunito Sans'; // Large tabs
+$token-alias-typography-label-semibold-s: 600 0.875rem/1rem 'Nunito Sans'; // Large buttons, list, segmented buttons, side navigation, small tables
+$token-alias-typography-label-semibold-xs: 600 0.75rem/1rem 'Nunito Sans'; // Small buttons, tags, warning message under field
+$token-alias-typography-label-bold-l: 700 1rem/1.25rem 'Nunito Sans'; // Card, content panel, vertical stepper
+$token-alias-typography-label-bold-s: 700 0.875rem/1rem 'Nunito Sans'; // Field labels, table header, date&time pickers
+$token-alias-typography-label-bold-xs: 700 0.75rem/0.875rem 'Nunito Sans'; // Badge number
+$token-alias-typography-label-regular-s: 400 0.875rem/1rem 'Nunito Sans'; // Field entered text, dropdown item, table cell, pagination
+$token-alias-typography-label-regular-xs: 400 0.75rem/1rem 'Nunito Sans'; // Optional text, small dropdown item
+$token-alias-typography-label-regular-placeholder: 400 0.875rem/1rem 'Nunito Sans';
+$token-alias-typography-code: 400 0.813rem/1.25rem 'Fira Code'; // Code samples
+$token-alias-accent-info-primary: #3451b2;
+$token-alias-accent-info-secondary: lch(36.7 58.2 286 / 0.12);
+$token-alias-accent-neutral-primary: #515157;
+$token-alias-accent-neutral-secondary: lch(34.6 3.66 286 / 0.12);
+$token-alias-accent-warning-primary: #c25d05;
+$token-alias-accent-warning-secondary: lch(67.2 71.6 80.1 / 0.12);
+$token-alias-accent-negative-primary: #b82329;
+$token-alias-accent-negative-secondary: lch(41.2 69 32.4 / 0.12);
+$token-alias-accent-positive-primary: #138246;
+$token-alias-accent-positive-secondary: lch(47.6 47.7 150 / 0.12);
+$token-alias-accent-important-primary: #753bbd;
+$token-alias-accent-important-secondary: lch(38.2 75 307 / 0.12);
+$token-alias-accent-pink-primary: #cd1d8d;
+$token-alias-accent-pink-secondary: lch(47.1 72.1 347 / 0.12);
+$token-alias-accent-violet-primary: #5746af;
+$token-alias-accent-violet-secondary: lch(36.2 62.1 298 / 0.12);
+$token-alias-chart-neutral: #d6d6dd;
+$token-alias-chart-categorical-1-primary: #4067e5;
+$token-alias-chart-categorical-1-inactive: #d9e2fc;
+$token-alias-chart-categorical-1-transparent: lch(46.5 72.3 286 / 0.2);
+$token-alias-chart-categorical-2-primary: #fe9933;
+$token-alias-chart-categorical-2-inactive: #ffe1c3;
+$token-alias-chart-categorical-2-transparent: lch(72.9 74.2 63 / 0.2);
+$token-alias-chart-categorical-3-primary: #12a594;
+$token-alias-chart-categorical-3-inactive: #c7ebe5;
+$token-alias-chart-categorical-3-transparent: lch(60.7 39.7 183 / 0.2);
+$token-alias-chart-categorical-4-primary: #ab4aba;
+$token-alias-chart-categorical-4-inactive: #f3d9f4;
+$token-alias-chart-categorical-4-transparent: lch(48.2 66.6 322 / 0.2);
+$token-alias-chart-categorical-5-primary: #d63c42;
+$token-alias-chart-categorical-5-inactive: #fdd8d8;
+$token-alias-chart-categorical-5-transparent: lch(50.1 69.5 29.4 / 0.2);
+$token-alias-chart-categorical-6-primary: #05a2c2;
+$token-alias-chart-categorical-6-inactive: #aadee6;
+$token-alias-chart-categorical-6-transparent: lch(61 38.6 224 / 0.2);
+$token-alias-chart-categorical-7-primary: #e043a7;
+$token-alias-chart-categorical-7-inactive: #f9d8ec;
+$token-alias-chart-categorical-7-transparent: lch(55 70 344 / 0.2);
+$token-alias-chart-categorical-8-primary: #00b050;
+$token-alias-chart-categorical-8-inactive: #ceebcf;
+$token-alias-chart-categorical-8-transparent: lch(63 67 146 / 0.2);
+$token-alias-chart-categorical-9-primary: #7259d6;
+$token-alias-chart-categorical-9-inactive: #e4defc;
+$token-alias-chart-categorical-9-transparent: lch(45.6 71 299 / 0.2);
+$token-alias-chart-categorical-10-primary: #99d52a;
+$token-alias-chart-categorical-10-inactive: #d7f2b0;
+$token-alias-chart-categorical-10-transparent: lch(79 79.1 118 / 0.2);
+$token-alias-chart-categorical-11-primary: #696970;
+$token-alias-chart-categorical-11-inactive: #d6d6dd;
+$token-alias-chart-categorical-11-transparent: lch(44.6 4.09 286 / 0.2);
+$token-alias-chart-categorical-12-primary: #8da4ef;
+$token-alias-chart-categorical-12-inactive: #d9e2fc;
+$token-alias-chart-categorical-12-transparent: lch(67.9 41.2 278 / 0.2);
+$token-alias-chart-categorical-13-primary: #c25d05;
+$token-alias-chart-categorical-13-inactive: #ffe1c3;
+$token-alias-chart-categorical-13-transparent: lch(51.7 70.9 57.2 / 0.2);
+$token-alias-chart-categorical-14-primary: #067a6f;
+$token-alias-chart-categorical-14-inactive: #c7ebe5;
+$token-alias-chart-categorical-14-transparent: lch(45.6 31.8 185 / 0.2);
+$token-alias-chart-categorical-15-primary: #cf91d8;
+$token-alias-chart-categorical-15-inactive: #f3d9f4;
+$token-alias-chart-categorical-15-transparent: lch(68.3 42.4 321 / 0.2);
+$token-alias-chart-categorical-16-primary: #eb9091;
+$token-alias-chart-categorical-16-inactive: #fdd8d8;
+$token-alias-chart-categorical-16-transparent: lch(69.6 38.4 22.9 / 0.2);
+$token-alias-chart-categorical-17-primary: #0c7792;
+$token-alias-chart-categorical-17-inactive: #aadee6;
+$token-alias-chart-categorical-17-transparent: lch(45.7 30.9 228 / 0.2);
+$token-alias-chart-categorical-18-primary: #e38ec3;
+$token-alias-chart-categorical-18-inactive: #f9d8ec;
+$token-alias-chart-categorical-18-transparent: lch(69.3 40.8 341 / 0.2);
+$token-alias-chart-categorical-19-primary: #97cf9c;
+$token-alias-chart-categorical-19-inactive: #ceebcf;
+$token-alias-chart-categorical-19-transparent: lch(78.2 32.7 144 / 0.2);
+$token-alias-chart-categorical-20-primary: #aa99ec;
+$token-alias-chart-categorical-20-inactive: #e4defc;
+$token-alias-chart-categorical-20-transparent: lch(67.2 44.6 296 / 0.2);
+$token-alias-chart-categorical-21-primary: #94ba2c;
+$token-alias-chart-categorical-21-inactive: #d7f2b0;
+$token-alias-chart-categorical-21-transparent: lch(70.8 67.7 114 / 0.2);
+$token-alias-chart-categorical-22-primary: #3d3d42;
+$token-alias-chart-categorical-22-inactive: #d6d6dd;
+$token-alias-chart-categorical-22-transparent: lch(25.9 3.2 286 / 0.2);
+$token-alias-chart-monochromatic-default-5: #f8faff;
+$token-alias-chart-monochromatic-default-10: #f0f4ff;
+$token-alias-chart-monochromatic-default-20: #e6edfe;
+$token-alias-chart-monochromatic-default-30: #d9e2fc;
+$token-alias-chart-monochromatic-default-40: #c6d4f9;
+$token-alias-chart-monochromatic-default-50: #aec0f5;
+$token-alias-chart-monochromatic-default-60: #8da4ef;
+$token-alias-chart-monochromatic-default-70: #4067e5;
+$token-alias-chart-monochromatic-default-90: #3451b2;
+$token-alias-chart-monochromatic-default-100: #002856;
+$token-alias-chart-monochromatic-danger-5: #fff8f8;
+$token-alias-chart-monochromatic-danger-10: #ffefef;
+$token-alias-chart-monochromatic-danger-20: #ffe5e5;
+$token-alias-chart-monochromatic-danger-30: #fdd8d8;
+$token-alias-chart-monochromatic-danger-40: #f9c6c6;
+$token-alias-chart-monochromatic-danger-50: #f3aeaf;
+$token-alias-chart-monochromatic-danger-60: #eb9091;
+$token-alias-chart-monochromatic-danger-70: #d63c42;
+$token-alias-chart-monochromatic-danger-90: #b82329;
+$token-alias-chart-monochromatic-danger-100: #381316;
+$token-alias-chart-status-negative: #d63c42;
+$token-alias-chart-status-warning: #fecb34;
+$token-alias-chart-status-positive: #00b050;
+$token-component-button-primary-default-background: #0174bc;
+$token-component-button-primary-default-text: #ffffff;
+$token-component-button-primary-default-icon: #ffffff;
+$token-component-button-primary-hover-background: #009cde;
+$token-component-button-primary-hover-text: #ffffff;
+$token-component-button-primary-hover-icon: #ffffff;
+$token-component-button-primary-pressed-background: #0174bc;
+$token-component-button-primary-pressed-text: #ffffff;
+$token-component-button-primary-pressed-icon: #ffffff;
+$token-component-button-primary-disabled-background: #e5e5ea;
+$token-component-button-primary-disabled-text: #a3a3ab;
+$token-component-button-primary-disabled-icon: #a3a3ab;
+$token-component-button-primary-loading-background: #0174bc;
+$token-component-button-secondary-default-background: #ffffff;
+$token-component-button-secondary-default-border: #0174bc;
+$token-component-button-secondary-default-text: #0174bc;
+$token-component-button-secondary-default-icon: #0174bc;
+$token-component-button-secondary-hover-background: #edf8ff;
+$token-component-button-secondary-hover-border: #009cde;
+$token-component-button-secondary-hover-text: #0174bc;
+$token-component-button-secondary-hover-icon: #0174bc;
+$token-component-button-secondary-pressed-background: #ffffff;
+$token-component-button-secondary-pressed-border: #0174bc;
+$token-component-button-secondary-pressed-text: #0174bc;
+$token-component-button-secondary-pressed-icon: #0174bc;
+$token-component-button-secondary-disabled-background: #ffffff;
+$token-component-button-secondary-disabled-border: #c2c2ca;
+$token-component-button-secondary-disabled-text: #a3a3ab;
+$token-component-button-secondary-disabled-icon: #a3a3ab;
+$token-component-button-secondary-loading-background: #ffffff;
+$token-component-button-secondary-loading-border: #0174bc;
+$token-component-button-link-default-text: #0174bc;
+$token-component-button-link-default-icon: #0174bc;
+$token-component-button-link-hover-text: #009cde;
+$token-component-button-link-hover-icon: #009cde;
+$token-component-button-link-pressed-text: #0174bc;
+$token-component-button-link-pressed-icon: #0174bc;
+$token-component-button-link-disabled-text: #a3a3ab;
+$token-component-button-link-disabled-icon: #a3a3ab;
+$token-component-container-background: #ffffff;
+$token-component-container-border: #d6d6dd;
+$token-component-table-header-filled-background: #343438;
+$token-component-table-header-filled-text: #ffffff;
+$token-component-table-header-filled-icon: #ffffff;
+$token-component-table-header-outlined-border: #343438;
+$token-component-table-header-outlined-text: #343438;
+$token-component-table-header-outlined-icon: #3d3d42;
+$token-component-table-row-border: #d6d6dd;
+$token-component-table-row-icon-default: #3d3d42;
+$token-component-table-row-icon-disabled: #a3a3ab;
+$token-component-table-row-icon-hover: #009cde;
+$token-component-table-row-background-default: #ffffff;
+$token-component-table-row-background-zebra: #f7f7fa;
+$token-component-table-row-background-hover: #edf8ff;
+$token-component-table-row-text-default: #343438;
+$token-component-table-row-text-placeholder: #696970;
+$token-component-table-row-text-link: #0174bc;
+$token-component-menu-button-primary-default-background: #0174bc;
+$token-component-menu-button-primary-default-text: #ffffff;
+$token-component-menu-button-primary-default-icon: #ffffff;
+$token-component-menu-button-primary-hover-background: #009cde;
+$token-component-menu-button-primary-hover-text: #ffffff;
+$token-component-menu-button-primary-hover-icon: #ffffff;
+$token-component-menu-button-primary-pressed-background: #0174bc;
+$token-component-menu-button-primary-pressed-text: #ffffff;
+$token-component-menu-button-primary-pressed-icon: #ffffff;
+$token-component-menu-button-primary-disabled-background: #e5e5ea;
+$token-component-menu-button-primary-disabled-text: #a3a3ab;
+$token-component-menu-button-primary-disabled-icon: #a3a3ab;
+$token-component-menu-button-primary-loading-background: #0174bc;
+$token-component-menu-button-secondary-default-background: #ffffff;
+$token-component-menu-button-secondary-default-border: #0174bc;
+$token-component-menu-button-secondary-default-text: #0174bc;
+$token-component-menu-button-secondary-default-icon: #0174bc;
+$token-component-menu-button-secondary-hover-background: #edf8ff;
+$token-component-menu-button-secondary-hover-border: #009cde;
+$token-component-menu-button-secondary-hover-text: #0174bc;
+$token-component-menu-button-secondary-hover-icon: #0174bc;
+$token-component-menu-button-secondary-pressed-background: #ffffff;
+$token-component-menu-button-secondary-pressed-border: #0174bc;
+$token-component-menu-button-secondary-pressed-text: #0174bc;
+$token-component-menu-button-secondary-pressed-icon: #0174bc;
+$token-component-menu-button-secondary-disabled-background: #ffffff;
+$token-component-menu-button-secondary-disabled-border: #c2c2ca;
+$token-component-menu-button-secondary-disabled-text: #a3a3ab;
+$token-component-menu-button-secondary-disabled-icon: #a3a3ab;
+$token-component-menu-button-secondary-loading-background: #ffffff;
+$token-component-menu-button-secondary-loading-border: #0174bc;
+$token-component-menu-button-link-default-text: #0174bc;
+$token-component-menu-button-link-default-icon: #0174bc;
+$token-component-menu-button-link-hover-text: #009cde;
+$token-component-menu-button-link-hover-icon: #009cde;
+$token-component-menu-button-link-pressed-text: #0174bc;
+$token-component-menu-button-link-pressed-icon: #0174bc;
+$token-component-menu-button-link-disabled-text: #a3a3ab;
+$token-component-menu-button-link-disabled-icon: #a3a3ab;
+$token-component-overflow-menu-button-default-icon: #3d3d42;
+$token-component-overflow-menu-button-hover-icon: #009cde;
+$token-component-overflow-menu-button-pressed-icon: #0174bc;
+$token-component-overflow-menu-button-disabled-icon: #a3a3ab;
+$token-component-split-menu-button-primary-default-background: #0174bc;
+$token-component-split-menu-button-primary-default-border: #ffffff;
+$token-component-split-menu-button-primary-default-text: #ffffff;
+$token-component-split-menu-button-primary-default-icon: #ffffff;
+$token-component-split-menu-button-primary-hover-left-background-left: #009cde;
+$token-component-split-menu-button-primary-hover-left-background-right: #0174bc;
+$token-component-split-menu-button-primary-hover-left-border: #ffffff;
+$token-component-split-menu-button-primary-hover-left-text: #ffffff;
+$token-component-split-menu-button-primary-hover-left-icon: #ffffff;
+$token-component-split-menu-button-primary-hover-right-background-left: #0174bc;
+$token-component-split-menu-button-primary-hover-right-background-right: #009cde;
+$token-component-split-menu-button-primary-hover-right-border: #ffffff;
+$token-component-split-menu-button-primary-hover-right-text: #ffffff;
+$token-component-split-menu-button-primary-hover-right-icon: #ffffff;
+$token-component-split-menu-button-primary-active-background: #0174bc;
+$token-component-split-menu-button-primary-active-border: #ffffff;
+$token-component-split-menu-button-primary-active-text: #ffffff;
+$token-component-split-menu-button-primary-active-icon: #ffffff;
+$token-component-split-menu-button-primary-disabled-background: #e5e5ea;
+$token-component-split-menu-button-primary-disabled-border: #ffffff;
+$token-component-split-menu-button-primary-disabled-text: #a3a3ab;
+$token-component-split-menu-button-primary-disabled-icon: #a3a3ab;
+$token-component-split-menu-button-primary-loading-background-left: #0174bc;
+$token-component-split-menu-button-primary-loading-background-right: #0174bc;
+$token-component-split-menu-button-primary-loading-border: #ffffff;
+$token-component-split-menu-button-primary-loading-icon: #ffffff;
+$token-component-split-menu-button-secondary-default-background: #ffffff;
+$token-component-split-menu-button-secondary-default-border: #0174bc;
+$token-component-split-menu-button-secondary-default-text: #0174bc;
+$token-component-split-menu-button-secondary-default-icon: #0174bc;
+$token-component-split-menu-button-secondary-hover-left-background-left: #edf8ff;
+$token-component-split-menu-button-secondary-hover-left-background-right: #ffffff;
+$token-component-split-menu-button-secondary-hover-left-border-left: #009cde;
+$token-component-split-menu-button-secondary-hover-left-border-right: #0174bc;
+$token-component-split-menu-button-secondary-hover-left-text: #0174bc;
+$token-component-split-menu-button-secondary-hover-left-icon: #0174bc;
+$token-component-split-menu-button-secondary-hover-right-background-left: #ffffff;
+$token-component-split-menu-button-secondary-hover-right-background-right: #edf8ff;
+$token-component-split-menu-button-secondary-hover-right-border-left: #0174bc;
+$token-component-split-menu-button-secondary-hover-right-border-right: #009cde;
+$token-component-split-menu-button-secondary-hover-right-text: #0174bc;
+$token-component-split-menu-button-secondary-hover-right-icon: #0174bc;
+$token-component-split-menu-button-secondary-active-background: #ffffff;
+$token-component-split-menu-button-secondary-active-border: #0174bc;
+$token-component-split-menu-button-secondary-active-text: #0174bc;
+$token-component-split-menu-button-secondary-active-icon: #0174bc;
+$token-component-split-menu-button-secondary-disabled-background: #ffffff;
+$token-component-split-menu-button-secondary-disabled-border: #c2c2ca;
+$token-component-split-menu-button-secondary-disabled-text: #a3a3ab;
+$token-component-split-menu-button-secondary-disabled-icon: #a3a3ab;
+$token-component-split-menu-button-secondary-loading-background: #ffffff;
+$token-component-split-menu-button-secondary-loading-border: #0174bc;
+$token-component-split-menu-button-secondary-loading-icon: #0174bc;
+$token-component-appbar-background: #f7f7fa;
+$token-component-appbar-border: #d6d6dd;
+$token-component-appbar-text: #343438;
+$token-component-appbar-icon: #3d3d42;
+$token-component-badge-informative-background: lch(36.7 58.2 286 / 0.12);
+$token-component-badge-informative-text: #3451b2;
+$token-component-badge-neutral-background: lch(34.6 3.66 286 / 0.12);
+$token-component-badge-neutral-text: #515157;
+$token-component-badge-warning-background: lch(67.2 71.6 80.1 / 0.12);
+$token-component-badge-warning-text: #c25d05;
+$token-component-badge-negative-background: lch(41.2 69 32.4 / 0.12);
+$token-component-badge-negative-text: #b82329;
+$token-component-badge-positive-background: lch(47.6 47.7 150 / 0.12);
+$token-component-badge-positive-text: #138246;
+$token-component-badge-important-background: lch(38.2 75 307 / 0.12);
+$token-component-badge-important-text: #753bbd;
+$token-component-badge-violet-background: lch(36.2 62.1 298 / 0.12);
+$token-component-badge-violet-text: #5746af;
+$token-component-badge-pink-background: lch(47.1 72.1 347 / 0.12);
+$token-component-badge-pink-text: #cd1d8d;
+$token-component-breadcrumb-divider: #d6d6dd;
+$token-component-breadcrumb-app-title-text: #0174bc;
+$token-component-breadcrumb-default-text: #0174bc;
+$token-component-breadcrumb-truncated-text: #0174bc;
+$token-component-breadcrumb-last-item-text: #343438;
+$token-component-breadcrumb-collapsed-background: #e5e5ea;
+$token-component-breadcrumb-collapsed-text: #343438;
+$token-component-breadcrumb-collapsed-icon: #3d3d42;
+$token-component-breadcrumb-with-dropdown-text: #0174bc;
+$token-component-breadcrumb-with-dropdown-icon: #3d3d42;
+$token-component-card-background: #ffffff;
+$token-component-card-border: #d6d6dd;
+$token-component-card-text: #343438;
+$token-component-card-icon: #3d3d42;
+$token-component-checkbox-empty-default-background: #ffffff;
+$token-component-checkbox-empty-default-border: #83838c;
+$token-component-checkbox-empty-default-text: #343438;
+$token-component-checkbox-empty-hover-background: #ffffff;
+$token-component-checkbox-empty-hover-border: #009cde;
+$token-component-checkbox-empty-hover-text: #343438;
+$token-component-checkbox-empty-active-background: #ffffff;
+$token-component-checkbox-empty-active-border: #0174bc;
+$token-component-checkbox-empty-active-text: #343438;
+$token-component-checkbox-empty-disabled-background: #e5e5ea;
+$token-component-checkbox-empty-disabled-border: #c2c2ca;
+$token-component-checkbox-empty-disabled-text: #a3a3ab;
+$token-component-checkbox-empty-read-only-background: #ffffff;
+$token-component-checkbox-empty-read-only-border: #c2c2ca;
+$token-component-checkbox-empty-read-only-text: #343438;
+$token-component-checkbox-checked-default-background: #0174bc;
+$token-component-checkbox-checked-default-text: #343438;
+$token-component-checkbox-checked-default-icon: #ffffff;
+$token-component-checkbox-checked-hover-background: #009cde;
+$token-component-checkbox-checked-hover-text: #343438;
+$token-component-checkbox-checked-hover-icon: #ffffff;
+$token-component-checkbox-checked-active-background: #0174bc;
+$token-component-checkbox-checked-active-text: #343438;
+$token-component-checkbox-checked-active-icon: #ffffff;
+$token-component-checkbox-checked-disabled-background: #afdef8;
+$token-component-checkbox-checked-disabled-text: #a3a3ab;
+$token-component-checkbox-checked-disabled-icon: #ffffff;
+$token-component-checkbox-checked-read-only-background: #ffffff;
+$token-component-checkbox-checked-read-only-border: #c2c2ca;
+$token-component-checkbox-checked-read-only-text: #343438;
+$token-component-checkbox-checked-read-only-icon: #a3a3ab;
+$token-component-checkbox-indeterminated-default-background: #0174bc;
+$token-component-checkbox-indeterminated-default-text: #343438;
+$token-component-checkbox-indeterminated-default-icon: #ffffff;
+$token-component-checkbox-indeterminated-hover-background: #009cde;
+$token-component-checkbox-indeterminated-hover-text: #343438;
+$token-component-checkbox-indeterminated-hover-icon: #ffffff;
+$token-component-checkbox-indeterminated-active-background: #0174bc;
+$token-component-checkbox-indeterminated-active-text: #343438;
+$token-component-checkbox-indeterminated-active-icon: #ffffff;
+$token-component-checkbox-indeterminated-disabled-background: #afdef8;
+$token-component-checkbox-indeterminated-disabled-text: #a3a3ab;
+$token-component-checkbox-indeterminated-disabled-icon: #ffffff;
+$token-component-checkbox-indeterminated-read-only-background: #ffffff;
+$token-component-checkbox-indeterminated-read-only-border: #c2c2ca;
+$token-component-checkbox-indeterminated-read-only-text: #343438;
+$token-component-checkbox-indeterminated-read-only-icon: #a3a3ab;
+$token-component-content-panel-background: #ffffff;
+$token-component-content-panel-border: #d6d6dd;
+$token-component-content-panel-text: #343438;
+$token-component-content-panel-icon: #3d3d42;
+$token-component-calendar-background: #ffffff;
+$token-component-calendar-border: #d6d6dd;
+$token-component-calendar-icon: #3d3d42;
+$token-component-calendar-text-default: #343438;
+$token-component-calendar-text-disabled: #a3a3ab;
+$token-component-calendar-selected-item-text: #ffffff;
+$token-component-calendar-selected-item-background: #0174bc;
+$token-component-calendar-hover-item-background: #edf8ff;
+$token-component-calendar-hover-item-text: #343438;
+$token-component-calendar-preset-area-background: #f7f7fa;
+$token-component-calendar-preset-area-hover-period-background: #edf8ff;
+$token-component-calendar-preset-area-active-period-background: #ceedfe;
+$token-component-calendar-preset-area-active-period-text: #343438;
+$token-component-date-field-default-background: #ffffff;
+$token-component-date-field-default-border: #83838c;
+$token-component-date-field-default-text: #696970;
+$token-component-date-field-default-icon: #3d3d42;
+$token-component-date-field-default-hint-text: #696970;
+$token-component-date-field-hover-background: #ffffff;
+$token-component-date-field-hover-border: #3d3d42;
+$token-component-date-field-hover-text: #343438;
+$token-component-date-field-hover-icon: #3d3d42;
+$token-component-date-field-hover-hint-text: #696970;
+$token-component-date-field-hover-empty-background: #ffffff;
+$token-component-date-field-hover-empty-border: #3d3d42;
+$token-component-date-field-hover-empty-text: #696970;
+$token-component-date-field-hover-empty-icon: #3d3d42;
+$token-component-date-field-hover-empty-hint-text: #696970;
+$token-component-date-field-filled-background: #ffffff;
+$token-component-date-field-filled-border: #83838c;
+$token-component-date-field-filled-text: #343438;
+$token-component-date-field-filled-icon: #3d3d42;
+$token-component-date-field-filled-hint-text: #696970;
+$token-component-date-field-disabled-background: #ededf2;
+$token-component-date-field-disabled-border: #c2c2ca;
+$token-component-date-field-disabled-text: #a3a3ab;
+$token-component-date-field-disabled-icon: #a3a3ab;
+$token-component-date-field-disabled-hint-text: #696970;
+$token-component-date-field-read-only-background: #ffffff;
+$token-component-date-field-read-only-text: #343438;
+$token-component-date-field-read-only-hint-text: #696970;
+$token-component-date-field-error-background: #ffffff;
+$token-component-date-field-error-border: #d63c42;
+$token-component-date-field-error-text: #343438;
+$token-component-date-field-error-icon: #3d3d42;
+$token-component-date-field-error-hint-text: #b82329;
+$token-component-date-field-focus-background: #ffffff;
+$token-component-date-field-focus-border: #0174bc;
+$token-component-date-field-focus-text: #696970;
+$token-component-date-field-focus-icon: #0174bc;
+$token-component-date-field-focus-hint-text: #696970;
+$token-component-date-picker-default-icon: #3d3d42;
+$token-component-date-picker-hover-icon: #009cde;
+$token-component-date-picker-filled-icon: #0174bc;
+$token-component-date-picker-disabled-icon: #a3a3ab;
+$token-component-date-picker-focus-icon: #0174bc;
+$token-component-date-range-picker-default-icon: #3d3d42;
+$token-component-date-range-picker-hover-icon: #009cde;
+$token-component-date-range-picker-filled-icon: #0174bc;
+$token-component-date-range-picker-disabled-icon: #a3a3ab;
+$token-component-date-range-picker-focus-icon: #0174bc;
+$token-component-date-range-field-default-background: #ffffff;
+$token-component-date-range-field-default-border: #83838c;
+$token-component-date-range-field-default-text: #696970;
+$token-component-date-range-field-default-icon: #3d3d42;
+$token-component-date-range-field-default-hint-text: #696970;
+$token-component-date-range-field-hover-background: #ffffff;
+$token-component-date-range-field-hover-border: #3d3d42;
+$token-component-date-range-field-hover-text: #343438;
+$token-component-date-range-field-hover-icon: #3d3d42;
+$token-component-date-range-field-hover-hint-text: #696970;
+$token-component-date-range-field-hover-empty-background: #ffffff;
+$token-component-date-range-field-hover-empty-border: #3d3d42;
+$token-component-date-range-field-hover-empty-text: #696970;
+$token-component-date-range-field-hover-empty-icon: #3d3d42;
+$token-component-date-range-field-hover-empty-hint-text: #696970;
+$token-component-date-range-field-filled-background: #ffffff;
+$token-component-date-range-field-filled-border: #83838c;
+$token-component-date-range-field-filled-text: #343438;
+$token-component-date-range-field-filled-icon: #3d3d42;
+$token-component-date-range-field-filled-hint-text: #696970;
+$token-component-date-range-field-filled-placeholder-item-text: #696970;
+$token-component-date-range-field-disabled-background: #ededf2;
+$token-component-date-range-field-disabled-border: #c2c2ca;
+$token-component-date-range-field-disabled-text: #a3a3ab;
+$token-component-date-range-field-disabled-icon: #a3a3ab;
+$token-component-date-range-field-disabled-hint-text: #696970;
+$token-component-date-range-field-read-only-background: #ffffff;
+$token-component-date-range-field-read-only-text: #343438;
+$token-component-date-range-field-read-only-hint-text: #696970;
+$token-component-date-range-field-error-background: #ffffff;
+$token-component-date-range-field-error-border: #d63c42;
+$token-component-date-range-field-error-text: #343438;
+$token-component-date-range-field-error-icon: #3d3d42;
+$token-component-date-range-field-error-hint-text: #b82329;
+$token-component-date-range-field-focus-background: #ffffff;
+$token-component-date-range-field-focus-border: #0174bc;
+$token-component-date-range-field-focus-text: #696970;
+$token-component-date-range-field-focus-icon: #0174bc;
+$token-component-date-range-field-focus-hint-text: #696970;
+$token-component-date-range-field-focus-placeholder-item-text: #696970;
+$token-component-date-range-input-default-background: #ffffff;
+$token-component-date-range-input-default-border: #83838c;
+$token-component-date-range-input-default-text: #696970;
+$token-component-date-range-input-default-icon: #3d3d42;
+$token-component-date-range-input-default-hint-text: #696970;
+$token-component-date-range-input-hover-background: #ffffff;
+$token-component-date-range-input-hover-border: #3d3d42;
+$token-component-date-range-input-hover-text: #343438;
+$token-component-date-range-input-hover-icon: #3d3d42;
+$token-component-date-range-input-hover-hint-text: #696970;
+$token-component-date-range-input-active-period-background: #ffffff;
+$token-component-date-range-input-active-period-border: #3d3d42;
+$token-component-date-range-input-active-period-text: #343438;
+$token-component-date-range-input-active-period-icon: #3d3d42;
+$token-component-date-range-input-active-period-hint-text: #696970;
+$token-component-date-range-input-active-period-active-item-background: #edf8ff;
+$token-component-date-range-input-active-period-active-item-text: #696970;
+$token-component-date-range-input-filled-background: #ffffff;
+$token-component-date-range-input-filled-border: #83838c;
+$token-component-date-range-input-filled-text: #343438;
+$token-component-date-range-input-filled-icon: #3d3d42;
+$token-component-date-range-input-filled-hint-text: #696970;
+$token-component-date-range-input-filled-placeholder-item-text: #696970;
+$token-component-date-range-input-disabled-background: #ffffff;
+$token-component-date-range-input-disabled-border: #c2c2ca;
+$token-component-date-range-input-disabled-text: #a3a3ab;
+$token-component-date-range-input-disabled-icon: #a3a3ab;
+$token-component-date-range-input-disabled-hint-text: #696970;
+$token-component-date-range-input-read-only-background: #ffffff;
+$token-component-date-range-input-read-only-text: #343438;
+$token-component-date-range-input-read-only-hint-text: #696970;
+$token-component-date-range-input-error-background: #ffffff;
+$token-component-date-range-input-error-border: #d63c42;
+$token-component-date-range-input-error-text: #343438;
+$token-component-date-range-input-error-icon: #3d3d42;
+$token-component-date-range-input-error-hint-text: #b82329;
+$token-component-date-range-input-focus-background: #ffffff;
+$token-component-date-range-input-focus-border: #0174bc;
+$token-component-date-range-input-focus-text: #343438;
+$token-component-date-range-input-focus-icon: #0174bc;
+$token-component-date-range-input-focus-hint-text: #696970;
+$token-component-date-range-input-focus-placeholder-item-text: #696970;
+$token-component-divider-border: #d6d6dd;
+$token-component-drawer-background: #ffffff;
+$token-component-drawer-text: #343438;
+$token-component-drawer-icon-default: #3d3d42;
+$token-component-drawer-icon-disabled: #a3a3ab;
+$token-component-dropdown-icon-default: #3d3d42;
+$token-component-dropdown-icon-disabled: #a3a3ab;
+$token-component-dropdown-text-default: #343438;
+$token-component-dropdown-text-link: #0174bc;
+$token-component-dropdown-text-description: #696970;
+$token-component-dropdown-text-disabled: #a3a3ab;
+$token-component-dropdown-background-default: #ffffff;
+$token-component-dropdown-background-hover: #edf8ff;
+$token-component-dropdown-background-category: #f7f7fa;
+$token-component-global-header-background: #232326;
+$token-component-global-header-border: #3d3d42;
+$token-component-global-header-icon-default: #d6d6dd;
+$token-component-global-header-icon-hover: #ffffff;
+$token-component-global-header-text-default: #d6d6dd;
+$token-component-global-header-text-hover: #ffffff;
+$token-component-global-header-search-background: #3d3d42;
+$token-component-global-header-search-text-placeholder: #d6d6dd;
+$token-component-global-header-search-text-filled: #ffffff;
+$token-component-global-header-search-icon-default: #d6d6dd;
+$token-component-global-header-search-icon-active: #ffffff;
+$token-component-global-header-search-icon-hover: #ffffff;
+$token-component-global-footer-background: #232326;
+$token-component-global-footer-text-default: #d6d6dd;
+$token-component-global-footer-text-hover: #ffffff;
+$token-component-group-select-field-default-background: #ffffff;
+$token-component-group-select-field-default-border: #83838c;
+$token-component-group-select-field-default-text: #696970;
+$token-component-group-select-field-default-icon: #3d3d42;
+$token-component-group-select-field-default-hint-text: #696970;
+$token-component-group-select-field-default-info-icon: #696970;
+$token-component-group-select-field-hover-background: #ffffff;
+$token-component-group-select-field-hover-border: #3d3d42;
+$token-component-group-select-field-hover-text: #696970;
+$token-component-group-select-field-hover-icon: #3d3d42;
+$token-component-group-select-field-hover-hint-text: #696970;
+$token-component-group-select-field-hover-info-icon: #696970;
+$token-component-group-select-field-selected-background: #ffffff;
+$token-component-group-select-field-selected-border: #83838c;
+$token-component-group-select-field-selected-text: #343438;
+$token-component-group-select-field-selected-icon: #3d3d42;
+$token-component-group-select-field-selected-hint-text: #696970;
+$token-component-group-select-field-selected-info-icon: #696970;
+$token-component-group-select-field-disabled-background: #ededf2;
+$token-component-group-select-field-disabled-border: #c2c2ca;
+$token-component-group-select-field-disabled-text: #a3a3ab;
+$token-component-group-select-field-disabled-icon: #a3a3ab;
+$token-component-group-select-field-disabled-hint-text: #696970;
+$token-component-group-select-field-disabled-info-icon: #696970;
+$token-component-group-select-field-read-only-background: #ffffff;
+$token-component-group-select-field-read-only-text: #343438;
+$token-component-group-select-field-read-only-hint-text: #696970;
+$token-component-group-select-field-read-only-info-icon: #696970;
+$token-component-group-select-field-error-background: #ffffff;
+$token-component-group-select-field-error-border: #d63c42;
+$token-component-group-select-field-error-text: #343438;
+$token-component-group-select-field-error-icon: #3d3d42;
+$token-component-group-select-field-error-hint-text: #b82329;
+$token-component-group-select-field-error-info-icon: #696970;
+$token-component-group-select-field-focus-background: #ffffff;
+$token-component-group-select-field-focus-border: #0174bc;
+$token-component-group-select-field-focus-text: #343438;
+$token-component-group-select-field-focus-icon: #3d3d42;
+$token-component-group-select-field-focus-hint-text: #696970;
+$token-component-group-select-field-focus-info-icon: #696970;
+$token-component-group-select-dropdown-icon: #3d3d42;
+$token-component-group-select-dropdown-text: #343438;
+$token-component-group-select-dropdown-background-default: #ffffff;
+$token-component-group-select-dropdown-background-hover: #edf8ff;
+$token-component-inline-edit-text: #343438;
+$token-component-inline-edit-icon-default: #3d3d42;
+$token-component-inline-edit-icon-hover: #009cde;
+$token-component-inline-edit-accept-icon-default: #0174bc;
+$token-component-inline-edit-accept-icon-hover: #009cde;
+$token-component-inline-edit-accept-icon-disabled: #a3a3ab;
+$token-component-kpi-bar-text: #3d3d42;
+$token-component-kpi-bar-border: #d6d6dd;
+$token-component-kpi-bar-icon-default: #3d3d42;
+$token-component-kpi-bar-icon-hover: #009cde;
+$token-component-kpi-bar-icon-active: #0174bc;
+$token-component-kpi-bar-item-neutral-default-label: #515157;
+$token-component-kpi-bar-item-neutral-default-text: #696970;
+$token-component-kpi-bar-item-neutral-default-icon: #515157;
+$token-component-kpi-bar-item-neutral-hover-label: #515157;
+$token-component-kpi-bar-item-neutral-hover-text: #696970;
+$token-component-kpi-bar-item-neutral-hover-background: lch(34.6 3.66 286 / 0.12);
+$token-component-kpi-bar-item-neutral-hover-icon: #515157;
+$token-component-kpi-bar-item-neutral-active-label: #515157;
+$token-component-kpi-bar-item-neutral-active-text: #343438;
+$token-component-kpi-bar-item-neutral-active-border: #515157;
+$token-component-kpi-bar-item-neutral-active-icon: #515157;
+$token-component-kpi-bar-item-green-default-label: #138246;
+$token-component-kpi-bar-item-green-default-text: #696970;
+$token-component-kpi-bar-item-green-hover-label: #138246;
+$token-component-kpi-bar-item-green-hover-text: #696970;
+$token-component-kpi-bar-item-green-hover-background: lch(47.6 47.7 150 / 0.12);
+$token-component-kpi-bar-item-green-active-label: #138246;
+$token-component-kpi-bar-item-green-active-text: #343438;
+$token-component-kpi-bar-item-green-active-border: #138246;
+$token-component-kpi-bar-item-orange-default-label: #c25d05;
+$token-component-kpi-bar-item-orange-default-text: #696970;
+$token-component-kpi-bar-item-orange-hover-label: #c25d05;
+$token-component-kpi-bar-item-orange-hover-text: #696970;
+$token-component-kpi-bar-item-orange-hover-background: lch(67.2 71.6 80.1 / 0.12);
+$token-component-kpi-bar-item-orange-active-label: #c25d05;
+$token-component-kpi-bar-item-orange-active-text: #343438;
+$token-component-kpi-bar-item-orange-active-border: #c25d05;
+$token-component-kpi-bar-item-purple-default-label: #753bbd;
+$token-component-kpi-bar-item-purple-default-text: #696970;
+$token-component-kpi-bar-item-purple-hover-label: #753bbd;
+$token-component-kpi-bar-item-purple-hover-text: #696970;
+$token-component-kpi-bar-item-purple-hover-background: lch(38.2 75 307 / 0.12);
+$token-component-kpi-bar-item-purple-active-label: #753bbd;
+$token-component-kpi-bar-item-purple-active-text: #343438;
+$token-component-kpi-bar-item-purple-active-border: #753bbd;
+$token-component-kpi-bar-item-red-default-label: #b82329;
+$token-component-kpi-bar-item-red-default-text: #696970;
+$token-component-kpi-bar-item-red-hover-label: #b82329;
+$token-component-kpi-bar-item-red-hover-text: #696970;
+$token-component-kpi-bar-item-red-hover-background: lch(41.2 69 32.4 / 0.12);
+$token-component-kpi-bar-item-red-active-label: #b82329;
+$token-component-kpi-bar-item-red-active-text: #343438;
+$token-component-kpi-bar-item-red-active-border: #b82329;
+$token-component-kpi-bar-item-ultramarine-default-label: #3451b2;
+$token-component-kpi-bar-item-ultramarine-default-text: #696970;
+$token-component-kpi-bar-item-ultramarine-hover-label: #3451b2;
+$token-component-kpi-bar-item-ultramarine-hover-text: #696970;
+$token-component-kpi-bar-item-ultramarine-hover-background: lch(36.7 58.2 286 / 0.12);
+$token-component-kpi-bar-item-ultramarine-active-label: #3451b2;
+$token-component-kpi-bar-item-ultramarine-active-text: #343438;
+$token-component-kpi-bar-item-ultramarine-active-border: #3451b2;
+$token-component-kpi-bar-item-pink-default-label: #cd1d8d;
+$token-component-kpi-bar-item-pink-default-text: #696970;
+$token-component-kpi-bar-item-pink-hover-label: #cd1d8d;
+$token-component-kpi-bar-item-pink-hover-text: #696970;
+$token-component-kpi-bar-item-pink-hover-background: lch(47.1 72.1 347 / 0.12);
+$token-component-kpi-bar-item-pink-active-label: #cd1d8d;
+$token-component-kpi-bar-item-pink-active-text: #343438;
+$token-component-kpi-bar-item-pink-active-border: #cd1d8d;
+$token-component-label-text: #343438;
+$token-component-label-icon: #3d3d42;
+$token-component-label-info-icon: #696970;
+$token-component-list-text: #343438;
+$token-component-list-border: #d6d6dd;
+$token-component-list-icon-default: #3d3d42;
+$token-component-list-icon-hover: #009cde;
+$token-component-list-icon-active: #0174bc;
+$token-component-list-background-default: #ffffff;
+$token-component-list-background-hover: #edf8ff;
+$token-component-master-switch-content-background: #ffffff;
+$token-component-master-switch-side-background: #f7f7fa;
+$token-component-master-switch-text: #343438;
+$token-component-master-switch-icon: #3d3d42;
+$token-component-modal-background: #ffffff;
+$token-component-modal-icon: #3d3d42;
+$token-component-modal-text-default: #343438;
+$token-component-modal-text-description: #696970;
+$token-component-notification-banner-text: #343438;
+$token-component-notification-banner-icon: #3d3d42;
+$token-component-notification-banner-informative-background: #f0f4ff;
+$token-component-notification-banner-informative-border: #4067e5;
+$token-component-notification-banner-informative-status-icon: #4067e5;
+$token-component-notification-banner-tip-background: #f0f4ff;
+$token-component-notification-banner-tip-border: #4067e5;
+$token-component-notification-banner-tip-status-icon: #4067e5;
+$token-component-notification-banner-warning-background: #fff4d5;
+$token-component-notification-banner-warning-border: #fecb34;
+$token-component-notification-banner-warning-status-icon: #fecb34;
+$token-component-notification-banner-success-background: #ebf9eb;
+$token-component-notification-banner-success-border: #00b050;
+$token-component-notification-banner-success-status-icon: #00b050;
+$token-component-notification-banner-error-background: #ffefef;
+$token-component-notification-banner-error-border: #d63c42;
+$token-component-notification-banner-error-status-icon: #d63c42;
+$token-component-notification-banner-secondary-background: #e5e5ea;
+$token-component-notification-banner-secondary-border: #343438;
+$token-component-notification-banner-secondary-status-icon: #3d3d42;
+$token-component-notification-toast-text: #343438;
+$token-component-notification-toast-icon: #3d3d42;
+$token-component-notification-toast-informative-background: #f0f4ff;
+$token-component-notification-toast-informative-icon-background: #4067e5;
+$token-component-notification-toast-informative-border: #4067e5;
+$token-component-notification-toast-informative-status-icon: #ffffff;
+$token-component-notification-toast-tip-background: #f0f4ff;
+$token-component-notification-toast-tip-icon-background: #4067e5;
+$token-component-notification-toast-tip-border: #4067e5;
+$token-component-notification-toast-tip-status-icon: #ffffff;
+$token-component-notification-toast-warning-background: #fff4d5;
+$token-component-notification-toast-warning-icon-background: #fecb34;
+$token-component-notification-toast-warning-border: #fecb34;
+$token-component-notification-toast-warning-status-icon: #3d3d42;
+$token-component-notification-toast-success-background: #ebf9eb;
+$token-component-notification-toast-success-icon-background: #00b050;
+$token-component-notification-toast-success-border: #00b050;
+$token-component-notification-toast-success-status-icon: #ffffff;
+$token-component-notification-toast-error-background: #ffefef;
+$token-component-notification-toast-error-icon-background: #d63c42;
+$token-component-notification-toast-error-border: #d63c42;
+$token-component-notification-toast-error-status-icon: #ffffff;
+$token-component-pagination-background: #ffffff;
+$token-component-pagination-border: #d6d6dd;
+$token-component-pagination-text-default: #343438;
+$token-component-pagination-text-link: #0174bc;
+$token-component-pagination-text-hover: #009cde;
+$token-component-pagination-text-disabled: #a3a3ab;
+$token-component-pagination-icon-default: #3d3d42;
+$token-component-pagination-icon-hover: #009cde;
+$token-component-pagination-icon-active: #0174bc;
+$token-component-pagination-icon-disabled: #a3a3ab;
+$token-component-popover-background: #ffffff;
+$token-component-popover-border: #d6d6dd;
+$token-component-popover-icon: #3d3d42;
+$token-component-popover-text-default: #343438;
+$token-component-popover-text-link-default: #0174bc;
+$token-component-popover-text-link-hover: #009cde;
+$token-component-progress-bar-text-default: #343438;
+$token-component-progress-bar-text-link-default: #0174bc;
+$token-component-progress-bar-text-link-hover: #009cde;
+$token-component-progress-bar-status-line-default: #e5e5ea;
+$token-component-progress-bar-status-line-success: #00b050;
+$token-component-progress-bar-status-line-error: #d63c42;
+$token-component-numeric-spinner-default-background: #ffffff;
+$token-component-numeric-spinner-default-border: #83838c;
+$token-component-numeric-spinner-default-text: #696970;
+$token-component-numeric-spinner-default-icon: #3d3d42;
+$token-component-numeric-spinner-default-hint-text: #696970;
+$token-component-numeric-spinner-hover-background: #ffffff;
+$token-component-numeric-spinner-hover-border: #3d3d42;
+$token-component-numeric-spinner-hover-text: #696970;
+$token-component-numeric-spinner-hover-icon: #3d3d42;
+$token-component-numeric-spinner-hover-hint-text: #696970;
+$token-component-numeric-spinner-filled-background: #ffffff;
+$token-component-numeric-spinner-filled-border: #83838c;
+$token-component-numeric-spinner-filled-text: #343438;
+$token-component-numeric-spinner-filled-icon: #3d3d42;
+$token-component-numeric-spinner-filled-hint-text: #696970;
+$token-component-numeric-spinner-disabled-background: #ededf2;
+$token-component-numeric-spinner-disabled-border: #c2c2ca;
+$token-component-numeric-spinner-disabled-text: #a3a3ab;
+$token-component-numeric-spinner-disabled-icon: #a3a3ab;
+$token-component-numeric-spinner-disabled-hint-text: #696970;
+$token-component-numeric-spinner-read-only-background: #ffffff;
+$token-component-numeric-spinner-read-only-text: #343438;
+$token-component-numeric-spinner-read-only-hint-text: #696970;
+$token-component-numeric-spinner-error-background: #ffffff;
+$token-component-numeric-spinner-error-border: #d63c42;
+$token-component-numeric-spinner-error-text: #343438;
+$token-component-numeric-spinner-error-icon: #3d3d42;
+$token-component-numeric-spinner-error-hint-text: #b82329;
+$token-component-numeric-spinner-focus-background: #ffffff;
+$token-component-numeric-spinner-focus-border: #0174bc;
+$token-component-numeric-spinner-focus-text: #696970;
+$token-component-numeric-spinner-focus-icon: #3d3d42;
+$token-component-numeric-spinner-focus-hint-text: #696970;
+$token-component-radio-button-inactive-default-background: #ffffff;
+$token-component-radio-button-inactive-default-border: #83838c;
+$token-component-radio-button-inactive-default-text: #343438;
+$token-component-radio-button-inactive-hover-background: #ffffff;
+$token-component-radio-button-inactive-hover-border: #009cde;
+$token-component-radio-button-inactive-hover-text: #343438;
+$token-component-radio-button-inactive-active-background: #ffffff;
+$token-component-radio-button-inactive-active-border: #0174bc;
+$token-component-radio-button-inactive-active-text: #343438;
+$token-component-radio-button-inactive-disabled-background: #e5e5ea;
+$token-component-radio-button-inactive-disabled-border: #c2c2ca;
+$token-component-radio-button-inactive-disabled-text: #a3a3ab;
+$token-component-radio-button-inactive-read-only-background: #ffffff;
+$token-component-radio-button-inactive-read-only-border: #c2c2ca;
+$token-component-radio-button-inactive-read-only-text: #343438;
+$token-component-radio-button-active-default-background: #ffffff;
+$token-component-radio-button-active-default-border: #0174bc;
+$token-component-radio-button-active-default-text: #343438;
+$token-component-radio-button-active-hover-background: #ffffff;
+$token-component-radio-button-active-hover-border: #009cde;
+$token-component-radio-button-active-hover-text: #343438;
+$token-component-radio-button-active-active-background: #ffffff;
+$token-component-radio-button-active-active-border: #0174bc;
+$token-component-radio-button-active-active-text: #343438;
+$token-component-radio-button-active-disabled-background: #ffffff;
+$token-component-radio-button-active-disabled-border: #afdef8;
+$token-component-radio-button-active-disabled-text: #a3a3ab;
+$token-component-radio-button-active-read-only-background: #ffffff;
+$token-component-radio-button-active-read-only-border: #c2c2ca;
+$token-component-radio-button-active-read-only-text: #343438;
+$token-component-search-default-background: #ffffff;
+$token-component-search-default-border: #83838c;
+$token-component-search-default-text: #696970;
+$token-component-search-default-icon: #3d3d42;
+$token-component-search-default-hint-text: #696970;
+$token-component-search-default-search-icon: #696970;
+$token-component-search-hover-background: #ffffff;
+$token-component-search-hover-border: #3d3d42;
+$token-component-search-hover-text: #696970;
+$token-component-search-hover-icon: #3d3d42;
+$token-component-search-hover-hint-text: #696970;
+$token-component-search-hover-search-icon: #696970;
+$token-component-search-filled-background: #ffffff;
+$token-component-search-filled-border: #83838c;
+$token-component-search-filled-text: #343438;
+$token-component-search-filled-icon: #3d3d42;
+$token-component-search-filled-hint-text: #696970;
+$token-component-search-filled-search-icon: #696970;
+$token-component-search-disabled-background: #ededf2;
+$token-component-search-disabled-border: #c2c2ca;
+$token-component-search-disabled-text: #a3a3ab;
+$token-component-search-disabled-icon: #a3a3ab;
+$token-component-search-disabled-hint-text: #696970;
+$token-component-search-disabled-search-icon: #a3a3ab;
+$token-component-search-error-background: #ffffff;
+$token-component-search-error-border: #d63c42;
+$token-component-search-error-text: #343438;
+$token-component-search-error-icon: #3d3d42;
+$token-component-search-error-hint-text: #b82329;
+$token-component-search-error-search-icon: #696970;
+$token-component-search-focus-empty-background: #ffffff;
+$token-component-search-focus-empty-border: #0174bc;
+$token-component-search-focus-empty-text: #696970;
+$token-component-search-focus-empty-icon: #3d3d42;
+$token-component-search-focus-empty-hint-text: #696970;
+$token-component-search-focus-empty-search-icon: #696970;
+$token-component-search-focus-background: #ffffff;
+$token-component-search-focus-border: #0174bc;
+$token-component-search-focus-text: #343438;
+$token-component-search-focus-icon: #3d3d42;
+$token-component-search-focus-hint-text: #696970;
+$token-component-search-focus-search-icon: #696970;
+$token-component-segmented-button-default-background: #ffffff;
+$token-component-segmented-button-default-border: #0174bc;
+$token-component-segmented-button-default-text: #0174bc;
+$token-component-segmented-button-default-icon: #0174bc;
+$token-component-segmented-button-hover-background: #edf8ff;
+$token-component-segmented-button-hover-border: #009cde;
+$token-component-segmented-button-hover-text: #0174bc;
+$token-component-segmented-button-hover-icon: #0174bc;
+$token-component-segmented-button-disabled-background: #ffffff;
+$token-component-segmented-button-disabled-border: #c2c2ca;
+$token-component-segmented-button-disabled-text: #a3a3ab;
+$token-component-segmented-button-disabled-icon: #a3a3ab;
+$token-component-segmented-button-disabled-checked-background: #e5e5ea;
+$token-component-segmented-button-disabled-checked-border: #c2c2ca;
+$token-component-segmented-button-disabled-checked-text: #a3a3ab;
+$token-component-segmented-button-disabled-checked-icon: #a3a3ab;
+$token-component-segmented-button-active-background: #0174bc;
+$token-component-segmented-button-active-border: #0174bc;
+$token-component-segmented-button-active-text: #ffffff;
+$token-component-segmented-button-active-icon: #ffffff;
+$token-component-side-navigation-icon: #3d3d42;
+$token-component-side-navigation-border: #d6d6dd;
+$token-component-side-navigation-background-default: #f7f7fa;
+$token-component-side-navigation-background-second-level: #ffffff;
+$token-component-side-navigation-default-menu-item-background: #f7f7fa;
+$token-component-side-navigation-default-menu-item-icon: #3d3d42;
+$token-component-side-navigation-default-menu-item-text: #343438;
+$token-component-side-navigation-default-menu-item-label-text: #343438;
+$token-component-side-navigation-default-menu-item-label-background: #f7f7fa;
+$token-component-side-navigation-default-menu-item-label-border: #d6d6dd;
+$token-component-side-navigation-hover-menu-item-background: #edf8ff;
+$token-component-side-navigation-hover-menu-item-icon: #3d3d42;
+$token-component-side-navigation-hover-menu-item-text: #343438;
+$token-component-side-navigation-hover-menu-item-label-text: #343438;
+$token-component-side-navigation-hover-menu-item-label-background: #f7f7fa;
+$token-component-side-navigation-hover-menu-item-label-border: #d6d6dd;
+$token-component-side-navigation-selected-menu-item-background: #ceedfe;
+$token-component-side-navigation-selected-menu-item-icon: #3d3d42;
+$token-component-side-navigation-selected-menu-item-text: #343438;
+$token-component-side-navigation-selected-menu-item-label-text: #ffffff;
+$token-component-side-navigation-selected-menu-item-label-background: #0174bc;
+$token-component-select-default-background: #ffffff;
+$token-component-select-default-border: #83838c;
+$token-component-select-default-text: #696970;
+$token-component-select-default-icon: #3d3d42;
+$token-component-select-default-hint-text: #696970;
+$token-component-select-default-info-icon: #696970;
+$token-component-select-hover-background: #ffffff;
+$token-component-select-hover-border: #3d3d42;
+$token-component-select-hover-text: #696970;
+$token-component-select-hover-icon: #3d3d42;
+$token-component-select-hover-hint-text: #696970;
+$token-component-select-hover-info-icon: #696970;
+$token-component-select-filled-background: #ffffff;
+$token-component-select-filled-border: #83838c;
+$token-component-select-filled-text: #343438;
+$token-component-select-filled-icon: #3d3d42;
+$token-component-select-filled-hint-text: #696970;
+$token-component-select-filled-info-icon: #696970;
+$token-component-select-disabled-background: #ededf2;
+$token-component-select-disabled-border: #c2c2ca;
+$token-component-select-disabled-text: #a3a3ab;
+$token-component-select-disabled-icon: #a3a3ab;
+$token-component-select-disabled-hint-text: #696970;
+$token-component-select-disabled-info-icon: #696970;
+$token-component-select-error-background: #ffffff;
+$token-component-select-error-border: #d63c42;
+$token-component-select-error-text: #343438;
+$token-component-select-error-icon: #3d3d42;
+$token-component-select-error-hint-text: #b82329;
+$token-component-select-error-info-icon: #696970;
+$token-component-select-focus-empty-background: #ffffff;
+$token-component-select-focus-empty-border: #0174bc;
+$token-component-select-focus-empty-text: #696970;
+$token-component-select-focus-empty-icon: #3d3d42;
+$token-component-select-focus-empty-hint-text: #696970;
+$token-component-select-focus-empty-info-icon: #696970;
+$token-component-select-focus-background: #ffffff;
+$token-component-select-focus-border: #0174bc;
+$token-component-select-focus-text: #343438;
+$token-component-select-focus-icon: #3d3d42;
+$token-component-select-focus-hint-text: #696970;
+$token-component-select-focus-info-icon: #696970;
+$token-component-select-read-only-background: #ffffff;
+$token-component-select-read-only-text: #343438;
+$token-component-side-panel-background: #ffffff;
+$token-component-side-panel-text: #343438;
+$token-component-side-panel-border: #d6d6dd;
+$token-component-side-panel-icon-default: #3d3d42;
+$token-component-side-panel-icon-hover: #009cde;
+$token-component-switch-active-default-background: #0174bc;
+$token-component-switch-active-default-icon: #ffffff;
+$token-component-switch-active-default-circle: #ffffff;
+$token-component-switch-active-default-text: #343438;
+$token-component-switch-active-hover-background: #009cde;
+$token-component-switch-active-hover-icon: #ffffff;
+$token-component-switch-active-hover-circle: #ffffff;
+$token-component-switch-active-hover-text: #343438;
+$token-component-switch-active-focus-background: #0174bc;
+$token-component-switch-active-focus-icon: #ffffff;
+$token-component-switch-active-focus-circle: #ffffff;
+$token-component-switch-active-focus-text: #343438;
+$token-component-switch-active-disabled-background: #afdef8;
+$token-component-switch-active-disabled-icon: #a3a3ab;
+$token-component-switch-active-disabled-circle: rgba(255, 255, 255, 0.5);
+$token-component-switch-active-disabled-text: #a3a3ab;
+$token-component-switch-inactive-default-background: #83838c;
+$token-component-switch-inactive-default-circle: #ffffff;
+$token-component-switch-inactive-default-text: #343438;
+$token-component-switch-inactive-hover-background: #a3a3ab;
+$token-component-switch-inactive-hover-circle: #ffffff;
+$token-component-switch-inactive-hover-text: #343438;
+$token-component-switch-inactive-focus-background: #83838c;
+$token-component-switch-inactive-focus-circle: #ffffff;
+$token-component-switch-inactive-focus-text: #343438;
+$token-component-switch-inactive-disabled-background: #e5e5ea;
+$token-component-switch-inactive-disabled-circle: rgba(255, 255, 255, 0.5);
+$token-component-switch-inactive-disabled-text: #a3a3ab;
+$token-component-tab-default-text: #343438;
+$token-component-tab-default-icon: #3d3d42;
+$token-component-tab-default-border: #c2c2ca;
+$token-component-tab-hover-text: #009cde;
+$token-component-tab-hover-icon: #009cde;
+$token-component-tab-hover-border: #c2c2ca;
+$token-component-tab-active-text: #0174bc;
+$token-component-tab-active-icon: #0174bc;
+$token-component-tab-active-border: #0174bc;
+$token-component-tab-disabled-text: #a3a3ab;
+$token-component-tab-disabled-icon: #a3a3ab;
+$token-component-tab-disabled-border: #c2c2ca;
+$token-component-tag-default-background: #f7f7fa;
+$token-component-tag-default-border: #83838c;
+$token-component-tag-default-text: #343438;
+$token-component-tag-default-icon-default: #3d3d42;
+$token-component-tag-default-icon-hover: #009cde;
+$token-component-tag-default-icon-active: #0174bc;
+$token-component-tag-hover-background: #f7f7fa;
+$token-component-tag-hover-border: #3d3d42;
+$token-component-tag-hover-text: #343438;
+$token-component-tag-hover-icon-default: #3d3d42;
+$token-component-tag-hover-icon-hover: #009cde;
+$token-component-tag-hover-icon-active: #0174bc;
+$token-component-tag-focus-background: #edf8ff;
+$token-component-tag-focus-border: #0174bc;
+$token-component-tag-focus-text: #343438;
+$token-component-tag-focus-icon-default: #3d3d42;
+$token-component-tag-focus-icon-hover: #009cde;
+$token-component-tag-focus-icon-active: #0174bc;
+$token-component-tag-error-background: #f7f7fa;
+$token-component-tag-error-border: #d63c42;
+$token-component-tag-error-text: #343438;
+$token-component-tag-error-icon-default: #3d3d42;
+$token-component-tag-error-icon-hover: #009cde;
+$token-component-tag-error-icon-active: #0174bc;
+$token-component-tag-disabled-background: #ededf2;
+$token-component-tag-disabled-border: #c2c2ca;
+$token-component-tag-disabled-text: #a3a3ab;
+$token-component-tag-disabled-icon: #a3a3ab;
+$token-component-tag-read-only-background: #ffffff;
+$token-component-tag-read-only-border: #c2c2ca;
+$token-component-tag-read-only-text: #343438;
+$token-component-tag-read-only-icon: #3d3d42;
+$token-component-tag-input-default-background: #ffffff;
+$token-component-tag-input-default-border: #83838c;
+$token-component-tag-input-default-hint-text: #696970;
+$token-component-tag-input-placeholder-background: #ffffff;
+$token-component-tag-input-placeholder-border: #83838c;
+$token-component-tag-input-placeholder-text: #696970;
+$token-component-tag-input-placeholder-hint-text: #696970;
+$token-component-tag-input-hover-background: #ffffff;
+$token-component-tag-input-hover-border: #3d3d42;
+$token-component-tag-input-hover-text: #696970;
+$token-component-tag-input-hover-hint-text: #696970;
+$token-component-tag-input-filled-background: #ffffff;
+$token-component-tag-input-filled-border: #83838c;
+$token-component-tag-input-filled-icon: #3d3d42;
+$token-component-tag-input-filled-hint-text: #696970;
+$token-component-tag-input-disabled-background: #ededf2;
+$token-component-tag-input-disabled-border: #c2c2ca;
+$token-component-tag-input-disabled-hint-text: #696970;
+$token-component-tag-input-error-background: #ffffff;
+$token-component-tag-input-error-border: #d63c42;
+$token-component-tag-input-error-icon: #3d3d42;
+$token-component-tag-input-error-hint-text: #b82329;
+$token-component-tag-input-focus-empty-background: #ffffff;
+$token-component-tag-input-focus-empty-border: #0174bc;
+$token-component-tag-input-focus-empty-text: #696970;
+$token-component-tag-input-focus-empty-hint-text: #696970;
+$token-component-tag-input-focus-background: #ffffff;
+$token-component-tag-input-focus-border: #0174bc;
+$token-component-tag-input-focus-text: #343438;
+$token-component-tag-input-focus-hint-text: #696970;
+$token-component-text-area-default-background: #ffffff;
+$token-component-text-area-default-border: #83838c;
+$token-component-text-area-default-hint-text: #696970;
+$token-component-text-area-default-info-icon: #696970;
+$token-component-text-area-placeholder-background: #ffffff;
+$token-component-text-area-placeholder-border: #83838c;
+$token-component-text-area-placeholder-text: #696970;
+$token-component-text-area-placeholder-hint-text: #696970;
+$token-component-text-area-placeholder-info-icon: #696970;
+$token-component-text-area-hover-background: #ffffff;
+$token-component-text-area-hover-border: #3d3d42;
+$token-component-text-area-hover-text: #343438;
+$token-component-text-area-hover-icon: #3d3d42;
+$token-component-text-area-hover-hint-text: #696970;
+$token-component-text-area-hover-info-icon: #696970;
+$token-component-text-area-hover-empty-background: #ffffff;
+$token-component-text-area-hover-empty-border: #3d3d42;
+$token-component-text-area-hover-empty-text: #696970;
+$token-component-text-area-hover-empty-hint-text: #696970;
+$token-component-text-area-hover-empty-info-icon: #696970;
+$token-component-text-area-filled-background: #ffffff;
+$token-component-text-area-filled-border: #83838c;
+$token-component-text-area-filled-text: #343438;
+$token-component-text-area-filled-hint-text: #696970;
+$token-component-text-area-filled-info-icon: #696970;
+$token-component-text-area-filled-icon-default: #3d3d42;
+$token-component-text-area-filled-icon-hover: #009cde;
+$token-component-text-area-filled-icon-active: #0174bc;
+$token-component-text-area-disabled-background: #ededf2;
+$token-component-text-area-disabled-border: #c2c2ca;
+$token-component-text-area-disabled-text: #a3a3ab;
+$token-component-text-area-disabled-hint-text: #696970;
+$token-component-text-area-disabled-info-icon: #696970;
+$token-component-text-area-error-background: #ffffff;
+$token-component-text-area-error-border: #d63c42;
+$token-component-text-area-error-text: #343438;
+$token-component-text-area-error-hint-text: #b82329;
+$token-component-text-area-error-info-icon: #696970;
+$token-component-text-area-error-icon-default: #3d3d42;
+$token-component-text-area-error-icon-hover: #009cde;
+$token-component-text-area-error-icon-active: #0174bc;
+$token-component-text-area-focus-empty-background: #ffffff;
+$token-component-text-area-focus-empty-border: #0174bc;
+$token-component-text-area-focus-empty-hint-text: #696970;
+$token-component-text-area-focus-empty-info-icon: #696970;
+$token-component-text-area-focus-empty-icon-default: #3d3d42;
+$token-component-text-area-focus-empty-icon-hover: #009cde;
+$token-component-text-area-focus-empty-icon-active: #0174bc;
+$token-component-text-area-focus-background: #ffffff;
+$token-component-text-area-focus-border: #0174bc;
+$token-component-text-area-focus-text: #343438;
+$token-component-text-area-focus-hint-text: #696970;
+$token-component-text-area-focus-info-icon: #696970;
+$token-component-text-area-focus-icon-default: #3d3d42;
+$token-component-text-area-focus-icon-hover: #009cde;
+$token-component-text-area-focus-icon-active: #0174bc;
+$token-component-text-area-read-only-text: #343438;
+$token-component-text-area-read-only-hint-text: #696970;
+$token-component-text-field-default-background: #ffffff;
+$token-component-text-field-default-border: #83838c;
+$token-component-text-field-default-hint-text: #696970;
+$token-component-text-field-default-info-icon: #696970;
+$token-component-text-field-placeholder-background: #ffffff;
+$token-component-text-field-placeholder-border: #83838c;
+$token-component-text-field-placeholder-text: #696970;
+$token-component-text-field-placeholder-hint-text: #696970;
+$token-component-text-field-placeholder-info-icon: #696970;
+$token-component-text-field-hover-background: #ffffff;
+$token-component-text-field-hover-border: #3d3d42;
+$token-component-text-field-hover-text: #343438;
+$token-component-text-field-hover-icon: #3d3d42;
+$token-component-text-field-hover-hint-text: #696970;
+$token-component-text-field-hover-info-icon: #696970;
+$token-component-text-field-hover-empty-background: #ffffff;
+$token-component-text-field-hover-empty-border: #3d3d42;
+$token-component-text-field-hover-empty-text: #696970;
+$token-component-text-field-hover-empty-hint-text: #696970;
+$token-component-text-field-hover-empty-info-icon: #696970;
+$token-component-text-field-filled-background: #ffffff;
+$token-component-text-field-filled-border: #83838c;
+$token-component-text-field-filled-text: #343438;
+$token-component-text-field-filled-hint-text: #696970;
+$token-component-text-field-filled-info-icon: #696970;
+$token-component-text-field-filled-icon-default: #3d3d42;
+$token-component-text-field-filled-icon-hover: #009cde;
+$token-component-text-field-filled-icon-active: #0174bc;
+$token-component-text-field-disabled-background: #ededf2;
+$token-component-text-field-disabled-border: #c2c2ca;
+$token-component-text-field-disabled-text: #a3a3ab;
+$token-component-text-field-disabled-hint-text: #696970;
+$token-component-text-field-disabled-info-icon: #696970;
+$token-component-text-field-error-background: #ffffff;
+$token-component-text-field-error-border: #d63c42;
+$token-component-text-field-error-text: #343438;
+$token-component-text-field-error-hint-text: #b82329;
+$token-component-text-field-error-info-icon: #696970;
+$token-component-text-field-error-icon-default: #3d3d42;
+$token-component-text-field-error-icon-hover: #009cde;
+$token-component-text-field-error-icon-active: #0174bc;
+$token-component-text-field-focus-empty-background: #ffffff;
+$token-component-text-field-focus-empty-border: #0174bc;
+$token-component-text-field-focus-empty-hint-text: #696970;
+$token-component-text-field-focus-empty-info-icon: #696970;
+$token-component-text-field-focus-empty-icon-default: #3d3d42;
+$token-component-text-field-focus-empty-icon-hover: #009cde;
+$token-component-text-field-focus-empty-icon-active: #0174bc;
+$token-component-text-field-focus-background: #ffffff;
+$token-component-text-field-focus-border: #0174bc;
+$token-component-text-field-focus-text: #343438;
+$token-component-text-field-focus-hint-text: #696970;
+$token-component-text-field-focus-info-icon: #696970;
+$token-component-text-field-focus-icon-default: #3d3d42;
+$token-component-text-field-focus-icon-hover: #009cde;
+$token-component-text-field-focus-icon-active: #0174bc;
+$token-component-text-field-read-only-text: #343438;
+$token-component-text-field-read-only-hint-text: #696970;
+$token-component-time-picker-default-background: #ffffff;
+$token-component-time-picker-default-border: #83838c;
+$token-component-time-picker-default-text: #696970;
+$token-component-time-picker-default-icon: #3d3d42;
+$token-component-time-picker-default-hint-text: #696970;
+$token-component-time-picker-hover-background: #ffffff;
+$token-component-time-picker-hover-border: #3d3d42;
+$token-component-time-picker-hover-text: #696970;
+$token-component-time-picker-hover-icon: #3d3d42;
+$token-component-time-picker-hover-hint-text: #696970;
+$token-component-time-picker-filled-background: #ffffff;
+$token-component-time-picker-filled-border: #83838c;
+$token-component-time-picker-filled-text: #343438;
+$token-component-time-picker-filled-icon: #3d3d42;
+$token-component-time-picker-filled-hint-text: #696970;
+$token-component-time-picker-disabled-background: #ededf2;
+$token-component-time-picker-disabled-border: #c2c2ca;
+$token-component-time-picker-disabled-text: #a3a3ab;
+$token-component-time-picker-disabled-icon: #a3a3ab;
+$token-component-time-picker-disabled-hint-text: #696970;
+$token-component-time-picker-error-background: #ffffff;
+$token-component-time-picker-error-border: #d63c42;
+$token-component-time-picker-error-text: #343438;
+$token-component-time-picker-error-icon: #3d3d42;
+$token-component-time-picker-error-hint-text: #b82329;
+$token-component-time-picker-focus-empty-background: #ffffff;
+$token-component-time-picker-focus-empty-border: #0174bc;
+$token-component-time-picker-focus-empty-text: #696970;
+$token-component-time-picker-focus-empty-icon: #3d3d42;
+$token-component-time-picker-focus-empty-hint-text: #696970;
+$token-component-time-picker-focus-background: #ffffff;
+$token-component-time-picker-focus-border: #0174bc;
+$token-component-time-picker-focus-text: #343438;
+$token-component-time-picker-focus-icon: #3d3d42;
+$token-component-time-picker-focus-hint-text: #696970;
+$token-component-time-picker-read-only-text: #343438;
+$token-component-tooltip-background: #343438;
+$token-component-tooltip-text: #ffffff;
+$token-component-tree-text: #343438;
+$token-component-tree-border: #d6d6dd;
+$token-component-tree-icon-default: #3d3d42;
+$token-component-tree-icon-hover: #009cde;
+$token-component-tree-icon-active: #0174bc;
+$token-component-tree-background-default: #ffffff;
+$token-component-tree-background-hover: #edf8ff;
+$token-component-tree-expanded-area-border: #83838c;
+$token-component-widget-download-text: #343438;
+$token-component-widget-download-border: #d6d6dd;
+$token-component-widget-download-background-header: #f7f7fa;
+$token-component-widget-download-background-default: #ffffff;
+$token-component-widget-download-icon-default: #3d3d42;
+$token-component-widget-download-icon-success: #00b050;
+$token-component-widget-download-icon-error: #d63c42;
+$token-component-widget-upload-default-background: #ffffff;
+$token-component-widget-upload-default-border: #83838c;
+$token-component-widget-upload-default-icon: #3d3d42;
+$token-component-widget-upload-default-text-default: #343438;
+$token-component-widget-upload-default-text-link: #0174bc;
+$token-component-widget-upload-hover-background: #edf8ff;
+$token-component-widget-upload-hover-border: #0174bc;
+$token-component-widget-upload-hover-icon: #3d3d42;
+$token-component-widget-upload-hover-text-default: #343438;
+$token-component-widget-upload-hover-text-link: #0174bc;
+$token-component-widget-upload-disabled-background: #ededf2;
+$token-component-widget-upload-disabled-border: #c2c2ca;
+$token-component-widget-upload-disabled-icon: #a3a3ab;
+$token-component-widget-upload-disabled-text: #a3a3ab;
+$token-component-stepper-horizontal-line: #d6d6dd;
+$token-component-stepper-horizontal-past-item-circle-background: #edf8ff;
+$token-component-stepper-horizontal-past-item-circle-border: #0174bc;
+$token-component-stepper-horizontal-past-item-circle-text: #0174bc;
+$token-component-stepper-horizontal-past-item-circle-icon: #0174bc;
+$token-component-stepper-horizontal-past-item-text-default: #343438;
+$token-component-stepper-horizontal-past-item-text-hover: #0174bc;
+$token-component-stepper-horizontal-current-item-circle-background: #0174bc;
+$token-component-stepper-horizontal-current-item-circle-text: #ffffff;
+$token-component-stepper-horizontal-current-item-text-default: #343438;
+$token-component-stepper-horizontal-current-item-text-hover: #0174bc;
+$token-component-stepper-horizontal-future-item-circle-background: #ffffff;
+$token-component-stepper-horizontal-future-item-circle-border: #d6d6dd;
+$token-component-stepper-horizontal-future-item-circle-text: #a3a3ab;
+$token-component-stepper-horizontal-future-item-text: #a3a3ab;
+$token-component-stepper-vertical-background: #ffffff;
+$token-component-stepper-vertical-border: #d6d6dd;
+$token-component-stepper-vertical-icon: #3d3d42;
+$token-component-stepper-vertical-past-item-circle-background: #edf8ff;
+$token-component-stepper-vertical-past-item-circle-border: #0174bc;
+$token-component-stepper-vertical-past-item-circle-text: #0174bc;
+$token-component-stepper-vertical-past-item-circle-icon: #0174bc;
+$token-component-stepper-vertical-past-item-text-default: #343438;
+$token-component-stepper-vertical-past-item-text-hover: #0174bc;
+$token-component-stepper-vertical-current-item-icon: #0174bc;
+$token-component-stepper-vertical-current-item-circle-background: #0174bc;
+$token-component-stepper-vertical-current-item-circle-text: #ffffff;
+$token-component-stepper-vertical-current-item-text-default: #343438;
+$token-component-stepper-vertical-current-item-text-hover: #0174bc;
+$token-component-stepper-vertical-future-item-circle-background: #ffffff;
+$token-component-stepper-vertical-future-item-circle-border: #83838c;
+$token-component-stepper-vertical-future-item-circle-text: #696970;
+$token-component-stepper-vertical-future-item-text-default: #343438;
+$token-component-stepper-vertical-future-item-text-hover: #0174bc;
+$token-component-stepper-vertical-disabled-item-circle-background: #ffffff;
+$token-component-stepper-vertical-disabled-item-circle-border: #d6d6dd;
+$token-component-stepper-vertical-disabled-item-circle-text: #a3a3ab;
+$token-component-stepper-vertical-disabled-item-text: #a3a3ab;
+$token-component-advanced-search-filter-icon-default-icon: #3d3d42;
+$token-component-advanced-search-filter-icon-hover-icon: #009cde;
+$token-component-advanced-search-filter-icon-applied-icon: #0174bc;
+$token-component-advanced-search-filter-icon-applied-badge-background: #d63c42;
+$token-component-advanced-search-filter-icon-applied-badge-text: #ffffff;
+$token-component-advanced-search-filter-icon-disabled-icon: #a3a3ab;
+$token-component-advanced-search-filter-icon-disabled-badge-background: #83838c;
+$token-component-advanced-search-filter-icon-disabled-badge-text: #ffffff;
+$token-component-advanced-search-filter-area-background: #f7f7fa;
+$token-component-advanced-search-filter-area-border: #d6d6dd;
+$token-component-advanced-search-filter-area-text-default: #343438;
+$token-component-advanced-search-filter-area-text-link: #0174bc;
+$token-component-advanced-search-filter-area-icon-default: #3d3d42;
+$token-component-advanced-search-filter-area-icon-hover: #009cde;
+$token-component-advanced-search-filter-area-icon-disabled: #a3a3ab;
+$token-component-advanced-search-filter-area-tag-background: #ffffff;
+$token-component-advanced-search-filter-area-tag-border: #d6d6dd;
+$token-component-advanced-search-filter-area-tag-operator-icon: #c25d05;
+$token-component-advanced-search-filter-area-tag-icon-default: #3d3d42;
+$token-component-advanced-search-filter-area-tag-icon-hover: #009cde;
+$token-component-segmented-status-button-default-background: #ffffff;
+$token-component-segmented-status-button-default-border: #83838c;
+$token-component-segmented-status-button-default-text: #696970;
+$token-component-segmented-status-button-default-icon: #696970;
+$token-component-segmented-status-button-hover-background: #edf8ff;
+$token-component-segmented-status-button-hover-border: #83838c;
+$token-component-segmented-status-button-hover-text: #696970;
+$token-component-segmented-status-button-hover-icon: #696970;
+$token-component-segmented-status-button-disabled-background: #ffffff;
+$token-component-segmented-status-button-disabled-border: #c2c2ca;
+$token-component-segmented-status-button-disabled-text: #a3a3ab;
+$token-component-segmented-status-button-disabled-icon: #a3a3ab;
+$token-component-segmented-status-button-disabled-positive-background: #b7dfba;
+$token-component-segmented-status-button-disabled-positive-text: #a3a3ab;
+$token-component-segmented-status-button-disabled-positive-icon: #a3a3ab;
+$token-component-segmented-status-button-active-positive-background: #07a04d;
+$token-component-segmented-status-button-active-positive-text: #ffffff;
+$token-component-segmented-status-button-active-positive-icon: #ffffff;
+$token-component-segmented-status-button-disabled-negative-background: #f9c6c6;
+$token-component-segmented-status-button-disabled-negative-text: #a3a3ab;
+$token-component-segmented-status-button-disabled-negative-icon: #a3a3ab;
+$token-component-segmented-status-button-active-negative-background: #d0343a;
+$token-component-segmented-status-button-active-negative-text: #ffffff;
+$token-component-segmented-status-button-active-negative-icon: #ffffff;
+$token-component-segmented-status-button-disabled-neutral-background: #c2c2ca;
+$token-component-segmented-status-button-disabled-neutral-text: #a3a3ab;
+$token-component-segmented-status-button-disabled-neutral-icon: #a3a3ab;
+$token-component-segmented-status-button-active-neutral-background: #83838c;
+$token-component-segmented-status-button-active-neutral-text: #ffffff;
+$token-component-segmented-status-button-active-neutral-icon: #ffffff;
+$token-component-link-select-default-text: #0174bc;
+$token-component-link-select-default-icon: #3d3d42;
+$token-component-link-select-hover-text: #009cde;
+$token-component-link-select-hover-icon: #009cde;
+$token-component-link-select-filled-text: #0174bc;
+$token-component-link-select-filled-icon: #3d3d42;
+$token-component-link-select-disabled-text: #a3a3ab;
+$token-component-link-select-disabled-icon: #a3a3ab;
+$token-component-link-select-focus-text: #0174bc;
+$token-component-link-select-focus-icon: #3d3d42;
+$token-component-link-select-read-only-text: #343438;