diff --git a/dist/index.d.ts b/dist/index.d.ts index 2ee0ff9..747f0ad 100644 --- a/dist/index.d.ts +++ b/dist/index.d.ts @@ -1,7 +1,7 @@ /** * Do not edit directly - * Generated on 2025-09-05 + * Generated on 2025-09-22 */ export interface GlobalTypes { Color: { @@ -604,6 +604,7 @@ export interface AliasTypes { Warning: "#fecb34", Positive: "#00b050", Informative: "#4067e5", + Recommendation: "#12a594", Primary: { Default: "#3d3d42", Hover: "#009cde", @@ -622,7 +623,8 @@ export interface AliasTypes { Negative: "#d63c42", Warning: "#fecb34", Positive: "#00b050", - Informative: "#4067e5" + Informative: "#4067e5", + Recommendation: "#12a594" }, Background: { Normal: "#ffffff", @@ -637,6 +639,7 @@ export interface AliasTypes { Warningsubtle: "#ffecbc", Positivesubtle: "#dff3df", Informativesubtle: "#e6edfe", + Recommendationsubtle: "#d9f3ee", Neutralsubtle: "#e5e5ea", Overlay: "lch(13.8 2.09 286 / 0.24)" }, @@ -655,6 +658,7 @@ export interface AliasTypes { Disabled: "#c2c2ca" }, Tertiary: { + Default: "#c2c2ca", Disabled: "#afdef8" }, Positive: { @@ -688,6 +692,9 @@ export interface AliasTypes { Tertiary: "#edf8ff", TertiaryHover: "#108ad6", TertiaryActive: "#0174bc", + Neutral: "#ffffff", + NeutralHover: "#f7f7fa", + NeutralActive: "#ffffff", Disabled: "#ededf2" } }, @@ -768,6 +775,10 @@ export interface AliasTypes { Primary: "#753bbd", Secondary: "lch(38.2 75 307 / 0.12)" }, + Recommendation: { + Primary: "#067a6f", + Secondary: "lch(45.6 31.8 185 / 0.12)" + }, Pink: { Primary: "#cd1d8d", Secondary: "lch(47.1 72.1 347 / 0.12)" @@ -957,6 +968,7 @@ export interface ContentTypes { Warning: "#fecb34", Positive: "#00b050", Informative: "#4067e5", + Recommendation: "#12a594", Primary: { Default: "#3d3d42", Hover: "#009cde", @@ -978,7 +990,8 @@ export interface BorderTypes { Negative: "#d63c42", Warning: "#fecb34", Positive: "#00b050", - Informative: "#4067e5" + Informative: "#4067e5", + Recommendation: "#12a594" } declare const Border: BorderTypes; @@ -996,6 +1009,7 @@ export interface BackgroundTypes { Warningsubtle: "#ffecbc", Positivesubtle: "#dff3df", Informativesubtle: "#e6edfe", + Recommendationsubtle: "#d9f3ee", Neutralsubtle: "#e5e5ea", Overlay: "lch(13.8 2.09 286 / 0.24)" } @@ -1017,6 +1031,7 @@ export interface ActionTypes { Disabled: "#c2c2ca" }, Tertiary: { + Default: "#c2c2ca", Disabled: "#afdef8" }, Positive: { @@ -1053,6 +1068,9 @@ export interface InteractionTypes { Tertiary: "#edf8ff", TertiaryHover: "#108ad6", TertiaryActive: "#0174bc", + Neutral: "#ffffff", + NeutralHover: "#f7f7fa", + NeutralActive: "#ffffff", Disabled: "#ededf2" } } @@ -1142,6 +1160,10 @@ export interface AccentTypes { Primary: "#753bbd", Secondary: "lch(38.2 75 307 / 0.12)" }, + Recommendation: { + Primary: "#067a6f", + Secondary: "lch(45.6 31.8 185 / 0.12)" + }, Pink: { Primary: "#cd1d8d", Secondary: "lch(47.1 72.1 347 / 0.12)" @@ -1366,6 +1388,36 @@ export interface ComponentTypes { Border: "#0174bc" } }, + Tertiary: { + Default: { + Background: "#ffffff", + Border: "#c2c2ca", + Text: "#343438", + Icon: "#3d3d42" + }, + Hover: { + Background: "#edf8ff", + Border: "#009cde", + Text: "#343438", + Icon: "#3d3d42" + }, + Pressed: { + Background: "#ffffff", + Border: "#c2c2ca", + Text: "#343438", + Icon: "#3d3d42" + }, + Disabled: { + Background: "#ffffff", + Border: "#c2c2ca", + Text: "#a3a3ab", + Icon: "#a3a3ab" + }, + Loading: { + Background: "#ffffff", + Border: "#c2c2ca" + } + }, Link: { Default: { Text: "#0174bc", @@ -1768,6 +1820,16 @@ export interface ComponentTypes { Text: "#ffffff" } }, + Recommendation: { + Subtle: { + Background: "lch(45.6 31.8 185 / 0.12)", + Text: "#067a6f" + }, + Accent: { + Background: "#067a6f", + Text: "#ffffff" + } + }, Violet: { Subtle: { Background: "lch(36.2 62.1 298 / 0.12)", @@ -2561,6 +2623,11 @@ export interface ComponentTypes { Border: "#d63c42", StatusIcon: "#d63c42" }, + Recommendation: { + Background: "#d9f3ee", + Border: "#12a594", + StatusIcon: "#12a594" + }, Secondary: { Background: "#e5e5ea", Border: "#a3a3ab", @@ -3673,6 +3740,118 @@ export interface ComponentTypes { Hover: "#009cde" } } + }, + ContainerTab: { + Border: "#d6d6dd", + Default: { + Background: "#ffffff", + Label: "#343438", + Description: "#696970" + }, + Hover: { + Background: "#f7f7fa", + Label: "#343438", + Description: "#696970" + }, + Active: { + Background: "#ffffff", + Border: "#0174bc", + Label: "#343438", + Description: "#696970" + }, + Disabled: { + Background: "#ededf2", + Label: "#a3a3ab", + Description: "#a3a3ab" + }, + InfoIcon: { + Default: "#696970", + Hover: "#009cde", + Active: "#0174bc" + } + }, + KpiWidget: { + InfoIcon: { + Default: "#696970", + Hover: "#009cde", + Active: "#0174bc" + }, + Progress: { + Positive: { + Text: "#00b050", + Icon: "#00b050", + Background: "#dff3df" + }, + Negative: { + Text: "#b82329", + Icon: "#d63c42", + Background: "#ffe5e5" + } + }, + Chart: { + AverageLine: "#a3a3ab", + Neutral: { + Line: "#696970", + Background: "lch(44.6 4.09 286 / 0.2)" + }, + Negative: { + Line: "#d63c42", + Background: "lch(50.1 69.5 29.4 / 0.2)" + }, + Positive: { + Line: "#00b050", + Background: "lch(63 67 146 / 0.2)" + }, + Warning: { + Line: "#c25d05", + Background: "lch(51.7 70.9 57.2 / 0.2)" + }, + Info: { + Line: "#4067e5", + Background: "lch(46.5 72.3 286 / 0.2)" + }, + Combined: { + LinePrimary: "#4067e5", + BackgroundPrimary: "lch(46.5 72.3 286 / 0.2)", + LineSecondary: "#fe9933", + BackgroundSeconday: "lch(46.5 72.3 286 / 0.2)" + } + }, + Neutral: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#343438", + Description: "#696970" + }, + Positive: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#00b050", + Description: "#696970" + }, + Negative: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#b82329", + Description: "#696970" + }, + Warning: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#c25d05", + Description: "#696970" + }, + Info: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#4067e5", + Description: "#696970" + } } } @@ -3734,6 +3913,36 @@ export interface ButtonTypes { Border: "#0174bc" } }, + Tertiary: { + Default: { + Background: "#ffffff", + Border: "#c2c2ca", + Text: "#343438", + Icon: "#3d3d42" + }, + Hover: { + Background: "#edf8ff", + Border: "#009cde", + Text: "#343438", + Icon: "#3d3d42" + }, + Pressed: { + Background: "#ffffff", + Border: "#c2c2ca", + Text: "#343438", + Icon: "#3d3d42" + }, + Disabled: { + Background: "#ffffff", + Border: "#c2c2ca", + Text: "#a3a3ab", + Icon: "#a3a3ab" + }, + Loading: { + Background: "#ffffff", + Border: "#c2c2ca" + } + }, Link: { Default: { Text: "#0174bc", @@ -4157,6 +4366,16 @@ export interface BadgeTypes { Text: "#ffffff" } }, + Recommendation: { + Subtle: { + Background: "lch(45.6 31.8 185 / 0.12)", + Text: "#067a6f" + }, + Accent: { + Background: "#067a6f", + Text: "#ffffff" + } + }, Violet: { Subtle: { Background: "lch(36.2 62.1 298 / 0.12)", @@ -5019,6 +5238,11 @@ export interface NotificationBannerTypes { Border: "#d63c42", StatusIcon: "#d63c42" }, + Recommendation: { + Background: "#d9f3ee", + Border: "#12a594", + StatusIcon: "#12a594" + }, Secondary: { Background: "#e5e5ea", Border: "#a3a3ab", @@ -6215,4 +6439,122 @@ export interface FilterTypes { } declare const Filter: FilterTypes; + +export interface ContainerTabTypes { + Border: "#d6d6dd", + Default: { + Background: "#ffffff", + Label: "#343438", + Description: "#696970" + }, + Hover: { + Background: "#f7f7fa", + Label: "#343438", + Description: "#696970" + }, + Active: { + Background: "#ffffff", + Border: "#0174bc", + Label: "#343438", + Description: "#696970" + }, + Disabled: { + Background: "#ededf2", + Label: "#a3a3ab", + Description: "#a3a3ab" + }, + InfoIcon: { + Default: "#696970", + Hover: "#009cde", + Active: "#0174bc" + } +} + +declare const ContainerTab: ContainerTabTypes; + +export interface KpiWidgetTypes { + InfoIcon: { + Default: "#696970", + Hover: "#009cde", + Active: "#0174bc" + }, + Progress: { + Positive: { + Text: "#00b050", + Icon: "#00b050", + Background: "#dff3df" + }, + Negative: { + Text: "#b82329", + Icon: "#d63c42", + Background: "#ffe5e5" + } + }, + Chart: { + AverageLine: "#a3a3ab", + Neutral: { + Line: "#696970", + Background: "lch(44.6 4.09 286 / 0.2)" + }, + Negative: { + Line: "#d63c42", + Background: "lch(50.1 69.5 29.4 / 0.2)" + }, + Positive: { + Line: "#00b050", + Background: "lch(63 67 146 / 0.2)" + }, + Warning: { + Line: "#c25d05", + Background: "lch(51.7 70.9 57.2 / 0.2)" + }, + Info: { + Line: "#4067e5", + Background: "lch(46.5 72.3 286 / 0.2)" + }, + Combined: { + LinePrimary: "#4067e5", + BackgroundPrimary: "lch(46.5 72.3 286 / 0.2)", + LineSecondary: "#fe9933", + BackgroundSeconday: "lch(46.5 72.3 286 / 0.2)" + } + }, + Neutral: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#343438", + Description: "#696970" + }, + Positive: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#00b050", + Description: "#696970" + }, + Negative: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#b82329", + Description: "#696970" + }, + Warning: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#c25d05", + Description: "#696970" + }, + Info: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#4067e5", + Description: "#696970" + } +} + +declare const KpiWidget: KpiWidgetTypes; \ No newline at end of file diff --git a/dist/index.js b/dist/index.js index aba613d..bb31d30 100644 --- a/dist/index.js +++ b/dist/index.js @@ -1,7 +1,7 @@ /** * Do not edit directly - * Generated on 2025-09-05 + * Generated on 2025-09-22 */ export const Global = { Color: { @@ -594,6 +594,7 @@ export const Alias = { Warning: "#fecb34", Positive: "#00b050", Informative: "#4067e5", + Recommendation: "#12a594", Primary: { Default: "#3d3d42", Hover: "#009cde", @@ -612,7 +613,8 @@ export const Alias = { Negative: "#d63c42", Warning: "#fecb34", Positive: "#00b050", - Informative: "#4067e5" + Informative: "#4067e5", + Recommendation: "#12a594" }, Background: { Normal: "#ffffff", @@ -627,6 +629,7 @@ export const Alias = { Warningsubtle: "#ffecbc", Positivesubtle: "#dff3df", Informativesubtle: "#e6edfe", + Recommendationsubtle: "#d9f3ee", Neutralsubtle: "#e5e5ea", Overlay: "lch(13.8 2.09 286 / 0.24)" }, @@ -645,6 +648,7 @@ export const Alias = { Disabled: "#c2c2ca" }, Tertiary: { + Default: "#c2c2ca", Disabled: "#afdef8" }, Positive: { @@ -678,6 +682,9 @@ export const Alias = { Tertiary: "#edf8ff", TertiaryHover: "#108ad6", TertiaryActive: "#0174bc", + Neutral: "#ffffff", + NeutralHover: "#f7f7fa", + NeutralActive: "#ffffff", Disabled: "#ededf2" } }, @@ -758,6 +765,10 @@ export const Alias = { Primary: "#753bbd", Secondary: "lch(38.2 75 307 / 0.12)" }, + Recommendation: { + Primary: "#067a6f", + Secondary: "lch(45.6 31.8 185 / 0.12)" + }, Pink: { Primary: "#cd1d8d", Secondary: "lch(47.1 72.1 347 / 0.12)" @@ -945,6 +956,7 @@ export const Content = { Warning: "#fecb34", Positive: "#00b050", Informative: "#4067e5", + Recommendation: "#12a594", Primary: { Default: "#3d3d42", Hover: "#009cde", @@ -964,7 +976,8 @@ export const Border = { Negative: "#d63c42", Warning: "#fecb34", Positive: "#00b050", - Informative: "#4067e5" + Informative: "#4067e5", + Recommendation: "#12a594" }; export const Background = { @@ -980,6 +993,7 @@ export const Background = { Warningsubtle: "#ffecbc", Positivesubtle: "#dff3df", Informativesubtle: "#e6edfe", + Recommendationsubtle: "#d9f3ee", Neutralsubtle: "#e5e5ea", Overlay: "lch(13.8 2.09 286 / 0.24)" }; @@ -999,6 +1013,7 @@ export const Action = { Disabled: "#c2c2ca" }, Tertiary: { + Default: "#c2c2ca", Disabled: "#afdef8" }, Positive: { @@ -1033,6 +1048,9 @@ export const Interaction = { Tertiary: "#edf8ff", TertiaryHover: "#108ad6", TertiaryActive: "#0174bc", + Neutral: "#ffffff", + NeutralHover: "#f7f7fa", + NeutralActive: "#ffffff", Disabled: "#ededf2" } }; @@ -1116,6 +1134,10 @@ export const Accent = { Primary: "#753bbd", Secondary: "lch(38.2 75 307 / 0.12)" }, + Recommendation: { + Primary: "#067a6f", + Secondary: "lch(45.6 31.8 185 / 0.12)" + }, Pink: { Primary: "#cd1d8d", Secondary: "lch(47.1 72.1 347 / 0.12)" @@ -1334,6 +1356,36 @@ export const Component = { Border: "#0174bc" } }, + Tertiary: { + Default: { + Background: "#ffffff", + Border: "#c2c2ca", + Text: "#343438", + Icon: "#3d3d42" + }, + Hover: { + Background: "#edf8ff", + Border: "#009cde", + Text: "#343438", + Icon: "#3d3d42" + }, + Pressed: { + Background: "#ffffff", + Border: "#c2c2ca", + Text: "#343438", + Icon: "#3d3d42" + }, + Disabled: { + Background: "#ffffff", + Border: "#c2c2ca", + Text: "#a3a3ab", + Icon: "#a3a3ab" + }, + Loading: { + Background: "#ffffff", + Border: "#c2c2ca" + } + }, Link: { Default: { Text: "#0174bc", @@ -1736,6 +1788,16 @@ export const Component = { Text: "#ffffff" } }, + Recommendation: { + Subtle: { + Background: "lch(45.6 31.8 185 / 0.12)", + Text: "#067a6f" + }, + Accent: { + Background: "#067a6f", + Text: "#ffffff" + } + }, Violet: { Subtle: { Background: "lch(36.2 62.1 298 / 0.12)", @@ -2529,6 +2591,11 @@ export const Component = { Border: "#d63c42", StatusIcon: "#d63c42" }, + Recommendation: { + Background: "#d9f3ee", + Border: "#12a594", + StatusIcon: "#12a594" + }, Secondary: { Background: "#e5e5ea", Border: "#a3a3ab", @@ -3641,6 +3708,118 @@ export const Component = { Hover: "#009cde" } } + }, + ContainerTab: { + Border: "#d6d6dd", + Default: { + Background: "#ffffff", + Label: "#343438", + Description: "#696970" + }, + Hover: { + Background: "#f7f7fa", + Label: "#343438", + Description: "#696970" + }, + Active: { + Background: "#ffffff", + Border: "#0174bc", + Label: "#343438", + Description: "#696970" + }, + Disabled: { + Background: "#ededf2", + Label: "#a3a3ab", + Description: "#a3a3ab" + }, + InfoIcon: { + Default: "#696970", + Hover: "#009cde", + Active: "#0174bc" + } + }, + KpiWidget: { + InfoIcon: { + Default: "#696970", + Hover: "#009cde", + Active: "#0174bc" + }, + Progress: { + Positive: { + Text: "#00b050", + Icon: "#00b050", + Background: "#dff3df" + }, + Negative: { + Text: "#b82329", + Icon: "#d63c42", + Background: "#ffe5e5" + } + }, + Chart: { + AverageLine: "#a3a3ab", + Neutral: { + Line: "#696970", + Background: "lch(44.6 4.09 286 / 0.2)" + }, + Negative: { + Line: "#d63c42", + Background: "lch(50.1 69.5 29.4 / 0.2)" + }, + Positive: { + Line: "#00b050", + Background: "lch(63 67 146 / 0.2)" + }, + Warning: { + Line: "#c25d05", + Background: "lch(51.7 70.9 57.2 / 0.2)" + }, + Info: { + Line: "#4067e5", + Background: "lch(46.5 72.3 286 / 0.2)" + }, + Combined: { + LinePrimary: "#4067e5", + BackgroundPrimary: "lch(46.5 72.3 286 / 0.2)", + LineSecondary: "#fe9933", + BackgroundSeconday: "lch(46.5 72.3 286 / 0.2)" + } + }, + Neutral: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#343438", + Description: "#696970" + }, + Positive: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#00b050", + Description: "#696970" + }, + Negative: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#b82329", + Description: "#696970" + }, + Warning: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#c25d05", + Description: "#696970" + }, + Info: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#4067e5", + Description: "#696970" + } } }; @@ -3700,6 +3879,36 @@ export const Button = { Border: "#0174bc" } }, + Tertiary: { + Default: { + Background: "#ffffff", + Border: "#c2c2ca", + Text: "#343438", + Icon: "#3d3d42" + }, + Hover: { + Background: "#edf8ff", + Border: "#009cde", + Text: "#343438", + Icon: "#3d3d42" + }, + Pressed: { + Background: "#ffffff", + Border: "#c2c2ca", + Text: "#343438", + Icon: "#3d3d42" + }, + Disabled: { + Background: "#ffffff", + Border: "#c2c2ca", + Text: "#a3a3ab", + Icon: "#a3a3ab" + }, + Loading: { + Background: "#ffffff", + Border: "#c2c2ca" + } + }, Link: { Default: { Text: "#0174bc", @@ -4109,6 +4318,16 @@ export const Badge = { Text: "#ffffff" } }, + Recommendation: { + Subtle: { + Background: "lch(45.6 31.8 185 / 0.12)", + Text: "#067a6f" + }, + Accent: { + Background: "#067a6f", + Text: "#ffffff" + } + }, Violet: { Subtle: { Background: "lch(36.2 62.1 298 / 0.12)", @@ -4925,6 +5144,11 @@ export const NotificationBanner = { Border: "#d63c42", StatusIcon: "#d63c42" }, + Recommendation: { + Background: "#d9f3ee", + Border: "#12a594", + StatusIcon: "#12a594" + }, Secondary: { Background: "#e5e5ea", Border: "#a3a3ab", @@ -6065,4 +6289,118 @@ export const Filter = { } } }; + +export const ContainerTab = { + Border: "#d6d6dd", + Default: { + Background: "#ffffff", + Label: "#343438", + Description: "#696970" + }, + Hover: { + Background: "#f7f7fa", + Label: "#343438", + Description: "#696970" + }, + Active: { + Background: "#ffffff", + Border: "#0174bc", + Label: "#343438", + Description: "#696970" + }, + Disabled: { + Background: "#ededf2", + Label: "#a3a3ab", + Description: "#a3a3ab" + }, + InfoIcon: { + Default: "#696970", + Hover: "#009cde", + Active: "#0174bc" + } +}; + +export const KpiWidget = { + InfoIcon: { + Default: "#696970", + Hover: "#009cde", + Active: "#0174bc" + }, + Progress: { + Positive: { + Text: "#00b050", + Icon: "#00b050", + Background: "#dff3df" + }, + Negative: { + Text: "#b82329", + Icon: "#d63c42", + Background: "#ffe5e5" + } + }, + Chart: { + AverageLine: "#a3a3ab", + Neutral: { + Line: "#696970", + Background: "lch(44.6 4.09 286 / 0.2)" + }, + Negative: { + Line: "#d63c42", + Background: "lch(50.1 69.5 29.4 / 0.2)" + }, + Positive: { + Line: "#00b050", + Background: "lch(63 67 146 / 0.2)" + }, + Warning: { + Line: "#c25d05", + Background: "lch(51.7 70.9 57.2 / 0.2)" + }, + Info: { + Line: "#4067e5", + Background: "lch(46.5 72.3 286 / 0.2)" + }, + Combined: { + LinePrimary: "#4067e5", + BackgroundPrimary: "lch(46.5 72.3 286 / 0.2)", + LineSecondary: "#fe9933", + BackgroundSeconday: "lch(46.5 72.3 286 / 0.2)" + } + }, + Neutral: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#343438", + Description: "#696970" + }, + Positive: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#00b050", + Description: "#696970" + }, + Negative: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#b82329", + Description: "#696970" + }, + Warning: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#c25d05", + Description: "#696970" + }, + Info: { + Background: "#ffffff", + Border: "#d6d6dd", + Label: "#343438", + Kpi: "#4067e5", + Description: "#696970" + } +}; \ No newline at end of file diff --git a/dist/themes/dark/index.d.ts b/dist/themes/dark/index.d.ts index d9b6dc0..28e0c0e 100644 --- a/dist/themes/dark/index.d.ts +++ b/dist/themes/dark/index.d.ts @@ -1,7 +1,7 @@ /** * Do not edit directly - * Generated on 2025-09-05 + * Generated on 2025-09-22 */ export interface GlobalTypes { Color: { @@ -604,6 +604,7 @@ export interface AliasTypes { Warning: "#edb016", Positive: "#65ba75", Informative: "#8da4ef", + Recommendation: "#53b9ab", Primary: { Default: "#ffffff", Hover: "#96cff0", @@ -622,7 +623,8 @@ export interface AliasTypes { Negative: "#eb9091", Warning: "#edb016", Positive: "#65ba75", - Informative: "#8da4ef" + Informative: "#8da4ef", + Recommendation: "#53b9ab" }, Background: { Normal: "#3d3d42", @@ -637,6 +639,7 @@ export interface AliasTypes { Warningsubtle: "#515157", Positivesubtle: "#515157", Informativesubtle: "#515157", + Recommendationsubtle: "#515157", Neutralsubtle: "#515157", Overlay: "lch(13.8 2.09 286 / 0.84)" }, @@ -655,6 +658,7 @@ export interface AliasTypes { Disabled: "#515157" }, Tertiary: { + Default: "#83838c", Disabled: "#515157" }, Positive: { @@ -688,6 +692,9 @@ export interface AliasTypes { Tertiary: "#3d3d42", TertiaryHover: "#96cff0", TertiaryActive: "#5bb3ea", + Neutral: "#343438", + NeutralHover: "#3d3d42", + NeutralActive: "#3d3d42", Disabled: "#515157" } }, @@ -768,6 +775,10 @@ export interface AliasTypes { Primary: "#d3b4ed", Secondary: "lch(77.5 31.1 309 / 0.12)" }, + Recommendation: { + Primary: "#8dcec3", + Secondary: "lch(78.2 23.3 184 / 0.12)" + }, Pink: { Primary: "#ecadd4", Secondary: "lch(77.6 29.9 340 / 0.12)" @@ -957,6 +968,7 @@ export interface ContentTypes { Warning: "#edb016", Positive: "#65ba75", Informative: "#8da4ef", + Recommendation: "#53b9ab", Primary: { Default: "#ffffff", Hover: "#96cff0", @@ -978,7 +990,8 @@ export interface BorderTypes { Negative: "#eb9091", Warning: "#edb016", Positive: "#65ba75", - Informative: "#8da4ef" + Informative: "#8da4ef", + Recommendation: "#53b9ab" } declare const Border: BorderTypes; @@ -996,6 +1009,7 @@ export interface BackgroundTypes { Warningsubtle: "#515157", Positivesubtle: "#515157", Informativesubtle: "#515157", + Recommendationsubtle: "#515157", Neutralsubtle: "#515157", Overlay: "lch(13.8 2.09 286 / 0.84)" } @@ -1017,6 +1031,7 @@ export interface ActionTypes { Disabled: "#515157" }, Tertiary: { + Default: "#83838c", Disabled: "#515157" }, Positive: { @@ -1053,6 +1068,9 @@ export interface InteractionTypes { Tertiary: "#3d3d42", TertiaryHover: "#96cff0", TertiaryActive: "#5bb3ea", + Neutral: "#343438", + NeutralHover: "#3d3d42", + NeutralActive: "#3d3d42", Disabled: "#515157" } } @@ -1142,6 +1160,10 @@ export interface AccentTypes { Primary: "#d3b4ed", Secondary: "lch(77.5 31.1 309 / 0.12)" }, + Recommendation: { + Primary: "#8dcec3", + Secondary: "lch(78.2 23.3 184 / 0.12)" + }, Pink: { Primary: "#ecadd4", Secondary: "lch(77.6 29.9 340 / 0.12)" @@ -1366,6 +1388,36 @@ export interface ComponentTypes { Border: "#5bb3ea" } }, + Tertiary: { + Default: { + Background: "#3d3d42", + Border: "#83838c", + Text: "#ffffff", + Icon: "#ffffff" + }, + Hover: { + Background: "#515157", + Border: "#96cff0", + Text: "#ffffff", + Icon: "#ffffff" + }, + Pressed: { + Background: "#3d3d42", + Border: "#83838c", + Text: "#ffffff", + Icon: "#ffffff" + }, + Disabled: { + Background: "#3d3d42", + Border: "#515157", + Text: "#83838c", + Icon: "#83838c" + }, + Loading: { + Background: "#3d3d42", + Border: "#83838c" + } + }, Link: { Default: { Text: "#7dcdff", @@ -1768,6 +1820,16 @@ export interface ComponentTypes { Text: "#343438" } }, + Recommendation: { + Subtle: { + Background: "lch(78.2 23.3 184 / 0.12)", + Text: "#8dcec3" + }, + Accent: { + Background: "#8dcec3", + Text: "#343438" + } + }, Violet: { Subtle: { Background: "lch(77.3 30.9 295 / 0.12)", @@ -2561,6 +2623,11 @@ export interface ComponentTypes { Border: "#eb9091", StatusIcon: "#eb9091" }, + Recommendation: { + Background: "#515157", + Border: "#53b9ab", + StatusIcon: "#53b9ab" + }, Secondary: { Background: "#515157", Border: "#a3a3ab", @@ -3673,6 +3740,118 @@ export interface ComponentTypes { Hover: "#96cff0" } } + }, + ContainerTab: { + Border: "#515157", + Default: { + Background: "#343438", + Label: "#ffffff", + Description: "#a3a3ab" + }, + Hover: { + Background: "#3d3d42", + Label: "#ffffff", + Description: "#a3a3ab" + }, + Active: { + Background: "#3d3d42", + Border: "#5bb3ea", + Label: "#ffffff", + Description: "#a3a3ab" + }, + Disabled: { + Background: "#515157", + Label: "#83838c", + Description: "#83838c" + }, + InfoIcon: { + Default: "#a3a3ab", + Hover: "#96cff0", + Active: "#7dcdff" + } + }, + KpiWidget: { + InfoIcon: { + Default: "#a3a3ab", + Hover: "#96cff0", + Active: "#7dcdff" + }, + Progress: { + Positive: { + Text: "#00b050", + Icon: "#65ba75", + Background: "#515157" + }, + Negative: { + Text: "#eb9091", + Icon: "#eb9091", + Background: "#515157" + } + }, + Chart: { + AverageLine: "#a3a3ab", + Neutral: { + Line: "#696970", + Background: "lch(44.6 4.09 286 / 0.2)" + }, + Negative: { + Line: "#d63c42", + Background: "lch(50.1 69.5 29.4 / 0.2)" + }, + Positive: { + Line: "#00b050", + Background: "lch(63 67 146 / 0.2)" + }, + Warning: { + Line: "#c25d05", + Background: "lch(51.7 70.9 57.2 / 0.2)" + }, + Info: { + Line: "#4067e5", + Background: "lch(46.5 72.3 286 / 0.2)" + }, + Combined: { + LinePrimary: "#4067e5", + BackgroundPrimary: "lch(46.5 72.3 286 / 0.2)", + LineSecondary: "#fe9933", + BackgroundSeconday: "lch(46.5 72.3 286 / 0.2)" + } + }, + Neutral: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#ffffff", + Description: "#a3a3ab" + }, + Positive: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#00b050", + Description: "#a3a3ab" + }, + Negative: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#eb9091", + Description: "#a3a3ab" + }, + Warning: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#c25d05", + Description: "#a3a3ab" + }, + Info: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#4067e5", + Description: "#a3a3ab" + } } } @@ -3734,6 +3913,36 @@ export interface ButtonTypes { Border: "#5bb3ea" } }, + Tertiary: { + Default: { + Background: "#3d3d42", + Border: "#83838c", + Text: "#ffffff", + Icon: "#ffffff" + }, + Hover: { + Background: "#515157", + Border: "#96cff0", + Text: "#ffffff", + Icon: "#ffffff" + }, + Pressed: { + Background: "#3d3d42", + Border: "#83838c", + Text: "#ffffff", + Icon: "#ffffff" + }, + Disabled: { + Background: "#3d3d42", + Border: "#515157", + Text: "#83838c", + Icon: "#83838c" + }, + Loading: { + Background: "#3d3d42", + Border: "#83838c" + } + }, Link: { Default: { Text: "#7dcdff", @@ -4157,6 +4366,16 @@ export interface BadgeTypes { Text: "#343438" } }, + Recommendation: { + Subtle: { + Background: "lch(78.2 23.3 184 / 0.12)", + Text: "#8dcec3" + }, + Accent: { + Background: "#8dcec3", + Text: "#343438" + } + }, Violet: { Subtle: { Background: "lch(77.3 30.9 295 / 0.12)", @@ -5019,6 +5238,11 @@ export interface NotificationBannerTypes { Border: "#eb9091", StatusIcon: "#eb9091" }, + Recommendation: { + Background: "#515157", + Border: "#53b9ab", + StatusIcon: "#53b9ab" + }, Secondary: { Background: "#515157", Border: "#a3a3ab", @@ -6215,4 +6439,122 @@ export interface FilterTypes { } declare const Filter: FilterTypes; + +export interface ContainerTabTypes { + Border: "#515157", + Default: { + Background: "#343438", + Label: "#ffffff", + Description: "#a3a3ab" + }, + Hover: { + Background: "#3d3d42", + Label: "#ffffff", + Description: "#a3a3ab" + }, + Active: { + Background: "#3d3d42", + Border: "#5bb3ea", + Label: "#ffffff", + Description: "#a3a3ab" + }, + Disabled: { + Background: "#515157", + Label: "#83838c", + Description: "#83838c" + }, + InfoIcon: { + Default: "#a3a3ab", + Hover: "#96cff0", + Active: "#7dcdff" + } +} + +declare const ContainerTab: ContainerTabTypes; + +export interface KpiWidgetTypes { + InfoIcon: { + Default: "#a3a3ab", + Hover: "#96cff0", + Active: "#7dcdff" + }, + Progress: { + Positive: { + Text: "#00b050", + Icon: "#65ba75", + Background: "#515157" + }, + Negative: { + Text: "#eb9091", + Icon: "#eb9091", + Background: "#515157" + } + }, + Chart: { + AverageLine: "#a3a3ab", + Neutral: { + Line: "#696970", + Background: "lch(44.6 4.09 286 / 0.2)" + }, + Negative: { + Line: "#d63c42", + Background: "lch(50.1 69.5 29.4 / 0.2)" + }, + Positive: { + Line: "#00b050", + Background: "lch(63 67 146 / 0.2)" + }, + Warning: { + Line: "#c25d05", + Background: "lch(51.7 70.9 57.2 / 0.2)" + }, + Info: { + Line: "#4067e5", + Background: "lch(46.5 72.3 286 / 0.2)" + }, + Combined: { + LinePrimary: "#4067e5", + BackgroundPrimary: "lch(46.5 72.3 286 / 0.2)", + LineSecondary: "#fe9933", + BackgroundSeconday: "lch(46.5 72.3 286 / 0.2)" + } + }, + Neutral: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#ffffff", + Description: "#a3a3ab" + }, + Positive: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#00b050", + Description: "#a3a3ab" + }, + Negative: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#eb9091", + Description: "#a3a3ab" + }, + Warning: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#c25d05", + Description: "#a3a3ab" + }, + Info: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#4067e5", + Description: "#a3a3ab" + } +} + +declare const KpiWidget: KpiWidgetTypes; \ No newline at end of file diff --git a/dist/themes/dark/index.js b/dist/themes/dark/index.js index d326854..e125b3f 100644 --- a/dist/themes/dark/index.js +++ b/dist/themes/dark/index.js @@ -1,7 +1,7 @@ /** * Do not edit directly - * Generated on 2025-09-05 + * Generated on 2025-09-22 */ export const Global = { Color: { @@ -594,6 +594,7 @@ export const Alias = { Warning: "#edb016", Positive: "#65ba75", Informative: "#8da4ef", + Recommendation: "#53b9ab", Primary: { Default: "#ffffff", Hover: "#96cff0", @@ -612,7 +613,8 @@ export const Alias = { Negative: "#eb9091", Warning: "#edb016", Positive: "#65ba75", - Informative: "#8da4ef" + Informative: "#8da4ef", + Recommendation: "#53b9ab" }, Background: { Normal: "#3d3d42", @@ -627,6 +629,7 @@ export const Alias = { Warningsubtle: "#515157", Positivesubtle: "#515157", Informativesubtle: "#515157", + Recommendationsubtle: "#515157", Neutralsubtle: "#515157", Overlay: "lch(13.8 2.09 286 / 0.84)" }, @@ -645,6 +648,7 @@ export const Alias = { Disabled: "#515157" }, Tertiary: { + Default: "#83838c", Disabled: "#515157" }, Positive: { @@ -678,6 +682,9 @@ export const Alias = { Tertiary: "#3d3d42", TertiaryHover: "#96cff0", TertiaryActive: "#5bb3ea", + Neutral: "#343438", + NeutralHover: "#3d3d42", + NeutralActive: "#3d3d42", Disabled: "#515157" } }, @@ -758,6 +765,10 @@ export const Alias = { Primary: "#d3b4ed", Secondary: "lch(77.5 31.1 309 / 0.12)" }, + Recommendation: { + Primary: "#8dcec3", + Secondary: "lch(78.2 23.3 184 / 0.12)" + }, Pink: { Primary: "#ecadd4", Secondary: "lch(77.6 29.9 340 / 0.12)" @@ -945,6 +956,7 @@ export const Content = { Warning: "#edb016", Positive: "#65ba75", Informative: "#8da4ef", + Recommendation: "#53b9ab", Primary: { Default: "#ffffff", Hover: "#96cff0", @@ -964,7 +976,8 @@ export const Border = { Negative: "#eb9091", Warning: "#edb016", Positive: "#65ba75", - Informative: "#8da4ef" + Informative: "#8da4ef", + Recommendation: "#53b9ab" }; export const Background = { @@ -980,6 +993,7 @@ export const Background = { Warningsubtle: "#515157", Positivesubtle: "#515157", Informativesubtle: "#515157", + Recommendationsubtle: "#515157", Neutralsubtle: "#515157", Overlay: "lch(13.8 2.09 286 / 0.84)" }; @@ -999,6 +1013,7 @@ export const Action = { Disabled: "#515157" }, Tertiary: { + Default: "#83838c", Disabled: "#515157" }, Positive: { @@ -1033,6 +1048,9 @@ export const Interaction = { Tertiary: "#3d3d42", TertiaryHover: "#96cff0", TertiaryActive: "#5bb3ea", + Neutral: "#343438", + NeutralHover: "#3d3d42", + NeutralActive: "#3d3d42", Disabled: "#515157" } }; @@ -1116,6 +1134,10 @@ export const Accent = { Primary: "#d3b4ed", Secondary: "lch(77.5 31.1 309 / 0.12)" }, + Recommendation: { + Primary: "#8dcec3", + Secondary: "lch(78.2 23.3 184 / 0.12)" + }, Pink: { Primary: "#ecadd4", Secondary: "lch(77.6 29.9 340 / 0.12)" @@ -1334,6 +1356,36 @@ export const Component = { Border: "#5bb3ea" } }, + Tertiary: { + Default: { + Background: "#3d3d42", + Border: "#83838c", + Text: "#ffffff", + Icon: "#ffffff" + }, + Hover: { + Background: "#515157", + Border: "#96cff0", + Text: "#ffffff", + Icon: "#ffffff" + }, + Pressed: { + Background: "#3d3d42", + Border: "#83838c", + Text: "#ffffff", + Icon: "#ffffff" + }, + Disabled: { + Background: "#3d3d42", + Border: "#515157", + Text: "#83838c", + Icon: "#83838c" + }, + Loading: { + Background: "#3d3d42", + Border: "#83838c" + } + }, Link: { Default: { Text: "#7dcdff", @@ -1736,6 +1788,16 @@ export const Component = { Text: "#343438" } }, + Recommendation: { + Subtle: { + Background: "lch(78.2 23.3 184 / 0.12)", + Text: "#8dcec3" + }, + Accent: { + Background: "#8dcec3", + Text: "#343438" + } + }, Violet: { Subtle: { Background: "lch(77.3 30.9 295 / 0.12)", @@ -2529,6 +2591,11 @@ export const Component = { Border: "#eb9091", StatusIcon: "#eb9091" }, + Recommendation: { + Background: "#515157", + Border: "#53b9ab", + StatusIcon: "#53b9ab" + }, Secondary: { Background: "#515157", Border: "#a3a3ab", @@ -3641,6 +3708,118 @@ export const Component = { Hover: "#96cff0" } } + }, + ContainerTab: { + Border: "#515157", + Default: { + Background: "#343438", + Label: "#ffffff", + Description: "#a3a3ab" + }, + Hover: { + Background: "#3d3d42", + Label: "#ffffff", + Description: "#a3a3ab" + }, + Active: { + Background: "#3d3d42", + Border: "#5bb3ea", + Label: "#ffffff", + Description: "#a3a3ab" + }, + Disabled: { + Background: "#515157", + Label: "#83838c", + Description: "#83838c" + }, + InfoIcon: { + Default: "#a3a3ab", + Hover: "#96cff0", + Active: "#7dcdff" + } + }, + KpiWidget: { + InfoIcon: { + Default: "#a3a3ab", + Hover: "#96cff0", + Active: "#7dcdff" + }, + Progress: { + Positive: { + Text: "#00b050", + Icon: "#65ba75", + Background: "#515157" + }, + Negative: { + Text: "#eb9091", + Icon: "#eb9091", + Background: "#515157" + } + }, + Chart: { + AverageLine: "#a3a3ab", + Neutral: { + Line: "#696970", + Background: "lch(44.6 4.09 286 / 0.2)" + }, + Negative: { + Line: "#d63c42", + Background: "lch(50.1 69.5 29.4 / 0.2)" + }, + Positive: { + Line: "#00b050", + Background: "lch(63 67 146 / 0.2)" + }, + Warning: { + Line: "#c25d05", + Background: "lch(51.7 70.9 57.2 / 0.2)" + }, + Info: { + Line: "#4067e5", + Background: "lch(46.5 72.3 286 / 0.2)" + }, + Combined: { + LinePrimary: "#4067e5", + BackgroundPrimary: "lch(46.5 72.3 286 / 0.2)", + LineSecondary: "#fe9933", + BackgroundSeconday: "lch(46.5 72.3 286 / 0.2)" + } + }, + Neutral: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#ffffff", + Description: "#a3a3ab" + }, + Positive: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#00b050", + Description: "#a3a3ab" + }, + Negative: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#eb9091", + Description: "#a3a3ab" + }, + Warning: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#c25d05", + Description: "#a3a3ab" + }, + Info: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#4067e5", + Description: "#a3a3ab" + } } }; @@ -3700,6 +3879,36 @@ export const Button = { Border: "#5bb3ea" } }, + Tertiary: { + Default: { + Background: "#3d3d42", + Border: "#83838c", + Text: "#ffffff", + Icon: "#ffffff" + }, + Hover: { + Background: "#515157", + Border: "#96cff0", + Text: "#ffffff", + Icon: "#ffffff" + }, + Pressed: { + Background: "#3d3d42", + Border: "#83838c", + Text: "#ffffff", + Icon: "#ffffff" + }, + Disabled: { + Background: "#3d3d42", + Border: "#515157", + Text: "#83838c", + Icon: "#83838c" + }, + Loading: { + Background: "#3d3d42", + Border: "#83838c" + } + }, Link: { Default: { Text: "#7dcdff", @@ -4109,6 +4318,16 @@ export const Badge = { Text: "#343438" } }, + Recommendation: { + Subtle: { + Background: "lch(78.2 23.3 184 / 0.12)", + Text: "#8dcec3" + }, + Accent: { + Background: "#8dcec3", + Text: "#343438" + } + }, Violet: { Subtle: { Background: "lch(77.3 30.9 295 / 0.12)", @@ -4925,6 +5144,11 @@ export const NotificationBanner = { Border: "#eb9091", StatusIcon: "#eb9091" }, + Recommendation: { + Background: "#515157", + Border: "#53b9ab", + StatusIcon: "#53b9ab" + }, Secondary: { Background: "#515157", Border: "#a3a3ab", @@ -6065,4 +6289,118 @@ export const Filter = { } } }; + +export const ContainerTab = { + Border: "#515157", + Default: { + Background: "#343438", + Label: "#ffffff", + Description: "#a3a3ab" + }, + Hover: { + Background: "#3d3d42", + Label: "#ffffff", + Description: "#a3a3ab" + }, + Active: { + Background: "#3d3d42", + Border: "#5bb3ea", + Label: "#ffffff", + Description: "#a3a3ab" + }, + Disabled: { + Background: "#515157", + Label: "#83838c", + Description: "#83838c" + }, + InfoIcon: { + Default: "#a3a3ab", + Hover: "#96cff0", + Active: "#7dcdff" + } +}; + +export const KpiWidget = { + InfoIcon: { + Default: "#a3a3ab", + Hover: "#96cff0", + Active: "#7dcdff" + }, + Progress: { + Positive: { + Text: "#00b050", + Icon: "#65ba75", + Background: "#515157" + }, + Negative: { + Text: "#eb9091", + Icon: "#eb9091", + Background: "#515157" + } + }, + Chart: { + AverageLine: "#a3a3ab", + Neutral: { + Line: "#696970", + Background: "lch(44.6 4.09 286 / 0.2)" + }, + Negative: { + Line: "#d63c42", + Background: "lch(50.1 69.5 29.4 / 0.2)" + }, + Positive: { + Line: "#00b050", + Background: "lch(63 67 146 / 0.2)" + }, + Warning: { + Line: "#c25d05", + Background: "lch(51.7 70.9 57.2 / 0.2)" + }, + Info: { + Line: "#4067e5", + Background: "lch(46.5 72.3 286 / 0.2)" + }, + Combined: { + LinePrimary: "#4067e5", + BackgroundPrimary: "lch(46.5 72.3 286 / 0.2)", + LineSecondary: "#fe9933", + BackgroundSeconday: "lch(46.5 72.3 286 / 0.2)" + } + }, + Neutral: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#ffffff", + Description: "#a3a3ab" + }, + Positive: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#00b050", + Description: "#a3a3ab" + }, + Negative: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#eb9091", + Description: "#a3a3ab" + }, + Warning: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#c25d05", + Description: "#a3a3ab" + }, + Info: { + Background: "#3d3d42", + Border: "#515157", + Label: "#ffffff", + Kpi: "#4067e5", + Description: "#a3a3ab" + } +}; \ No newline at end of file diff --git a/dist/themes/dark/tokens.css b/dist/themes/dark/tokens.css index 8bb66e2..ebc1741 100644 --- a/dist/themes/dark/tokens.css +++ b/dist/themes/dark/tokens.css @@ -244,6 +244,7 @@ --token-alias-content-icon-warning: #edb016; --token-alias-content-icon-positive: #65ba75; --token-alias-content-icon-informative: #8da4ef; + --token-alias-content-icon-recommendation: #53b9ab; --token-alias-content-icon-primary-default: #ffffff; /* Default icon color */ --token-alias-content-icon-primary-hover: #96cff0; --token-alias-content-icon-primary-active: #7dcdff; @@ -256,6 +257,7 @@ --token-alias-border-warning: #edb016; --token-alias-border-positive: #65ba75; --token-alias-border-informative: #8da4ef; + --token-alias-border-recommendation: #53b9ab; --token-alias-background-normal: #3d3d42; /* Default component background */ --token-alias-background-neutral: #343438; /* Default page background */ --token-alias-background-base: #ffffff; /* Tooltip background */ @@ -268,6 +270,7 @@ --token-alias-background-warningsubtle: #515157; --token-alias-background-positivesubtle: #515157; --token-alias-background-informativesubtle: #515157; + --token-alias-background-recommendationsubtle: #515157; --token-alias-background-neutralsubtle: #515157; --token-alias-background-overlay: lch(13.8 2.09 286 / 0.84); --token-alias-action-base: #3d3d42; @@ -279,6 +282,7 @@ --token-alias-action-primary-disabled: #515157; --token-alias-action-secondary-hover: #515157; --token-alias-action-secondary-disabled: #515157; + --token-alias-action-tertiary-default: #83838c; --token-alias-action-tertiary-disabled: #515157; --token-alias-action-positive-default: #65ba75; --token-alias-action-positive-hover: #97cf9c; @@ -302,6 +306,9 @@ --token-alias-interaction-background-tertiary: #3d3d42; --token-alias-interaction-background-tertiary-hover: #96cff0; /* Hover color for an active calendar date */ --token-alias-interaction-background-tertiary-active: #5bb3ea; + --token-alias-interaction-background-neutral: #343438; + --token-alias-interaction-background-neutral-hover: #3d3d42; + --token-alias-interaction-background-neutral-active: #3d3d42; --token-alias-interaction-background-disabled: #515157; --token-alias-elevation-s: 0 2px 8px 0 rgba(0,0,0,0.18); /* Default shadow for components, like notification banners, dropdowns, popups; */ --token-alias-elevation-s-inverted: 0 -2px 8px 0 rgba(0,0,0,0.18); /* Inverted shadow for elements that appear above the component */ @@ -349,6 +356,8 @@ --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-recommendation-primary: #8dcec3; + --token-alias-accent-recommendation-secondary: lch(78.2 23.3 184 / 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; @@ -475,6 +484,24 @@ --token-component-button-secondary-disabled-icon: #83838c; --token-component-button-secondary-loading-background: #3d3d42; --token-component-button-secondary-loading-border: #5bb3ea; + --token-component-button-tertiary-default-background: #3d3d42; + --token-component-button-tertiary-default-border: #83838c; + --token-component-button-tertiary-default-text: #ffffff; + --token-component-button-tertiary-default-icon: #ffffff; + --token-component-button-tertiary-hover-background: #515157; + --token-component-button-tertiary-hover-border: #96cff0; + --token-component-button-tertiary-hover-text: #ffffff; + --token-component-button-tertiary-hover-icon: #ffffff; + --token-component-button-tertiary-pressed-background: #3d3d42; + --token-component-button-tertiary-pressed-border: #83838c; + --token-component-button-tertiary-pressed-text: #ffffff; + --token-component-button-tertiary-pressed-icon: #ffffff; + --token-component-button-tertiary-disabled-background: #3d3d42; + --token-component-button-tertiary-disabled-border: #515157; + --token-component-button-tertiary-disabled-text: #83838c; + --token-component-button-tertiary-disabled-icon: #83838c; + --token-component-button-tertiary-loading-background: #3d3d42; + --token-component-button-tertiary-loading-border: #83838c; --token-component-button-link-default-text: #7dcdff; --token-component-button-link-default-icon: #7dcdff; --token-component-button-link-hover-text: #96cff0; @@ -689,6 +716,10 @@ --token-component-badge-important-subtle-text: #d3b4ed; --token-component-badge-important-accent-background: #d3b4ed; --token-component-badge-important-accent-text: #343438; + --token-component-badge-recommendation-subtle-background: lch(78.2 23.3 184 / 0.12); + --token-component-badge-recommendation-subtle-text: #8dcec3; + --token-component-badge-recommendation-accent-background: #8dcec3; + --token-component-badge-recommendation-accent-text: #343438; --token-component-badge-violet-subtle-background: lch(77.3 30.9 295 / 0.12); --token-component-badge-violet-subtle-text: #c4b8f3; --token-component-badge-violet-accent-background: #c4b8f3; @@ -1128,6 +1159,9 @@ --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-recommendation-background: #515157; + --token-component-notification-banner-recommendation-border: #53b9ab; + --token-component-notification-banner-recommendation-status-icon: #53b9ab; --token-component-notification-banner-secondary-background: #515157; --token-component-notification-banner-secondary-border: #a3a3ab; --token-component-notification-banner-secondary-status-icon: #a3a3ab; @@ -1786,4 +1820,70 @@ --token-component-filter-tag-clear-all-hover: #96cff0; --token-component-filter-tag-icon-defaul: #ffffff; --token-component-filter-tag-icon-hover: #96cff0; + --token-component-container-tab-border: #515157; + --token-component-container-tab-default-background: #343438; + --token-component-container-tab-default-label: #ffffff; + --token-component-container-tab-default-description: #a3a3ab; + --token-component-container-tab-hover-background: #3d3d42; + --token-component-container-tab-hover-label: #ffffff; + --token-component-container-tab-hover-description: #a3a3ab; + --token-component-container-tab-active-background: #3d3d42; + --token-component-container-tab-active-border: #5bb3ea; + --token-component-container-tab-active-label: #ffffff; + --token-component-container-tab-active-description: #a3a3ab; + --token-component-container-tab-disabled-background: #515157; + --token-component-container-tab-disabled-label: #83838c; + --token-component-container-tab-disabled-description: #83838c; + --token-component-container-tab-info-icon-default: #a3a3ab; + --token-component-container-tab-info-icon-hover: #96cff0; + --token-component-container-tab-info-icon-active: #7dcdff; + --token-component-kpi-widget-info-icon-default: #a3a3ab; + --token-component-kpi-widget-info-icon-hover: #96cff0; + --token-component-kpi-widget-info-icon-active: #7dcdff; + --token-component-kpi-widget-progress-positive-text: #00b050; + --token-component-kpi-widget-progress-positive-icon: #65ba75; + --token-component-kpi-widget-progress-positive-background: #515157; + --token-component-kpi-widget-progress-negative-text: #eb9091; + --token-component-kpi-widget-progress-negative-icon: #eb9091; + --token-component-kpi-widget-progress-negative-background: #515157; + --token-component-kpi-widget-chart-average-line: #a3a3ab; + --token-component-kpi-widget-chart-neutral-line: #696970; + --token-component-kpi-widget-chart-neutral-background: lch(44.6 4.09 286 / 0.2); + --token-component-kpi-widget-chart-negative-line: #d63c42; + --token-component-kpi-widget-chart-negative-background: lch(50.1 69.5 29.4 / 0.2); + --token-component-kpi-widget-chart-positive-line: #00b050; + --token-component-kpi-widget-chart-positive-background: lch(63 67 146 / 0.2); + --token-component-kpi-widget-chart-warning-line: #c25d05; + --token-component-kpi-widget-chart-warning-background: lch(51.7 70.9 57.2 / 0.2); + --token-component-kpi-widget-chart-info-line: #4067e5; + --token-component-kpi-widget-chart-info-background: lch(46.5 72.3 286 / 0.2); + --token-component-kpi-widget-chart-combined-line-primary: #4067e5; + --token-component-kpi-widget-chart-combined-background-primary: lch(46.5 72.3 286 / 0.2); + --token-component-kpi-widget-chart-combined-line-secondary: #fe9933; + --token-component-kpi-widget-chart-combined-background-seconday: lch(46.5 72.3 286 / 0.2); + --token-component-kpi-widget-neutral-background: #3d3d42; + --token-component-kpi-widget-neutral-border: #515157; + --token-component-kpi-widget-neutral-label: #ffffff; + --token-component-kpi-widget-neutral-kpi: #ffffff; + --token-component-kpi-widget-neutral-description: #a3a3ab; + --token-component-kpi-widget-positive-background: #3d3d42; + --token-component-kpi-widget-positive-border: #515157; + --token-component-kpi-widget-positive-label: #ffffff; + --token-component-kpi-widget-positive-kpi: #00b050; + --token-component-kpi-widget-positive-description: #a3a3ab; + --token-component-kpi-widget-negative-background: #3d3d42; + --token-component-kpi-widget-negative-border: #515157; + --token-component-kpi-widget-negative-label: #ffffff; + --token-component-kpi-widget-negative-kpi: #eb9091; + --token-component-kpi-widget-negative-description: #a3a3ab; + --token-component-kpi-widget-warning-background: #3d3d42; + --token-component-kpi-widget-warning-border: #515157; + --token-component-kpi-widget-warning-label: #ffffff; + --token-component-kpi-widget-warning-kpi: #c25d05; + --token-component-kpi-widget-warning-description: #a3a3ab; + --token-component-kpi-widget-info-background: #3d3d42; + --token-component-kpi-widget-info-border: #515157; + --token-component-kpi-widget-info-label: #ffffff; + --token-component-kpi-widget-info-kpi: #4067e5; + --token-component-kpi-widget-info-description: #a3a3ab; } diff --git a/dist/themes/dark/tokens.d.ts b/dist/themes/dark/tokens.d.ts index 2a0bc07..a47b414 100644 --- a/dist/themes/dark/tokens.d.ts +++ b/dist/themes/dark/tokens.d.ts @@ -244,6 +244,7 @@ export const TokenAliasContentIconNegative = "#eb9091"; export const TokenAliasContentIconWarning = "#edb016"; export const TokenAliasContentIconPositive = "#65ba75"; export const TokenAliasContentIconInformative = "#8da4ef"; +export const TokenAliasContentIconRecommendation = "#53b9ab"; export const TokenAliasContentIconPrimaryDefault = "#ffffff"; // Default icon color export const TokenAliasContentIconPrimaryHover = "#96cff0"; export const TokenAliasContentIconPrimaryActive = "#7dcdff"; @@ -256,6 +257,7 @@ export const TokenAliasBorderNegative = "#eb9091"; export const TokenAliasBorderWarning = "#edb016"; export const TokenAliasBorderPositive = "#65ba75"; export const TokenAliasBorderInformative = "#8da4ef"; +export const TokenAliasBorderRecommendation = "#53b9ab"; export const TokenAliasBackgroundNormal = "#3d3d42"; // Default component background export const TokenAliasBackgroundNeutral = "#343438"; // Default page background export const TokenAliasBackgroundBase = "#ffffff"; // Tooltip background @@ -268,6 +270,7 @@ export const TokenAliasBackgroundNegativesubtle = "#515157"; export const TokenAliasBackgroundWarningsubtle = "#515157"; export const TokenAliasBackgroundPositivesubtle = "#515157"; export const TokenAliasBackgroundInformativesubtle = "#515157"; +export const TokenAliasBackgroundRecommendationsubtle = "#515157"; export const TokenAliasBackgroundNeutralsubtle = "#515157"; export const TokenAliasBackgroundOverlay = "lch(13.8 2.09 286 / 0.84)"; export const TokenAliasActionBase = "#3d3d42"; @@ -279,6 +282,7 @@ export const TokenAliasActionPrimaryActive = "#5bb3ea"; export const TokenAliasActionPrimaryDisabled = "#515157"; export const TokenAliasActionSecondaryHover = "#515157"; export const TokenAliasActionSecondaryDisabled = "#515157"; +export const TokenAliasActionTertiaryDefault = "#83838c"; export const TokenAliasActionTertiaryDisabled = "#515157"; export const TokenAliasActionPositiveDefault = "#65ba75"; export const TokenAliasActionPositiveHover = "#97cf9c"; @@ -302,6 +306,9 @@ export const TokenAliasInteractionBackgroundSecondaryActive = "#5bb3ea"; export const TokenAliasInteractionBackgroundTertiary = "#3d3d42"; export const TokenAliasInteractionBackgroundTertiaryHover = "#96cff0"; // Hover color for an active calendar date export const TokenAliasInteractionBackgroundTertiaryActive = "#5bb3ea"; +export const TokenAliasInteractionBackgroundNeutral = "#343438"; +export const TokenAliasInteractionBackgroundNeutralHover = "#3d3d42"; +export const TokenAliasInteractionBackgroundNeutralActive = "#3d3d42"; export const TokenAliasInteractionBackgroundDisabled = "#515157"; export const TokenAliasElevationS = "0 2px 8px 0 rgba(0,0,0,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups; export const TokenAliasElevationSInverted = "0 -2px 8px 0 rgba(0,0,0,0.18)"; // Inverted shadow for elements that appear above the component @@ -371,6 +378,9 @@ 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 TokenAliasAccentRecommendationPrimary = "#8dcec3"; +export const TokenAliasAccentRecommendationSecondary = + "lch(78.2 23.3 184 / 0.12)"; export const TokenAliasAccentPinkPrimary = "#ecadd4"; export const TokenAliasAccentPinkSecondary = "lch(77.6 29.9 340 / 0.12)"; export const TokenAliasAccentVioletPrimary = "#c4b8f3"; @@ -513,6 +523,24 @@ export const TokenComponentButtonSecondaryDisabledText = "#83838c"; export const TokenComponentButtonSecondaryDisabledIcon = "#83838c"; export const TokenComponentButtonSecondaryLoadingBackground = "#3d3d42"; export const TokenComponentButtonSecondaryLoadingBorder = "#5bb3ea"; +export const TokenComponentButtonTertiaryDefaultBackground = "#3d3d42"; +export const TokenComponentButtonTertiaryDefaultBorder = "#83838c"; +export const TokenComponentButtonTertiaryDefaultText = "#ffffff"; +export const TokenComponentButtonTertiaryDefaultIcon = "#ffffff"; +export const TokenComponentButtonTertiaryHoverBackground = "#515157"; +export const TokenComponentButtonTertiaryHoverBorder = "#96cff0"; +export const TokenComponentButtonTertiaryHoverText = "#ffffff"; +export const TokenComponentButtonTertiaryHoverIcon = "#ffffff"; +export const TokenComponentButtonTertiaryPressedBackground = "#3d3d42"; +export const TokenComponentButtonTertiaryPressedBorder = "#83838c"; +export const TokenComponentButtonTertiaryPressedText = "#ffffff"; +export const TokenComponentButtonTertiaryPressedIcon = "#ffffff"; +export const TokenComponentButtonTertiaryDisabledBackground = "#3d3d42"; +export const TokenComponentButtonTertiaryDisabledBorder = "#515157"; +export const TokenComponentButtonTertiaryDisabledText = "#83838c"; +export const TokenComponentButtonTertiaryDisabledIcon = "#83838c"; +export const TokenComponentButtonTertiaryLoadingBackground = "#3d3d42"; +export const TokenComponentButtonTertiaryLoadingBorder = "#83838c"; export const TokenComponentButtonLinkDefaultText = "#7dcdff"; export const TokenComponentButtonLinkDefaultIcon = "#7dcdff"; export const TokenComponentButtonLinkHoverText = "#96cff0"; @@ -757,6 +785,11 @@ export const TokenComponentBadgeImportantSubtleBackground = export const TokenComponentBadgeImportantSubtleText = "#d3b4ed"; export const TokenComponentBadgeImportantAccentBackground = "#d3b4ed"; export const TokenComponentBadgeImportantAccentText = "#343438"; +export const TokenComponentBadgeRecommendationSubtleBackground = + "lch(78.2 23.3 184 / 0.12)"; +export const TokenComponentBadgeRecommendationSubtleText = "#8dcec3"; +export const TokenComponentBadgeRecommendationAccentBackground = "#8dcec3"; +export const TokenComponentBadgeRecommendationAccentText = "#343438"; export const TokenComponentBadgeVioletSubtleBackground = "lch(77.3 30.9 295 / 0.12)"; export const TokenComponentBadgeVioletSubtleText = "#c4b8f3"; @@ -1206,6 +1239,11 @@ export const TokenComponentNotificationBannerSuccessStatusIcon = "#65ba75"; export const TokenComponentNotificationBannerErrorBackground = "#515157"; export const TokenComponentNotificationBannerErrorBorder = "#eb9091"; export const TokenComponentNotificationBannerErrorStatusIcon = "#eb9091"; +export const TokenComponentNotificationBannerRecommendationBackground = + "#515157"; +export const TokenComponentNotificationBannerRecommendationBorder = "#53b9ab"; +export const TokenComponentNotificationBannerRecommendationStatusIcon = + "#53b9ab"; export const TokenComponentNotificationBannerSecondaryBackground = "#515157"; export const TokenComponentNotificationBannerSecondaryBorder = "#a3a3ab"; export const TokenComponentNotificationBannerSecondaryStatusIcon = "#a3a3ab"; @@ -1891,3 +1929,76 @@ export const TokenComponentFilterTagClearAllDefault = "#a3a3ab"; export const TokenComponentFilterTagClearAllHover = "#96cff0"; export const TokenComponentFilterTagIconDefaul = "#ffffff"; export const TokenComponentFilterTagIconHover = "#96cff0"; +export const TokenComponentContainerTabBorder = "#515157"; +export const TokenComponentContainerTabDefaultBackground = "#343438"; +export const TokenComponentContainerTabDefaultLabel = "#ffffff"; +export const TokenComponentContainerTabDefaultDescription = "#a3a3ab"; +export const TokenComponentContainerTabHoverBackground = "#3d3d42"; +export const TokenComponentContainerTabHoverLabel = "#ffffff"; +export const TokenComponentContainerTabHoverDescription = "#a3a3ab"; +export const TokenComponentContainerTabActiveBackground = "#3d3d42"; +export const TokenComponentContainerTabActiveBorder = "#5bb3ea"; +export const TokenComponentContainerTabActiveLabel = "#ffffff"; +export const TokenComponentContainerTabActiveDescription = "#a3a3ab"; +export const TokenComponentContainerTabDisabledBackground = "#515157"; +export const TokenComponentContainerTabDisabledLabel = "#83838c"; +export const TokenComponentContainerTabDisabledDescription = "#83838c"; +export const TokenComponentContainerTabInfoIconDefault = "#a3a3ab"; +export const TokenComponentContainerTabInfoIconHover = "#96cff0"; +export const TokenComponentContainerTabInfoIconActive = "#7dcdff"; +export const TokenComponentKpiWidgetInfoIconDefault = "#a3a3ab"; +export const TokenComponentKpiWidgetInfoIconHover = "#96cff0"; +export const TokenComponentKpiWidgetInfoIconActive = "#7dcdff"; +export const TokenComponentKpiWidgetProgressPositiveText = "#00b050"; +export const TokenComponentKpiWidgetProgressPositiveIcon = "#65ba75"; +export const TokenComponentKpiWidgetProgressPositiveBackground = "#515157"; +export const TokenComponentKpiWidgetProgressNegativeText = "#eb9091"; +export const TokenComponentKpiWidgetProgressNegativeIcon = "#eb9091"; +export const TokenComponentKpiWidgetProgressNegativeBackground = "#515157"; +export const TokenComponentKpiWidgetChartAverageLine = "#a3a3ab"; +export const TokenComponentKpiWidgetChartNeutralLine = "#696970"; +export const TokenComponentKpiWidgetChartNeutralBackground = + "lch(44.6 4.09 286 / 0.2)"; +export const TokenComponentKpiWidgetChartNegativeLine = "#d63c42"; +export const TokenComponentKpiWidgetChartNegativeBackground = + "lch(50.1 69.5 29.4 / 0.2)"; +export const TokenComponentKpiWidgetChartPositiveLine = "#00b050"; +export const TokenComponentKpiWidgetChartPositiveBackground = + "lch(63 67 146 / 0.2)"; +export const TokenComponentKpiWidgetChartWarningLine = "#c25d05"; +export const TokenComponentKpiWidgetChartWarningBackground = + "lch(51.7 70.9 57.2 / 0.2)"; +export const TokenComponentKpiWidgetChartInfoLine = "#4067e5"; +export const TokenComponentKpiWidgetChartInfoBackground = + "lch(46.5 72.3 286 / 0.2)"; +export const TokenComponentKpiWidgetChartCombinedLinePrimary = "#4067e5"; +export const TokenComponentKpiWidgetChartCombinedBackgroundPrimary = + "lch(46.5 72.3 286 / 0.2)"; +export const TokenComponentKpiWidgetChartCombinedLineSecondary = "#fe9933"; +export const TokenComponentKpiWidgetChartCombinedBackgroundSeconday = + "lch(46.5 72.3 286 / 0.2)"; +export const TokenComponentKpiWidgetNeutralBackground = "#3d3d42"; +export const TokenComponentKpiWidgetNeutralBorder = "#515157"; +export const TokenComponentKpiWidgetNeutralLabel = "#ffffff"; +export const TokenComponentKpiWidgetNeutralKpi = "#ffffff"; +export const TokenComponentKpiWidgetNeutralDescription = "#a3a3ab"; +export const TokenComponentKpiWidgetPositiveBackground = "#3d3d42"; +export const TokenComponentKpiWidgetPositiveBorder = "#515157"; +export const TokenComponentKpiWidgetPositiveLabel = "#ffffff"; +export const TokenComponentKpiWidgetPositiveKpi = "#00b050"; +export const TokenComponentKpiWidgetPositiveDescription = "#a3a3ab"; +export const TokenComponentKpiWidgetNegativeBackground = "#3d3d42"; +export const TokenComponentKpiWidgetNegativeBorder = "#515157"; +export const TokenComponentKpiWidgetNegativeLabel = "#ffffff"; +export const TokenComponentKpiWidgetNegativeKpi = "#eb9091"; +export const TokenComponentKpiWidgetNegativeDescription = "#a3a3ab"; +export const TokenComponentKpiWidgetWarningBackground = "#3d3d42"; +export const TokenComponentKpiWidgetWarningBorder = "#515157"; +export const TokenComponentKpiWidgetWarningLabel = "#ffffff"; +export const TokenComponentKpiWidgetWarningKpi = "#c25d05"; +export const TokenComponentKpiWidgetWarningDescription = "#a3a3ab"; +export const TokenComponentKpiWidgetInfoBackground = "#3d3d42"; +export const TokenComponentKpiWidgetInfoBorder = "#515157"; +export const TokenComponentKpiWidgetInfoLabel = "#ffffff"; +export const TokenComponentKpiWidgetInfoKpi = "#4067e5"; +export const TokenComponentKpiWidgetInfoDescription = "#a3a3ab"; diff --git a/dist/themes/dark/tokens.js b/dist/themes/dark/tokens.js index 2a0bc07..a47b414 100644 --- a/dist/themes/dark/tokens.js +++ b/dist/themes/dark/tokens.js @@ -244,6 +244,7 @@ export const TokenAliasContentIconNegative = "#eb9091"; export const TokenAliasContentIconWarning = "#edb016"; export const TokenAliasContentIconPositive = "#65ba75"; export const TokenAliasContentIconInformative = "#8da4ef"; +export const TokenAliasContentIconRecommendation = "#53b9ab"; export const TokenAliasContentIconPrimaryDefault = "#ffffff"; // Default icon color export const TokenAliasContentIconPrimaryHover = "#96cff0"; export const TokenAliasContentIconPrimaryActive = "#7dcdff"; @@ -256,6 +257,7 @@ export const TokenAliasBorderNegative = "#eb9091"; export const TokenAliasBorderWarning = "#edb016"; export const TokenAliasBorderPositive = "#65ba75"; export const TokenAliasBorderInformative = "#8da4ef"; +export const TokenAliasBorderRecommendation = "#53b9ab"; export const TokenAliasBackgroundNormal = "#3d3d42"; // Default component background export const TokenAliasBackgroundNeutral = "#343438"; // Default page background export const TokenAliasBackgroundBase = "#ffffff"; // Tooltip background @@ -268,6 +270,7 @@ export const TokenAliasBackgroundNegativesubtle = "#515157"; export const TokenAliasBackgroundWarningsubtle = "#515157"; export const TokenAliasBackgroundPositivesubtle = "#515157"; export const TokenAliasBackgroundInformativesubtle = "#515157"; +export const TokenAliasBackgroundRecommendationsubtle = "#515157"; export const TokenAliasBackgroundNeutralsubtle = "#515157"; export const TokenAliasBackgroundOverlay = "lch(13.8 2.09 286 / 0.84)"; export const TokenAliasActionBase = "#3d3d42"; @@ -279,6 +282,7 @@ export const TokenAliasActionPrimaryActive = "#5bb3ea"; export const TokenAliasActionPrimaryDisabled = "#515157"; export const TokenAliasActionSecondaryHover = "#515157"; export const TokenAliasActionSecondaryDisabled = "#515157"; +export const TokenAliasActionTertiaryDefault = "#83838c"; export const TokenAliasActionTertiaryDisabled = "#515157"; export const TokenAliasActionPositiveDefault = "#65ba75"; export const TokenAliasActionPositiveHover = "#97cf9c"; @@ -302,6 +306,9 @@ export const TokenAliasInteractionBackgroundSecondaryActive = "#5bb3ea"; export const TokenAliasInteractionBackgroundTertiary = "#3d3d42"; export const TokenAliasInteractionBackgroundTertiaryHover = "#96cff0"; // Hover color for an active calendar date export const TokenAliasInteractionBackgroundTertiaryActive = "#5bb3ea"; +export const TokenAliasInteractionBackgroundNeutral = "#343438"; +export const TokenAliasInteractionBackgroundNeutralHover = "#3d3d42"; +export const TokenAliasInteractionBackgroundNeutralActive = "#3d3d42"; export const TokenAliasInteractionBackgroundDisabled = "#515157"; export const TokenAliasElevationS = "0 2px 8px 0 rgba(0,0,0,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups; export const TokenAliasElevationSInverted = "0 -2px 8px 0 rgba(0,0,0,0.18)"; // Inverted shadow for elements that appear above the component @@ -371,6 +378,9 @@ 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 TokenAliasAccentRecommendationPrimary = "#8dcec3"; +export const TokenAliasAccentRecommendationSecondary = + "lch(78.2 23.3 184 / 0.12)"; export const TokenAliasAccentPinkPrimary = "#ecadd4"; export const TokenAliasAccentPinkSecondary = "lch(77.6 29.9 340 / 0.12)"; export const TokenAliasAccentVioletPrimary = "#c4b8f3"; @@ -513,6 +523,24 @@ export const TokenComponentButtonSecondaryDisabledText = "#83838c"; export const TokenComponentButtonSecondaryDisabledIcon = "#83838c"; export const TokenComponentButtonSecondaryLoadingBackground = "#3d3d42"; export const TokenComponentButtonSecondaryLoadingBorder = "#5bb3ea"; +export const TokenComponentButtonTertiaryDefaultBackground = "#3d3d42"; +export const TokenComponentButtonTertiaryDefaultBorder = "#83838c"; +export const TokenComponentButtonTertiaryDefaultText = "#ffffff"; +export const TokenComponentButtonTertiaryDefaultIcon = "#ffffff"; +export const TokenComponentButtonTertiaryHoverBackground = "#515157"; +export const TokenComponentButtonTertiaryHoverBorder = "#96cff0"; +export const TokenComponentButtonTertiaryHoverText = "#ffffff"; +export const TokenComponentButtonTertiaryHoverIcon = "#ffffff"; +export const TokenComponentButtonTertiaryPressedBackground = "#3d3d42"; +export const TokenComponentButtonTertiaryPressedBorder = "#83838c"; +export const TokenComponentButtonTertiaryPressedText = "#ffffff"; +export const TokenComponentButtonTertiaryPressedIcon = "#ffffff"; +export const TokenComponentButtonTertiaryDisabledBackground = "#3d3d42"; +export const TokenComponentButtonTertiaryDisabledBorder = "#515157"; +export const TokenComponentButtonTertiaryDisabledText = "#83838c"; +export const TokenComponentButtonTertiaryDisabledIcon = "#83838c"; +export const TokenComponentButtonTertiaryLoadingBackground = "#3d3d42"; +export const TokenComponentButtonTertiaryLoadingBorder = "#83838c"; export const TokenComponentButtonLinkDefaultText = "#7dcdff"; export const TokenComponentButtonLinkDefaultIcon = "#7dcdff"; export const TokenComponentButtonLinkHoverText = "#96cff0"; @@ -757,6 +785,11 @@ export const TokenComponentBadgeImportantSubtleBackground = export const TokenComponentBadgeImportantSubtleText = "#d3b4ed"; export const TokenComponentBadgeImportantAccentBackground = "#d3b4ed"; export const TokenComponentBadgeImportantAccentText = "#343438"; +export const TokenComponentBadgeRecommendationSubtleBackground = + "lch(78.2 23.3 184 / 0.12)"; +export const TokenComponentBadgeRecommendationSubtleText = "#8dcec3"; +export const TokenComponentBadgeRecommendationAccentBackground = "#8dcec3"; +export const TokenComponentBadgeRecommendationAccentText = "#343438"; export const TokenComponentBadgeVioletSubtleBackground = "lch(77.3 30.9 295 / 0.12)"; export const TokenComponentBadgeVioletSubtleText = "#c4b8f3"; @@ -1206,6 +1239,11 @@ export const TokenComponentNotificationBannerSuccessStatusIcon = "#65ba75"; export const TokenComponentNotificationBannerErrorBackground = "#515157"; export const TokenComponentNotificationBannerErrorBorder = "#eb9091"; export const TokenComponentNotificationBannerErrorStatusIcon = "#eb9091"; +export const TokenComponentNotificationBannerRecommendationBackground = + "#515157"; +export const TokenComponentNotificationBannerRecommendationBorder = "#53b9ab"; +export const TokenComponentNotificationBannerRecommendationStatusIcon = + "#53b9ab"; export const TokenComponentNotificationBannerSecondaryBackground = "#515157"; export const TokenComponentNotificationBannerSecondaryBorder = "#a3a3ab"; export const TokenComponentNotificationBannerSecondaryStatusIcon = "#a3a3ab"; @@ -1891,3 +1929,76 @@ export const TokenComponentFilterTagClearAllDefault = "#a3a3ab"; export const TokenComponentFilterTagClearAllHover = "#96cff0"; export const TokenComponentFilterTagIconDefaul = "#ffffff"; export const TokenComponentFilterTagIconHover = "#96cff0"; +export const TokenComponentContainerTabBorder = "#515157"; +export const TokenComponentContainerTabDefaultBackground = "#343438"; +export const TokenComponentContainerTabDefaultLabel = "#ffffff"; +export const TokenComponentContainerTabDefaultDescription = "#a3a3ab"; +export const TokenComponentContainerTabHoverBackground = "#3d3d42"; +export const TokenComponentContainerTabHoverLabel = "#ffffff"; +export const TokenComponentContainerTabHoverDescription = "#a3a3ab"; +export const TokenComponentContainerTabActiveBackground = "#3d3d42"; +export const TokenComponentContainerTabActiveBorder = "#5bb3ea"; +export const TokenComponentContainerTabActiveLabel = "#ffffff"; +export const TokenComponentContainerTabActiveDescription = "#a3a3ab"; +export const TokenComponentContainerTabDisabledBackground = "#515157"; +export const TokenComponentContainerTabDisabledLabel = "#83838c"; +export const TokenComponentContainerTabDisabledDescription = "#83838c"; +export const TokenComponentContainerTabInfoIconDefault = "#a3a3ab"; +export const TokenComponentContainerTabInfoIconHover = "#96cff0"; +export const TokenComponentContainerTabInfoIconActive = "#7dcdff"; +export const TokenComponentKpiWidgetInfoIconDefault = "#a3a3ab"; +export const TokenComponentKpiWidgetInfoIconHover = "#96cff0"; +export const TokenComponentKpiWidgetInfoIconActive = "#7dcdff"; +export const TokenComponentKpiWidgetProgressPositiveText = "#00b050"; +export const TokenComponentKpiWidgetProgressPositiveIcon = "#65ba75"; +export const TokenComponentKpiWidgetProgressPositiveBackground = "#515157"; +export const TokenComponentKpiWidgetProgressNegativeText = "#eb9091"; +export const TokenComponentKpiWidgetProgressNegativeIcon = "#eb9091"; +export const TokenComponentKpiWidgetProgressNegativeBackground = "#515157"; +export const TokenComponentKpiWidgetChartAverageLine = "#a3a3ab"; +export const TokenComponentKpiWidgetChartNeutralLine = "#696970"; +export const TokenComponentKpiWidgetChartNeutralBackground = + "lch(44.6 4.09 286 / 0.2)"; +export const TokenComponentKpiWidgetChartNegativeLine = "#d63c42"; +export const TokenComponentKpiWidgetChartNegativeBackground = + "lch(50.1 69.5 29.4 / 0.2)"; +export const TokenComponentKpiWidgetChartPositiveLine = "#00b050"; +export const TokenComponentKpiWidgetChartPositiveBackground = + "lch(63 67 146 / 0.2)"; +export const TokenComponentKpiWidgetChartWarningLine = "#c25d05"; +export const TokenComponentKpiWidgetChartWarningBackground = + "lch(51.7 70.9 57.2 / 0.2)"; +export const TokenComponentKpiWidgetChartInfoLine = "#4067e5"; +export const TokenComponentKpiWidgetChartInfoBackground = + "lch(46.5 72.3 286 / 0.2)"; +export const TokenComponentKpiWidgetChartCombinedLinePrimary = "#4067e5"; +export const TokenComponentKpiWidgetChartCombinedBackgroundPrimary = + "lch(46.5 72.3 286 / 0.2)"; +export const TokenComponentKpiWidgetChartCombinedLineSecondary = "#fe9933"; +export const TokenComponentKpiWidgetChartCombinedBackgroundSeconday = + "lch(46.5 72.3 286 / 0.2)"; +export const TokenComponentKpiWidgetNeutralBackground = "#3d3d42"; +export const TokenComponentKpiWidgetNeutralBorder = "#515157"; +export const TokenComponentKpiWidgetNeutralLabel = "#ffffff"; +export const TokenComponentKpiWidgetNeutralKpi = "#ffffff"; +export const TokenComponentKpiWidgetNeutralDescription = "#a3a3ab"; +export const TokenComponentKpiWidgetPositiveBackground = "#3d3d42"; +export const TokenComponentKpiWidgetPositiveBorder = "#515157"; +export const TokenComponentKpiWidgetPositiveLabel = "#ffffff"; +export const TokenComponentKpiWidgetPositiveKpi = "#00b050"; +export const TokenComponentKpiWidgetPositiveDescription = "#a3a3ab"; +export const TokenComponentKpiWidgetNegativeBackground = "#3d3d42"; +export const TokenComponentKpiWidgetNegativeBorder = "#515157"; +export const TokenComponentKpiWidgetNegativeLabel = "#ffffff"; +export const TokenComponentKpiWidgetNegativeKpi = "#eb9091"; +export const TokenComponentKpiWidgetNegativeDescription = "#a3a3ab"; +export const TokenComponentKpiWidgetWarningBackground = "#3d3d42"; +export const TokenComponentKpiWidgetWarningBorder = "#515157"; +export const TokenComponentKpiWidgetWarningLabel = "#ffffff"; +export const TokenComponentKpiWidgetWarningKpi = "#c25d05"; +export const TokenComponentKpiWidgetWarningDescription = "#a3a3ab"; +export const TokenComponentKpiWidgetInfoBackground = "#3d3d42"; +export const TokenComponentKpiWidgetInfoBorder = "#515157"; +export const TokenComponentKpiWidgetInfoLabel = "#ffffff"; +export const TokenComponentKpiWidgetInfoKpi = "#4067e5"; +export const TokenComponentKpiWidgetInfoDescription = "#a3a3ab"; diff --git a/dist/themes/dark/tokens.scss b/dist/themes/dark/tokens.scss index 6f32e5f..8b5d0ff 100644 --- a/dist/themes/dark/tokens.scss +++ b/dist/themes/dark/tokens.scss @@ -242,6 +242,7 @@ $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-recommendation: #53b9ab; $token-alias-content-icon-primary-default: #ffffff; // Default icon color $token-alias-content-icon-primary-hover: #96cff0; $token-alias-content-icon-primary-active: #7dcdff; @@ -254,6 +255,7 @@ $token-alias-border-negative: #eb9091; $token-alias-border-warning: #edb016; $token-alias-border-positive: #65ba75; $token-alias-border-informative: #8da4ef; +$token-alias-border-recommendation: #53b9ab; $token-alias-background-normal: #3d3d42; // Default component background $token-alias-background-neutral: #343438; // Default page background $token-alias-background-base: #ffffff; // Tooltip background @@ -266,6 +268,7 @@ $token-alias-background-negativesubtle: #515157; $token-alias-background-warningsubtle: #515157; $token-alias-background-positivesubtle: #515157; $token-alias-background-informativesubtle: #515157; +$token-alias-background-recommendationsubtle: #515157; $token-alias-background-neutralsubtle: #515157; $token-alias-background-overlay: lch(13.8 2.09 286 / 0.84); $token-alias-action-base: #3d3d42; @@ -277,6 +280,7 @@ $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-default: #83838c; $token-alias-action-tertiary-disabled: #515157; $token-alias-action-positive-default: #65ba75; $token-alias-action-positive-hover: #97cf9c; @@ -300,6 +304,9 @@ $token-alias-interaction-background-secondary-active: #5bb3ea; $token-alias-interaction-background-tertiary: #3d3d42; $token-alias-interaction-background-tertiary-hover: #96cff0; // Hover color for an active calendar date $token-alias-interaction-background-tertiary-active: #5bb3ea; +$token-alias-interaction-background-neutral: #343438; +$token-alias-interaction-background-neutral-hover: #3d3d42; +$token-alias-interaction-background-neutral-active: #3d3d42; $token-alias-interaction-background-disabled: #515157; $token-alias-elevation-s: 0 2px 8px 0 rgba(0,0,0,0.18); // Default shadow for components, like notification banners, dropdowns, popups; $token-alias-elevation-s-inverted: 0 -2px 8px 0 rgba(0,0,0,0.18); // Inverted shadow for elements that appear above the component @@ -347,6 +354,8 @@ $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-recommendation-primary: #8dcec3; +$token-alias-accent-recommendation-secondary: lch(78.2 23.3 184 / 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; @@ -473,6 +482,24 @@ $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-tertiary-default-background: #3d3d42; +$token-component-button-tertiary-default-border: #83838c; +$token-component-button-tertiary-default-text: #ffffff; +$token-component-button-tertiary-default-icon: #ffffff; +$token-component-button-tertiary-hover-background: #515157; +$token-component-button-tertiary-hover-border: #96cff0; +$token-component-button-tertiary-hover-text: #ffffff; +$token-component-button-tertiary-hover-icon: #ffffff; +$token-component-button-tertiary-pressed-background: #3d3d42; +$token-component-button-tertiary-pressed-border: #83838c; +$token-component-button-tertiary-pressed-text: #ffffff; +$token-component-button-tertiary-pressed-icon: #ffffff; +$token-component-button-tertiary-disabled-background: #3d3d42; +$token-component-button-tertiary-disabled-border: #515157; +$token-component-button-tertiary-disabled-text: #83838c; +$token-component-button-tertiary-disabled-icon: #83838c; +$token-component-button-tertiary-loading-background: #3d3d42; +$token-component-button-tertiary-loading-border: #83838c; $token-component-button-link-default-text: #7dcdff; $token-component-button-link-default-icon: #7dcdff; $token-component-button-link-hover-text: #96cff0; @@ -687,6 +714,10 @@ $token-component-badge-important-subtle-background: lch(77.5 31.1 309 / 0.12); $token-component-badge-important-subtle-text: #d3b4ed; $token-component-badge-important-accent-background: #d3b4ed; $token-component-badge-important-accent-text: #343438; +$token-component-badge-recommendation-subtle-background: lch(78.2 23.3 184 / 0.12); +$token-component-badge-recommendation-subtle-text: #8dcec3; +$token-component-badge-recommendation-accent-background: #8dcec3; +$token-component-badge-recommendation-accent-text: #343438; $token-component-badge-violet-subtle-background: lch(77.3 30.9 295 / 0.12); $token-component-badge-violet-subtle-text: #c4b8f3; $token-component-badge-violet-accent-background: #c4b8f3; @@ -1126,6 +1157,9 @@ $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-recommendation-background: #515157; +$token-component-notification-banner-recommendation-border: #53b9ab; +$token-component-notification-banner-recommendation-status-icon: #53b9ab; $token-component-notification-banner-secondary-background: #515157; $token-component-notification-banner-secondary-border: #a3a3ab; $token-component-notification-banner-secondary-status-icon: #a3a3ab; @@ -1784,3 +1818,69 @@ $token-component-filter-tag-clear-all-default: #a3a3ab; $token-component-filter-tag-clear-all-hover: #96cff0; $token-component-filter-tag-icon-defaul: #ffffff; $token-component-filter-tag-icon-hover: #96cff0; +$token-component-container-tab-border: #515157; +$token-component-container-tab-default-background: #343438; +$token-component-container-tab-default-label: #ffffff; +$token-component-container-tab-default-description: #a3a3ab; +$token-component-container-tab-hover-background: #3d3d42; +$token-component-container-tab-hover-label: #ffffff; +$token-component-container-tab-hover-description: #a3a3ab; +$token-component-container-tab-active-background: #3d3d42; +$token-component-container-tab-active-border: #5bb3ea; +$token-component-container-tab-active-label: #ffffff; +$token-component-container-tab-active-description: #a3a3ab; +$token-component-container-tab-disabled-background: #515157; +$token-component-container-tab-disabled-label: #83838c; +$token-component-container-tab-disabled-description: #83838c; +$token-component-container-tab-info-icon-default: #a3a3ab; +$token-component-container-tab-info-icon-hover: #96cff0; +$token-component-container-tab-info-icon-active: #7dcdff; +$token-component-kpi-widget-info-icon-default: #a3a3ab; +$token-component-kpi-widget-info-icon-hover: #96cff0; +$token-component-kpi-widget-info-icon-active: #7dcdff; +$token-component-kpi-widget-progress-positive-text: #00b050; +$token-component-kpi-widget-progress-positive-icon: #65ba75; +$token-component-kpi-widget-progress-positive-background: #515157; +$token-component-kpi-widget-progress-negative-text: #eb9091; +$token-component-kpi-widget-progress-negative-icon: #eb9091; +$token-component-kpi-widget-progress-negative-background: #515157; +$token-component-kpi-widget-chart-average-line: #a3a3ab; +$token-component-kpi-widget-chart-neutral-line: #696970; +$token-component-kpi-widget-chart-neutral-background: lch(44.6 4.09 286 / 0.2); +$token-component-kpi-widget-chart-negative-line: #d63c42; +$token-component-kpi-widget-chart-negative-background: lch(50.1 69.5 29.4 / 0.2); +$token-component-kpi-widget-chart-positive-line: #00b050; +$token-component-kpi-widget-chart-positive-background: lch(63 67 146 / 0.2); +$token-component-kpi-widget-chart-warning-line: #c25d05; +$token-component-kpi-widget-chart-warning-background: lch(51.7 70.9 57.2 / 0.2); +$token-component-kpi-widget-chart-info-line: #4067e5; +$token-component-kpi-widget-chart-info-background: lch(46.5 72.3 286 / 0.2); +$token-component-kpi-widget-chart-combined-line-primary: #4067e5; +$token-component-kpi-widget-chart-combined-background-primary: lch(46.5 72.3 286 / 0.2); +$token-component-kpi-widget-chart-combined-line-secondary: #fe9933; +$token-component-kpi-widget-chart-combined-background-seconday: lch(46.5 72.3 286 / 0.2); +$token-component-kpi-widget-neutral-background: #3d3d42; +$token-component-kpi-widget-neutral-border: #515157; +$token-component-kpi-widget-neutral-label: #ffffff; +$token-component-kpi-widget-neutral-kpi: #ffffff; +$token-component-kpi-widget-neutral-description: #a3a3ab; +$token-component-kpi-widget-positive-background: #3d3d42; +$token-component-kpi-widget-positive-border: #515157; +$token-component-kpi-widget-positive-label: #ffffff; +$token-component-kpi-widget-positive-kpi: #00b050; +$token-component-kpi-widget-positive-description: #a3a3ab; +$token-component-kpi-widget-negative-background: #3d3d42; +$token-component-kpi-widget-negative-border: #515157; +$token-component-kpi-widget-negative-label: #ffffff; +$token-component-kpi-widget-negative-kpi: #eb9091; +$token-component-kpi-widget-negative-description: #a3a3ab; +$token-component-kpi-widget-warning-background: #3d3d42; +$token-component-kpi-widget-warning-border: #515157; +$token-component-kpi-widget-warning-label: #ffffff; +$token-component-kpi-widget-warning-kpi: #c25d05; +$token-component-kpi-widget-warning-description: #a3a3ab; +$token-component-kpi-widget-info-background: #3d3d42; +$token-component-kpi-widget-info-border: #515157; +$token-component-kpi-widget-info-label: #ffffff; +$token-component-kpi-widget-info-kpi: #4067e5; +$token-component-kpi-widget-info-description: #a3a3ab; diff --git a/dist/themes/densedDark/index.d.ts b/dist/themes/densedDark/index.d.ts deleted file mode 100644 index d9b6dc0..0000000 --- a/dist/themes/densedDark/index.d.ts +++ /dev/null @@ -1,6218 +0,0 @@ - - /** - * Do not edit directly - * Generated on 2025-09-05 - */ - 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", - 55: "#7dcdff", - 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: "#c4eaef", - 40: "#aadee6", - 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" - }, - Gradient: { - Default: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } - }, - Spacing: { - S0: "0", - S2: "0.125rem", - S4: "0.25rem", - S6: "0.375rem", - S8: "0.5rem", - S12: "0.75rem", - S16: "1rem", - S20: "1.25rem", - S24: "1.5rem", - S28: "1.75rem", - S32: "2rem", - S36: "2.25rem", - S40: "2.5rem", - S48: "3rem", - S64: "4rem", - S72: "4.5rem", - S96: "6rem" - }, - 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.625rem", - 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: "0" - } -} - -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", - 55: "#7dcdff", - 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: "#c4eaef", - 40: "#aadee6", - 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" - }, - Gradient: { - Default: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } -} - -declare const Color: ColorTypes; - -export interface SpacingTypes { - S0: "0", - S2: "0.125rem", - S4: "0.25rem", - S6: "0.375rem", - S8: "0.5rem", - S12: "0.75rem", - S16: "1rem", - S20: "1.25rem", - S24: "1.5rem", - S28: "1.75rem", - S32: "2rem", - S36: "2.25rem", - S40: "2.5rem", - S48: "3rem", - S64: "4rem", - S72: "4.5rem", - S96: "6rem" -} - -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.625rem", - 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: "0" -} - -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: "#7dcdff", - Hover: "#96cff0", - Disabled: "#83838c" - } - }, - Icon: { - Base: "#343438", - Negative: "#eb9091", - Warning: "#edb016", - Positive: "#65ba75", - Informative: "#8da4ef", - Primary: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff", - Disabled: "#83838c" - }, - Secondary: { - Default: "#a3a3ab", - Disabled: "#83838c" - } - } - }, - Border: { - Normal: "#515157", - Neutral: "#a3a3ab", - 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", - Hover: "#97cf9c", - Active: "#65ba75", - Disabled: "#515157" - }, - Negative: { - Default: "#eb9091", - Hover: "#f3aeaf", - Active: "#eb9091", - Disabled: "#515157" - } - }, - Interaction: { - Border: { - Default: "#696970", - Hover: "#c2c2ca", - Focus: "#5bb3ea", - Error: "#eb9091", - Disabled: "#515157" - }, - Background: { - Primary: "#343438", - PrimaryHover: "#515157", - PrimaryActive: "#515157", - Secondary: "#343438", - SecondaryHover: "#696970", - SecondaryActive: "#5bb3ea", - Tertiary: "#3d3d42", - TertiaryHover: "#96cff0", - TertiaryActive: "#5bb3ea", - Disabled: "#515157" - } - }, - Elevation: { - S: "0 2px 8px 0 rgba(0,0,0,0.18)", - SInverted: "0 -2px 8px 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)", - Drawer: { - Right: "-16px 0 32px 0 rgba(0,0,0,0.18)", - Left: "inset 16px 0 32px 0 rgba(0,0,0,0.18)", - Top: "inset 0 16px 32px 0 rgba(0,0,0,0.18)", - Bottom: "inset 0 -16px 32px 0 rgba(0,0,0,0.18)" - } - }, - Typography: { - Heading: { - Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'", - Xxl: "800 1.625rem/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: { - Disabled: "#696970", - 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: "#c4eaef", - 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: "#c4eaef", - 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" - } - }, - Radius: { - Default: "0" - } -} - -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: "#7dcdff", - Hover: "#96cff0", - Disabled: "#83838c" - } - }, - Icon: { - Base: "#343438", - Negative: "#eb9091", - Warning: "#edb016", - Positive: "#65ba75", - Informative: "#8da4ef", - Primary: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff", - Disabled: "#83838c" - }, - Secondary: { - Default: "#a3a3ab", - Disabled: "#83838c" - } - } -} - -declare const Content: ContentTypes; - -export interface BorderTypes { - Normal: "#515157", - Neutral: "#a3a3ab", - 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", - Hover: "#97cf9c", - Active: "#65ba75", - Disabled: "#515157" - }, - Negative: { - Default: "#eb9091", - Hover: "#f3aeaf", - Active: "#eb9091", - Disabled: "#515157" - } -} - -declare const Action: ActionTypes; - -export interface InteractionTypes { - Border: { - Default: "#696970", - Hover: "#c2c2ca", - Focus: "#5bb3ea", - Error: "#eb9091", - Disabled: "#515157" - }, - Background: { - Primary: "#343438", - PrimaryHover: "#515157", - PrimaryActive: "#515157", - Secondary: "#343438", - SecondaryHover: "#696970", - SecondaryActive: "#5bb3ea", - Tertiary: "#3d3d42", - TertiaryHover: "#96cff0", - TertiaryActive: "#5bb3ea", - Disabled: "#515157" - } -} - -declare const Interaction: InteractionTypes; - -export interface ElevationTypes { - S: "0 2px 8px 0 rgba(0,0,0,0.18)", - SInverted: "0 -2px 8px 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)", - Drawer: { - Right: "-16px 0 32px 0 rgba(0,0,0,0.18)", - Left: "inset 16px 0 32px 0 rgba(0,0,0,0.18)", - Top: "inset 0 16px 32px 0 rgba(0,0,0,0.18)", - Bottom: "inset 0 -16px 32px 0 rgba(0,0,0,0.18)" - } -} - -declare const Elevation: ElevationTypes; - -export interface TypographyTypes { - Heading: { - Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'", - Xxl: "800 1.625rem/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 { - Disabled: "#696970", - 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: "#c4eaef", - 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: "#c4eaef", - 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 RadiusTypes { - Default: "0" -} - -declare const Radius: RadiusTypes; - -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: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Background: "#515157", - Border: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Pressed: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Background: "#3d3d42", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#3d3d42", - Border: "#5bb3ea" - } - }, - Link: { - Default: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Text: "#96cff0", - Icon: "#96cff0" - }, - Pressed: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c" - } - }, - Launch: { - Default: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Hover: { - Background: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Pressed: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - Background: "#232326" - } - }, - Danger: { - Default: { - Background: "#eb9091", - Text: "#343438", - Icon: "#343438" - }, - Hover: { - Background: "#f3aeaf", - Text: "#343438", - Icon: "#343438" - }, - Pressed: { - Background: "#eb9091", - Text: "#343438", - Icon: "#343438" - }, - Disabled: { - Background: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#eb9091" - } - } - }, - Container: { - Background: "#3d3d42", - Border: "#515157" - }, - Table: { - HeaderFilled: { - Background: "#515157", - Text: "#ffffff", - Border: "#a3a3ab", - Icon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - HeaderOutlined: { - Border: "#a3a3ab", - Text: "#ffffff", - Icon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - HeaderNested: { - Background: "#515157", - Text: "#ffffff", - Border: "#a3a3ab", - Icon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Row: { - Border: "#515157", - Icon: { - Default: "#ffffff", - Disabled: "#83838c", - Hover: "#96cff0" - }, - Background: { - Default: "#3d3d42", - Zebra: "#343438", - Hover: "#515157" - }, - Text: { - Default: "#ffffff", - Placeholder: "#a3a3ab", - Link: "#7dcdff" - } - } - }, - 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: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Background: "#515157", - Border: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Pressed: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Background: "#3d3d42", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#3d3d42", - Border: "#5bb3ea" - } - }, - Link: { - Default: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Text: "#96cff0", - Icon: "#96cff0" - }, - Pressed: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c" - } - } - }, - OverflowMenuButton: { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Pressed: { - Icon: "#7dcdff" - }, - Disabled: { - Icon: "#83838c" - } - }, - SplitMenuButton: { - Primary: { - Default: { - Background: "#5bb3ea", - Border: "#5bb3ea", - Text: "#343438", - Icon: "#343438" - }, - HoverLeft: { - BackgroundLeft: "#96cff0", - BackgroundRight: "#5bb3ea", - Border: "#96cff0", - Text: "#343438", - Icon: "#343438" - }, - HoverRight: { - BackgroundLeft: "#5bb3ea", - BackgroundRight: "#96cff0", - Border: "#96cff0", - Text: "#343438", - Icon: "#343438" - }, - Active: { - Background: "#5bb3ea", - Border: "#5bb3ea", - Text: "#343438", - Icon: "#343438" - }, - Disabled: { - Background: "#515157", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - BackgroundLeft: "#5bb3ea", - BackgroundRight: "#5bb3ea", - Border: "#5bb3ea", - Icon: "#343438" - } - }, - Secondary: { - Default: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - HoverLeft: { - BackgroundLeft: "#515157", - BackgroundRight: "#3d3d42", - BorderLeft: "#96cff0", - BorderRight: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - HoverRight: { - BackgroundLeft: "#3d3d42", - BackgroundRight: "#515157", - BorderLeft: "#5bb3ea", - BorderRight: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Active: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Background: "#3d3d42", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#3d3d42", - Border: "#5bb3ea", - Icon: "#7dcdff" - } - }, - Launch: { - Default: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverLeft: { - BackgroundLeft: "#343438", - BackgroundRight: "#232326", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverRight: { - BackgroundLeft: "#232326", - BackgroundRight: "#343438", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Active: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Border: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - BackgroundLeft: "#232326", - BackgroundRight: "#232326", - Border: "#232326", - Icon: "#ffffff" - } - } - }, - Appbar: { - Background: "#343438", - Border: "#515157", - Text: "#ffffff", - Icon: "#ffffff", - TopGradient: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - }, - Badge: { - Informative: { - Subtle: { - Background: "lch(77.7 28.7 275 / 0.12)", - Text: "#aec0f5" - }, - Accent: { - Background: "#aec0f5", - Text: "#343438" - } - }, - Neutral: { - Subtle: { - Background: "lch(78.6 4.18 286 / 0.12)", - Text: "#c2c2ca" - }, - Accent: { - Background: "#c2c2ca", - Text: "#343438" - } - }, - Warning: { - Subtle: { - Background: "lch(79.6 53.6 74.4 / 0.12)", - Text: "#f2b67b" - }, - Accent: { - Background: "#f2b67b", - Text: "#343438" - } - }, - Negative: { - Subtle: { - Background: "lch(77.8 28 21.1 / 0.12)", - Text: "#f3aeaf" - }, - Accent: { - Background: "#f3aeaf", - Text: "#343438" - } - }, - Positive: { - Subtle: { - Background: "lch(78.2 32.7 144 / 0.12)", - Text: "#97cf9c" - }, - Accent: { - Background: "#97cf9c", - Text: "#343438" - } - }, - Important: { - Subtle: { - Background: "lch(77.5 31.1 309 / 0.12)", - Text: "#d3b4ed" - }, - Accent: { - Background: "#d3b4ed", - Text: "#343438" - } - }, - Violet: { - Subtle: { - Background: "lch(77.3 30.9 295 / 0.12)", - Text: "#c4b8f3" - }, - Accent: { - Background: "#c4b8f3", - Text: "#343438" - } - }, - Pink: { - Subtle: { - Background: "lch(77.6 29.9 340 / 0.12)", - Text: "#ecadd4" - }, - Accent: { - Background: "#ecadd4", - Text: "#343438" - } - } - }, - Breadcrumb: { - Divider: "#515157", - AppTitle: { - Text: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - Normal: { - Text: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - Truncated: { - Text: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - LastItem: { - Text: "#a3a3ab" - }, - Collapsed: { - Background: "#515157", - Text: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - Icon: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - WithDropdown: { - Text: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - Icon: { - Default: "#ffffff", - Hover: "#96cff0" - } - } - }, - 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: { - Default: "#5bb3ea", - Hover: "#96cff0" - } - }, - HoverItem: { - Background: "#515157", - Text: "#ffffff" - }, - DateRange: { - Text: "#ffffff", - Background: { - Default: "#515157", - Hover: "#696970" - } - }, - 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: "#7dcdff", - HintText: "#a3a3ab" - } - }, - DatePicker: { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Filled: { - Icon: "#7dcdff" - }, - Disabled: { - Icon: "#83838c" - }, - Focus: { - Icon: "#7dcdff" - } - }, - DateRangePicker: { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Filled: { - Icon: "#7dcdff" - }, - Disabled: { - Icon: "#83838c" - }, - Focus: { - Icon: "#7dcdff" - } - }, - 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: "#7dcdff", - 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: "#7dcdff", - 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: "#7dcdff", - Description: "#a3a3ab", - Disabled: "#83838c" - }, - Background: { - Default: "#343438", - Hover: "#3d3d42", - Category: "#343438" - } - }, - GlobalHeader: { - Background: "#232326", - Border: "#3d3d42", - Icon: { - Default: "#d6d6dd", - Hover: "#ffffff", - Active: "#5bb3ea" - }, - Text: { - Default: "#d6d6dd", - Hover: "#ffffff" - }, - Badge: { - Background: "#d63c42", - Text: "#ffffff", - Icon: "#ffffff" - }, - Search: { - Background: "#3d3d42", - Text: { - Placeholder: "#d6d6dd", - Filled: "#ffffff" - }, - Icon: { - Default: "#d6d6dd", - Active: "#ffffff", - Hover: "#ffffff" - }, - Border: { - Default: "#3d3d42", - Hover: "#696970", - Active: "#a3a3ab" - } - } - }, - GlobalFooter: { - Background: "#343438", - Border: "#515157", - Text: "#ffffff", - Link: { - Default: "#7dcdff", - Hover: "#96cff0" - } - }, - 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: "#7dcdff", - Hover: "#96cff0", - Disabled: "#83838c" - } - }, - KpiBar: { - Text: "#ffffff", - Border: "#515157", - Background: "#3d3d42", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970", - Icon: "#83838c" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - } - } - }, - Label: { - Text: "#ffffff", - Icon: "#ffffff", - InfoIcon: "#a3a3ab" - }, - List: { - Text: "#ffffff", - Border: "#515157", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - 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: "#a3a3ab", - StatusIcon: "#a3a3ab" - } - }, - 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: "#7dcdff", - Hover: "#96cff0", - Disabled: "#83838c" - }, - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff", - Disabled: "#83838c" - } - }, - Popover: { - Background: "#3d3d42", - Border: "#515157", - Icon: "#ffffff", - Text: { - Default: "#ffffff", - Link: { - Default: "#7dcdff", - Hover: "#96cff0" - } - } - }, - ProgressBar: { - Text: { - Default: "#ffffff", - Link: { - Default: "#7dcdff", - Hover: "#96cff0" - } - }, - StatusLine: { - Default: "#515157", - Success: "#00b050", - Error: "#d63c42", - InProgress: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } - }, - NumericSpinner: { - Default: { - Background: "#343438", - Border: "#696970", - Text: "#a3a3ab", - Icon: "#ffffff", - HintText: "#a3a3ab" - }, - Hover: { - Background: "#343438", - Border: "#c2c2ca", - Text: "#ffffff", - 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: "#ffffff", - 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: { - Divider: "#3d3d42", - Default: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Background: "#515157", - Border: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - 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" - }, - ActiveHover: { - Background: "#96cff0", - Border: "#96cff0", - 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: "#7dcdff", - Icon: "#7dcdff", - Border: "#5bb3ea" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c", - Border: "#515157" - } - }, - Tag: { - Default: { - Background: "#343438", - Border: "#696970", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Hover: { - Background: "#343438", - Border: "#c2c2ca", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Focus: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Error: { - Background: "#515157", - Border: "#eb9091", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - FocusEmpty: { - Background: "#343438", - Border: "#5bb3ea", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Focus: { - Background: "#343438", - Border: "#5bb3ea", - Text: "#ffffff", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - FocusEmpty: { - Background: "#343438", - Border: "#5bb3ea", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Focus: { - Background: "#343438", - Border: "#5bb3ea", - Text: "#ffffff", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - 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: "#7dcdff" - }, - 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: "#7dcdff" - } - }, - Hover: { - Background: "#3d3d42", - Border: "#5bb3ea", - Icon: "#ffffff", - Text: { - Default: "#ffffff", - Link: "#7dcdff" - } - }, - Disabled: { - Background: "#515157", - Border: "#515157", - Icon: "#83838c", - Text: "#83838c" - } - } - }, - Stepper: { - Horizontal: { - Line: "#515157", - PastItem: { - Circle: { - Border: "#5bb3ea", - Background: { - Default: "#3d3d42", - Hover: "#5bb3ea" - }, - Icon: { - Default: "#7dcdff", - Hover: "#ffffff" - }, - Text: { - Default: "#7dcdff", - Hover: "#ffffff" - } - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - CurrentItem: { - Circle: { - Background: "#5bb3ea", - Text: "#ffffff" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - FutureItem: { - Circle: { - Background: "#343438", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Text: "#83838c" - } - }, - Vertical: { - Background: "#3d3d42", - Border: "#515157", - Icon: "#ffffff", - PastItem: { - Circle: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - CurrentItem: { - Icon: "#7dcdff", - Circle: { - Background: "#5bb3ea", - Text: "#ffffff" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - FutureItem: { - Circle: { - Background: "#343438", - Border: "#696970", - Text: "#a3a3ab" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - DisabledItem: { - Circle: { - Background: "#343438", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Text: "#83838c" - } - } - }, - AdvancedSearch: { - FilterIcon: { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Applied: { - Icon: "#7dcdff", - Badge: { - Background: "#d63c42", - Text: "#ffffff" - } - }, - Disabled: { - Icon: "#83838c", - Badge: { - Background: "#83838c", - Text: "#ffffff" - } - } - }, - FilterArea: { - Background: "#343438", - Border: "#515157", - Text: { - Default: "#ffffff", - Link: "#7dcdff" - }, - 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: "#7dcdff", - Icon: "#ffffff" - }, - Hover: { - Text: "#96cff0", - Icon: "#96cff0" - }, - Filled: { - Text: "#7dcdff", - Icon: "#ffffff" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c" - }, - Focus: { - Text: "#7dcdff", - Icon: "#ffffff" - }, - ReadOnly: { - Text: "#ffffff" - } - }, - Tile: { - InfoIcon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - }, - Default: { - Background: "#343438", - Border: "#696970", - Text: "#ffffff" - }, - Hover: { - Background: "#343438", - Border: "#c2c2ca", - Text: "#ffffff" - }, - Selected: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#ffffff" - }, - Disabled: { - Background: "#343438", - Border: "#515157", - Text: "#83838c" - } - }, - Filter: { - Tag: { - Label: "#a3a3ab", - Item: "#ffffff", - ClearAll: { - Default: "#a3a3ab", - Hover: "#96cff0" - }, - Icon: { - Defaul: "#ffffff", - Hover: "#96cff0" - } - } - } -} - -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: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Background: "#515157", - Border: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Pressed: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Background: "#3d3d42", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#3d3d42", - Border: "#5bb3ea" - } - }, - Link: { - Default: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Text: "#96cff0", - Icon: "#96cff0" - }, - Pressed: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c" - } - }, - Launch: { - Default: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Hover: { - Background: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Pressed: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - Background: "#232326" - } - }, - Danger: { - Default: { - Background: "#eb9091", - Text: "#343438", - Icon: "#343438" - }, - Hover: { - Background: "#f3aeaf", - Text: "#343438", - Icon: "#343438" - }, - Pressed: { - Background: "#eb9091", - Text: "#343438", - Icon: "#343438" - }, - Disabled: { - Background: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#eb9091" - } - } -} - -declare const Button: ButtonTypes; - -export interface ContainerTypes { - Background: "#3d3d42", - Border: "#515157" -} - -declare const Container: ContainerTypes; - -export interface TableTypes { - HeaderFilled: { - Background: "#515157", - Text: "#ffffff", - Border: "#a3a3ab", - Icon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - HeaderOutlined: { - Border: "#a3a3ab", - Text: "#ffffff", - Icon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - HeaderNested: { - Background: "#515157", - Text: "#ffffff", - Border: "#a3a3ab", - Icon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Row: { - Border: "#515157", - Icon: { - Default: "#ffffff", - Disabled: "#83838c", - Hover: "#96cff0" - }, - Background: { - Default: "#3d3d42", - Zebra: "#343438", - Hover: "#515157" - }, - Text: { - Default: "#ffffff", - Placeholder: "#a3a3ab", - Link: "#7dcdff" - } - } -} - -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: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Background: "#515157", - Border: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Pressed: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Background: "#3d3d42", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#3d3d42", - Border: "#5bb3ea" - } - }, - Link: { - Default: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Text: "#96cff0", - Icon: "#96cff0" - }, - Pressed: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c" - } - } -} - -declare const MenuButton: MenuButtonTypes; - -export interface OverflowMenuButtonTypes { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Pressed: { - Icon: "#7dcdff" - }, - Disabled: { - Icon: "#83838c" - } -} - -declare const OverflowMenuButton: OverflowMenuButtonTypes; - -export interface SplitMenuButtonTypes { - Primary: { - Default: { - Background: "#5bb3ea", - Border: "#5bb3ea", - Text: "#343438", - Icon: "#343438" - }, - HoverLeft: { - BackgroundLeft: "#96cff0", - BackgroundRight: "#5bb3ea", - Border: "#96cff0", - Text: "#343438", - Icon: "#343438" - }, - HoverRight: { - BackgroundLeft: "#5bb3ea", - BackgroundRight: "#96cff0", - Border: "#96cff0", - Text: "#343438", - Icon: "#343438" - }, - Active: { - Background: "#5bb3ea", - Border: "#5bb3ea", - Text: "#343438", - Icon: "#343438" - }, - Disabled: { - Background: "#515157", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - BackgroundLeft: "#5bb3ea", - BackgroundRight: "#5bb3ea", - Border: "#5bb3ea", - Icon: "#343438" - } - }, - Secondary: { - Default: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - HoverLeft: { - BackgroundLeft: "#515157", - BackgroundRight: "#3d3d42", - BorderLeft: "#96cff0", - BorderRight: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - HoverRight: { - BackgroundLeft: "#3d3d42", - BackgroundRight: "#515157", - BorderLeft: "#5bb3ea", - BorderRight: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Active: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Background: "#3d3d42", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#3d3d42", - Border: "#5bb3ea", - Icon: "#7dcdff" - } - }, - Launch: { - Default: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverLeft: { - BackgroundLeft: "#343438", - BackgroundRight: "#232326", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverRight: { - BackgroundLeft: "#232326", - BackgroundRight: "#343438", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Active: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Border: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - BackgroundLeft: "#232326", - BackgroundRight: "#232326", - Border: "#232326", - Icon: "#ffffff" - } - } -} - -declare const SplitMenuButton: SplitMenuButtonTypes; - -export interface AppbarTypes { - Background: "#343438", - Border: "#515157", - Text: "#ffffff", - Icon: "#ffffff", - TopGradient: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" -} - -declare const Appbar: AppbarTypes; - -export interface BadgeTypes { - Informative: { - Subtle: { - Background: "lch(77.7 28.7 275 / 0.12)", - Text: "#aec0f5" - }, - Accent: { - Background: "#aec0f5", - Text: "#343438" - } - }, - Neutral: { - Subtle: { - Background: "lch(78.6 4.18 286 / 0.12)", - Text: "#c2c2ca" - }, - Accent: { - Background: "#c2c2ca", - Text: "#343438" - } - }, - Warning: { - Subtle: { - Background: "lch(79.6 53.6 74.4 / 0.12)", - Text: "#f2b67b" - }, - Accent: { - Background: "#f2b67b", - Text: "#343438" - } - }, - Negative: { - Subtle: { - Background: "lch(77.8 28 21.1 / 0.12)", - Text: "#f3aeaf" - }, - Accent: { - Background: "#f3aeaf", - Text: "#343438" - } - }, - Positive: { - Subtle: { - Background: "lch(78.2 32.7 144 / 0.12)", - Text: "#97cf9c" - }, - Accent: { - Background: "#97cf9c", - Text: "#343438" - } - }, - Important: { - Subtle: { - Background: "lch(77.5 31.1 309 / 0.12)", - Text: "#d3b4ed" - }, - Accent: { - Background: "#d3b4ed", - Text: "#343438" - } - }, - Violet: { - Subtle: { - Background: "lch(77.3 30.9 295 / 0.12)", - Text: "#c4b8f3" - }, - Accent: { - Background: "#c4b8f3", - Text: "#343438" - } - }, - Pink: { - Subtle: { - Background: "lch(77.6 29.9 340 / 0.12)", - Text: "#ecadd4" - }, - Accent: { - Background: "#ecadd4", - Text: "#343438" - } - } -} - -declare const Badge: BadgeTypes; - -export interface BreadcrumbTypes { - Divider: "#515157", - AppTitle: { - Text: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - Normal: { - Text: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - Truncated: { - Text: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - LastItem: { - Text: "#a3a3ab" - }, - Collapsed: { - Background: "#515157", - Text: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - Icon: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - WithDropdown: { - Text: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - Icon: { - Default: "#ffffff", - Hover: "#96cff0" - } - } -} - -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: { - Default: "#5bb3ea", - Hover: "#96cff0" - } - }, - HoverItem: { - Background: "#515157", - Text: "#ffffff" - }, - DateRange: { - Text: "#ffffff", - Background: { - Default: "#515157", - Hover: "#696970" - } - }, - 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: "#7dcdff", - HintText: "#a3a3ab" - } -} - -declare const DateField: DateFieldTypes; - -export interface DatePickerTypes { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Filled: { - Icon: "#7dcdff" - }, - Disabled: { - Icon: "#83838c" - }, - Focus: { - Icon: "#7dcdff" - } -} - -declare const DatePicker: DatePickerTypes; - -export interface DateRangePickerTypes { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Filled: { - Icon: "#7dcdff" - }, - Disabled: { - Icon: "#83838c" - }, - Focus: { - Icon: "#7dcdff" - } -} - -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: "#7dcdff", - 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: "#7dcdff", - 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: "#7dcdff", - 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", - Active: "#5bb3ea" - }, - Text: { - Default: "#d6d6dd", - Hover: "#ffffff" - }, - Badge: { - Background: "#d63c42", - Text: "#ffffff", - Icon: "#ffffff" - }, - Search: { - Background: "#3d3d42", - Text: { - Placeholder: "#d6d6dd", - Filled: "#ffffff" - }, - Icon: { - Default: "#d6d6dd", - Active: "#ffffff", - Hover: "#ffffff" - }, - Border: { - Default: "#3d3d42", - Hover: "#696970", - Active: "#a3a3ab" - } - } -} - -declare const GlobalHeader: GlobalHeaderTypes; - -export interface GlobalFooterTypes { - Background: "#343438", - Border: "#515157", - Text: "#ffffff", - Link: { - Default: "#7dcdff", - Hover: "#96cff0" - } -} - -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: "#7dcdff", - Hover: "#96cff0", - Disabled: "#83838c" - } -} - -declare const InlineEdit: InlineEditTypes; - -export interface KpiBarTypes { - Text: "#ffffff", - Border: "#515157", - Background: "#3d3d42", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970", - Icon: "#83838c" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - } - } -} - -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: "#7dcdff" - }, - 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: "#a3a3ab", - StatusIcon: "#a3a3ab" - } -} - -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: "#7dcdff", - Hover: "#96cff0", - Disabled: "#83838c" - }, - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff", - Disabled: "#83838c" - } -} - -declare const Pagination: PaginationTypes; - -export interface PopoverTypes { - Background: "#3d3d42", - Border: "#515157", - Icon: "#ffffff", - Text: { - Default: "#ffffff", - Link: { - Default: "#7dcdff", - Hover: "#96cff0" - } - } -} - -declare const Popover: PopoverTypes; - -export interface ProgressBarTypes { - Text: { - Default: "#ffffff", - Link: { - Default: "#7dcdff", - Hover: "#96cff0" - } - }, - StatusLine: { - Default: "#515157", - Success: "#00b050", - Error: "#d63c42", - InProgress: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } -} - -declare const ProgressBar: ProgressBarTypes; - -export interface NumericSpinnerTypes { - Default: { - Background: "#343438", - Border: "#696970", - Text: "#a3a3ab", - Icon: "#ffffff", - HintText: "#a3a3ab" - }, - Hover: { - Background: "#343438", - Border: "#c2c2ca", - Text: "#ffffff", - 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: "#ffffff", - 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 { - Divider: "#3d3d42", - Default: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Background: "#515157", - Border: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - 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" - }, - ActiveHover: { - Background: "#96cff0", - Border: "#96cff0", - 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: "#7dcdff", - Icon: "#7dcdff", - 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: "#7dcdff" - } - }, - Hover: { - Background: "#343438", - Border: "#c2c2ca", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Focus: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Error: { - Background: "#515157", - Border: "#eb9091", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - FocusEmpty: { - Background: "#343438", - Border: "#5bb3ea", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Focus: { - Background: "#343438", - Border: "#5bb3ea", - Text: "#ffffff", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - FocusEmpty: { - Background: "#343438", - Border: "#5bb3ea", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Focus: { - Background: "#343438", - Border: "#5bb3ea", - Text: "#ffffff", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - 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: "#7dcdff" - }, - 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: "#7dcdff" - } - }, - Hover: { - Background: "#3d3d42", - Border: "#5bb3ea", - Icon: "#ffffff", - Text: { - Default: "#ffffff", - Link: "#7dcdff" - } - }, - Disabled: { - Background: "#515157", - Border: "#515157", - Icon: "#83838c", - Text: "#83838c" - } - } -} - -declare const Widget: WidgetTypes; - -export interface StepperTypes { - Horizontal: { - Line: "#515157", - PastItem: { - Circle: { - Border: "#5bb3ea", - Background: { - Default: "#3d3d42", - Hover: "#5bb3ea" - }, - Icon: { - Default: "#7dcdff", - Hover: "#ffffff" - }, - Text: { - Default: "#7dcdff", - Hover: "#ffffff" - } - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - CurrentItem: { - Circle: { - Background: "#5bb3ea", - Text: "#ffffff" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - FutureItem: { - Circle: { - Background: "#343438", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Text: "#83838c" - } - }, - Vertical: { - Background: "#3d3d42", - Border: "#515157", - Icon: "#ffffff", - PastItem: { - Circle: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - CurrentItem: { - Icon: "#7dcdff", - Circle: { - Background: "#5bb3ea", - Text: "#ffffff" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - FutureItem: { - Circle: { - Background: "#343438", - Border: "#696970", - Text: "#a3a3ab" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - DisabledItem: { - Circle: { - Background: "#343438", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Text: "#83838c" - } - } -} - -declare const Stepper: StepperTypes; - -export interface AdvancedSearchTypes { - FilterIcon: { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Applied: { - Icon: "#7dcdff", - Badge: { - Background: "#d63c42", - Text: "#ffffff" - } - }, - Disabled: { - Icon: "#83838c", - Badge: { - Background: "#83838c", - Text: "#ffffff" - } - } - }, - FilterArea: { - Background: "#343438", - Border: "#515157", - Text: { - Default: "#ffffff", - Link: "#7dcdff" - }, - 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: "#7dcdff", - Icon: "#ffffff" - }, - Hover: { - Text: "#96cff0", - Icon: "#96cff0" - }, - Filled: { - Text: "#7dcdff", - Icon: "#ffffff" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c" - }, - Focus: { - Text: "#7dcdff", - Icon: "#ffffff" - }, - ReadOnly: { - Text: "#ffffff" - } -} - -declare const LinkSelect: LinkSelectTypes; - -export interface TileTypes { - InfoIcon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - }, - Default: { - Background: "#343438", - Border: "#696970", - Text: "#ffffff" - }, - Hover: { - Background: "#343438", - Border: "#c2c2ca", - Text: "#ffffff" - }, - Selected: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#ffffff" - }, - Disabled: { - Background: "#343438", - Border: "#515157", - Text: "#83838c" - } -} - -declare const Tile: TileTypes; - -export interface FilterTypes { - Tag: { - Label: "#a3a3ab", - Item: "#ffffff", - ClearAll: { - Default: "#a3a3ab", - Hover: "#96cff0" - }, - Icon: { - Defaul: "#ffffff", - Hover: "#96cff0" - } - } -} - -declare const Filter: FilterTypes; - \ No newline at end of file diff --git a/dist/themes/densedDark/index.js b/dist/themes/densedDark/index.js deleted file mode 100644 index d326854..0000000 --- a/dist/themes/densedDark/index.js +++ /dev/null @@ -1,6068 +0,0 @@ - - /** - * Do not edit directly - * Generated on 2025-09-05 - */ - 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", - 55: "#7dcdff", - 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: "#c4eaef", - 40: "#aadee6", - 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" - }, - Gradient: { - Default: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } - }, - Spacing: { - S0: "0", - S2: "0.125rem", - S4: "0.25rem", - S6: "0.375rem", - S8: "0.5rem", - S12: "0.75rem", - S16: "1rem", - S20: "1.25rem", - S24: "1.5rem", - S28: "1.75rem", - S32: "2rem", - S36: "2.25rem", - S40: "2.5rem", - S48: "3rem", - S64: "4rem", - S72: "4.5rem", - S96: "6rem" - }, - 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.625rem", - 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: "0" - } -}; - -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", - 55: "#7dcdff", - 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: "#c4eaef", - 40: "#aadee6", - 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" - }, - Gradient: { - Default: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } -}; - -export const Spacing = { - S0: "0", - S2: "0.125rem", - S4: "0.25rem", - S6: "0.375rem", - S8: "0.5rem", - S12: "0.75rem", - S16: "1rem", - S20: "1.25rem", - S24: "1.5rem", - S28: "1.75rem", - S32: "2rem", - S36: "2.25rem", - S40: "2.5rem", - S48: "3rem", - S64: "4rem", - S72: "4.5rem", - S96: "6rem" -}; - -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.625rem", - 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: "0" -}; - -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: "#7dcdff", - Hover: "#96cff0", - Disabled: "#83838c" - } - }, - Icon: { - Base: "#343438", - Negative: "#eb9091", - Warning: "#edb016", - Positive: "#65ba75", - Informative: "#8da4ef", - Primary: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff", - Disabled: "#83838c" - }, - Secondary: { - Default: "#a3a3ab", - Disabled: "#83838c" - } - } - }, - Border: { - Normal: "#515157", - Neutral: "#a3a3ab", - 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", - Hover: "#97cf9c", - Active: "#65ba75", - Disabled: "#515157" - }, - Negative: { - Default: "#eb9091", - Hover: "#f3aeaf", - Active: "#eb9091", - Disabled: "#515157" - } - }, - Interaction: { - Border: { - Default: "#696970", - Hover: "#c2c2ca", - Focus: "#5bb3ea", - Error: "#eb9091", - Disabled: "#515157" - }, - Background: { - Primary: "#343438", - PrimaryHover: "#515157", - PrimaryActive: "#515157", - Secondary: "#343438", - SecondaryHover: "#696970", - SecondaryActive: "#5bb3ea", - Tertiary: "#3d3d42", - TertiaryHover: "#96cff0", - TertiaryActive: "#5bb3ea", - Disabled: "#515157" - } - }, - Elevation: { - S: "0 2px 8px 0 rgba(0,0,0,0.18)", - SInverted: "0 -2px 8px 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)", - Drawer: { - Right: "-16px 0 32px 0 rgba(0,0,0,0.18)", - Left: "inset 16px 0 32px 0 rgba(0,0,0,0.18)", - Top: "inset 0 16px 32px 0 rgba(0,0,0,0.18)", - Bottom: "inset 0 -16px 32px 0 rgba(0,0,0,0.18)" - } - }, - Typography: { - Heading: { - Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'", - Xxl: "800 1.625rem/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: { - Disabled: "#696970", - 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: "#c4eaef", - 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: "#c4eaef", - 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" - } - }, - Radius: { - Default: "0" - } -}; - -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: "#7dcdff", - Hover: "#96cff0", - Disabled: "#83838c" - } - }, - Icon: { - Base: "#343438", - Negative: "#eb9091", - Warning: "#edb016", - Positive: "#65ba75", - Informative: "#8da4ef", - Primary: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff", - Disabled: "#83838c" - }, - Secondary: { - Default: "#a3a3ab", - Disabled: "#83838c" - } - } -}; - -export const Border = { - Normal: "#515157", - Neutral: "#a3a3ab", - 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", - Hover: "#97cf9c", - Active: "#65ba75", - Disabled: "#515157" - }, - Negative: { - Default: "#eb9091", - Hover: "#f3aeaf", - Active: "#eb9091", - Disabled: "#515157" - } -}; - -export const Interaction = { - Border: { - Default: "#696970", - Hover: "#c2c2ca", - Focus: "#5bb3ea", - Error: "#eb9091", - Disabled: "#515157" - }, - Background: { - Primary: "#343438", - PrimaryHover: "#515157", - PrimaryActive: "#515157", - Secondary: "#343438", - SecondaryHover: "#696970", - SecondaryActive: "#5bb3ea", - Tertiary: "#3d3d42", - TertiaryHover: "#96cff0", - TertiaryActive: "#5bb3ea", - Disabled: "#515157" - } -}; - -export const Elevation = { - S: "0 2px 8px 0 rgba(0,0,0,0.18)", - SInverted: "0 -2px 8px 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)", - Drawer: { - Right: "-16px 0 32px 0 rgba(0,0,0,0.18)", - Left: "inset 16px 0 32px 0 rgba(0,0,0,0.18)", - Top: "inset 0 16px 32px 0 rgba(0,0,0,0.18)", - Bottom: "inset 0 -16px 32px 0 rgba(0,0,0,0.18)" - } -}; - -export const Typography = { - Heading: { - Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'", - Xxl: "800 1.625rem/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 = { - Disabled: "#696970", - 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: "#c4eaef", - 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: "#c4eaef", - 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 Radius = { - Default: "0" -}; - -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: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Background: "#515157", - Border: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Pressed: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Background: "#3d3d42", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#3d3d42", - Border: "#5bb3ea" - } - }, - Link: { - Default: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Text: "#96cff0", - Icon: "#96cff0" - }, - Pressed: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c" - } - }, - Launch: { - Default: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Hover: { - Background: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Pressed: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - Background: "#232326" - } - }, - Danger: { - Default: { - Background: "#eb9091", - Text: "#343438", - Icon: "#343438" - }, - Hover: { - Background: "#f3aeaf", - Text: "#343438", - Icon: "#343438" - }, - Pressed: { - Background: "#eb9091", - Text: "#343438", - Icon: "#343438" - }, - Disabled: { - Background: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#eb9091" - } - } - }, - Container: { - Background: "#3d3d42", - Border: "#515157" - }, - Table: { - HeaderFilled: { - Background: "#515157", - Text: "#ffffff", - Border: "#a3a3ab", - Icon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - HeaderOutlined: { - Border: "#a3a3ab", - Text: "#ffffff", - Icon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - HeaderNested: { - Background: "#515157", - Text: "#ffffff", - Border: "#a3a3ab", - Icon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Row: { - Border: "#515157", - Icon: { - Default: "#ffffff", - Disabled: "#83838c", - Hover: "#96cff0" - }, - Background: { - Default: "#3d3d42", - Zebra: "#343438", - Hover: "#515157" - }, - Text: { - Default: "#ffffff", - Placeholder: "#a3a3ab", - Link: "#7dcdff" - } - } - }, - 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: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Background: "#515157", - Border: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Pressed: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Background: "#3d3d42", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#3d3d42", - Border: "#5bb3ea" - } - }, - Link: { - Default: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Text: "#96cff0", - Icon: "#96cff0" - }, - Pressed: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c" - } - } - }, - OverflowMenuButton: { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Pressed: { - Icon: "#7dcdff" - }, - Disabled: { - Icon: "#83838c" - } - }, - SplitMenuButton: { - Primary: { - Default: { - Background: "#5bb3ea", - Border: "#5bb3ea", - Text: "#343438", - Icon: "#343438" - }, - HoverLeft: { - BackgroundLeft: "#96cff0", - BackgroundRight: "#5bb3ea", - Border: "#96cff0", - Text: "#343438", - Icon: "#343438" - }, - HoverRight: { - BackgroundLeft: "#5bb3ea", - BackgroundRight: "#96cff0", - Border: "#96cff0", - Text: "#343438", - Icon: "#343438" - }, - Active: { - Background: "#5bb3ea", - Border: "#5bb3ea", - Text: "#343438", - Icon: "#343438" - }, - Disabled: { - Background: "#515157", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - BackgroundLeft: "#5bb3ea", - BackgroundRight: "#5bb3ea", - Border: "#5bb3ea", - Icon: "#343438" - } - }, - Secondary: { - Default: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - HoverLeft: { - BackgroundLeft: "#515157", - BackgroundRight: "#3d3d42", - BorderLeft: "#96cff0", - BorderRight: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - HoverRight: { - BackgroundLeft: "#3d3d42", - BackgroundRight: "#515157", - BorderLeft: "#5bb3ea", - BorderRight: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Active: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Background: "#3d3d42", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#3d3d42", - Border: "#5bb3ea", - Icon: "#7dcdff" - } - }, - Launch: { - Default: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverLeft: { - BackgroundLeft: "#343438", - BackgroundRight: "#232326", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverRight: { - BackgroundLeft: "#232326", - BackgroundRight: "#343438", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Active: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Border: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - BackgroundLeft: "#232326", - BackgroundRight: "#232326", - Border: "#232326", - Icon: "#ffffff" - } - } - }, - Appbar: { - Background: "#343438", - Border: "#515157", - Text: "#ffffff", - Icon: "#ffffff", - TopGradient: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - }, - Badge: { - Informative: { - Subtle: { - Background: "lch(77.7 28.7 275 / 0.12)", - Text: "#aec0f5" - }, - Accent: { - Background: "#aec0f5", - Text: "#343438" - } - }, - Neutral: { - Subtle: { - Background: "lch(78.6 4.18 286 / 0.12)", - Text: "#c2c2ca" - }, - Accent: { - Background: "#c2c2ca", - Text: "#343438" - } - }, - Warning: { - Subtle: { - Background: "lch(79.6 53.6 74.4 / 0.12)", - Text: "#f2b67b" - }, - Accent: { - Background: "#f2b67b", - Text: "#343438" - } - }, - Negative: { - Subtle: { - Background: "lch(77.8 28 21.1 / 0.12)", - Text: "#f3aeaf" - }, - Accent: { - Background: "#f3aeaf", - Text: "#343438" - } - }, - Positive: { - Subtle: { - Background: "lch(78.2 32.7 144 / 0.12)", - Text: "#97cf9c" - }, - Accent: { - Background: "#97cf9c", - Text: "#343438" - } - }, - Important: { - Subtle: { - Background: "lch(77.5 31.1 309 / 0.12)", - Text: "#d3b4ed" - }, - Accent: { - Background: "#d3b4ed", - Text: "#343438" - } - }, - Violet: { - Subtle: { - Background: "lch(77.3 30.9 295 / 0.12)", - Text: "#c4b8f3" - }, - Accent: { - Background: "#c4b8f3", - Text: "#343438" - } - }, - Pink: { - Subtle: { - Background: "lch(77.6 29.9 340 / 0.12)", - Text: "#ecadd4" - }, - Accent: { - Background: "#ecadd4", - Text: "#343438" - } - } - }, - Breadcrumb: { - Divider: "#515157", - AppTitle: { - Text: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - Normal: { - Text: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - Truncated: { - Text: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - LastItem: { - Text: "#a3a3ab" - }, - Collapsed: { - Background: "#515157", - Text: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - Icon: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - WithDropdown: { - Text: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - Icon: { - Default: "#ffffff", - Hover: "#96cff0" - } - } - }, - 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: { - Default: "#5bb3ea", - Hover: "#96cff0" - } - }, - HoverItem: { - Background: "#515157", - Text: "#ffffff" - }, - DateRange: { - Text: "#ffffff", - Background: { - Default: "#515157", - Hover: "#696970" - } - }, - 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: "#7dcdff", - HintText: "#a3a3ab" - } - }, - DatePicker: { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Filled: { - Icon: "#7dcdff" - }, - Disabled: { - Icon: "#83838c" - }, - Focus: { - Icon: "#7dcdff" - } - }, - DateRangePicker: { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Filled: { - Icon: "#7dcdff" - }, - Disabled: { - Icon: "#83838c" - }, - Focus: { - Icon: "#7dcdff" - } - }, - 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: "#7dcdff", - 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: "#7dcdff", - 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: "#7dcdff", - Description: "#a3a3ab", - Disabled: "#83838c" - }, - Background: { - Default: "#343438", - Hover: "#3d3d42", - Category: "#343438" - } - }, - GlobalHeader: { - Background: "#232326", - Border: "#3d3d42", - Icon: { - Default: "#d6d6dd", - Hover: "#ffffff", - Active: "#5bb3ea" - }, - Text: { - Default: "#d6d6dd", - Hover: "#ffffff" - }, - Badge: { - Background: "#d63c42", - Text: "#ffffff", - Icon: "#ffffff" - }, - Search: { - Background: "#3d3d42", - Text: { - Placeholder: "#d6d6dd", - Filled: "#ffffff" - }, - Icon: { - Default: "#d6d6dd", - Active: "#ffffff", - Hover: "#ffffff" - }, - Border: { - Default: "#3d3d42", - Hover: "#696970", - Active: "#a3a3ab" - } - } - }, - GlobalFooter: { - Background: "#343438", - Border: "#515157", - Text: "#ffffff", - Link: { - Default: "#7dcdff", - Hover: "#96cff0" - } - }, - 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: "#7dcdff", - Hover: "#96cff0", - Disabled: "#83838c" - } - }, - KpiBar: { - Text: "#ffffff", - Border: "#515157", - Background: "#3d3d42", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970", - Icon: "#83838c" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - } - } - }, - Label: { - Text: "#ffffff", - Icon: "#ffffff", - InfoIcon: "#a3a3ab" - }, - List: { - Text: "#ffffff", - Border: "#515157", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - 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: "#a3a3ab", - StatusIcon: "#a3a3ab" - } - }, - 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: "#7dcdff", - Hover: "#96cff0", - Disabled: "#83838c" - }, - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff", - Disabled: "#83838c" - } - }, - Popover: { - Background: "#3d3d42", - Border: "#515157", - Icon: "#ffffff", - Text: { - Default: "#ffffff", - Link: { - Default: "#7dcdff", - Hover: "#96cff0" - } - } - }, - ProgressBar: { - Text: { - Default: "#ffffff", - Link: { - Default: "#7dcdff", - Hover: "#96cff0" - } - }, - StatusLine: { - Default: "#515157", - Success: "#00b050", - Error: "#d63c42", - InProgress: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } - }, - NumericSpinner: { - Default: { - Background: "#343438", - Border: "#696970", - Text: "#a3a3ab", - Icon: "#ffffff", - HintText: "#a3a3ab" - }, - Hover: { - Background: "#343438", - Border: "#c2c2ca", - Text: "#ffffff", - 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: "#ffffff", - 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: { - Divider: "#3d3d42", - Default: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Background: "#515157", - Border: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - 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" - }, - ActiveHover: { - Background: "#96cff0", - Border: "#96cff0", - 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: "#7dcdff", - Icon: "#7dcdff", - Border: "#5bb3ea" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c", - Border: "#515157" - } - }, - Tag: { - Default: { - Background: "#343438", - Border: "#696970", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Hover: { - Background: "#343438", - Border: "#c2c2ca", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Focus: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Error: { - Background: "#515157", - Border: "#eb9091", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - FocusEmpty: { - Background: "#343438", - Border: "#5bb3ea", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Focus: { - Background: "#343438", - Border: "#5bb3ea", - Text: "#ffffff", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - FocusEmpty: { - Background: "#343438", - Border: "#5bb3ea", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Focus: { - Background: "#343438", - Border: "#5bb3ea", - Text: "#ffffff", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - 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: "#7dcdff" - }, - 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: "#7dcdff" - } - }, - Hover: { - Background: "#3d3d42", - Border: "#5bb3ea", - Icon: "#ffffff", - Text: { - Default: "#ffffff", - Link: "#7dcdff" - } - }, - Disabled: { - Background: "#515157", - Border: "#515157", - Icon: "#83838c", - Text: "#83838c" - } - } - }, - Stepper: { - Horizontal: { - Line: "#515157", - PastItem: { - Circle: { - Border: "#5bb3ea", - Background: { - Default: "#3d3d42", - Hover: "#5bb3ea" - }, - Icon: { - Default: "#7dcdff", - Hover: "#ffffff" - }, - Text: { - Default: "#7dcdff", - Hover: "#ffffff" - } - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - CurrentItem: { - Circle: { - Background: "#5bb3ea", - Text: "#ffffff" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - FutureItem: { - Circle: { - Background: "#343438", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Text: "#83838c" - } - }, - Vertical: { - Background: "#3d3d42", - Border: "#515157", - Icon: "#ffffff", - PastItem: { - Circle: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - CurrentItem: { - Icon: "#7dcdff", - Circle: { - Background: "#5bb3ea", - Text: "#ffffff" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - FutureItem: { - Circle: { - Background: "#343438", - Border: "#696970", - Text: "#a3a3ab" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - DisabledItem: { - Circle: { - Background: "#343438", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Text: "#83838c" - } - } - }, - AdvancedSearch: { - FilterIcon: { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Applied: { - Icon: "#7dcdff", - Badge: { - Background: "#d63c42", - Text: "#ffffff" - } - }, - Disabled: { - Icon: "#83838c", - Badge: { - Background: "#83838c", - Text: "#ffffff" - } - } - }, - FilterArea: { - Background: "#343438", - Border: "#515157", - Text: { - Default: "#ffffff", - Link: "#7dcdff" - }, - 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: "#7dcdff", - Icon: "#ffffff" - }, - Hover: { - Text: "#96cff0", - Icon: "#96cff0" - }, - Filled: { - Text: "#7dcdff", - Icon: "#ffffff" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c" - }, - Focus: { - Text: "#7dcdff", - Icon: "#ffffff" - }, - ReadOnly: { - Text: "#ffffff" - } - }, - Tile: { - InfoIcon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - }, - Default: { - Background: "#343438", - Border: "#696970", - Text: "#ffffff" - }, - Hover: { - Background: "#343438", - Border: "#c2c2ca", - Text: "#ffffff" - }, - Selected: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#ffffff" - }, - Disabled: { - Background: "#343438", - Border: "#515157", - Text: "#83838c" - } - }, - Filter: { - Tag: { - Label: "#a3a3ab", - Item: "#ffffff", - ClearAll: { - Default: "#a3a3ab", - Hover: "#96cff0" - }, - Icon: { - Defaul: "#ffffff", - Hover: "#96cff0" - } - } - } -}; - -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: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Background: "#515157", - Border: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Pressed: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Background: "#3d3d42", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#3d3d42", - Border: "#5bb3ea" - } - }, - Link: { - Default: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Text: "#96cff0", - Icon: "#96cff0" - }, - Pressed: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c" - } - }, - Launch: { - Default: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Hover: { - Background: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Pressed: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - Background: "#232326" - } - }, - Danger: { - Default: { - Background: "#eb9091", - Text: "#343438", - Icon: "#343438" - }, - Hover: { - Background: "#f3aeaf", - Text: "#343438", - Icon: "#343438" - }, - Pressed: { - Background: "#eb9091", - Text: "#343438", - Icon: "#343438" - }, - Disabled: { - Background: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#eb9091" - } - } -}; - -export const Container = { - Background: "#3d3d42", - Border: "#515157" -}; - -export const Table = { - HeaderFilled: { - Background: "#515157", - Text: "#ffffff", - Border: "#a3a3ab", - Icon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - HeaderOutlined: { - Border: "#a3a3ab", - Text: "#ffffff", - Icon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - HeaderNested: { - Background: "#515157", - Text: "#ffffff", - Border: "#a3a3ab", - Icon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Row: { - Border: "#515157", - Icon: { - Default: "#ffffff", - Disabled: "#83838c", - Hover: "#96cff0" - }, - Background: { - Default: "#3d3d42", - Zebra: "#343438", - Hover: "#515157" - }, - Text: { - Default: "#ffffff", - Placeholder: "#a3a3ab", - Link: "#7dcdff" - } - } -}; - -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: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Background: "#515157", - Border: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Pressed: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Background: "#3d3d42", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#3d3d42", - Border: "#5bb3ea" - } - }, - Link: { - Default: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Text: "#96cff0", - Icon: "#96cff0" - }, - Pressed: { - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c" - } - } -}; - -export const OverflowMenuButton = { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Pressed: { - Icon: "#7dcdff" - }, - Disabled: { - Icon: "#83838c" - } -}; - -export const SplitMenuButton = { - Primary: { - Default: { - Background: "#5bb3ea", - Border: "#5bb3ea", - Text: "#343438", - Icon: "#343438" - }, - HoverLeft: { - BackgroundLeft: "#96cff0", - BackgroundRight: "#5bb3ea", - Border: "#96cff0", - Text: "#343438", - Icon: "#343438" - }, - HoverRight: { - BackgroundLeft: "#5bb3ea", - BackgroundRight: "#96cff0", - Border: "#96cff0", - Text: "#343438", - Icon: "#343438" - }, - Active: { - Background: "#5bb3ea", - Border: "#5bb3ea", - Text: "#343438", - Icon: "#343438" - }, - Disabled: { - Background: "#515157", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - BackgroundLeft: "#5bb3ea", - BackgroundRight: "#5bb3ea", - Border: "#5bb3ea", - Icon: "#343438" - } - }, - Secondary: { - Default: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - HoverLeft: { - BackgroundLeft: "#515157", - BackgroundRight: "#3d3d42", - BorderLeft: "#96cff0", - BorderRight: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - HoverRight: { - BackgroundLeft: "#3d3d42", - BackgroundRight: "#515157", - BorderLeft: "#5bb3ea", - BorderRight: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Active: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Disabled: { - Background: "#3d3d42", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Loading: { - Background: "#3d3d42", - Border: "#5bb3ea", - Icon: "#7dcdff" - } - }, - Launch: { - Default: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverLeft: { - BackgroundLeft: "#343438", - BackgroundRight: "#232326", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverRight: { - BackgroundLeft: "#232326", - BackgroundRight: "#343438", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Active: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Border: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - BackgroundLeft: "#232326", - BackgroundRight: "#232326", - Border: "#232326", - Icon: "#ffffff" - } - } -}; - -export const Appbar = { - Background: "#343438", - Border: "#515157", - Text: "#ffffff", - Icon: "#ffffff", - TopGradient: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" -}; - -export const Badge = { - Informative: { - Subtle: { - Background: "lch(77.7 28.7 275 / 0.12)", - Text: "#aec0f5" - }, - Accent: { - Background: "#aec0f5", - Text: "#343438" - } - }, - Neutral: { - Subtle: { - Background: "lch(78.6 4.18 286 / 0.12)", - Text: "#c2c2ca" - }, - Accent: { - Background: "#c2c2ca", - Text: "#343438" - } - }, - Warning: { - Subtle: { - Background: "lch(79.6 53.6 74.4 / 0.12)", - Text: "#f2b67b" - }, - Accent: { - Background: "#f2b67b", - Text: "#343438" - } - }, - Negative: { - Subtle: { - Background: "lch(77.8 28 21.1 / 0.12)", - Text: "#f3aeaf" - }, - Accent: { - Background: "#f3aeaf", - Text: "#343438" - } - }, - Positive: { - Subtle: { - Background: "lch(78.2 32.7 144 / 0.12)", - Text: "#97cf9c" - }, - Accent: { - Background: "#97cf9c", - Text: "#343438" - } - }, - Important: { - Subtle: { - Background: "lch(77.5 31.1 309 / 0.12)", - Text: "#d3b4ed" - }, - Accent: { - Background: "#d3b4ed", - Text: "#343438" - } - }, - Violet: { - Subtle: { - Background: "lch(77.3 30.9 295 / 0.12)", - Text: "#c4b8f3" - }, - Accent: { - Background: "#c4b8f3", - Text: "#343438" - } - }, - Pink: { - Subtle: { - Background: "lch(77.6 29.9 340 / 0.12)", - Text: "#ecadd4" - }, - Accent: { - Background: "#ecadd4", - Text: "#343438" - } - } -}; - -export const Breadcrumb = { - Divider: "#515157", - AppTitle: { - Text: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - Normal: { - Text: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - Truncated: { - Text: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - LastItem: { - Text: "#a3a3ab" - }, - Collapsed: { - Background: "#515157", - Text: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - Icon: { - Default: "#ffffff", - Hover: "#96cff0" - } - }, - WithDropdown: { - Text: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - Icon: { - Default: "#ffffff", - Hover: "#96cff0" - } - } -}; - -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: { - Default: "#5bb3ea", - Hover: "#96cff0" - } - }, - HoverItem: { - Background: "#515157", - Text: "#ffffff" - }, - DateRange: { - Text: "#ffffff", - Background: { - Default: "#515157", - Hover: "#696970" - } - }, - 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: "#7dcdff", - HintText: "#a3a3ab" - } -}; - -export const DatePicker = { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Filled: { - Icon: "#7dcdff" - }, - Disabled: { - Icon: "#83838c" - }, - Focus: { - Icon: "#7dcdff" - } -}; - -export const DateRangePicker = { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Filled: { - Icon: "#7dcdff" - }, - Disabled: { - Icon: "#83838c" - }, - Focus: { - Icon: "#7dcdff" - } -}; - -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: "#7dcdff", - 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: "#7dcdff", - 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: "#7dcdff", - Description: "#a3a3ab", - Disabled: "#83838c" - }, - Background: { - Default: "#343438", - Hover: "#3d3d42", - Category: "#343438" - } -}; - -export const GlobalHeader = { - Background: "#232326", - Border: "#3d3d42", - Icon: { - Default: "#d6d6dd", - Hover: "#ffffff", - Active: "#5bb3ea" - }, - Text: { - Default: "#d6d6dd", - Hover: "#ffffff" - }, - Badge: { - Background: "#d63c42", - Text: "#ffffff", - Icon: "#ffffff" - }, - Search: { - Background: "#3d3d42", - Text: { - Placeholder: "#d6d6dd", - Filled: "#ffffff" - }, - Icon: { - Default: "#d6d6dd", - Active: "#ffffff", - Hover: "#ffffff" - }, - Border: { - Default: "#3d3d42", - Hover: "#696970", - Active: "#a3a3ab" - } - } -}; - -export const GlobalFooter = { - Background: "#343438", - Border: "#515157", - Text: "#ffffff", - Link: { - Default: "#7dcdff", - Hover: "#96cff0" - } -}; - -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: "#7dcdff", - Hover: "#96cff0", - Disabled: "#83838c" - } -}; - -export const KpiBar = { - Text: "#ffffff", - Border: "#515157", - Background: "#3d3d42", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970", - Icon: "#83838c" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - }, - 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" - }, - Disabled: { - Label: "#696970", - Text: "#83838c", - Border: "#696970" - } - } - } -}; - -export const Label = { - Text: "#ffffff", - Icon: "#ffffff", - InfoIcon: "#a3a3ab" -}; - -export const List = { - Text: "#ffffff", - Border: "#515157", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - }, - 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: "#a3a3ab", - StatusIcon: "#a3a3ab" - } -}; - -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: "#7dcdff", - Hover: "#96cff0", - Disabled: "#83838c" - }, - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff", - Disabled: "#83838c" - } -}; - -export const Popover = { - Background: "#3d3d42", - Border: "#515157", - Icon: "#ffffff", - Text: { - Default: "#ffffff", - Link: { - Default: "#7dcdff", - Hover: "#96cff0" - } - } -}; - -export const ProgressBar = { - Text: { - Default: "#ffffff", - Link: { - Default: "#7dcdff", - Hover: "#96cff0" - } - }, - StatusLine: { - Default: "#515157", - Success: "#00b050", - Error: "#d63c42", - InProgress: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } -}; - -export const NumericSpinner = { - Default: { - Background: "#343438", - Border: "#696970", - Text: "#a3a3ab", - Icon: "#ffffff", - HintText: "#a3a3ab" - }, - Hover: { - Background: "#343438", - Border: "#c2c2ca", - Text: "#ffffff", - 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: "#ffffff", - 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 = { - Divider: "#3d3d42", - Default: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Hover: { - Background: "#515157", - Border: "#96cff0", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - 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" - }, - ActiveHover: { - Background: "#96cff0", - Border: "#96cff0", - 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: "#7dcdff", - Icon: "#7dcdff", - 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: "#7dcdff" - } - }, - Hover: { - Background: "#343438", - Border: "#c2c2ca", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Focus: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Error: { - Background: "#515157", - Border: "#eb9091", - Text: "#ffffff", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - FocusEmpty: { - Background: "#343438", - Border: "#5bb3ea", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Focus: { - Background: "#343438", - Border: "#5bb3ea", - Text: "#ffffff", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - 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: "#7dcdff" - } - }, - FocusEmpty: { - Background: "#343438", - Border: "#5bb3ea", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - Focus: { - Background: "#343438", - Border: "#5bb3ea", - Text: "#ffffff", - HintText: "#a3a3ab", - InfoIcon: "#a3a3ab", - Icon: { - Default: "#ffffff", - Hover: "#96cff0", - Active: "#7dcdff" - } - }, - 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: "#7dcdff" - }, - 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: "#7dcdff" - } - }, - Hover: { - Background: "#3d3d42", - Border: "#5bb3ea", - Icon: "#ffffff", - Text: { - Default: "#ffffff", - Link: "#7dcdff" - } - }, - Disabled: { - Background: "#515157", - Border: "#515157", - Icon: "#83838c", - Text: "#83838c" - } - } -}; - -export const Stepper = { - Horizontal: { - Line: "#515157", - PastItem: { - Circle: { - Border: "#5bb3ea", - Background: { - Default: "#3d3d42", - Hover: "#5bb3ea" - }, - Icon: { - Default: "#7dcdff", - Hover: "#ffffff" - }, - Text: { - Default: "#7dcdff", - Hover: "#ffffff" - } - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - CurrentItem: { - Circle: { - Background: "#5bb3ea", - Text: "#ffffff" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - FutureItem: { - Circle: { - Background: "#343438", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Text: "#83838c" - } - }, - Vertical: { - Background: "#3d3d42", - Border: "#515157", - Icon: "#ffffff", - PastItem: { - Circle: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#7dcdff", - Icon: "#7dcdff" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - CurrentItem: { - Icon: "#7dcdff", - Circle: { - Background: "#5bb3ea", - Text: "#ffffff" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - FutureItem: { - Circle: { - Background: "#343438", - Border: "#696970", - Text: "#a3a3ab" - }, - Text: { - Default: "#ffffff", - Hover: "#7dcdff" - } - }, - DisabledItem: { - Circle: { - Background: "#343438", - Border: "#515157", - Text: "#83838c", - Icon: "#83838c" - }, - Text: "#83838c" - } - } -}; - -export const AdvancedSearch = { - FilterIcon: { - Default: { - Icon: "#ffffff" - }, - Hover: { - Icon: "#96cff0" - }, - Applied: { - Icon: "#7dcdff", - Badge: { - Background: "#d63c42", - Text: "#ffffff" - } - }, - Disabled: { - Icon: "#83838c", - Badge: { - Background: "#83838c", - Text: "#ffffff" - } - } - }, - FilterArea: { - Background: "#343438", - Border: "#515157", - Text: { - Default: "#ffffff", - Link: "#7dcdff" - }, - 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: "#7dcdff", - Icon: "#ffffff" - }, - Hover: { - Text: "#96cff0", - Icon: "#96cff0" - }, - Filled: { - Text: "#7dcdff", - Icon: "#ffffff" - }, - Disabled: { - Text: "#83838c", - Icon: "#83838c" - }, - Focus: { - Text: "#7dcdff", - Icon: "#ffffff" - }, - ReadOnly: { - Text: "#ffffff" - } -}; - -export const Tile = { - InfoIcon: { - Default: "#a3a3ab", - Hover: "#96cff0", - Active: "#7dcdff" - }, - Default: { - Background: "#343438", - Border: "#696970", - Text: "#ffffff" - }, - Hover: { - Background: "#343438", - Border: "#c2c2ca", - Text: "#ffffff" - }, - Selected: { - Background: "#3d3d42", - Border: "#5bb3ea", - Text: "#ffffff" - }, - Disabled: { - Background: "#343438", - Border: "#515157", - Text: "#83838c" - } -}; - -export const Filter = { - Tag: { - Label: "#a3a3ab", - Item: "#ffffff", - ClearAll: { - Default: "#a3a3ab", - Hover: "#96cff0" - }, - Icon: { - Defaul: "#ffffff", - Hover: "#96cff0" - } - } -}; - \ No newline at end of file diff --git a/dist/themes/densedDark/tokens.css b/dist/themes/densedDark/tokens.css deleted file mode 100644 index 8bb66e2..0000000 --- a/dist/themes/densedDark/tokens.css +++ /dev/null @@ -1,1789 +0,0 @@ -/** - * 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-55: #7dcdff; - --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: #c4eaef; - --token-global-color-cyan-40: #aadee6; - --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-color-gradient-default: linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%); /* Default gradient */ - --token-global-spacing-s0: 0; - --token-global-spacing-s2: 2px; - --token-global-spacing-s4: 4px; - --token-global-spacing-s6: 6px; - --token-global-spacing-s8: 8px; - --token-global-spacing-s12: 12px; - --token-global-spacing-s16: 16px; - --token-global-spacing-s20: 20px; - --token-global-spacing-s24: 24px; - --token-global-spacing-s28: 28px; - --token-global-spacing-s32: 32px; - --token-global-spacing-s36: 36px; - --token-global-spacing-s40: 40px; - --token-global-spacing-s48: 48px; - --token-global-spacing-s64: 64px; - --token-global-spacing-s72: 72px; - --token-global-spacing-s96: 96px; - --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.625rem; /* 26px */ - --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: 0; - --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: #7dcdff; - --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: #7dcdff; - --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: #a3a3ab; /* 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-hover: #97cf9c; - --token-alias-action-positive-active: #65ba75; - --token-alias-action-positive-disabled: #515157; - --token-alias-action-negative-default: #eb9091; - --token-alias-action-negative-hover: #f3aeaf; - --token-alias-action-negative-active: #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-primary-hover: #515157; /* Calendar range background, table row hover */ - --token-alias-interaction-background-primary-active: #515157; /* Calendar range background, table row hover */ - --token-alias-interaction-background-secondary: #343438; - --token-alias-interaction-background-secondary-hover: #696970; /* Hover color for a calendar date range */ - --token-alias-interaction-background-secondary-active: #5bb3ea; - --token-alias-interaction-background-tertiary: #3d3d42; - --token-alias-interaction-background-tertiary-hover: #96cff0; /* Hover color for an active calendar date */ - --token-alias-interaction-background-tertiary-active: #5bb3ea; - --token-alias-interaction-background-disabled: #515157; - --token-alias-elevation-s: 0 2px 8px 0 rgba(0,0,0,0.18); /* Default shadow for components, like notification banners, dropdowns, popups; */ - --token-alias-elevation-s-inverted: 0 -2px 8px 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-elevation-drawer-right: -16px 0 32px 0 rgba(0,0,0,0.18); /* Dark mode elevation for a drawer that appears from the right side of the screen */ - --token-alias-elevation-drawer-left: inset 16px 0 32px 0 rgba(0,0,0,0.18); /* Dark mode elevation for a drawer that appears from the left side of the screen */ - --token-alias-elevation-drawer-top: inset 0 16px 32px 0 rgba(0,0,0,0.18); /* Dark mode elevation for a drawer that appears from the top side of the screen */ - --token-alias-elevation-drawer-bottom: inset 0 -16px 32px 0 rgba(0,0,0,0.18); /* Dark mode elevation for a drawer that appears from the bottom side of the screen */ - --token-alias-typography-heading-xxxl: 700 2.25rem/2.625rem 'Nunito Sans'; /* Promo banners, KPIs */ - --token-alias-typography-heading-xxl: 800 1.625rem/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-disabled: #696970; - --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: #c4eaef; - --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: #c4eaef; - --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-alias-radius-default: 0; /* Default border radius value */ - --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: #7dcdff; - --token-component-button-secondary-default-icon: #7dcdff; - --token-component-button-secondary-hover-background: #515157; - --token-component-button-secondary-hover-border: #96cff0; - --token-component-button-secondary-hover-text: #7dcdff; - --token-component-button-secondary-hover-icon: #7dcdff; - --token-component-button-secondary-pressed-background: #3d3d42; - --token-component-button-secondary-pressed-border: #5bb3ea; - --token-component-button-secondary-pressed-text: #7dcdff; - --token-component-button-secondary-pressed-icon: #7dcdff; - --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: #7dcdff; - --token-component-button-link-default-icon: #7dcdff; - --token-component-button-link-hover-text: #96cff0; - --token-component-button-link-hover-icon: #96cff0; - --token-component-button-link-pressed-text: #7dcdff; - --token-component-button-link-pressed-icon: #7dcdff; - --token-component-button-link-disabled-text: #83838c; - --token-component-button-link-disabled-icon: #83838c; - --token-component-button-launch-default-background: #232326; /* This component token is considered unstable and in development. */ - --token-component-button-launch-default-text: #ffffff; /* This component token is considered unstable and in development. */ - --token-component-button-launch-default-icon: #ffffff; /* This component token is considered unstable and in development. */ - --token-component-button-launch-hover-background: #343438; /* This component token is considered unstable and in development. */ - --token-component-button-launch-hover-text: #ffffff; /* This component token is considered unstable and in development. */ - --token-component-button-launch-hover-icon: #ffffff; /* This component token is considered unstable and in development. */ - --token-component-button-launch-pressed-background: #232326; /* This component token is considered unstable and in development. */ - --token-component-button-launch-pressed-text: #ffffff; /* This component token is considered unstable and in development. */ - --token-component-button-launch-pressed-icon: #ffffff; /* This component token is considered unstable and in development. */ - --token-component-button-launch-disabled-background: #e5e5ea; /* This component token is considered unstable and in development. */ - --token-component-button-launch-disabled-text: #a3a3ab; /* This component token is considered unstable and in development. */ - --token-component-button-launch-disabled-icon: #a3a3ab; /* This component token is considered unstable and in development. */ - --token-component-button-launch-loading-background: #232326; /* This component token is considered unstable and in development. */ - --token-component-button-danger-default-background: #eb9091; - --token-component-button-danger-default-text: #343438; - --token-component-button-danger-default-icon: #343438; - --token-component-button-danger-hover-background: #f3aeaf; - --token-component-button-danger-hover-text: #343438; - --token-component-button-danger-hover-icon: #343438; - --token-component-button-danger-pressed-background: #eb9091; - --token-component-button-danger-pressed-text: #343438; - --token-component-button-danger-pressed-icon: #343438; - --token-component-button-danger-disabled-background: #515157; - --token-component-button-danger-disabled-text: #83838c; - --token-component-button-danger-disabled-icon: #83838c; - --token-component-button-danger-loading-background: #eb9091; - --token-component-container-background: #3d3d42; - --token-component-container-border: #515157; - --token-component-table-header-filled-background: #515157; - --token-component-table-header-filled-text: #ffffff; - --token-component-table-header-filled-border: #a3a3ab; - --token-component-table-header-filled-icon-default: #a3a3ab; - --token-component-table-header-filled-icon-hover: #96cff0; - --token-component-table-header-filled-icon-active: #7dcdff; - --token-component-table-header-outlined-border: #a3a3ab; - --token-component-table-header-outlined-text: #ffffff; - --token-component-table-header-outlined-icon-default: #a3a3ab; - --token-component-table-header-outlined-icon-hover: #96cff0; - --token-component-table-header-outlined-icon-active: #7dcdff; - --token-component-table-header-nested-background: #515157; - --token-component-table-header-nested-text: #ffffff; - --token-component-table-header-nested-border: #a3a3ab; - --token-component-table-header-nested-icon-default: #a3a3ab; - --token-component-table-header-nested-icon-hover: #96cff0; - --token-component-table-header-nested-icon-active: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --token-component-menu-button-secondary-default-icon: #7dcdff; - --token-component-menu-button-secondary-hover-background: #515157; - --token-component-menu-button-secondary-hover-border: #96cff0; - --token-component-menu-button-secondary-hover-text: #7dcdff; - --token-component-menu-button-secondary-hover-icon: #7dcdff; - --token-component-menu-button-secondary-pressed-background: #3d3d42; - --token-component-menu-button-secondary-pressed-border: #5bb3ea; - --token-component-menu-button-secondary-pressed-text: #7dcdff; - --token-component-menu-button-secondary-pressed-icon: #7dcdff; - --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: #7dcdff; - --token-component-menu-button-link-default-icon: #7dcdff; - --token-component-menu-button-link-hover-text: #96cff0; - --token-component-menu-button-link-hover-icon: #96cff0; - --token-component-menu-button-link-pressed-text: #7dcdff; - --token-component-menu-button-link-pressed-icon: #7dcdff; - --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: #7dcdff; - --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: #5bb3ea; - --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: #96cff0; - --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: #96cff0; - --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: #5bb3ea; - --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: #515157; - --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: #5bb3ea; - --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: #7dcdff; - --token-component-split-menu-button-secondary-default-icon: #7dcdff; - --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: #7dcdff; - --token-component-split-menu-button-secondary-hover-left-icon: #7dcdff; - --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: #7dcdff; - --token-component-split-menu-button-secondary-hover-right-icon: #7dcdff; - --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: #7dcdff; - --token-component-split-menu-button-secondary-active-icon: #7dcdff; - --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: #7dcdff; - --token-component-split-menu-button-launch-default-background: #232326; - --token-component-split-menu-button-launch-default-border: #232326; - --token-component-split-menu-button-launch-default-text: #ffffff; - --token-component-split-menu-button-launch-default-icon: #ffffff; - --token-component-split-menu-button-launch-hover-left-background-left: #343438; - --token-component-split-menu-button-launch-hover-left-background-right: #232326; - --token-component-split-menu-button-launch-hover-left-border: #343438; - --token-component-split-menu-button-launch-hover-left-text: #ffffff; - --token-component-split-menu-button-launch-hover-left-icon: #ffffff; - --token-component-split-menu-button-launch-hover-right-background-left: #232326; - --token-component-split-menu-button-launch-hover-right-background-right: #343438; - --token-component-split-menu-button-launch-hover-right-border: #343438; - --token-component-split-menu-button-launch-hover-right-text: #ffffff; - --token-component-split-menu-button-launch-hover-right-icon: #ffffff; - --token-component-split-menu-button-launch-active-background: #232326; - --token-component-split-menu-button-launch-active-border: #232326; - --token-component-split-menu-button-launch-active-text: #ffffff; - --token-component-split-menu-button-launch-active-icon: #ffffff; - --token-component-split-menu-button-launch-disabled-background: #e5e5ea; - --token-component-split-menu-button-launch-disabled-border: #e5e5ea; - --token-component-split-menu-button-launch-disabled-text: #a3a3ab; - --token-component-split-menu-button-launch-disabled-icon: #a3a3ab; - --token-component-split-menu-button-launch-loading-background-left: #232326; - --token-component-split-menu-button-launch-loading-background-right: #232326; - --token-component-split-menu-button-launch-loading-border: #232326; - --token-component-split-menu-button-launch-loading-icon: #ffffff; - --token-component-appbar-background: #343438; - --token-component-appbar-border: #515157; - --token-component-appbar-text: #ffffff; - --token-component-appbar-icon: #ffffff; - --token-component-appbar-top-gradient: linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%); - --token-component-badge-informative-subtle-background: lch(77.7 28.7 275 / 0.12); - --token-component-badge-informative-subtle-text: #aec0f5; - --token-component-badge-informative-accent-background: #aec0f5; - --token-component-badge-informative-accent-text: #343438; - --token-component-badge-neutral-subtle-background: lch(78.6 4.18 286 / 0.12); - --token-component-badge-neutral-subtle-text: #c2c2ca; - --token-component-badge-neutral-accent-background: #c2c2ca; - --token-component-badge-neutral-accent-text: #343438; - --token-component-badge-warning-subtle-background: lch(79.6 53.6 74.4 / 0.12); - --token-component-badge-warning-subtle-text: #f2b67b; - --token-component-badge-warning-accent-background: #f2b67b; - --token-component-badge-warning-accent-text: #343438; - --token-component-badge-negative-subtle-background: lch(77.8 28 21.1 / 0.12); - --token-component-badge-negative-subtle-text: #f3aeaf; - --token-component-badge-negative-accent-background: #f3aeaf; - --token-component-badge-negative-accent-text: #343438; - --token-component-badge-positive-subtle-background: lch(78.2 32.7 144 / 0.12); - --token-component-badge-positive-subtle-text: #97cf9c; - --token-component-badge-positive-accent-background: #97cf9c; - --token-component-badge-positive-accent-text: #343438; - --token-component-badge-important-subtle-background: lch(77.5 31.1 309 / 0.12); - --token-component-badge-important-subtle-text: #d3b4ed; - --token-component-badge-important-accent-background: #d3b4ed; - --token-component-badge-important-accent-text: #343438; - --token-component-badge-violet-subtle-background: lch(77.3 30.9 295 / 0.12); - --token-component-badge-violet-subtle-text: #c4b8f3; - --token-component-badge-violet-accent-background: #c4b8f3; - --token-component-badge-violet-accent-text: #343438; - --token-component-badge-pink-subtle-background: lch(77.6 29.9 340 / 0.12); - --token-component-badge-pink-subtle-text: #ecadd4; - --token-component-badge-pink-accent-background: #ecadd4; - --token-component-badge-pink-accent-text: #343438; - --token-component-breadcrumb-divider: #515157; - --token-component-breadcrumb-app-title-text-default: #ffffff; - --token-component-breadcrumb-app-title-text-hover: #96cff0; - --token-component-breadcrumb-normal-text-default: #ffffff; - --token-component-breadcrumb-normal-text-hover: #96cff0; - --token-component-breadcrumb-truncated-text-default: #ffffff; - --token-component-breadcrumb-truncated-text-hover: #96cff0; - --token-component-breadcrumb-last-item-text: #a3a3ab; - --token-component-breadcrumb-collapsed-background: #515157; - --token-component-breadcrumb-collapsed-text-default: #ffffff; - --token-component-breadcrumb-collapsed-text-hover: #96cff0; - --token-component-breadcrumb-collapsed-text-active: #7dcdff; - --token-component-breadcrumb-collapsed-icon-default: #ffffff; - --token-component-breadcrumb-collapsed-icon-hover: #96cff0; - --token-component-breadcrumb-with-dropdown-text-default: #ffffff; - --token-component-breadcrumb-with-dropdown-text-hover: #96cff0; - --token-component-breadcrumb-with-dropdown-text-active: #7dcdff; - --token-component-breadcrumb-with-dropdown-icon-default: #ffffff; - --token-component-breadcrumb-with-dropdown-icon-hover: #96cff0; - --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-default: #5bb3ea; - --token-component-calendar-selected-item-background-hover: #96cff0; - --token-component-calendar-hover-item-background: #515157; - --token-component-calendar-hover-item-text: #ffffff; - --token-component-calendar-date-range-text: #ffffff; - --token-component-calendar-date-range-background-default: #515157; - --token-component-calendar-date-range-background-hover: #696970; - --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: #7dcdff; - --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: #7dcdff; - --token-component-date-picker-disabled-icon: #83838c; - --token-component-date-picker-focus-icon: #7dcdff; - --token-component-date-range-picker-default-icon: #ffffff; - --token-component-date-range-picker-hover-icon: #96cff0; - --token-component-date-range-picker-filled-icon: #7dcdff; - --token-component-date-range-picker-disabled-icon: #83838c; - --token-component-date-range-picker-focus-icon: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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-icon-active: #5bb3ea; - --token-component-global-header-text-default: #d6d6dd; - --token-component-global-header-text-hover: #ffffff; - --token-component-global-header-badge-background: #d63c42; - --token-component-global-header-badge-text: #ffffff; - --token-component-global-header-badge-icon: #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-header-search-border-default: #3d3d42; - --token-component-global-header-search-border-hover: #696970; - --token-component-global-header-search-border-active: #a3a3ab; - --token-component-global-footer-background: #343438; - --token-component-global-footer-border: #515157; - --token-component-global-footer-text: #ffffff; - --token-component-global-footer-link-default: #7dcdff; - --token-component-global-footer-link-hover: #96cff0; - --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: #7dcdff; - --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-background: #3d3d42; - --token-component-kpi-bar-icon-default: #ffffff; - --token-component-kpi-bar-icon-hover: #96cff0; - --token-component-kpi-bar-icon-active: #7dcdff; - --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-neutral-disabled-label: #696970; - --token-component-kpi-bar-item-neutral-disabled-text: #83838c; - --token-component-kpi-bar-item-neutral-disabled-border: #696970; - --token-component-kpi-bar-item-neutral-disabled-icon: #83838c; - --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-green-disabled-label: #696970; - --token-component-kpi-bar-item-green-disabled-text: #83838c; - --token-component-kpi-bar-item-green-disabled-border: #696970; - --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-orange-disabled-label: #696970; - --token-component-kpi-bar-item-orange-disabled-text: #83838c; - --token-component-kpi-bar-item-orange-disabled-border: #696970; - --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-purple-disabled-label: #696970; - --token-component-kpi-bar-item-purple-disabled-text: #83838c; - --token-component-kpi-bar-item-purple-disabled-border: #696970; - --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-red-disabled-label: #696970; - --token-component-kpi-bar-item-red-disabled-text: #83838c; - --token-component-kpi-bar-item-red-disabled-border: #696970; - --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-ultramarine-disabled-label: #696970; - --token-component-kpi-bar-item-ultramarine-disabled-text: #83838c; - --token-component-kpi-bar-item-ultramarine-disabled-border: #696970; - --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-kpi-bar-item-pink-disabled-label: #696970; - --token-component-kpi-bar-item-pink-disabled-text: #83838c; - --token-component-kpi-bar-item-pink-disabled-border: #696970; - --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: #7dcdff; - --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: #a3a3ab; - --token-component-notification-banner-secondary-status-icon: #a3a3ab; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --token-component-popover-text-link-hover: #96cff0; - --token-component-progress-bar-text-default: #ffffff; - --token-component-progress-bar-text-link-default: #7dcdff; - --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-progress-bar-status-line-in-progress: linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%); - --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: #ffffff; - --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: #ffffff; - --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-divider: #3d3d42; /* A divider for multi-selected items */ - --token-component-segmented-button-default-background: #3d3d42; - --token-component-segmented-button-default-border: #5bb3ea; - --token-component-segmented-button-default-text: #7dcdff; - --token-component-segmented-button-default-icon: #7dcdff; - --token-component-segmented-button-hover-background: #515157; - --token-component-segmented-button-hover-border: #96cff0; - --token-component-segmented-button-hover-text: #7dcdff; - --token-component-segmented-button-hover-icon: #7dcdff; - --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-segmented-button-active-hover-background: #96cff0; - --token-component-segmented-button-active-hover-border: #96cff0; - --token-component-segmented-button-active-hover-text: #343438; - --token-component-segmented-button-active-hover-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: #7dcdff; - --token-component-tab-active-icon: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --token-component-tag-error-background: #515157; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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-border: #5bb3ea; - --token-component-stepper-horizontal-past-item-circle-background-default: #3d3d42; - --token-component-stepper-horizontal-past-item-circle-background-hover: #5bb3ea; - --token-component-stepper-horizontal-past-item-circle-icon-default: #7dcdff; - --token-component-stepper-horizontal-past-item-circle-icon-hover: #ffffff; - --token-component-stepper-horizontal-past-item-circle-text-default: #7dcdff; - --token-component-stepper-horizontal-past-item-circle-text-hover: #ffffff; - --token-component-stepper-horizontal-past-item-text-default: #ffffff; - --token-component-stepper-horizontal-past-item-text-hover: #7dcdff; - --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: #7dcdff; - --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-circle-icon: #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: #7dcdff; - --token-component-stepper-vertical-past-item-circle-icon: #7dcdff; - --token-component-stepper-vertical-past-item-text-default: #ffffff; - --token-component-stepper-vertical-past-item-text-hover: #7dcdff; - --token-component-stepper-vertical-current-item-icon: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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-circle-icon: #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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --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: #7dcdff; - --token-component-link-select-focus-icon: #ffffff; - --token-component-link-select-read-only-text: #ffffff; - --token-component-tile-info-icon-default: #a3a3ab; - --token-component-tile-info-icon-hover: #96cff0; - --token-component-tile-info-icon-active: #7dcdff; - --token-component-tile-default-background: #343438; - --token-component-tile-default-border: #696970; - --token-component-tile-default-text: #ffffff; - --token-component-tile-hover-background: #343438; - --token-component-tile-hover-border: #c2c2ca; - --token-component-tile-hover-text: #ffffff; - --token-component-tile-selected-background: #3d3d42; - --token-component-tile-selected-border: #5bb3ea; - --token-component-tile-selected-text: #ffffff; - --token-component-tile-disabled-background: #343438; - --token-component-tile-disabled-border: #515157; - --token-component-tile-disabled-text: #83838c; - --token-component-filter-tag-label: #a3a3ab; - --token-component-filter-tag-item: #ffffff; - --token-component-filter-tag-clear-all-default: #a3a3ab; - --token-component-filter-tag-clear-all-hover: #96cff0; - --token-component-filter-tag-icon-defaul: #ffffff; - --token-component-filter-tag-icon-hover: #96cff0; -} diff --git a/dist/themes/densedDark/tokens.d.ts b/dist/themes/densedDark/tokens.d.ts deleted file mode 100644 index 2a0bc07..0000000 --- a/dist/themes/densedDark/tokens.d.ts +++ /dev/null @@ -1,1893 +0,0 @@ -/** - * 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 TokenGlobalColorBrand55 = "#7dcdff"; -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 = "#c4eaef"; -export const TokenGlobalColorCyan40 = "#aadee6"; -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 TokenGlobalColorGradientDefault = - "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)"; // Default gradient -export const TokenGlobalSpacingS0 = "0"; -export const TokenGlobalSpacingS2 = "0.125rem"; -export const TokenGlobalSpacingS4 = "0.25rem"; -export const TokenGlobalSpacingS6 = "0.375rem"; -export const TokenGlobalSpacingS8 = "0.5rem"; -export const TokenGlobalSpacingS12 = "0.75rem"; -export const TokenGlobalSpacingS16 = "1rem"; -export const TokenGlobalSpacingS20 = "1.25rem"; -export const TokenGlobalSpacingS24 = "1.5rem"; -export const TokenGlobalSpacingS28 = "1.75rem"; -export const TokenGlobalSpacingS32 = "2rem"; -export const TokenGlobalSpacingS36 = "2.25rem"; -export const TokenGlobalSpacingS40 = "2.5rem"; -export const TokenGlobalSpacingS48 = "3rem"; -export const TokenGlobalSpacingS64 = "4rem"; -export const TokenGlobalSpacingS72 = "4.5rem"; -export const TokenGlobalSpacingS96 = "6rem"; -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.625rem"; // 26px -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 = "0"; -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 = "#7dcdff"; -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 = "#7dcdff"; -export const TokenAliasContentIconPrimaryDisabled = "#83838c"; -export const TokenAliasContentIconSecondaryDefault = "#a3a3ab"; -export const TokenAliasContentIconSecondaryDisabled = "#83838c"; -export const TokenAliasBorderNormal = "#515157"; // Static component border -export const TokenAliasBorderNeutral = "#a3a3ab"; // 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 TokenAliasActionPositiveHover = "#97cf9c"; -export const TokenAliasActionPositiveActive = "#65ba75"; -export const TokenAliasActionPositiveDisabled = "#515157"; -export const TokenAliasActionNegativeDefault = "#eb9091"; -export const TokenAliasActionNegativeHover = "#f3aeaf"; -export const TokenAliasActionNegativeActive = "#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 TokenAliasInteractionBackgroundPrimaryHover = "#515157"; // Calendar range background, table row hover -export const TokenAliasInteractionBackgroundPrimaryActive = "#515157"; // Calendar range background, table row hover -export const TokenAliasInteractionBackgroundSecondary = "#343438"; -export const TokenAliasInteractionBackgroundSecondaryHover = "#696970"; // Hover color for a calendar date range -export const TokenAliasInteractionBackgroundSecondaryActive = "#5bb3ea"; -export const TokenAliasInteractionBackgroundTertiary = "#3d3d42"; -export const TokenAliasInteractionBackgroundTertiaryHover = "#96cff0"; // Hover color for an active calendar date -export const TokenAliasInteractionBackgroundTertiaryActive = "#5bb3ea"; -export const TokenAliasInteractionBackgroundDisabled = "#515157"; -export const TokenAliasElevationS = "0 2px 8px 0 rgba(0,0,0,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups; -export const TokenAliasElevationSInverted = "0 -2px 8px 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 TokenAliasElevationDrawerRight = "-16px 0 32px 0 rgba(0,0,0,0.18)"; // Dark mode elevation for a drawer that appears from the right side of the screen -export const TokenAliasElevationDrawerLeft = - "inset 16px 0 32px 0 rgba(0,0,0,0.18)"; // Dark mode elevation for a drawer that appears from the left side of the screen -export const TokenAliasElevationDrawerTop = - "inset 0 16px 32px 0 rgba(0,0,0,0.18)"; // Dark mode elevation for a drawer that appears from the top side of the screen -export const TokenAliasElevationDrawerBottom = - "inset 0 -16px 32px 0 rgba(0,0,0,0.18)"; // Dark mode elevation for a drawer that appears from the bottom side of the screen -export const TokenAliasTypographyHeadingXxxl = - "700 2.25rem/2.625rem 'Nunito Sans'"; // Promo banners, KPIs -export const TokenAliasTypographyHeadingXxl = "800 1.625rem/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 TokenAliasAccentDisabled = "#696970"; -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 = "#c4eaef"; -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 = "#c4eaef"; -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 TokenAliasRadiusDefault = "0"; // Default border radius value -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 = "#7dcdff"; -export const TokenComponentButtonSecondaryDefaultIcon = "#7dcdff"; -export const TokenComponentButtonSecondaryHoverBackground = "#515157"; -export const TokenComponentButtonSecondaryHoverBorder = "#96cff0"; -export const TokenComponentButtonSecondaryHoverText = "#7dcdff"; -export const TokenComponentButtonSecondaryHoverIcon = "#7dcdff"; -export const TokenComponentButtonSecondaryPressedBackground = "#3d3d42"; -export const TokenComponentButtonSecondaryPressedBorder = "#5bb3ea"; -export const TokenComponentButtonSecondaryPressedText = "#7dcdff"; -export const TokenComponentButtonSecondaryPressedIcon = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentButtonLinkDefaultIcon = "#7dcdff"; -export const TokenComponentButtonLinkHoverText = "#96cff0"; -export const TokenComponentButtonLinkHoverIcon = "#96cff0"; -export const TokenComponentButtonLinkPressedText = "#7dcdff"; -export const TokenComponentButtonLinkPressedIcon = "#7dcdff"; -export const TokenComponentButtonLinkDisabledText = "#83838c"; -export const TokenComponentButtonLinkDisabledIcon = "#83838c"; -export const TokenComponentButtonLaunchDefaultBackground = "#232326"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDefaultText = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDefaultIcon = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchHoverBackground = "#343438"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchHoverText = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchHoverIcon = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchPressedBackground = "#232326"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchPressedText = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchPressedIcon = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDisabledBackground = "#e5e5ea"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDisabledText = "#a3a3ab"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDisabledIcon = "#a3a3ab"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchLoadingBackground = "#232326"; // This component token is considered unstable and in development. -export const TokenComponentButtonDangerDefaultBackground = "#eb9091"; -export const TokenComponentButtonDangerDefaultText = "#343438"; -export const TokenComponentButtonDangerDefaultIcon = "#343438"; -export const TokenComponentButtonDangerHoverBackground = "#f3aeaf"; -export const TokenComponentButtonDangerHoverText = "#343438"; -export const TokenComponentButtonDangerHoverIcon = "#343438"; -export const TokenComponentButtonDangerPressedBackground = "#eb9091"; -export const TokenComponentButtonDangerPressedText = "#343438"; -export const TokenComponentButtonDangerPressedIcon = "#343438"; -export const TokenComponentButtonDangerDisabledBackground = "#515157"; -export const TokenComponentButtonDangerDisabledText = "#83838c"; -export const TokenComponentButtonDangerDisabledIcon = "#83838c"; -export const TokenComponentButtonDangerLoadingBackground = "#eb9091"; -export const TokenComponentContainerBackground = "#3d3d42"; -export const TokenComponentContainerBorder = "#515157"; -export const TokenComponentTableHeaderFilledBackground = "#515157"; -export const TokenComponentTableHeaderFilledText = "#ffffff"; -export const TokenComponentTableHeaderFilledBorder = "#a3a3ab"; -export const TokenComponentTableHeaderFilledIconDefault = "#a3a3ab"; -export const TokenComponentTableHeaderFilledIconHover = "#96cff0"; -export const TokenComponentTableHeaderFilledIconActive = "#7dcdff"; -export const TokenComponentTableHeaderOutlinedBorder = "#a3a3ab"; -export const TokenComponentTableHeaderOutlinedText = "#ffffff"; -export const TokenComponentTableHeaderOutlinedIconDefault = "#a3a3ab"; -export const TokenComponentTableHeaderOutlinedIconHover = "#96cff0"; -export const TokenComponentTableHeaderOutlinedIconActive = "#7dcdff"; -export const TokenComponentTableHeaderNestedBackground = "#515157"; -export const TokenComponentTableHeaderNestedText = "#ffffff"; -export const TokenComponentTableHeaderNestedBorder = "#a3a3ab"; -export const TokenComponentTableHeaderNestedIconDefault = "#a3a3ab"; -export const TokenComponentTableHeaderNestedIconHover = "#96cff0"; -export const TokenComponentTableHeaderNestedIconActive = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentMenuButtonSecondaryDefaultIcon = "#7dcdff"; -export const TokenComponentMenuButtonSecondaryHoverBackground = "#515157"; -export const TokenComponentMenuButtonSecondaryHoverBorder = "#96cff0"; -export const TokenComponentMenuButtonSecondaryHoverText = "#7dcdff"; -export const TokenComponentMenuButtonSecondaryHoverIcon = "#7dcdff"; -export const TokenComponentMenuButtonSecondaryPressedBackground = "#3d3d42"; -export const TokenComponentMenuButtonSecondaryPressedBorder = "#5bb3ea"; -export const TokenComponentMenuButtonSecondaryPressedText = "#7dcdff"; -export const TokenComponentMenuButtonSecondaryPressedIcon = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentMenuButtonLinkDefaultIcon = "#7dcdff"; -export const TokenComponentMenuButtonLinkHoverText = "#96cff0"; -export const TokenComponentMenuButtonLinkHoverIcon = "#96cff0"; -export const TokenComponentMenuButtonLinkPressedText = "#7dcdff"; -export const TokenComponentMenuButtonLinkPressedIcon = "#7dcdff"; -export const TokenComponentMenuButtonLinkDisabledText = "#83838c"; -export const TokenComponentMenuButtonLinkDisabledIcon = "#83838c"; -export const TokenComponentOverflowMenuButtonDefaultIcon = "#ffffff"; -export const TokenComponentOverflowMenuButtonHoverIcon = "#96cff0"; -export const TokenComponentOverflowMenuButtonPressedIcon = "#7dcdff"; -export const TokenComponentOverflowMenuButtonDisabledIcon = "#83838c"; -export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = - "#96cff0"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = - "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#96cff0"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = - "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = - "#96cff0"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#96cff0"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryActiveText = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#515157"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#515157"; -export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#83838c"; -export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#83838c"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = - "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = - "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#343438"; -export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = - "#3d3d42"; -export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#5bb3ea"; -export const TokenComponentSplitMenuButtonSecondaryDefaultText = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryDefaultIcon = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundLeft = - "#515157"; -export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundRight = - "#3d3d42"; -export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderLeft = - "#96cff0"; -export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderRight = - "#5bb3ea"; -export const TokenComponentSplitMenuButtonSecondaryHoverLeftText = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryHoverLeftIcon = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundLeft = - "#3d3d42"; -export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundRight = - "#515157"; -export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderLeft = - "#5bb3ea"; -export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderRight = - "#96cff0"; -export const TokenComponentSplitMenuButtonSecondaryHoverRightText = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryHoverRightIcon = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryActiveBackground = "#3d3d42"; -export const TokenComponentSplitMenuButtonSecondaryActiveBorder = "#5bb3ea"; -export const TokenComponentSplitMenuButtonSecondaryActiveText = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryActiveIcon = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentSplitMenuButtonLaunchDefaultBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchDefaultIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundLeft = - "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundRight = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundLeft = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundRight = - "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverRightIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchActiveBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchActiveIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledText = "#a3a3ab"; -export const TokenComponentSplitMenuButtonLaunchDisabledIcon = "#a3a3ab"; -export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundLeft = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundRight = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingIcon = "#ffffff"; -export const TokenComponentAppbarBackground = "#343438"; -export const TokenComponentAppbarBorder = "#515157"; -export const TokenComponentAppbarText = "#ffffff"; -export const TokenComponentAppbarIcon = "#ffffff"; -export const TokenComponentAppbarTopGradient = - "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)"; -export const TokenComponentBadgeInformativeSubtleBackground = - "lch(77.7 28.7 275 / 0.12)"; -export const TokenComponentBadgeInformativeSubtleText = "#aec0f5"; -export const TokenComponentBadgeInformativeAccentBackground = "#aec0f5"; -export const TokenComponentBadgeInformativeAccentText = "#343438"; -export const TokenComponentBadgeNeutralSubtleBackground = - "lch(78.6 4.18 286 / 0.12)"; -export const TokenComponentBadgeNeutralSubtleText = "#c2c2ca"; -export const TokenComponentBadgeNeutralAccentBackground = "#c2c2ca"; -export const TokenComponentBadgeNeutralAccentText = "#343438"; -export const TokenComponentBadgeWarningSubtleBackground = - "lch(79.6 53.6 74.4 / 0.12)"; -export const TokenComponentBadgeWarningSubtleText = "#f2b67b"; -export const TokenComponentBadgeWarningAccentBackground = "#f2b67b"; -export const TokenComponentBadgeWarningAccentText = "#343438"; -export const TokenComponentBadgeNegativeSubtleBackground = - "lch(77.8 28 21.1 / 0.12)"; -export const TokenComponentBadgeNegativeSubtleText = "#f3aeaf"; -export const TokenComponentBadgeNegativeAccentBackground = "#f3aeaf"; -export const TokenComponentBadgeNegativeAccentText = "#343438"; -export const TokenComponentBadgePositiveSubtleBackground = - "lch(78.2 32.7 144 / 0.12)"; -export const TokenComponentBadgePositiveSubtleText = "#97cf9c"; -export const TokenComponentBadgePositiveAccentBackground = "#97cf9c"; -export const TokenComponentBadgePositiveAccentText = "#343438"; -export const TokenComponentBadgeImportantSubtleBackground = - "lch(77.5 31.1 309 / 0.12)"; -export const TokenComponentBadgeImportantSubtleText = "#d3b4ed"; -export const TokenComponentBadgeImportantAccentBackground = "#d3b4ed"; -export const TokenComponentBadgeImportantAccentText = "#343438"; -export const TokenComponentBadgeVioletSubtleBackground = - "lch(77.3 30.9 295 / 0.12)"; -export const TokenComponentBadgeVioletSubtleText = "#c4b8f3"; -export const TokenComponentBadgeVioletAccentBackground = "#c4b8f3"; -export const TokenComponentBadgeVioletAccentText = "#343438"; -export const TokenComponentBadgePinkSubtleBackground = - "lch(77.6 29.9 340 / 0.12)"; -export const TokenComponentBadgePinkSubtleText = "#ecadd4"; -export const TokenComponentBadgePinkAccentBackground = "#ecadd4"; -export const TokenComponentBadgePinkAccentText = "#343438"; -export const TokenComponentBreadcrumbDivider = "#515157"; -export const TokenComponentBreadcrumbAppTitleTextDefault = "#ffffff"; -export const TokenComponentBreadcrumbAppTitleTextHover = "#96cff0"; -export const TokenComponentBreadcrumbNormalTextDefault = "#ffffff"; -export const TokenComponentBreadcrumbNormalTextHover = "#96cff0"; -export const TokenComponentBreadcrumbTruncatedTextDefault = "#ffffff"; -export const TokenComponentBreadcrumbTruncatedTextHover = "#96cff0"; -export const TokenComponentBreadcrumbLastItemText = "#a3a3ab"; -export const TokenComponentBreadcrumbCollapsedBackground = "#515157"; -export const TokenComponentBreadcrumbCollapsedTextDefault = "#ffffff"; -export const TokenComponentBreadcrumbCollapsedTextHover = "#96cff0"; -export const TokenComponentBreadcrumbCollapsedTextActive = "#7dcdff"; -export const TokenComponentBreadcrumbCollapsedIconDefault = "#ffffff"; -export const TokenComponentBreadcrumbCollapsedIconHover = "#96cff0"; -export const TokenComponentBreadcrumbWithDropdownTextDefault = "#ffffff"; -export const TokenComponentBreadcrumbWithDropdownTextHover = "#96cff0"; -export const TokenComponentBreadcrumbWithDropdownTextActive = "#7dcdff"; -export const TokenComponentBreadcrumbWithDropdownIconDefault = "#ffffff"; -export const TokenComponentBreadcrumbWithDropdownIconHover = "#96cff0"; -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 TokenComponentCalendarSelectedItemBackgroundDefault = "#5bb3ea"; -export const TokenComponentCalendarSelectedItemBackgroundHover = "#96cff0"; -export const TokenComponentCalendarHoverItemBackground = "#515157"; -export const TokenComponentCalendarHoverItemText = "#ffffff"; -export const TokenComponentCalendarDateRangeText = "#ffffff"; -export const TokenComponentCalendarDateRangeBackgroundDefault = "#515157"; -export const TokenComponentCalendarDateRangeBackgroundHover = "#696970"; -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 = "#7dcdff"; -export const TokenComponentDateFieldFocusHintText = "#a3a3ab"; -export const TokenComponentDatePickerDefaultIcon = "#ffffff"; -export const TokenComponentDatePickerHoverIcon = "#96cff0"; -export const TokenComponentDatePickerFilledIcon = "#7dcdff"; -export const TokenComponentDatePickerDisabledIcon = "#83838c"; -export const TokenComponentDatePickerFocusIcon = "#7dcdff"; -export const TokenComponentDateRangePickerDefaultIcon = "#ffffff"; -export const TokenComponentDateRangePickerHoverIcon = "#96cff0"; -export const TokenComponentDateRangePickerFilledIcon = "#7dcdff"; -export const TokenComponentDateRangePickerDisabledIcon = "#83838c"; -export const TokenComponentDateRangePickerFocusIcon = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 TokenComponentGlobalHeaderIconActive = "#5bb3ea"; -export const TokenComponentGlobalHeaderTextDefault = "#d6d6dd"; -export const TokenComponentGlobalHeaderTextHover = "#ffffff"; -export const TokenComponentGlobalHeaderBadgeBackground = "#d63c42"; -export const TokenComponentGlobalHeaderBadgeText = "#ffffff"; -export const TokenComponentGlobalHeaderBadgeIcon = "#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 TokenComponentGlobalHeaderSearchBorderDefault = "#3d3d42"; -export const TokenComponentGlobalHeaderSearchBorderHover = "#696970"; -export const TokenComponentGlobalHeaderSearchBorderActive = "#a3a3ab"; -export const TokenComponentGlobalFooterBackground = "#343438"; -export const TokenComponentGlobalFooterBorder = "#515157"; -export const TokenComponentGlobalFooterText = "#ffffff"; -export const TokenComponentGlobalFooterLinkDefault = "#7dcdff"; -export const TokenComponentGlobalFooterLinkHover = "#96cff0"; -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 = "#7dcdff"; -export const TokenComponentInlineEditAcceptIconHover = "#96cff0"; -export const TokenComponentInlineEditAcceptIconDisabled = "#83838c"; -export const TokenComponentKpiBarText = "#ffffff"; -export const TokenComponentKpiBarBorder = "#515157"; -export const TokenComponentKpiBarBackground = "#3d3d42"; -export const TokenComponentKpiBarIconDefault = "#ffffff"; -export const TokenComponentKpiBarIconHover = "#96cff0"; -export const TokenComponentKpiBarIconActive = "#7dcdff"; -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 TokenComponentKpiBarItemNeutralDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemNeutralDisabledText = "#83838c"; -export const TokenComponentKpiBarItemNeutralDisabledBorder = "#696970"; -export const TokenComponentKpiBarItemNeutralDisabledIcon = "#83838c"; -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 TokenComponentKpiBarItemGreenDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemGreenDisabledText = "#83838c"; -export const TokenComponentKpiBarItemGreenDisabledBorder = "#696970"; -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 TokenComponentKpiBarItemOrangeDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemOrangeDisabledText = "#83838c"; -export const TokenComponentKpiBarItemOrangeDisabledBorder = "#696970"; -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 TokenComponentKpiBarItemPurpleDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemPurpleDisabledText = "#83838c"; -export const TokenComponentKpiBarItemPurpleDisabledBorder = "#696970"; -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 TokenComponentKpiBarItemRedDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemRedDisabledText = "#83838c"; -export const TokenComponentKpiBarItemRedDisabledBorder = "#696970"; -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 TokenComponentKpiBarItemUltramarineDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemUltramarineDisabledText = "#83838c"; -export const TokenComponentKpiBarItemUltramarineDisabledBorder = "#696970"; -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 TokenComponentKpiBarItemPinkDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemPinkDisabledText = "#83838c"; -export const TokenComponentKpiBarItemPinkDisabledBorder = "#696970"; -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 = "#7dcdff"; -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 = "#a3a3ab"; -export const TokenComponentNotificationBannerSecondaryStatusIcon = "#a3a3ab"; -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 = "#7dcdff"; -export const TokenComponentPaginationTextHover = "#96cff0"; -export const TokenComponentPaginationTextDisabled = "#83838c"; -export const TokenComponentPaginationIconDefault = "#ffffff"; -export const TokenComponentPaginationIconHover = "#96cff0"; -export const TokenComponentPaginationIconActive = "#7dcdff"; -export const TokenComponentPaginationIconDisabled = "#83838c"; -export const TokenComponentPopoverBackground = "#3d3d42"; -export const TokenComponentPopoverBorder = "#515157"; -export const TokenComponentPopoverIcon = "#ffffff"; -export const TokenComponentPopoverTextDefault = "#ffffff"; -export const TokenComponentPopoverTextLinkDefault = "#7dcdff"; -export const TokenComponentPopoverTextLinkHover = "#96cff0"; -export const TokenComponentProgressBarTextDefault = "#ffffff"; -export const TokenComponentProgressBarTextLinkDefault = "#7dcdff"; -export const TokenComponentProgressBarTextLinkHover = "#96cff0"; -export const TokenComponentProgressBarStatusLineDefault = "#515157"; -export const TokenComponentProgressBarStatusLineSuccess = "#00b050"; -export const TokenComponentProgressBarStatusLineError = "#d63c42"; -export const TokenComponentProgressBarStatusLineInProgress = - "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)"; -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 = "#ffffff"; -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 = "#ffffff"; -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 TokenComponentSegmentedButtonDivider = "#3d3d42"; // A divider for multi-selected items -export const TokenComponentSegmentedButtonDefaultBackground = "#3d3d42"; -export const TokenComponentSegmentedButtonDefaultBorder = "#5bb3ea"; -export const TokenComponentSegmentedButtonDefaultText = "#7dcdff"; -export const TokenComponentSegmentedButtonDefaultIcon = "#7dcdff"; -export const TokenComponentSegmentedButtonHoverBackground = "#515157"; -export const TokenComponentSegmentedButtonHoverBorder = "#96cff0"; -export const TokenComponentSegmentedButtonHoverText = "#7dcdff"; -export const TokenComponentSegmentedButtonHoverIcon = "#7dcdff"; -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 TokenComponentSegmentedButtonActiveHoverBackground = "#96cff0"; -export const TokenComponentSegmentedButtonActiveHoverBorder = "#96cff0"; -export const TokenComponentSegmentedButtonActiveHoverText = "#343438"; -export const TokenComponentSegmentedButtonActiveHoverIcon = "#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 = "#7dcdff"; -export const TokenComponentTabActiveIcon = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentTagHoverBackground = "#343438"; -export const TokenComponentTagHoverBorder = "#c2c2ca"; -export const TokenComponentTagHoverText = "#ffffff"; -export const TokenComponentTagHoverIconDefault = "#ffffff"; -export const TokenComponentTagHoverIconHover = "#96cff0"; -export const TokenComponentTagHoverIconActive = "#7dcdff"; -export const TokenComponentTagFocusBackground = "#3d3d42"; -export const TokenComponentTagFocusBorder = "#5bb3ea"; -export const TokenComponentTagFocusText = "#ffffff"; -export const TokenComponentTagFocusIconDefault = "#ffffff"; -export const TokenComponentTagFocusIconHover = "#96cff0"; -export const TokenComponentTagFocusIconActive = "#7dcdff"; -export const TokenComponentTagErrorBackground = "#515157"; -export const TokenComponentTagErrorBorder = "#eb9091"; -export const TokenComponentTagErrorText = "#ffffff"; -export const TokenComponentTagErrorIconDefault = "#ffffff"; -export const TokenComponentTagErrorIconHover = "#96cff0"; -export const TokenComponentTagErrorIconActive = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentWidgetUploadHoverBackground = "#3d3d42"; -export const TokenComponentWidgetUploadHoverBorder = "#5bb3ea"; -export const TokenComponentWidgetUploadHoverIcon = "#ffffff"; -export const TokenComponentWidgetUploadHoverTextDefault = "#ffffff"; -export const TokenComponentWidgetUploadHoverTextLink = "#7dcdff"; -export const TokenComponentWidgetUploadDisabledBackground = "#515157"; -export const TokenComponentWidgetUploadDisabledBorder = "#515157"; -export const TokenComponentWidgetUploadDisabledIcon = "#83838c"; -export const TokenComponentWidgetUploadDisabledText = "#83838c"; -export const TokenComponentStepperHorizontalLine = "#515157"; -export const TokenComponentStepperHorizontalPastItemCircleBorder = "#5bb3ea"; -export const TokenComponentStepperHorizontalPastItemCircleBackgroundDefault = - "#3d3d42"; -export const TokenComponentStepperHorizontalPastItemCircleBackgroundHover = - "#5bb3ea"; -export const TokenComponentStepperHorizontalPastItemCircleIconDefault = - "#7dcdff"; -export const TokenComponentStepperHorizontalPastItemCircleIconHover = "#ffffff"; -export const TokenComponentStepperHorizontalPastItemCircleTextDefault = - "#7dcdff"; -export const TokenComponentStepperHorizontalPastItemCircleTextHover = "#ffffff"; -export const TokenComponentStepperHorizontalPastItemTextDefault = "#ffffff"; -export const TokenComponentStepperHorizontalPastItemTextHover = "#7dcdff"; -export const TokenComponentStepperHorizontalCurrentItemCircleBackground = - "#5bb3ea"; -export const TokenComponentStepperHorizontalCurrentItemCircleText = "#ffffff"; -export const TokenComponentStepperHorizontalCurrentItemTextDefault = "#ffffff"; -export const TokenComponentStepperHorizontalCurrentItemTextHover = "#7dcdff"; -export const TokenComponentStepperHorizontalFutureItemCircleBackground = - "#343438"; -export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#515157"; -export const TokenComponentStepperHorizontalFutureItemCircleText = "#83838c"; -export const TokenComponentStepperHorizontalFutureItemCircleIcon = "#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 = "#7dcdff"; -export const TokenComponentStepperVerticalPastItemCircleIcon = "#7dcdff"; -export const TokenComponentStepperVerticalPastItemTextDefault = "#ffffff"; -export const TokenComponentStepperVerticalPastItemTextHover = "#7dcdff"; -export const TokenComponentStepperVerticalCurrentItemIcon = "#7dcdff"; -export const TokenComponentStepperVerticalCurrentItemCircleBackground = - "#5bb3ea"; -export const TokenComponentStepperVerticalCurrentItemCircleText = "#ffffff"; -export const TokenComponentStepperVerticalCurrentItemTextDefault = "#ffffff"; -export const TokenComponentStepperVerticalCurrentItemTextHover = "#7dcdff"; -export const TokenComponentStepperVerticalFutureItemCircleBackground = - "#343438"; -export const TokenComponentStepperVerticalFutureItemCircleBorder = "#696970"; -export const TokenComponentStepperVerticalFutureItemCircleText = "#a3a3ab"; -export const TokenComponentStepperVerticalFutureItemTextDefault = "#ffffff"; -export const TokenComponentStepperVerticalFutureItemTextHover = "#7dcdff"; -export const TokenComponentStepperVerticalDisabledItemCircleBackground = - "#343438"; -export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#515157"; -export const TokenComponentStepperVerticalDisabledItemCircleText = "#83838c"; -export const TokenComponentStepperVerticalDisabledItemCircleIcon = "#83838c"; -export const TokenComponentStepperVerticalDisabledItemText = "#83838c"; -export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#ffffff"; -export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#96cff0"; -export const TokenComponentAdvancedSearchFilterIconAppliedIcon = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentLinkSelectDefaultIcon = "#ffffff"; -export const TokenComponentLinkSelectHoverText = "#96cff0"; -export const TokenComponentLinkSelectHoverIcon = "#96cff0"; -export const TokenComponentLinkSelectFilledText = "#7dcdff"; -export const TokenComponentLinkSelectFilledIcon = "#ffffff"; -export const TokenComponentLinkSelectDisabledText = "#83838c"; -export const TokenComponentLinkSelectDisabledIcon = "#83838c"; -export const TokenComponentLinkSelectFocusText = "#7dcdff"; -export const TokenComponentLinkSelectFocusIcon = "#ffffff"; -export const TokenComponentLinkSelectReadOnlyText = "#ffffff"; -export const TokenComponentTileInfoIconDefault = "#a3a3ab"; -export const TokenComponentTileInfoIconHover = "#96cff0"; -export const TokenComponentTileInfoIconActive = "#7dcdff"; -export const TokenComponentTileDefaultBackground = "#343438"; -export const TokenComponentTileDefaultBorder = "#696970"; -export const TokenComponentTileDefaultText = "#ffffff"; -export const TokenComponentTileHoverBackground = "#343438"; -export const TokenComponentTileHoverBorder = "#c2c2ca"; -export const TokenComponentTileHoverText = "#ffffff"; -export const TokenComponentTileSelectedBackground = "#3d3d42"; -export const TokenComponentTileSelectedBorder = "#5bb3ea"; -export const TokenComponentTileSelectedText = "#ffffff"; -export const TokenComponentTileDisabledBackground = "#343438"; -export const TokenComponentTileDisabledBorder = "#515157"; -export const TokenComponentTileDisabledText = "#83838c"; -export const TokenComponentFilterTagLabel = "#a3a3ab"; -export const TokenComponentFilterTagItem = "#ffffff"; -export const TokenComponentFilterTagClearAllDefault = "#a3a3ab"; -export const TokenComponentFilterTagClearAllHover = "#96cff0"; -export const TokenComponentFilterTagIconDefaul = "#ffffff"; -export const TokenComponentFilterTagIconHover = "#96cff0"; diff --git a/dist/themes/densedDark/tokens.js b/dist/themes/densedDark/tokens.js deleted file mode 100644 index 2a0bc07..0000000 --- a/dist/themes/densedDark/tokens.js +++ /dev/null @@ -1,1893 +0,0 @@ -/** - * 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 TokenGlobalColorBrand55 = "#7dcdff"; -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 = "#c4eaef"; -export const TokenGlobalColorCyan40 = "#aadee6"; -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 TokenGlobalColorGradientDefault = - "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)"; // Default gradient -export const TokenGlobalSpacingS0 = "0"; -export const TokenGlobalSpacingS2 = "0.125rem"; -export const TokenGlobalSpacingS4 = "0.25rem"; -export const TokenGlobalSpacingS6 = "0.375rem"; -export const TokenGlobalSpacingS8 = "0.5rem"; -export const TokenGlobalSpacingS12 = "0.75rem"; -export const TokenGlobalSpacingS16 = "1rem"; -export const TokenGlobalSpacingS20 = "1.25rem"; -export const TokenGlobalSpacingS24 = "1.5rem"; -export const TokenGlobalSpacingS28 = "1.75rem"; -export const TokenGlobalSpacingS32 = "2rem"; -export const TokenGlobalSpacingS36 = "2.25rem"; -export const TokenGlobalSpacingS40 = "2.5rem"; -export const TokenGlobalSpacingS48 = "3rem"; -export const TokenGlobalSpacingS64 = "4rem"; -export const TokenGlobalSpacingS72 = "4.5rem"; -export const TokenGlobalSpacingS96 = "6rem"; -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.625rem"; // 26px -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 = "0"; -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 = "#7dcdff"; -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 = "#7dcdff"; -export const TokenAliasContentIconPrimaryDisabled = "#83838c"; -export const TokenAliasContentIconSecondaryDefault = "#a3a3ab"; -export const TokenAliasContentIconSecondaryDisabled = "#83838c"; -export const TokenAliasBorderNormal = "#515157"; // Static component border -export const TokenAliasBorderNeutral = "#a3a3ab"; // 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 TokenAliasActionPositiveHover = "#97cf9c"; -export const TokenAliasActionPositiveActive = "#65ba75"; -export const TokenAliasActionPositiveDisabled = "#515157"; -export const TokenAliasActionNegativeDefault = "#eb9091"; -export const TokenAliasActionNegativeHover = "#f3aeaf"; -export const TokenAliasActionNegativeActive = "#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 TokenAliasInteractionBackgroundPrimaryHover = "#515157"; // Calendar range background, table row hover -export const TokenAliasInteractionBackgroundPrimaryActive = "#515157"; // Calendar range background, table row hover -export const TokenAliasInteractionBackgroundSecondary = "#343438"; -export const TokenAliasInteractionBackgroundSecondaryHover = "#696970"; // Hover color for a calendar date range -export const TokenAliasInteractionBackgroundSecondaryActive = "#5bb3ea"; -export const TokenAliasInteractionBackgroundTertiary = "#3d3d42"; -export const TokenAliasInteractionBackgroundTertiaryHover = "#96cff0"; // Hover color for an active calendar date -export const TokenAliasInteractionBackgroundTertiaryActive = "#5bb3ea"; -export const TokenAliasInteractionBackgroundDisabled = "#515157"; -export const TokenAliasElevationS = "0 2px 8px 0 rgba(0,0,0,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups; -export const TokenAliasElevationSInverted = "0 -2px 8px 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 TokenAliasElevationDrawerRight = "-16px 0 32px 0 rgba(0,0,0,0.18)"; // Dark mode elevation for a drawer that appears from the right side of the screen -export const TokenAliasElevationDrawerLeft = - "inset 16px 0 32px 0 rgba(0,0,0,0.18)"; // Dark mode elevation for a drawer that appears from the left side of the screen -export const TokenAliasElevationDrawerTop = - "inset 0 16px 32px 0 rgba(0,0,0,0.18)"; // Dark mode elevation for a drawer that appears from the top side of the screen -export const TokenAliasElevationDrawerBottom = - "inset 0 -16px 32px 0 rgba(0,0,0,0.18)"; // Dark mode elevation for a drawer that appears from the bottom side of the screen -export const TokenAliasTypographyHeadingXxxl = - "700 2.25rem/2.625rem 'Nunito Sans'"; // Promo banners, KPIs -export const TokenAliasTypographyHeadingXxl = "800 1.625rem/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 TokenAliasAccentDisabled = "#696970"; -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 = "#c4eaef"; -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 = "#c4eaef"; -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 TokenAliasRadiusDefault = "0"; // Default border radius value -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 = "#7dcdff"; -export const TokenComponentButtonSecondaryDefaultIcon = "#7dcdff"; -export const TokenComponentButtonSecondaryHoverBackground = "#515157"; -export const TokenComponentButtonSecondaryHoverBorder = "#96cff0"; -export const TokenComponentButtonSecondaryHoverText = "#7dcdff"; -export const TokenComponentButtonSecondaryHoverIcon = "#7dcdff"; -export const TokenComponentButtonSecondaryPressedBackground = "#3d3d42"; -export const TokenComponentButtonSecondaryPressedBorder = "#5bb3ea"; -export const TokenComponentButtonSecondaryPressedText = "#7dcdff"; -export const TokenComponentButtonSecondaryPressedIcon = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentButtonLinkDefaultIcon = "#7dcdff"; -export const TokenComponentButtonLinkHoverText = "#96cff0"; -export const TokenComponentButtonLinkHoverIcon = "#96cff0"; -export const TokenComponentButtonLinkPressedText = "#7dcdff"; -export const TokenComponentButtonLinkPressedIcon = "#7dcdff"; -export const TokenComponentButtonLinkDisabledText = "#83838c"; -export const TokenComponentButtonLinkDisabledIcon = "#83838c"; -export const TokenComponentButtonLaunchDefaultBackground = "#232326"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDefaultText = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDefaultIcon = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchHoverBackground = "#343438"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchHoverText = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchHoverIcon = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchPressedBackground = "#232326"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchPressedText = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchPressedIcon = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDisabledBackground = "#e5e5ea"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDisabledText = "#a3a3ab"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDisabledIcon = "#a3a3ab"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchLoadingBackground = "#232326"; // This component token is considered unstable and in development. -export const TokenComponentButtonDangerDefaultBackground = "#eb9091"; -export const TokenComponentButtonDangerDefaultText = "#343438"; -export const TokenComponentButtonDangerDefaultIcon = "#343438"; -export const TokenComponentButtonDangerHoverBackground = "#f3aeaf"; -export const TokenComponentButtonDangerHoverText = "#343438"; -export const TokenComponentButtonDangerHoverIcon = "#343438"; -export const TokenComponentButtonDangerPressedBackground = "#eb9091"; -export const TokenComponentButtonDangerPressedText = "#343438"; -export const TokenComponentButtonDangerPressedIcon = "#343438"; -export const TokenComponentButtonDangerDisabledBackground = "#515157"; -export const TokenComponentButtonDangerDisabledText = "#83838c"; -export const TokenComponentButtonDangerDisabledIcon = "#83838c"; -export const TokenComponentButtonDangerLoadingBackground = "#eb9091"; -export const TokenComponentContainerBackground = "#3d3d42"; -export const TokenComponentContainerBorder = "#515157"; -export const TokenComponentTableHeaderFilledBackground = "#515157"; -export const TokenComponentTableHeaderFilledText = "#ffffff"; -export const TokenComponentTableHeaderFilledBorder = "#a3a3ab"; -export const TokenComponentTableHeaderFilledIconDefault = "#a3a3ab"; -export const TokenComponentTableHeaderFilledIconHover = "#96cff0"; -export const TokenComponentTableHeaderFilledIconActive = "#7dcdff"; -export const TokenComponentTableHeaderOutlinedBorder = "#a3a3ab"; -export const TokenComponentTableHeaderOutlinedText = "#ffffff"; -export const TokenComponentTableHeaderOutlinedIconDefault = "#a3a3ab"; -export const TokenComponentTableHeaderOutlinedIconHover = "#96cff0"; -export const TokenComponentTableHeaderOutlinedIconActive = "#7dcdff"; -export const TokenComponentTableHeaderNestedBackground = "#515157"; -export const TokenComponentTableHeaderNestedText = "#ffffff"; -export const TokenComponentTableHeaderNestedBorder = "#a3a3ab"; -export const TokenComponentTableHeaderNestedIconDefault = "#a3a3ab"; -export const TokenComponentTableHeaderNestedIconHover = "#96cff0"; -export const TokenComponentTableHeaderNestedIconActive = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentMenuButtonSecondaryDefaultIcon = "#7dcdff"; -export const TokenComponentMenuButtonSecondaryHoverBackground = "#515157"; -export const TokenComponentMenuButtonSecondaryHoverBorder = "#96cff0"; -export const TokenComponentMenuButtonSecondaryHoverText = "#7dcdff"; -export const TokenComponentMenuButtonSecondaryHoverIcon = "#7dcdff"; -export const TokenComponentMenuButtonSecondaryPressedBackground = "#3d3d42"; -export const TokenComponentMenuButtonSecondaryPressedBorder = "#5bb3ea"; -export const TokenComponentMenuButtonSecondaryPressedText = "#7dcdff"; -export const TokenComponentMenuButtonSecondaryPressedIcon = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentMenuButtonLinkDefaultIcon = "#7dcdff"; -export const TokenComponentMenuButtonLinkHoverText = "#96cff0"; -export const TokenComponentMenuButtonLinkHoverIcon = "#96cff0"; -export const TokenComponentMenuButtonLinkPressedText = "#7dcdff"; -export const TokenComponentMenuButtonLinkPressedIcon = "#7dcdff"; -export const TokenComponentMenuButtonLinkDisabledText = "#83838c"; -export const TokenComponentMenuButtonLinkDisabledIcon = "#83838c"; -export const TokenComponentOverflowMenuButtonDefaultIcon = "#ffffff"; -export const TokenComponentOverflowMenuButtonHoverIcon = "#96cff0"; -export const TokenComponentOverflowMenuButtonPressedIcon = "#7dcdff"; -export const TokenComponentOverflowMenuButtonDisabledIcon = "#83838c"; -export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = - "#96cff0"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = - "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#96cff0"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = - "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = - "#96cff0"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#96cff0"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryActiveText = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#343438"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#515157"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#515157"; -export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#83838c"; -export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#83838c"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = - "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = - "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#343438"; -export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = - "#3d3d42"; -export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#5bb3ea"; -export const TokenComponentSplitMenuButtonSecondaryDefaultText = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryDefaultIcon = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundLeft = - "#515157"; -export const TokenComponentSplitMenuButtonSecondaryHoverLeftBackgroundRight = - "#3d3d42"; -export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderLeft = - "#96cff0"; -export const TokenComponentSplitMenuButtonSecondaryHoverLeftBorderRight = - "#5bb3ea"; -export const TokenComponentSplitMenuButtonSecondaryHoverLeftText = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryHoverLeftIcon = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundLeft = - "#3d3d42"; -export const TokenComponentSplitMenuButtonSecondaryHoverRightBackgroundRight = - "#515157"; -export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderLeft = - "#5bb3ea"; -export const TokenComponentSplitMenuButtonSecondaryHoverRightBorderRight = - "#96cff0"; -export const TokenComponentSplitMenuButtonSecondaryHoverRightText = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryHoverRightIcon = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryActiveBackground = "#3d3d42"; -export const TokenComponentSplitMenuButtonSecondaryActiveBorder = "#5bb3ea"; -export const TokenComponentSplitMenuButtonSecondaryActiveText = "#7dcdff"; -export const TokenComponentSplitMenuButtonSecondaryActiveIcon = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentSplitMenuButtonLaunchDefaultBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchDefaultIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundLeft = - "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundRight = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundLeft = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundRight = - "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverRightIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchActiveBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchActiveIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledText = "#a3a3ab"; -export const TokenComponentSplitMenuButtonLaunchDisabledIcon = "#a3a3ab"; -export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundLeft = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundRight = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingIcon = "#ffffff"; -export const TokenComponentAppbarBackground = "#343438"; -export const TokenComponentAppbarBorder = "#515157"; -export const TokenComponentAppbarText = "#ffffff"; -export const TokenComponentAppbarIcon = "#ffffff"; -export const TokenComponentAppbarTopGradient = - "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)"; -export const TokenComponentBadgeInformativeSubtleBackground = - "lch(77.7 28.7 275 / 0.12)"; -export const TokenComponentBadgeInformativeSubtleText = "#aec0f5"; -export const TokenComponentBadgeInformativeAccentBackground = "#aec0f5"; -export const TokenComponentBadgeInformativeAccentText = "#343438"; -export const TokenComponentBadgeNeutralSubtleBackground = - "lch(78.6 4.18 286 / 0.12)"; -export const TokenComponentBadgeNeutralSubtleText = "#c2c2ca"; -export const TokenComponentBadgeNeutralAccentBackground = "#c2c2ca"; -export const TokenComponentBadgeNeutralAccentText = "#343438"; -export const TokenComponentBadgeWarningSubtleBackground = - "lch(79.6 53.6 74.4 / 0.12)"; -export const TokenComponentBadgeWarningSubtleText = "#f2b67b"; -export const TokenComponentBadgeWarningAccentBackground = "#f2b67b"; -export const TokenComponentBadgeWarningAccentText = "#343438"; -export const TokenComponentBadgeNegativeSubtleBackground = - "lch(77.8 28 21.1 / 0.12)"; -export const TokenComponentBadgeNegativeSubtleText = "#f3aeaf"; -export const TokenComponentBadgeNegativeAccentBackground = "#f3aeaf"; -export const TokenComponentBadgeNegativeAccentText = "#343438"; -export const TokenComponentBadgePositiveSubtleBackground = - "lch(78.2 32.7 144 / 0.12)"; -export const TokenComponentBadgePositiveSubtleText = "#97cf9c"; -export const TokenComponentBadgePositiveAccentBackground = "#97cf9c"; -export const TokenComponentBadgePositiveAccentText = "#343438"; -export const TokenComponentBadgeImportantSubtleBackground = - "lch(77.5 31.1 309 / 0.12)"; -export const TokenComponentBadgeImportantSubtleText = "#d3b4ed"; -export const TokenComponentBadgeImportantAccentBackground = "#d3b4ed"; -export const TokenComponentBadgeImportantAccentText = "#343438"; -export const TokenComponentBadgeVioletSubtleBackground = - "lch(77.3 30.9 295 / 0.12)"; -export const TokenComponentBadgeVioletSubtleText = "#c4b8f3"; -export const TokenComponentBadgeVioletAccentBackground = "#c4b8f3"; -export const TokenComponentBadgeVioletAccentText = "#343438"; -export const TokenComponentBadgePinkSubtleBackground = - "lch(77.6 29.9 340 / 0.12)"; -export const TokenComponentBadgePinkSubtleText = "#ecadd4"; -export const TokenComponentBadgePinkAccentBackground = "#ecadd4"; -export const TokenComponentBadgePinkAccentText = "#343438"; -export const TokenComponentBreadcrumbDivider = "#515157"; -export const TokenComponentBreadcrumbAppTitleTextDefault = "#ffffff"; -export const TokenComponentBreadcrumbAppTitleTextHover = "#96cff0"; -export const TokenComponentBreadcrumbNormalTextDefault = "#ffffff"; -export const TokenComponentBreadcrumbNormalTextHover = "#96cff0"; -export const TokenComponentBreadcrumbTruncatedTextDefault = "#ffffff"; -export const TokenComponentBreadcrumbTruncatedTextHover = "#96cff0"; -export const TokenComponentBreadcrumbLastItemText = "#a3a3ab"; -export const TokenComponentBreadcrumbCollapsedBackground = "#515157"; -export const TokenComponentBreadcrumbCollapsedTextDefault = "#ffffff"; -export const TokenComponentBreadcrumbCollapsedTextHover = "#96cff0"; -export const TokenComponentBreadcrumbCollapsedTextActive = "#7dcdff"; -export const TokenComponentBreadcrumbCollapsedIconDefault = "#ffffff"; -export const TokenComponentBreadcrumbCollapsedIconHover = "#96cff0"; -export const TokenComponentBreadcrumbWithDropdownTextDefault = "#ffffff"; -export const TokenComponentBreadcrumbWithDropdownTextHover = "#96cff0"; -export const TokenComponentBreadcrumbWithDropdownTextActive = "#7dcdff"; -export const TokenComponentBreadcrumbWithDropdownIconDefault = "#ffffff"; -export const TokenComponentBreadcrumbWithDropdownIconHover = "#96cff0"; -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 TokenComponentCalendarSelectedItemBackgroundDefault = "#5bb3ea"; -export const TokenComponentCalendarSelectedItemBackgroundHover = "#96cff0"; -export const TokenComponentCalendarHoverItemBackground = "#515157"; -export const TokenComponentCalendarHoverItemText = "#ffffff"; -export const TokenComponentCalendarDateRangeText = "#ffffff"; -export const TokenComponentCalendarDateRangeBackgroundDefault = "#515157"; -export const TokenComponentCalendarDateRangeBackgroundHover = "#696970"; -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 = "#7dcdff"; -export const TokenComponentDateFieldFocusHintText = "#a3a3ab"; -export const TokenComponentDatePickerDefaultIcon = "#ffffff"; -export const TokenComponentDatePickerHoverIcon = "#96cff0"; -export const TokenComponentDatePickerFilledIcon = "#7dcdff"; -export const TokenComponentDatePickerDisabledIcon = "#83838c"; -export const TokenComponentDatePickerFocusIcon = "#7dcdff"; -export const TokenComponentDateRangePickerDefaultIcon = "#ffffff"; -export const TokenComponentDateRangePickerHoverIcon = "#96cff0"; -export const TokenComponentDateRangePickerFilledIcon = "#7dcdff"; -export const TokenComponentDateRangePickerDisabledIcon = "#83838c"; -export const TokenComponentDateRangePickerFocusIcon = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 TokenComponentGlobalHeaderIconActive = "#5bb3ea"; -export const TokenComponentGlobalHeaderTextDefault = "#d6d6dd"; -export const TokenComponentGlobalHeaderTextHover = "#ffffff"; -export const TokenComponentGlobalHeaderBadgeBackground = "#d63c42"; -export const TokenComponentGlobalHeaderBadgeText = "#ffffff"; -export const TokenComponentGlobalHeaderBadgeIcon = "#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 TokenComponentGlobalHeaderSearchBorderDefault = "#3d3d42"; -export const TokenComponentGlobalHeaderSearchBorderHover = "#696970"; -export const TokenComponentGlobalHeaderSearchBorderActive = "#a3a3ab"; -export const TokenComponentGlobalFooterBackground = "#343438"; -export const TokenComponentGlobalFooterBorder = "#515157"; -export const TokenComponentGlobalFooterText = "#ffffff"; -export const TokenComponentGlobalFooterLinkDefault = "#7dcdff"; -export const TokenComponentGlobalFooterLinkHover = "#96cff0"; -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 = "#7dcdff"; -export const TokenComponentInlineEditAcceptIconHover = "#96cff0"; -export const TokenComponentInlineEditAcceptIconDisabled = "#83838c"; -export const TokenComponentKpiBarText = "#ffffff"; -export const TokenComponentKpiBarBorder = "#515157"; -export const TokenComponentKpiBarBackground = "#3d3d42"; -export const TokenComponentKpiBarIconDefault = "#ffffff"; -export const TokenComponentKpiBarIconHover = "#96cff0"; -export const TokenComponentKpiBarIconActive = "#7dcdff"; -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 TokenComponentKpiBarItemNeutralDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemNeutralDisabledText = "#83838c"; -export const TokenComponentKpiBarItemNeutralDisabledBorder = "#696970"; -export const TokenComponentKpiBarItemNeutralDisabledIcon = "#83838c"; -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 TokenComponentKpiBarItemGreenDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemGreenDisabledText = "#83838c"; -export const TokenComponentKpiBarItemGreenDisabledBorder = "#696970"; -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 TokenComponentKpiBarItemOrangeDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemOrangeDisabledText = "#83838c"; -export const TokenComponentKpiBarItemOrangeDisabledBorder = "#696970"; -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 TokenComponentKpiBarItemPurpleDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemPurpleDisabledText = "#83838c"; -export const TokenComponentKpiBarItemPurpleDisabledBorder = "#696970"; -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 TokenComponentKpiBarItemRedDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemRedDisabledText = "#83838c"; -export const TokenComponentKpiBarItemRedDisabledBorder = "#696970"; -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 TokenComponentKpiBarItemUltramarineDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemUltramarineDisabledText = "#83838c"; -export const TokenComponentKpiBarItemUltramarineDisabledBorder = "#696970"; -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 TokenComponentKpiBarItemPinkDisabledLabel = "#696970"; -export const TokenComponentKpiBarItemPinkDisabledText = "#83838c"; -export const TokenComponentKpiBarItemPinkDisabledBorder = "#696970"; -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 = "#7dcdff"; -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 = "#a3a3ab"; -export const TokenComponentNotificationBannerSecondaryStatusIcon = "#a3a3ab"; -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 = "#7dcdff"; -export const TokenComponentPaginationTextHover = "#96cff0"; -export const TokenComponentPaginationTextDisabled = "#83838c"; -export const TokenComponentPaginationIconDefault = "#ffffff"; -export const TokenComponentPaginationIconHover = "#96cff0"; -export const TokenComponentPaginationIconActive = "#7dcdff"; -export const TokenComponentPaginationIconDisabled = "#83838c"; -export const TokenComponentPopoverBackground = "#3d3d42"; -export const TokenComponentPopoverBorder = "#515157"; -export const TokenComponentPopoverIcon = "#ffffff"; -export const TokenComponentPopoverTextDefault = "#ffffff"; -export const TokenComponentPopoverTextLinkDefault = "#7dcdff"; -export const TokenComponentPopoverTextLinkHover = "#96cff0"; -export const TokenComponentProgressBarTextDefault = "#ffffff"; -export const TokenComponentProgressBarTextLinkDefault = "#7dcdff"; -export const TokenComponentProgressBarTextLinkHover = "#96cff0"; -export const TokenComponentProgressBarStatusLineDefault = "#515157"; -export const TokenComponentProgressBarStatusLineSuccess = "#00b050"; -export const TokenComponentProgressBarStatusLineError = "#d63c42"; -export const TokenComponentProgressBarStatusLineInProgress = - "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)"; -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 = "#ffffff"; -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 = "#ffffff"; -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 TokenComponentSegmentedButtonDivider = "#3d3d42"; // A divider for multi-selected items -export const TokenComponentSegmentedButtonDefaultBackground = "#3d3d42"; -export const TokenComponentSegmentedButtonDefaultBorder = "#5bb3ea"; -export const TokenComponentSegmentedButtonDefaultText = "#7dcdff"; -export const TokenComponentSegmentedButtonDefaultIcon = "#7dcdff"; -export const TokenComponentSegmentedButtonHoverBackground = "#515157"; -export const TokenComponentSegmentedButtonHoverBorder = "#96cff0"; -export const TokenComponentSegmentedButtonHoverText = "#7dcdff"; -export const TokenComponentSegmentedButtonHoverIcon = "#7dcdff"; -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 TokenComponentSegmentedButtonActiveHoverBackground = "#96cff0"; -export const TokenComponentSegmentedButtonActiveHoverBorder = "#96cff0"; -export const TokenComponentSegmentedButtonActiveHoverText = "#343438"; -export const TokenComponentSegmentedButtonActiveHoverIcon = "#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 = "#7dcdff"; -export const TokenComponentTabActiveIcon = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentTagHoverBackground = "#343438"; -export const TokenComponentTagHoverBorder = "#c2c2ca"; -export const TokenComponentTagHoverText = "#ffffff"; -export const TokenComponentTagHoverIconDefault = "#ffffff"; -export const TokenComponentTagHoverIconHover = "#96cff0"; -export const TokenComponentTagHoverIconActive = "#7dcdff"; -export const TokenComponentTagFocusBackground = "#3d3d42"; -export const TokenComponentTagFocusBorder = "#5bb3ea"; -export const TokenComponentTagFocusText = "#ffffff"; -export const TokenComponentTagFocusIconDefault = "#ffffff"; -export const TokenComponentTagFocusIconHover = "#96cff0"; -export const TokenComponentTagFocusIconActive = "#7dcdff"; -export const TokenComponentTagErrorBackground = "#515157"; -export const TokenComponentTagErrorBorder = "#eb9091"; -export const TokenComponentTagErrorText = "#ffffff"; -export const TokenComponentTagErrorIconDefault = "#ffffff"; -export const TokenComponentTagErrorIconHover = "#96cff0"; -export const TokenComponentTagErrorIconActive = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentWidgetUploadHoverBackground = "#3d3d42"; -export const TokenComponentWidgetUploadHoverBorder = "#5bb3ea"; -export const TokenComponentWidgetUploadHoverIcon = "#ffffff"; -export const TokenComponentWidgetUploadHoverTextDefault = "#ffffff"; -export const TokenComponentWidgetUploadHoverTextLink = "#7dcdff"; -export const TokenComponentWidgetUploadDisabledBackground = "#515157"; -export const TokenComponentWidgetUploadDisabledBorder = "#515157"; -export const TokenComponentWidgetUploadDisabledIcon = "#83838c"; -export const TokenComponentWidgetUploadDisabledText = "#83838c"; -export const TokenComponentStepperHorizontalLine = "#515157"; -export const TokenComponentStepperHorizontalPastItemCircleBorder = "#5bb3ea"; -export const TokenComponentStepperHorizontalPastItemCircleBackgroundDefault = - "#3d3d42"; -export const TokenComponentStepperHorizontalPastItemCircleBackgroundHover = - "#5bb3ea"; -export const TokenComponentStepperHorizontalPastItemCircleIconDefault = - "#7dcdff"; -export const TokenComponentStepperHorizontalPastItemCircleIconHover = "#ffffff"; -export const TokenComponentStepperHorizontalPastItemCircleTextDefault = - "#7dcdff"; -export const TokenComponentStepperHorizontalPastItemCircleTextHover = "#ffffff"; -export const TokenComponentStepperHorizontalPastItemTextDefault = "#ffffff"; -export const TokenComponentStepperHorizontalPastItemTextHover = "#7dcdff"; -export const TokenComponentStepperHorizontalCurrentItemCircleBackground = - "#5bb3ea"; -export const TokenComponentStepperHorizontalCurrentItemCircleText = "#ffffff"; -export const TokenComponentStepperHorizontalCurrentItemTextDefault = "#ffffff"; -export const TokenComponentStepperHorizontalCurrentItemTextHover = "#7dcdff"; -export const TokenComponentStepperHorizontalFutureItemCircleBackground = - "#343438"; -export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#515157"; -export const TokenComponentStepperHorizontalFutureItemCircleText = "#83838c"; -export const TokenComponentStepperHorizontalFutureItemCircleIcon = "#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 = "#7dcdff"; -export const TokenComponentStepperVerticalPastItemCircleIcon = "#7dcdff"; -export const TokenComponentStepperVerticalPastItemTextDefault = "#ffffff"; -export const TokenComponentStepperVerticalPastItemTextHover = "#7dcdff"; -export const TokenComponentStepperVerticalCurrentItemIcon = "#7dcdff"; -export const TokenComponentStepperVerticalCurrentItemCircleBackground = - "#5bb3ea"; -export const TokenComponentStepperVerticalCurrentItemCircleText = "#ffffff"; -export const TokenComponentStepperVerticalCurrentItemTextDefault = "#ffffff"; -export const TokenComponentStepperVerticalCurrentItemTextHover = "#7dcdff"; -export const TokenComponentStepperVerticalFutureItemCircleBackground = - "#343438"; -export const TokenComponentStepperVerticalFutureItemCircleBorder = "#696970"; -export const TokenComponentStepperVerticalFutureItemCircleText = "#a3a3ab"; -export const TokenComponentStepperVerticalFutureItemTextDefault = "#ffffff"; -export const TokenComponentStepperVerticalFutureItemTextHover = "#7dcdff"; -export const TokenComponentStepperVerticalDisabledItemCircleBackground = - "#343438"; -export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#515157"; -export const TokenComponentStepperVerticalDisabledItemCircleText = "#83838c"; -export const TokenComponentStepperVerticalDisabledItemCircleIcon = "#83838c"; -export const TokenComponentStepperVerticalDisabledItemText = "#83838c"; -export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#ffffff"; -export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#96cff0"; -export const TokenComponentAdvancedSearchFilterIconAppliedIcon = "#7dcdff"; -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 = "#7dcdff"; -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 = "#7dcdff"; -export const TokenComponentLinkSelectDefaultIcon = "#ffffff"; -export const TokenComponentLinkSelectHoverText = "#96cff0"; -export const TokenComponentLinkSelectHoverIcon = "#96cff0"; -export const TokenComponentLinkSelectFilledText = "#7dcdff"; -export const TokenComponentLinkSelectFilledIcon = "#ffffff"; -export const TokenComponentLinkSelectDisabledText = "#83838c"; -export const TokenComponentLinkSelectDisabledIcon = "#83838c"; -export const TokenComponentLinkSelectFocusText = "#7dcdff"; -export const TokenComponentLinkSelectFocusIcon = "#ffffff"; -export const TokenComponentLinkSelectReadOnlyText = "#ffffff"; -export const TokenComponentTileInfoIconDefault = "#a3a3ab"; -export const TokenComponentTileInfoIconHover = "#96cff0"; -export const TokenComponentTileInfoIconActive = "#7dcdff"; -export const TokenComponentTileDefaultBackground = "#343438"; -export const TokenComponentTileDefaultBorder = "#696970"; -export const TokenComponentTileDefaultText = "#ffffff"; -export const TokenComponentTileHoverBackground = "#343438"; -export const TokenComponentTileHoverBorder = "#c2c2ca"; -export const TokenComponentTileHoverText = "#ffffff"; -export const TokenComponentTileSelectedBackground = "#3d3d42"; -export const TokenComponentTileSelectedBorder = "#5bb3ea"; -export const TokenComponentTileSelectedText = "#ffffff"; -export const TokenComponentTileDisabledBackground = "#343438"; -export const TokenComponentTileDisabledBorder = "#515157"; -export const TokenComponentTileDisabledText = "#83838c"; -export const TokenComponentFilterTagLabel = "#a3a3ab"; -export const TokenComponentFilterTagItem = "#ffffff"; -export const TokenComponentFilterTagClearAllDefault = "#a3a3ab"; -export const TokenComponentFilterTagClearAllHover = "#96cff0"; -export const TokenComponentFilterTagIconDefaul = "#ffffff"; -export const TokenComponentFilterTagIconHover = "#96cff0"; diff --git a/dist/themes/densedDark/tokens.scss b/dist/themes/densedDark/tokens.scss deleted file mode 100644 index 6f32e5f..0000000 --- a/dist/themes/densedDark/tokens.scss +++ /dev/null @@ -1,1786 +0,0 @@ - -// 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-55: #7dcdff; -$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: #c4eaef; -$token-global-color-cyan-40: #aadee6; -$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-color-gradient-default: linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%); // Default gradient -$token-global-spacing-s0: 0; -$token-global-spacing-s2: 2px; -$token-global-spacing-s4: 4px; -$token-global-spacing-s6: 6px; -$token-global-spacing-s8: 8px; -$token-global-spacing-s12: 12px; -$token-global-spacing-s16: 16px; -$token-global-spacing-s20: 20px; -$token-global-spacing-s24: 24px; -$token-global-spacing-s28: 28px; -$token-global-spacing-s32: 32px; -$token-global-spacing-s36: 36px; -$token-global-spacing-s40: 40px; -$token-global-spacing-s48: 48px; -$token-global-spacing-s64: 64px; -$token-global-spacing-s72: 72px; -$token-global-spacing-s96: 96px; -$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.625rem; // 26px -$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: 0; -$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: #7dcdff; -$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: #7dcdff; -$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: #a3a3ab; // 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-hover: #97cf9c; -$token-alias-action-positive-active: #65ba75; -$token-alias-action-positive-disabled: #515157; -$token-alias-action-negative-default: #eb9091; -$token-alias-action-negative-hover: #f3aeaf; -$token-alias-action-negative-active: #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-primary-hover: #515157; // Calendar range background, table row hover -$token-alias-interaction-background-primary-active: #515157; // Calendar range background, table row hover -$token-alias-interaction-background-secondary: #343438; -$token-alias-interaction-background-secondary-hover: #696970; // Hover color for a calendar date range -$token-alias-interaction-background-secondary-active: #5bb3ea; -$token-alias-interaction-background-tertiary: #3d3d42; -$token-alias-interaction-background-tertiary-hover: #96cff0; // Hover color for an active calendar date -$token-alias-interaction-background-tertiary-active: #5bb3ea; -$token-alias-interaction-background-disabled: #515157; -$token-alias-elevation-s: 0 2px 8px 0 rgba(0,0,0,0.18); // Default shadow for components, like notification banners, dropdowns, popups; -$token-alias-elevation-s-inverted: 0 -2px 8px 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-elevation-drawer-right: -16px 0 32px 0 rgba(0,0,0,0.18); // Dark mode elevation for a drawer that appears from the right side of the screen -$token-alias-elevation-drawer-left: inset 16px 0 32px 0 rgba(0,0,0,0.18); // Dark mode elevation for a drawer that appears from the left side of the screen -$token-alias-elevation-drawer-top: inset 0 16px 32px 0 rgba(0,0,0,0.18); // Dark mode elevation for a drawer that appears from the top side of the screen -$token-alias-elevation-drawer-bottom: inset 0 -16px 32px 0 rgba(0,0,0,0.18); // Dark mode elevation for a drawer that appears from the bottom side of the screen -$token-alias-typography-heading-xxxl: 700 2.25rem/2.625rem 'Nunito Sans'; // Promo banners, KPIs -$token-alias-typography-heading-xxl: 800 1.625rem/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-disabled: #696970; -$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: #c4eaef; -$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: #c4eaef; -$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-alias-radius-default: 0; // Default border radius value -$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: #7dcdff; -$token-component-button-secondary-default-icon: #7dcdff; -$token-component-button-secondary-hover-background: #515157; -$token-component-button-secondary-hover-border: #96cff0; -$token-component-button-secondary-hover-text: #7dcdff; -$token-component-button-secondary-hover-icon: #7dcdff; -$token-component-button-secondary-pressed-background: #3d3d42; -$token-component-button-secondary-pressed-border: #5bb3ea; -$token-component-button-secondary-pressed-text: #7dcdff; -$token-component-button-secondary-pressed-icon: #7dcdff; -$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: #7dcdff; -$token-component-button-link-default-icon: #7dcdff; -$token-component-button-link-hover-text: #96cff0; -$token-component-button-link-hover-icon: #96cff0; -$token-component-button-link-pressed-text: #7dcdff; -$token-component-button-link-pressed-icon: #7dcdff; -$token-component-button-link-disabled-text: #83838c; -$token-component-button-link-disabled-icon: #83838c; -$token-component-button-launch-default-background: #232326; // This component token is considered unstable and in development. -$token-component-button-launch-default-text: #ffffff; // This component token is considered unstable and in development. -$token-component-button-launch-default-icon: #ffffff; // This component token is considered unstable and in development. -$token-component-button-launch-hover-background: #343438; // This component token is considered unstable and in development. -$token-component-button-launch-hover-text: #ffffff; // This component token is considered unstable and in development. -$token-component-button-launch-hover-icon: #ffffff; // This component token is considered unstable and in development. -$token-component-button-launch-pressed-background: #232326; // This component token is considered unstable and in development. -$token-component-button-launch-pressed-text: #ffffff; // This component token is considered unstable and in development. -$token-component-button-launch-pressed-icon: #ffffff; // This component token is considered unstable and in development. -$token-component-button-launch-disabled-background: #e5e5ea; // This component token is considered unstable and in development. -$token-component-button-launch-disabled-text: #a3a3ab; // This component token is considered unstable and in development. -$token-component-button-launch-disabled-icon: #a3a3ab; // This component token is considered unstable and in development. -$token-component-button-launch-loading-background: #232326; // This component token is considered unstable and in development. -$token-component-button-danger-default-background: #eb9091; -$token-component-button-danger-default-text: #343438; -$token-component-button-danger-default-icon: #343438; -$token-component-button-danger-hover-background: #f3aeaf; -$token-component-button-danger-hover-text: #343438; -$token-component-button-danger-hover-icon: #343438; -$token-component-button-danger-pressed-background: #eb9091; -$token-component-button-danger-pressed-text: #343438; -$token-component-button-danger-pressed-icon: #343438; -$token-component-button-danger-disabled-background: #515157; -$token-component-button-danger-disabled-text: #83838c; -$token-component-button-danger-disabled-icon: #83838c; -$token-component-button-danger-loading-background: #eb9091; -$token-component-container-background: #3d3d42; -$token-component-container-border: #515157; -$token-component-table-header-filled-background: #515157; -$token-component-table-header-filled-text: #ffffff; -$token-component-table-header-filled-border: #a3a3ab; -$token-component-table-header-filled-icon-default: #a3a3ab; -$token-component-table-header-filled-icon-hover: #96cff0; -$token-component-table-header-filled-icon-active: #7dcdff; -$token-component-table-header-outlined-border: #a3a3ab; -$token-component-table-header-outlined-text: #ffffff; -$token-component-table-header-outlined-icon-default: #a3a3ab; -$token-component-table-header-outlined-icon-hover: #96cff0; -$token-component-table-header-outlined-icon-active: #7dcdff; -$token-component-table-header-nested-background: #515157; -$token-component-table-header-nested-text: #ffffff; -$token-component-table-header-nested-border: #a3a3ab; -$token-component-table-header-nested-icon-default: #a3a3ab; -$token-component-table-header-nested-icon-hover: #96cff0; -$token-component-table-header-nested-icon-active: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$token-component-menu-button-secondary-default-icon: #7dcdff; -$token-component-menu-button-secondary-hover-background: #515157; -$token-component-menu-button-secondary-hover-border: #96cff0; -$token-component-menu-button-secondary-hover-text: #7dcdff; -$token-component-menu-button-secondary-hover-icon: #7dcdff; -$token-component-menu-button-secondary-pressed-background: #3d3d42; -$token-component-menu-button-secondary-pressed-border: #5bb3ea; -$token-component-menu-button-secondary-pressed-text: #7dcdff; -$token-component-menu-button-secondary-pressed-icon: #7dcdff; -$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: #7dcdff; -$token-component-menu-button-link-default-icon: #7dcdff; -$token-component-menu-button-link-hover-text: #96cff0; -$token-component-menu-button-link-hover-icon: #96cff0; -$token-component-menu-button-link-pressed-text: #7dcdff; -$token-component-menu-button-link-pressed-icon: #7dcdff; -$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: #7dcdff; -$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: #5bb3ea; -$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: #96cff0; -$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: #96cff0; -$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: #5bb3ea; -$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: #515157; -$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: #5bb3ea; -$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: #7dcdff; -$token-component-split-menu-button-secondary-default-icon: #7dcdff; -$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: #7dcdff; -$token-component-split-menu-button-secondary-hover-left-icon: #7dcdff; -$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: #7dcdff; -$token-component-split-menu-button-secondary-hover-right-icon: #7dcdff; -$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: #7dcdff; -$token-component-split-menu-button-secondary-active-icon: #7dcdff; -$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: #7dcdff; -$token-component-split-menu-button-launch-default-background: #232326; -$token-component-split-menu-button-launch-default-border: #232326; -$token-component-split-menu-button-launch-default-text: #ffffff; -$token-component-split-menu-button-launch-default-icon: #ffffff; -$token-component-split-menu-button-launch-hover-left-background-left: #343438; -$token-component-split-menu-button-launch-hover-left-background-right: #232326; -$token-component-split-menu-button-launch-hover-left-border: #343438; -$token-component-split-menu-button-launch-hover-left-text: #ffffff; -$token-component-split-menu-button-launch-hover-left-icon: #ffffff; -$token-component-split-menu-button-launch-hover-right-background-left: #232326; -$token-component-split-menu-button-launch-hover-right-background-right: #343438; -$token-component-split-menu-button-launch-hover-right-border: #343438; -$token-component-split-menu-button-launch-hover-right-text: #ffffff; -$token-component-split-menu-button-launch-hover-right-icon: #ffffff; -$token-component-split-menu-button-launch-active-background: #232326; -$token-component-split-menu-button-launch-active-border: #232326; -$token-component-split-menu-button-launch-active-text: #ffffff; -$token-component-split-menu-button-launch-active-icon: #ffffff; -$token-component-split-menu-button-launch-disabled-background: #e5e5ea; -$token-component-split-menu-button-launch-disabled-border: #e5e5ea; -$token-component-split-menu-button-launch-disabled-text: #a3a3ab; -$token-component-split-menu-button-launch-disabled-icon: #a3a3ab; -$token-component-split-menu-button-launch-loading-background-left: #232326; -$token-component-split-menu-button-launch-loading-background-right: #232326; -$token-component-split-menu-button-launch-loading-border: #232326; -$token-component-split-menu-button-launch-loading-icon: #ffffff; -$token-component-appbar-background: #343438; -$token-component-appbar-border: #515157; -$token-component-appbar-text: #ffffff; -$token-component-appbar-icon: #ffffff; -$token-component-appbar-top-gradient: linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%); -$token-component-badge-informative-subtle-background: lch(77.7 28.7 275 / 0.12); -$token-component-badge-informative-subtle-text: #aec0f5; -$token-component-badge-informative-accent-background: #aec0f5; -$token-component-badge-informative-accent-text: #343438; -$token-component-badge-neutral-subtle-background: lch(78.6 4.18 286 / 0.12); -$token-component-badge-neutral-subtle-text: #c2c2ca; -$token-component-badge-neutral-accent-background: #c2c2ca; -$token-component-badge-neutral-accent-text: #343438; -$token-component-badge-warning-subtle-background: lch(79.6 53.6 74.4 / 0.12); -$token-component-badge-warning-subtle-text: #f2b67b; -$token-component-badge-warning-accent-background: #f2b67b; -$token-component-badge-warning-accent-text: #343438; -$token-component-badge-negative-subtle-background: lch(77.8 28 21.1 / 0.12); -$token-component-badge-negative-subtle-text: #f3aeaf; -$token-component-badge-negative-accent-background: #f3aeaf; -$token-component-badge-negative-accent-text: #343438; -$token-component-badge-positive-subtle-background: lch(78.2 32.7 144 / 0.12); -$token-component-badge-positive-subtle-text: #97cf9c; -$token-component-badge-positive-accent-background: #97cf9c; -$token-component-badge-positive-accent-text: #343438; -$token-component-badge-important-subtle-background: lch(77.5 31.1 309 / 0.12); -$token-component-badge-important-subtle-text: #d3b4ed; -$token-component-badge-important-accent-background: #d3b4ed; -$token-component-badge-important-accent-text: #343438; -$token-component-badge-violet-subtle-background: lch(77.3 30.9 295 / 0.12); -$token-component-badge-violet-subtle-text: #c4b8f3; -$token-component-badge-violet-accent-background: #c4b8f3; -$token-component-badge-violet-accent-text: #343438; -$token-component-badge-pink-subtle-background: lch(77.6 29.9 340 / 0.12); -$token-component-badge-pink-subtle-text: #ecadd4; -$token-component-badge-pink-accent-background: #ecadd4; -$token-component-badge-pink-accent-text: #343438; -$token-component-breadcrumb-divider: #515157; -$token-component-breadcrumb-app-title-text-default: #ffffff; -$token-component-breadcrumb-app-title-text-hover: #96cff0; -$token-component-breadcrumb-normal-text-default: #ffffff; -$token-component-breadcrumb-normal-text-hover: #96cff0; -$token-component-breadcrumb-truncated-text-default: #ffffff; -$token-component-breadcrumb-truncated-text-hover: #96cff0; -$token-component-breadcrumb-last-item-text: #a3a3ab; -$token-component-breadcrumb-collapsed-background: #515157; -$token-component-breadcrumb-collapsed-text-default: #ffffff; -$token-component-breadcrumb-collapsed-text-hover: #96cff0; -$token-component-breadcrumb-collapsed-text-active: #7dcdff; -$token-component-breadcrumb-collapsed-icon-default: #ffffff; -$token-component-breadcrumb-collapsed-icon-hover: #96cff0; -$token-component-breadcrumb-with-dropdown-text-default: #ffffff; -$token-component-breadcrumb-with-dropdown-text-hover: #96cff0; -$token-component-breadcrumb-with-dropdown-text-active: #7dcdff; -$token-component-breadcrumb-with-dropdown-icon-default: #ffffff; -$token-component-breadcrumb-with-dropdown-icon-hover: #96cff0; -$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-default: #5bb3ea; -$token-component-calendar-selected-item-background-hover: #96cff0; -$token-component-calendar-hover-item-background: #515157; -$token-component-calendar-hover-item-text: #ffffff; -$token-component-calendar-date-range-text: #ffffff; -$token-component-calendar-date-range-background-default: #515157; -$token-component-calendar-date-range-background-hover: #696970; -$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: #7dcdff; -$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: #7dcdff; -$token-component-date-picker-disabled-icon: #83838c; -$token-component-date-picker-focus-icon: #7dcdff; -$token-component-date-range-picker-default-icon: #ffffff; -$token-component-date-range-picker-hover-icon: #96cff0; -$token-component-date-range-picker-filled-icon: #7dcdff; -$token-component-date-range-picker-disabled-icon: #83838c; -$token-component-date-range-picker-focus-icon: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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-icon-active: #5bb3ea; -$token-component-global-header-text-default: #d6d6dd; -$token-component-global-header-text-hover: #ffffff; -$token-component-global-header-badge-background: #d63c42; -$token-component-global-header-badge-text: #ffffff; -$token-component-global-header-badge-icon: #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-header-search-border-default: #3d3d42; -$token-component-global-header-search-border-hover: #696970; -$token-component-global-header-search-border-active: #a3a3ab; -$token-component-global-footer-background: #343438; -$token-component-global-footer-border: #515157; -$token-component-global-footer-text: #ffffff; -$token-component-global-footer-link-default: #7dcdff; -$token-component-global-footer-link-hover: #96cff0; -$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: #7dcdff; -$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-background: #3d3d42; -$token-component-kpi-bar-icon-default: #ffffff; -$token-component-kpi-bar-icon-hover: #96cff0; -$token-component-kpi-bar-icon-active: #7dcdff; -$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-neutral-disabled-label: #696970; -$token-component-kpi-bar-item-neutral-disabled-text: #83838c; -$token-component-kpi-bar-item-neutral-disabled-border: #696970; -$token-component-kpi-bar-item-neutral-disabled-icon: #83838c; -$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-green-disabled-label: #696970; -$token-component-kpi-bar-item-green-disabled-text: #83838c; -$token-component-kpi-bar-item-green-disabled-border: #696970; -$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-orange-disabled-label: #696970; -$token-component-kpi-bar-item-orange-disabled-text: #83838c; -$token-component-kpi-bar-item-orange-disabled-border: #696970; -$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-purple-disabled-label: #696970; -$token-component-kpi-bar-item-purple-disabled-text: #83838c; -$token-component-kpi-bar-item-purple-disabled-border: #696970; -$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-red-disabled-label: #696970; -$token-component-kpi-bar-item-red-disabled-text: #83838c; -$token-component-kpi-bar-item-red-disabled-border: #696970; -$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-ultramarine-disabled-label: #696970; -$token-component-kpi-bar-item-ultramarine-disabled-text: #83838c; -$token-component-kpi-bar-item-ultramarine-disabled-border: #696970; -$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-kpi-bar-item-pink-disabled-label: #696970; -$token-component-kpi-bar-item-pink-disabled-text: #83838c; -$token-component-kpi-bar-item-pink-disabled-border: #696970; -$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: #7dcdff; -$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: #a3a3ab; -$token-component-notification-banner-secondary-status-icon: #a3a3ab; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$token-component-popover-text-link-hover: #96cff0; -$token-component-progress-bar-text-default: #ffffff; -$token-component-progress-bar-text-link-default: #7dcdff; -$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-progress-bar-status-line-in-progress: linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%); -$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: #ffffff; -$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: #ffffff; -$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-divider: #3d3d42; // A divider for multi-selected items -$token-component-segmented-button-default-background: #3d3d42; -$token-component-segmented-button-default-border: #5bb3ea; -$token-component-segmented-button-default-text: #7dcdff; -$token-component-segmented-button-default-icon: #7dcdff; -$token-component-segmented-button-hover-background: #515157; -$token-component-segmented-button-hover-border: #96cff0; -$token-component-segmented-button-hover-text: #7dcdff; -$token-component-segmented-button-hover-icon: #7dcdff; -$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-segmented-button-active-hover-background: #96cff0; -$token-component-segmented-button-active-hover-border: #96cff0; -$token-component-segmented-button-active-hover-text: #343438; -$token-component-segmented-button-active-hover-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: #7dcdff; -$token-component-tab-active-icon: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$token-component-tag-error-background: #515157; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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-border: #5bb3ea; -$token-component-stepper-horizontal-past-item-circle-background-default: #3d3d42; -$token-component-stepper-horizontal-past-item-circle-background-hover: #5bb3ea; -$token-component-stepper-horizontal-past-item-circle-icon-default: #7dcdff; -$token-component-stepper-horizontal-past-item-circle-icon-hover: #ffffff; -$token-component-stepper-horizontal-past-item-circle-text-default: #7dcdff; -$token-component-stepper-horizontal-past-item-circle-text-hover: #ffffff; -$token-component-stepper-horizontal-past-item-text-default: #ffffff; -$token-component-stepper-horizontal-past-item-text-hover: #7dcdff; -$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: #7dcdff; -$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-circle-icon: #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: #7dcdff; -$token-component-stepper-vertical-past-item-circle-icon: #7dcdff; -$token-component-stepper-vertical-past-item-text-default: #ffffff; -$token-component-stepper-vertical-past-item-text-hover: #7dcdff; -$token-component-stepper-vertical-current-item-icon: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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-circle-icon: #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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$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: #7dcdff; -$token-component-link-select-focus-icon: #ffffff; -$token-component-link-select-read-only-text: #ffffff; -$token-component-tile-info-icon-default: #a3a3ab; -$token-component-tile-info-icon-hover: #96cff0; -$token-component-tile-info-icon-active: #7dcdff; -$token-component-tile-default-background: #343438; -$token-component-tile-default-border: #696970; -$token-component-tile-default-text: #ffffff; -$token-component-tile-hover-background: #343438; -$token-component-tile-hover-border: #c2c2ca; -$token-component-tile-hover-text: #ffffff; -$token-component-tile-selected-background: #3d3d42; -$token-component-tile-selected-border: #5bb3ea; -$token-component-tile-selected-text: #ffffff; -$token-component-tile-disabled-background: #343438; -$token-component-tile-disabled-border: #515157; -$token-component-tile-disabled-text: #83838c; -$token-component-filter-tag-label: #a3a3ab; -$token-component-filter-tag-item: #ffffff; -$token-component-filter-tag-clear-all-default: #a3a3ab; -$token-component-filter-tag-clear-all-hover: #96cff0; -$token-component-filter-tag-icon-defaul: #ffffff; -$token-component-filter-tag-icon-hover: #96cff0; diff --git a/dist/themes/densedLight/index.d.ts b/dist/themes/densedLight/index.d.ts deleted file mode 100644 index 2ee0ff9..0000000 --- a/dist/themes/densedLight/index.d.ts +++ /dev/null @@ -1,6218 +0,0 @@ - - /** - * Do not edit directly - * Generated on 2025-09-05 - */ - 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", - 55: "#7dcdff", - 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: "#c4eaef", - 40: "#aadee6", - 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" - }, - Gradient: { - Default: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } - }, - Spacing: { - S0: "0", - S2: "0.125rem", - S4: "0.25rem", - S6: "0.375rem", - S8: "0.5rem", - S12: "0.75rem", - S16: "1rem", - S20: "1.25rem", - S24: "1.5rem", - S28: "1.75rem", - S32: "2rem", - S36: "2.25rem", - S40: "2.5rem", - S48: "3rem", - S64: "4rem", - S72: "4.5rem", - S96: "6rem" - }, - 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.625rem", - 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: "0" - } -} - -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", - 55: "#7dcdff", - 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: "#c4eaef", - 40: "#aadee6", - 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" - }, - Gradient: { - Default: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } -} - -declare const Color: ColorTypes; - -export interface SpacingTypes { - S0: "0", - S2: "0.125rem", - S4: "0.25rem", - S6: "0.375rem", - S8: "0.5rem", - S12: "0.75rem", - S16: "1rem", - S20: "1.25rem", - S24: "1.5rem", - S28: "1.75rem", - S32: "2rem", - S36: "2.25rem", - S40: "2.5rem", - S48: "3rem", - S64: "4rem", - S72: "4.5rem", - S96: "6rem" -} - -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.625rem", - 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: "0" -} - -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: "#a3a3ab", - 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: "#ffe5e5", - Warningsubtle: "#ffecbc", - Positivesubtle: "#dff3df", - Informativesubtle: "#e6edfe", - 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: "#138246", - Hover: "#00b050", - Active: "#138246", - Disabled: "#b7dfba" - }, - Negative: { - Default: "#b82329", - Hover: "#d63c42", - Active: "#b82329", - Disabled: "#f9c6c6" - } - }, - Interaction: { - Border: { - Default: "#83838c", - Hover: "#3d3d42", - Focus: "#0174bc", - Error: "#d63c42", - Disabled: "#c2c2ca" - }, - Background: { - Primary: "#ffffff", - PrimaryHover: "#edf8ff", - PrimaryActive: "#ceedfe", - Secondary: "#f7f7fa", - SecondaryHover: "#ceedfe", - SecondaryActive: "#ceedfe", - Tertiary: "#edf8ff", - TertiaryHover: "#108ad6", - TertiaryActive: "#0174bc", - Disabled: "#ededf2" - } - }, - Elevation: { - S: "0 2px 8px 0 rgba(58,59,63,0.18)", - SInverted: "0 -2px 8px 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)", - Drawer: { - Right: "-16px 0 32px 0 rgba(61,61,66,0.18)", - Left: "inset 16px 0 32px 0 rgba(61,61,66,0.18)", - Top: "inset 0 16px 32px 0 rgba(61,61,66,0.18)", - Bottom: "inset 0 -16px 32px 0 rgba(61,61,66,0.18)" - } - }, - Typography: { - Heading: { - Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'", - Xxl: "800 1.625rem/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: { - Disabled: "#c2c2ca", - 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: "#c4eaef", - 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: "#c4eaef", - 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" - } - }, - Radius: { - Default: "0" - } -} - -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: "#a3a3ab", - 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: "#ffe5e5", - Warningsubtle: "#ffecbc", - Positivesubtle: "#dff3df", - Informativesubtle: "#e6edfe", - 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: "#138246", - Hover: "#00b050", - Active: "#138246", - Disabled: "#b7dfba" - }, - Negative: { - Default: "#b82329", - Hover: "#d63c42", - Active: "#b82329", - Disabled: "#f9c6c6" - } -} - -declare const Action: ActionTypes; - -export interface InteractionTypes { - Border: { - Default: "#83838c", - Hover: "#3d3d42", - Focus: "#0174bc", - Error: "#d63c42", - Disabled: "#c2c2ca" - }, - Background: { - Primary: "#ffffff", - PrimaryHover: "#edf8ff", - PrimaryActive: "#ceedfe", - Secondary: "#f7f7fa", - SecondaryHover: "#ceedfe", - SecondaryActive: "#ceedfe", - Tertiary: "#edf8ff", - TertiaryHover: "#108ad6", - TertiaryActive: "#0174bc", - Disabled: "#ededf2" - } -} - -declare const Interaction: InteractionTypes; - -export interface ElevationTypes { - S: "0 2px 8px 0 rgba(58,59,63,0.18)", - SInverted: "0 -2px 8px 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)", - Drawer: { - Right: "-16px 0 32px 0 rgba(61,61,66,0.18)", - Left: "inset 16px 0 32px 0 rgba(61,61,66,0.18)", - Top: "inset 0 16px 32px 0 rgba(61,61,66,0.18)", - Bottom: "inset 0 -16px 32px 0 rgba(61,61,66,0.18)" - } -} - -declare const Elevation: ElevationTypes; - -export interface TypographyTypes { - Heading: { - Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'", - Xxl: "800 1.625rem/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 { - Disabled: "#c2c2ca", - 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: "#c4eaef", - 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: "#c4eaef", - 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 RadiusTypes { - Default: "0" -} - -declare const Radius: RadiusTypes; - -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" - } - }, - Launch: { - Default: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Hover: { - Background: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Pressed: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - Background: "#232326" - } - }, - Danger: { - Default: { - Background: "#b82329", - Text: "#ffffff", - Icon: "#ffffff" - }, - Hover: { - Background: "#d63c42", - Text: "#ffffff", - Icon: "#ffffff" - }, - Pressed: { - Background: "#b82329", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#f9c6c6", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - Background: "#b82329" - } - } - }, - Container: { - Background: "#ffffff", - Border: "#d6d6dd" - }, - Table: { - HeaderFilled: { - Background: "#e5e5ea", - Text: "#343438", - Border: "#a3a3ab", - Icon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - } - }, - HeaderOutlined: { - Border: "#a3a3ab", - Text: "#343438", - Icon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - } - }, - HeaderNested: { - Background: "#e5e5ea", - Text: "#343438", - Border: "#a3a3ab", - Icon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - } - }, - 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: "#0174bc", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverLeft: { - BackgroundLeft: "#009cde", - BackgroundRight: "#0174bc", - Border: "#009cde", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverRight: { - BackgroundLeft: "#0174bc", - BackgroundRight: "#009cde", - Border: "#009cde", - Text: "#ffffff", - Icon: "#ffffff" - }, - Active: { - Background: "#0174bc", - Border: "#0174bc", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Border: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - BackgroundLeft: "#0174bc", - BackgroundRight: "#0174bc", - Border: "#0174bc", - 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" - } - }, - Launch: { - Default: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverLeft: { - BackgroundLeft: "#343438", - BackgroundRight: "#232326", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverRight: { - BackgroundLeft: "#232326", - BackgroundRight: "#343438", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Active: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Border: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - BackgroundLeft: "#232326", - BackgroundRight: "#232326", - Border: "#232326", - Icon: "#ffffff" - } - } - }, - Appbar: { - Background: "#f7f7fa", - Border: "#d6d6dd", - Text: "#343438", - Icon: "#3d3d42", - TopGradient: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - }, - Badge: { - Informative: { - Subtle: { - Background: "lch(36.7 58.2 286 / 0.12)", - Text: "#3451b2" - }, - Accent: { - Background: "#3451b2", - Text: "#ffffff" - } - }, - Neutral: { - Subtle: { - Background: "lch(34.6 3.66 286 / 0.12)", - Text: "#515157" - }, - Accent: { - Background: "#515157", - Text: "#ffffff" - } - }, - Warning: { - Subtle: { - Background: "lch(67.2 71.6 80.1 / 0.12)", - Text: "#c25d05" - }, - Accent: { - Background: "#c25d05", - Text: "#ffffff" - } - }, - Negative: { - Subtle: { - Background: "lch(41.2 69 32.4 / 0.12)", - Text: "#b82329" - }, - Accent: { - Background: "#b82329", - Text: "#ffffff" - } - }, - Positive: { - Subtle: { - Background: "lch(47.6 47.7 150 / 0.12)", - Text: "#138246" - }, - Accent: { - Background: "#138246", - Text: "#ffffff" - } - }, - Important: { - Subtle: { - Background: "lch(38.2 75 307 / 0.12)", - Text: "#753bbd" - }, - Accent: { - Background: "#753bbd", - Text: "#ffffff" - } - }, - Violet: { - Subtle: { - Background: "lch(36.2 62.1 298 / 0.12)", - Text: "#5746af" - }, - Accent: { - Background: "#5746af", - Text: "#ffffff" - } - }, - Pink: { - Subtle: { - Background: "lch(47.1 72.1 347 / 0.12)", - Text: "#cd1d8d" - }, - Accent: { - Background: "#cd1d8d", - Text: "#ffffff" - } - } - }, - Breadcrumb: { - Divider: "#d6d6dd", - AppTitle: { - Text: { - Default: "#343438", - Hover: "#009cde" - } - }, - Normal: { - Text: { - Default: "#343438", - Hover: "#009cde" - } - }, - Truncated: { - Text: { - Default: "#343438", - Hover: "#009cde" - } - }, - LastItem: { - Text: "#696970" - }, - Collapsed: { - Background: "#e5e5ea", - Text: { - Default: "#343438", - Hover: "#009cde", - Active: "#0174bc" - }, - Icon: { - Default: "#3d3d42", - Hover: "#009cde" - } - }, - WithDropdown: { - Text: { - Default: "#343438", - Hover: "#009cde", - Active: "#0174bc" - }, - Icon: { - Default: "#3d3d42", - Hover: "#009cde" - } - } - }, - 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: { - Default: "#0174bc", - Hover: "#108ad6" - } - }, - HoverItem: { - Background: "#edf8ff", - Text: "#343438" - }, - DateRange: { - Text: "#343438", - Background: { - Default: "#edf8ff", - Hover: "#ceedfe" - } - }, - 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", - Active: "#5bb3ea" - }, - Text: { - Default: "#d6d6dd", - Hover: "#ffffff" - }, - Badge: { - Background: "#d63c42", - Text: "#ffffff", - Icon: "#ffffff" - }, - Search: { - Background: "#3d3d42", - Text: { - Placeholder: "#d6d6dd", - Filled: "#ffffff" - }, - Icon: { - Default: "#d6d6dd", - Active: "#ffffff", - Hover: "#ffffff" - }, - Border: { - Default: "#3d3d42", - Hover: "#696970", - Active: "#a3a3ab" - } - } - }, - GlobalFooter: { - Background: "#f7f7fa", - Border: "#d6d6dd", - Text: "#343438", - Link: { - Default: "#0174bc", - Hover: "#009cde" - } - }, - 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", - Background: "#ffffff", - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca", - Icon: "#a3a3ab" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - } - } - }, - 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: "#e6edfe", - Border: "#4067e5", - StatusIcon: "#4067e5" - }, - Tip: { - Background: "#e6edfe", - Border: "#4067e5", - StatusIcon: "#4067e5" - }, - Warning: { - Background: "#ffecbc", - Border: "#fecb34", - StatusIcon: "#fecb34" - }, - Success: { - Background: "#dff3df", - Border: "#00b050", - StatusIcon: "#00b050" - }, - Error: { - Background: "#ffe5e5", - Border: "#d63c42", - StatusIcon: "#d63c42" - }, - Secondary: { - Background: "#e5e5ea", - Border: "#a3a3ab", - StatusIcon: "#696970" - } - }, - NotificationToast: { - Text: "#343438", - Icon: "#3d3d42", - Informative: { - Background: "#e6edfe", - IconBackground: "#4067e5", - Border: "#4067e5", - StatusIcon: "#ffffff" - }, - Tip: { - Background: "#e6edfe", - IconBackground: "#4067e5", - Border: "#4067e5", - StatusIcon: "#ffffff" - }, - Warning: { - Background: "#ffecbc", - IconBackground: "#fecb34", - Border: "#fecb34", - StatusIcon: "#3d3d42" - }, - Success: { - Background: "#dff3df", - IconBackground: "#00b050", - Border: "#00b050", - StatusIcon: "#ffffff" - }, - Error: { - Background: "#ffe5e5", - 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", - InProgress: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } - }, - NumericSpinner: { - Default: { - Background: "#ffffff", - Border: "#83838c", - Text: "#696970", - Icon: "#3d3d42", - HintText: "#696970" - }, - Hover: { - Background: "#ffffff", - Border: "#3d3d42", - Text: "#343438", - 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: "#343438", - 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: { - Divider: "#ffffff", - 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" - }, - ActiveHover: { - Background: "#009cde", - Border: "#009cde", - 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: "#ffe5e5", - 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: { - Border: "#0174bc", - Background: { - Default: "#edf8ff", - Hover: "#0174bc" - }, - Icon: { - Default: "#0174bc", - Hover: "#ffffff" - }, - Text: { - Default: "#0174bc", - Hover: "#ffffff" - } - }, - Text: { - Default: "#343438", - Hover: "#0174bc" - } - }, - CurrentItem: { - Circle: { - Background: "#0174bc", - Text: "#ffffff" - }, - Text: { - Default: "#343438", - Hover: "#0174bc" - } - }, - FutureItem: { - Circle: { - Background: "#ffffff", - Border: "#d6d6dd", - Text: "#a3a3ab", - Icon: "#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", - Icon: "#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: "#138246", - Text: "#ffffff", - Icon: "#ffffff" - }, - DisabledNegative: { - Background: "#f9c6c6", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - ActiveNegative: { - Background: "#b82329", - Text: "#ffffff", - Icon: "#ffffff" - }, - DisabledNeutral: { - Background: "#e5e5ea", - 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" - } - }, - Tile: { - InfoIcon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - }, - Default: { - Background: "#ffffff", - Border: "#83838c", - Text: "#343438" - }, - Hover: { - Background: "#ffffff", - Border: "#3d3d42", - Text: "#343438" - }, - Selected: { - Background: "#edf8ff", - Border: "#0174bc", - Text: "#343438" - }, - Disabled: { - Background: "#ffffff", - Border: "#c2c2ca", - Text: "#a3a3ab" - } - }, - Filter: { - Tag: { - Label: "#696970", - Item: "#343438", - ClearAll: { - Default: "#696970", - Hover: "#009cde" - }, - Icon: { - Defaul: "#3d3d42", - Hover: "#009cde" - } - } - } -} - -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" - } - }, - Launch: { - Default: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Hover: { - Background: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Pressed: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - Background: "#232326" - } - }, - Danger: { - Default: { - Background: "#b82329", - Text: "#ffffff", - Icon: "#ffffff" - }, - Hover: { - Background: "#d63c42", - Text: "#ffffff", - Icon: "#ffffff" - }, - Pressed: { - Background: "#b82329", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#f9c6c6", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - Background: "#b82329" - } - } -} - -declare const Button: ButtonTypes; - -export interface ContainerTypes { - Background: "#ffffff", - Border: "#d6d6dd" -} - -declare const Container: ContainerTypes; - -export interface TableTypes { - HeaderFilled: { - Background: "#e5e5ea", - Text: "#343438", - Border: "#a3a3ab", - Icon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - } - }, - HeaderOutlined: { - Border: "#a3a3ab", - Text: "#343438", - Icon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - } - }, - HeaderNested: { - Background: "#e5e5ea", - Text: "#343438", - Border: "#a3a3ab", - Icon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - } - }, - 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: "#0174bc", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverLeft: { - BackgroundLeft: "#009cde", - BackgroundRight: "#0174bc", - Border: "#009cde", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverRight: { - BackgroundLeft: "#0174bc", - BackgroundRight: "#009cde", - Border: "#009cde", - Text: "#ffffff", - Icon: "#ffffff" - }, - Active: { - Background: "#0174bc", - Border: "#0174bc", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Border: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - BackgroundLeft: "#0174bc", - BackgroundRight: "#0174bc", - Border: "#0174bc", - 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" - } - }, - Launch: { - Default: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverLeft: { - BackgroundLeft: "#343438", - BackgroundRight: "#232326", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverRight: { - BackgroundLeft: "#232326", - BackgroundRight: "#343438", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Active: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Border: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - BackgroundLeft: "#232326", - BackgroundRight: "#232326", - Border: "#232326", - Icon: "#ffffff" - } - } -} - -declare const SplitMenuButton: SplitMenuButtonTypes; - -export interface AppbarTypes { - Background: "#f7f7fa", - Border: "#d6d6dd", - Text: "#343438", - Icon: "#3d3d42", - TopGradient: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" -} - -declare const Appbar: AppbarTypes; - -export interface BadgeTypes { - Informative: { - Subtle: { - Background: "lch(36.7 58.2 286 / 0.12)", - Text: "#3451b2" - }, - Accent: { - Background: "#3451b2", - Text: "#ffffff" - } - }, - Neutral: { - Subtle: { - Background: "lch(34.6 3.66 286 / 0.12)", - Text: "#515157" - }, - Accent: { - Background: "#515157", - Text: "#ffffff" - } - }, - Warning: { - Subtle: { - Background: "lch(67.2 71.6 80.1 / 0.12)", - Text: "#c25d05" - }, - Accent: { - Background: "#c25d05", - Text: "#ffffff" - } - }, - Negative: { - Subtle: { - Background: "lch(41.2 69 32.4 / 0.12)", - Text: "#b82329" - }, - Accent: { - Background: "#b82329", - Text: "#ffffff" - } - }, - Positive: { - Subtle: { - Background: "lch(47.6 47.7 150 / 0.12)", - Text: "#138246" - }, - Accent: { - Background: "#138246", - Text: "#ffffff" - } - }, - Important: { - Subtle: { - Background: "lch(38.2 75 307 / 0.12)", - Text: "#753bbd" - }, - Accent: { - Background: "#753bbd", - Text: "#ffffff" - } - }, - Violet: { - Subtle: { - Background: "lch(36.2 62.1 298 / 0.12)", - Text: "#5746af" - }, - Accent: { - Background: "#5746af", - Text: "#ffffff" - } - }, - Pink: { - Subtle: { - Background: "lch(47.1 72.1 347 / 0.12)", - Text: "#cd1d8d" - }, - Accent: { - Background: "#cd1d8d", - Text: "#ffffff" - } - } -} - -declare const Badge: BadgeTypes; - -export interface BreadcrumbTypes { - Divider: "#d6d6dd", - AppTitle: { - Text: { - Default: "#343438", - Hover: "#009cde" - } - }, - Normal: { - Text: { - Default: "#343438", - Hover: "#009cde" - } - }, - Truncated: { - Text: { - Default: "#343438", - Hover: "#009cde" - } - }, - LastItem: { - Text: "#696970" - }, - Collapsed: { - Background: "#e5e5ea", - Text: { - Default: "#343438", - Hover: "#009cde", - Active: "#0174bc" - }, - Icon: { - Default: "#3d3d42", - Hover: "#009cde" - } - }, - WithDropdown: { - Text: { - Default: "#343438", - Hover: "#009cde", - Active: "#0174bc" - }, - Icon: { - Default: "#3d3d42", - Hover: "#009cde" - } - } -} - -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: { - Default: "#0174bc", - Hover: "#108ad6" - } - }, - HoverItem: { - Background: "#edf8ff", - Text: "#343438" - }, - DateRange: { - Text: "#343438", - Background: { - Default: "#edf8ff", - Hover: "#ceedfe" - } - }, - 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", - Active: "#5bb3ea" - }, - Text: { - Default: "#d6d6dd", - Hover: "#ffffff" - }, - Badge: { - Background: "#d63c42", - Text: "#ffffff", - Icon: "#ffffff" - }, - Search: { - Background: "#3d3d42", - Text: { - Placeholder: "#d6d6dd", - Filled: "#ffffff" - }, - Icon: { - Default: "#d6d6dd", - Active: "#ffffff", - Hover: "#ffffff" - }, - Border: { - Default: "#3d3d42", - Hover: "#696970", - Active: "#a3a3ab" - } - } -} - -declare const GlobalHeader: GlobalHeaderTypes; - -export interface GlobalFooterTypes { - Background: "#f7f7fa", - Border: "#d6d6dd", - Text: "#343438", - Link: { - Default: "#0174bc", - Hover: "#009cde" - } -} - -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", - Background: "#ffffff", - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca", - Icon: "#a3a3ab" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - } - } -} - -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: "#e6edfe", - Border: "#4067e5", - StatusIcon: "#4067e5" - }, - Tip: { - Background: "#e6edfe", - Border: "#4067e5", - StatusIcon: "#4067e5" - }, - Warning: { - Background: "#ffecbc", - Border: "#fecb34", - StatusIcon: "#fecb34" - }, - Success: { - Background: "#dff3df", - Border: "#00b050", - StatusIcon: "#00b050" - }, - Error: { - Background: "#ffe5e5", - Border: "#d63c42", - StatusIcon: "#d63c42" - }, - Secondary: { - Background: "#e5e5ea", - Border: "#a3a3ab", - StatusIcon: "#696970" - } -} - -declare const NotificationBanner: NotificationBannerTypes; - -export interface NotificationToastTypes { - Text: "#343438", - Icon: "#3d3d42", - Informative: { - Background: "#e6edfe", - IconBackground: "#4067e5", - Border: "#4067e5", - StatusIcon: "#ffffff" - }, - Tip: { - Background: "#e6edfe", - IconBackground: "#4067e5", - Border: "#4067e5", - StatusIcon: "#ffffff" - }, - Warning: { - Background: "#ffecbc", - IconBackground: "#fecb34", - Border: "#fecb34", - StatusIcon: "#3d3d42" - }, - Success: { - Background: "#dff3df", - IconBackground: "#00b050", - Border: "#00b050", - StatusIcon: "#ffffff" - }, - Error: { - Background: "#ffe5e5", - 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", - InProgress: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } -} - -declare const ProgressBar: ProgressBarTypes; - -export interface NumericSpinnerTypes { - Default: { - Background: "#ffffff", - Border: "#83838c", - Text: "#696970", - Icon: "#3d3d42", - HintText: "#696970" - }, - Hover: { - Background: "#ffffff", - Border: "#3d3d42", - Text: "#343438", - 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: "#343438", - 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 { - Divider: "#ffffff", - 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" - }, - ActiveHover: { - Background: "#009cde", - Border: "#009cde", - 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: "#ffe5e5", - 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: { - Border: "#0174bc", - Background: { - Default: "#edf8ff", - Hover: "#0174bc" - }, - Icon: { - Default: "#0174bc", - Hover: "#ffffff" - }, - Text: { - Default: "#0174bc", - Hover: "#ffffff" - } - }, - Text: { - Default: "#343438", - Hover: "#0174bc" - } - }, - CurrentItem: { - Circle: { - Background: "#0174bc", - Text: "#ffffff" - }, - Text: { - Default: "#343438", - Hover: "#0174bc" - } - }, - FutureItem: { - Circle: { - Background: "#ffffff", - Border: "#d6d6dd", - Text: "#a3a3ab", - Icon: "#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", - Icon: "#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: "#138246", - Text: "#ffffff", - Icon: "#ffffff" - }, - DisabledNegative: { - Background: "#f9c6c6", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - ActiveNegative: { - Background: "#b82329", - Text: "#ffffff", - Icon: "#ffffff" - }, - DisabledNeutral: { - Background: "#e5e5ea", - 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; - -export interface TileTypes { - InfoIcon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - }, - Default: { - Background: "#ffffff", - Border: "#83838c", - Text: "#343438" - }, - Hover: { - Background: "#ffffff", - Border: "#3d3d42", - Text: "#343438" - }, - Selected: { - Background: "#edf8ff", - Border: "#0174bc", - Text: "#343438" - }, - Disabled: { - Background: "#ffffff", - Border: "#c2c2ca", - Text: "#a3a3ab" - } -} - -declare const Tile: TileTypes; - -export interface FilterTypes { - Tag: { - Label: "#696970", - Item: "#343438", - ClearAll: { - Default: "#696970", - Hover: "#009cde" - }, - Icon: { - Defaul: "#3d3d42", - Hover: "#009cde" - } - } -} - -declare const Filter: FilterTypes; - \ No newline at end of file diff --git a/dist/themes/densedLight/index.js b/dist/themes/densedLight/index.js deleted file mode 100644 index aba613d..0000000 --- a/dist/themes/densedLight/index.js +++ /dev/null @@ -1,6068 +0,0 @@ - - /** - * Do not edit directly - * Generated on 2025-09-05 - */ - 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", - 55: "#7dcdff", - 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: "#c4eaef", - 40: "#aadee6", - 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" - }, - Gradient: { - Default: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } - }, - Spacing: { - S0: "0", - S2: "0.125rem", - S4: "0.25rem", - S6: "0.375rem", - S8: "0.5rem", - S12: "0.75rem", - S16: "1rem", - S20: "1.25rem", - S24: "1.5rem", - S28: "1.75rem", - S32: "2rem", - S36: "2.25rem", - S40: "2.5rem", - S48: "3rem", - S64: "4rem", - S72: "4.5rem", - S96: "6rem" - }, - 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.625rem", - 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: "0" - } -}; - -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", - 55: "#7dcdff", - 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: "#c4eaef", - 40: "#aadee6", - 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" - }, - Gradient: { - Default: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } -}; - -export const Spacing = { - S0: "0", - S2: "0.125rem", - S4: "0.25rem", - S6: "0.375rem", - S8: "0.5rem", - S12: "0.75rem", - S16: "1rem", - S20: "1.25rem", - S24: "1.5rem", - S28: "1.75rem", - S32: "2rem", - S36: "2.25rem", - S40: "2.5rem", - S48: "3rem", - S64: "4rem", - S72: "4.5rem", - S96: "6rem" -}; - -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.625rem", - 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: "0" -}; - -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: "#a3a3ab", - 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: "#ffe5e5", - Warningsubtle: "#ffecbc", - Positivesubtle: "#dff3df", - Informativesubtle: "#e6edfe", - 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: "#138246", - Hover: "#00b050", - Active: "#138246", - Disabled: "#b7dfba" - }, - Negative: { - Default: "#b82329", - Hover: "#d63c42", - Active: "#b82329", - Disabled: "#f9c6c6" - } - }, - Interaction: { - Border: { - Default: "#83838c", - Hover: "#3d3d42", - Focus: "#0174bc", - Error: "#d63c42", - Disabled: "#c2c2ca" - }, - Background: { - Primary: "#ffffff", - PrimaryHover: "#edf8ff", - PrimaryActive: "#ceedfe", - Secondary: "#f7f7fa", - SecondaryHover: "#ceedfe", - SecondaryActive: "#ceedfe", - Tertiary: "#edf8ff", - TertiaryHover: "#108ad6", - TertiaryActive: "#0174bc", - Disabled: "#ededf2" - } - }, - Elevation: { - S: "0 2px 8px 0 rgba(58,59,63,0.18)", - SInverted: "0 -2px 8px 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)", - Drawer: { - Right: "-16px 0 32px 0 rgba(61,61,66,0.18)", - Left: "inset 16px 0 32px 0 rgba(61,61,66,0.18)", - Top: "inset 0 16px 32px 0 rgba(61,61,66,0.18)", - Bottom: "inset 0 -16px 32px 0 rgba(61,61,66,0.18)" - } - }, - Typography: { - Heading: { - Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'", - Xxl: "800 1.625rem/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: { - Disabled: "#c2c2ca", - 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: "#c4eaef", - 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: "#c4eaef", - 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" - } - }, - Radius: { - Default: "0" - } -}; - -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: "#a3a3ab", - 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: "#ffe5e5", - Warningsubtle: "#ffecbc", - Positivesubtle: "#dff3df", - Informativesubtle: "#e6edfe", - 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: "#138246", - Hover: "#00b050", - Active: "#138246", - Disabled: "#b7dfba" - }, - Negative: { - Default: "#b82329", - Hover: "#d63c42", - Active: "#b82329", - Disabled: "#f9c6c6" - } -}; - -export const Interaction = { - Border: { - Default: "#83838c", - Hover: "#3d3d42", - Focus: "#0174bc", - Error: "#d63c42", - Disabled: "#c2c2ca" - }, - Background: { - Primary: "#ffffff", - PrimaryHover: "#edf8ff", - PrimaryActive: "#ceedfe", - Secondary: "#f7f7fa", - SecondaryHover: "#ceedfe", - SecondaryActive: "#ceedfe", - Tertiary: "#edf8ff", - TertiaryHover: "#108ad6", - TertiaryActive: "#0174bc", - Disabled: "#ededf2" - } -}; - -export const Elevation = { - S: "0 2px 8px 0 rgba(58,59,63,0.18)", - SInverted: "0 -2px 8px 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)", - Drawer: { - Right: "-16px 0 32px 0 rgba(61,61,66,0.18)", - Left: "inset 16px 0 32px 0 rgba(61,61,66,0.18)", - Top: "inset 0 16px 32px 0 rgba(61,61,66,0.18)", - Bottom: "inset 0 -16px 32px 0 rgba(61,61,66,0.18)" - } -}; - -export const Typography = { - Heading: { - Xxxl: "700 2.25rem/2.625rem 'Nunito Sans'", - Xxl: "800 1.625rem/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 = { - Disabled: "#c2c2ca", - 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: "#c4eaef", - 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: "#c4eaef", - 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 Radius = { - Default: "0" -}; - -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" - } - }, - Launch: { - Default: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Hover: { - Background: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Pressed: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - Background: "#232326" - } - }, - Danger: { - Default: { - Background: "#b82329", - Text: "#ffffff", - Icon: "#ffffff" - }, - Hover: { - Background: "#d63c42", - Text: "#ffffff", - Icon: "#ffffff" - }, - Pressed: { - Background: "#b82329", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#f9c6c6", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - Background: "#b82329" - } - } - }, - Container: { - Background: "#ffffff", - Border: "#d6d6dd" - }, - Table: { - HeaderFilled: { - Background: "#e5e5ea", - Text: "#343438", - Border: "#a3a3ab", - Icon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - } - }, - HeaderOutlined: { - Border: "#a3a3ab", - Text: "#343438", - Icon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - } - }, - HeaderNested: { - Background: "#e5e5ea", - Text: "#343438", - Border: "#a3a3ab", - Icon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - } - }, - 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: "#0174bc", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverLeft: { - BackgroundLeft: "#009cde", - BackgroundRight: "#0174bc", - Border: "#009cde", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverRight: { - BackgroundLeft: "#0174bc", - BackgroundRight: "#009cde", - Border: "#009cde", - Text: "#ffffff", - Icon: "#ffffff" - }, - Active: { - Background: "#0174bc", - Border: "#0174bc", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Border: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - BackgroundLeft: "#0174bc", - BackgroundRight: "#0174bc", - Border: "#0174bc", - 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" - } - }, - Launch: { - Default: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverLeft: { - BackgroundLeft: "#343438", - BackgroundRight: "#232326", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverRight: { - BackgroundLeft: "#232326", - BackgroundRight: "#343438", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Active: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Border: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - BackgroundLeft: "#232326", - BackgroundRight: "#232326", - Border: "#232326", - Icon: "#ffffff" - } - } - }, - Appbar: { - Background: "#f7f7fa", - Border: "#d6d6dd", - Text: "#343438", - Icon: "#3d3d42", - TopGradient: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - }, - Badge: { - Informative: { - Subtle: { - Background: "lch(36.7 58.2 286 / 0.12)", - Text: "#3451b2" - }, - Accent: { - Background: "#3451b2", - Text: "#ffffff" - } - }, - Neutral: { - Subtle: { - Background: "lch(34.6 3.66 286 / 0.12)", - Text: "#515157" - }, - Accent: { - Background: "#515157", - Text: "#ffffff" - } - }, - Warning: { - Subtle: { - Background: "lch(67.2 71.6 80.1 / 0.12)", - Text: "#c25d05" - }, - Accent: { - Background: "#c25d05", - Text: "#ffffff" - } - }, - Negative: { - Subtle: { - Background: "lch(41.2 69 32.4 / 0.12)", - Text: "#b82329" - }, - Accent: { - Background: "#b82329", - Text: "#ffffff" - } - }, - Positive: { - Subtle: { - Background: "lch(47.6 47.7 150 / 0.12)", - Text: "#138246" - }, - Accent: { - Background: "#138246", - Text: "#ffffff" - } - }, - Important: { - Subtle: { - Background: "lch(38.2 75 307 / 0.12)", - Text: "#753bbd" - }, - Accent: { - Background: "#753bbd", - Text: "#ffffff" - } - }, - Violet: { - Subtle: { - Background: "lch(36.2 62.1 298 / 0.12)", - Text: "#5746af" - }, - Accent: { - Background: "#5746af", - Text: "#ffffff" - } - }, - Pink: { - Subtle: { - Background: "lch(47.1 72.1 347 / 0.12)", - Text: "#cd1d8d" - }, - Accent: { - Background: "#cd1d8d", - Text: "#ffffff" - } - } - }, - Breadcrumb: { - Divider: "#d6d6dd", - AppTitle: { - Text: { - Default: "#343438", - Hover: "#009cde" - } - }, - Normal: { - Text: { - Default: "#343438", - Hover: "#009cde" - } - }, - Truncated: { - Text: { - Default: "#343438", - Hover: "#009cde" - } - }, - LastItem: { - Text: "#696970" - }, - Collapsed: { - Background: "#e5e5ea", - Text: { - Default: "#343438", - Hover: "#009cde", - Active: "#0174bc" - }, - Icon: { - Default: "#3d3d42", - Hover: "#009cde" - } - }, - WithDropdown: { - Text: { - Default: "#343438", - Hover: "#009cde", - Active: "#0174bc" - }, - Icon: { - Default: "#3d3d42", - Hover: "#009cde" - } - } - }, - 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: { - Default: "#0174bc", - Hover: "#108ad6" - } - }, - HoverItem: { - Background: "#edf8ff", - Text: "#343438" - }, - DateRange: { - Text: "#343438", - Background: { - Default: "#edf8ff", - Hover: "#ceedfe" - } - }, - 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", - Active: "#5bb3ea" - }, - Text: { - Default: "#d6d6dd", - Hover: "#ffffff" - }, - Badge: { - Background: "#d63c42", - Text: "#ffffff", - Icon: "#ffffff" - }, - Search: { - Background: "#3d3d42", - Text: { - Placeholder: "#d6d6dd", - Filled: "#ffffff" - }, - Icon: { - Default: "#d6d6dd", - Active: "#ffffff", - Hover: "#ffffff" - }, - Border: { - Default: "#3d3d42", - Hover: "#696970", - Active: "#a3a3ab" - } - } - }, - GlobalFooter: { - Background: "#f7f7fa", - Border: "#d6d6dd", - Text: "#343438", - Link: { - Default: "#0174bc", - Hover: "#009cde" - } - }, - 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", - Background: "#ffffff", - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca", - Icon: "#a3a3ab" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - } - } - }, - 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: "#e6edfe", - Border: "#4067e5", - StatusIcon: "#4067e5" - }, - Tip: { - Background: "#e6edfe", - Border: "#4067e5", - StatusIcon: "#4067e5" - }, - Warning: { - Background: "#ffecbc", - Border: "#fecb34", - StatusIcon: "#fecb34" - }, - Success: { - Background: "#dff3df", - Border: "#00b050", - StatusIcon: "#00b050" - }, - Error: { - Background: "#ffe5e5", - Border: "#d63c42", - StatusIcon: "#d63c42" - }, - Secondary: { - Background: "#e5e5ea", - Border: "#a3a3ab", - StatusIcon: "#696970" - } - }, - NotificationToast: { - Text: "#343438", - Icon: "#3d3d42", - Informative: { - Background: "#e6edfe", - IconBackground: "#4067e5", - Border: "#4067e5", - StatusIcon: "#ffffff" - }, - Tip: { - Background: "#e6edfe", - IconBackground: "#4067e5", - Border: "#4067e5", - StatusIcon: "#ffffff" - }, - Warning: { - Background: "#ffecbc", - IconBackground: "#fecb34", - Border: "#fecb34", - StatusIcon: "#3d3d42" - }, - Success: { - Background: "#dff3df", - IconBackground: "#00b050", - Border: "#00b050", - StatusIcon: "#ffffff" - }, - Error: { - Background: "#ffe5e5", - 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", - InProgress: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } - }, - NumericSpinner: { - Default: { - Background: "#ffffff", - Border: "#83838c", - Text: "#696970", - Icon: "#3d3d42", - HintText: "#696970" - }, - Hover: { - Background: "#ffffff", - Border: "#3d3d42", - Text: "#343438", - 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: "#343438", - 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: { - Divider: "#ffffff", - 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" - }, - ActiveHover: { - Background: "#009cde", - Border: "#009cde", - 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: "#ffe5e5", - 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: { - Border: "#0174bc", - Background: { - Default: "#edf8ff", - Hover: "#0174bc" - }, - Icon: { - Default: "#0174bc", - Hover: "#ffffff" - }, - Text: { - Default: "#0174bc", - Hover: "#ffffff" - } - }, - Text: { - Default: "#343438", - Hover: "#0174bc" - } - }, - CurrentItem: { - Circle: { - Background: "#0174bc", - Text: "#ffffff" - }, - Text: { - Default: "#343438", - Hover: "#0174bc" - } - }, - FutureItem: { - Circle: { - Background: "#ffffff", - Border: "#d6d6dd", - Text: "#a3a3ab", - Icon: "#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", - Icon: "#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: "#138246", - Text: "#ffffff", - Icon: "#ffffff" - }, - DisabledNegative: { - Background: "#f9c6c6", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - ActiveNegative: { - Background: "#b82329", - Text: "#ffffff", - Icon: "#ffffff" - }, - DisabledNeutral: { - Background: "#e5e5ea", - 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" - } - }, - Tile: { - InfoIcon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - }, - Default: { - Background: "#ffffff", - Border: "#83838c", - Text: "#343438" - }, - Hover: { - Background: "#ffffff", - Border: "#3d3d42", - Text: "#343438" - }, - Selected: { - Background: "#edf8ff", - Border: "#0174bc", - Text: "#343438" - }, - Disabled: { - Background: "#ffffff", - Border: "#c2c2ca", - Text: "#a3a3ab" - } - }, - Filter: { - Tag: { - Label: "#696970", - Item: "#343438", - ClearAll: { - Default: "#696970", - Hover: "#009cde" - }, - Icon: { - Defaul: "#3d3d42", - Hover: "#009cde" - } - } - } -}; - -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" - } - }, - Launch: { - Default: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Hover: { - Background: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Pressed: { - Background: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - Background: "#232326" - } - }, - Danger: { - Default: { - Background: "#b82329", - Text: "#ffffff", - Icon: "#ffffff" - }, - Hover: { - Background: "#d63c42", - Text: "#ffffff", - Icon: "#ffffff" - }, - Pressed: { - Background: "#b82329", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#f9c6c6", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - Background: "#b82329" - } - } -}; - -export const Container = { - Background: "#ffffff", - Border: "#d6d6dd" -}; - -export const Table = { - HeaderFilled: { - Background: "#e5e5ea", - Text: "#343438", - Border: "#a3a3ab", - Icon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - } - }, - HeaderOutlined: { - Border: "#a3a3ab", - Text: "#343438", - Icon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - } - }, - HeaderNested: { - Background: "#e5e5ea", - Text: "#343438", - Border: "#a3a3ab", - Icon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - } - }, - 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: "#0174bc", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverLeft: { - BackgroundLeft: "#009cde", - BackgroundRight: "#0174bc", - Border: "#009cde", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverRight: { - BackgroundLeft: "#0174bc", - BackgroundRight: "#009cde", - Border: "#009cde", - Text: "#ffffff", - Icon: "#ffffff" - }, - Active: { - Background: "#0174bc", - Border: "#0174bc", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Border: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - BackgroundLeft: "#0174bc", - BackgroundRight: "#0174bc", - Border: "#0174bc", - 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" - } - }, - Launch: { - Default: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverLeft: { - BackgroundLeft: "#343438", - BackgroundRight: "#232326", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - HoverRight: { - BackgroundLeft: "#232326", - BackgroundRight: "#343438", - Border: "#343438", - Text: "#ffffff", - Icon: "#ffffff" - }, - Active: { - Background: "#232326", - Border: "#232326", - Text: "#ffffff", - Icon: "#ffffff" - }, - Disabled: { - Background: "#e5e5ea", - Border: "#e5e5ea", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - Loading: { - BackgroundLeft: "#232326", - BackgroundRight: "#232326", - Border: "#232326", - Icon: "#ffffff" - } - } -}; - -export const Appbar = { - Background: "#f7f7fa", - Border: "#d6d6dd", - Text: "#343438", - Icon: "#3d3d42", - TopGradient: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" -}; - -export const Badge = { - Informative: { - Subtle: { - Background: "lch(36.7 58.2 286 / 0.12)", - Text: "#3451b2" - }, - Accent: { - Background: "#3451b2", - Text: "#ffffff" - } - }, - Neutral: { - Subtle: { - Background: "lch(34.6 3.66 286 / 0.12)", - Text: "#515157" - }, - Accent: { - Background: "#515157", - Text: "#ffffff" - } - }, - Warning: { - Subtle: { - Background: "lch(67.2 71.6 80.1 / 0.12)", - Text: "#c25d05" - }, - Accent: { - Background: "#c25d05", - Text: "#ffffff" - } - }, - Negative: { - Subtle: { - Background: "lch(41.2 69 32.4 / 0.12)", - Text: "#b82329" - }, - Accent: { - Background: "#b82329", - Text: "#ffffff" - } - }, - Positive: { - Subtle: { - Background: "lch(47.6 47.7 150 / 0.12)", - Text: "#138246" - }, - Accent: { - Background: "#138246", - Text: "#ffffff" - } - }, - Important: { - Subtle: { - Background: "lch(38.2 75 307 / 0.12)", - Text: "#753bbd" - }, - Accent: { - Background: "#753bbd", - Text: "#ffffff" - } - }, - Violet: { - Subtle: { - Background: "lch(36.2 62.1 298 / 0.12)", - Text: "#5746af" - }, - Accent: { - Background: "#5746af", - Text: "#ffffff" - } - }, - Pink: { - Subtle: { - Background: "lch(47.1 72.1 347 / 0.12)", - Text: "#cd1d8d" - }, - Accent: { - Background: "#cd1d8d", - Text: "#ffffff" - } - } -}; - -export const Breadcrumb = { - Divider: "#d6d6dd", - AppTitle: { - Text: { - Default: "#343438", - Hover: "#009cde" - } - }, - Normal: { - Text: { - Default: "#343438", - Hover: "#009cde" - } - }, - Truncated: { - Text: { - Default: "#343438", - Hover: "#009cde" - } - }, - LastItem: { - Text: "#696970" - }, - Collapsed: { - Background: "#e5e5ea", - Text: { - Default: "#343438", - Hover: "#009cde", - Active: "#0174bc" - }, - Icon: { - Default: "#3d3d42", - Hover: "#009cde" - } - }, - WithDropdown: { - Text: { - Default: "#343438", - Hover: "#009cde", - Active: "#0174bc" - }, - Icon: { - Default: "#3d3d42", - Hover: "#009cde" - } - } -}; - -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: { - Default: "#0174bc", - Hover: "#108ad6" - } - }, - HoverItem: { - Background: "#edf8ff", - Text: "#343438" - }, - DateRange: { - Text: "#343438", - Background: { - Default: "#edf8ff", - Hover: "#ceedfe" - } - }, - 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", - Active: "#5bb3ea" - }, - Text: { - Default: "#d6d6dd", - Hover: "#ffffff" - }, - Badge: { - Background: "#d63c42", - Text: "#ffffff", - Icon: "#ffffff" - }, - Search: { - Background: "#3d3d42", - Text: { - Placeholder: "#d6d6dd", - Filled: "#ffffff" - }, - Icon: { - Default: "#d6d6dd", - Active: "#ffffff", - Hover: "#ffffff" - }, - Border: { - Default: "#3d3d42", - Hover: "#696970", - Active: "#a3a3ab" - } - } -}; - -export const GlobalFooter = { - Background: "#f7f7fa", - Border: "#d6d6dd", - Text: "#343438", - Link: { - Default: "#0174bc", - Hover: "#009cde" - } -}; - -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", - Background: "#ffffff", - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca", - Icon: "#a3a3ab" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - }, - 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" - }, - Disabled: { - Label: "#c2c2ca", - Text: "#a3a3ab", - Border: "#c2c2ca" - } - } - } -}; - -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: "#e6edfe", - Border: "#4067e5", - StatusIcon: "#4067e5" - }, - Tip: { - Background: "#e6edfe", - Border: "#4067e5", - StatusIcon: "#4067e5" - }, - Warning: { - Background: "#ffecbc", - Border: "#fecb34", - StatusIcon: "#fecb34" - }, - Success: { - Background: "#dff3df", - Border: "#00b050", - StatusIcon: "#00b050" - }, - Error: { - Background: "#ffe5e5", - Border: "#d63c42", - StatusIcon: "#d63c42" - }, - Secondary: { - Background: "#e5e5ea", - Border: "#a3a3ab", - StatusIcon: "#696970" - } -}; - -export const NotificationToast = { - Text: "#343438", - Icon: "#3d3d42", - Informative: { - Background: "#e6edfe", - IconBackground: "#4067e5", - Border: "#4067e5", - StatusIcon: "#ffffff" - }, - Tip: { - Background: "#e6edfe", - IconBackground: "#4067e5", - Border: "#4067e5", - StatusIcon: "#ffffff" - }, - Warning: { - Background: "#ffecbc", - IconBackground: "#fecb34", - Border: "#fecb34", - StatusIcon: "#3d3d42" - }, - Success: { - Background: "#dff3df", - IconBackground: "#00b050", - Border: "#00b050", - StatusIcon: "#ffffff" - }, - Error: { - Background: "#ffe5e5", - 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", - InProgress: "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)" - } -}; - -export const NumericSpinner = { - Default: { - Background: "#ffffff", - Border: "#83838c", - Text: "#696970", - Icon: "#3d3d42", - HintText: "#696970" - }, - Hover: { - Background: "#ffffff", - Border: "#3d3d42", - Text: "#343438", - 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: "#343438", - 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 = { - Divider: "#ffffff", - 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" - }, - ActiveHover: { - Background: "#009cde", - Border: "#009cde", - 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: "#ffe5e5", - 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: { - Border: "#0174bc", - Background: { - Default: "#edf8ff", - Hover: "#0174bc" - }, - Icon: { - Default: "#0174bc", - Hover: "#ffffff" - }, - Text: { - Default: "#0174bc", - Hover: "#ffffff" - } - }, - Text: { - Default: "#343438", - Hover: "#0174bc" - } - }, - CurrentItem: { - Circle: { - Background: "#0174bc", - Text: "#ffffff" - }, - Text: { - Default: "#343438", - Hover: "#0174bc" - } - }, - FutureItem: { - Circle: { - Background: "#ffffff", - Border: "#d6d6dd", - Text: "#a3a3ab", - Icon: "#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", - Icon: "#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: "#138246", - Text: "#ffffff", - Icon: "#ffffff" - }, - DisabledNegative: { - Background: "#f9c6c6", - Text: "#a3a3ab", - Icon: "#a3a3ab" - }, - ActiveNegative: { - Background: "#b82329", - Text: "#ffffff", - Icon: "#ffffff" - }, - DisabledNeutral: { - Background: "#e5e5ea", - 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" - } -}; - -export const Tile = { - InfoIcon: { - Default: "#696970", - Hover: "#009cde", - Active: "#0174bc" - }, - Default: { - Background: "#ffffff", - Border: "#83838c", - Text: "#343438" - }, - Hover: { - Background: "#ffffff", - Border: "#3d3d42", - Text: "#343438" - }, - Selected: { - Background: "#edf8ff", - Border: "#0174bc", - Text: "#343438" - }, - Disabled: { - Background: "#ffffff", - Border: "#c2c2ca", - Text: "#a3a3ab" - } -}; - -export const Filter = { - Tag: { - Label: "#696970", - Item: "#343438", - ClearAll: { - Default: "#696970", - Hover: "#009cde" - }, - Icon: { - Defaul: "#3d3d42", - Hover: "#009cde" - } - } -}; - \ No newline at end of file diff --git a/dist/themes/densedLight/tokens.css b/dist/themes/densedLight/tokens.css deleted file mode 100644 index ae0a0aa..0000000 --- a/dist/themes/densedLight/tokens.css +++ /dev/null @@ -1,1789 +0,0 @@ -/** - * 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-55: #7dcdff; - --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: #c4eaef; - --token-global-color-cyan-40: #aadee6; - --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-color-gradient-default: linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%); /* Default gradient */ - --token-global-spacing-s0: 0; - --token-global-spacing-s2: 2px; - --token-global-spacing-s4: 4px; - --token-global-spacing-s6: 6px; - --token-global-spacing-s8: 8px; - --token-global-spacing-s12: 12px; - --token-global-spacing-s16: 16px; - --token-global-spacing-s20: 20px; - --token-global-spacing-s24: 24px; - --token-global-spacing-s28: 28px; - --token-global-spacing-s32: 32px; - --token-global-spacing-s36: 36px; - --token-global-spacing-s40: 40px; - --token-global-spacing-s48: 48px; - --token-global-spacing-s64: 64px; - --token-global-spacing-s72: 72px; - --token-global-spacing-s96: 96px; - --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.625rem; /* 26px */ - --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: 0; - --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: #a3a3ab; - --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: #ffe5e5; - --token-alias-background-warningsubtle: #ffecbc; - --token-alias-background-positivesubtle: #dff3df; - --token-alias-background-informativesubtle: #e6edfe; - --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: #138246; - --token-alias-action-positive-hover: #00b050; - --token-alias-action-positive-active: #138246; - --token-alias-action-positive-disabled: #b7dfba; - --token-alias-action-negative-default: #b82329; - --token-alias-action-negative-hover: #d63c42; - --token-alias-action-negative-active: #b82329; - --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-primary-hover: #edf8ff; /* Calendar range background, table row hover */ - --token-alias-interaction-background-primary-active: #ceedfe; /* Active/selected backgrounds */ - --token-alias-interaction-background-secondary: #f7f7fa; - --token-alias-interaction-background-secondary-hover: #ceedfe; /* Hover color for a calendar date range */ - --token-alias-interaction-background-secondary-active: #ceedfe; - --token-alias-interaction-background-tertiary: #edf8ff; - --token-alias-interaction-background-tertiary-hover: #108ad6; /* Hover color for an active calendar date */ - --token-alias-interaction-background-tertiary-active: #0174bc; - --token-alias-interaction-background-disabled: #ededf2; - --token-alias-elevation-s: 0 2px 8px 0 rgba(58,59,63,0.18); /* Default shadow for components, like notification banners, dropdowns, popups; */ - --token-alias-elevation-s-inverted: 0 -2px 8px 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-elevation-drawer-right: -16px 0 32px 0 rgba(61,61,66,0.18); /* Elevation for a drawer that appears from the right side of the screen */ - --token-alias-elevation-drawer-left: inset 16px 0 32px 0 rgba(61,61,66,0.18); /* Elevation for a drawer that appears from the left side of the screen */ - --token-alias-elevation-drawer-top: inset 0 16px 32px 0 rgba(61,61,66,0.18); /* Elevation for a drawer that appears from the top side of the screen */ - --token-alias-elevation-drawer-bottom: inset 0 -16px 32px 0 rgba(61,61,66,0.18); /* Elevation for a drawer that appears from the bottom side of the screen */ - --token-alias-typography-heading-xxxl: 700 2.25rem/2.625rem 'Nunito Sans'; /* Promo banners, KPIs */ - --token-alias-typography-heading-xxl: 800 1.625rem/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-disabled: #c2c2ca; - --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: #c4eaef; - --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: #c4eaef; - --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-alias-radius-default: 0; /* Default border radius value */ - --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-button-launch-default-background: #232326; /* This component token is considered unstable and in development. */ - --token-component-button-launch-default-text: #ffffff; /* This component token is considered unstable and in development. */ - --token-component-button-launch-default-icon: #ffffff; /* This component token is considered unstable and in development. */ - --token-component-button-launch-hover-background: #343438; /* This component token is considered unstable and in development. */ - --token-component-button-launch-hover-text: #ffffff; /* This component token is considered unstable and in development. */ - --token-component-button-launch-hover-icon: #ffffff; /* This component token is considered unstable and in development. */ - --token-component-button-launch-pressed-background: #232326; /* This component token is considered unstable and in development. */ - --token-component-button-launch-pressed-text: #ffffff; /* This component token is considered unstable and in development. */ - --token-component-button-launch-pressed-icon: #ffffff; /* This component token is considered unstable and in development. */ - --token-component-button-launch-disabled-background: #e5e5ea; /* This component token is considered unstable and in development. */ - --token-component-button-launch-disabled-text: #a3a3ab; /* This component token is considered unstable and in development. */ - --token-component-button-launch-disabled-icon: #a3a3ab; /* This component token is considered unstable and in development. */ - --token-component-button-launch-loading-background: #232326; /* This component token is considered unstable and in development. */ - --token-component-button-danger-default-background: #b82329; - --token-component-button-danger-default-text: #ffffff; - --token-component-button-danger-default-icon: #ffffff; - --token-component-button-danger-hover-background: #d63c42; - --token-component-button-danger-hover-text: #ffffff; - --token-component-button-danger-hover-icon: #ffffff; - --token-component-button-danger-pressed-background: #b82329; - --token-component-button-danger-pressed-text: #ffffff; - --token-component-button-danger-pressed-icon: #ffffff; - --token-component-button-danger-disabled-background: #f9c6c6; - --token-component-button-danger-disabled-text: #a3a3ab; - --token-component-button-danger-disabled-icon: #a3a3ab; - --token-component-button-danger-loading-background: #b82329; - --token-component-container-background: #ffffff; - --token-component-container-border: #d6d6dd; - --token-component-table-header-filled-background: #e5e5ea; - --token-component-table-header-filled-text: #343438; - --token-component-table-header-filled-border: #a3a3ab; - --token-component-table-header-filled-icon-default: #696970; - --token-component-table-header-filled-icon-hover: #009cde; - --token-component-table-header-filled-icon-active: #0174bc; - --token-component-table-header-outlined-border: #a3a3ab; - --token-component-table-header-outlined-text: #343438; - --token-component-table-header-outlined-icon-default: #696970; - --token-component-table-header-outlined-icon-hover: #009cde; - --token-component-table-header-outlined-icon-active: #0174bc; - --token-component-table-header-nested-background: #e5e5ea; - --token-component-table-header-nested-text: #343438; - --token-component-table-header-nested-border: #a3a3ab; - --token-component-table-header-nested-icon-default: #696970; - --token-component-table-header-nested-icon-hover: #009cde; - --token-component-table-header-nested-icon-active: #0174bc; - --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: #0174bc; - --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: #009cde; - --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: #009cde; - --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: #0174bc; - --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: #e5e5ea; - --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: #0174bc; - --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-split-menu-button-launch-default-background: #232326; - --token-component-split-menu-button-launch-default-border: #232326; - --token-component-split-menu-button-launch-default-text: #ffffff; - --token-component-split-menu-button-launch-default-icon: #ffffff; - --token-component-split-menu-button-launch-hover-left-background-left: #343438; - --token-component-split-menu-button-launch-hover-left-background-right: #232326; - --token-component-split-menu-button-launch-hover-left-border: #343438; - --token-component-split-menu-button-launch-hover-left-text: #ffffff; - --token-component-split-menu-button-launch-hover-left-icon: #ffffff; - --token-component-split-menu-button-launch-hover-right-background-left: #232326; - --token-component-split-menu-button-launch-hover-right-background-right: #343438; - --token-component-split-menu-button-launch-hover-right-border: #343438; - --token-component-split-menu-button-launch-hover-right-text: #ffffff; - --token-component-split-menu-button-launch-hover-right-icon: #ffffff; - --token-component-split-menu-button-launch-active-background: #232326; - --token-component-split-menu-button-launch-active-border: #232326; - --token-component-split-menu-button-launch-active-text: #ffffff; - --token-component-split-menu-button-launch-active-icon: #ffffff; - --token-component-split-menu-button-launch-disabled-background: #e5e5ea; - --token-component-split-menu-button-launch-disabled-border: #e5e5ea; - --token-component-split-menu-button-launch-disabled-text: #a3a3ab; - --token-component-split-menu-button-launch-disabled-icon: #a3a3ab; - --token-component-split-menu-button-launch-loading-background-left: #232326; - --token-component-split-menu-button-launch-loading-background-right: #232326; - --token-component-split-menu-button-launch-loading-border: #232326; - --token-component-split-menu-button-launch-loading-icon: #ffffff; - --token-component-appbar-background: #f7f7fa; - --token-component-appbar-border: #d6d6dd; - --token-component-appbar-text: #343438; - --token-component-appbar-icon: #3d3d42; - --token-component-appbar-top-gradient: linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%); - --token-component-badge-informative-subtle-background: lch(36.7 58.2 286 / 0.12); - --token-component-badge-informative-subtle-text: #3451b2; - --token-component-badge-informative-accent-background: #3451b2; - --token-component-badge-informative-accent-text: #ffffff; - --token-component-badge-neutral-subtle-background: lch(34.6 3.66 286 / 0.12); - --token-component-badge-neutral-subtle-text: #515157; - --token-component-badge-neutral-accent-background: #515157; - --token-component-badge-neutral-accent-text: #ffffff; - --token-component-badge-warning-subtle-background: lch(67.2 71.6 80.1 / 0.12); - --token-component-badge-warning-subtle-text: #c25d05; - --token-component-badge-warning-accent-background: #c25d05; - --token-component-badge-warning-accent-text: #ffffff; - --token-component-badge-negative-subtle-background: lch(41.2 69 32.4 / 0.12); - --token-component-badge-negative-subtle-text: #b82329; - --token-component-badge-negative-accent-background: #b82329; - --token-component-badge-negative-accent-text: #ffffff; - --token-component-badge-positive-subtle-background: lch(47.6 47.7 150 / 0.12); - --token-component-badge-positive-subtle-text: #138246; - --token-component-badge-positive-accent-background: #138246; - --token-component-badge-positive-accent-text: #ffffff; - --token-component-badge-important-subtle-background: lch(38.2 75 307 / 0.12); - --token-component-badge-important-subtle-text: #753bbd; - --token-component-badge-important-accent-background: #753bbd; - --token-component-badge-important-accent-text: #ffffff; - --token-component-badge-violet-subtle-background: lch(36.2 62.1 298 / 0.12); - --token-component-badge-violet-subtle-text: #5746af; - --token-component-badge-violet-accent-background: #5746af; - --token-component-badge-violet-accent-text: #ffffff; - --token-component-badge-pink-subtle-background: lch(47.1 72.1 347 / 0.12); - --token-component-badge-pink-subtle-text: #cd1d8d; - --token-component-badge-pink-accent-background: #cd1d8d; - --token-component-badge-pink-accent-text: #ffffff; - --token-component-breadcrumb-divider: #d6d6dd; - --token-component-breadcrumb-app-title-text-default: #343438; - --token-component-breadcrumb-app-title-text-hover: #009cde; - --token-component-breadcrumb-normal-text-default: #343438; - --token-component-breadcrumb-normal-text-hover: #009cde; - --token-component-breadcrumb-truncated-text-default: #343438; - --token-component-breadcrumb-truncated-text-hover: #009cde; - --token-component-breadcrumb-last-item-text: #696970; - --token-component-breadcrumb-collapsed-background: #e5e5ea; - --token-component-breadcrumb-collapsed-text-default: #343438; - --token-component-breadcrumb-collapsed-text-hover: #009cde; - --token-component-breadcrumb-collapsed-text-active: #0174bc; - --token-component-breadcrumb-collapsed-icon-default: #3d3d42; - --token-component-breadcrumb-collapsed-icon-hover: #009cde; - --token-component-breadcrumb-with-dropdown-text-default: #343438; - --token-component-breadcrumb-with-dropdown-text-hover: #009cde; - --token-component-breadcrumb-with-dropdown-text-active: #0174bc; - --token-component-breadcrumb-with-dropdown-icon-default: #3d3d42; - --token-component-breadcrumb-with-dropdown-icon-hover: #009cde; - --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-default: #0174bc; - --token-component-calendar-selected-item-background-hover: #108ad6; - --token-component-calendar-hover-item-background: #edf8ff; - --token-component-calendar-hover-item-text: #343438; - --token-component-calendar-date-range-text: #343438; - --token-component-calendar-date-range-background-default: #edf8ff; - --token-component-calendar-date-range-background-hover: #ceedfe; - --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-icon-active: #5bb3ea; - --token-component-global-header-text-default: #d6d6dd; - --token-component-global-header-text-hover: #ffffff; - --token-component-global-header-badge-background: #d63c42; - --token-component-global-header-badge-text: #ffffff; - --token-component-global-header-badge-icon: #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-header-search-border-default: #3d3d42; - --token-component-global-header-search-border-hover: #696970; - --token-component-global-header-search-border-active: #a3a3ab; - --token-component-global-footer-background: #f7f7fa; - --token-component-global-footer-border: #d6d6dd; - --token-component-global-footer-text: #343438; - --token-component-global-footer-link-default: #0174bc; - --token-component-global-footer-link-hover: #009cde; - --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-background: #ffffff; - --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-neutral-disabled-label: #c2c2ca; - --token-component-kpi-bar-item-neutral-disabled-text: #a3a3ab; - --token-component-kpi-bar-item-neutral-disabled-border: #c2c2ca; - --token-component-kpi-bar-item-neutral-disabled-icon: #a3a3ab; - --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-green-disabled-label: #c2c2ca; - --token-component-kpi-bar-item-green-disabled-text: #a3a3ab; - --token-component-kpi-bar-item-green-disabled-border: #c2c2ca; - --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-orange-disabled-label: #c2c2ca; - --token-component-kpi-bar-item-orange-disabled-text: #a3a3ab; - --token-component-kpi-bar-item-orange-disabled-border: #c2c2ca; - --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-purple-disabled-label: #c2c2ca; - --token-component-kpi-bar-item-purple-disabled-text: #a3a3ab; - --token-component-kpi-bar-item-purple-disabled-border: #c2c2ca; - --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-red-disabled-label: #c2c2ca; - --token-component-kpi-bar-item-red-disabled-text: #a3a3ab; - --token-component-kpi-bar-item-red-disabled-border: #c2c2ca; - --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-ultramarine-disabled-label: #c2c2ca; - --token-component-kpi-bar-item-ultramarine-disabled-text: #a3a3ab; - --token-component-kpi-bar-item-ultramarine-disabled-border: #c2c2ca; - --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-kpi-bar-item-pink-disabled-label: #c2c2ca; - --token-component-kpi-bar-item-pink-disabled-text: #a3a3ab; - --token-component-kpi-bar-item-pink-disabled-border: #c2c2ca; - --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: #e6edfe; - --token-component-notification-banner-informative-border: #4067e5; - --token-component-notification-banner-informative-status-icon: #4067e5; - --token-component-notification-banner-tip-background: #e6edfe; - --token-component-notification-banner-tip-border: #4067e5; - --token-component-notification-banner-tip-status-icon: #4067e5; - --token-component-notification-banner-warning-background: #ffecbc; - --token-component-notification-banner-warning-border: #fecb34; - --token-component-notification-banner-warning-status-icon: #fecb34; - --token-component-notification-banner-success-background: #dff3df; - --token-component-notification-banner-success-border: #00b050; - --token-component-notification-banner-success-status-icon: #00b050; - --token-component-notification-banner-error-background: #ffe5e5; - --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: #a3a3ab; - --token-component-notification-banner-secondary-status-icon: #696970; - --token-component-notification-toast-text: #343438; - --token-component-notification-toast-icon: #3d3d42; - --token-component-notification-toast-informative-background: #e6edfe; - --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: #e6edfe; - --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: #ffecbc; - --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: #dff3df; - --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: #ffe5e5; - --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-progress-bar-status-line-in-progress: linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%); - --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: #343438; - --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: #343438; - --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-divider: #ffffff; /* A divider for multi-selected items */ - --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-segmented-button-active-hover-background: #009cde; - --token-component-segmented-button-active-hover-border: #009cde; - --token-component-segmented-button-active-hover-text: #ffffff; - --token-component-segmented-button-active-hover-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: #ffe5e5; - --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-border: #0174bc; - --token-component-stepper-horizontal-past-item-circle-background-default: #edf8ff; - --token-component-stepper-horizontal-past-item-circle-background-hover: #0174bc; - --token-component-stepper-horizontal-past-item-circle-icon-default: #0174bc; - --token-component-stepper-horizontal-past-item-circle-icon-hover: #ffffff; - --token-component-stepper-horizontal-past-item-circle-text-default: #0174bc; - --token-component-stepper-horizontal-past-item-circle-text-hover: #ffffff; - --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-circle-icon: #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-circle-icon: #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: #138246; - --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: #b82329; - --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: #e5e5ea; - --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; - --token-component-tile-info-icon-default: #696970; - --token-component-tile-info-icon-hover: #009cde; - --token-component-tile-info-icon-active: #0174bc; - --token-component-tile-default-background: #ffffff; - --token-component-tile-default-border: #83838c; - --token-component-tile-default-text: #343438; - --token-component-tile-hover-background: #ffffff; - --token-component-tile-hover-border: #3d3d42; - --token-component-tile-hover-text: #343438; - --token-component-tile-selected-background: #edf8ff; - --token-component-tile-selected-border: #0174bc; - --token-component-tile-selected-text: #343438; - --token-component-tile-disabled-background: #ffffff; - --token-component-tile-disabled-border: #c2c2ca; - --token-component-tile-disabled-text: #a3a3ab; - --token-component-filter-tag-label: #696970; - --token-component-filter-tag-item: #343438; - --token-component-filter-tag-clear-all-default: #696970; - --token-component-filter-tag-clear-all-hover: #009cde; - --token-component-filter-tag-icon-defaul: #3d3d42; - --token-component-filter-tag-icon-hover: #009cde; -} diff --git a/dist/themes/densedLight/tokens.d.ts b/dist/themes/densedLight/tokens.d.ts deleted file mode 100644 index 952ccc8..0000000 --- a/dist/themes/densedLight/tokens.d.ts +++ /dev/null @@ -1,1894 +0,0 @@ -/** - * 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 TokenGlobalColorBrand55 = "#7dcdff"; -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 = "#c4eaef"; -export const TokenGlobalColorCyan40 = "#aadee6"; -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 TokenGlobalColorGradientDefault = - "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)"; // Default gradient -export const TokenGlobalSpacingS0 = "0"; -export const TokenGlobalSpacingS2 = "0.125rem"; -export const TokenGlobalSpacingS4 = "0.25rem"; -export const TokenGlobalSpacingS6 = "0.375rem"; -export const TokenGlobalSpacingS8 = "0.5rem"; -export const TokenGlobalSpacingS12 = "0.75rem"; -export const TokenGlobalSpacingS16 = "1rem"; -export const TokenGlobalSpacingS20 = "1.25rem"; -export const TokenGlobalSpacingS24 = "1.5rem"; -export const TokenGlobalSpacingS28 = "1.75rem"; -export const TokenGlobalSpacingS32 = "2rem"; -export const TokenGlobalSpacingS36 = "2.25rem"; -export const TokenGlobalSpacingS40 = "2.5rem"; -export const TokenGlobalSpacingS48 = "3rem"; -export const TokenGlobalSpacingS64 = "4rem"; -export const TokenGlobalSpacingS72 = "4.5rem"; -export const TokenGlobalSpacingS96 = "6rem"; -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.625rem"; // 26px -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 = "0"; -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 = "#a3a3ab"; -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 = "#ffe5e5"; -export const TokenAliasBackgroundWarningsubtle = "#ffecbc"; -export const TokenAliasBackgroundPositivesubtle = "#dff3df"; -export const TokenAliasBackgroundInformativesubtle = "#e6edfe"; -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 = "#138246"; -export const TokenAliasActionPositiveHover = "#00b050"; -export const TokenAliasActionPositiveActive = "#138246"; -export const TokenAliasActionPositiveDisabled = "#b7dfba"; -export const TokenAliasActionNegativeDefault = "#b82329"; -export const TokenAliasActionNegativeHover = "#d63c42"; -export const TokenAliasActionNegativeActive = "#b82329"; -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 TokenAliasInteractionBackgroundPrimaryHover = "#edf8ff"; // Calendar range background, table row hover -export const TokenAliasInteractionBackgroundPrimaryActive = "#ceedfe"; // Active/selected backgrounds -export const TokenAliasInteractionBackgroundSecondary = "#f7f7fa"; -export const TokenAliasInteractionBackgroundSecondaryHover = "#ceedfe"; // Hover color for a calendar date range -export const TokenAliasInteractionBackgroundSecondaryActive = "#ceedfe"; -export const TokenAliasInteractionBackgroundTertiary = "#edf8ff"; -export const TokenAliasInteractionBackgroundTertiaryHover = "#108ad6"; // Hover color for an active calendar date -export const TokenAliasInteractionBackgroundTertiaryActive = "#0174bc"; -export const TokenAliasInteractionBackgroundDisabled = "#ededf2"; -export const TokenAliasElevationS = "0 2px 8px 0 rgba(58,59,63,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups; -export const TokenAliasElevationSInverted = "0 -2px 8px 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 TokenAliasElevationDrawerRight = - "-16px 0 32px 0 rgba(61,61,66,0.18)"; // Elevation for a drawer that appears from the right side of the screen -export const TokenAliasElevationDrawerLeft = - "inset 16px 0 32px 0 rgba(61,61,66,0.18)"; // Elevation for a drawer that appears from the left side of the screen -export const TokenAliasElevationDrawerTop = - "inset 0 16px 32px 0 rgba(61,61,66,0.18)"; // Elevation for a drawer that appears from the top side of the screen -export const TokenAliasElevationDrawerBottom = - "inset 0 -16px 32px 0 rgba(61,61,66,0.18)"; // Elevation for a drawer that appears from the bottom side of the screen -export const TokenAliasTypographyHeadingXxxl = - "700 2.25rem/2.625rem 'Nunito Sans'"; // Promo banners, KPIs -export const TokenAliasTypographyHeadingXxl = "800 1.625rem/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 TokenAliasAccentDisabled = "#c2c2ca"; -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 = "#c4eaef"; -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 = "#c4eaef"; -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 TokenAliasRadiusDefault = "0"; // Default border radius value -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 TokenComponentButtonLaunchDefaultBackground = "#232326"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDefaultText = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDefaultIcon = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchHoverBackground = "#343438"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchHoverText = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchHoverIcon = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchPressedBackground = "#232326"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchPressedText = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchPressedIcon = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDisabledBackground = "#e5e5ea"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDisabledText = "#a3a3ab"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDisabledIcon = "#a3a3ab"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchLoadingBackground = "#232326"; // This component token is considered unstable and in development. -export const TokenComponentButtonDangerDefaultBackground = "#b82329"; -export const TokenComponentButtonDangerDefaultText = "#ffffff"; -export const TokenComponentButtonDangerDefaultIcon = "#ffffff"; -export const TokenComponentButtonDangerHoverBackground = "#d63c42"; -export const TokenComponentButtonDangerHoverText = "#ffffff"; -export const TokenComponentButtonDangerHoverIcon = "#ffffff"; -export const TokenComponentButtonDangerPressedBackground = "#b82329"; -export const TokenComponentButtonDangerPressedText = "#ffffff"; -export const TokenComponentButtonDangerPressedIcon = "#ffffff"; -export const TokenComponentButtonDangerDisabledBackground = "#f9c6c6"; -export const TokenComponentButtonDangerDisabledText = "#a3a3ab"; -export const TokenComponentButtonDangerDisabledIcon = "#a3a3ab"; -export const TokenComponentButtonDangerLoadingBackground = "#b82329"; -export const TokenComponentContainerBackground = "#ffffff"; -export const TokenComponentContainerBorder = "#d6d6dd"; -export const TokenComponentTableHeaderFilledBackground = "#e5e5ea"; -export const TokenComponentTableHeaderFilledText = "#343438"; -export const TokenComponentTableHeaderFilledBorder = "#a3a3ab"; -export const TokenComponentTableHeaderFilledIconDefault = "#696970"; -export const TokenComponentTableHeaderFilledIconHover = "#009cde"; -export const TokenComponentTableHeaderFilledIconActive = "#0174bc"; -export const TokenComponentTableHeaderOutlinedBorder = "#a3a3ab"; -export const TokenComponentTableHeaderOutlinedText = "#343438"; -export const TokenComponentTableHeaderOutlinedIconDefault = "#696970"; -export const TokenComponentTableHeaderOutlinedIconHover = "#009cde"; -export const TokenComponentTableHeaderOutlinedIconActive = "#0174bc"; -export const TokenComponentTableHeaderNestedBackground = "#e5e5ea"; -export const TokenComponentTableHeaderNestedText = "#343438"; -export const TokenComponentTableHeaderNestedBorder = "#a3a3ab"; -export const TokenComponentTableHeaderNestedIconDefault = "#696970"; -export const TokenComponentTableHeaderNestedIconHover = "#009cde"; -export const TokenComponentTableHeaderNestedIconActive = "#0174bc"; -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 = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = - "#009cde"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = - "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#009cde"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = - "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = - "#009cde"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#009cde"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryActiveText = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#e5e5ea"; -export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#a3a3ab"; -export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#a3a3ab"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = - "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = - "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#0174bc"; -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 TokenComponentSplitMenuButtonLaunchDefaultBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchDefaultIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundLeft = - "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundRight = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundLeft = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundRight = - "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverRightIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchActiveBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchActiveIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledText = "#a3a3ab"; -export const TokenComponentSplitMenuButtonLaunchDisabledIcon = "#a3a3ab"; -export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundLeft = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundRight = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingIcon = "#ffffff"; -export const TokenComponentAppbarBackground = "#f7f7fa"; -export const TokenComponentAppbarBorder = "#d6d6dd"; -export const TokenComponentAppbarText = "#343438"; -export const TokenComponentAppbarIcon = "#3d3d42"; -export const TokenComponentAppbarTopGradient = - "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)"; -export const TokenComponentBadgeInformativeSubtleBackground = - "lch(36.7 58.2 286 / 0.12)"; -export const TokenComponentBadgeInformativeSubtleText = "#3451b2"; -export const TokenComponentBadgeInformativeAccentBackground = "#3451b2"; -export const TokenComponentBadgeInformativeAccentText = "#ffffff"; -export const TokenComponentBadgeNeutralSubtleBackground = - "lch(34.6 3.66 286 / 0.12)"; -export const TokenComponentBadgeNeutralSubtleText = "#515157"; -export const TokenComponentBadgeNeutralAccentBackground = "#515157"; -export const TokenComponentBadgeNeutralAccentText = "#ffffff"; -export const TokenComponentBadgeWarningSubtleBackground = - "lch(67.2 71.6 80.1 / 0.12)"; -export const TokenComponentBadgeWarningSubtleText = "#c25d05"; -export const TokenComponentBadgeWarningAccentBackground = "#c25d05"; -export const TokenComponentBadgeWarningAccentText = "#ffffff"; -export const TokenComponentBadgeNegativeSubtleBackground = - "lch(41.2 69 32.4 / 0.12)"; -export const TokenComponentBadgeNegativeSubtleText = "#b82329"; -export const TokenComponentBadgeNegativeAccentBackground = "#b82329"; -export const TokenComponentBadgeNegativeAccentText = "#ffffff"; -export const TokenComponentBadgePositiveSubtleBackground = - "lch(47.6 47.7 150 / 0.12)"; -export const TokenComponentBadgePositiveSubtleText = "#138246"; -export const TokenComponentBadgePositiveAccentBackground = "#138246"; -export const TokenComponentBadgePositiveAccentText = "#ffffff"; -export const TokenComponentBadgeImportantSubtleBackground = - "lch(38.2 75 307 / 0.12)"; -export const TokenComponentBadgeImportantSubtleText = "#753bbd"; -export const TokenComponentBadgeImportantAccentBackground = "#753bbd"; -export const TokenComponentBadgeImportantAccentText = "#ffffff"; -export const TokenComponentBadgeVioletSubtleBackground = - "lch(36.2 62.1 298 / 0.12)"; -export const TokenComponentBadgeVioletSubtleText = "#5746af"; -export const TokenComponentBadgeVioletAccentBackground = "#5746af"; -export const TokenComponentBadgeVioletAccentText = "#ffffff"; -export const TokenComponentBadgePinkSubtleBackground = - "lch(47.1 72.1 347 / 0.12)"; -export const TokenComponentBadgePinkSubtleText = "#cd1d8d"; -export const TokenComponentBadgePinkAccentBackground = "#cd1d8d"; -export const TokenComponentBadgePinkAccentText = "#ffffff"; -export const TokenComponentBreadcrumbDivider = "#d6d6dd"; -export const TokenComponentBreadcrumbAppTitleTextDefault = "#343438"; -export const TokenComponentBreadcrumbAppTitleTextHover = "#009cde"; -export const TokenComponentBreadcrumbNormalTextDefault = "#343438"; -export const TokenComponentBreadcrumbNormalTextHover = "#009cde"; -export const TokenComponentBreadcrumbTruncatedTextDefault = "#343438"; -export const TokenComponentBreadcrumbTruncatedTextHover = "#009cde"; -export const TokenComponentBreadcrumbLastItemText = "#696970"; -export const TokenComponentBreadcrumbCollapsedBackground = "#e5e5ea"; -export const TokenComponentBreadcrumbCollapsedTextDefault = "#343438"; -export const TokenComponentBreadcrumbCollapsedTextHover = "#009cde"; -export const TokenComponentBreadcrumbCollapsedTextActive = "#0174bc"; -export const TokenComponentBreadcrumbCollapsedIconDefault = "#3d3d42"; -export const TokenComponentBreadcrumbCollapsedIconHover = "#009cde"; -export const TokenComponentBreadcrumbWithDropdownTextDefault = "#343438"; -export const TokenComponentBreadcrumbWithDropdownTextHover = "#009cde"; -export const TokenComponentBreadcrumbWithDropdownTextActive = "#0174bc"; -export const TokenComponentBreadcrumbWithDropdownIconDefault = "#3d3d42"; -export const TokenComponentBreadcrumbWithDropdownIconHover = "#009cde"; -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 TokenComponentCalendarSelectedItemBackgroundDefault = "#0174bc"; -export const TokenComponentCalendarSelectedItemBackgroundHover = "#108ad6"; -export const TokenComponentCalendarHoverItemBackground = "#edf8ff"; -export const TokenComponentCalendarHoverItemText = "#343438"; -export const TokenComponentCalendarDateRangeText = "#343438"; -export const TokenComponentCalendarDateRangeBackgroundDefault = "#edf8ff"; -export const TokenComponentCalendarDateRangeBackgroundHover = "#ceedfe"; -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 TokenComponentGlobalHeaderIconActive = "#5bb3ea"; -export const TokenComponentGlobalHeaderTextDefault = "#d6d6dd"; -export const TokenComponentGlobalHeaderTextHover = "#ffffff"; -export const TokenComponentGlobalHeaderBadgeBackground = "#d63c42"; -export const TokenComponentGlobalHeaderBadgeText = "#ffffff"; -export const TokenComponentGlobalHeaderBadgeIcon = "#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 TokenComponentGlobalHeaderSearchBorderDefault = "#3d3d42"; -export const TokenComponentGlobalHeaderSearchBorderHover = "#696970"; -export const TokenComponentGlobalHeaderSearchBorderActive = "#a3a3ab"; -export const TokenComponentGlobalFooterBackground = "#f7f7fa"; -export const TokenComponentGlobalFooterBorder = "#d6d6dd"; -export const TokenComponentGlobalFooterText = "#343438"; -export const TokenComponentGlobalFooterLinkDefault = "#0174bc"; -export const TokenComponentGlobalFooterLinkHover = "#009cde"; -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 TokenComponentKpiBarBackground = "#ffffff"; -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 TokenComponentKpiBarItemNeutralDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemNeutralDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemNeutralDisabledBorder = "#c2c2ca"; -export const TokenComponentKpiBarItemNeutralDisabledIcon = "#a3a3ab"; -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 TokenComponentKpiBarItemGreenDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemGreenDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemGreenDisabledBorder = "#c2c2ca"; -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 TokenComponentKpiBarItemOrangeDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemOrangeDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemOrangeDisabledBorder = "#c2c2ca"; -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 TokenComponentKpiBarItemPurpleDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemPurpleDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemPurpleDisabledBorder = "#c2c2ca"; -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 TokenComponentKpiBarItemRedDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemRedDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemRedDisabledBorder = "#c2c2ca"; -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 TokenComponentKpiBarItemUltramarineDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemUltramarineDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemUltramarineDisabledBorder = "#c2c2ca"; -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 TokenComponentKpiBarItemPinkDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemPinkDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemPinkDisabledBorder = "#c2c2ca"; -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 = "#e6edfe"; -export const TokenComponentNotificationBannerInformativeBorder = "#4067e5"; -export const TokenComponentNotificationBannerInformativeStatusIcon = "#4067e5"; -export const TokenComponentNotificationBannerTipBackground = "#e6edfe"; -export const TokenComponentNotificationBannerTipBorder = "#4067e5"; -export const TokenComponentNotificationBannerTipStatusIcon = "#4067e5"; -export const TokenComponentNotificationBannerWarningBackground = "#ffecbc"; -export const TokenComponentNotificationBannerWarningBorder = "#fecb34"; -export const TokenComponentNotificationBannerWarningStatusIcon = "#fecb34"; -export const TokenComponentNotificationBannerSuccessBackground = "#dff3df"; -export const TokenComponentNotificationBannerSuccessBorder = "#00b050"; -export const TokenComponentNotificationBannerSuccessStatusIcon = "#00b050"; -export const TokenComponentNotificationBannerErrorBackground = "#ffe5e5"; -export const TokenComponentNotificationBannerErrorBorder = "#d63c42"; -export const TokenComponentNotificationBannerErrorStatusIcon = "#d63c42"; -export const TokenComponentNotificationBannerSecondaryBackground = "#e5e5ea"; -export const TokenComponentNotificationBannerSecondaryBorder = "#a3a3ab"; -export const TokenComponentNotificationBannerSecondaryStatusIcon = "#696970"; -export const TokenComponentNotificationToastText = "#343438"; -export const TokenComponentNotificationToastIcon = "#3d3d42"; -export const TokenComponentNotificationToastInformativeBackground = "#e6edfe"; -export const TokenComponentNotificationToastInformativeIconBackground = - "#4067e5"; -export const TokenComponentNotificationToastInformativeBorder = "#4067e5"; -export const TokenComponentNotificationToastInformativeStatusIcon = "#ffffff"; -export const TokenComponentNotificationToastTipBackground = "#e6edfe"; -export const TokenComponentNotificationToastTipIconBackground = "#4067e5"; -export const TokenComponentNotificationToastTipBorder = "#4067e5"; -export const TokenComponentNotificationToastTipStatusIcon = "#ffffff"; -export const TokenComponentNotificationToastWarningBackground = "#ffecbc"; -export const TokenComponentNotificationToastWarningIconBackground = "#fecb34"; -export const TokenComponentNotificationToastWarningBorder = "#fecb34"; -export const TokenComponentNotificationToastWarningStatusIcon = "#3d3d42"; -export const TokenComponentNotificationToastSuccessBackground = "#dff3df"; -export const TokenComponentNotificationToastSuccessIconBackground = "#00b050"; -export const TokenComponentNotificationToastSuccessBorder = "#00b050"; -export const TokenComponentNotificationToastSuccessStatusIcon = "#ffffff"; -export const TokenComponentNotificationToastErrorBackground = "#ffe5e5"; -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 TokenComponentProgressBarStatusLineInProgress = - "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)"; -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 = "#343438"; -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 = "#343438"; -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 TokenComponentSegmentedButtonDivider = "#ffffff"; // A divider for multi-selected items -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 TokenComponentSegmentedButtonActiveHoverBackground = "#009cde"; -export const TokenComponentSegmentedButtonActiveHoverBorder = "#009cde"; -export const TokenComponentSegmentedButtonActiveHoverText = "#ffffff"; -export const TokenComponentSegmentedButtonActiveHoverIcon = "#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 = "#ffe5e5"; -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 TokenComponentStepperHorizontalPastItemCircleBorder = "#0174bc"; -export const TokenComponentStepperHorizontalPastItemCircleBackgroundDefault = - "#edf8ff"; -export const TokenComponentStepperHorizontalPastItemCircleBackgroundHover = - "#0174bc"; -export const TokenComponentStepperHorizontalPastItemCircleIconDefault = - "#0174bc"; -export const TokenComponentStepperHorizontalPastItemCircleIconHover = "#ffffff"; -export const TokenComponentStepperHorizontalPastItemCircleTextDefault = - "#0174bc"; -export const TokenComponentStepperHorizontalPastItemCircleTextHover = "#ffffff"; -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 TokenComponentStepperHorizontalFutureItemCircleIcon = "#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 TokenComponentStepperVerticalDisabledItemCircleIcon = "#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 = - "#138246"; -export const TokenComponentSegmentedStatusButtonActivePositiveText = "#ffffff"; -export const TokenComponentSegmentedStatusButtonActivePositiveIcon = "#ffffff"; -export const TokenComponentSegmentedStatusButtonDisabledNegativeBackground = - "#f9c6c6"; -export const TokenComponentSegmentedStatusButtonDisabledNegativeText = - "#a3a3ab"; -export const TokenComponentSegmentedStatusButtonDisabledNegativeIcon = - "#a3a3ab"; -export const TokenComponentSegmentedStatusButtonActiveNegativeBackground = - "#b82329"; -export const TokenComponentSegmentedStatusButtonActiveNegativeText = "#ffffff"; -export const TokenComponentSegmentedStatusButtonActiveNegativeIcon = "#ffffff"; -export const TokenComponentSegmentedStatusButtonDisabledNeutralBackground = - "#e5e5ea"; -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"; -export const TokenComponentTileInfoIconDefault = "#696970"; -export const TokenComponentTileInfoIconHover = "#009cde"; -export const TokenComponentTileInfoIconActive = "#0174bc"; -export const TokenComponentTileDefaultBackground = "#ffffff"; -export const TokenComponentTileDefaultBorder = "#83838c"; -export const TokenComponentTileDefaultText = "#343438"; -export const TokenComponentTileHoverBackground = "#ffffff"; -export const TokenComponentTileHoverBorder = "#3d3d42"; -export const TokenComponentTileHoverText = "#343438"; -export const TokenComponentTileSelectedBackground = "#edf8ff"; -export const TokenComponentTileSelectedBorder = "#0174bc"; -export const TokenComponentTileSelectedText = "#343438"; -export const TokenComponentTileDisabledBackground = "#ffffff"; -export const TokenComponentTileDisabledBorder = "#c2c2ca"; -export const TokenComponentTileDisabledText = "#a3a3ab"; -export const TokenComponentFilterTagLabel = "#696970"; -export const TokenComponentFilterTagItem = "#343438"; -export const TokenComponentFilterTagClearAllDefault = "#696970"; -export const TokenComponentFilterTagClearAllHover = "#009cde"; -export const TokenComponentFilterTagIconDefaul = "#3d3d42"; -export const TokenComponentFilterTagIconHover = "#009cde"; diff --git a/dist/themes/densedLight/tokens.js b/dist/themes/densedLight/tokens.js deleted file mode 100644 index 952ccc8..0000000 --- a/dist/themes/densedLight/tokens.js +++ /dev/null @@ -1,1894 +0,0 @@ -/** - * 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 TokenGlobalColorBrand55 = "#7dcdff"; -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 = "#c4eaef"; -export const TokenGlobalColorCyan40 = "#aadee6"; -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 TokenGlobalColorGradientDefault = - "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)"; // Default gradient -export const TokenGlobalSpacingS0 = "0"; -export const TokenGlobalSpacingS2 = "0.125rem"; -export const TokenGlobalSpacingS4 = "0.25rem"; -export const TokenGlobalSpacingS6 = "0.375rem"; -export const TokenGlobalSpacingS8 = "0.5rem"; -export const TokenGlobalSpacingS12 = "0.75rem"; -export const TokenGlobalSpacingS16 = "1rem"; -export const TokenGlobalSpacingS20 = "1.25rem"; -export const TokenGlobalSpacingS24 = "1.5rem"; -export const TokenGlobalSpacingS28 = "1.75rem"; -export const TokenGlobalSpacingS32 = "2rem"; -export const TokenGlobalSpacingS36 = "2.25rem"; -export const TokenGlobalSpacingS40 = "2.5rem"; -export const TokenGlobalSpacingS48 = "3rem"; -export const TokenGlobalSpacingS64 = "4rem"; -export const TokenGlobalSpacingS72 = "4.5rem"; -export const TokenGlobalSpacingS96 = "6rem"; -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.625rem"; // 26px -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 = "0"; -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 = "#a3a3ab"; -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 = "#ffe5e5"; -export const TokenAliasBackgroundWarningsubtle = "#ffecbc"; -export const TokenAliasBackgroundPositivesubtle = "#dff3df"; -export const TokenAliasBackgroundInformativesubtle = "#e6edfe"; -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 = "#138246"; -export const TokenAliasActionPositiveHover = "#00b050"; -export const TokenAliasActionPositiveActive = "#138246"; -export const TokenAliasActionPositiveDisabled = "#b7dfba"; -export const TokenAliasActionNegativeDefault = "#b82329"; -export const TokenAliasActionNegativeHover = "#d63c42"; -export const TokenAliasActionNegativeActive = "#b82329"; -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 TokenAliasInteractionBackgroundPrimaryHover = "#edf8ff"; // Calendar range background, table row hover -export const TokenAliasInteractionBackgroundPrimaryActive = "#ceedfe"; // Active/selected backgrounds -export const TokenAliasInteractionBackgroundSecondary = "#f7f7fa"; -export const TokenAliasInteractionBackgroundSecondaryHover = "#ceedfe"; // Hover color for a calendar date range -export const TokenAliasInteractionBackgroundSecondaryActive = "#ceedfe"; -export const TokenAliasInteractionBackgroundTertiary = "#edf8ff"; -export const TokenAliasInteractionBackgroundTertiaryHover = "#108ad6"; // Hover color for an active calendar date -export const TokenAliasInteractionBackgroundTertiaryActive = "#0174bc"; -export const TokenAliasInteractionBackgroundDisabled = "#ededf2"; -export const TokenAliasElevationS = "0 2px 8px 0 rgba(58,59,63,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups; -export const TokenAliasElevationSInverted = "0 -2px 8px 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 TokenAliasElevationDrawerRight = - "-16px 0 32px 0 rgba(61,61,66,0.18)"; // Elevation for a drawer that appears from the right side of the screen -export const TokenAliasElevationDrawerLeft = - "inset 16px 0 32px 0 rgba(61,61,66,0.18)"; // Elevation for a drawer that appears from the left side of the screen -export const TokenAliasElevationDrawerTop = - "inset 0 16px 32px 0 rgba(61,61,66,0.18)"; // Elevation for a drawer that appears from the top side of the screen -export const TokenAliasElevationDrawerBottom = - "inset 0 -16px 32px 0 rgba(61,61,66,0.18)"; // Elevation for a drawer that appears from the bottom side of the screen -export const TokenAliasTypographyHeadingXxxl = - "700 2.25rem/2.625rem 'Nunito Sans'"; // Promo banners, KPIs -export const TokenAliasTypographyHeadingXxl = "800 1.625rem/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 TokenAliasAccentDisabled = "#c2c2ca"; -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 = "#c4eaef"; -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 = "#c4eaef"; -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 TokenAliasRadiusDefault = "0"; // Default border radius value -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 TokenComponentButtonLaunchDefaultBackground = "#232326"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDefaultText = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDefaultIcon = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchHoverBackground = "#343438"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchHoverText = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchHoverIcon = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchPressedBackground = "#232326"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchPressedText = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchPressedIcon = "#ffffff"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDisabledBackground = "#e5e5ea"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDisabledText = "#a3a3ab"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchDisabledIcon = "#a3a3ab"; // This component token is considered unstable and in development. -export const TokenComponentButtonLaunchLoadingBackground = "#232326"; // This component token is considered unstable and in development. -export const TokenComponentButtonDangerDefaultBackground = "#b82329"; -export const TokenComponentButtonDangerDefaultText = "#ffffff"; -export const TokenComponentButtonDangerDefaultIcon = "#ffffff"; -export const TokenComponentButtonDangerHoverBackground = "#d63c42"; -export const TokenComponentButtonDangerHoverText = "#ffffff"; -export const TokenComponentButtonDangerHoverIcon = "#ffffff"; -export const TokenComponentButtonDangerPressedBackground = "#b82329"; -export const TokenComponentButtonDangerPressedText = "#ffffff"; -export const TokenComponentButtonDangerPressedIcon = "#ffffff"; -export const TokenComponentButtonDangerDisabledBackground = "#f9c6c6"; -export const TokenComponentButtonDangerDisabledText = "#a3a3ab"; -export const TokenComponentButtonDangerDisabledIcon = "#a3a3ab"; -export const TokenComponentButtonDangerLoadingBackground = "#b82329"; -export const TokenComponentContainerBackground = "#ffffff"; -export const TokenComponentContainerBorder = "#d6d6dd"; -export const TokenComponentTableHeaderFilledBackground = "#e5e5ea"; -export const TokenComponentTableHeaderFilledText = "#343438"; -export const TokenComponentTableHeaderFilledBorder = "#a3a3ab"; -export const TokenComponentTableHeaderFilledIconDefault = "#696970"; -export const TokenComponentTableHeaderFilledIconHover = "#009cde"; -export const TokenComponentTableHeaderFilledIconActive = "#0174bc"; -export const TokenComponentTableHeaderOutlinedBorder = "#a3a3ab"; -export const TokenComponentTableHeaderOutlinedText = "#343438"; -export const TokenComponentTableHeaderOutlinedIconDefault = "#696970"; -export const TokenComponentTableHeaderOutlinedIconHover = "#009cde"; -export const TokenComponentTableHeaderOutlinedIconActive = "#0174bc"; -export const TokenComponentTableHeaderNestedBackground = "#e5e5ea"; -export const TokenComponentTableHeaderNestedText = "#343438"; -export const TokenComponentTableHeaderNestedBorder = "#a3a3ab"; -export const TokenComponentTableHeaderNestedIconDefault = "#696970"; -export const TokenComponentTableHeaderNestedIconHover = "#009cde"; -export const TokenComponentTableHeaderNestedIconActive = "#0174bc"; -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 = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = - "#009cde"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = - "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#009cde"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = - "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = - "#009cde"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#009cde"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryActiveText = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#e5e5ea"; -export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#a3a3ab"; -export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#a3a3ab"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = - "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = - "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#0174bc"; -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 TokenComponentSplitMenuButtonLaunchDefaultBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchDefaultIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundLeft = - "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundRight = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundLeft = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundRight = - "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchHoverRightIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchActiveBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveText = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchActiveIcon = "#ffffff"; -export const TokenComponentSplitMenuButtonLaunchDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledText = "#a3a3ab"; -export const TokenComponentSplitMenuButtonLaunchDisabledIcon = "#a3a3ab"; -export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundLeft = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundRight = - "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingIcon = "#ffffff"; -export const TokenComponentAppbarBackground = "#f7f7fa"; -export const TokenComponentAppbarBorder = "#d6d6dd"; -export const TokenComponentAppbarText = "#343438"; -export const TokenComponentAppbarIcon = "#3d3d42"; -export const TokenComponentAppbarTopGradient = - "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)"; -export const TokenComponentBadgeInformativeSubtleBackground = - "lch(36.7 58.2 286 / 0.12)"; -export const TokenComponentBadgeInformativeSubtleText = "#3451b2"; -export const TokenComponentBadgeInformativeAccentBackground = "#3451b2"; -export const TokenComponentBadgeInformativeAccentText = "#ffffff"; -export const TokenComponentBadgeNeutralSubtleBackground = - "lch(34.6 3.66 286 / 0.12)"; -export const TokenComponentBadgeNeutralSubtleText = "#515157"; -export const TokenComponentBadgeNeutralAccentBackground = "#515157"; -export const TokenComponentBadgeNeutralAccentText = "#ffffff"; -export const TokenComponentBadgeWarningSubtleBackground = - "lch(67.2 71.6 80.1 / 0.12)"; -export const TokenComponentBadgeWarningSubtleText = "#c25d05"; -export const TokenComponentBadgeWarningAccentBackground = "#c25d05"; -export const TokenComponentBadgeWarningAccentText = "#ffffff"; -export const TokenComponentBadgeNegativeSubtleBackground = - "lch(41.2 69 32.4 / 0.12)"; -export const TokenComponentBadgeNegativeSubtleText = "#b82329"; -export const TokenComponentBadgeNegativeAccentBackground = "#b82329"; -export const TokenComponentBadgeNegativeAccentText = "#ffffff"; -export const TokenComponentBadgePositiveSubtleBackground = - "lch(47.6 47.7 150 / 0.12)"; -export const TokenComponentBadgePositiveSubtleText = "#138246"; -export const TokenComponentBadgePositiveAccentBackground = "#138246"; -export const TokenComponentBadgePositiveAccentText = "#ffffff"; -export const TokenComponentBadgeImportantSubtleBackground = - "lch(38.2 75 307 / 0.12)"; -export const TokenComponentBadgeImportantSubtleText = "#753bbd"; -export const TokenComponentBadgeImportantAccentBackground = "#753bbd"; -export const TokenComponentBadgeImportantAccentText = "#ffffff"; -export const TokenComponentBadgeVioletSubtleBackground = - "lch(36.2 62.1 298 / 0.12)"; -export const TokenComponentBadgeVioletSubtleText = "#5746af"; -export const TokenComponentBadgeVioletAccentBackground = "#5746af"; -export const TokenComponentBadgeVioletAccentText = "#ffffff"; -export const TokenComponentBadgePinkSubtleBackground = - "lch(47.1 72.1 347 / 0.12)"; -export const TokenComponentBadgePinkSubtleText = "#cd1d8d"; -export const TokenComponentBadgePinkAccentBackground = "#cd1d8d"; -export const TokenComponentBadgePinkAccentText = "#ffffff"; -export const TokenComponentBreadcrumbDivider = "#d6d6dd"; -export const TokenComponentBreadcrumbAppTitleTextDefault = "#343438"; -export const TokenComponentBreadcrumbAppTitleTextHover = "#009cde"; -export const TokenComponentBreadcrumbNormalTextDefault = "#343438"; -export const TokenComponentBreadcrumbNormalTextHover = "#009cde"; -export const TokenComponentBreadcrumbTruncatedTextDefault = "#343438"; -export const TokenComponentBreadcrumbTruncatedTextHover = "#009cde"; -export const TokenComponentBreadcrumbLastItemText = "#696970"; -export const TokenComponentBreadcrumbCollapsedBackground = "#e5e5ea"; -export const TokenComponentBreadcrumbCollapsedTextDefault = "#343438"; -export const TokenComponentBreadcrumbCollapsedTextHover = "#009cde"; -export const TokenComponentBreadcrumbCollapsedTextActive = "#0174bc"; -export const TokenComponentBreadcrumbCollapsedIconDefault = "#3d3d42"; -export const TokenComponentBreadcrumbCollapsedIconHover = "#009cde"; -export const TokenComponentBreadcrumbWithDropdownTextDefault = "#343438"; -export const TokenComponentBreadcrumbWithDropdownTextHover = "#009cde"; -export const TokenComponentBreadcrumbWithDropdownTextActive = "#0174bc"; -export const TokenComponentBreadcrumbWithDropdownIconDefault = "#3d3d42"; -export const TokenComponentBreadcrumbWithDropdownIconHover = "#009cde"; -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 TokenComponentCalendarSelectedItemBackgroundDefault = "#0174bc"; -export const TokenComponentCalendarSelectedItemBackgroundHover = "#108ad6"; -export const TokenComponentCalendarHoverItemBackground = "#edf8ff"; -export const TokenComponentCalendarHoverItemText = "#343438"; -export const TokenComponentCalendarDateRangeText = "#343438"; -export const TokenComponentCalendarDateRangeBackgroundDefault = "#edf8ff"; -export const TokenComponentCalendarDateRangeBackgroundHover = "#ceedfe"; -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 TokenComponentGlobalHeaderIconActive = "#5bb3ea"; -export const TokenComponentGlobalHeaderTextDefault = "#d6d6dd"; -export const TokenComponentGlobalHeaderTextHover = "#ffffff"; -export const TokenComponentGlobalHeaderBadgeBackground = "#d63c42"; -export const TokenComponentGlobalHeaderBadgeText = "#ffffff"; -export const TokenComponentGlobalHeaderBadgeIcon = "#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 TokenComponentGlobalHeaderSearchBorderDefault = "#3d3d42"; -export const TokenComponentGlobalHeaderSearchBorderHover = "#696970"; -export const TokenComponentGlobalHeaderSearchBorderActive = "#a3a3ab"; -export const TokenComponentGlobalFooterBackground = "#f7f7fa"; -export const TokenComponentGlobalFooterBorder = "#d6d6dd"; -export const TokenComponentGlobalFooterText = "#343438"; -export const TokenComponentGlobalFooterLinkDefault = "#0174bc"; -export const TokenComponentGlobalFooterLinkHover = "#009cde"; -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 TokenComponentKpiBarBackground = "#ffffff"; -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 TokenComponentKpiBarItemNeutralDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemNeutralDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemNeutralDisabledBorder = "#c2c2ca"; -export const TokenComponentKpiBarItemNeutralDisabledIcon = "#a3a3ab"; -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 TokenComponentKpiBarItemGreenDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemGreenDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemGreenDisabledBorder = "#c2c2ca"; -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 TokenComponentKpiBarItemOrangeDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemOrangeDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemOrangeDisabledBorder = "#c2c2ca"; -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 TokenComponentKpiBarItemPurpleDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemPurpleDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemPurpleDisabledBorder = "#c2c2ca"; -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 TokenComponentKpiBarItemRedDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemRedDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemRedDisabledBorder = "#c2c2ca"; -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 TokenComponentKpiBarItemUltramarineDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemUltramarineDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemUltramarineDisabledBorder = "#c2c2ca"; -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 TokenComponentKpiBarItemPinkDisabledLabel = "#c2c2ca"; -export const TokenComponentKpiBarItemPinkDisabledText = "#a3a3ab"; -export const TokenComponentKpiBarItemPinkDisabledBorder = "#c2c2ca"; -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 = "#e6edfe"; -export const TokenComponentNotificationBannerInformativeBorder = "#4067e5"; -export const TokenComponentNotificationBannerInformativeStatusIcon = "#4067e5"; -export const TokenComponentNotificationBannerTipBackground = "#e6edfe"; -export const TokenComponentNotificationBannerTipBorder = "#4067e5"; -export const TokenComponentNotificationBannerTipStatusIcon = "#4067e5"; -export const TokenComponentNotificationBannerWarningBackground = "#ffecbc"; -export const TokenComponentNotificationBannerWarningBorder = "#fecb34"; -export const TokenComponentNotificationBannerWarningStatusIcon = "#fecb34"; -export const TokenComponentNotificationBannerSuccessBackground = "#dff3df"; -export const TokenComponentNotificationBannerSuccessBorder = "#00b050"; -export const TokenComponentNotificationBannerSuccessStatusIcon = "#00b050"; -export const TokenComponentNotificationBannerErrorBackground = "#ffe5e5"; -export const TokenComponentNotificationBannerErrorBorder = "#d63c42"; -export const TokenComponentNotificationBannerErrorStatusIcon = "#d63c42"; -export const TokenComponentNotificationBannerSecondaryBackground = "#e5e5ea"; -export const TokenComponentNotificationBannerSecondaryBorder = "#a3a3ab"; -export const TokenComponentNotificationBannerSecondaryStatusIcon = "#696970"; -export const TokenComponentNotificationToastText = "#343438"; -export const TokenComponentNotificationToastIcon = "#3d3d42"; -export const TokenComponentNotificationToastInformativeBackground = "#e6edfe"; -export const TokenComponentNotificationToastInformativeIconBackground = - "#4067e5"; -export const TokenComponentNotificationToastInformativeBorder = "#4067e5"; -export const TokenComponentNotificationToastInformativeStatusIcon = "#ffffff"; -export const TokenComponentNotificationToastTipBackground = "#e6edfe"; -export const TokenComponentNotificationToastTipIconBackground = "#4067e5"; -export const TokenComponentNotificationToastTipBorder = "#4067e5"; -export const TokenComponentNotificationToastTipStatusIcon = "#ffffff"; -export const TokenComponentNotificationToastWarningBackground = "#ffecbc"; -export const TokenComponentNotificationToastWarningIconBackground = "#fecb34"; -export const TokenComponentNotificationToastWarningBorder = "#fecb34"; -export const TokenComponentNotificationToastWarningStatusIcon = "#3d3d42"; -export const TokenComponentNotificationToastSuccessBackground = "#dff3df"; -export const TokenComponentNotificationToastSuccessIconBackground = "#00b050"; -export const TokenComponentNotificationToastSuccessBorder = "#00b050"; -export const TokenComponentNotificationToastSuccessStatusIcon = "#ffffff"; -export const TokenComponentNotificationToastErrorBackground = "#ffe5e5"; -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 TokenComponentProgressBarStatusLineInProgress = - "linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%)"; -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 = "#343438"; -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 = "#343438"; -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 TokenComponentSegmentedButtonDivider = "#ffffff"; // A divider for multi-selected items -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 TokenComponentSegmentedButtonActiveHoverBackground = "#009cde"; -export const TokenComponentSegmentedButtonActiveHoverBorder = "#009cde"; -export const TokenComponentSegmentedButtonActiveHoverText = "#ffffff"; -export const TokenComponentSegmentedButtonActiveHoverIcon = "#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 = "#ffe5e5"; -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 TokenComponentStepperHorizontalPastItemCircleBorder = "#0174bc"; -export const TokenComponentStepperHorizontalPastItemCircleBackgroundDefault = - "#edf8ff"; -export const TokenComponentStepperHorizontalPastItemCircleBackgroundHover = - "#0174bc"; -export const TokenComponentStepperHorizontalPastItemCircleIconDefault = - "#0174bc"; -export const TokenComponentStepperHorizontalPastItemCircleIconHover = "#ffffff"; -export const TokenComponentStepperHorizontalPastItemCircleTextDefault = - "#0174bc"; -export const TokenComponentStepperHorizontalPastItemCircleTextHover = "#ffffff"; -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 TokenComponentStepperHorizontalFutureItemCircleIcon = "#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 TokenComponentStepperVerticalDisabledItemCircleIcon = "#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 = - "#138246"; -export const TokenComponentSegmentedStatusButtonActivePositiveText = "#ffffff"; -export const TokenComponentSegmentedStatusButtonActivePositiveIcon = "#ffffff"; -export const TokenComponentSegmentedStatusButtonDisabledNegativeBackground = - "#f9c6c6"; -export const TokenComponentSegmentedStatusButtonDisabledNegativeText = - "#a3a3ab"; -export const TokenComponentSegmentedStatusButtonDisabledNegativeIcon = - "#a3a3ab"; -export const TokenComponentSegmentedStatusButtonActiveNegativeBackground = - "#b82329"; -export const TokenComponentSegmentedStatusButtonActiveNegativeText = "#ffffff"; -export const TokenComponentSegmentedStatusButtonActiveNegativeIcon = "#ffffff"; -export const TokenComponentSegmentedStatusButtonDisabledNeutralBackground = - "#e5e5ea"; -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"; -export const TokenComponentTileInfoIconDefault = "#696970"; -export const TokenComponentTileInfoIconHover = "#009cde"; -export const TokenComponentTileInfoIconActive = "#0174bc"; -export const TokenComponentTileDefaultBackground = "#ffffff"; -export const TokenComponentTileDefaultBorder = "#83838c"; -export const TokenComponentTileDefaultText = "#343438"; -export const TokenComponentTileHoverBackground = "#ffffff"; -export const TokenComponentTileHoverBorder = "#3d3d42"; -export const TokenComponentTileHoverText = "#343438"; -export const TokenComponentTileSelectedBackground = "#edf8ff"; -export const TokenComponentTileSelectedBorder = "#0174bc"; -export const TokenComponentTileSelectedText = "#343438"; -export const TokenComponentTileDisabledBackground = "#ffffff"; -export const TokenComponentTileDisabledBorder = "#c2c2ca"; -export const TokenComponentTileDisabledText = "#a3a3ab"; -export const TokenComponentFilterTagLabel = "#696970"; -export const TokenComponentFilterTagItem = "#343438"; -export const TokenComponentFilterTagClearAllDefault = "#696970"; -export const TokenComponentFilterTagClearAllHover = "#009cde"; -export const TokenComponentFilterTagIconDefaul = "#3d3d42"; -export const TokenComponentFilterTagIconHover = "#009cde"; diff --git a/dist/themes/densedLight/tokens.scss b/dist/themes/densedLight/tokens.scss deleted file mode 100644 index 67ae7d6..0000000 --- a/dist/themes/densedLight/tokens.scss +++ /dev/null @@ -1,1786 +0,0 @@ - -// 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-55: #7dcdff; -$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: #c4eaef; -$token-global-color-cyan-40: #aadee6; -$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-color-gradient-default: linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%); // Default gradient -$token-global-spacing-s0: 0; -$token-global-spacing-s2: 2px; -$token-global-spacing-s4: 4px; -$token-global-spacing-s6: 6px; -$token-global-spacing-s8: 8px; -$token-global-spacing-s12: 12px; -$token-global-spacing-s16: 16px; -$token-global-spacing-s20: 20px; -$token-global-spacing-s24: 24px; -$token-global-spacing-s28: 28px; -$token-global-spacing-s32: 32px; -$token-global-spacing-s36: 36px; -$token-global-spacing-s40: 40px; -$token-global-spacing-s48: 48px; -$token-global-spacing-s64: 64px; -$token-global-spacing-s72: 72px; -$token-global-spacing-s96: 96px; -$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.625rem; // 26px -$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: 0; -$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: #a3a3ab; -$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: #ffe5e5; -$token-alias-background-warningsubtle: #ffecbc; -$token-alias-background-positivesubtle: #dff3df; -$token-alias-background-informativesubtle: #e6edfe; -$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: #138246; -$token-alias-action-positive-hover: #00b050; -$token-alias-action-positive-active: #138246; -$token-alias-action-positive-disabled: #b7dfba; -$token-alias-action-negative-default: #b82329; -$token-alias-action-negative-hover: #d63c42; -$token-alias-action-negative-active: #b82329; -$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-primary-hover: #edf8ff; // Calendar range background, table row hover -$token-alias-interaction-background-primary-active: #ceedfe; // Active/selected backgrounds -$token-alias-interaction-background-secondary: #f7f7fa; -$token-alias-interaction-background-secondary-hover: #ceedfe; // Hover color for a calendar date range -$token-alias-interaction-background-secondary-active: #ceedfe; -$token-alias-interaction-background-tertiary: #edf8ff; -$token-alias-interaction-background-tertiary-hover: #108ad6; // Hover color for an active calendar date -$token-alias-interaction-background-tertiary-active: #0174bc; -$token-alias-interaction-background-disabled: #ededf2; -$token-alias-elevation-s: 0 2px 8px 0 rgba(58,59,63,0.18); // Default shadow for components, like notification banners, dropdowns, popups; -$token-alias-elevation-s-inverted: 0 -2px 8px 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-elevation-drawer-right: -16px 0 32px 0 rgba(61,61,66,0.18); // Elevation for a drawer that appears from the right side of the screen -$token-alias-elevation-drawer-left: inset 16px 0 32px 0 rgba(61,61,66,0.18); // Elevation for a drawer that appears from the left side of the screen -$token-alias-elevation-drawer-top: inset 0 16px 32px 0 rgba(61,61,66,0.18); // Elevation for a drawer that appears from the top side of the screen -$token-alias-elevation-drawer-bottom: inset 0 -16px 32px 0 rgba(61,61,66,0.18); // Elevation for a drawer that appears from the bottom side of the screen -$token-alias-typography-heading-xxxl: 700 2.25rem/2.625rem 'Nunito Sans'; // Promo banners, KPIs -$token-alias-typography-heading-xxl: 800 1.625rem/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-disabled: #c2c2ca; -$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: #c4eaef; -$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: #c4eaef; -$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-alias-radius-default: 0; // Default border radius value -$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-button-launch-default-background: #232326; // This component token is considered unstable and in development. -$token-component-button-launch-default-text: #ffffff; // This component token is considered unstable and in development. -$token-component-button-launch-default-icon: #ffffff; // This component token is considered unstable and in development. -$token-component-button-launch-hover-background: #343438; // This component token is considered unstable and in development. -$token-component-button-launch-hover-text: #ffffff; // This component token is considered unstable and in development. -$token-component-button-launch-hover-icon: #ffffff; // This component token is considered unstable and in development. -$token-component-button-launch-pressed-background: #232326; // This component token is considered unstable and in development. -$token-component-button-launch-pressed-text: #ffffff; // This component token is considered unstable and in development. -$token-component-button-launch-pressed-icon: #ffffff; // This component token is considered unstable and in development. -$token-component-button-launch-disabled-background: #e5e5ea; // This component token is considered unstable and in development. -$token-component-button-launch-disabled-text: #a3a3ab; // This component token is considered unstable and in development. -$token-component-button-launch-disabled-icon: #a3a3ab; // This component token is considered unstable and in development. -$token-component-button-launch-loading-background: #232326; // This component token is considered unstable and in development. -$token-component-button-danger-default-background: #b82329; -$token-component-button-danger-default-text: #ffffff; -$token-component-button-danger-default-icon: #ffffff; -$token-component-button-danger-hover-background: #d63c42; -$token-component-button-danger-hover-text: #ffffff; -$token-component-button-danger-hover-icon: #ffffff; -$token-component-button-danger-pressed-background: #b82329; -$token-component-button-danger-pressed-text: #ffffff; -$token-component-button-danger-pressed-icon: #ffffff; -$token-component-button-danger-disabled-background: #f9c6c6; -$token-component-button-danger-disabled-text: #a3a3ab; -$token-component-button-danger-disabled-icon: #a3a3ab; -$token-component-button-danger-loading-background: #b82329; -$token-component-container-background: #ffffff; -$token-component-container-border: #d6d6dd; -$token-component-table-header-filled-background: #e5e5ea; -$token-component-table-header-filled-text: #343438; -$token-component-table-header-filled-border: #a3a3ab; -$token-component-table-header-filled-icon-default: #696970; -$token-component-table-header-filled-icon-hover: #009cde; -$token-component-table-header-filled-icon-active: #0174bc; -$token-component-table-header-outlined-border: #a3a3ab; -$token-component-table-header-outlined-text: #343438; -$token-component-table-header-outlined-icon-default: #696970; -$token-component-table-header-outlined-icon-hover: #009cde; -$token-component-table-header-outlined-icon-active: #0174bc; -$token-component-table-header-nested-background: #e5e5ea; -$token-component-table-header-nested-text: #343438; -$token-component-table-header-nested-border: #a3a3ab; -$token-component-table-header-nested-icon-default: #696970; -$token-component-table-header-nested-icon-hover: #009cde; -$token-component-table-header-nested-icon-active: #0174bc; -$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: #0174bc; -$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: #009cde; -$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: #009cde; -$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: #0174bc; -$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: #e5e5ea; -$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: #0174bc; -$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-split-menu-button-launch-default-background: #232326; -$token-component-split-menu-button-launch-default-border: #232326; -$token-component-split-menu-button-launch-default-text: #ffffff; -$token-component-split-menu-button-launch-default-icon: #ffffff; -$token-component-split-menu-button-launch-hover-left-background-left: #343438; -$token-component-split-menu-button-launch-hover-left-background-right: #232326; -$token-component-split-menu-button-launch-hover-left-border: #343438; -$token-component-split-menu-button-launch-hover-left-text: #ffffff; -$token-component-split-menu-button-launch-hover-left-icon: #ffffff; -$token-component-split-menu-button-launch-hover-right-background-left: #232326; -$token-component-split-menu-button-launch-hover-right-background-right: #343438; -$token-component-split-menu-button-launch-hover-right-border: #343438; -$token-component-split-menu-button-launch-hover-right-text: #ffffff; -$token-component-split-menu-button-launch-hover-right-icon: #ffffff; -$token-component-split-menu-button-launch-active-background: #232326; -$token-component-split-menu-button-launch-active-border: #232326; -$token-component-split-menu-button-launch-active-text: #ffffff; -$token-component-split-menu-button-launch-active-icon: #ffffff; -$token-component-split-menu-button-launch-disabled-background: #e5e5ea; -$token-component-split-menu-button-launch-disabled-border: #e5e5ea; -$token-component-split-menu-button-launch-disabled-text: #a3a3ab; -$token-component-split-menu-button-launch-disabled-icon: #a3a3ab; -$token-component-split-menu-button-launch-loading-background-left: #232326; -$token-component-split-menu-button-launch-loading-background-right: #232326; -$token-component-split-menu-button-launch-loading-border: #232326; -$token-component-split-menu-button-launch-loading-icon: #ffffff; -$token-component-appbar-background: #f7f7fa; -$token-component-appbar-border: #d6d6dd; -$token-component-appbar-text: #343438; -$token-component-appbar-icon: #3d3d42; -$token-component-appbar-top-gradient: linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%); -$token-component-badge-informative-subtle-background: lch(36.7 58.2 286 / 0.12); -$token-component-badge-informative-subtle-text: #3451b2; -$token-component-badge-informative-accent-background: #3451b2; -$token-component-badge-informative-accent-text: #ffffff; -$token-component-badge-neutral-subtle-background: lch(34.6 3.66 286 / 0.12); -$token-component-badge-neutral-subtle-text: #515157; -$token-component-badge-neutral-accent-background: #515157; -$token-component-badge-neutral-accent-text: #ffffff; -$token-component-badge-warning-subtle-background: lch(67.2 71.6 80.1 / 0.12); -$token-component-badge-warning-subtle-text: #c25d05; -$token-component-badge-warning-accent-background: #c25d05; -$token-component-badge-warning-accent-text: #ffffff; -$token-component-badge-negative-subtle-background: lch(41.2 69 32.4 / 0.12); -$token-component-badge-negative-subtle-text: #b82329; -$token-component-badge-negative-accent-background: #b82329; -$token-component-badge-negative-accent-text: #ffffff; -$token-component-badge-positive-subtle-background: lch(47.6 47.7 150 / 0.12); -$token-component-badge-positive-subtle-text: #138246; -$token-component-badge-positive-accent-background: #138246; -$token-component-badge-positive-accent-text: #ffffff; -$token-component-badge-important-subtle-background: lch(38.2 75 307 / 0.12); -$token-component-badge-important-subtle-text: #753bbd; -$token-component-badge-important-accent-background: #753bbd; -$token-component-badge-important-accent-text: #ffffff; -$token-component-badge-violet-subtle-background: lch(36.2 62.1 298 / 0.12); -$token-component-badge-violet-subtle-text: #5746af; -$token-component-badge-violet-accent-background: #5746af; -$token-component-badge-violet-accent-text: #ffffff; -$token-component-badge-pink-subtle-background: lch(47.1 72.1 347 / 0.12); -$token-component-badge-pink-subtle-text: #cd1d8d; -$token-component-badge-pink-accent-background: #cd1d8d; -$token-component-badge-pink-accent-text: #ffffff; -$token-component-breadcrumb-divider: #d6d6dd; -$token-component-breadcrumb-app-title-text-default: #343438; -$token-component-breadcrumb-app-title-text-hover: #009cde; -$token-component-breadcrumb-normal-text-default: #343438; -$token-component-breadcrumb-normal-text-hover: #009cde; -$token-component-breadcrumb-truncated-text-default: #343438; -$token-component-breadcrumb-truncated-text-hover: #009cde; -$token-component-breadcrumb-last-item-text: #696970; -$token-component-breadcrumb-collapsed-background: #e5e5ea; -$token-component-breadcrumb-collapsed-text-default: #343438; -$token-component-breadcrumb-collapsed-text-hover: #009cde; -$token-component-breadcrumb-collapsed-text-active: #0174bc; -$token-component-breadcrumb-collapsed-icon-default: #3d3d42; -$token-component-breadcrumb-collapsed-icon-hover: #009cde; -$token-component-breadcrumb-with-dropdown-text-default: #343438; -$token-component-breadcrumb-with-dropdown-text-hover: #009cde; -$token-component-breadcrumb-with-dropdown-text-active: #0174bc; -$token-component-breadcrumb-with-dropdown-icon-default: #3d3d42; -$token-component-breadcrumb-with-dropdown-icon-hover: #009cde; -$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-default: #0174bc; -$token-component-calendar-selected-item-background-hover: #108ad6; -$token-component-calendar-hover-item-background: #edf8ff; -$token-component-calendar-hover-item-text: #343438; -$token-component-calendar-date-range-text: #343438; -$token-component-calendar-date-range-background-default: #edf8ff; -$token-component-calendar-date-range-background-hover: #ceedfe; -$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-icon-active: #5bb3ea; -$token-component-global-header-text-default: #d6d6dd; -$token-component-global-header-text-hover: #ffffff; -$token-component-global-header-badge-background: #d63c42; -$token-component-global-header-badge-text: #ffffff; -$token-component-global-header-badge-icon: #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-header-search-border-default: #3d3d42; -$token-component-global-header-search-border-hover: #696970; -$token-component-global-header-search-border-active: #a3a3ab; -$token-component-global-footer-background: #f7f7fa; -$token-component-global-footer-border: #d6d6dd; -$token-component-global-footer-text: #343438; -$token-component-global-footer-link-default: #0174bc; -$token-component-global-footer-link-hover: #009cde; -$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-background: #ffffff; -$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-neutral-disabled-label: #c2c2ca; -$token-component-kpi-bar-item-neutral-disabled-text: #a3a3ab; -$token-component-kpi-bar-item-neutral-disabled-border: #c2c2ca; -$token-component-kpi-bar-item-neutral-disabled-icon: #a3a3ab; -$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-green-disabled-label: #c2c2ca; -$token-component-kpi-bar-item-green-disabled-text: #a3a3ab; -$token-component-kpi-bar-item-green-disabled-border: #c2c2ca; -$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-orange-disabled-label: #c2c2ca; -$token-component-kpi-bar-item-orange-disabled-text: #a3a3ab; -$token-component-kpi-bar-item-orange-disabled-border: #c2c2ca; -$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-purple-disabled-label: #c2c2ca; -$token-component-kpi-bar-item-purple-disabled-text: #a3a3ab; -$token-component-kpi-bar-item-purple-disabled-border: #c2c2ca; -$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-red-disabled-label: #c2c2ca; -$token-component-kpi-bar-item-red-disabled-text: #a3a3ab; -$token-component-kpi-bar-item-red-disabled-border: #c2c2ca; -$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-ultramarine-disabled-label: #c2c2ca; -$token-component-kpi-bar-item-ultramarine-disabled-text: #a3a3ab; -$token-component-kpi-bar-item-ultramarine-disabled-border: #c2c2ca; -$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-kpi-bar-item-pink-disabled-label: #c2c2ca; -$token-component-kpi-bar-item-pink-disabled-text: #a3a3ab; -$token-component-kpi-bar-item-pink-disabled-border: #c2c2ca; -$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: #e6edfe; -$token-component-notification-banner-informative-border: #4067e5; -$token-component-notification-banner-informative-status-icon: #4067e5; -$token-component-notification-banner-tip-background: #e6edfe; -$token-component-notification-banner-tip-border: #4067e5; -$token-component-notification-banner-tip-status-icon: #4067e5; -$token-component-notification-banner-warning-background: #ffecbc; -$token-component-notification-banner-warning-border: #fecb34; -$token-component-notification-banner-warning-status-icon: #fecb34; -$token-component-notification-banner-success-background: #dff3df; -$token-component-notification-banner-success-border: #00b050; -$token-component-notification-banner-success-status-icon: #00b050; -$token-component-notification-banner-error-background: #ffe5e5; -$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: #a3a3ab; -$token-component-notification-banner-secondary-status-icon: #696970; -$token-component-notification-toast-text: #343438; -$token-component-notification-toast-icon: #3d3d42; -$token-component-notification-toast-informative-background: #e6edfe; -$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: #e6edfe; -$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: #ffecbc; -$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: #dff3df; -$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: #ffe5e5; -$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-progress-bar-status-line-in-progress: linear-gradient(270deg, #00b050 0%, #12a594 51%, #009cde 100%); -$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: #343438; -$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: #343438; -$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-divider: #ffffff; // A divider for multi-selected items -$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-segmented-button-active-hover-background: #009cde; -$token-component-segmented-button-active-hover-border: #009cde; -$token-component-segmented-button-active-hover-text: #ffffff; -$token-component-segmented-button-active-hover-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: #ffe5e5; -$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-border: #0174bc; -$token-component-stepper-horizontal-past-item-circle-background-default: #edf8ff; -$token-component-stepper-horizontal-past-item-circle-background-hover: #0174bc; -$token-component-stepper-horizontal-past-item-circle-icon-default: #0174bc; -$token-component-stepper-horizontal-past-item-circle-icon-hover: #ffffff; -$token-component-stepper-horizontal-past-item-circle-text-default: #0174bc; -$token-component-stepper-horizontal-past-item-circle-text-hover: #ffffff; -$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-circle-icon: #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-circle-icon: #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: #138246; -$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: #b82329; -$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: #e5e5ea; -$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; -$token-component-tile-info-icon-default: #696970; -$token-component-tile-info-icon-hover: #009cde; -$token-component-tile-info-icon-active: #0174bc; -$token-component-tile-default-background: #ffffff; -$token-component-tile-default-border: #83838c; -$token-component-tile-default-text: #343438; -$token-component-tile-hover-background: #ffffff; -$token-component-tile-hover-border: #3d3d42; -$token-component-tile-hover-text: #343438; -$token-component-tile-selected-background: #edf8ff; -$token-component-tile-selected-border: #0174bc; -$token-component-tile-selected-text: #343438; -$token-component-tile-disabled-background: #ffffff; -$token-component-tile-disabled-border: #c2c2ca; -$token-component-tile-disabled-text: #a3a3ab; -$token-component-filter-tag-label: #696970; -$token-component-filter-tag-item: #343438; -$token-component-filter-tag-clear-all-default: #696970; -$token-component-filter-tag-clear-all-hover: #009cde; -$token-component-filter-tag-icon-defaul: #3d3d42; -$token-component-filter-tag-icon-hover: #009cde; diff --git a/dist/tokens.css b/dist/tokens.css index ae0a0aa..b90ab8e 100644 --- a/dist/tokens.css +++ b/dist/tokens.css @@ -244,6 +244,7 @@ --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-recommendation: #12a594; /* Use only for icons to indicate a recommendation 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 */ @@ -256,6 +257,7 @@ --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-border-recommendation: #12a594; /* Use only for borders to indicate a recommendation state */ --token-alias-background-normal: #ffffff; /* Primary background color */ --token-alias-background-neutral: #f7f7fa; /* Page background color */ --token-alias-background-base: #343438; /* Tooltip background */ @@ -268,6 +270,7 @@ --token-alias-background-warningsubtle: #ffecbc; --token-alias-background-positivesubtle: #dff3df; --token-alias-background-informativesubtle: #e6edfe; + --token-alias-background-recommendationsubtle: #d9f3ee; --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; @@ -279,6 +282,7 @@ --token-alias-action-primary-disabled: #e5e5ea; --token-alias-action-secondary-hover: #edf8ff; --token-alias-action-secondary-disabled: #c2c2ca; + --token-alias-action-tertiary-default: #c2c2ca; --token-alias-action-tertiary-disabled: #afdef8; --token-alias-action-positive-default: #138246; --token-alias-action-positive-hover: #00b050; @@ -300,8 +304,11 @@ --token-alias-interaction-background-secondary-hover: #ceedfe; /* Hover color for a calendar date range */ --token-alias-interaction-background-secondary-active: #ceedfe; --token-alias-interaction-background-tertiary: #edf8ff; - --token-alias-interaction-background-tertiary-hover: #108ad6; /* Hover color for an active calendar date */ + --token-alias-interaction-background-tertiary-hover: #108ad6; --token-alias-interaction-background-tertiary-active: #0174bc; + --token-alias-interaction-background-neutral: #ffffff; + --token-alias-interaction-background-neutral-hover: #f7f7fa; + --token-alias-interaction-background-neutral-active: #ffffff; --token-alias-interaction-background-disabled: #ededf2; --token-alias-elevation-s: 0 2px 8px 0 rgba(58,59,63,0.18); /* Default shadow for components, like notification banners, dropdowns, popups; */ --token-alias-elevation-s-inverted: 0 -2px 8px 0 rgba(58,59,63,0.18); /* Inverted shadow for elements that appear above the component */ @@ -349,6 +356,8 @@ --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-recommendation-primary: #067a6f; + --token-alias-accent-recommendation-secondary: lch(45.6 31.8 185 / 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; @@ -475,6 +484,24 @@ --token-component-button-secondary-disabled-icon: #a3a3ab; --token-component-button-secondary-loading-background: #ffffff; --token-component-button-secondary-loading-border: #0174bc; + --token-component-button-tertiary-default-background: #ffffff; + --token-component-button-tertiary-default-border: #c2c2ca; + --token-component-button-tertiary-default-text: #343438; + --token-component-button-tertiary-default-icon: #3d3d42; + --token-component-button-tertiary-hover-background: #edf8ff; + --token-component-button-tertiary-hover-border: #009cde; + --token-component-button-tertiary-hover-text: #343438; + --token-component-button-tertiary-hover-icon: #3d3d42; + --token-component-button-tertiary-pressed-background: #ffffff; + --token-component-button-tertiary-pressed-border: #c2c2ca; + --token-component-button-tertiary-pressed-text: #343438; + --token-component-button-tertiary-pressed-icon: #3d3d42; + --token-component-button-tertiary-disabled-background: #ffffff; + --token-component-button-tertiary-disabled-border: #c2c2ca; + --token-component-button-tertiary-disabled-text: #a3a3ab; + --token-component-button-tertiary-disabled-icon: #a3a3ab; + --token-component-button-tertiary-loading-background: #ffffff; + --token-component-button-tertiary-loading-border: #c2c2ca; --token-component-button-link-default-text: #0174bc; --token-component-button-link-default-icon: #0174bc; --token-component-button-link-hover-text: #009cde; @@ -689,6 +716,10 @@ --token-component-badge-important-subtle-text: #753bbd; --token-component-badge-important-accent-background: #753bbd; --token-component-badge-important-accent-text: #ffffff; + --token-component-badge-recommendation-subtle-background: lch(45.6 31.8 185 / 0.12); + --token-component-badge-recommendation-subtle-text: #067a6f; + --token-component-badge-recommendation-accent-background: #067a6f; + --token-component-badge-recommendation-accent-text: #ffffff; --token-component-badge-violet-subtle-background: lch(36.2 62.1 298 / 0.12); --token-component-badge-violet-subtle-text: #5746af; --token-component-badge-violet-accent-background: #5746af; @@ -1128,6 +1159,9 @@ --token-component-notification-banner-error-background: #ffe5e5; --token-component-notification-banner-error-border: #d63c42; --token-component-notification-banner-error-status-icon: #d63c42; + --token-component-notification-banner-recommendation-background: #d9f3ee; + --token-component-notification-banner-recommendation-border: #12a594; + --token-component-notification-banner-recommendation-status-icon: #12a594; --token-component-notification-banner-secondary-background: #e5e5ea; --token-component-notification-banner-secondary-border: #a3a3ab; --token-component-notification-banner-secondary-status-icon: #696970; @@ -1786,4 +1820,70 @@ --token-component-filter-tag-clear-all-hover: #009cde; --token-component-filter-tag-icon-defaul: #3d3d42; --token-component-filter-tag-icon-hover: #009cde; + --token-component-container-tab-border: #d6d6dd; + --token-component-container-tab-default-background: #ffffff; + --token-component-container-tab-default-label: #343438; + --token-component-container-tab-default-description: #696970; + --token-component-container-tab-hover-background: #f7f7fa; + --token-component-container-tab-hover-label: #343438; + --token-component-container-tab-hover-description: #696970; + --token-component-container-tab-active-background: #ffffff; + --token-component-container-tab-active-border: #0174bc; + --token-component-container-tab-active-label: #343438; + --token-component-container-tab-active-description: #696970; + --token-component-container-tab-disabled-background: #ededf2; + --token-component-container-tab-disabled-label: #a3a3ab; + --token-component-container-tab-disabled-description: #a3a3ab; + --token-component-container-tab-info-icon-default: #696970; + --token-component-container-tab-info-icon-hover: #009cde; + --token-component-container-tab-info-icon-active: #0174bc; + --token-component-kpi-widget-info-icon-default: #696970; + --token-component-kpi-widget-info-icon-hover: #009cde; + --token-component-kpi-widget-info-icon-active: #0174bc; + --token-component-kpi-widget-progress-positive-text: #00b050; + --token-component-kpi-widget-progress-positive-icon: #00b050; + --token-component-kpi-widget-progress-positive-background: #dff3df; + --token-component-kpi-widget-progress-negative-text: #b82329; + --token-component-kpi-widget-progress-negative-icon: #d63c42; + --token-component-kpi-widget-progress-negative-background: #ffe5e5; + --token-component-kpi-widget-chart-average-line: #a3a3ab; + --token-component-kpi-widget-chart-neutral-line: #696970; + --token-component-kpi-widget-chart-neutral-background: lch(44.6 4.09 286 / 0.2); + --token-component-kpi-widget-chart-negative-line: #d63c42; + --token-component-kpi-widget-chart-negative-background: lch(50.1 69.5 29.4 / 0.2); + --token-component-kpi-widget-chart-positive-line: #00b050; + --token-component-kpi-widget-chart-positive-background: lch(63 67 146 / 0.2); + --token-component-kpi-widget-chart-warning-line: #c25d05; + --token-component-kpi-widget-chart-warning-background: lch(51.7 70.9 57.2 / 0.2); + --token-component-kpi-widget-chart-info-line: #4067e5; + --token-component-kpi-widget-chart-info-background: lch(46.5 72.3 286 / 0.2); + --token-component-kpi-widget-chart-combined-line-primary: #4067e5; + --token-component-kpi-widget-chart-combined-background-primary: lch(46.5 72.3 286 / 0.2); + --token-component-kpi-widget-chart-combined-line-secondary: #fe9933; + --token-component-kpi-widget-chart-combined-background-seconday: lch(46.5 72.3 286 / 0.2); + --token-component-kpi-widget-neutral-background: #ffffff; + --token-component-kpi-widget-neutral-border: #d6d6dd; + --token-component-kpi-widget-neutral-label: #343438; + --token-component-kpi-widget-neutral-kpi: #343438; + --token-component-kpi-widget-neutral-description: #696970; + --token-component-kpi-widget-positive-background: #ffffff; + --token-component-kpi-widget-positive-border: #d6d6dd; + --token-component-kpi-widget-positive-label: #343438; + --token-component-kpi-widget-positive-kpi: #00b050; + --token-component-kpi-widget-positive-description: #696970; + --token-component-kpi-widget-negative-background: #ffffff; + --token-component-kpi-widget-negative-border: #d6d6dd; + --token-component-kpi-widget-negative-label: #343438; + --token-component-kpi-widget-negative-kpi: #b82329; + --token-component-kpi-widget-negative-description: #696970; + --token-component-kpi-widget-warning-background: #ffffff; + --token-component-kpi-widget-warning-border: #d6d6dd; + --token-component-kpi-widget-warning-label: #343438; + --token-component-kpi-widget-warning-kpi: #c25d05; + --token-component-kpi-widget-warning-description: #696970; + --token-component-kpi-widget-info-background: #ffffff; + --token-component-kpi-widget-info-border: #d6d6dd; + --token-component-kpi-widget-info-label: #343438; + --token-component-kpi-widget-info-kpi: #4067e5; + --token-component-kpi-widget-info-description: #696970; } diff --git a/dist/tokens.d.ts b/dist/tokens.d.ts index 952ccc8..f488032 100644 --- a/dist/tokens.d.ts +++ b/dist/tokens.d.ts @@ -244,6 +244,7 @@ export const TokenAliasContentIconNegative = "#d63c42"; // Use only for icons to 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 TokenAliasContentIconRecommendation = "#12a594"; // Use only for icons to indicate a recommendation 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 @@ -256,6 +257,7 @@ export const TokenAliasBorderNegative = "#d63c42"; // Use only for borders to in 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 TokenAliasBorderRecommendation = "#12a594"; // Use only for borders to indicate a recommendation state export const TokenAliasBackgroundNormal = "#ffffff"; // Primary background color export const TokenAliasBackgroundNeutral = "#f7f7fa"; // Page background color export const TokenAliasBackgroundBase = "#343438"; // Tooltip background @@ -268,6 +270,7 @@ export const TokenAliasBackgroundNegativesubtle = "#ffe5e5"; export const TokenAliasBackgroundWarningsubtle = "#ffecbc"; export const TokenAliasBackgroundPositivesubtle = "#dff3df"; export const TokenAliasBackgroundInformativesubtle = "#e6edfe"; +export const TokenAliasBackgroundRecommendationsubtle = "#d9f3ee"; 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"; @@ -279,6 +282,7 @@ export const TokenAliasActionPrimaryActive = "#0174bc"; export const TokenAliasActionPrimaryDisabled = "#e5e5ea"; export const TokenAliasActionSecondaryHover = "#edf8ff"; export const TokenAliasActionSecondaryDisabled = "#c2c2ca"; +export const TokenAliasActionTertiaryDefault = "#c2c2ca"; export const TokenAliasActionTertiaryDisabled = "#afdef8"; export const TokenAliasActionPositiveDefault = "#138246"; export const TokenAliasActionPositiveHover = "#00b050"; @@ -300,8 +304,11 @@ export const TokenAliasInteractionBackgroundSecondary = "#f7f7fa"; export const TokenAliasInteractionBackgroundSecondaryHover = "#ceedfe"; // Hover color for a calendar date range export const TokenAliasInteractionBackgroundSecondaryActive = "#ceedfe"; export const TokenAliasInteractionBackgroundTertiary = "#edf8ff"; -export const TokenAliasInteractionBackgroundTertiaryHover = "#108ad6"; // Hover color for an active calendar date +export const TokenAliasInteractionBackgroundTertiaryHover = "#108ad6"; export const TokenAliasInteractionBackgroundTertiaryActive = "#0174bc"; +export const TokenAliasInteractionBackgroundNeutral = "#ffffff"; +export const TokenAliasInteractionBackgroundNeutralHover = "#f7f7fa"; +export const TokenAliasInteractionBackgroundNeutralActive = "#ffffff"; export const TokenAliasInteractionBackgroundDisabled = "#ededf2"; export const TokenAliasElevationS = "0 2px 8px 0 rgba(58,59,63,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups; export const TokenAliasElevationSInverted = "0 -2px 8px 0 rgba(58,59,63,0.18)"; // Inverted shadow for elements that appear above the component @@ -372,6 +379,9 @@ 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 TokenAliasAccentRecommendationPrimary = "#067a6f"; +export const TokenAliasAccentRecommendationSecondary = + "lch(45.6 31.8 185 / 0.12)"; export const TokenAliasAccentPinkPrimary = "#cd1d8d"; export const TokenAliasAccentPinkSecondary = "lch(47.1 72.1 347 / 0.12)"; export const TokenAliasAccentVioletPrimary = "#5746af"; @@ -514,6 +524,24 @@ export const TokenComponentButtonSecondaryDisabledText = "#a3a3ab"; export const TokenComponentButtonSecondaryDisabledIcon = "#a3a3ab"; export const TokenComponentButtonSecondaryLoadingBackground = "#ffffff"; export const TokenComponentButtonSecondaryLoadingBorder = "#0174bc"; +export const TokenComponentButtonTertiaryDefaultBackground = "#ffffff"; +export const TokenComponentButtonTertiaryDefaultBorder = "#c2c2ca"; +export const TokenComponentButtonTertiaryDefaultText = "#343438"; +export const TokenComponentButtonTertiaryDefaultIcon = "#3d3d42"; +export const TokenComponentButtonTertiaryHoverBackground = "#edf8ff"; +export const TokenComponentButtonTertiaryHoverBorder = "#009cde"; +export const TokenComponentButtonTertiaryHoverText = "#343438"; +export const TokenComponentButtonTertiaryHoverIcon = "#3d3d42"; +export const TokenComponentButtonTertiaryPressedBackground = "#ffffff"; +export const TokenComponentButtonTertiaryPressedBorder = "#c2c2ca"; +export const TokenComponentButtonTertiaryPressedText = "#343438"; +export const TokenComponentButtonTertiaryPressedIcon = "#3d3d42"; +export const TokenComponentButtonTertiaryDisabledBackground = "#ffffff"; +export const TokenComponentButtonTertiaryDisabledBorder = "#c2c2ca"; +export const TokenComponentButtonTertiaryDisabledText = "#a3a3ab"; +export const TokenComponentButtonTertiaryDisabledIcon = "#a3a3ab"; +export const TokenComponentButtonTertiaryLoadingBackground = "#ffffff"; +export const TokenComponentButtonTertiaryLoadingBorder = "#c2c2ca"; export const TokenComponentButtonLinkDefaultText = "#0174bc"; export const TokenComponentButtonLinkDefaultIcon = "#0174bc"; export const TokenComponentButtonLinkHoverText = "#009cde"; @@ -758,6 +786,11 @@ export const TokenComponentBadgeImportantSubtleBackground = export const TokenComponentBadgeImportantSubtleText = "#753bbd"; export const TokenComponentBadgeImportantAccentBackground = "#753bbd"; export const TokenComponentBadgeImportantAccentText = "#ffffff"; +export const TokenComponentBadgeRecommendationSubtleBackground = + "lch(45.6 31.8 185 / 0.12)"; +export const TokenComponentBadgeRecommendationSubtleText = "#067a6f"; +export const TokenComponentBadgeRecommendationAccentBackground = "#067a6f"; +export const TokenComponentBadgeRecommendationAccentText = "#ffffff"; export const TokenComponentBadgeVioletSubtleBackground = "lch(36.2 62.1 298 / 0.12)"; export const TokenComponentBadgeVioletSubtleText = "#5746af"; @@ -1207,6 +1240,11 @@ export const TokenComponentNotificationBannerSuccessStatusIcon = "#00b050"; export const TokenComponentNotificationBannerErrorBackground = "#ffe5e5"; export const TokenComponentNotificationBannerErrorBorder = "#d63c42"; export const TokenComponentNotificationBannerErrorStatusIcon = "#d63c42"; +export const TokenComponentNotificationBannerRecommendationBackground = + "#d9f3ee"; +export const TokenComponentNotificationBannerRecommendationBorder = "#12a594"; +export const TokenComponentNotificationBannerRecommendationStatusIcon = + "#12a594"; export const TokenComponentNotificationBannerSecondaryBackground = "#e5e5ea"; export const TokenComponentNotificationBannerSecondaryBorder = "#a3a3ab"; export const TokenComponentNotificationBannerSecondaryStatusIcon = "#696970"; @@ -1892,3 +1930,76 @@ export const TokenComponentFilterTagClearAllDefault = "#696970"; export const TokenComponentFilterTagClearAllHover = "#009cde"; export const TokenComponentFilterTagIconDefaul = "#3d3d42"; export const TokenComponentFilterTagIconHover = "#009cde"; +export const TokenComponentContainerTabBorder = "#d6d6dd"; +export const TokenComponentContainerTabDefaultBackground = "#ffffff"; +export const TokenComponentContainerTabDefaultLabel = "#343438"; +export const TokenComponentContainerTabDefaultDescription = "#696970"; +export const TokenComponentContainerTabHoverBackground = "#f7f7fa"; +export const TokenComponentContainerTabHoverLabel = "#343438"; +export const TokenComponentContainerTabHoverDescription = "#696970"; +export const TokenComponentContainerTabActiveBackground = "#ffffff"; +export const TokenComponentContainerTabActiveBorder = "#0174bc"; +export const TokenComponentContainerTabActiveLabel = "#343438"; +export const TokenComponentContainerTabActiveDescription = "#696970"; +export const TokenComponentContainerTabDisabledBackground = "#ededf2"; +export const TokenComponentContainerTabDisabledLabel = "#a3a3ab"; +export const TokenComponentContainerTabDisabledDescription = "#a3a3ab"; +export const TokenComponentContainerTabInfoIconDefault = "#696970"; +export const TokenComponentContainerTabInfoIconHover = "#009cde"; +export const TokenComponentContainerTabInfoIconActive = "#0174bc"; +export const TokenComponentKpiWidgetInfoIconDefault = "#696970"; +export const TokenComponentKpiWidgetInfoIconHover = "#009cde"; +export const TokenComponentKpiWidgetInfoIconActive = "#0174bc"; +export const TokenComponentKpiWidgetProgressPositiveText = "#00b050"; +export const TokenComponentKpiWidgetProgressPositiveIcon = "#00b050"; +export const TokenComponentKpiWidgetProgressPositiveBackground = "#dff3df"; +export const TokenComponentKpiWidgetProgressNegativeText = "#b82329"; +export const TokenComponentKpiWidgetProgressNegativeIcon = "#d63c42"; +export const TokenComponentKpiWidgetProgressNegativeBackground = "#ffe5e5"; +export const TokenComponentKpiWidgetChartAverageLine = "#a3a3ab"; +export const TokenComponentKpiWidgetChartNeutralLine = "#696970"; +export const TokenComponentKpiWidgetChartNeutralBackground = + "lch(44.6 4.09 286 / 0.2)"; +export const TokenComponentKpiWidgetChartNegativeLine = "#d63c42"; +export const TokenComponentKpiWidgetChartNegativeBackground = + "lch(50.1 69.5 29.4 / 0.2)"; +export const TokenComponentKpiWidgetChartPositiveLine = "#00b050"; +export const TokenComponentKpiWidgetChartPositiveBackground = + "lch(63 67 146 / 0.2)"; +export const TokenComponentKpiWidgetChartWarningLine = "#c25d05"; +export const TokenComponentKpiWidgetChartWarningBackground = + "lch(51.7 70.9 57.2 / 0.2)"; +export const TokenComponentKpiWidgetChartInfoLine = "#4067e5"; +export const TokenComponentKpiWidgetChartInfoBackground = + "lch(46.5 72.3 286 / 0.2)"; +export const TokenComponentKpiWidgetChartCombinedLinePrimary = "#4067e5"; +export const TokenComponentKpiWidgetChartCombinedBackgroundPrimary = + "lch(46.5 72.3 286 / 0.2)"; +export const TokenComponentKpiWidgetChartCombinedLineSecondary = "#fe9933"; +export const TokenComponentKpiWidgetChartCombinedBackgroundSeconday = + "lch(46.5 72.3 286 / 0.2)"; +export const TokenComponentKpiWidgetNeutralBackground = "#ffffff"; +export const TokenComponentKpiWidgetNeutralBorder = "#d6d6dd"; +export const TokenComponentKpiWidgetNeutralLabel = "#343438"; +export const TokenComponentKpiWidgetNeutralKpi = "#343438"; +export const TokenComponentKpiWidgetNeutralDescription = "#696970"; +export const TokenComponentKpiWidgetPositiveBackground = "#ffffff"; +export const TokenComponentKpiWidgetPositiveBorder = "#d6d6dd"; +export const TokenComponentKpiWidgetPositiveLabel = "#343438"; +export const TokenComponentKpiWidgetPositiveKpi = "#00b050"; +export const TokenComponentKpiWidgetPositiveDescription = "#696970"; +export const TokenComponentKpiWidgetNegativeBackground = "#ffffff"; +export const TokenComponentKpiWidgetNegativeBorder = "#d6d6dd"; +export const TokenComponentKpiWidgetNegativeLabel = "#343438"; +export const TokenComponentKpiWidgetNegativeKpi = "#b82329"; +export const TokenComponentKpiWidgetNegativeDescription = "#696970"; +export const TokenComponentKpiWidgetWarningBackground = "#ffffff"; +export const TokenComponentKpiWidgetWarningBorder = "#d6d6dd"; +export const TokenComponentKpiWidgetWarningLabel = "#343438"; +export const TokenComponentKpiWidgetWarningKpi = "#c25d05"; +export const TokenComponentKpiWidgetWarningDescription = "#696970"; +export const TokenComponentKpiWidgetInfoBackground = "#ffffff"; +export const TokenComponentKpiWidgetInfoBorder = "#d6d6dd"; +export const TokenComponentKpiWidgetInfoLabel = "#343438"; +export const TokenComponentKpiWidgetInfoKpi = "#4067e5"; +export const TokenComponentKpiWidgetInfoDescription = "#696970"; diff --git a/dist/tokens.js b/dist/tokens.js index 952ccc8..f488032 100644 --- a/dist/tokens.js +++ b/dist/tokens.js @@ -244,6 +244,7 @@ export const TokenAliasContentIconNegative = "#d63c42"; // Use only for icons to 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 TokenAliasContentIconRecommendation = "#12a594"; // Use only for icons to indicate a recommendation 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 @@ -256,6 +257,7 @@ export const TokenAliasBorderNegative = "#d63c42"; // Use only for borders to in 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 TokenAliasBorderRecommendation = "#12a594"; // Use only for borders to indicate a recommendation state export const TokenAliasBackgroundNormal = "#ffffff"; // Primary background color export const TokenAliasBackgroundNeutral = "#f7f7fa"; // Page background color export const TokenAliasBackgroundBase = "#343438"; // Tooltip background @@ -268,6 +270,7 @@ export const TokenAliasBackgroundNegativesubtle = "#ffe5e5"; export const TokenAliasBackgroundWarningsubtle = "#ffecbc"; export const TokenAliasBackgroundPositivesubtle = "#dff3df"; export const TokenAliasBackgroundInformativesubtle = "#e6edfe"; +export const TokenAliasBackgroundRecommendationsubtle = "#d9f3ee"; 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"; @@ -279,6 +282,7 @@ export const TokenAliasActionPrimaryActive = "#0174bc"; export const TokenAliasActionPrimaryDisabled = "#e5e5ea"; export const TokenAliasActionSecondaryHover = "#edf8ff"; export const TokenAliasActionSecondaryDisabled = "#c2c2ca"; +export const TokenAliasActionTertiaryDefault = "#c2c2ca"; export const TokenAliasActionTertiaryDisabled = "#afdef8"; export const TokenAliasActionPositiveDefault = "#138246"; export const TokenAliasActionPositiveHover = "#00b050"; @@ -300,8 +304,11 @@ export const TokenAliasInteractionBackgroundSecondary = "#f7f7fa"; export const TokenAliasInteractionBackgroundSecondaryHover = "#ceedfe"; // Hover color for a calendar date range export const TokenAliasInteractionBackgroundSecondaryActive = "#ceedfe"; export const TokenAliasInteractionBackgroundTertiary = "#edf8ff"; -export const TokenAliasInteractionBackgroundTertiaryHover = "#108ad6"; // Hover color for an active calendar date +export const TokenAliasInteractionBackgroundTertiaryHover = "#108ad6"; export const TokenAliasInteractionBackgroundTertiaryActive = "#0174bc"; +export const TokenAliasInteractionBackgroundNeutral = "#ffffff"; +export const TokenAliasInteractionBackgroundNeutralHover = "#f7f7fa"; +export const TokenAliasInteractionBackgroundNeutralActive = "#ffffff"; export const TokenAliasInteractionBackgroundDisabled = "#ededf2"; export const TokenAliasElevationS = "0 2px 8px 0 rgba(58,59,63,0.18)"; // Default shadow for components, like notification banners, dropdowns, popups; export const TokenAliasElevationSInverted = "0 -2px 8px 0 rgba(58,59,63,0.18)"; // Inverted shadow for elements that appear above the component @@ -372,6 +379,9 @@ 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 TokenAliasAccentRecommendationPrimary = "#067a6f"; +export const TokenAliasAccentRecommendationSecondary = + "lch(45.6 31.8 185 / 0.12)"; export const TokenAliasAccentPinkPrimary = "#cd1d8d"; export const TokenAliasAccentPinkSecondary = "lch(47.1 72.1 347 / 0.12)"; export const TokenAliasAccentVioletPrimary = "#5746af"; @@ -514,6 +524,24 @@ export const TokenComponentButtonSecondaryDisabledText = "#a3a3ab"; export const TokenComponentButtonSecondaryDisabledIcon = "#a3a3ab"; export const TokenComponentButtonSecondaryLoadingBackground = "#ffffff"; export const TokenComponentButtonSecondaryLoadingBorder = "#0174bc"; +export const TokenComponentButtonTertiaryDefaultBackground = "#ffffff"; +export const TokenComponentButtonTertiaryDefaultBorder = "#c2c2ca"; +export const TokenComponentButtonTertiaryDefaultText = "#343438"; +export const TokenComponentButtonTertiaryDefaultIcon = "#3d3d42"; +export const TokenComponentButtonTertiaryHoverBackground = "#edf8ff"; +export const TokenComponentButtonTertiaryHoverBorder = "#009cde"; +export const TokenComponentButtonTertiaryHoverText = "#343438"; +export const TokenComponentButtonTertiaryHoverIcon = "#3d3d42"; +export const TokenComponentButtonTertiaryPressedBackground = "#ffffff"; +export const TokenComponentButtonTertiaryPressedBorder = "#c2c2ca"; +export const TokenComponentButtonTertiaryPressedText = "#343438"; +export const TokenComponentButtonTertiaryPressedIcon = "#3d3d42"; +export const TokenComponentButtonTertiaryDisabledBackground = "#ffffff"; +export const TokenComponentButtonTertiaryDisabledBorder = "#c2c2ca"; +export const TokenComponentButtonTertiaryDisabledText = "#a3a3ab"; +export const TokenComponentButtonTertiaryDisabledIcon = "#a3a3ab"; +export const TokenComponentButtonTertiaryLoadingBackground = "#ffffff"; +export const TokenComponentButtonTertiaryLoadingBorder = "#c2c2ca"; export const TokenComponentButtonLinkDefaultText = "#0174bc"; export const TokenComponentButtonLinkDefaultIcon = "#0174bc"; export const TokenComponentButtonLinkHoverText = "#009cde"; @@ -758,6 +786,11 @@ export const TokenComponentBadgeImportantSubtleBackground = export const TokenComponentBadgeImportantSubtleText = "#753bbd"; export const TokenComponentBadgeImportantAccentBackground = "#753bbd"; export const TokenComponentBadgeImportantAccentText = "#ffffff"; +export const TokenComponentBadgeRecommendationSubtleBackground = + "lch(45.6 31.8 185 / 0.12)"; +export const TokenComponentBadgeRecommendationSubtleText = "#067a6f"; +export const TokenComponentBadgeRecommendationAccentBackground = "#067a6f"; +export const TokenComponentBadgeRecommendationAccentText = "#ffffff"; export const TokenComponentBadgeVioletSubtleBackground = "lch(36.2 62.1 298 / 0.12)"; export const TokenComponentBadgeVioletSubtleText = "#5746af"; @@ -1207,6 +1240,11 @@ export const TokenComponentNotificationBannerSuccessStatusIcon = "#00b050"; export const TokenComponentNotificationBannerErrorBackground = "#ffe5e5"; export const TokenComponentNotificationBannerErrorBorder = "#d63c42"; export const TokenComponentNotificationBannerErrorStatusIcon = "#d63c42"; +export const TokenComponentNotificationBannerRecommendationBackground = + "#d9f3ee"; +export const TokenComponentNotificationBannerRecommendationBorder = "#12a594"; +export const TokenComponentNotificationBannerRecommendationStatusIcon = + "#12a594"; export const TokenComponentNotificationBannerSecondaryBackground = "#e5e5ea"; export const TokenComponentNotificationBannerSecondaryBorder = "#a3a3ab"; export const TokenComponentNotificationBannerSecondaryStatusIcon = "#696970"; @@ -1892,3 +1930,76 @@ export const TokenComponentFilterTagClearAllDefault = "#696970"; export const TokenComponentFilterTagClearAllHover = "#009cde"; export const TokenComponentFilterTagIconDefaul = "#3d3d42"; export const TokenComponentFilterTagIconHover = "#009cde"; +export const TokenComponentContainerTabBorder = "#d6d6dd"; +export const TokenComponentContainerTabDefaultBackground = "#ffffff"; +export const TokenComponentContainerTabDefaultLabel = "#343438"; +export const TokenComponentContainerTabDefaultDescription = "#696970"; +export const TokenComponentContainerTabHoverBackground = "#f7f7fa"; +export const TokenComponentContainerTabHoverLabel = "#343438"; +export const TokenComponentContainerTabHoverDescription = "#696970"; +export const TokenComponentContainerTabActiveBackground = "#ffffff"; +export const TokenComponentContainerTabActiveBorder = "#0174bc"; +export const TokenComponentContainerTabActiveLabel = "#343438"; +export const TokenComponentContainerTabActiveDescription = "#696970"; +export const TokenComponentContainerTabDisabledBackground = "#ededf2"; +export const TokenComponentContainerTabDisabledLabel = "#a3a3ab"; +export const TokenComponentContainerTabDisabledDescription = "#a3a3ab"; +export const TokenComponentContainerTabInfoIconDefault = "#696970"; +export const TokenComponentContainerTabInfoIconHover = "#009cde"; +export const TokenComponentContainerTabInfoIconActive = "#0174bc"; +export const TokenComponentKpiWidgetInfoIconDefault = "#696970"; +export const TokenComponentKpiWidgetInfoIconHover = "#009cde"; +export const TokenComponentKpiWidgetInfoIconActive = "#0174bc"; +export const TokenComponentKpiWidgetProgressPositiveText = "#00b050"; +export const TokenComponentKpiWidgetProgressPositiveIcon = "#00b050"; +export const TokenComponentKpiWidgetProgressPositiveBackground = "#dff3df"; +export const TokenComponentKpiWidgetProgressNegativeText = "#b82329"; +export const TokenComponentKpiWidgetProgressNegativeIcon = "#d63c42"; +export const TokenComponentKpiWidgetProgressNegativeBackground = "#ffe5e5"; +export const TokenComponentKpiWidgetChartAverageLine = "#a3a3ab"; +export const TokenComponentKpiWidgetChartNeutralLine = "#696970"; +export const TokenComponentKpiWidgetChartNeutralBackground = + "lch(44.6 4.09 286 / 0.2)"; +export const TokenComponentKpiWidgetChartNegativeLine = "#d63c42"; +export const TokenComponentKpiWidgetChartNegativeBackground = + "lch(50.1 69.5 29.4 / 0.2)"; +export const TokenComponentKpiWidgetChartPositiveLine = "#00b050"; +export const TokenComponentKpiWidgetChartPositiveBackground = + "lch(63 67 146 / 0.2)"; +export const TokenComponentKpiWidgetChartWarningLine = "#c25d05"; +export const TokenComponentKpiWidgetChartWarningBackground = + "lch(51.7 70.9 57.2 / 0.2)"; +export const TokenComponentKpiWidgetChartInfoLine = "#4067e5"; +export const TokenComponentKpiWidgetChartInfoBackground = + "lch(46.5 72.3 286 / 0.2)"; +export const TokenComponentKpiWidgetChartCombinedLinePrimary = "#4067e5"; +export const TokenComponentKpiWidgetChartCombinedBackgroundPrimary = + "lch(46.5 72.3 286 / 0.2)"; +export const TokenComponentKpiWidgetChartCombinedLineSecondary = "#fe9933"; +export const TokenComponentKpiWidgetChartCombinedBackgroundSeconday = + "lch(46.5 72.3 286 / 0.2)"; +export const TokenComponentKpiWidgetNeutralBackground = "#ffffff"; +export const TokenComponentKpiWidgetNeutralBorder = "#d6d6dd"; +export const TokenComponentKpiWidgetNeutralLabel = "#343438"; +export const TokenComponentKpiWidgetNeutralKpi = "#343438"; +export const TokenComponentKpiWidgetNeutralDescription = "#696970"; +export const TokenComponentKpiWidgetPositiveBackground = "#ffffff"; +export const TokenComponentKpiWidgetPositiveBorder = "#d6d6dd"; +export const TokenComponentKpiWidgetPositiveLabel = "#343438"; +export const TokenComponentKpiWidgetPositiveKpi = "#00b050"; +export const TokenComponentKpiWidgetPositiveDescription = "#696970"; +export const TokenComponentKpiWidgetNegativeBackground = "#ffffff"; +export const TokenComponentKpiWidgetNegativeBorder = "#d6d6dd"; +export const TokenComponentKpiWidgetNegativeLabel = "#343438"; +export const TokenComponentKpiWidgetNegativeKpi = "#b82329"; +export const TokenComponentKpiWidgetNegativeDescription = "#696970"; +export const TokenComponentKpiWidgetWarningBackground = "#ffffff"; +export const TokenComponentKpiWidgetWarningBorder = "#d6d6dd"; +export const TokenComponentKpiWidgetWarningLabel = "#343438"; +export const TokenComponentKpiWidgetWarningKpi = "#c25d05"; +export const TokenComponentKpiWidgetWarningDescription = "#696970"; +export const TokenComponentKpiWidgetInfoBackground = "#ffffff"; +export const TokenComponentKpiWidgetInfoBorder = "#d6d6dd"; +export const TokenComponentKpiWidgetInfoLabel = "#343438"; +export const TokenComponentKpiWidgetInfoKpi = "#4067e5"; +export const TokenComponentKpiWidgetInfoDescription = "#696970"; diff --git a/dist/tokens.scss b/dist/tokens.scss index 67ae7d6..975703c 100644 --- a/dist/tokens.scss +++ b/dist/tokens.scss @@ -242,6 +242,7 @@ $token-alias-content-icon-negative: #d63c42; // Use only for icons to indicate a $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-recommendation: #12a594; // Use only for icons to indicate a recommendation 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 @@ -254,6 +255,7 @@ $token-alias-border-negative: #d63c42; // Use only for borders to indicate an er $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-border-recommendation: #12a594; // Use only for borders to indicate a recommendation state $token-alias-background-normal: #ffffff; // Primary background color $token-alias-background-neutral: #f7f7fa; // Page background color $token-alias-background-base: #343438; // Tooltip background @@ -266,6 +268,7 @@ $token-alias-background-negativesubtle: #ffe5e5; $token-alias-background-warningsubtle: #ffecbc; $token-alias-background-positivesubtle: #dff3df; $token-alias-background-informativesubtle: #e6edfe; +$token-alias-background-recommendationsubtle: #d9f3ee; $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; @@ -277,6 +280,7 @@ $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-default: #c2c2ca; $token-alias-action-tertiary-disabled: #afdef8; $token-alias-action-positive-default: #138246; $token-alias-action-positive-hover: #00b050; @@ -298,8 +302,11 @@ $token-alias-interaction-background-secondary: #f7f7fa; $token-alias-interaction-background-secondary-hover: #ceedfe; // Hover color for a calendar date range $token-alias-interaction-background-secondary-active: #ceedfe; $token-alias-interaction-background-tertiary: #edf8ff; -$token-alias-interaction-background-tertiary-hover: #108ad6; // Hover color for an active calendar date +$token-alias-interaction-background-tertiary-hover: #108ad6; $token-alias-interaction-background-tertiary-active: #0174bc; +$token-alias-interaction-background-neutral: #ffffff; +$token-alias-interaction-background-neutral-hover: #f7f7fa; +$token-alias-interaction-background-neutral-active: #ffffff; $token-alias-interaction-background-disabled: #ededf2; $token-alias-elevation-s: 0 2px 8px 0 rgba(58,59,63,0.18); // Default shadow for components, like notification banners, dropdowns, popups; $token-alias-elevation-s-inverted: 0 -2px 8px 0 rgba(58,59,63,0.18); // Inverted shadow for elements that appear above the component @@ -347,6 +354,8 @@ $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-recommendation-primary: #067a6f; +$token-alias-accent-recommendation-secondary: lch(45.6 31.8 185 / 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; @@ -473,6 +482,24 @@ $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-tertiary-default-background: #ffffff; +$token-component-button-tertiary-default-border: #c2c2ca; +$token-component-button-tertiary-default-text: #343438; +$token-component-button-tertiary-default-icon: #3d3d42; +$token-component-button-tertiary-hover-background: #edf8ff; +$token-component-button-tertiary-hover-border: #009cde; +$token-component-button-tertiary-hover-text: #343438; +$token-component-button-tertiary-hover-icon: #3d3d42; +$token-component-button-tertiary-pressed-background: #ffffff; +$token-component-button-tertiary-pressed-border: #c2c2ca; +$token-component-button-tertiary-pressed-text: #343438; +$token-component-button-tertiary-pressed-icon: #3d3d42; +$token-component-button-tertiary-disabled-background: #ffffff; +$token-component-button-tertiary-disabled-border: #c2c2ca; +$token-component-button-tertiary-disabled-text: #a3a3ab; +$token-component-button-tertiary-disabled-icon: #a3a3ab; +$token-component-button-tertiary-loading-background: #ffffff; +$token-component-button-tertiary-loading-border: #c2c2ca; $token-component-button-link-default-text: #0174bc; $token-component-button-link-default-icon: #0174bc; $token-component-button-link-hover-text: #009cde; @@ -687,6 +714,10 @@ $token-component-badge-important-subtle-background: lch(38.2 75 307 / 0.12); $token-component-badge-important-subtle-text: #753bbd; $token-component-badge-important-accent-background: #753bbd; $token-component-badge-important-accent-text: #ffffff; +$token-component-badge-recommendation-subtle-background: lch(45.6 31.8 185 / 0.12); +$token-component-badge-recommendation-subtle-text: #067a6f; +$token-component-badge-recommendation-accent-background: #067a6f; +$token-component-badge-recommendation-accent-text: #ffffff; $token-component-badge-violet-subtle-background: lch(36.2 62.1 298 / 0.12); $token-component-badge-violet-subtle-text: #5746af; $token-component-badge-violet-accent-background: #5746af; @@ -1126,6 +1157,9 @@ $token-component-notification-banner-success-status-icon: #00b050; $token-component-notification-banner-error-background: #ffe5e5; $token-component-notification-banner-error-border: #d63c42; $token-component-notification-banner-error-status-icon: #d63c42; +$token-component-notification-banner-recommendation-background: #d9f3ee; +$token-component-notification-banner-recommendation-border: #12a594; +$token-component-notification-banner-recommendation-status-icon: #12a594; $token-component-notification-banner-secondary-background: #e5e5ea; $token-component-notification-banner-secondary-border: #a3a3ab; $token-component-notification-banner-secondary-status-icon: #696970; @@ -1784,3 +1818,69 @@ $token-component-filter-tag-clear-all-default: #696970; $token-component-filter-tag-clear-all-hover: #009cde; $token-component-filter-tag-icon-defaul: #3d3d42; $token-component-filter-tag-icon-hover: #009cde; +$token-component-container-tab-border: #d6d6dd; +$token-component-container-tab-default-background: #ffffff; +$token-component-container-tab-default-label: #343438; +$token-component-container-tab-default-description: #696970; +$token-component-container-tab-hover-background: #f7f7fa; +$token-component-container-tab-hover-label: #343438; +$token-component-container-tab-hover-description: #696970; +$token-component-container-tab-active-background: #ffffff; +$token-component-container-tab-active-border: #0174bc; +$token-component-container-tab-active-label: #343438; +$token-component-container-tab-active-description: #696970; +$token-component-container-tab-disabled-background: #ededf2; +$token-component-container-tab-disabled-label: #a3a3ab; +$token-component-container-tab-disabled-description: #a3a3ab; +$token-component-container-tab-info-icon-default: #696970; +$token-component-container-tab-info-icon-hover: #009cde; +$token-component-container-tab-info-icon-active: #0174bc; +$token-component-kpi-widget-info-icon-default: #696970; +$token-component-kpi-widget-info-icon-hover: #009cde; +$token-component-kpi-widget-info-icon-active: #0174bc; +$token-component-kpi-widget-progress-positive-text: #00b050; +$token-component-kpi-widget-progress-positive-icon: #00b050; +$token-component-kpi-widget-progress-positive-background: #dff3df; +$token-component-kpi-widget-progress-negative-text: #b82329; +$token-component-kpi-widget-progress-negative-icon: #d63c42; +$token-component-kpi-widget-progress-negative-background: #ffe5e5; +$token-component-kpi-widget-chart-average-line: #a3a3ab; +$token-component-kpi-widget-chart-neutral-line: #696970; +$token-component-kpi-widget-chart-neutral-background: lch(44.6 4.09 286 / 0.2); +$token-component-kpi-widget-chart-negative-line: #d63c42; +$token-component-kpi-widget-chart-negative-background: lch(50.1 69.5 29.4 / 0.2); +$token-component-kpi-widget-chart-positive-line: #00b050; +$token-component-kpi-widget-chart-positive-background: lch(63 67 146 / 0.2); +$token-component-kpi-widget-chart-warning-line: #c25d05; +$token-component-kpi-widget-chart-warning-background: lch(51.7 70.9 57.2 / 0.2); +$token-component-kpi-widget-chart-info-line: #4067e5; +$token-component-kpi-widget-chart-info-background: lch(46.5 72.3 286 / 0.2); +$token-component-kpi-widget-chart-combined-line-primary: #4067e5; +$token-component-kpi-widget-chart-combined-background-primary: lch(46.5 72.3 286 / 0.2); +$token-component-kpi-widget-chart-combined-line-secondary: #fe9933; +$token-component-kpi-widget-chart-combined-background-seconday: lch(46.5 72.3 286 / 0.2); +$token-component-kpi-widget-neutral-background: #ffffff; +$token-component-kpi-widget-neutral-border: #d6d6dd; +$token-component-kpi-widget-neutral-label: #343438; +$token-component-kpi-widget-neutral-kpi: #343438; +$token-component-kpi-widget-neutral-description: #696970; +$token-component-kpi-widget-positive-background: #ffffff; +$token-component-kpi-widget-positive-border: #d6d6dd; +$token-component-kpi-widget-positive-label: #343438; +$token-component-kpi-widget-positive-kpi: #00b050; +$token-component-kpi-widget-positive-description: #696970; +$token-component-kpi-widget-negative-background: #ffffff; +$token-component-kpi-widget-negative-border: #d6d6dd; +$token-component-kpi-widget-negative-label: #343438; +$token-component-kpi-widget-negative-kpi: #b82329; +$token-component-kpi-widget-negative-description: #696970; +$token-component-kpi-widget-warning-background: #ffffff; +$token-component-kpi-widget-warning-border: #d6d6dd; +$token-component-kpi-widget-warning-label: #343438; +$token-component-kpi-widget-warning-kpi: #c25d05; +$token-component-kpi-widget-warning-description: #696970; +$token-component-kpi-widget-info-background: #ffffff; +$token-component-kpi-widget-info-border: #d6d6dd; +$token-component-kpi-widget-info-label: #343438; +$token-component-kpi-widget-info-kpi: #4067e5; +$token-component-kpi-widget-info-description: #696970; diff --git a/package.json b/package.json index 2c37a1b..b09c790 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@linode/design-language-system", - "version": "5.1.0", + "version": "5.2.0", "type": "module", "module": "dist/index.js", "exports": { @@ -15,12 +15,6 @@ ], "themes/dark": [ "./dist/themes/dark/index.d.ts" - ], - "themes/densedDark": [ - "./dist/themes/densedDark/index.d.ts" - ], - "themes/densedLight": [ - "./dist/themes/densedLight/index.d.ts" ] } }, diff --git a/tokens/$metadata.json b/tokens/$metadata.json index 26ddd4f..82edbc5 100644 --- a/tokens/$metadata.json +++ b/tokens/$metadata.json @@ -2,9 +2,7 @@ "tokenSetOrder": [ "global/global", "alias/light", - "alias/densedLight", "alias/dark", - "alias/densedDark", "components/advancedSearch/advancedSearch", "components/bars/appbar", "components/badge/badge", @@ -34,6 +32,7 @@ "components/groupSelect/groupSelect", "components/inlineEdit/inlineEdit", "components/kpiBar/kpiBar", + "components/kpiWidget/kpiWidget", "components/label/label", "components/list/list", "components/masterSwitch/masterSwitch", @@ -53,6 +52,7 @@ "components/stepper/stepper", "components/switch/switch", "components/tabs/tabs", + "components/tabs/containerTabs", "components/table/table", "components/tagInput/tag", "components/tagInput/tagInput", diff --git a/tokens/$themes.json b/tokens/$themes.json index 4315f94..9ee6754 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -64,7 +64,9 @@ "components/button/segmentedStatusButton": "enabled", "components/select/linkSelect": "enabled", "components/tile/tile": "enabled", - "components/filter/filter": "enabled" + "components/filter/filter": "enabled", + "components/tabs/containerTabs": "enabled", + "components/kpiWidget/kpiWidget": "enabled" }, "$figmaCollectionId": "VariableCollectionId:4:3", "$figmaModeId": "4:0", @@ -1834,7 +1836,9 @@ "components/button/segmentedStatusButton": "enabled", "components/select/linkSelect": "enabled", "components/tile/tile": "enabled", - "components/filter/filter": "enabled" + "components/filter/filter": "enabled", + "components/tabs/containerTabs": "enabled", + "components/kpiWidget/kpiWidget": "enabled" }, "$figmaCollectionId": "VariableCollectionId:4:3", "$figmaModeId": "4:1", @@ -3537,3546 +3541,5 @@ "component.widget.download.icon.error": "2bcacc690b13f79c75c751f9162f63b394f9af51" }, "group": "Core" - }, - { - "id": "9620f6ff912c9f29adee4c46df434a201a562546", - "name": "densedLight", - "$figmaStyleReferences": {}, - "selectedTokenSets": { - "global/global": "enabled", - "alias/light": "enabled", - "alias/densedLight": "enabled", - "components/button/button": "enabled", - "components/container/container": "enabled", - "components/table/table": "enabled", - "components/button/menuButton": "enabled", - "components/button/overflowMenuButton": "enabled", - "components/button/splitMenuButton": "enabled", - "components/bars/appbar": "enabled", - "components/badge/badge": "enabled", - "components/breadcrumb/breadcrumb": "enabled", - "components/card/card": "enabled", - "components/checkbox/checkbox": "enabled", - "components/contentPanel/contentPanel": "enabled", - "components/calendar/calendar": "enabled", - "components/dateField/dateField": "enabled", - "components/datePicker/datePicker": "enabled", - "components/dateRangePicker/dateRangePicker": "enabled", - "components/dateRangeField/dateRangeField": "enabled", - "components/dateRangeInput/dateRangeInput": "enabled", - "components/divider/divider": "enabled", - "components/drawer/drawer": "enabled", - "components/dropdown/dropdown": "enabled", - "components/globals/header": "enabled", - "components/globals/footer": "enabled", - "components/groupSelect/groupSelect": "enabled", - "components/inlineEdit/inlineEdit": "enabled", - "components/kpiBar/kpiBar": "enabled", - "components/label/label": "enabled", - "components/list/list": "enabled", - "components/masterSwitch/masterSwitch": "enabled", - "components/modal/modal": "enabled", - "components/notificatioBanner/notificationBanner": "enabled", - "components/notificationToast/notificationToast": "enabled", - "components/pagination/pagination": "enabled", - "components/popover/popover": "enabled", - "components/progressBar/progressBar": "enabled", - "components/numericSpinner/numericSpinner": "enabled", - "components/radioButton/radioButton": "enabled", - "components/search/search": "enabled", - "components/button/segmentedButton": "enabled", - "components/sideNavigation/sideNavigation": "enabled", - "components/select/select": "enabled", - "components/sidePanel/sidePanel": "enabled", - "components/switch/switch": "enabled", - "components/tabs/tabs": "enabled", - "components/tagInput/tag": "enabled", - "components/tagInput/tagInput": "enabled", - "components/textArea/textArea": "enabled", - "components/textField/textField": "enabled", - "components/timePicker/timePicker": "enabled", - "components/tooltip/tooltip": "enabled", - "components/tree/tree": "enabled", - "components/widgets/download": "enabled", - "components/widgets/upload": "enabled", - "components/stepper/stepper": "enabled", - "components/advancedSearch/advancedSearch": "enabled", - "components/button/segmentedStatusButton": "enabled", - "components/select/linkSelect": "enabled", - "components/tile/tile": "enabled", - "components/filter/filter": "enabled" - }, - "$figmaCollectionId": "VariableCollectionId:4:3", - "$figmaModeId": "4:2", - "$figmaVariableReferences": { - "alias.content.text.base": "4ac9dde9311c3f9bf252d808a9cd6fdf8dbf7a08", - "alias.content.text.negative": "35b9832a8ee70cc3a012cda865ea4c1ea8e85baf", - "alias.content.text.primary.default": "c1487c37255a1c9a53b15292f04c96769c53db20", - "alias.content.text.primary.disabled": "a6d1203678b59eb49d85b4b97579bd75e02aed23", - "alias.content.text.secondary.default": "435e46500328d3320dbe94aca461f6675aa22094", - "alias.content.text.secondary.disabled": "8a1f7b686abc77c3ff1377c731401faf9c254c1d", - "alias.content.text.link.default": "0a9e2e3ce699a526699a7bf794725fee539808e6", - "alias.content.text.link.hover": "400009a15928e5252032b094f3b7ab53f061033d", - "alias.content.text.link.disabled": "724e256697215b37b180d365ac29184ed8e319d8", - "alias.content.icon.base": "d74122030145f658207dc4b39963a4e7f96e67e3", - "alias.content.icon.negative": "31ae04a8aa8046d67daa6b9e9b5c924d33d5936e", - "alias.content.icon.warning": "148ea3c6d56e2499d0058986f61f690e6ff498da", - "alias.content.icon.positive": "7c27394f88cab8ccf386f666501598e543251ccd", - "alias.content.icon.informative": "3ed30f4ebd1fa1540d272994e3ad4a7f9a10b1b9", - "alias.content.icon.primary.default": "30ac21f62fa136dc5e5bb7eb07fdd157315520d6", - "alias.content.icon.primary.hover": "9f9ac784d1811568f08fe098e121ae9b84635309", - "alias.content.icon.primary.active": "bcad95cf73e321231a008e89c0064b772fe0a209", - "alias.content.icon.primary.disabled": "5b692875f56cf85b4382a4bb75e1bc35e34e116e", - "alias.content.icon.secondary.default": "717bb2a64e683b24ef6be8297c49801a65ea1e9e", - "alias.content.icon.secondary.disabled": "9e571e637053363c947d85f6df2a7ac3b0b400de", - "alias.border.normal": "a6b4107f5f58324ae70a49c37f89adc6d4ebd7af", - "alias.border.neutral": "f3b4db0a81d3aadbabc34fd80197a5598344d9b9", - "alias.border.negative": "7fa0d7bc43705741144ff959565010954b3bb341", - "alias.border.warning": "7c4c79397034136bec55f9c9a0765c2b44386969", - "alias.border.positive": "faacd55316e50d210c1bb61d0ab62d79aa253b3e", - "alias.border.informative": "0cf7b1402b2673fe932074781b905be31f27c0fc", - "alias.background.normal": "c798fc9b17cffb41d4cc348bbe8160a916287d69", - "alias.background.neutral": "1e92bf65638682cb020f74c65321d2aa3280fb0a", - "alias.background.negativesubtle": "9c835778c8e69f75f9d0711ac27f0e25cd08b045", - "alias.background.warningsubtle": "934f1b731f919266e4a58ff9991315516b12803c", - "alias.background.positivesubtle": "1538f87812bfe5387d4f0951d77bf81e886f845a", - "alias.background.informativesubtle": "0258afaf2e40e979227e6c87e30887ddafe82819", - "alias.background.neutralsubtle": "bc44beadd96a73aeb4000e610e8b55b1e0ee9bda", - "alias.background.base": "e7c8a3170b9ad87f2cfb40365dc3adb70637bd53", - "alias.background.overlay": "6643ab8755fbfd7de5b18affca4ae5d03cfcb083", - "alias.interaction.border.default": "21ee4481f63411a45b4229012330fdfbef5f5945", - "alias.interaction.border.hover": "f8b792c3948daf9246e791e15cefcc20ac5921a7", - "alias.interaction.border.focus": "cf370517b22bdff0e4fd4dd3285b774b1bb0d2a1", - "alias.interaction.border.error": "e1bd5562831aa51a7af85951f861a65b560ccdea", - "alias.interaction.border.disabled": "5a019f36676e70112511d87ba61947c6a53b70a5", - "alias.interaction.background.primary": "2ba610e337e9e1a00965b76a076d4e9a35e48988", - "alias.interaction.background.primaryHover": "2afcf0dffb407b017618a7e982a5d2bda3caa38d", - "alias.interaction.background.primaryActive": "46997c6c6d5762486dcf73cfa9c8a905a2b7df1f", - "alias.interaction.background.secondary": "3c157d9797b74aff0e6ebcdefbc1934796013f3f", - "alias.interaction.background.secondaryHover": "f8f1b2d18555dcac97bb1ad2aa7ab639d0eec639", - "alias.interaction.background.secondaryActive": "395a7c95076175d0d9a4e0bda21a08f199f791ea", - "alias.interaction.background.tertiary": "0ce57409c9998c1dd5086ceff0b74763df99eaaf", - "alias.interaction.background.tertiaryHover": "17ccd71800a5155737cef8c2509d045fb58d6dc4", - "alias.interaction.background.tertiaryActive": "ccc73b17dfcdecd926a3722e10355d1f1e430031", - "alias.interaction.background.disabled": "d8d33ac893c7d8dc42083ef3d3e433c4c495d964", - "alias.action.base": "203cde51330cc4f2abd8c54198e2418ad60ea701", - "alias.action.neutral": "78de2314b66aa7c0b3280c1075c258426efee760", - "alias.action.primary.default": "2085801592af2a1972e333efbf353743eb3a5e68", - "alias.action.primary.hover": "8617ed8ef5a17f1b833f915c0e35e35850716cf0", - "alias.action.primary.active": "1b7b248b45e70615543d750fa3188c008dbc2bd9", - "alias.action.primary.disabled": "c4ce9597eb33bfd2854bbdc83907bb9883a34f8b", - "alias.action.secondary.hover": "c5c8d326b44a209a906b9b77c628a7de7e8d0990", - "alias.action.secondary.disabled": "8d6d1614b7e94a4ab4387fdea1da8d8a02a96562", - "alias.action.tertiary.disabled": "ca1ffb05a4ac6de7fa8da9647796b853bdee0349", - "alias.action.positive.default": "20ae7d6a87405b4c3aed3522580cea1ea2e04fce", - "alias.action.positive.hover": "4890c4a8cc10df71a4b9ad280b82a95d6848d887", - "alias.action.positive.active": "210f6f10d59a0493198db1aa7457a5b249f88c25", - "alias.action.positive.disabled": "4169b80603b887391f95dbb739c3985828e6e9c8", - "alias.action.negative.default": "37e69e0e6561660fa08f01b83993f6f03b27db17", - "alias.action.negative.hover": "fb7708a1a6881a9971500416fdea54c816ccadeb", - "alias.action.negative.active": "d5f55a831a84007dfb41e1c75e337e27902909ff", - "alias.action.negative.disabled": "a9499609e495ce95c7387f3e344260faea3bf327", - "alias.accent.disabled": "726cbc714132d4212f1446a327f7b5bf070a56ef", - "alias.accent.info.primary": "755420b8dcf238b2fcbe753e5e4be2340428137b", - "alias.accent.info.secondary": "25e8df80538ef400c4b15268b26c20bc5203192a", - "alias.accent.neutral.primary": "fb1fa8d26251d43bde5fb1995964fcfcd6779d83", - "alias.accent.neutral.secondary": "c53f8d1fa6df3d19b7582df58f7a0627656624c6", - "alias.accent.warning.primary": "7275b28d53b0b9dea0057421274731c5e1be9e4f", - "alias.accent.warning.secondary": "ceb8e8614e5af1479ed03c5f221578be3d1f2fea", - "alias.accent.negative.primary": "eb21ce00410da2fbb835e117dec5e21d8a21e157", - "alias.accent.negative.secondary": "fac1d605e04c76a891a20e4be010b78833b19e91", - "alias.accent.positive.primary": "81b048966acb15a11d1669d3720d4027f9d3fb51", - "alias.accent.positive.secondary": "31d51041f20fbef98b21dc3075adc577fe09cefe", - "alias.accent.important.primary": "254ccef86c83c265bb22cabf86d0a4591d9084a8", - "alias.accent.important.secondary": "4b32a82bd571ad99cd42a91fb81a9c3efe911154", - "alias.accent.pink.primary": "db6138d041fc7498c7d0c61f511e604ba5184a27", - "alias.accent.pink.secondary": "e2f61f61f0c8474f964074a41c435ca7ff55190f", - "alias.accent.violet.primary": "b12c9477089af329714da57a703ca5a8fc78f6d0", - "alias.accent.violet.secondary": "80d414e60c21d68fba6fc045d455b0899e7d3c41", - "alias.chart.neutral": "eb64f4d4752d9f06a9170fcd8b6786d6c78583a7", - "global.color.neutrals.5": "4fdaa02273d580a1770bb67bc3c2b08913ad6b55", - "global.color.neutrals.10": "6aaedaac5ea5288b17825d3406daacaf45b53e24", - "global.color.neutrals.20": "3b378212b3848f066d1db94198582e8c805ad830", - "global.color.neutrals.30": "d9115d3bac5101468d59bd04eacb3ae053a95d68", - "global.color.neutrals.40": "8cc02200cd5d1b85f5b028d19671d9ecec487e2d", - "global.color.neutrals.50": "347583f888741095d29a103d0b533db0264455b7", - "global.color.neutrals.60": "ce46b0288f200268a33d55a650c8ba64cfdb7fa7", - "global.color.neutrals.70": "dcd5c67cbe87c8464512ac1b25f217a7840e6ba0", - "global.color.neutrals.80": "4b186042db5f193cc47af7f9c0c7347755ded400", - "global.color.neutrals.90": "30925f80f9d658db34f4e396e4265cd5be955b6b", - "global.color.neutrals.100": "65e654ba5b6ec1456a0abe8d60c728b6f6792cc0", - "global.color.neutrals.black": "0f2035e510bc6d6bcf31d33b1cd5c50755109f99", - "global.color.neutrals.white": "2756acd8d8462ba6ed8bd0ac71ce93934a30250f", - "global.color.brand.5": "ff1ba50523807bbcd71b97dacfc168d84cdb5e3d", - "global.color.brand.10": "96c68e5fd6d41afb68c3d90da9e9fabb9d5a7275", - "global.color.brand.20": "d0507297603ad5e58491e04952dbf1337be09970", - "global.color.brand.30": "e7c27229d6a2dd51552ad8640cc093659553e825", - "global.color.brand.40": "f34e62b35f674bf1510514ef6e9782faacf6679d", - "global.color.brand.50": "825e276c58357b643ace3261e356cf27266eb9db", - "global.color.brand.55": "c6b1283f96a322f0a26113c65f1713f1363eaed4", - "global.color.brand.60": "d84f62f7d60bb2692b52eb843c6a930dad9298f7", - "global.color.brand.70": "4bd275295f498dfff7da973b4e3ef8ddff1d45ee", - "global.color.brand.80": "afecb449c2bac1362a995923f66909f097ccfb8d", - "global.color.brand.90": "becc7761662ca4b1c9db41c6088dd3ba1df032a5", - "global.color.brand.100": "2bf86a04e9765ec2be5b6fa6b4be277514ba7cdb", - "global.color.red.5": "a97dbe3bad7d89cfc92826bf9e0901553b74c1a5", - "global.color.red.10": "cfd96a2b47224f35cabae01a5c43ab6c40be1c3c", - "global.color.red.20": "6872ef4f6f206617b318da2b975e8ec0c4c979f4", - "global.color.red.30": "96f5acae17dee6e4cd7451e880d68f49f1232e47", - "global.color.red.40": "dae4eec380a295ab0acec9da321af749d1de7dca", - "global.color.red.50": "2455f1d527cdf1c0d600dd45e5ac1ae6bfb07180", - "global.color.red.60": "8f4013b74eaed3f235f924b4292cc11a0dbfb8a9", - "global.color.red.70": "5b02fcdada2bbe690a3e81e1430f9f6abe5fda6e", - "global.color.red.80": "ba672aa3a347a3c60052951e1da7f252397ef3f0", - "global.color.red.90": "fa1dc293cff8bdbaa8b034f9bf2248ed28beb9f5", - "global.color.red.100": "5ff6519b645f3aff237b8996e8fc621aa124a13f", - "global.color.orange.5": "f9ef535816d334569ef97712ac97bff8f655c405", - "global.color.orange.10": "687083884868fd30da84a46e4f00f607d4dd11cb", - "global.color.orange.20": "bf8c33aeffa873b3381afd39fed59d5f742a7bc6", - "global.color.orange.30": "ab0aab6672e3957542ef872eefc65f67472aadb4", - "global.color.orange.40": "031d1776e288b4308e3dc68b56dab3a8bebd404a", - "global.color.orange.50": "73847a4aa0d0fa6e42678a82c402663d19507488", - "global.color.orange.60": "ba597f5036f6334f8501ee90dd4ecd8dffae69ff", - "global.color.orange.70": "461c9a4311e816c381402f6be096e80b1d3566bd", - "global.color.orange.80": "6f5cd4a21b831a6a11eb5f56f0309f4ca12fa088", - "global.color.orange.90": "c68afaf8f9b8e6629fbf27dfdab867f871cdefe4", - "global.color.orange.100": "f38acdb92c6bf0607fe4e6bb4bab73a4c297cc01", - "global.color.amber.5": "2e69272df01f2d59b33cb2c8143f0fa30d8c256f", - "global.color.amber.10": "47585a63f34f83399542269d70aaaf319b1eb7de", - "global.color.amber.20": "a31e320202357df5ae46293ec402bc19b44c2557", - "global.color.amber.30": "3d8c9f586200811ef012fe920acb6448de79a335", - "global.color.amber.40": "ca26d46ae3334d53410ad54a7181192096ce4dca", - "global.color.amber.50": "8bb07611969d4561cf1592f21649c11069306151", - "global.color.amber.60": "47faa96f6853eed57d5f48bd05781ff375c022de", - "global.color.amber.70": "9e2f27bedff847c13b1329a13ad170209cf798f7", - "global.color.amber.80": "2db0925a002907f9a7f3722ae10631ca44fa7c38", - "global.color.amber.90": "7ec86ca6890502aae6813bb418b7b7bee4952803", - "global.color.amber.100": "941e78326740849fe442712453960971a0e92780", - "global.color.yellow.5": "15fe0b879f3b2b8f68ccb5306b26607ddf8d3786", - "global.color.yellow.10": "75afaadd348bf738499b5c2c3c55ad325f4d2c30", - "global.color.yellow.20": "6a2c5291e070af06bee2087282852967ea93fe88", - "global.color.yellow.30": "9cffcba7414e3ce00f2885d0e732056091d6fbf2", - "global.color.yellow.40": "025421f83750cd7c7bb8716716b9af4b77b31641", - "global.color.yellow.50": "5356de8df4e8dc03557ce6de6903a0b4eab4f8ba", - "global.color.yellow.60": "8e140c7afd069025008b9bf1e1052116e3789a26", - "global.color.yellow.70": "bcb786440d79829572c7aea2b53e188e5d3091d1", - "global.color.yellow.80": "60ea771ee2f11031efa755fe3916345ab75d1da7", - "global.color.yellow.90": "c9f855a92e6fd570c5e4953a324423bcf2ba43a3", - "global.color.yellow.100": "1305ececd6a3efccbc96701e428e0849f2f1e4d2", - "global.color.lime.5": "09a3d3c069100557316acfaca9f5ac835ad75711", - "global.color.lime.10": "b5aaa41e3a979548e862fbd7335cb80666016383", - "global.color.lime.20": "c0387e28e46b17484a4449fe81f48b8e86da1aef", - "global.color.lime.30": "1b587def145f43187e8be9ef324b17872668c1ca", - "global.color.lime.40": "9a850a0a2bb5da4c1d12653732e4a913939a8972", - "global.color.lime.50": "d139880340cd0cd6d97bb310853d8bb3663877db", - "global.color.lime.60": "047045f40455c6f0aace6b58dc352ecbafde018f", - "global.color.lime.70": "f1a775ab76ad7e02d94c27f5b3c83816120b6148", - "global.color.lime.80": "0f5e2c357e5a0c9faa9178834243a49ee9844eb9", - "global.color.lime.90": "72f2496bfde13277f1c3152c9273bca81f0b3d79", - "global.color.lime.100": "6a5aabeba9b0ef8d564c162b6c585a784d20a1ce", - "global.color.green.5": "2f2026e454593211ac90222ff188729a1822dbb1", - "global.color.green.10": "c02d5aed92f8f316300f80534c1b17551a44b6d1", - "global.color.green.20": "72c52beb2a473a8fcb2cb66945d8fed229c8a7ba", - "global.color.green.30": "2aa7031de73ca0d846fafe78d0f49b70b6280868", - "global.color.green.40": "389d9685f2342ced4fffa3f99a103da81c46b39b", - "global.color.green.50": "2fd602768785e5bcaacfcdb2bff5d0ce0b2515ab", - "global.color.green.60": "33536f59825c6b5c9245a368ca36728da60d49bc", - "global.color.green.70": "1f34a46711905023f853d083beb0565b3a325be6", - "global.color.green.80": "974ea7da73058cf477616a9b2d48bfcb44b2233c", - "global.color.green.90": "082d3fc9f6463a9d5a5732ca64600c59f3c141e9", - "global.color.green.100": "aeda6889a20a4b5039a58378b1ac0341e1b7a366", - "global.color.teal.5": "22b067f8a237f834d1039f78f2999d0f378fdaa3", - "global.color.teal.10": "3e9f89fb4ebf5a7e255fe771948b91e5cbc7578d", - "global.color.teal.20": "b5e3cb3cf297cb374b90e93813c6c5c430c3597c", - "global.color.teal.30": "0c43ee763bc9057a9b6db446ffae30e2cf763d12", - "global.color.teal.40": "055db3cbab87238bee5cb86ae60214dad699ad1c", - "global.color.teal.50": "eadd7834ba20d87b80bfd037b1af49d20453ea07", - "global.color.teal.60": "8b292551fb593ca88c2dddd33b61a42d9944aa7f", - "global.color.teal.70": "88b5fa4139520c8af113eb3056eac83fff5c7436", - "global.color.teal.80": "c5164892d30662693568f1222f41e3f28b38e9ad", - "global.color.teal.90": "cb47d7b71b030ef8b03dcd5e9bc649b206080939", - "global.color.teal.100": "455b4316400e9d5b99d9507833bd660ce7a92aef", - "global.color.cyan.5": "9280068beb130700669c21646daf92908eb42568", - "global.color.cyan.10": "a817f3f5d1c317e63585a0292090313c664b1feb", - "global.color.cyan.20": "7dda097ed79ca090e86248c49d1906849ccfb3ec", - "global.color.cyan.30": "a313dde8a307ae2c2ec7912c9c08107f2e9de0ae", - "global.color.cyan.40": "d2ae23aaac0dc9941eb7238cbfa3a8a90f6ec312", - "global.color.cyan.50": "26379ea1386ded0e70ed706af38c94da95f58fa1", - "global.color.cyan.60": "e8875bed3b46fb5a3ff0b7323a1d315e923eca58", - "global.color.cyan.70": "65efa87f8b2637b8510da310fba8a79896ea6fd2", - "global.color.cyan.80": "4f6dcaedd4b566d77ec5a56c0ed86a50c122d623", - "global.color.cyan.90": "d9e27a43643e8a074e37176eead891412de620e4", - "global.color.cyan.100": "7119b40394376f902cc3b0fb9f54efa0d736bafa", - "global.color.ultramarine.5": "ed1a911d604da4691edc9c60547762c1b7a4fbe8", - "global.color.ultramarine.10": "85975a63a9532c9d2ef84a2e94d9c27f128cb62f", - "global.color.ultramarine.20": "a4f530a671b47448dafa9fb27e087a1b712da120", - "global.color.ultramarine.30": "37ab3b651bc6d059b54fe20c3f5804150c14a7d0", - "global.color.ultramarine.40": "1af8c94c98a4cf184acd27152a933033726c18e5", - "global.color.ultramarine.50": "c9c9ec419d4bc54355a5933302f88683315d26e4", - "global.color.ultramarine.60": "1c4eb76f80f6a23db792182c3ac875085844ae8b", - "global.color.ultramarine.70": "c044b9c8569313c2dbe026e03b3c56e6c6d91c8a", - "global.color.ultramarine.80": "f3a319bc3bc082b8aebfea609c7789dec4fb8bd3", - "global.color.ultramarine.90": "9db7963cea363163eb3908f41af0b22ad882258c", - "global.color.ultramarine.100": "b85060971ce6d4de52f15ed7dcbade486467af65", - "global.color.violet.5": "81ed7f722161af174921f7f733a557a5cc761e28", - "global.color.violet.10": "efdedc5a94564c149d4a5e8414070f90a4c12de1", - "global.color.violet.20": "60e1dcd2fe003092c558097c606d2e78fd0ac744", - "global.color.violet.30": "68259519a1944ca4e7e899aaf9483a441b660b0f", - "global.color.violet.40": "0e33be24ec17c30715f92449dfd7257f91dd071f", - "global.color.violet.50": "5bef9247a9da40fae4870da935139d58a1c95c4c", - "global.color.violet.60": "15d0e2f79ffea0574e6394b1d1dc27cc9b6bc012", - "global.color.violet.70": "c23ce784b8d149732d87e2e74cf91306169790c6", - "global.color.violet.80": "4e9198d7135e1e83aba1431ce7b790197c00caac", - "global.color.violet.90": "0deca395c8a2b98bf7a282a82e4a3109389d103b", - "global.color.violet.100": "c3fd4b43b0b8ca596a0a81dacd8be56226370406", - "global.color.purple.5": "040011311943e10c4ca2c6016f73c6acc98f283d", - "global.color.purple.10": "6e42f6914c6d1455fb52e8c39e8e2282af3a9d40", - "global.color.purple.20": "e7ef4e21be07d84ed69060dc2580a458c39e55a9", - "global.color.purple.30": "3811d6a95bd1a1afb935460c325d2cfacc3d31cb", - "global.color.purple.40": "2ec5a50a80a2bb1326c257902acae084087feeb4", - "global.color.purple.50": "f98f118306f328ac50c723c7729a91f9a99b48a2", - "global.color.purple.60": "e020507a3b6a724fc148d27f51511ed85a3f6e2e", - "global.color.purple.70": "7be47fd22268b8750efa6be45013d050749b11cd", - "global.color.purple.80": "4f294a4d6f2746546761e3eeb645b5e3824bfe4b", - "global.color.purple.90": "cf3caec96b7addaad48f4c63434be439cc03f65f", - "global.color.purple.100": "a0525c237f9b0569f94f318588c8b3faeb1992fa", - "global.color.magenta.5": "b55420188083a676d961107a01e552aa6b562686", - "global.color.magenta.10": "04fd331efdcab3e31cbc22102f910047142577e9", - "global.color.magenta.20": "70fcb07734795365029f0f23f187ba5807ef7cad", - "global.color.magenta.30": "368ec250a30f1da702e8ea1fbc3c971e143156fa", - "global.color.magenta.40": "681dcef07751fbe16b75d3a65ec2670bb9f2a58b", - "global.color.magenta.50": "2a9bc722355a554c0ebd1916725e5464faa6e359", - "global.color.magenta.60": "e9040474d559331431c172e23d6ff9547cf76172", - "global.color.magenta.70": "d6f071f5c2a14be6ef923a8fe2b74bee9f227b20", - "global.color.magenta.80": "5224659266eb3ce1946d93f4685d551bf6726c66", - "global.color.magenta.90": "27f6b07b14935a333e6a11b3bcc3590527e84391", - "global.color.magenta.100": "65b20aa78e36d6873f615d1b4f147aedd15fd9ed", - "global.color.pink.5": "e81a03bcbaff990a42d4da765db4db85ca94c763", - "global.color.pink.10": "5142e89ff8fc43781fe2a50fb045ccd88e3817dc", - "global.color.pink.20": "d518731a7f3e52e4d48945b744386858188f209b", - "global.color.pink.30": "191ef44404be6eb21c24a20f470af94c45ee8aae", - "global.color.pink.40": "8c5790b36d30ba1d4a45624d9f695e53651e9309", - "global.color.pink.50": "53106c9b05db805fbc1e0fdb569a8a31ed4da33b", - "global.color.pink.60": "c63bc0676527314398d577b27be658b6e48470d3", - "global.color.pink.70": "17e8602b76e77a863e14b72280e2ddc19cfdca49", - "global.color.pink.80": "e0ed962f655547d7666ebde54b0e344f4ffe7631", - "global.color.pink.90": "baee99e875f4d311916d634a6e1182ecf5b296c1", - "global.color.pink.100": "d7bf9a807c5eeab353ba8bc061f968374ae5f1ac", - "global.color.brown.5": "f3f83a301cb848a1dc2f155e359676a036795bfc", - "global.color.brown.10": "084181885c14a63bdef6953a256bf79506711ac2", - "global.color.brown.20": "48084a8abd17def1609852d91b9be28729bf6a0d", - "global.color.brown.30": "1883e5c745292c4661505b130249c9c737bcf889", - "global.color.brown.40": "027392274b40df519d1bf5a1b200a5869b6398cc", - "global.color.brown.50": "c44f9cd89a68ecb9791974be63aec98b4c8db44e", - "global.color.brown.60": "793a70f59abf1bab6479c57f015d5dbc7513e1e5", - "global.color.brown.70": "3d16680bae937601943a2cabb4b1976a7ba6fa2a", - "global.color.brown.80": "1ac1bb132ed03774496ca86fbdd40686801d5fd3", - "global.color.brown.90": "cc1a37d270565bfe3d481eedb55eefaf6b9617f9", - "global.color.brown.100": "8f97ca383f434b5faa438b6e0d90296884ccb900", - "alias.content.text.warning": "5ea0113e5c67a23c9f9c88109e23e9e7b374d0ad", - "alias.content.text.positive": "a53282c52fe0d131a0b6d16b287915599f77dc79", - "alias.content.text.informative": "643c2ca12f551b2518a0268df259591352f5932f", - "alias.background.negative": "81b4721075b77a1bc711d853d7e904e2bd5bca33", - "alias.background.warning": "466bfc6a6085c2c424aede22e411483994a5ba64", - "alias.background.positive": "8d72aa9991584331d77dd8cfaaf8544496b14273", - "alias.background.informative": "bc65569509432ad1949e5106b12d13061a136ec0", - "alias.background.black": "541a5dbc129882979f7f5c904d12ccfccc3293f1", - "alias.action.white50": "f8a8e601f9ee7dc33f830d8db0cab76450ae73f2", - "alias.chart.categorical.1.primary": "ec8c52ee44af4ce1e62cae6f3bd983165815a4ce", - "alias.chart.categorical.1.inactive": "523afaf95d68f459ce0ef42859f68ed42518ac7d", - "alias.chart.categorical.1.transparent": "06f33d39b295ceecd8511e63510038cf60003a12", - "alias.chart.categorical.2.primary": "f1cad2dd47a3decdb92c18d2c2cea684dbd4358a", - "alias.chart.categorical.2.inactive": "3be47a61e3b71e15683a94b8528278c900a110cd", - "alias.chart.categorical.2.transparent": "f23e6562864b85626e623c1c9ffef47e586075a3", - "alias.chart.categorical.3.primary": "53ea9ff292a7bde521a43cebaa63f79234438fd3", - "alias.chart.categorical.3.inactive": "b3b77fdeb967cbcb708519de5b1d5a40f48bf0ba", - "alias.chart.categorical.3.transparent": "0c1e43f95afa33b044c8260be069a8564b03b1d6", - "alias.chart.categorical.4.primary": "eae1e7db1c589f38709f2de3f0dcfc81501f767d", - "alias.chart.categorical.4.inactive": "88cc1371bf9d2fc2d483c5663a510cd3d3249a19", - "alias.chart.categorical.4.transparent": "5730a0ae5a8f13d283d532836fe6d7bafffb7771", - "alias.chart.categorical.5.primary": "7be1d4e3efd0370e12d1415b2156128d000d0980", - "alias.chart.categorical.5.inactive": "0c0a3b01e172a8761bd7ce767056a7bc53fa66c5", - "alias.chart.categorical.5.transparent": "98b7bdc60fe0d2bf6cf681fd0f2af4d48b48aa7e", - "alias.chart.categorical.6.primary": "c7f4919caaf6dc784815343bd01f2bb540c7e63c", - "alias.chart.categorical.6.inactive": "482950c67adbc0c16ee4b3920a3ab0a518d1e03d", - "alias.chart.categorical.6.transparent": "167e90c04822e96d37d1e58edc99f12a5f23206d", - "alias.chart.categorical.7.primary": "c3a9513126997c3c9c5806b9c1d9e8a53be78d88", - "alias.chart.categorical.7.inactive": "d152f27f199748ccb84c8c1728bb370b660f7969", - "alias.chart.categorical.7.transparent": "c080c6a2b4793897ca027fb18012c98db65a4830", - "alias.chart.categorical.8.primary": "4ce470224bde6a1f732e69b4cfff21a4bbb6b3a4", - "alias.chart.categorical.8.inactive": "5d557634ea811ad819e1a18e66725f54ad70c695", - "alias.chart.categorical.8.transparent": "c6ce4eb6aec94477453a5cb34bff73dc450b4972", - "alias.chart.categorical.9.primary": "755034eebe88f0080e2bb23cef8bef43762589a8", - "alias.chart.categorical.9.inactive": "17e88f96223bebc98240f91552b6a4cfac2715a3", - "alias.chart.categorical.9.transparent": "fa46cc11f36062bc7564f42c2ae89790595cd446", - "alias.chart.categorical.10.primary": "476cec78c4f6e113d4d1ff820f0cb072cc0ce1fc", - "alias.chart.categorical.10.inactive": "3d203b8850a1cd6f67eac3eb6dac5deba2d20221", - "alias.chart.categorical.10.transparent": "004f0ac09c3bf7bfd35d6f080bc1a360023aa640", - "alias.chart.categorical.11.primary": "8d96dbb47b3bf03bd63c7b3f03865cbb562dd137", - "alias.chart.categorical.11.inactive": "7dfeb5cace7e483cd68dff6a1a44ccd351ecee44", - "alias.chart.categorical.11.transparent": "53d52b99b330bd1b97eec9b38f33d090c70e1d03", - "alias.chart.categorical.12.primary": "1e31247ce7b1e7f2fe06d42f5456ab9663f1b2b6", - "alias.chart.categorical.12.inactive": "3ba0b074fba9416a9b4b8616ffe4657a3eac6754", - "alias.chart.categorical.12.transparent": "fe1fabd476d63be2718a9339fb36c37e51e537af", - "alias.chart.categorical.13.primary": "f257e7dbfac067f600ac784c8bae5a87c1cb271e", - "alias.chart.categorical.13.inactive": "2aeaebcbe780266f81967cdc896c634859e73ed9", - "alias.chart.categorical.13.transparent": "027e8786423fec2010c81a1a2dc8af332cf42f02", - "alias.chart.categorical.14.primary": "d5cb591c99d2c59fd0264bb42709704ca50c7ad2", - "alias.chart.categorical.14.inactive": "14503029f23f2f17bd1d0f7290ddb408075f73af", - "alias.chart.categorical.14.transparent": "c4f5f362b85c291cecd1ada9808146c4a83fc7b5", - "alias.chart.categorical.15.primary": "106f7ff6befac3103fdbc5e49bb5c00bc2a7af00", - "alias.chart.categorical.15.inactive": "6fd4aaae8182f33ccc9c149b5ff03ad06df082ca", - "alias.chart.categorical.15.transparent": "5e191082ccd41cadeade4c16e3db75259745edf3", - "alias.chart.categorical.16.primary": "5b6c5af4be1114028797d84cd5ad07a9287e494c", - "alias.chart.categorical.16.inactive": "b212d3d899061b80b199068d125f34445f75cb0e", - "alias.chart.categorical.16.transparent": "4329dec638f6100eea1f327e63de00a6fa9f541c", - "alias.chart.categorical.17.primary": "7fb0e89990bba054af2b89b50b8f1f728ba328ac", - "alias.chart.categorical.17.inactive": "ef7c7755d1bff4e02f08982499095d83238c3f17", - "alias.chart.categorical.17.transparent": "a116725c73846d40a5be1363095616f5e44231b2", - "alias.chart.categorical.18.primary": "df4505bb6054fcf8b6de688c07dd084c2533b59e", - "alias.chart.categorical.18.inactive": "724b3c9eb01b7911e19c88731de94ba5e06253e8", - "alias.chart.categorical.18.transparent": "8c60c40508022a54e09567b77a76eb24021c0e95", - "alias.chart.categorical.19.primary": "a2481778cdd826c5624179c7a6a69da3b2ef1a3e", - "alias.chart.categorical.19.inactive": "b560be82fad6908ea7a6d29ccc0d3af1c2db93f3", - "alias.chart.categorical.19.transparent": "ea41e40c45e4d2e7ec57bbb3a4b9a546f4dcd558", - "alias.chart.categorical.20.primary": "326453e9c4a12ae31d60252371e860f2f5d391e3", - "alias.chart.categorical.20.inactive": "bae8c4271c4e241bdfe1938064c6ee39e652c6ea", - "alias.chart.categorical.20.transparent": "a7d178af153cbd901ace6657696b973a1a531aa9", - "alias.chart.categorical.21.primary": "ec8860a3d91bb58d005346a1a6d3da29b246fe1f", - "alias.chart.categorical.21.inactive": "92c7e18ee9deb62b05df6090d7d1386d413b144d", - "alias.chart.categorical.21.transparent": "8bef65ec8bd1031819b54d1c1ecf42c10d84f3d5", - "alias.chart.categorical.22.primary": "694f1aa48467c895041dcc17350d97734f97f150", - "alias.chart.categorical.22.inactive": "1bbb8ffc2623a3d8848d89d6d91b38cd8e92a6f9", - "alias.chart.categorical.22.transparent": "b5370da1eafd2b8fade4e8822b9823936d2a57a6", - "alias.chart.monochromatic.default.5": "5c903480ea2f8403a6ef93915c107ba4758c5540", - "alias.chart.monochromatic.default.10": "bbb867f700c4de38c77b8392399f341711e83088", - "alias.chart.monochromatic.default.20": "1842c87361bfa66844884b9fda721b9e61e01beb", - "alias.chart.monochromatic.default.30": "de0b38c08c7825c16fa865107e80561b9a6ffc7e", - "alias.chart.monochromatic.default.40": "45700f27bc4788c66635d19be60ebae43990dc91", - "alias.chart.monochromatic.default.50": "e866a8108ea0ae519735e26ce62f59025b7f9ceb", - "alias.chart.monochromatic.default.60": "1e575ac6f5d2b4977ff700112f87ad053531606d", - "alias.chart.monochromatic.default.70": "ef30a358e48193adf648cf93723f3e8442ec5be6", - "alias.chart.monochromatic.default.90": "32e60eea4d9f048c78f096390d958240151ebf32", - "alias.chart.monochromatic.default.100": "d9bb48cd69310b1a3a1da885ca9e4df426dcf1e5", - "alias.chart.monochromatic.danger.5": "fc7bf3ae2803de4cf9028d8f807ee7fd6b2b3612", - "alias.chart.monochromatic.danger.10": "a95cced8a3341fa46affe2c25dcf5215791dc4ca", - "alias.chart.monochromatic.danger.20": "29c2bc75e7681fb23bf604b48a7093965e907677", - "alias.chart.monochromatic.danger.30": "e4b22f2004c61edbc316b6ffd57723c58ac5a2e1", - "alias.chart.monochromatic.danger.40": "83d8dbd2c2ff255157a055504f529322bc1c9356", - "alias.chart.monochromatic.danger.50": "08ee7b8a2be8c4af3cd2c6987268abec1aad8164", - "alias.chart.monochromatic.danger.60": "259bfd291cd6cd62cd4aa4db74f3b4eda7fd1305", - "alias.chart.monochromatic.danger.70": "05848a0ba177f75ad79d0f8603fe7b310ac8ccdb", - "alias.chart.monochromatic.danger.90": "a33e9f8787f6b4f21fb03821100acd5ee316571c", - "alias.chart.monochromatic.danger.100": "0a05dcad1d01d23c252dc8adca61ed66b17fa2da", - "alias.chart.status.negative": "0a6adddbfd9d37c36571096060c4a91d82de9862", - "alias.chart.status.warning": "e9e339b702abf7370ffbdaa1aa83b418a7129d4a", - "alias.chart.status.positive": "9905055eac062a2751fae7d9622a37d9f7c610ef", - "component.advancedSearch.filterIcon.default.icon": "6e88903842a0f77106d3da61494bf7328be9bf2d", - "component.advancedSearch.filterIcon.hover.icon": "e9e28e9860e92f3321058b96ed79e22a9e4910ab", - "component.advancedSearch.filterIcon.applied.icon": "bfb7cca73ae9168783f2ba0262afce4753bd5a09", - "component.advancedSearch.filterIcon.applied.badge.background": "874065ba8133eb1c5ce4c0cb895c4b849afb2014", - "component.advancedSearch.filterIcon.applied.badge.text": "a6a61a76994e1f8da363b9258864f70c238dca19", - "component.advancedSearch.filterIcon.disabled.icon": "54b9eef3b160a1393085e0e5849d5cb9f26fca36", - "component.advancedSearch.filterIcon.disabled.badge.background": "e1579b82e91c6a695c4fdeb6cf40b9d84a8c0334", - "component.advancedSearch.filterIcon.disabled.badge.text": "3f7cf0155aaef3d0898185b21360aa1d2b17477c", - "component.advancedSearch.filterArea.background": "df4634cba3414883a4e1e9357003400c5eb76259", - "component.advancedSearch.filterArea.border": "37306e3145a6d613c2acf8144dd9a387dc81f04a", - "component.advancedSearch.filterArea.text.default": "b745afcb6c892af4ac81e56948b78384a2f47940", - "component.advancedSearch.filterArea.text.link": "a7b1b84f23762f99db0959efe8ca697819e1f6f6", - "component.advancedSearch.filterArea.icon.default": "8bb950d5d775165900675543e321b5b1f7ac2bfe", - "component.advancedSearch.filterArea.icon.hover": "0d0f1234b040681c07d1717dce3d29ac0ec47247", - "component.advancedSearch.filterArea.icon.disabled": "e33c5067a3cb7917313053040c0608ff379ad2b0", - "component.advancedSearch.filterArea.tag.background": "6a7566e14fa8756223d9c880dc935a67f370718c", - "component.advancedSearch.filterArea.tag.border": "efdece731e4409878673c4bafbfbbd8b0206d270", - "component.advancedSearch.filterArea.tag.operatorIcon": "a0828fd5bec37e6bd27638e8bfa2f33aca2a547f", - "component.advancedSearch.filterArea.tag.icon.default": "15ea5b9c71e015ebbccb1a04f9494cfe3fde66d7", - "component.advancedSearch.filterArea.tag.icon.hover": "3cff270b468b25d44941da4fb979f9593c7d7bf2", - "component.appbar.background": "df4e4ae9b6af8ed62d222d5f9fd94c9e93bb3c7d", - "component.appbar.border": "474788d5e894792b6058d0a34b9a0ffc3ec5461c", - "component.appbar.text": "2edbce76f545875ee73e6a7d0a3e0ae4a4409001", - "component.appbar.icon": "7fd47c99ab6b8ef976e013530e48d6e1c2decd68", - "component.badge.informative.subtle.background": "b76021d37de74ecf04735e47a127a6a9086c42b7", - "component.badge.informative.subtle.text": "fca13420e73f1fe897675485ac07ec47bfe62c2a", - "component.badge.informative.accent.background": "63cc80a9914ff9dbdab8c8f826287cc2b9c30b54", - "component.badge.informative.accent.text": "c07b9f5d34d0210c9beb7bcba80b52e9ab8504dc", - "component.badge.neutral.subtle.background": "fb07a7c69b3482ab92e5d1c7c9ef39d52c37dafc", - "component.badge.neutral.subtle.text": "a2e056d43da89b03a414abd9a209a7b996eed84d", - "component.badge.neutral.accent.background": "19e5456346cbd5e5eafb8158ba3c80603bdda08f", - "component.badge.neutral.accent.text": "0cb643d8f25fdb92be01b6594ae4ef1930185ea1", - "component.badge.warning.subtle.background": "1720c9acb1dce12abb5dfe22ad454debe2e5a114", - "component.badge.warning.subtle.text": "8c29577e8792b0b5180ee7c265611f16592ab19e", - "component.badge.warning.accent.background": "db9df28dc6b3479ea6a02b261afebf62f5046d8d", - "component.badge.warning.accent.text": "c6b833e6a9dee0e4ff159e209e2be6560722b11c", - "component.badge.negative.subtle.background": "692e61e04ac5a2857cf1d8198229ffcc8cbe93bc", - "component.badge.negative.subtle.text": "e5ea90af808f2e36dfe88c9098875817a307076c", - "component.badge.negative.accent.background": "63365efb431f3ae09818048159e48c56979bd36b", - "component.badge.negative.accent.text": "edeedf54c62347954e563b12b58322021ce78014", - "component.badge.positive.subtle.background": "406333e0ef81ec9b3693694cb733854a04f5f708", - "component.badge.positive.subtle.text": "6a76f1dfaf28accb3ecfcc25c81377b6a292c852", - "component.badge.positive.accent.background": "b5beb31fe2226837f3007498fb2299ffa8c6b40d", - "component.badge.positive.accent.text": "7b287e16e5cc64d9b0f340b72f5b53546630c5d9", - "component.badge.important.subtle.background": "e0232e752563afbfc5dd13475999d49f3088e1a9", - "component.badge.important.subtle.text": "96d4f96d2bc5173c84f2528a66cc372f43bc3656", - "component.badge.important.accent.background": "e9d2ad3e1acbd25ed50bbd7afa0cf8100c3aaceb", - "component.badge.important.accent.text": "1c958a6c05816ddf08889214fed488137f53b622", - "component.badge.violet.subtle.background": "cb9b9a9f5ade9e7fc52531bba36a89b8f6429186", - "component.badge.violet.subtle.text": "c9b92726478ec8d5fae250e53feb6dc00ac6b359", - "component.badge.violet.accent.background": "2e93a72d8be07eb75eab0f97e9fc5097e5838af9", - "component.badge.violet.accent.text": "f3ffbd6cbe66ff07c4045962592f96e48e719e02", - "component.badge.pink.subtle.background": "b9785dcdbf801b24db920ff9aa05c8320980bad2", - "component.badge.pink.subtle.text": "8604087d4b25ec73556c6f15c8086300142d7137", - "component.badge.pink.accent.background": "8e0ba59770bb4c06c5ffecf904591a60bf2d02c9", - "component.badge.pink.accent.text": "cccfdba0b09b2247ca11e3decdfd7aa85c9aeb1b", - "component.breadcrumb.divider": "5e3f360b0d4043ebceccdc72474d50e4099d8abc", - "component.breadcrumb.appTitle.text.default": "d30777a820082ca0224eefa6c21d5b37b3046eed", - "component.breadcrumb.appTitle.text.hover": "517bfa4c36bfb69ebb5475d9a62f171d392b6d24", - "component.breadcrumb.normal.text.default": "0349a05b8d266dce25985f847015f406ffae3c45", - "component.breadcrumb.normal.text.hover": "14a386b33ef77aa602826b974e13a591383cba4c", - "component.breadcrumb.truncated.text.default": "39c52c3b98837f55bbac14ac765c79e6b3cd0f43", - "component.breadcrumb.truncated.text.hover": "21ccfb21a692ad1cecad4ef5b689e245337d469c", - "component.breadcrumb.lastItem.text": "971d8fb227b629a58e33d8fc3e92c21ed4dd0ac3", - "component.breadcrumb.collapsed.background": "a1fa2c5f67b12571e832d24ff56473d502712bf9", - "component.breadcrumb.collapsed.text.default": "85a0ee0a626d62771de2ca00b2f8f02d6c9cbec9", - "component.breadcrumb.collapsed.text.hover": "6c658df0ef88e14832792dcba7afc8a11c36329a", - "component.breadcrumb.collapsed.text.active": "80137569c6888fda0752b30d561a1275eb82fe5f", - "component.breadcrumb.collapsed.icon.default": "5a3780f4b171ccd9d80ac59bf61db47710ab3246", - "component.breadcrumb.collapsed.icon.hover": "d18e1c6cf71981195ed23c7993c4c8f818a5d088", - "component.breadcrumb.withDropdown.text.default": "9e3ba22e6a0757c600e5bb76989d99e8f95d4c3d", - "component.breadcrumb.withDropdown.text.hover": "aff4e5a0b6cfad4ee7b6999d097df30a1b3a00f9", - "component.breadcrumb.withDropdown.text.active": "328e45f44ccb0b66410712b762732bad158e03f9", - "component.breadcrumb.withDropdown.icon.default": "da3ae9977462fe369b1ebbf0719b705513038588", - "component.breadcrumb.withDropdown.icon.hover": "6f9ca0bd58346ceae0f9e8c4b2d07a4cb75dd8bf", - "component.button.primary.default.background": "96fd63ba7882cabec2bafc25f0dbd3bc717c80bc", - "component.button.primary.default.text": "89b9469407705b31b294444d90f732ab66a71b7e", - "component.button.primary.default.icon": "8575eb69e852066aebb01ab90051efcb526fd39b", - "component.button.primary.hover.background": "0925dee1dcfa24915785931c0553ebaaa8a1e460", - "component.button.primary.hover.text": "e61d6887ff323e60b1d5b2639aae7e3dadffefd3", - "component.button.primary.hover.icon": "8640bb9bfbb75894d3a423ce37d204567d0880cf", - "component.button.primary.pressed.background": "405e5f4159bb6f407c0193d8063db388af2202ef", - "component.button.primary.pressed.text": "6291f12bd9e70af658ab6be0b61382fa6acb3341", - "component.button.primary.pressed.icon": "ebf2ad3dd1858a9e4522d7bd374f7b805928d8f6", - "component.button.primary.disabled.background": "5968b910a2537b96193afd7515482ef119baedda", - "component.button.primary.disabled.text": "cf5f3ea6acd25e63626afa63d48a87db4bf550da", - "component.button.primary.disabled.icon": "7bd7254182a668f7e7ba860b59a2016b13629b60", - "component.button.primary.loading.background": "e39093c73ee153a774112e0051fbf0205c0e4a11", - "component.button.secondary.default.background": "740b5f616a1b33279af0df4a37dcfcc1957b884e", - "component.button.secondary.default.border": "18c9f9379752bcf55c5bea0b61f9f001eab3d12c", - "component.button.secondary.default.text": "c1fccafb665571020c4738fe98af56b9ad1d00e8", - "component.button.secondary.default.icon": "c01eaa04d58e99ebfede69eca19d3d621423be37", - "component.button.secondary.hover.background": "0c38a40cf6586b05ae87174e495d24e63ad6dcb1", - "component.button.secondary.hover.border": "b9bb95855ec5c51175cf7bd24a7e01e333fc6c5e", - "component.button.secondary.hover.text": "1627492a6424444467273f64e292eea59e0386a4", - "component.button.secondary.hover.icon": "ed99a37ed513e2db50ac3cc710a74300de276cb8", - "component.button.secondary.pressed.background": "599c319b818479f30efb9fb6dfe4120260c2f0ce", - "component.button.secondary.pressed.border": "d1152933ae238e411986c2bbda49c8c9463ffd86", - "component.button.secondary.pressed.text": "77a114b838b1262a62608493273b95d5f8ea1960", - "component.button.secondary.pressed.icon": "018434c37c83205bb1a539250be33a0b03313847", - "component.button.secondary.disabled.background": "b8bced1d0493134fe54a012793bbc62ae81905ee", - "component.button.secondary.disabled.border": "a5ee15671f9f735114764a2acdff6e2258ddec67", - "component.button.secondary.disabled.text": "c325995afa160b5fb1b69ef1322ebe5e0440fdf1", - "component.button.secondary.disabled.icon": "41e85562c262536aa2f043804568748896a5fc61", - "component.button.secondary.loading.background": "23370389c0ef19acb8e1127575b9a04a353f59da", - "component.button.secondary.loading.border": "e2ad07639c1b3f330c6f0ed6d1e4324237dfacf7", - "component.button.link.default.text": "29fc376b7d171a4b7363434c2167418b9043b559", - "component.button.link.default.icon": "308d5455c97cb8d1556c427ff3a356a0a8408fc0", - "component.button.link.hover.text": "3540a852bf4fc00a6bdc708e600e0161fb3966c0", - "component.button.link.hover.icon": "718c58058990ff5e3ec5711342c92fa14f13faa1", - "component.button.link.pressed.text": "4a5722be384e17f3e7ac57a0620c8ab48bf9cba7", - "component.button.link.pressed.icon": "93983bfda406f1198756e6fa3788ba47acbb78d8", - "component.button.link.disabled.text": "ec6edb4dd40f7274dbd364aa169106d572bfbedb", - "component.button.link.disabled.icon": "9581859abe25b68b4ec91c22e6543f7bc6e645a9", - "component.button.launch.default.background": "716f3b227e2785b0e8a6570cb82c129cc94a1f1f", - "component.button.launch.default.text": "f6ae00fd97fc67b589bec5f54beea3af383426c9", - "component.button.launch.default.icon": "6ff49b4c8455b042bf31b8818f551f3d8ec93e45", - "component.button.launch.hover.background": "b287d46691f3ffc89cb35fad18a5032b22da57b9", - "component.button.launch.hover.text": "0052bed9c976eaad618c944be0abdcf20c97c409", - "component.button.launch.hover.icon": "005655d7e64ab06dcbb8d92d0d54290e34ce3cbe", - "component.button.launch.pressed.background": "71f2ce7d96e37276e0fb098afa40c97028de8b26", - "component.button.launch.pressed.text": "0a86db088832bc2cd510d4fa2d21644cdf3f8bd2", - "component.button.launch.pressed.icon": "66d67251479e169788a26a3c9b2e93a622f91968", - "component.button.launch.disabled.background": "3578ef8c0d952dcc59b5b3140ac207e3da3a80b7", - "component.button.launch.disabled.text": "9d878c4b16f9cf2868ea2d05098ee3571fe3eab7", - "component.button.launch.disabled.icon": "ca2dea3cbde9f25b4a203b78862a4dbbaf4bc649", - "component.button.launch.loading.background": "8f97d931234a62583047d8071faf0e1d416762f5", - "component.button.danger.default.background": "1dfc0fd0e29ee9832bbf30ed957162862893f985", - "component.button.danger.default.text": "2b12adcb19b3bf659f7427e0cb36df2056096103", - "component.button.danger.default.icon": "f6e534579fab24dcc2aaf05222e0455a551e4bef", - "component.button.danger.hover.background": "20684535bd77c76d4cb9a6446a053e14af47f370", - "component.button.danger.hover.text": "6f8f4ae5ec4dfb426642ba85ffc4395f31692eab", - "component.button.danger.hover.icon": "65fa1417a68ad3d8160d790ac754093020d3894e", - "component.button.danger.pressed.background": "ba865d2704ad9be2b2f1c16d1e60524b89b9370d", - "component.button.danger.pressed.text": "0cb5ce4ac2d5cc32d4b5009e3ac8a542e4300b09", - "component.button.danger.pressed.icon": "58bc2ad93795c87c072424b0e3cd80844b8cf6f1", - "component.button.danger.disabled.background": "66eab7bd7c6fcd22ecc84ce6d169da288e197a1c", - "component.button.danger.disabled.text": "149026af536cca56773cd04c5c19df925f326385", - "component.button.danger.disabled.icon": "73b8059d60cae01d2447de2695b9bd5f4d3e5ebb", - "component.button.danger.loading.background": "5ebdf56c1bafebb414ba39b184643bea20016984", - "component.menuButton.primary.default.background": "3ee8ff456de9fbac6a15279a6eff601d1e80f0e9", - "component.menuButton.primary.default.text": "22bbfd7813511efa7c9e9455b1c924bfeaa77d70", - "component.menuButton.primary.default.icon": "f73cb37aa12e4d47c2725a84882ce2182621a975", - "component.menuButton.primary.hover.background": "7a8955342f933085e3f12b0463c6ad231a20d741", - "component.menuButton.primary.hover.text": "8998f0dfa63485a4b9197b02a55267847bdf1118", - "component.menuButton.primary.hover.icon": "9ff1c205c9ee6413d644cfd4cdd6ae0a34f39fde", - "component.menuButton.primary.pressed.background": "32b08cf721a091c48e8e1ead417052fa8bfa7981", - "component.menuButton.primary.pressed.text": "4ca0a6e3a00aa12e9dba55f9c00450cb69e0f829", - "component.menuButton.primary.pressed.icon": "5fcd68b97b639f32f47cbfcdece41891a612c003", - "component.menuButton.primary.disabled.background": "dad523962b98f3bcd150ca2f2af0380c62a0b206", - "component.menuButton.primary.disabled.text": "d738c89034a727b9e49055dace06ee893fd10ff8", - "component.menuButton.primary.disabled.icon": "95dec09e20f5ee1399c0a8348ab66af1b0fbb108", - "component.menuButton.primary.loading.background": "ea86c42ef99bed28f0609fede9e31651cef1e087", - "component.menuButton.secondary.default.background": "113f098be678137ca786228055272b65e21b022e", - "component.menuButton.secondary.default.border": "1347e8487a57d60870216b2f672cef4d1726b37f", - "component.menuButton.secondary.default.text": "8ce3f78c71e44a85f15d01cbeb72f65364de9ffd", - "component.menuButton.secondary.default.icon": "130a92c800e28acb4f75cf1c6185b708cfac71a5", - "component.menuButton.secondary.hover.background": "0ad2bd493d0ddd5698dd4f3a28792ae655b6fbd3", - "component.menuButton.secondary.hover.border": "e9749236050652d780288bae02da49c04b31886a", - "component.menuButton.secondary.hover.text": "afd0ffd9f428f2f736a4569fdc77ee495f7ecb76", - "component.menuButton.secondary.hover.icon": "852551403a6a0650e2f313b3de092cbd35f422ba", - "component.menuButton.secondary.pressed.background": "3298237f8330544c01b72eb5037e6c7cdb827629", - "component.menuButton.secondary.pressed.border": "4a79b0da624d98456d43a600dd1f40c38acbaa7a", - "component.menuButton.secondary.pressed.text": "a965c96119768aebed7292243bec72beda60cc8f", - "component.menuButton.secondary.pressed.icon": "81871a8d56a840c6e02647d89803d9ef7d3b4c46", - "component.menuButton.secondary.disabled.background": "a052e89b3d30a05e7d63ca9287a2c129b31b5b38", - "component.menuButton.secondary.disabled.border": "ad9aafce6810e1b2134dd7ac7b098cc540015900", - "component.menuButton.secondary.disabled.text": "7b4a71c38614331cc18f3edb8e5a3461595148cd", - "component.menuButton.secondary.disabled.icon": "a7eb9edf59583f0f5402a5950dbfe8101c77c4a5", - "component.menuButton.secondary.loading.background": "7ed618d5bdf7f7b35590ee0477e68c7d642555a6", - "component.menuButton.secondary.loading.border": "1fdcd2c1bac1cf2bbe22385227cdce2a0e36c83e", - "component.menuButton.link.default.text": "ccbc22605dd1230e1ec8cb197e3674114ab90f7b", - "component.menuButton.link.default.icon": "6f36055f784399cf2fd4b50b3001721c56e0adc8", - "component.menuButton.link.hover.text": "5cacacccb6dad6d0b112cc57045bb1bd89ec0799", - "component.menuButton.link.hover.icon": "9fda65254a2df16f6a70a2b3dc01a4656496876e", - "component.menuButton.link.pressed.text": "9bf4a401866d02b1125eab80fcf1b69c97b635a9", - "component.menuButton.link.pressed.icon": "7705b6ad42d1c5f219c193ffb211639b65409afa", - "component.menuButton.link.disabled.text": "e9ecf0080d9d9e83433ebdfe13c1c0ccedf1121a", - "component.menuButton.link.disabled.icon": "e16837c4cc4649ed4eba845544d8842263f83c2f", - "component.overflowMenuButton.default.icon": "0ab8c936eccc8e0f614c2415f4ccbfc9342fef14", - "component.overflowMenuButton.hover.icon": "3750f7eba0d031511a788e8b3582fc29fa7d905d", - "component.overflowMenuButton.pressed.icon": "6ccfa9ef7cc1b19911c5b25f3a1c6b3cafff45c8", - "component.overflowMenuButton.disabled.icon": "4ca3fb0611850bb687feb3561578b0a0d855c069", - "component.splitMenuButton.primary.default.background": "ffae7722a75df881e5c471dbd81b56517676cf72", - "component.splitMenuButton.primary.default.border": "b3874f035de8364ae8934bbfceae10248ee43791", - "component.splitMenuButton.primary.default.text": "e52c1f605326ca8fa591d5e3e0e2054960a2808e", - "component.splitMenuButton.primary.default.icon": "aef20011a1c351898084844b6de1aa7da61e5ee8", - "component.splitMenuButton.primary.hoverLeft.backgroundLeft": "8cb568d72b268edbc66162b2c01bc935b3dff3eb", - "component.splitMenuButton.primary.hoverLeft.backgroundRight": "68ddf57a80ae9797bbd681d798736f371ead2564", - "component.splitMenuButton.primary.hoverLeft.border": "fdf931c4ecd87fc56c08b457c2778b9fdbb440b4", - "component.splitMenuButton.primary.hoverLeft.text": "0050523e5fb54f3455ad9a5f8430ddafecc1d69b", - "component.splitMenuButton.primary.hoverLeft.icon": "caf62a7a0c2a0cd49d0d038344d2f75d30206a02", - "component.splitMenuButton.primary.hoverRight.backgroundLeft": "73cecb8e2612fcebd2e3eec9f8769b405b38534c", - "component.splitMenuButton.primary.hoverRight.backgroundRight": "750b697d457f63a8da99105e531c98f1c404b3b0", - "component.splitMenuButton.primary.hoverRight.border": "1353faeecd579b4ace85a3723fe07b06779af358", - "component.splitMenuButton.primary.hoverRight.text": "b4d65faa7a2cc4cf90724503f4520c7cbd17dccb", - "component.splitMenuButton.primary.hoverRight.icon": "22833dba32542ab2092996e401e2b9fefd8251a4", - "component.splitMenuButton.primary.active.background": "bc67ba211695999c98189d3c79426dcb44e02ddf", - "component.splitMenuButton.primary.active.border": "7aeb87a7e83a0d21de12a4d637e4c12160bb05c7", - "component.splitMenuButton.primary.active.text": "2305877b3d1abd491ec8b0964cde92d53ce1b778", - "component.splitMenuButton.primary.active.icon": "52f42b0080715215b2e17858b331049fc15b4c3f", - "component.splitMenuButton.primary.disabled.background": "f65217d869ba39b5931ed5a9c043fb744a6e802d", - "component.splitMenuButton.primary.disabled.border": "c504e7833ed050eb7d8dc00979495bf51cc5747e", - "component.splitMenuButton.primary.disabled.text": "84e60ee77f2b87b16d67c20d859bd3074cbd7021", - "component.splitMenuButton.primary.disabled.icon": "a26dec36b821af556ce4fb46fe62a9dc3ebbfdcc", - "component.splitMenuButton.primary.loading.backgroundLeft": "f7dfec5202dd4f31d5f420fb99922c716b278090", - "component.splitMenuButton.primary.loading.backgroundRight": "2d22828fe67abc5d6b23066afe3e86d9055f740a", - "component.splitMenuButton.primary.loading.border": "65bffa6fb226c98b25c463d5b5a15ee03c99f356", - "component.splitMenuButton.primary.loading.icon": "2595b764ff22fa5e3582cc0fe08077a256c8d4ea", - "component.splitMenuButton.secondary.default.background": "92958e1b4ecbb41df0150495ea81cbe4335c1f54", - "component.splitMenuButton.secondary.default.border": "ed30010a0f7bd406670afe3096bfb95623c67710", - "component.splitMenuButton.secondary.default.text": "af68de8ff628263404f488adfb104df0acf2ab14", - "component.splitMenuButton.secondary.default.icon": "3e9c16e4629f916cc8f43628e6965ceee96a854f", - "component.splitMenuButton.secondary.hoverLeft.backgroundLeft": "4a365d80ab438ae6b3c26003f6f68175478f3dd0", - "component.splitMenuButton.secondary.hoverLeft.backgroundRight": "adcf74a37ac93cdfc74dbebde0119edfc0bdc288", - "component.splitMenuButton.secondary.hoverLeft.borderLeft": "165fd362a1cf99164fd7c4f74b02d5b1046d64a2", - "component.splitMenuButton.secondary.hoverLeft.borderRight": "707f97dea978c06667e59b40b85c9dd7d27459f4", - "component.splitMenuButton.secondary.hoverLeft.text": "e8d82b3357929f5f6f360d9c05c945e581fe8b88", - "component.splitMenuButton.secondary.hoverLeft.icon": "2ef9e25e0c08ca6bb99498e009554e6d701166c8", - "component.splitMenuButton.secondary.hoverRight.backgroundLeft": "48a2f13271e6c6126e0d03c31565259724881783", - "component.splitMenuButton.secondary.hoverRight.backgroundRight": "68abbfde9162655222ab7eb7c81007477eae6662", - "component.splitMenuButton.secondary.hoverRight.borderLeft": "f45a3f0871d42b0ad3ca43ac6d8222af0c56c2ac", - "component.splitMenuButton.secondary.hoverRight.borderRight": "69757e41ddc5c511bba9d44f28e644b6380cdfab", - "component.splitMenuButton.secondary.hoverRight.text": "cfa10add626ba55171f520ac4ff0c9eff8cfc2ae", - "component.splitMenuButton.secondary.hoverRight.icon": "1917f687c379101968e42c1f5e474eedb6e5f59f", - "component.splitMenuButton.secondary.active.background": "c9d541ec38baced668b7b9225ccd2a11b6c00b62", - "component.splitMenuButton.secondary.active.border": "99392218971997e5a29e4559586366cc10f3b5c1", - "component.splitMenuButton.secondary.active.text": "4d47c24c7c24d52cece1ffca31283507f66531ef", - "component.splitMenuButton.secondary.active.icon": "58065ff837e8de358a94cee272270b17b00ef099", - "component.splitMenuButton.secondary.disabled.background": "ab9c21ff63fb926a6e3306cc4394695434d68942", - "component.splitMenuButton.secondary.disabled.border": "91c9e7591a2c8a31d740bacedb42231cc75cd7c8", - "component.splitMenuButton.secondary.disabled.text": "e3b66e2df84a51c382679f828e91efac2d8ecbad", - "component.splitMenuButton.secondary.disabled.icon": "ebb9d794c362e0e8d66bd752070310555876d0e3", - "component.splitMenuButton.secondary.loading.background": "08dc56cc786ea32234b4ae2aeafe29537c1adf2c", - "component.splitMenuButton.secondary.loading.border": "542c244b58c8bd00eb95e27941d4a45f9be24b29", - "component.splitMenuButton.secondary.loading.icon": "c215282e43debee3f335dfab962a780ec73f7435", - "component.splitMenuButton.launch.default.background": "edf0ecb28c91430455474aaee010d3a92d235ef6", - "component.splitMenuButton.launch.default.border": "ecadbc4e44036d110e0ba55b01674e87cef25e63", - "component.splitMenuButton.launch.default.text": "921236bc76ae48483b8dcaa4986f6fa089f06495", - "component.splitMenuButton.launch.default.icon": "88ce4daf9dbffbbb79378330b55dd52deaf801db", - "component.splitMenuButton.launch.hoverLeft.backgroundLeft": "e0780b4cc68efdc7b446817894f92e341a7e880f", - "component.splitMenuButton.launch.hoverLeft.backgroundRight": "c27f4f74cb170c597996cbe1a76d703b435dfdf5", - "component.splitMenuButton.launch.hoverLeft.border": "9702167c9bf4d53a6c2162af104c9b657817e000", - "component.splitMenuButton.launch.hoverLeft.text": "ffe91c1b3e4c52f57f1a089304b280a7a7cb7b08", - "component.splitMenuButton.launch.hoverLeft.icon": "35c782e9c1f9f22239dd0314eba0a99b2b3d88d3", - "component.splitMenuButton.launch.hoverRight.backgroundLeft": "04e5966abe2d2ccec7b1e156f01aded40653273b", - "component.splitMenuButton.launch.hoverRight.backgroundRight": "0f400e6ae21cb9b37b8d628451fcd4e19bdbd414", - "component.splitMenuButton.launch.hoverRight.border": "9561136cdbcb0184d4454a183f6deb61eeb4c550", - "component.splitMenuButton.launch.hoverRight.text": "745823ff87e225ee33b24dcc2211198836625d6d", - "component.splitMenuButton.launch.hoverRight.icon": "cc7e693e459c78595e0ca1662a1b5644e3c05db5", - "component.splitMenuButton.launch.active.background": "e2d3fca25a3e1a60919af54639d15d34e069ca77", - "component.splitMenuButton.launch.active.border": "12bc44b9bb723c9d3a5a503fb3aef6b0f2fec6ba", - "component.splitMenuButton.launch.active.text": "ccd96c250ca33326c1769ab4ac89750d53c0b6f6", - "component.splitMenuButton.launch.active.icon": "e42f7dd963295754c9d82461c972ed87a8f02670", - "component.splitMenuButton.launch.disabled.background": "c6d8ce7d19e539ba8bee21e007c503b39e0db3ac", - "component.splitMenuButton.launch.disabled.border": "28bc79418572c49f8fc27b06366d9f12d9bb86f2", - "component.splitMenuButton.launch.disabled.text": "567729277de56a6a40d065ece0c472f1f183e1e4", - "component.splitMenuButton.launch.disabled.icon": "85b9e750e312214315aaac265f56c0e800f3f235", - "component.splitMenuButton.launch.loading.backgroundLeft": "95681d18bffe0c58dd8f01ddbce4d8ee52210f3b", - "component.splitMenuButton.launch.loading.backgroundRight": "7fdc72c032adc83e59f1444418ed7082fa13750a", - "component.splitMenuButton.launch.loading.border": "52edc1b2774be0eb33c0a38286ec0beef85aa341", - "component.splitMenuButton.launch.loading.icon": "8d9dd3df958f646ca223e52c692d6635a571c0cd", - "component.segmentedButton.divider": "e3e8b680d6f2a05d2dc17d6f60119ec6c6cad1e7", - "component.segmentedButton.default.background": "1026c8e225c525190e87fb8a729504c2d2a132bf", - "component.segmentedButton.default.border": "2e316232b1baa5455f665b5ce7db74bdaeeacc54", - "component.segmentedButton.default.text": "1f7d5ab87145993f9eb1658a6113ab49982a8f60", - "component.segmentedButton.default.icon": "b4e04efd48fbfe6dd2f129af6651537efc5220d5", - "component.segmentedButton.hover.background": "e930615b3b14ff2d1c85fa15be3fd479692f1562", - "component.segmentedButton.hover.border": "58644b03397c540421c1fbc9bc7c112b4be194b6", - "component.segmentedButton.hover.text": "11e992718106451d6cb0ba738a573e7c7fd584b7", - "component.segmentedButton.hover.icon": "d44052bb0c4725836fe4e252984e5ef32a08264f", - "component.segmentedButton.disabled.background": "14dc841ae11d0c677737e53d3ef66df2ac6df459", - "component.segmentedButton.disabled.border": "d48d6c05d4d0ccd63fe7f08378efeb0da18ddaaa", - "component.segmentedButton.disabled.text": "caa2276fe2773d92d58b733115cd7f417a2368ba", - "component.segmentedButton.disabled.icon": "d485d9395d1b70e2d8ddbde39f17a7ab674ed622", - "component.segmentedButton.disabledChecked.background": "dcebfdb29e7df0e0dffa153b86b7bcaccbbc6083", - "component.segmentedButton.disabledChecked.border": "5c50109713c5e4b4e5955efc1f48f80af65113c4", - "component.segmentedButton.disabledChecked.text": "062e43eddd8621f714181ddca185b2f67024e10c", - "component.segmentedButton.disabledChecked.icon": "5e9a72799f6206923426a9b3227b61d2c2544ad5", - "component.segmentedButton.active.background": "38cc9ed3f03d6f4bf5808f316620871057ac2d46", - "component.segmentedButton.active.border": "28c9658b3d6908e1dd9a5547224396548c5b8ab2", - "component.segmentedButton.active.text": "1b35f624ff14a3b5e324c9d5602da69eeea61c7a", - "component.segmentedButton.active.icon": "93eafebd1037567919602f231db41077f8acd83a", - "component.segmentedButton.activeHover.background": "6c2bc453b4dc6e5e1373169a8d4318fb00f7a0c6", - "component.segmentedButton.activeHover.border": "13c08f4f6e2e67df1f2b340935bd0f45dabefb7f", - "component.segmentedButton.activeHover.text": "c1f5bcc4d6c3ebc35a87ef757f0e6689b40c7cbd", - "component.segmentedButton.activeHover.icon": "ed7d126a34b2b9c51bc598c71459470d23815c48", - "component.segmentedStatusButton.default.background": "34e4286b78d4dcad01002fd9b52dc8436552dca8", - "component.segmentedStatusButton.default.border": "d9a57472c79b22a515d29ce40c0fb7ea99c98b14", - "component.segmentedStatusButton.default.text": "8b1e94f8c6c2d203115b7343021afbe01b871f23", - "component.segmentedStatusButton.default.icon": "aaa0a15c2a23c94b95c3eeda2b9966c4ac0aac93", - "component.segmentedStatusButton.hover.background": "e4133b60911fa1166dd8e44cbf9abbf6eed74c8a", - "component.segmentedStatusButton.hover.border": "f9d18cdfe44171ec5c7c7db533601c94266ce877", - "component.segmentedStatusButton.hover.text": "b536bf516f9b75756b70406871dca50548a43843", - "component.segmentedStatusButton.hover.icon": "4aaca4ef6f46b309793dec76ccbd2ef92a489c47", - "component.segmentedStatusButton.disabled.background": "2103f94db45c84330a422921319547357e725b3b", - "component.segmentedStatusButton.disabled.border": "00c9a4c64dc3bfa779c21f158ba8036bd2974d62", - "component.segmentedStatusButton.disabled.text": "38ebfd6e9da002ece2b9dd75d687f4db91ba8aec", - "component.segmentedStatusButton.disabled.icon": "2efbee3cd06d861e733c370f9fcb85d50f1c05c5", - "component.segmentedStatusButton.disabledPositive.background": "0931b229e234fbf9a7e4b0659da109e67d28688d", - "component.segmentedStatusButton.disabledPositive.text": "f0cb10fe159f2e84643e2fd38f43c7579ac578a4", - "component.segmentedStatusButton.disabledPositive.icon": "6b684d7a8a53c49271f83f025b277116460e846e", - "component.segmentedStatusButton.activePositive.background": "95d81cf4f2eaaa54dba2ecf49d1aaae21844d5d7", - "component.segmentedStatusButton.activePositive.text": "89a25e5c978934dacda7e76e3792449131a93401", - "component.segmentedStatusButton.activePositive.icon": "7659e0e172e3b1e00cd667b9730aba7b81266f15", - "component.segmentedStatusButton.disabledNegative.background": "7734245411a7f464659977ed6a1369844e97ff6b", - "component.segmentedStatusButton.disabledNegative.text": "56d80530d00de3d33326e373bbe9b4e70d94036b", - "component.segmentedStatusButton.disabledNegative.icon": "e2a0dcb77f12517aff8bc71cf26fcdb013ab53d5", - "component.segmentedStatusButton.activeNegative.background": "08358fb2fa467ab3e220522ce3e11c5b63c82b75", - "component.segmentedStatusButton.activeNegative.text": "803bf104ea51bf98ff801c99ebda45c360d1d938", - "component.segmentedStatusButton.activeNegative.icon": "8aacb56bf7874e2aa3dfa759fd4981a15da532a3", - "component.segmentedStatusButton.disabledNeutral.background": "529e40a0d080a5db7cc04590c31aadab60f724c3", - "component.segmentedStatusButton.disabledNeutral.text": "9924bc94e9bf78cd51eb170ff8e74b590e6d8f1d", - "component.segmentedStatusButton.disabledNeutral.icon": "91b1858ef1438728c35676955afab70f2eeafc7f", - "component.segmentedStatusButton.activeNeutral.background": "0402d2762f35c2dac8aa266131801f8c0922c3fe", - "component.segmentedStatusButton.activeNeutral.text": "82d8ca1b53a4696f84101ca8cddbd5b49fe30a08", - "component.segmentedStatusButton.activeNeutral.icon": "d594c29409282d51cec37372c92e76af6b387688", - "component.calendar.background": "99e9fe44376fc91ded3bd9c172c5de114bc800db", - "component.calendar.border": "ee0ef33f62b1ed1d935464161cc2fdcefdf46683", - "component.calendar.icon": "c27611ece21ac853468bfcf20d370ae56c8b8fb4", - "component.calendar.text.default": "69c231a7f75ac4d7b0847b84e396f7df1c1a9cc5", - "component.calendar.text.disabled": "45c294490a2c891c5e966d33687c44616bda5f53", - "component.calendar.selectedItem.text": "cfc4d09ebb4073f1732f36fe8bc2e9ffdc440b86", - "component.calendar.selectedItem.background.default": "c5ff1ec99ee5e748439093b5e1c329541519e1ac", - "component.calendar.selectedItem.background.hover": "d70899031a70951984b4e6cf2487f57152ae9752", - "component.calendar.hoverItem.background": "0d045e7dc346cf5f707ed3f26377bdd44b80f778", - "component.calendar.hoverItem.text": "b41a7ebfddeb29e8bdcb5d70526cdd989303e0ac", - "component.calendar.dateRange.text": "ee35b20af8f08c0d45be931f778142ec31946d71", - "component.calendar.dateRange.background.default": "222dd1def91a2af4cc9292a1fb3e85803c37c464", - "component.calendar.dateRange.background.hover": "5015567624de52ffbba60a92bdb3139a7b24c26d", - "component.calendar.presetArea.background": "a5953cf64fb5e64d61ffb760c380b740418355a5", - "component.calendar.presetArea.hoverPeriod.background": "e09cc6df7169de46a17ff482dacd221cc84fd868", - "component.calendar.presetArea.activePeriod.background": "af2001afc2eadb94950198d3748c1371133989ce", - "component.calendar.presetArea.activePeriod.text": "9761a48f1d59c4b1c19e45f600ec2f691f753560", - "component.card.background": "a172b53e13fb17f4174c294da537472c08a38074", - "component.card.border": "b8838a521fc5f136c6727e1c4c681ff96dffd195", - "component.card.text": "6ab667a1538a8b39e2ab0d73059beee4e827f21c", - "component.card.icon": "66909ff63a999439b11cb601082db61ffa02efa3", - "component.checkbox.empty.default.background": "2742f4c1e7c495795910f222fe378615dc19d49a", - "component.checkbox.empty.default.border": "6e8cc88ebcf5331766f7c3ec0264d01a5597e961", - "component.checkbox.empty.default.text": "fafddc725eedb4f01334184834cf6df38dd5d6f4", - "component.checkbox.empty.hover.background": "b6c182a1e201c49517a4d5d0b8983786996d34df", - "component.checkbox.empty.hover.border": "2abda7597a167e0fb6721f2e32b047357e64973a", - "component.checkbox.empty.hover.text": "7f9b0084200f5455f69c3ee0a7742f9e07f89583", - "component.checkbox.empty.active.background": "db03e826df3375de2873b8da417f9147db3ebb91", - "component.checkbox.empty.active.border": "4f8d9c32a2ee4f86432b7e7505e180fcc70bb30c", - "component.checkbox.empty.active.text": "e09af64b6dfdb42accda3e51db66584db0859e70", - "component.checkbox.empty.disabled.background": "db489367fdd1febeab371d3c3373cb32038f2a1b", - "component.checkbox.empty.disabled.border": "2212880141c566c3c3e73f094817af7114ded221", - "component.checkbox.empty.disabled.text": "4f6613b6cc79c1fbb476afba4841bfa565783742", - "component.checkbox.empty.readOnly.background": "0c1af270b00537a0999b7c104d8936f9094de198", - "component.checkbox.empty.readOnly.border": "aebe95700c194221c6d96c555de24e17fff0eafe", - "component.checkbox.empty.readOnly.text": "7c15939b7aff757a7830c20606ff14e1a351cb1a", - "component.checkbox.checked.default.background": "3020cd02cc73b33f8b120c0d361eb6058ea836ff", - "component.checkbox.checked.default.text": "75ec1a809418e4213f2f752b1f41a07f66749de7", - "component.checkbox.checked.default.icon": "35ffa3b1b91d3098ef379d33d149c8e233df3374", - "component.checkbox.checked.hover.background": "ad375eab3e967164409d4ead372414f269252116", - "component.checkbox.checked.hover.text": "0175b9d0a384ec00525dc1804046a3f277feeb10", - "component.checkbox.checked.hover.icon": "ad2d32909eb79e3344815dd522eefe776c426726", - "component.checkbox.checked.active.background": "a42869af4fdd374e2191b84c891611dfc1685dc7", - "component.checkbox.checked.active.text": "b9f547863fd21abc28d8d48c6a003d2517acb547", - "component.checkbox.checked.active.icon": "2fdc9dfa0b4cfc65e7c513f2f806bf57343dc4fe", - "component.checkbox.checked.disabled.background": "a6b2fbabc37800b6785c6d927febfaf683dc8d05", - "component.checkbox.checked.disabled.text": "3354f2e59a0a75af1061a72300a7e8379167f09d", - "component.checkbox.checked.disabled.icon": "989eab0df5127f2640f458d9afd8d3250191761b", - "component.checkbox.checked.readOnly.background": "ce65a7068d0851aa580589f915de9a01480fef7c", - "component.checkbox.checked.readOnly.border": "92a7d9ed8e6da4052980c7590e9804a7216cd801", - "component.checkbox.checked.readOnly.text": "0b5552931a24ec5927d588b5d4e21f283cb5cb11", - "component.checkbox.checked.readOnly.icon": "00924174ca2896ea2e937883de567f82be403bcc", - "component.checkbox.indeterminated.default.background": "ee2956aa45838337ce256bb7fff2a395dbfdc3f2", - "component.checkbox.indeterminated.default.text": "2fcf8cdf5f136fd61a3070c8653a8b14205d67bf", - "component.checkbox.indeterminated.default.icon": "07ea034dd07e88d18dbc0368b67cb554652e218b", - "component.checkbox.indeterminated.hover.background": "567b8a602c767d2e2af7ba92773687c936514bf7", - "component.checkbox.indeterminated.hover.text": "20cf2797fcfbff6c93172ab5e872587f8b587220", - "component.checkbox.indeterminated.hover.icon": "12d1004aa3affa3b6cb397df7d6e46be141dcddd", - "component.checkbox.indeterminated.active.background": "02e0281ce4f95ac1541638af23a858422d723e54", - "component.checkbox.indeterminated.active.text": "ad0a424d716dc0ab31b79ee3685795a4e02e9dce", - "component.checkbox.indeterminated.active.icon": "33b3a6973dbc55c737e7beae90fffb1b38f560ea", - "component.checkbox.indeterminated.disabled.background": "48688235dadfd77e090d2d5f9ac28bfef715f22c", - "component.checkbox.indeterminated.disabled.text": "e30f52e21e52ac6d935dfc78596ecba32f880a7a", - "component.checkbox.indeterminated.disabled.icon": "1388be3e566463fd402d2e82e8a8bedce2039c49", - "component.checkbox.indeterminated.readOnly.background": "7f72e38e8ebbe9fb2e17ecef7316066ef078454d", - "component.checkbox.indeterminated.readOnly.border": "10b1fdd46ee7cf78e2808136a20136de25429578", - "component.checkbox.indeterminated.readOnly.text": "0b5e8e209d6eb7e277c0dad560219f28f9132439", - "component.checkbox.indeterminated.readOnly.icon": "f120b5490ab327688d6154022317ac8613686162", - "component.container.background": "29c85d2a4034827944277ef3b09228ccd9bda0cf", - "component.container.border": "274820b11f80b90d36b74c267f81bd768534b967", - "component.contentPanel.background": "aa4b7e95a38630ef5852ab3cff6960155c03e482", - "component.contentPanel.border": "708388df218003a24a691306e1dc9f6e5f3240c6", - "component.contentPanel.text": "8b2293054f266e3cd75df7f83e066da8e5deac65", - "component.contentPanel.icon": "0c755f99ebde940fc319a5e5d16b52ba87fbdc88", - "component.dateField.default.background": "b002ae74ae6a0aa190c7a82042acbfa16a1a644b", - "component.dateField.default.border": "eaa5ecf7a852f90ca6edcbcf94dd1a59c78df491", - "component.dateField.default.text": "cc8027304a4f99b953402ffe47610508fa29b81d", - "component.dateField.default.icon": "0c6d8d4b2b8363b47ea2ed6b42c9d3f751c6805d", - "component.dateField.default.hintText": "5282d06508b6c6508510dfb89f5f028c9d712798", - "component.dateField.hover.background": "5c65b05da61695fc4f1620acd0c2f64ae5dac928", - "component.dateField.hover.border": "b8f619d38095bfae3f66828643d7177b35c271f2", - "component.dateField.hover.text": "05e9b7f8b4a65b0a22a40e3db81796da51c6005d", - "component.dateField.hover.icon": "1ff16f0d0cf0a17944321d3014fda00af36e27e9", - "component.dateField.hover.hintText": "d7a0132ef56b9772a623f5ae9a8a8126da30acb7", - "component.dateField.hoverEmpty.background": "caf429dbd31bc54ecdc35fed31bc39a0467d844a", - "component.dateField.hoverEmpty.border": "a10d0810c18b65c0b0a36209cf6fc7815ec74529", - "component.dateField.hoverEmpty.text": "5ce0ca72538bc8f6927f2d02ba5370f37cc47e62", - "component.dateField.hoverEmpty.icon": "74c0c33793c6525591fd17f2b35d1183332bb0ce", - "component.dateField.hoverEmpty.hintText": "4a6ef8144f808ce1df9d02943b22cf3d72c96f7e", - "component.dateField.filled.background": "ce649e93c62ea8e414ba18efced64b043741b4ac", - "component.dateField.filled.border": "836e18007efdde62494b3bbde91ef709e7d2c367", - "component.dateField.filled.text": "001215cca19c25759962b32c0630ab8b7a9623cd", - "component.dateField.filled.icon": "3d4335b0d594b42320feecead80f512ec25e6ca0", - "component.dateField.filled.hintText": "8b40f47371112f329e3a9b6786e417d6e15e0ceb", - "component.dateField.disabled.background": "7fc8ace41f7bbf6a4b430486da5ee34eb6e23ce5", - "component.dateField.disabled.border": "921ca7605460af22363e91f45a46c687f40e009f", - "component.dateField.disabled.text": "97212b5d2b1f5296d9faaa60848975e17b446835", - "component.dateField.disabled.icon": "5cfcf0d077cc21a83b760a2f42374f37078cf845", - "component.dateField.disabled.hintText": "aa0f2f72e401758044d538c893a1edcc39ddeb12", - "component.dateField.readOnly.background": "15ddbf7dfc1dc86878920aa56bcdf604329b585e", - "component.dateField.readOnly.text": "5909a9ebdbfe17389b42da14e6a6bfd6c2a2e5a1", - "component.dateField.readOnly.hintText": "1c5b92231a9dfde588be6ba7b069e1b44134fbe3", - "component.dateField.error.background": "69b24c7bcae924a48561baf7c252acc66b7c2f78", - "component.dateField.error.border": "f85f1e64044e04dc390752d3184f42c56cce44ec", - "component.dateField.error.text": "65266a10cc3023c2f7145ccd8e8a3a7480453d1f", - "component.dateField.error.icon": "023a3b78acbc676f6ce97caeaf9ac553460db2e7", - "component.dateField.error.hintText": "551e4ed422038e3d90b24328ded99efff7484088", - "component.dateField.focus.background": "86bbc29ed78066a5c618fa022cc884d706773747", - "component.dateField.focus.border": "f9771261827e549e8429311f416b9ecf8e80c0b5", - "component.dateField.focus.text": "6dcec6688f54b51b62c7795a42cce2448e1d585a", - "component.dateField.focus.icon": "52cc244fe32bb45ca1d8e3a364749305d646c00e", - "component.dateField.focus.hintText": "a393ded06dfe044bc0cf633b9c3cd63bab56a38a", - "component.datePicker.default.icon": "802116a471c80627f293e548b9e4885db932253e", - "component.datePicker.hover.icon": "4f41da76bc4cff6fd13250e9e3ed8c4512aa8384", - "component.datePicker.filled.icon": "ce248d6dd166594edc3709f8f7fc38e94929de54", - "component.datePicker.disabled.icon": "67bac0af6f6d83bf10820a406fbb92a48dd7fd22", - "component.datePicker.focus.icon": "95036bb1857feb96a896887bd6808c8c6b5db9d3", - "component.dateRangePicker.default.icon": "86139c8e54eeaafeaafe0edece2fabad8c804c00", - "component.dateRangePicker.hover.icon": "1bad7f99debfd8310168a4b5ae4dc58bd6f96aca", - "component.dateRangePicker.filled.icon": "1b232372f5652ed6a818764b92c2f171fef92f2b", - "component.dateRangePicker.disabled.icon": "0ba5dea28cdb095d14d43d12dd891f257d1816af", - "component.dateRangePicker.focus.icon": "e9033cb454fab7e91194428ceecee24cf7c04b19", - "component.dateRangeField.default.background": "ac8b6621a3c975d973ccd88c4ddf3ef1b9e61950", - "component.dateRangeField.default.border": "20245330808c6f154a5d2895e35d8fd7a993d91b", - "component.dateRangeField.default.text": "75bf320edb06d5aa7dac12716829f02a39e767ff", - "component.dateRangeField.default.icon": "53390d8c0b785183cd39faeaee9abf9153300d8b", - "component.dateRangeField.default.hintText": "c10da76cf60f80a31c5a58376149f943accbe4dd", - "component.dateRangeField.hover.background": "9cc9447029663f4686ce0ce6ea1edb871f0646d5", - "component.dateRangeField.hover.border": "cfd9a5825d9d4be2472e017eb1c8804b6e385c17", - "component.dateRangeField.hover.text": "7f43c9d77c3295eae10a5d8d8c5c8be1ef142e20", - "component.dateRangeField.hover.icon": "11feb7bbae578f99cd77166b2fd06e45c49ca9ed", - "component.dateRangeField.hover.hintText": "5cfcd94a0667ef4c0d966c60264692dbd97811ca", - "component.dateRangeField.hoverEmpty.background": "7e04e94ac8b1671fb90e2ef64e25818b0ffa19ad", - "component.dateRangeField.hoverEmpty.border": "e5d45b7a713693d401539e6e22ad474e82fe65cb", - "component.dateRangeField.hoverEmpty.text": "542536e2cf951ea4503efd19591684a11c23d40e", - "component.dateRangeField.hoverEmpty.icon": "fca91850485687464b4a6fba7852f370f2110ff6", - "component.dateRangeField.hoverEmpty.hintText": "eaa032960d7741b0abc6a58ffb2cfd277f7f8d2e", - "component.dateRangeField.filled.background": "9f517e3b203353eb8000f484b0ca704b8f62b792", - "component.dateRangeField.filled.border": "2763453d3d050954fe336f840fd133e549aa41d5", - "component.dateRangeField.filled.text": "3a2d4699d9ee01d1910ee8df0b217ab69da45d8b", - "component.dateRangeField.filled.icon": "f3d8772fe2872bc2ae479765e4a17d2a1c84e90b", - "component.dateRangeField.filled.hintText": "96ba3cd92e0170b4e909460b34417a36b6f97428", - "component.dateRangeField.filled.placeholderItem.text": "19aaea63a2401aaaf53ed5d2463b37f79cd99d0e", - "component.dateRangeField.disabled.background": "5163dbb2cfc2b2327e93b38ec5c0a3853fc89b32", - "component.dateRangeField.disabled.border": "a56f32f3c48e35fc44606a5b86c0b5aa7450e490", - "component.dateRangeField.disabled.text": "8678f62bb774285b774d539cff3e46fcf7fea020", - "component.dateRangeField.disabled.icon": "f54962f4131075284ab908f63579a7fe35434d5e", - "component.dateRangeField.disabled.hintText": "d4f92883f1183bd5558e65b74c81ac696020c0e3", - "component.dateRangeField.readOnly.background": "1ec843e515887b6ba4fb777dabc7acce013907b4", - "component.dateRangeField.readOnly.text": "c97f0520523510ecd920bc3f4d09d7fa368fcebf", - "component.dateRangeField.readOnly.hintText": "3584a79a9996b4e979af6aa553dd5375c7436cd5", - "component.dateRangeField.error.background": "12cd557fe22fafa56fc581a54e50f53243696c10", - "component.dateRangeField.error.border": "9778cc6ada60e23e3748505533bac5e6b42611df", - "component.dateRangeField.error.text": "948e8988eb77e4906310540f835eadbc098b64ed", - "component.dateRangeField.error.icon": "633442c45eccb441dbe0e51a8c7be9ec5fb4bd60", - "component.dateRangeField.error.hintText": "6de708cbfbd85dc7a55c4caebc47d4cc1683255d", - "component.dateRangeField.focus.background": "5061aa58b0fc903f215607ee44af015aedcb2c66", - "component.dateRangeField.focus.border": "fe5ce8cd7f05b5b1978eef2ff87225954a705191", - "component.dateRangeField.focus.text": "edd2ded50fa3843e99ed36b023134123508b6020", - "component.dateRangeField.focus.icon": "4997be8530ff8c9a5d5156abf8640a0d2ace2b7a", - "component.dateRangeField.focus.hintText": "e0aa4d991aa49d680769e755951ff418b4549123", - "component.dateRangeField.focus.placeholderItem.text": "a79fea4635657f04e5deb57e3111f5cc9447ed9c", - "component.dateRangeInput.default.background": "b4fd813883dc7f276626561d17e4d6d22a835bd9", - "component.dateRangeInput.default.border": "f93f573436efb9d94fe7c2f1f59075e2a14b3757", - "component.dateRangeInput.default.text": "c6a7d738d59473ae3135f51ae17654620fed9ad0", - "component.dateRangeInput.default.icon": "c8e21f69df131bfad0b2a20730ae78e2c1fd9a3b", - "component.dateRangeInput.default.hintText": "38bbe6dcd91d88b64868f3980e40a8602bee839a", - "component.dateRangeInput.hover.background": "7aa0f745474275a58b2d55a1455db3e043b61f35", - "component.dateRangeInput.hover.border": "498e5aa95c1f7766af7cb6dc38fc9b8bb491ec5a", - "component.dateRangeInput.hover.text": "d87f87dca8076b18eb1917d8ff60da8e6329c9bd", - "component.dateRangeInput.hover.icon": "0f3fe49a212485cb1bd48129128177d2d79d5cb2", - "component.dateRangeInput.hover.hintText": "34c117e91af7107d9ae57922a130304f97d8490f", - "component.dateRangeInput.activePeriod.background": "092f181ee1622c8f340b35c50da4688b3512349d", - "component.dateRangeInput.activePeriod.border": "bd913363182cba5c8a5ab424317f0e86cf2e9f87", - "component.dateRangeInput.activePeriod.text": "1a387430fa863407f9a9eacc4f7d8fac8ffb4b2a", - "component.dateRangeInput.activePeriod.icon": "8183ea0bc858b95e07dd0d547ed820a7c089e368", - "component.dateRangeInput.activePeriod.hintText": "424d0fa23501e93841b8e7b51ff453bca33c739e", - "component.dateRangeInput.activePeriod.activeItem.background": "99d844a0810441ff7b8d1845d58def07e1493bc0", - "component.dateRangeInput.activePeriod.activeItem.text": "d27293b5070e7097de517f973854ae245c5cc883", - "component.dateRangeInput.filled.background": "911e78799c54721e019485d7212ed245384973ca", - "component.dateRangeInput.filled.border": "0196f9680aee2a3f23ea1299bf0e04a27d22073b", - "component.dateRangeInput.filled.text": "d3979e4b710a72125deae57200442676e1baba8c", - "component.dateRangeInput.filled.icon": "6e7d5d7e75eb83313700cbeb9078c5bb0a88a500", - "component.dateRangeInput.filled.hintText": "e1086e418c0964dc1066851beb779750e7ac1fb1", - "component.dateRangeInput.filled.placeholderItem.text": "cb1677c247b397513ccea748608471690951da56", - "component.dateRangeInput.disabled.background": "0f718842c42f44f167a892d34d00afa01eb4b676", - "component.dateRangeInput.disabled.border": "d8abfec1c58f5ee8c75c5dabcd877a98c509bf1e", - "component.dateRangeInput.disabled.text": "6eb31a77d5704568d54c05d451228f88e7574226", - "component.dateRangeInput.disabled.icon": "6900431695b77d6ae06569b60fa931ae38c4e5a7", - "component.dateRangeInput.disabled.hintText": "3b41472eb9a3f968b97dc8901a4ed72db3351cff", - "component.dateRangeInput.readOnly.background": "6a2eb19b2c75abdeb4ba5333b4cbb1408c987a65", - "component.dateRangeInput.readOnly.text": "8d72152b278d0839fe751f045b8985b78a1a387d", - "component.dateRangeInput.readOnly.hintText": "acd28ae72356082cf45c719224d7548ec7ae81b7", - "component.dateRangeInput.error.background": "60f374e23ded4e153534be5f16d16616c1bb109d", - "component.dateRangeInput.error.border": "b718cd09fdcbe007939753cb15660bf300996e0e", - "component.dateRangeInput.error.text": "ce135cfc269e3bb5534512b4ec9849778fc2fe63", - "component.dateRangeInput.error.icon": "e10ccae6bc8ff8d41db2071c01c0c08a28ffd51b", - "component.dateRangeInput.error.hintText": "0e64c96818fb2f6c0858fb50a539d77141df1565", - "component.dateRangeInput.focus.background": "6cd1d696bc656230f1fa96ac0b44d580913a13b0", - "component.dateRangeInput.focus.border": "d9352a9340fe1eff190694d5ba66c84afda245e2", - "component.dateRangeInput.focus.text": "62865871f3852af42ad286c76f97822376b0a64d", - "component.dateRangeInput.focus.icon": "49b298dd018f7d1de0a6aff6453c66b95141af3c", - "component.dateRangeInput.focus.hintText": "de43b7b4c46cc1978842fe76a284dc3770a61966", - "component.dateRangeInput.focus.placeholderItem.text": "c477c25f032277587d57b9217684bb96db20c9bf", - "component.divider.border": "38af93241abd5599ba057d1e327d3b270758a924", - "component.drawer.background": "68a8ebac692f668ff58254134a44483c31be0019", - "component.drawer.text": "07e72a75470da2ae130fd1d28f02c3aa6b0244cc", - "component.drawer.icon.default": "d17494620733354acc01c401563f3e2c7c6c84cc", - "component.drawer.icon.disabled": "a9c02b88298c2abffbe1c713778e2b1ca7698f7e", - "component.dropdown.icon.default": "c28586ebd132ca3ea9d865969d53fba42cc97298", - "component.dropdown.icon.disabled": "98757e0103200b9d53c638fe1e4d006937974190", - "component.dropdown.text.default": "bf71c5cc38ab723634a677a7531ddbeea8a69ba3", - "component.dropdown.text.link": "81e728e19d7d33a81ee9048c8ea65560f156eb5a", - "component.dropdown.text.description": "9447e5652ebf078f2d99b41e0761a53f76929a07", - "component.dropdown.text.disabled": "00d08adc90d349045a6768a86e26d9660d788a3b", - "component.dropdown.background.default": "b07f1389bfefbad81c29deee76d11025340ea751", - "component.dropdown.background.hover": "dfad8e21f763eb12fc6b94e42176d5db4ffb9cd8", - "component.dropdown.background.category": "df85236730148242dbd8dd33593a7d66a0ca5189", - "component.globalHeader.background": "ea5dde63b5aaa6203943a2c5ff18317138b50df0", - "component.globalHeader.border": "99368ef592bf264d536f0faababf193759e27069", - "component.globalHeader.icon.default": "6b4e4b6edbc3faa62ffbf84ef086e75aa1af95f8", - "component.globalHeader.icon.hover": "945adf4f43305d7221aea1627190f7e9187304b2", - "component.globalHeader.icon.active": "5a0331953d7adeb6d9a9b1e973280e29ae7cfb38", - "component.globalHeader.text.default": "37f1e38bfef8c7a1e7cfc592e3e518d1d71c8ced", - "component.globalHeader.text.hover": "279425326822553bc80525a9ba2d59d7edbd353b", - "component.globalHeader.badge.background": "adacf8d53703142fe0f0b10093f1440d660baf79", - "component.globalHeader.badge.text": "72f9823bfda67e0e0da20f2e93da183b447868f7", - "component.globalHeader.badge.icon": "30f225cabf47fa80a29902ddf5542718d33be494", - "component.globalHeader.search.background": "46f3fd39e1a0f90c7db47b2373666621e2bb18a1", - "component.globalHeader.search.text.placeholder": "fcca4fd324feebee28a1e274e579262121a05e8a", - "component.globalHeader.search.text.filled": "55c91df45a2949dae5ad5f1611b92ba61805ffaa", - "component.globalHeader.search.icon.default": "7ef6a1be5398c652fa86fe0872d447e8a604f207", - "component.globalHeader.search.icon.active": "3e04e1c025a3edf0dc1be0308d533078beb39eda", - "component.globalHeader.search.icon.hover": "6a98cd30ab9c00fd3106df7570cfcbd3dd4f4e83", - "component.globalHeader.search.border.default": "eca20c189f8d9dfe16d04562e5ec8aa1ff6a618e", - "component.globalHeader.search.border.hover": "4f610ea6ec23533ba34b5b8ba76b9ef32552c0cb", - "component.globalHeader.search.border.active": "5175dc3c3d121e61d58bcfe595282711e32070ee", - "component.globalFooter.background": "e8e8279ee495cebdb6bf39525e27ccf44af40a4a", - "component.globalFooter.border": "279d374c1b90efdcd3c9847dd5dd1dae49c8aff9", - "component.globalFooter.text": "a6c6b686f6f0640912bf4a6499e896adf13591cd", - "component.globalFooter.link.default": "1d1b2519f5dff64329278c597e10686a540b0ac9", - "component.globalFooter.link.hover": "2907ca6f320265e2322144e5f02369e588cf446d", - "component.groupSelect.field.default.background": "6d2113b285044de931bd78e882192e39f4fb8f0a", - "component.groupSelect.field.default.border": "3a1b153bfefec93110b863a930c94a975741658d", - "component.groupSelect.field.default.text": "b54dace7aa1013b993dcda2e3130ad63cc04623d", - "component.groupSelect.field.default.icon": "1f5aeede0e56a000f2cdb9a64679fabf3ebd6eac", - "component.groupSelect.field.default.hintText": "5093ef1df277699c2c2d42181098645526532749", - "component.groupSelect.field.default.infoIcon": "ac3ad712b7b43c5d0d482616196604b4d5f97a82", - "component.groupSelect.field.hover.background": "3a996537a14cba4c31877e88a43fb499ccfc5c21", - "component.groupSelect.field.hover.border": "e46e0eac67acb942c05e861670384af602159f58", - "component.groupSelect.field.hover.text": "249b75b6e5fa49399f59b145be93f66e68fe5d6f", - "component.groupSelect.field.hover.icon": "91e9aa37fe3c6b0066809aaa1c1277fe36ef7786", - "component.groupSelect.field.hover.hintText": "d046ac3db8f1dd5045f983a2ba190dc33d188f3c", - "component.groupSelect.field.hover.infoIcon": "c3afe248ff6b71056cfb52da87ace76045608f32", - "component.groupSelect.field.selected.background": "4931defc877e930ba0f2bfa7de1a1a30b47e2373", - "component.groupSelect.field.selected.border": "fce68f5aeb098050b31e78b6dc43527aa06fbcff", - "component.groupSelect.field.selected.text": "e28e2b0166214333dd14cddef3ea4c51adfae8c9", - "component.groupSelect.field.selected.icon": "a5ec3d53854f15e2c0f05c1b37bd0752152e6779", - "component.groupSelect.field.selected.hintText": "addde5b474600f70cb25a05e29df9d05992f4879", - "component.groupSelect.field.selected.infoIcon": "82077e8bd79c4368e0ccfaa9c90b54c12cdcd3cb", - "component.groupSelect.field.disabled.background": "e982623b5d6b171738d8d278f4ea31ca8af4be08", - "component.groupSelect.field.disabled.border": "a21e14b2c93dd0b051f632bfa87583e68fbd2b56", - "component.groupSelect.field.disabled.text": "b08c45ffd0453b473d306aaf0c4dc58ccc085485", - "component.groupSelect.field.disabled.icon": "69e1b2e7c9efa5a400eeccc1e4d2238174f771cb", - "component.groupSelect.field.disabled.hintText": "5299571ee55f573db9a24a80054892e749159cbb", - "component.groupSelect.field.disabled.infoIcon": "c6fea570c6c15bdbaa7156223ecb1675c1a26a95", - "component.groupSelect.field.readOnly.background": "ff66468d0a86b36a64270ba52d5b573dc119911a", - "component.groupSelect.field.readOnly.text": "aa84a2d01cd9a222d45651d698ed773bcd0cde56", - "component.groupSelect.field.readOnly.hintText": "ca0ca7e79ffe132cdb90f1d118d769b452669733", - "component.groupSelect.field.readOnly.infoIcon": "7662e1ead2cca7dc55db2d515a744039bf96b5b0", - "component.groupSelect.field.error.background": "745b6c90048324edf8d3a11320fff3dc3b021328", - "component.groupSelect.field.error.border": "805acef6bea035bc70e6ea7d0f6f89f3afb5ff08", - "component.groupSelect.field.error.text": "5bb19338a592ef68c3d590d12d861ce4d88931c6", - "component.groupSelect.field.error.icon": "dd70c85d91e2db28632ee67d6effee1075448058", - "component.groupSelect.field.error.hintText": "d96531069f5a73ecfc675aef47fd50c31ab4df31", - "component.groupSelect.field.error.infoIcon": "4ae96dbfaa2ce76033ca772a751e36a4887c765e", - "component.groupSelect.field.focus.background": "6ea53970026acca88e82d23eae9a90fc82eae9bf", - "component.groupSelect.field.focus.border": "96438ca7f78e877c242ab27367ace634a782c17e", - "component.groupSelect.field.focus.text": "78544683f5efd530da504b6b1326cd451b82937b", - "component.groupSelect.field.focus.icon": "720a9d20cd337a50d3430176a3c1a7244a057646", - "component.groupSelect.field.focus.hintText": "84dc0aafab176803eeb024264eb49c43e444e4b6", - "component.groupSelect.field.focus.infoIcon": "f5ed3ba2d1ad39798246629da467d7447a1ceb6e", - "component.groupSelect.dropdown.icon": "a35947257ab4afbefe23e9f3687b8f95641ad8fc", - "component.groupSelect.dropdown.text": "022ebc7f85e5cde0893a66212f6fa10f631461ea", - "component.groupSelect.dropdown.background.default": "9a8198e443a025bd919f43840a26e483dbb6129b", - "component.groupSelect.dropdown.background.hover": "9296e6574afef7f333175d741e3a0b3c96f6f4c0", - "component.inlineEdit.text": "6eaef81583dacc081539665a8d309540f4b43bf7", - "component.inlineEdit.icon.default": "0747e66e5262a58ffda5201d1559b46fb696c644", - "component.inlineEdit.icon.hover": "b07004429d4ad50d6baf56f3e78d408b88727054", - "component.inlineEdit.acceptIcon.default": "c53e529d20f1802a8623ad607f7fd0a8b61aec6f", - "component.inlineEdit.acceptIcon.hover": "4604a2c2ca14f9dc9f2e9dfb2c52eda6e1d17aae", - "component.inlineEdit.acceptIcon.disabled": "b16428fa9ba65ceabcf1c8f4ae1cafaf0c319b1f", - "component.kpiBar.text": "cc0937fb6f06a68852f6a7f3c684152871d2963d", - "component.kpiBar.border": "2e4240a84efcddf2fa9d4d6f99db232470df439c", - "component.kpiBar.background": "574a14e07908c49904897c7d08f6349cfde59fad", - "component.kpiBar.icon.default": "43355968ef80457361531d32f10dfcfde1b0ebd8", - "component.kpiBar.icon.hover": "413cf14d5ebe2042a020c5e51e8dc0a24a027f65", - "component.kpiBar.icon.active": "75e8972c8ffdf3e320a2916e3df7810f0be56f97", - "component.kpiBar.item.neutral.default.label": "b82cb7bb1c1393cc173d064340034c679cac9818", - "component.kpiBar.item.neutral.default.text": "f54ca232e8285dfd7568bb759448fa6ec1665302", - "component.kpiBar.item.neutral.default.icon": "8dd3e23b01e68499f7581671ea479ff603982003", - "component.kpiBar.item.neutral.hover.label": "6fd41b27f912e35b8d0ae5d57f4c398d6a6e2b51", - "component.kpiBar.item.neutral.hover.text": "da892ccaa8cf0d53408a66ea22790b802c8f8aa2", - "component.kpiBar.item.neutral.hover.background": "f22a6e900695092360cafbe14ee02ac141ce182e", - "component.kpiBar.item.neutral.hover.icon": "480f58ec99fcb12a74fd001d1d2e03506b10c0eb", - "component.kpiBar.item.neutral.active.label": "19aefc1f87d807fcbbc6e38d3ca7c3cb6cf4308c", - "component.kpiBar.item.neutral.active.text": "c555f4076558be58a0999cecd014ede6ce2ee733", - "component.kpiBar.item.neutral.active.border": "1f5aff2248657ff5104d090510803ec1eddb61c4", - "component.kpiBar.item.neutral.active.icon": "dcb7253b03a8f75081b198a2447c53d03d790262", - "component.kpiBar.item.neutral.disabled.label": "57de50bf89a3325598d03c4dbb746da8c09e0c50", - "component.kpiBar.item.neutral.disabled.text": "4e5a65ba88319cf7687c91083290103675fc4f18", - "component.kpiBar.item.neutral.disabled.border": "2355bb04702193a64fc6f85cc14c5dd01d148077", - "component.kpiBar.item.neutral.disabled.icon": "f9cabe389109344ab5ef8fc0a87550f4b1c9d1a7", - "component.kpiBar.item.green.default.label": "65252382e3426469c31f13511e5339f76d125e8c", - "component.kpiBar.item.green.default.text": "5c73a3b6e56bd24d7580897f12d666bf0cb71b92", - "component.kpiBar.item.green.hover.label": "6646545b2410e231f01e9a0fc39f48874334871b", - "component.kpiBar.item.green.hover.text": "54c36e74e50049c6b2c2e50417ed35d45e3b2f90", - "component.kpiBar.item.green.hover.background": "6125b1dc262c4a70440beb240cbc837dbb694e35", - "component.kpiBar.item.green.active.label": "9698a96645cc9610bd7251512fd98a07877b100a", - "component.kpiBar.item.green.active.text": "e42454c074a3ddd2428be44827b510fd90955528", - "component.kpiBar.item.green.active.border": "42f060b6fd0a920e94754af583172df7bd31d487", - "component.kpiBar.item.green.disabled.label": "566c33221081646f073086fb8ecdb1ff5b9e8a68", - "component.kpiBar.item.green.disabled.text": "53ee969c531823ce6b2b8082cf571e740d3ef33d", - "component.kpiBar.item.green.disabled.border": "f18960d880ccadfda86dc8cf25fa7848509ce065", - "component.kpiBar.item.orange.default.label": "0755158e787917122911ba003bf0f1b1122d5190", - "component.kpiBar.item.orange.default.text": "da08a6d9efaad28b2405217df12928e1584ab803", - "component.kpiBar.item.orange.hover.label": "d5a5df8a3112a6eb18292a268c785701f5d1beea", - "component.kpiBar.item.orange.hover.text": "5ad82d644d7ab5d19669653d6a410d81f1b9eb7b", - "component.kpiBar.item.orange.hover.background": "109fe8aa7f3c7e7e8a8110161a80cc718e8621d7", - "component.kpiBar.item.orange.active.label": "2495ef2808ae0c2e74991193714c13553bcca863", - "component.kpiBar.item.orange.active.text": "f4f6505787077cf5e102248fbf533d7e708042f2", - "component.kpiBar.item.orange.active.border": "c5fdee433cac169070c964b1a474a99662bde576", - "component.kpiBar.item.orange.disabled.label": "d5da76fc6b8e8288047acf8d87ba0d57ffbcb236", - "component.kpiBar.item.orange.disabled.text": "83ca2e765d56fe8bdb9b680d7d638a1991b03f2f", - "component.kpiBar.item.orange.disabled.border": "f3237ef6b7d8eb54e17daa0043bf7abc10c93fba", - "component.kpiBar.item.purple.default.label": "ecf6bd4f2c8a6c7150c10deabc9291ca1bff3e28", - "component.kpiBar.item.purple.default.text": "f2bd4ec0ded5295cb3c1d3a04a663a962bab92c4", - "component.kpiBar.item.purple.hover.label": "8de1c0b13419dfd6960983eff6f5fe0a7eecc16c", - "component.kpiBar.item.purple.hover.text": "1884ab9469290aa83ac147439e5816794690929b", - "component.kpiBar.item.purple.hover.background": "3f1919c04e8b4f78a6ec52b48faf37a47356faaf", - "component.kpiBar.item.purple.active.label": "0aca6a41890dae6f810855818cdd0db9c96342a4", - "component.kpiBar.item.purple.active.text": "0f50560b966970c177bad6f39be2116856a84026", - "component.kpiBar.item.purple.active.border": "2daf6ab6afd21fd97e2d4f61b24dfaa4accd4b50", - "component.kpiBar.item.purple.disabled.label": "ee4ad106a9fdf019790d66296c5f5841578e7125", - "component.kpiBar.item.purple.disabled.text": "27992a680f81bf3890201124447191c767928dbe", - "component.kpiBar.item.purple.disabled.border": "fae594c3fe91799b940bf24dcf46fbae0a6cfdd9", - "component.kpiBar.item.red.default.label": "80d1187212d5dae9335a038a3aa3728c65b4f5fb", - "component.kpiBar.item.red.default.text": "1f1c672e69d74373c4a585157d58a54b3365a698", - "component.kpiBar.item.red.hover.label": "c87a563f0b36d69d3d65a0a599216b1801586199", - "component.kpiBar.item.red.hover.text": "45f3616c48c9595473da006e27a702e7e4f139c9", - "component.kpiBar.item.red.hover.background": "2f86d1c1dabc2126954df2f22e370d768a2819e0", - "component.kpiBar.item.red.active.label": "dba72df756889b93f60df28a10f541d3fc4d8426", - "component.kpiBar.item.red.active.text": "31fe12657cb8bb3d4559b5609d0b449662ac9419", - "component.kpiBar.item.red.active.border": "559cdd2dbc6d33da7023dd6753d47ed40fc04bc1", - "component.kpiBar.item.red.disabled.label": "6c63274008c278ed8d5b522b845f1f695e196f26", - "component.kpiBar.item.red.disabled.text": "d380c853297de00add5eb06bf58bf26f4cd183f8", - "component.kpiBar.item.red.disabled.border": "288d30477d2af6e767816065a7017fe01d174001", - "component.kpiBar.item.ultramarine.default.label": "7565f05d7b75da83383799d88a1c409900b0ea96", - "component.kpiBar.item.ultramarine.default.text": "ec8b06a0847cb36ded144ff41d534cd515e4f423", - "component.kpiBar.item.ultramarine.hover.label": "15cde214f6109b3b5dc570b309717d76c1521f07", - "component.kpiBar.item.ultramarine.hover.text": "47ce6806b400c03201566d7f08e73a9701e28063", - "component.kpiBar.item.ultramarine.hover.background": "5dfcc2b5a704936aad4a3439d4ba0c41702f8b78", - "component.kpiBar.item.ultramarine.active.label": "4545e5a13266c99f38adf7ca02f459edd03d53a7", - "component.kpiBar.item.ultramarine.active.text": "17b20dda7a7d3ca1c8ed9702521863fff8189b11", - "component.kpiBar.item.ultramarine.active.border": "68afe9e4aa4e6d2dc8715a0a862b111bb43b3e35", - "component.kpiBar.item.ultramarine.disabled.label": "f2c8ebbf7313ec168323beaea33f17e3c587b376", - "component.kpiBar.item.ultramarine.disabled.text": "7709fdfe67c45a266fb7ccc820bb50bcefbe2155", - "component.kpiBar.item.ultramarine.disabled.border": "5075c7fbf2ac632193bec69ec1c328d7aeb32e77", - "component.kpiBar.item.pink.default.label": "81da7715f2610c7e302db28f5309fbae142499da", - "component.kpiBar.item.pink.default.text": "f4e6d89c4eaf4ada884780d627fb8eb4bae7a754", - "component.kpiBar.item.pink.hover.label": "45e70cf1c495cf9ad7bfba6165406ee285f6728b", - "component.kpiBar.item.pink.hover.text": "24c7b00cf54153abd56fe86044ce3445d8177c2a", - "component.kpiBar.item.pink.hover.background": "4f8bce2ae8193e261d0af6a49e5c73bb30a4bd84", - "component.kpiBar.item.pink.active.label": "2caa2c78938ebf8b6fbb3b9a1fa13d6e8eda3285", - "component.kpiBar.item.pink.active.text": "09faa29b5a9e45374f5018b5d614103f9127af72", - "component.kpiBar.item.pink.active.border": "53c41c8c348674b2b4bb27917e82f4e11a00d888", - "component.kpiBar.item.pink.disabled.label": "c86e6c39ddf7b34e577571d9b4a610379e9fbc76", - "component.kpiBar.item.pink.disabled.text": "70ab39d5d71d1c1756bf70ce604976aa7cbaef3b", - "component.kpiBar.item.pink.disabled.border": "46f78d1b810a4ac78cef14c0864e652335c90b4d", - "component.label.text": "c5d13d93bd80f5d6ca5f2035ac4b606759c7253b", - "component.label.icon": "8620a6ae5df3eecf42bc49691052d1f6025e5756", - "component.label.infoIcon": "6b0c0a23c684be93373526d90f09bafd526ea365", - "component.list.text": "3803ea99c7eb7ae13d51b16d58ee8b00a0954ab3", - "component.list.border": "bc9ca98cc8557074d6621854c454278413da8c5e", - "component.list.icon.default": "a4f7b4de151fd2753a4d13ae694e36b9789c8f77", - "component.list.icon.hover": "4142e59395564273f69adb443ceb3b6db099d199", - "component.list.icon.active": "49897a913f03e1755bdcefce2aa4f176c2cf61a3", - "component.list.background.default": "ea3214ca1d518aab82e644ea1ed58627135237d7", - "component.list.background.hover": "501ae72ee499616dbc6d4cc8b1dc001bff8b7b8e", - "component.masterSwitch.contentBackground": "88e776dcdc4f71e826c11c912d18ea1c283c4048", - "component.masterSwitch.sideBackground": "aa0ff5904ce0e14a17ede5e12622ece869324437", - "component.masterSwitch.text": "9b34f4a3757109bb78fcd1170a976ab9161cecdf", - "component.masterSwitch.icon": "820ae9a01509b310947ffba63f6dac735c1e755d", - "component.modal.background": "9d3e9ac7015f101edb69a50ca06f6a81a88137f3", - "component.modal.icon": "21b81e25a39f962359c3b8e95c5be1e7c8a16205", - "component.modal.text.default": "b396ccb987b0c4af273e7c2765c9962f5f76936d", - "component.modal.text.description": "d250d3c77110fbd52a67f6ae78d4b57086f84b13", - "component.notificationBanner.text": "cac7160a983c276b74d04b29c6e72e9a1346acff", - "component.notificationBanner.icon": "edcbdf2eaeb61e1747c3f796fb79fc2b36a3501f", - "component.notificationBanner.informative.background": "59bee69f16b5d56f2df2083aee6dfbf291edf64c", - "component.notificationBanner.informative.border": "6c5384df61d1de6189889271c00e1e8312bd0722", - "component.notificationBanner.informative.statusIcon": "1bd571bb7d08b093cb5530924d569633d190babd", - "component.notificationBanner.tip.background": "7b43c0da1b8e72b647012464093bb85a3fd5f409", - "component.notificationBanner.tip.border": "37b70215b62f7ff266684600d422523b5125206f", - "component.notificationBanner.tip.statusIcon": "72d8a521a33ea1eac05e8d7c494895bf38e7dcc7", - "component.notificationBanner.warning.background": "6953e469f1fe26a9d77e31bb9dab80af2ee4d8be", - "component.notificationBanner.warning.border": "25da16863d4aba29844e6cdaf3df2daade5b812b", - "component.notificationBanner.warning.statusIcon": "08bb7a24cb4347fa59d6cf04d33d9637d1ea6c4e", - "component.notificationBanner.success.background": "d7d46fba5216c45095a8a8503d029f91f6c43744", - "component.notificationBanner.success.border": "7d3a8f0f4b291261d67c1e5f1893074b8aa5f446", - "component.notificationBanner.success.statusIcon": "a5ac781be575be720ff0d28a2793fc6c1e5737ee", - "component.notificationBanner.error.background": "739e6237e4b75b3d0dc2a73138c30c38528bde1e", - "component.notificationBanner.error.border": "f45597a37109f52b81181d30cbcddfe9f01c183c", - "component.notificationBanner.error.statusIcon": "13e0e9e016efd7a7bf9849f2474cc64de76ae819", - "component.notificationBanner.secondary.background": "379ea250a870ecf8f40b5a28aa0e461ecb193ba2", - "component.notificationBanner.secondary.border": "88b20026eaa71e5cf5ae365d70b140dcb6fa8246", - "component.notificationBanner.secondary.statusIcon": "adff3bb5a4e95be8d17b130f0069e0827058aed2", - "component.notificationToast.text": "6b6a46dff2e603e46aaa423527cac4f22c3ecf73", - "component.notificationToast.icon": "312c1d17249c7198e1425aef0e23665a9a7018bb", - "component.notificationToast.informative.background": "2ebfbef22f92495082e13e68552bfda26bde95dd", - "component.notificationToast.informative.iconBackground": "938a37814c0ec0158b13ae5e9a71d0186691f700", - "component.notificationToast.informative.border": "6d370a17442b48f6b74cf06889cd029cf80370bf", - "component.notificationToast.informative.statusIcon": "55621a1473a9e48738d2ad6cba98a2b40b88813b", - "component.notificationToast.tip.background": "359a8f6c966542a231edfd993d4fc91597685caf", - "component.notificationToast.tip.iconBackground": "d4573621c2de30124173de31df2677b62026bde5", - "component.notificationToast.tip.border": "65be99240a115dfd572f34ea3013eee318a16ae7", - "component.notificationToast.tip.statusIcon": "1e7260e27bd25811c34f221900439c1850337049", - "component.notificationToast.warning.background": "c3a455f133392939ab138075bcc292b030105d52", - "component.notificationToast.warning.iconBackground": "bdcdf70be63f3b34665fd83abe563da5b9189be3", - "component.notificationToast.warning.border": "fa6155e7c00274f8d75ac5dbdb0254dd00724526", - "component.notificationToast.warning.statusIcon": "6c320078d246725e48f90168d3af91d470c8469e", - "component.notificationToast.success.background": "6b906ab049ecc0f819e6e4c50ec7b1ce0fa38b87", - "component.notificationToast.success.iconBackground": "aa5106896b147a577d5b5422af376a486926759b", - "component.notificationToast.success.border": "f095857bab2d2131bcbc623343e74193f1573a96", - "component.notificationToast.success.statusIcon": "f8c007bf7071e34b8ffc412246b0a0607034503c", - "component.notificationToast.error.background": "f45493da4728a24d7da229b644a15060cb4b48ee", - "component.notificationToast.error.iconBackground": "e6f348197d82603553a06089153fc7b54aa66d2f", - "component.notificationToast.error.border": "366341160151a559977224cd8c873c3dc2d4d6ae", - "component.notificationToast.error.statusIcon": "8aaa40ebd3e846ca31cb30ea1d867cf6086e80a9", - "component.numericSpinner.default.background": "215aaeca39f1f3c8446c423f0afea7593114ebbd", - "component.numericSpinner.default.border": "4e99781f6ad3e8e1f3c698b7c0ad5aaafbdca8f1", - "component.numericSpinner.default.text": "69cae6a3907d91c7a7f31c1d9966dd2ae43eaff9", - "component.numericSpinner.default.icon": "a1ee8148c2cb5fd7c2694663e043c570e9995590", - "component.numericSpinner.default.hintText": "f6629ee2c339b00bb1d533db0ba62d371ceb7b2f", - "component.numericSpinner.hover.background": "aeca3c7ab48bfc9302f14e89c563e56a87df8afa", - "component.numericSpinner.hover.border": "1085906b610b73facc23d136dd00141ca1d63ec8", - "component.numericSpinner.hover.text": "9bfc70eb78360867d48e45ae4967691431e7d6e9", - "component.numericSpinner.hover.icon": "f336601fc13393afce837561be3fe5fd2ad81b0c", - "component.numericSpinner.hover.hintText": "559ab7927540bc1ff9351724d3f0477772525980", - "component.numericSpinner.filled.background": "c5864fb8a515fb4ca1c0c53707c692efdcc6dd85", - "component.numericSpinner.filled.border": "137ab671824ee1eec895e3b101609d17828a9507", - "component.numericSpinner.filled.text": "f67c262f3ecbb66965be543147145e2acfc19903", - "component.numericSpinner.filled.icon": "6e1965630cc36c3f8c8f9e20437480b5ccbae289", - "component.numericSpinner.filled.hintText": "d8e82e299fcd4c75b5e1f4398cdd93e3faea3a91", - "component.numericSpinner.disabled.background": "25b2f68137fb329d18a4be48a77dbf904baf2195", - "component.numericSpinner.disabled.border": "0fae5e4fa0abf55888b1c7484620a9d8b89d04b7", - "component.numericSpinner.disabled.text": "088d0d9eb24359b1cec44ea16d8c47e2c1d62d55", - "component.numericSpinner.disabled.icon": "e03183568bd980a1db46439a0788cbd9af748b1f", - "component.numericSpinner.disabled.hintText": "73e32aa687d9d6af736aa059139fc8b16c7eef80", - "component.numericSpinner.readOnly.background": "5e73813d6136bcb6fea88e47cbec8b1bfe5a4ae5", - "component.numericSpinner.readOnly.text": "04f8f59d9bd361e7fb51e065b199f87c691090a1", - "component.numericSpinner.readOnly.hintText": "f3120f51c25222068eaa6fd2dddc566708857290", - "component.numericSpinner.error.background": "e7e2fe985c5b8749bf864aa802b78bbd944c44f5", - "component.numericSpinner.error.border": "827ae761694e9fa1d825872cb23e80e0deb4c91c", - "component.numericSpinner.error.text": "70a5d0d3099480c1de37d2874efdb072b214ac64", - "component.numericSpinner.error.icon": "2cdee819a4163927696b318abd302e1702f9662c", - "component.numericSpinner.error.hintText": "539f1731fc74b3ec553160a584ca9cdca1c08345", - "component.numericSpinner.focus.background": "f2db4b3e2427ae3118982acc4b6239c396f3104e", - "component.numericSpinner.focus.border": "953f8ee2b78a15e43917cd4f1d9ec21d1c63e4a4", - "component.numericSpinner.focus.text": "aac8d1181beaa92731ad67063002d553960f74a8", - "component.numericSpinner.focus.icon": "24c61c254c5c71b5d85dd21088e890e562e8bee5", - "component.numericSpinner.focus.hintText": "fc3ab6c92c2ebf4e68780adabbc3fd1b012d2390", - "component.pagination.background": "3b6b88c37b77dadb3a9b139b6b070fbfead06572", - "component.pagination.border": "eb3bbd030efc117537edcb3e454b1141141da06b", - "component.pagination.text.default": "5690f6705d0554186627f425d15ae657c97eb670", - "component.pagination.text.link": "f7700bc12656db6cd4a5baf91a31017da37d609d", - "component.pagination.text.hover": "06ca3a5c37113fa9656a3f6f6f1bee12c25029c1", - "component.pagination.text.disabled": "48c9b92018a9cc525d94999fde818d7243a7573c", - "component.pagination.icon.default": "d19efc680364217cb8ccc84a8028cfdd49dc5ae9", - "component.pagination.icon.hover": "b9a2a131be5be95be89ea87b0872b02df7e0a56d", - "component.pagination.icon.active": "0e988f0b20782d710c3a424a0c18babd2c420b65", - "component.pagination.icon.disabled": "fffb40a62024c1f408a7f2867c347f3665ca73ad", - "component.popover.background": "d527c7d75d171decf20396290823e063a5a666d6", - "component.popover.border": "79ddaa6b04f40f4a29f2fe0e606113bdab9d0cf5", - "component.popover.icon": "66efae9b3fa7b3b7b85bc756d8504c1439f548c4", - "component.popover.text.default": "66baaea3b8896d3e675d08926f93fc2a7a419841", - "component.popover.text.link.default": "2cc04934204bfc81b35b7940c24e77f304b09065", - "component.popover.text.link.hover": "d825c71010f192793019b55162f9115ec8fbe1a7", - "component.progressBar.text.default": "13dc26224643fff9c94439f4c3ba522b96984da2", - "component.progressBar.text.link.default": "c545c02d7fde83380a31f9b8cb401b8559fe881c", - "component.progressBar.text.link.hover": "de7c4e7820fe13b7244270e29bb11a3ec2d6c6b2", - "component.progressBar.statusLine.default": "e46989f68e4d0b49f85bc9cef6de6ad9d0343790", - "component.progressBar.statusLine.success": "0722afc8b42b29348b00b58fbf1aa41352cf620a", - "component.progressBar.statusLine.error": "dbe8f916b9e31e416f583a7a216265374a6b248d", - "component.radioButton.inactive.default.background": "ce8345928d770f49d3460cbe379ff22bf7b42ff3", - "component.radioButton.inactive.default.border": "e96bba05be7d72fbded8201e76ae04e965140fc1", - "component.radioButton.inactive.default.text": "88aedcdd26a8685f7567ecc734ed95b9b60ce919", - "component.radioButton.inactive.hover.background": "31e04317984a5e2932cb4d2c08d3ffdf281881df", - "component.radioButton.inactive.hover.border": "c12957f66de84a05327dc5a9f6d2811265966058", - "component.radioButton.inactive.hover.text": "6ab0b361f26f15450b6649f6c63eed3316731656", - "component.radioButton.inactive.active.background": "f45a4c29d4cd72226108bc7f875e72d890d2153b", - "component.radioButton.inactive.active.border": "1ce4c5c62f4cd15977aa368b317520ae80f3624e", - "component.radioButton.inactive.active.text": "c788d927fb515a78155acefb15d6a33e7872c421", - "component.radioButton.inactive.disabled.background": "e58e86c9aba8419131520ca07a5310559944d3e0", - "component.radioButton.inactive.disabled.border": "517bd531d9bfdbbf9c7811c2d15039e433a53054", - "component.radioButton.inactive.disabled.text": "3e914f368ac7cf71db858aee5fa7c8a079f05b1e", - "component.radioButton.inactive.readOnly.background": "82bba4c1a14016b9f4f916b901d8e316dacf36d4", - "component.radioButton.inactive.readOnly.border": "b5e6f332356dd5f1c53d37bbcd1cbeded4c8db03", - "component.radioButton.inactive.readOnly.text": "3948309731424b9d0d15dd07d26d1a8790532664", - "component.radioButton.active.default.background": "0146f1f2976a743e266fa7315bb04594c7e3eaf7", - "component.radioButton.active.default.border": "c17e974eab2ce97da96061c1ea782b3743b02629", - "component.radioButton.active.default.text": "e8fa84559c7f7b0d3ce691eb12175d7a8d0d84a3", - "component.radioButton.active.hover.background": "49b10a80afd4b7b2dcae4285ffd9a173fde4d360", - "component.radioButton.active.hover.border": "abd5c37ed49a49cbf0b52b1956bcc0cd61974eb3", - "component.radioButton.active.hover.text": "080cf7e8d32a5950df47869c9f6d72288b0b9959", - "component.radioButton.active.active.background": "0078045f38e618f12f2e87c86c7b2707f95b118c", - "component.radioButton.active.active.border": "d65cd389c5a08f9a243f991f30139f55823b915a", - "component.radioButton.active.active.text": "c8c1659c0db227fa7dc8c5e0013681d25666aa28", - "component.radioButton.active.disabled.background": "c596991355bdd444bd7fbe5bd882f8d529bda8ab", - "component.radioButton.active.disabled.border": "abd370e53434ca600da9f5baafd678bfedf68d56", - "component.radioButton.active.disabled.text": "96a1497a87c8cedb9ab6a9cf8cff6f28274e9f45", - "component.radioButton.active.readOnly.background": "fb2555be1193a1793721cc9b2f1a3e7b0d871801", - "component.radioButton.active.readOnly.border": "3efefe388340feab199bb719c981f59bf9dce35a", - "component.radioButton.active.readOnly.text": "470d3922c950e4ff32a22846996f324372294fe1", - "component.search.default.background": "9432556d3bf3b1a3558f00686a66e39ada627e36", - "component.search.default.border": "13be165981541a6ad0ea75a438becae13cf36ac2", - "component.search.default.text": "ca6c386401741208c124e319aaa60e8eb7b2f825", - "component.search.default.icon": "7610732d7e2e427603d66f650d83c53d441f0a3e", - "component.search.default.hintText": "9b5e249feb7acfb2df4c638d36cd61b2788bf5d6", - "component.search.default.searchIcon": "7f0a12c9964cc94635380e5c8eece7f95e2f8200", - "component.search.hover.background": "1bf1b3a71ca064b5718031739c1fdd5a81d92aab", - "component.search.hover.border": "28bde42fb4e98fd6ebbf1e1c3c3be69995f68327", - "component.search.hover.text": "99e1b1cc61efb21118c3a067817e9b27ce6ec673", - "component.search.hover.icon": "796cf09d32504aaa4114b6824cada7464c8b65ba", - "component.search.hover.hintText": "3a825751e6c9a0358966f59668463b93a598a031", - "component.search.hover.searchIcon": "3473c9833ac71e14e210dc79db24326ecb4496da", - "component.search.filled.background": "a2bd1413fc326b0a7bd072902b3ecc7b9d9579e3", - "component.search.filled.border": "a8f6207e507d4f3ae39632e130f4d54e7204573e", - "component.search.filled.text": "547a132b9d19e57f7ff0e247b98042937b4e5d65", - "component.search.filled.icon": "84c9fb1e86f4e480c3f5a7f9aab2b46c426eb6d7", - "component.search.filled.hintText": "831a5c17fff0598f76c6bb850cd141069e5d0549", - "component.search.filled.searchIcon": "febf403de4ecb67555691968e262e7deda041eb0", - "component.search.disabled.background": "bc9f9f8e1883481f8b6a75923fe3fe281480ca2e", - "component.search.disabled.border": "8f713b4e14ace3354b948d0b305c44980c3cebc8", - "component.search.disabled.text": "942479d93c1db9a7f9c349720e472c3061feb586", - "component.search.disabled.icon": "0ca81558dccdfb7a8ff456e4b26336fe3973e65c", - "component.search.disabled.hintText": "24bd7ebb2fb20028d2f60600221ab6e0b167b999", - "component.search.disabled.searchIcon": "85d8f1cb5918fcb01642f723f0737572f398fe2d", - "component.search.error.background": "b4c690d837ad7a8ee93bbbba19a1f22b217c109f", - "component.search.error.border": "98fd6f45d59ece0a578584728d034ee873fbb43c", - "component.search.error.text": "183365c5b844e5ac0567043e5e5a4ec1243b3cca", - "component.search.error.icon": "bfbc99b15b741d4ae66d937ab9aa58d30e567b8c", - "component.search.error.hintText": "34b7bc380cf749775546e1c8760a705e4d79b5ee", - "component.search.error.searchIcon": "47ba15cd160423afa26183b5679326e935136881", - "component.search.focusEmpty.background": "91392e5ecb1a1f9ad38fc6a94a4b9790114b725a", - "component.search.focusEmpty.border": "9f08a2e24d34fcd643e538f193e59e04503a07d0", - "component.search.focusEmpty.text": "cd000a53601b2969e105acc9285fceb7903d91c2", - "component.search.focusEmpty.icon": "d91c0115deb4f337b4d7e68207661b4119fc8d00", - "component.search.focusEmpty.hintText": "36660341763222b8ddd909fbf6d3a11eea6ab691", - "component.search.focusEmpty.searchIcon": "14b687d837da5b2cd6f2539c817b91bd73c55de9", - "component.search.focus.background": "f0eeaffc68dd4d8379181a853ba00a669f950649", - "component.search.focus.border": "fd2ef1d971a6fb1bfb2538ac32c385795eb1fab2", - "component.search.focus.text": "31457bc5aae0858419e66fe217b2b412e4c2f638", - "component.search.focus.icon": "7f5d57b051c6cf857cca8a8b2fb46dde963e794a", - "component.search.focus.hintText": "0033714d9e9ce7c073e5cb5ce7ed93d271cfb55e", - "component.search.focus.searchIcon": "ffb2425ce943b3cc294c608dc3c620fa208d0000", - "component.sideNavigation.icon": "ce3d18d18a23dd97d6e919ba3188288a33b2260d", - "component.sideNavigation.border": "893b1ebdd47351860df53a5f9aec41ce714df3cd", - "component.sideNavigation.background.default": "84434404b7eca6d8309f7b3d1f318cc594e31df8", - "component.sideNavigation.background.secondLevel": "f21b1eaed7e7eee379553944a1aceff7c396ed52", - "component.sideNavigation.defaultMenuItem.background": "8402db026af7e0d0a29a558e56e691072d95d53c", - "component.sideNavigation.defaultMenuItem.icon": "7851fb455d51b94bb2afcbf424df7f51ec9ba2af", - "component.sideNavigation.defaultMenuItem.text": "bb485f136bbea4dd223cfcbcde2cb2ed5c391574", - "component.sideNavigation.defaultMenuItem.label.text": "0ebdcfd265466a84538f56da8800cfc80d4204dd", - "component.sideNavigation.defaultMenuItem.label.background": "0da3a2fe333c12349dd4eaecde21748a2ca5a4b2", - "component.sideNavigation.defaultMenuItem.label.border": "d0dcc23167b42db3d375f0c70b8db376b862f749", - "component.sideNavigation.hoverMenuItem.background": "ca321fc1688017421cc5788e9840502b93f16284", - "component.sideNavigation.hoverMenuItem.icon": "8c08f7036285cfd012f39d69ad455f57889d1120", - "component.sideNavigation.hoverMenuItem.text": "a1727264fae24647bab49f83555258b31ce34e94", - "component.sideNavigation.hoverMenuItem.label.text": "9a15d3afe298209c2d5cd79721469254dcfdf9aa", - "component.sideNavigation.hoverMenuItem.label.background": "549d2dc92cab2e69d59dcd591fd60aad0bad7d60", - "component.sideNavigation.hoverMenuItem.label.border": "c0c6687accc4313625cda9c53f94fff8c8baf1e4", - "component.sideNavigation.selectedMenuItem.background": "6ea5bdaf92a77f7b3fab18036ea339c32c233b6b", - "component.sideNavigation.selectedMenuItem.icon": "ab815612bc9ed090b72d4909ff45c3e3a6747476", - "component.sideNavigation.selectedMenuItem.text": "63b89f5fe7efb120cf491dac33289c74b003e84d", - "component.sideNavigation.selectedMenuItem.label.text": "f443c7211caf5c065e9dd95f2e48ae9e7dd661e6", - "component.sideNavigation.selectedMenuItem.label.background": "d158a9b2b04494d5c03763c2afbb35c5a898b65c", - "component.select.default.background": "fe8a90db9173c21301d56dc66d80ae46ec89d7c8", - "component.select.default.border": "c29812e073abc49c10d8820a830abbeab09e1fb5", - "component.select.default.text": "543763fc75e2b43e6644e3047802af14b8be1581", - "component.select.default.icon": "1df6ca6f0f3327816dc905e9b015f2efe03a2ed6", - "component.select.default.hintText": "003f83846877af25215f8fc4128f00a9aa877c41", - "component.select.default.infoIcon": "572e0dfbbbf698daf9be6fd503fdf5041c7b1883", - "component.select.hover.background": "2139c3d5a1d0fb9373bd92100c80d5eef2423918", - "component.select.hover.border": "89d6d190233d1a07baabf35897b5bebd407d01bb", - "component.select.hover.text": "c15311a46e7a3643cee5ea96cec8f45f72bba32b", - "component.select.hover.icon": "2f529d31c3bd62cb13e02fcc45407ea378deb718", - "component.select.hover.hintText": "d0695cc0c42a955237874ae81634d41541d1c494", - "component.select.hover.infoIcon": "b0ee3ee728efdb2e86f3bbec2980fa7503c53b88", - "component.select.filled.background": "a996f0ba6d7971f5e5f959921ce390d354586f39", - "component.select.filled.border": "5b2ecb6f0b6cb0655ef9f32fd2e6e80fb2d119c9", - "component.select.filled.text": "ba610f47bde27aebd5229c8e665dc34654070c58", - "component.select.filled.icon": "ad57fe6ad0e36725d96f2c05f689a674f63ffe64", - "component.select.filled.hintText": "b4e3b4b9ad83dcd62e4ed6835c279fd412d81372", - "component.select.filled.infoIcon": "2cb0113394cc46fd67b21542bf52a905ff9784ca", - "component.select.disabled.background": "ec931a5970e54c6771475b652d90123d578af403", - "component.select.disabled.border": "a60b1e2f4291838efa3ed4d216d8dfbb68a951c1", - "component.select.disabled.text": "9323ac57128a6d43dad8e55cf92ce91feb785a8a", - "component.select.disabled.icon": "92730a946cd23e9f786a4300dc43d9b4c6b16ca8", - "component.select.disabled.hintText": "9890331ad02b48e049b55d895a8930954bfe7cb0", - "component.select.disabled.infoIcon": "ae6aa91de0e209eb2f354ad8796c43d371b9c1b1", - "component.select.error.background": "6b388186555e3f1eb5af54a651cd34329167e7d2", - "component.select.error.border": "56ff422ed641dfdf3e28a1a28efe1be8b09d0eca", - "component.select.error.text": "1236809cc1bb2ca2fef86efbb9451aac1396149c", - "component.select.error.icon": "a06e7f403e299b67a091b38f8bc61ae0c3cbee1e", - "component.select.error.hintText": "026dd181dd68d56e8289bad1a7d3987711d6cf54", - "component.select.error.infoIcon": "7f9ba342588fead09daf4de187a83ee30a05a722", - "component.select.focusEmpty.background": "23a39b4566c9db6784e4ae80018294e036a0f121", - "component.select.focusEmpty.border": "dd373ca160f2c1b781c2ae7852cb11a16fc02ed6", - "component.select.focusEmpty.text": "6c1c6a3c8fcb59d8e8151621b24c8dc3f17544f3", - "component.select.focusEmpty.icon": "446a7d4573d1156c1be1356cff5aafebaabacc8a", - "component.select.focusEmpty.hintText": "d655b447955ba69084350067012ce7aace3e21cc", - "component.select.focusEmpty.infoIcon": "775bdbbdd0e0573e4aac814c20383cb0e497bbbc", - "component.select.focus.background": "8b273219b2b2c3d2b1eb46231625f34415b91f68", - "component.select.focus.border": "34afddd78ee5b498cfc3767abc0c96592952c366", - "component.select.focus.text": "c248e075e20a33e2cbefc5d558d32de36cf3a3ae", - "component.select.focus.icon": "3ce8344b3df574757612ac17b678670a14b6a7ed", - "component.select.focus.hintText": "b1b233f8ab765f3c23145a3b813b9884b7bf9458", - "component.select.focus.infoIcon": "da308303321b81b86e4d2be4cbea8380397f75cd", - "component.select.readOnly.background": "7cf5a443618487a6006f96bae9fb09f085905f26", - "component.select.readOnly.text": "338362fe068086d9ffeec35e1678e892fb8a3b9c", - "component.linkSelect.default.text": "ddd6c6766110c792204df17a5e4a7a5d817e9cdf", - "component.linkSelect.default.icon": "e9b794e8046c7938705ed3fab55494d63bbc5f9b", - "component.linkSelect.hover.text": "e58c1223b2406e96326b237d0ff666f2c3aee332", - "component.linkSelect.hover.icon": "2c241658a436389584da31a400f8e8acb245d4a5", - "component.linkSelect.filled.text": "bd53c2bc673cc42ab03f3271b2d47bf74ce1197c", - "component.linkSelect.filled.icon": "fd28ec6c5a0b9453ea5a3b2a85c43bae9fac5edf", - "component.linkSelect.disabled.text": "7dcfd23eb1cf2a6f612c9d49ba80e3a2283fac8c", - "component.linkSelect.disabled.icon": "ec1cc3d13d53eda3c29b0d984591a0ba6808092d", - "component.linkSelect.focus.text": "997e73ab089a41e674cfc8df65151f915a65cd6e", - "component.linkSelect.focus.icon": "207eaff5a2a4374d25ca9bed7ab31cf62b678ee1", - "component.linkSelect.readOnly.text": "722f1e787f0c5187c23771e412c21876a3ac640e", - "component.sidePanel.background": "ba42928b76f8b2c6fda3bba3ef9f7494bda343f3", - "component.sidePanel.text": "c2b1ee5fde3653894b14f1f4d816260b3ae2a909", - "component.sidePanel.border": "2e9457ca51efe819f7d1b921f8dff488d4edbcd0", - "component.sidePanel.icon.default": "9bfb957c37fe9eebeaf2a71192c72e7e0e78e28c", - "component.sidePanel.icon.hover": "1998883a800ec11922f0e72de038a6ec7d3a0d39", - "component.stepper.horizontal.line": "83d41169170ac5e3d9d0729113ce69ec6fc0a0bd", - "component.stepper.horizontal.pastItem.circle.border": "4f9b529813ff437414974ef76aec2c0567a9f68b", - "component.stepper.horizontal.pastItem.circle.background.default": "594ff98db330c926bf9c61129618a446ad67cfce", - "component.stepper.horizontal.pastItem.circle.background.hover": "56e830d30833295e4cc13bcdbdd41f0a0d97913c", - "component.stepper.horizontal.pastItem.circle.icon.default": "f899caf54e230b09f2a09f2b5f25b98b849ee07d", - "component.stepper.horizontal.pastItem.circle.icon.hover": "0172ab2712210adefcb28419dd42697ac2f9b605", - "component.stepper.horizontal.pastItem.circle.text.default": "202465ba9019329a9cbd2c64418ac9c083efda99", - "component.stepper.horizontal.pastItem.circle.text.hover": "5ccd7e4887d1b0eb4d90df0d5f04896209ab2a99", - "component.stepper.horizontal.pastItem.text.default": "d01d0dc416b35eddbc0ba53aa68e35e0de44d1ab", - "component.stepper.horizontal.pastItem.text.hover": "9dec4df6755fd137934fbd46ce2af8bf319ecab7", - "component.stepper.horizontal.currentItem.circle.background": "f19c0bb14c9a9daaf7f76f688ff461ad75079f26", - "component.stepper.horizontal.currentItem.circle.text": "7a4cfaf3a1037e342436dca83561345e292c471f", - "component.stepper.horizontal.currentItem.text.default": "a203a2dc8e8bfb125c31290cf4050bbaa502dbda", - "component.stepper.horizontal.currentItem.text.hover": "2bc788515bc651e8708225f541403dc563777ca8", - "component.stepper.horizontal.futureItem.circle.background": "c7d81579a7735f4b7fe20d88b3f1fbca86f590cd", - "component.stepper.horizontal.futureItem.circle.border": "f10a3b888125b17d9aa1be8358c43b93d385a8b0", - "component.stepper.horizontal.futureItem.circle.text": "c9f5173ced7ad3106f84031176011266eda368f5", - "component.stepper.horizontal.futureItem.circle.icon": "d07443d212d94477b35a847bf1c7bad0e1184259", - "component.stepper.horizontal.futureItem.text": "49d0619ded895fbc2eaed591cbcce5999049f254", - "component.stepper.vertical.background": "85df500b537656dc7ae0a937e9052f37a6e6c4d8", - "component.stepper.vertical.border": "56a695be4c53d780e034854b98b422709f779525", - "component.stepper.vertical.icon": "83c2374f8798ce6b1597a167bbd574ee1108e67e", - "component.stepper.vertical.pastItem.circle.background": "4daad5ba4df80dac2843d685b59d16eddf78b86c", - "component.stepper.vertical.pastItem.circle.border": "2f3fef3f5a4ec887daf428d7e396a424eb843af3", - "component.stepper.vertical.pastItem.circle.text": "4a8ec34ff3b078c7a709f2306d6662933d1877ce", - "component.stepper.vertical.pastItem.circle.icon": "91a6dba5263f56bc0ddcd0ab8f7f9cb8735a59bc", - "component.stepper.vertical.pastItem.text.default": "4c4a47749caf961a9783bf6196ea8c48acd0c246", - "component.stepper.vertical.pastItem.text.hover": "e8805afdba535aba0c25e052003f4fb9cabc3acd", - "component.stepper.vertical.currentItem.icon": "9305f0984a642f787daf6740df93c9d702f95b69", - "component.stepper.vertical.currentItem.circle.background": "807b5ae101bf65904b95e5fbdc00d39449a746d7", - "component.stepper.vertical.currentItem.circle.text": "fc0f20fb057184c9e26417f40e16723e45d55885", - "component.stepper.vertical.currentItem.text.default": "530249897c0c08e2d9cb603bcc1f7b004e4e4b9c", - "component.stepper.vertical.currentItem.text.hover": "f27c6774f560896423cac2bcfec2a45f6624f2fb", - "component.stepper.vertical.futureItem.circle.background": "1d5f7187182f6ac83f39dd34a7f69ea89f68a19e", - "component.stepper.vertical.futureItem.circle.border": "8946af923219b386bb0a907d1839dad94ddb99ab", - "component.stepper.vertical.futureItem.circle.text": "8564762328d054601264d1295bf8c04404c31420", - "component.stepper.vertical.futureItem.text.default": "adf03d86f6a17e65f9668fdb0b07a787a4ed25fe", - "component.stepper.vertical.futureItem.text.hover": "bddc1d16f66c378cc56c587eda42db45c5d0aad5", - "component.stepper.vertical.disabledItem.circle.background": "7aef17a05ee773ba055f423df31e431d597057e8", - "component.stepper.vertical.disabledItem.circle.border": "09db1fab2b3e83cd67a0f5b86127751f595a6242", - "component.stepper.vertical.disabledItem.circle.text": "429a21a2e89c5a3edb211fa506bec1e31358a6ea", - "component.stepper.vertical.disabledItem.circle.icon": "c38834aa4fd9da6e5c7a264e1dda9fe31ca41449", - "component.stepper.vertical.disabledItem.text": "8bb725a1a8ecbe6d9855e984a05339f2466b7b2a", - "component.switch.active.default.background": "457e14921a1f6b3ba3fbefe007670ed5e53cc421", - "component.switch.active.default.icon": "eba053a269deb4dbd36914a627b11414671b46ab", - "component.switch.active.default.circle": "3f61b57b7db87b9cabd7247d0e3d9226822b6e34", - "component.switch.active.default.text": "851656df21fcfe1d72895f130903b5c91a96a7a2", - "component.switch.active.hover.background": "d7c38c686941e7316da9cc102539d70ae98e90fc", - "component.switch.active.hover.icon": "30ba7220959b895448dc6e5b77db98bfa0f9d839", - "component.switch.active.hover.circle": "42804e2574343211184613db4be71748aad7c8f8", - "component.switch.active.hover.text": "6618ae6f66210381779a82d605865a8d395c0e96", - "component.switch.active.focus.background": "65cb47c097a1d4bec1a062f64d92533ceecac793", - "component.switch.active.focus.icon": "6a78805e3dff810d3cb9595f325c6a9a54093a22", - "component.switch.active.focus.circle": "df48bbf291510df70402784c680fe3c0036e435a", - "component.switch.active.focus.text": "f5a177af4d8828f495c7eba9be2e9316fc23fa7b", - "component.switch.active.disabled.background": "2f3fcf25aa12727ed5a8c72b872f3ba0607932aa", - "component.switch.active.disabled.icon": "aaf04a1ee87745fa4e513b84e210d6e808e32d87", - "component.switch.active.disabled.circle": "9caa8d48c44f1d452db1754a8f8f847f71eab368", - "component.switch.active.disabled.text": "87490cb911a4f6d68bcafb2f99d9e4850a1e1284", - "component.switch.inactive.default.background": "ff06656702446c2c238993e71d854dc1a22b912c", - "component.switch.inactive.default.circle": "b2db6db55f0a2a929b222a3a825e60d59d9de27c", - "component.switch.inactive.default.text": "76676325eb5643bad0951a21e882e8acca281dbd", - "component.switch.inactive.hover.background": "e822dfdb4e939e7252838fcba2b1e321e732bb67", - "component.switch.inactive.hover.circle": "5a71d245d279e44ac18d671c665672034346d9db", - "component.switch.inactive.hover.text": "9a68e30c41202240200a492b612e20ca459414f8", - "component.switch.inactive.focus.background": "4138510526ce4918eaf6d3d54e2422620a34eeb9", - "component.switch.inactive.focus.circle": "65e922144a8e052df7da254c0075febec055e94e", - "component.switch.inactive.focus.text": "1d95c3bf435a4ba69557e4c51db318a3f194d5d4", - "component.switch.inactive.disabled.background": "0b8405cb659fb49eb08c539022e177bb8a79554b", - "component.switch.inactive.disabled.circle": "a7852483938ee545912669cd319f8b7bcf95690e", - "component.switch.inactive.disabled.text": "a4bb0ae50e11b23b3da8e18527bf805230f7dbed", - "component.tab.default.text": "fe2e963b771077e1cf1b4d591acdfeba4134880c", - "component.tab.default.icon": "325a41717c945b4eb6edcb8b0029e8e5000c97a1", - "component.tab.default.border": "669e19bc75c2bb402702c4547bcea778f9ee75df", - "component.tab.hover.text": "ba629f88e453334e5b419b0c321c863229313196", - "component.tab.hover.icon": "c8a19f2ef0b9b7207ce80b56035f78b3dc90a6bf", - "component.tab.hover.border": "9457f1ac5c97cab888546a31a9a9e3adfcadace8", - "component.tab.active.text": "30fba9127321e166f5985dc4b6f285a7bf8cd60e", - "component.tab.active.icon": "636c1404e4c0eed5ea58fcef29b62d8c16d0479f", - "component.tab.active.border": "895ae42adf39b6ee6598a413f42d27224fd55b6f", - "component.tab.disabled.text": "aa7f1b1e1010df8b371a15f239cd4757ce912753", - "component.tab.disabled.icon": "84a3043051333673a03db26a40dd61f0c76ff126", - "component.tab.disabled.border": "b57336fcf238eb8ca9544524165d4d8ba618b14d", - "component.table.headerFilled.background": "21c18205e4a31961c6f4f091bb8cc66195cf3069", - "component.table.headerFilled.text": "765438365d81a9fd66bf314e6e6674ab6477c7f7", - "component.table.headerFilled.border": "919fa0fcdb844af56aabe8f128a18447e671b457", - "component.table.headerFilled.icon.default": "fde7a61007af20dbadc2f425c5c714f2a977dea8", - "component.table.headerFilled.icon.hover": "111b72d3bffa5c5747fb8afba576fc0bb9b16aaa", - "component.table.headerFilled.icon.active": "5dba419b21bd86db1ce2f1cc2104fffe2c9ce71a", - "component.table.headerOutlined.border": "661e98db5d67c0d56449f959bb9d8384ac606963", - "component.table.headerOutlined.text": "1f73230d0c4cac054552198a9c4db22f5f493593", - "component.table.headerOutlined.icon.default": "c8510d83d4403b8949a69b463317ce4ffec47ff8", - "component.table.headerOutlined.icon.hover": "9622eff69dd11731ecd4db8654249e4054492317", - "component.table.headerOutlined.icon.active": "67a7c77af77cd9d65868cddec3cdbf31bb9470c8", - "component.table.headerNested.background": "84ea5586b59e444f391eca4ff7f3d5ec44124579", - "component.table.headerNested.text": "91e526e7e044e21256d4c11dc923bdb5e2808b32", - "component.table.headerNested.border": "37bdacb7da190bed7a1cec86f0c9adeda298c0c0", - "component.table.headerNested.icon.default": "50ffa30f0a8a0a7e09ecdac4b062ce857b340e32", - "component.table.headerNested.icon.hover": "28870f627ccdae4502997b44c012678cee9023e6", - "component.table.headerNested.icon.active": "c59fdb5a5eddb078e49447856cd738f9e48d2818", - "component.table.row.border": "3313f200776e476bfbdfb1902ff5ebcd2e9e6f85", - "component.table.row.icon.default": "feb0b42bb5248924c39e4e130a8815224a60d9e3", - "component.table.row.icon.disabled": "8e972dd5c191f5a7900871908d34316a818d1abe", - "component.table.row.icon.hover": "9d19cb992ad12308fe82f95f47215803d44f7d8a", - "component.table.row.background.default": "16a64d5f24e7120078242e7e6c32b36d3c4fd630", - "component.table.row.background.zebra": "a660ee9100308c60203b71bfd1808b20d9ac1a70", - "component.table.row.background.hover": "a40055fd9acc05a6cd0d33fec6a85436faf06fa6", - "component.table.row.text.default": "ff646b6b5977f3b153988004b788eb377db50945", - "component.table.row.text.placeholder": "d3b8c09b17db4c48c4fae7645440bad65336c337", - "component.table.row.text.link": "be19a6f9b0ac0269bdc218e9ef43418226f216b6", - "component.tag.default.background": "3d6b22b46ce57492f999eb46eba96dde36a3b00e", - "component.tag.default.border": "60804a91990462be9c659343d0575d34163ea2cc", - "component.tag.default.text": "d984b18479cae00a9ec11ccf0f79f4f482820964", - "component.tag.default.icon.default": "bc358544099f2e490f9a821fa7018ad1b5bb6133", - "component.tag.default.icon.hover": "25c820eb883203b350faeaaa284efb863c666350", - "component.tag.default.icon.active": "9c7367a1ebf774641588bf52b8ac2b0fbbb8a54e", - "component.tag.hover.background": "5aa51861da7922525e9e5896e36340492f80cb5c", - "component.tag.hover.border": "5ac22e8ed613455850edf404d7662fb90cf2f021", - "component.tag.hover.text": "72b4c322103765e89cb7cb5b7f4e1a656fccb9f6", - "component.tag.hover.icon.default": "c755029770dcfe13e894fab7c42720a7f244889d", - "component.tag.hover.icon.hover": "983ed2ec05af4d9846797e8e9cc1bfc170ce2556", - "component.tag.hover.icon.active": "ee31a3e647d1eb0fd2c16d346faa98f55eba881b", - "component.tag.focus.background": "b8e7156aab4b85785b128812549f6878a6c266bc", - "component.tag.focus.border": "d6ae399bcdbaaa199602bda42b5edbbda093fb1d", - "component.tag.focus.text": "23007e8baa8eff65c6f49484b3998d18d44e1e35", - "component.tag.focus.icon.default": "205e1ec775a836d9bbea24125e87b3739092c7cd", - "component.tag.focus.icon.hover": "2753ca474fbe20d8558a4530e0aa06657b26a4e4", - "component.tag.focus.icon.active": "8f92adb328953b4ced7f1359ba4faf9813a522a1", - "component.tag.error.background": "7b2527268fd53074e45071b8ac3e07da15755db1", - "component.tag.error.border": "b0b1a309fe9f865bfc73e57ee03b5c7d7d273c79", - "component.tag.error.text": "244ffdd917fba3bb39dc287cc4444e32d1213306", - "component.tag.error.icon.default": "bee9f1e2c94c08c9e59b18e83ab0642e10c9ac53", - "component.tag.error.icon.hover": "92759204858111551c1177e0d6bae2f27fbc0a9f", - "component.tag.error.icon.active": "558d11bd85527b4d8eada764ef4bc1e1d482497a", - "component.tag.disabled.background": "6238fa053f2adf69ef73cc36da31772d8dd2451f", - "component.tag.disabled.border": "5a489da83ebd37d439251021b04e46dc16bd3b4a", - "component.tag.disabled.text": "57eb78272000951cd53977203a2df3f0bc2bf46e", - "component.tag.disabled.icon": "946484ac87c61173be78313bfad442cfd376e13b", - "component.tag.readOnly.background": "7f32efbc8a44bc25efe475e6197d6933aa597974", - "component.tag.readOnly.border": "1e5e884ca9a071dce43e0f57dd1a1fd73686936c", - "component.tag.readOnly.text": "083e4741c8d58ad26a3ff83819165f9d2ece6027", - "component.tag.readOnly.icon": "34df203dd79f845225ed8efae1c7c75b28f673f5", - "component.tagInput.default.background": "f4671d25cd996d3b08a39f0880e6da934d44e9c4", - "component.tagInput.default.border": "7d9515800c3595f56ee1593ee3edb34f64d6f8df", - "component.tagInput.default.hintText": "2f225499b2cefdf0ab97fe037f1f7b9bd1b517af", - "component.tagInput.placeholder.background": "b5c8b6d6981704741952e1f09780e6a8523b1699", - "component.tagInput.placeholder.border": "a44dbd5087ef29a6fccbff36c59c9ab1a3977a20", - "component.tagInput.placeholder.text": "4591136701ac672b38fae74a31d28f6bb5fbb33f", - "component.tagInput.placeholder.hintText": "ed8c591a89ce0d95a4f084f59bac0b3b477c7a2b", - "component.tagInput.hover.background": "c5abb42775e02ee74f33dee26a8587c17f738098", - "component.tagInput.hover.border": "912727db2526dab8a20829e6bbfe46555c754377", - "component.tagInput.hover.text": "7879eec42c18849993aa4fafdb6aa0b09def166b", - "component.tagInput.hover.hintText": "7f8b701f6866e7f30d683562a8471e8b0dd92425", - "component.tagInput.filled.background": "8c3d701a2fbe20707a90128e861d2e721cf60047", - "component.tagInput.filled.border": "7015803d7c4175a9f10f1aa16974fc4ca9c52462", - "component.tagInput.filled.icon": "942e694db5007fa10a33c03655999fd8b09484e8", - "component.tagInput.filled.hintText": "4c9c3a46ba7629f6879b5b827ea62a7ff66fe8d5", - "component.tagInput.disabled.background": "0c506bd79a8094008429996add2504ae25929767", - "component.tagInput.disabled.border": "bf99dd86d9955f0d786d730ca313ab308d98a12e", - "component.tagInput.disabled.hintText": "d6154111cb036941dfdb3fb5b35915bf0064886f", - "component.tagInput.error.background": "3ee6de3ed87cbbbc97d4c8cebff184f35b859468", - "component.tagInput.error.border": "427f4a6e49fcc389b57b972c1b4904d6d0ccb772", - "component.tagInput.error.icon": "06b0ce2e572a2b47b1032754bc00d21e20417c09", - "component.tagInput.error.hintText": "41fad0ce69790f240b17fb3648cc28248dbbc285", - "component.tagInput.focusEmpty.background": "6b8d2b445d4383f595cc6eadf58fc0e9a2961b11", - "component.tagInput.focusEmpty.border": "3c66dee40b2e192e92f9afd20a81c8cdfd175fa9", - "component.tagInput.focusEmpty.text": "016e0ef324eb27794209debf81d7e880eac85d79", - "component.tagInput.focusEmpty.hintText": "ba1eedeb19c4c5d291b81a307993664423c2b25d", - "component.tagInput.focus.background": "4519abf4da5f3681ed74ec3e32113ac9757ceccd", - "component.tagInput.focus.border": "bc623316808d057c53b417b2f68f63d90b1a50e8", - "component.tagInput.focus.text": "5354e3864c97a8249d2b347c1aad6c9f67920070", - "component.tagInput.focus.hintText": "eb2a9ee23e89275c9652190c7305550cdbf35528", - "component.textArea.default.background": "88b6eecce5801577e13a4f184180e8f7eb631834", - "component.textArea.default.border": "74fc0b471b0e0328eced601f736e8afd4ee47feb", - "component.textArea.default.hintText": "4024b111860b745165b5d4adb3040b3e7889a3b5", - "component.textArea.default.infoIcon": "3fca611ec265b67cb7ed9329a571f10ed65c65d4", - "component.textArea.placeholder.background": "eadd8ae61fc7b4db05e8bc48911b483872fd4b2f", - "component.textArea.placeholder.border": "85f59ced4a9644df9ee5322943c1d0754ce7d863", - "component.textArea.placeholder.text": "49d366f449ea023bd3ef66eab36d0f3ff1555a65", - "component.textArea.placeholder.hintText": "8ca4855db10e488e24db02c6d55e86c0e6502085", - "component.textArea.placeholder.infoIcon": "cbd8fd010002db2aaa78cb91931db32f32395b59", - "component.textArea.hover.background": "e360eb23abf22625f87fbc9cd57ebe3717fe8df9", - "component.textArea.hover.border": "532cc744b7c7661a8586244c509f53054be7211d", - "component.textArea.hover.text": "44ee5d9040960cfd0fa70bef353d898f69b38835", - "component.textArea.hover.icon": "72ddb84eb86e9e5f9083cc7aeffb016f5f86ea76", - "component.textArea.hover.hintText": "e0911c27a498a333274ade3809b2d5857c49abbd", - "component.textArea.hover.infoIcon": "f7b1a34c4f6f238cab6c38f9128b98e96a86d03f", - "component.textArea.hoverEmpty.background": "76339d0a3a1ff2c62f689bccc6bfdb7e651bebed", - "component.textArea.hoverEmpty.border": "a605030d5ac8f6b95af022343e413c74e563d7ca", - "component.textArea.hoverEmpty.text": "1296e61fe758d9bf33760011df07383009606057", - "component.textArea.hoverEmpty.hintText": "301cb5a88870ecbad345c8ce97c8567623d63f89", - "component.textArea.hoverEmpty.infoIcon": "dcf42c7995f12673e4005b8b0f1b2b680228c6d6", - "component.textArea.filled.background": "e5c6f9f34589fe1f555d17d232989f0d619c6fa9", - "component.textArea.filled.border": "639e2b0cbc0ef5188e492d0521ad4855336fdbd9", - "component.textArea.filled.text": "9bc53fd2b87e48893cc0b5e123a08a02a084941c", - "component.textArea.filled.hintText": "de3f94d555640a09f92692f0e9e3f530ef0afe5f", - "component.textArea.filled.infoIcon": "d1ac90c718a860d9fda7325eec8ef23d9b891c71", - "component.textArea.filled.icon.default": "8c591fc0db1c221bdfbf6c4b363df1681db4f342", - "component.textArea.filled.icon.hover": "94c2bd58cc8e727fd477f922f3dd0c762f3765ba", - "component.textArea.filled.icon.active": "5a4d594b631fee462232aa03af2f885c8ab90379", - "component.textArea.disabled.background": "97490fd3f1e3520563c9d8bf6328312b329c8679", - "component.textArea.disabled.border": "d248dc44a5dbb96a50cd6d6366d95fa531ff0a02", - "component.textArea.disabled.text": "b24c5f78b0598463bd0db8775734e1dc8f04577a", - "component.textArea.disabled.hintText": "a725adf69bc3d6f841efd974eb4102f53efbc0fa", - "component.textArea.disabled.infoIcon": "b5480d4ce546bf4680364b87fb8e559b47cf4b41", - "component.textArea.error.background": "32ec1f661749d8758774313ec8d9ed390c3f62ee", - "component.textArea.error.border": "588cd273af8e04c31e0f6be5fb14539b085d0476", - "component.textArea.error.text": "fdf3c76f5e1e5e1c84b386f80f704265d64a13f4", - "component.textArea.error.hintText": "89eac1bccecccddcd91f0a19867dcae61d8225ad", - "component.textArea.error.infoIcon": "aaaa0e2a9e5b2efe2c32f0301058acef90ae2e98", - "component.textArea.error.icon.default": "af512888612e7861b62a8f2850d21621cda7145e", - "component.textArea.error.icon.hover": "71dc1f020f68e56602fde68651f8c030ab3ba1a6", - "component.textArea.error.icon.active": "b39c13daed0ab0bdccff90b753ca329a0e756917", - "component.textArea.focusEmpty.background": "b5edbd705aa6d39798ea05b0243396da12b78eed", - "component.textArea.focusEmpty.border": "3684e82c5d9a3357caf9f80dcb8794acc157a92a", - "component.textArea.focusEmpty.hintText": "a65f436e2230a2513c441594729cfa8952e86591", - "component.textArea.focusEmpty.infoIcon": "2cd5a2c1cff9417f31d69c842a3a6d09cb105c7f", - "component.textArea.focusEmpty.icon.default": "6b271acbce99de34c6e6518c6c83cd2299e33eab", - "component.textArea.focusEmpty.icon.hover": "d4c908948f5d61d4eb78857276cbc0a74fecb078", - "component.textArea.focusEmpty.icon.active": "ae9253056d29aa746a1bf0d90f29db919ae3fee6", - "component.textArea.focus.background": "e1edce09907f712b3a703569a31ec64517de6162", - "component.textArea.focus.border": "723a875d86fe228d716779db4aee08d492a202ef", - "component.textArea.focus.text": "c6d5ce857cd27dca8037b103ffa1a1c8ef1b5c2d", - "component.textArea.focus.hintText": "f145c20ad599d3347dfb895457276cab519490e8", - "component.textArea.focus.infoIcon": "4d753a372dc2c0e6826d15cfdb64a46322e3ef86", - "component.textArea.focus.icon.default": "dedd1f33d4f2f982e94c83e4b5cc0b9eeb65b7f7", - "component.textArea.focus.icon.hover": "e7296c2b1d1fcf4fb3cc6205ac4d4983c8eefd99", - "component.textArea.focus.icon.active": "c58503ce7d686a09cbb8d7ec1241741ca437ea87", - "component.textArea.readOnly.text": "82b71ff2ccc7bdc29fb329f481ce73147548fc05", - "component.textArea.readOnly.hintText": "12dc2dd78b1bbf969c5f70c1c137307ee69c9919", - "component.textField.default.background": "a3637876c1e8dceb576292d5e93c1a6795d8cb75", - "component.textField.default.border": "8264e46ca1564624987e1579854eca921dada4d8", - "component.textField.default.hintText": "bd0ea5452c844e74b294361364f6e64124c3cb9d", - "component.textField.default.infoIcon": "97c4616193e4d4831ddcbcf76ee88d9bfeb4fbc1", - "component.textField.placeholder.background": "71df84093a020453bf24f41a99e551cfc852ca61", - "component.textField.placeholder.border": "5e313d6985894baab13843c8d7d112c47482fd77", - "component.textField.placeholder.text": "e52f6af71bef3fa074875c4119ecc0e9910c1c68", - "component.textField.placeholder.hintText": "96b1cb6e529f5f57e2e988b51c6665481a480444", - "component.textField.placeholder.infoIcon": "e217f00a68732fa44e412078e08c8a94caa843da", - "component.textField.hover.background": "a81c0d7150b2da8f9c881a42abf411415ecc7b32", - "component.textField.hover.border": "1074745bf711b20d4795ff60f76b5693b0643c39", - "component.textField.hover.text": "ce20d532d8f40551735d8052724fe6a574c65804", - "component.textField.hover.icon": "49b39c1f5d4b4719bc18d34e57c371c7216eb1e2", - "component.textField.hover.hintText": "80c7e41ce82fd851862656aeff7e75c3cb704f9e", - "component.textField.hover.infoIcon": "fea2eafd77a2b7ce89b0d6eb5fe5c85f91e25412", - "component.textField.hoverEmpty.background": "ca0ec87ac0a81d29b997add44fe3d5204a9da801", - "component.textField.hoverEmpty.border": "1fd18ed16b01c2469b68cf3300ae1e314ca85ffc", - "component.textField.hoverEmpty.text": "4eead2b28a6c53a0a7e15b8e95884a154cf123a1", - "component.textField.hoverEmpty.hintText": "aec1cebabba863e3490c902c8e3171dd34387427", - "component.textField.hoverEmpty.infoIcon": "449af2e2f7725e0912be3ec8cb4d1024e6c68e6e", - "component.textField.filled.background": "06eae1132f62b415bc62486b33c41474634c5731", - "component.textField.filled.border": "cf7e0257e5973a3b5e56b5e4dcd01987b74c1561", - "component.textField.filled.text": "7094c757643feb73ff1af77458376a346bd65f4e", - "component.textField.filled.hintText": "aa0c54e548b6d52c98e1168aa6d83923c4f88d87", - "component.textField.filled.infoIcon": "ede01d70a570219fee6da9f0ac8c858b1a7b8590", - "component.textField.filled.icon.default": "14c600d7ad715ff46897af5bccee1e7f6e0469ab", - "component.textField.filled.icon.hover": "83691ef4d67020f906526f4db40c3df7f15845d1", - "component.textField.filled.icon.active": "f44e5d13102307c8a89fb64c9120a42b4a5b3699", - "component.textField.disabled.background": "176ebf9143251c73eea814ddf8a1fb7f57cb04f7", - "component.textField.disabled.border": "2c9c3c22a5e9154815e27807a09b57475c671aec", - "component.textField.disabled.text": "b55af7748bbfae7e4847649ca5cdc5b623756a5d", - "component.textField.disabled.hintText": "96d75a0a24a47722c6e4d2b18c82f423f7fb13eb", - "component.textField.disabled.infoIcon": "d96864d23a52b244d7c81f866c140bdf91c1755b", - "component.textField.error.background": "1b5e2639e41e300c7acf940ba3e23f2846fb9dc8", - "component.textField.error.border": "d0fa22334e9292180ff40ef64d075711f8073bbc", - "component.textField.error.text": "a1ea286ec993930d82b111459c780a4a634a113d", - "component.textField.error.hintText": "6b0cbda22edf86b9bddc787019de19648fd95344", - "component.textField.error.infoIcon": "9a87c94e998411e5fe5256dc80a2dd0851feaf24", - "component.textField.error.icon.default": "04aa3b8f2838cd75b5e2eb6f37ee2773a2cba7f4", - "component.textField.error.icon.hover": "531837f397f7507bd8f86f89cf5779f1b971dced", - "component.textField.error.icon.active": "c3dcf6116cdf83b4c1aa5683a9dc8449b4ec78bc", - "component.textField.focusEmpty.background": "667419c8450d43b25af3de843ea6ea64bac0f962", - "component.textField.focusEmpty.border": "5bba34851b969285797327450aa782e461c7d394", - "component.textField.focusEmpty.hintText": "9d4e6db1262fa39ecc369f4d373649e8ede7e314", - "component.textField.focusEmpty.infoIcon": "d58f3d6d98182a50e7d8d508de45c4efd2903bd4", - "component.textField.focusEmpty.icon.default": "10ed7250937061b3f3f24789ee18817abdb892b5", - "component.textField.focusEmpty.icon.hover": "3222baed76b95d152c8c715ffba091810181ca0d", - "component.textField.focusEmpty.icon.active": "5398822eefa3ac994611d7b8fde0a32e1c6fcfa2", - "component.textField.focus.background": "6a7529538ab5b4d1b40f291c950ae5ffb05a0acb", - "component.textField.focus.border": "83f99db90b1c15962dc82dcd090dea8bf8e0b30d", - "component.textField.focus.text": "2197f52f16a01be44663fd4f68338ae6b1109b55", - "component.textField.focus.hintText": "486989042beb99faa53d1b73700acfce0b2208b6", - "component.textField.focus.infoIcon": "1e729c9cf89a9bd1c7907d918f247ede10e26e88", - "component.textField.focus.icon.default": "2b672da3adb76989a50a24c7e9f0cec919d3bb9c", - "component.textField.focus.icon.hover": "aa7750c01572dbdec1e3d9fa5b571b5a9b5d4174", - "component.textField.focus.icon.active": "ff734285d922f3bbb93b96a57c9330dec98bf976", - "component.textField.readOnly.text": "cbd01031db13fa2a6016edec58bd5b1c01a1dcf5", - "component.textField.readOnly.hintText": "d8140b39ed2e6a2fac778358b4e307df3dbdb5f7", - "component.tile.infoIcon.default": "ebe2d67d34c055f6111a5aafac122e213036a65d", - "component.tile.infoIcon.hover": "c9f7971afe5a2e084778a3b837c9c3993d2dba5c", - "component.tile.infoIcon.active": "c25f26a0366a38d43c3ea7dd0326e24a2328ff5c", - "component.tile.default.background": "d6b4858f44ebdc483176b4f8bb15179208bac733", - "component.tile.default.border": "035eb0e9ecd5daec4bae992bc8ad8501a20fcd66", - "component.tile.default.text": "5e377ead04fc3d55081e93a7a982f2a8caab69b5", - "component.tile.hover.background": "c19bb137d20b88d0a17a17ff87de74e2735fab4e", - "component.tile.hover.border": "26b694470f68ac5b389e2c5bd1edec2173523824", - "component.tile.hover.text": "496b18db3df6bb89cbba5ae6cb909c0138de3dc2", - "component.tile.selected.background": "6a414bee8f0c1a37373055a8083b29cb45f856ce", - "component.tile.selected.border": "16c74adbb7def211c3fc57bb63eed534887283d7", - "component.tile.selected.text": "cd86439c0ef7db1ebb285674f8debaf9eb0c95af", - "component.tile.disabled.background": "f607e0e9b201103d94c76f1e3416ec2d730f8f55", - "component.tile.disabled.border": "92fa0cedf3214d02db68ac00771f0eb3cecd6389", - "component.tile.disabled.text": "b1a226dd63514b983123f9de7ca9792a554b6ccb", - "component.timePicker.default.background": "e419aba5b198a9cfdc7ab3791aa5f50647e4dd84", - "component.timePicker.default.border": "74fc14ccf22550d3ce4d3ad9787ec08f5aa29193", - "component.timePicker.default.text": "cf5523c1b8f764637e1162e33160fa26ae9a37a5", - "component.timePicker.default.icon": "fe4d04e9749f9da4ac8404f907c973973fea6025", - "component.timePicker.default.hintText": "d039def615ba9fee33042223527bd6d49ed4e058", - "component.timePicker.hover.background": "10e924b4e8650b830847c0c814c7965250b3dd40", - "component.timePicker.hover.border": "8b810bfa79a465a781a3b880455827b6fa9200dd", - "component.timePicker.hover.text": "641b30648717cef9ebbe868560534fd4f50c93a5", - "component.timePicker.hover.icon": "8fd3ce6d7764e263ffe2414b7453ea78b222da08", - "component.timePicker.hover.hintText": "55c592ab9a059b834beb5e7f889aecfba6e0dd16", - "component.timePicker.filled.background": "6459150e2c756ab9e8dfb006ea4b659bf5158be2", - "component.timePicker.filled.border": "6a13150c36b64e52c020a3584491a9d934e3cea9", - "component.timePicker.filled.text": "22ac644ee62059ffbd8946aa773efb47968088f8", - "component.timePicker.filled.icon": "1cc871722efd1b5ef21cdcbab9b2e6e0227c9f86", - "component.timePicker.filled.hintText": "2b1017e545ceec1f4419e1015d7a063e343df07e", - "component.timePicker.disabled.background": "bc820524464e919b1720a1b6d6e238b589d94933", - "component.timePicker.disabled.border": "38f06a432111626e8f6d9180addaeb5f49ce5bf0", - "component.timePicker.disabled.text": "69f8a3491bb42b879f1386ba8c0186db909d7f6e", - "component.timePicker.disabled.icon": "0e0de4ed64d6bb8ac78bb2bd336dbe8b7b9450e6", - "component.timePicker.disabled.hintText": "39432bac8827ad177b69fc9c1194db48b7477e78", - "component.timePicker.error.background": "b5d161a4f14ce228e4dd2ee9783b1cde5fc73c82", - "component.timePicker.error.border": "b7767b0338d142479ada9464ff9ef6a99d3adcf1", - "component.timePicker.error.text": "661b163ebe38a544dea7147c19183a9cef69f55b", - "component.timePicker.error.icon": "53089a7373068559d46487a0456e443182abc6b7", - "component.timePicker.error.hintText": "5003887a26fbd26de0d2e0c8b90336926b98fb9d", - "component.timePicker.focusEmpty.background": "013967151da4c570d0dfa939db53fe27d142c447", - "component.timePicker.focusEmpty.border": "0d06d7e1914840dfd92579ae174fdb75e1bb3e0d", - "component.timePicker.focusEmpty.text": "6497b06aebb0cb7237584be8b0549f77cef820ed", - "component.timePicker.focusEmpty.icon": "4e66578075e3ab71069207f323fce00f83068b10", - "component.timePicker.focusEmpty.hintText": "abd224fa417c914b6e299397ebad1653c493080a", - "component.timePicker.focus.background": "d55f8e7102b01cb19d0dcde680d11a287c91cf5e", - "component.timePicker.focus.border": "e5281dcd1c75f2f2b8fea0565f4932c83fb8908b", - "component.timePicker.focus.text": "b9659d41c9fc0afac4d28cc9666716e647eaf19a", - "component.timePicker.focus.icon": "45a1c145483ecd5eb02325699184b4ca75763519", - "component.timePicker.focus.hintText": "df1c1319f98df1f71445ffb0658e035e4507b3d8", - "component.timePicker.readOnly.text": "10e050c6de27dff2488e2622d42ba5a49a0cc202", - "component.tooltip.background": "4cf2b9caa0a20e47a47a966faaa14f82ecf00972", - "component.tooltip.text": "9029d96ab8943d13896b4c4cf8cb1aecbb45c3e7", - "component.tree.text": "906b22864e1fbb83f1804b761cf9b207e84a9fbb", - "component.tree.border": "520ee70bbfb05be17b5dccb0e6373f3e71d33bfb", - "component.tree.icon.default": "ea58410307b63eaaf0c90eb624c83280a7af263e", - "component.tree.icon.hover": "17890507487035bebbfb76963b0b71a9e5a8271f", - "component.tree.icon.active": "a373e6f655760a2ef37df58e43be69221d84c227", - "component.tree.background.default": "e1acfcbd87f875a8ab0e64b71d6b137cc3e0b83d", - "component.tree.background.hover": "1c3f9645729f0b879dd3adb4cabc9e9a3781749b", - "component.tree.expandedArea.border": "9d06bd8651bdaa45b689ae6bd21cc3fc94c1a551", - "component.widget.upload.default.background": "ec011ece4f39621729099e2a8a03655ff1e033de", - "component.widget.upload.default.border": "7179179339e428751923c817d7a5968a26331f7f", - "component.widget.upload.default.icon": "3bbf5fb52276c367f1933708b2888e1c7c802287", - "component.widget.upload.default.text.default": "71be500b1596c593719c7320b63150c516bcd4fa", - "component.widget.upload.default.text.link": "36611647e1ce1591718e39513da6713542988af1", - "component.widget.upload.hover.background": "73821189a29ea601a0886965252484065d9e82b9", - "component.widget.upload.hover.border": "f326d22bde7e9e7a11742d398a9db7852d416a73", - "component.widget.upload.hover.icon": "52499b92da51ca101a5dcfd246dcc919aec2d9f7", - "component.widget.upload.hover.text.default": "f3fbf79b6159c7ddbe7857eb860038168e003fe2", - "component.widget.upload.hover.text.link": "15ebd5d2e58ef7dba149ced54cac6210168899a6", - "component.widget.upload.disabled.background": "944335913fd477fd5ba1bf35ee6c10a908c5fd13", - "component.widget.upload.disabled.border": "5de72537898ee1dda1d4f460aec37a9f407c0f56", - "component.widget.upload.disabled.icon": "8004b9b6159fea15a9fd22f3560a2dbc8d1683e2", - "component.widget.upload.disabled.text": "5aef40c520de691b6598ebbc9f3c21dff488713d", - "component.widget.download.text": "6b13623a70398318025ca69590ebf21dbc15613a", - "component.widget.download.border": "6e0f1e08fba41a568d5c48a38e3ff448c13bf5a5", - "component.widget.download.background.header": "d6d31a42a334f0b77349b11b9d8d9f3ec39ee840", - "component.widget.download.background.default": "2ee9dd61919bfab1b43f933998956f94ba39211b", - "component.widget.download.icon.default": "daf39cccc657b23151c291a3b011264717379ee4", - "component.widget.download.icon.success": "046daa469b9fecd32470294ff3de6c06b1c5db57", - "component.widget.download.icon.error": "2bcacc690b13f79c75c751f9162f63b394f9af51" - }, - "group": "Core" - }, - { - "id": "ccf09ad86f8b0ef7d0e0c4e6947724c9cc96a049", - "name": "densedDark", - "$figmaStyleReferences": {}, - "selectedTokenSets": { - "global/global": "enabled", - "alias/light": "enabled", - "alias/dark": "enabled", - "alias/densedDark": "enabled", - "components/button/button": "enabled", - "components/container/container": "enabled", - "components/table/table": "enabled", - "components/button/menuButton": "enabled", - "components/button/overflowMenuButton": "enabled", - "components/button/splitMenuButton": "enabled", - "components/bars/appbar": "enabled", - "components/badge/badge": "enabled", - "components/breadcrumb/breadcrumb": "enabled", - "components/card/card": "enabled", - "components/checkbox/checkbox": "enabled", - "components/contentPanel/contentPanel": "enabled", - "components/calendar/calendar": "enabled", - "components/dateField/dateField": "enabled", - "components/datePicker/datePicker": "enabled", - "components/dateRangePicker/dateRangePicker": "enabled", - "components/dateRangeField/dateRangeField": "enabled", - "components/dateRangeInput/dateRangeInput": "enabled", - "components/divider/divider": "enabled", - "components/drawer/drawer": "enabled", - "components/dropdown/dropdown": "enabled", - "components/globals/header": "enabled", - "components/globals/footer": "enabled", - "components/groupSelect/groupSelect": "enabled", - "components/inlineEdit/inlineEdit": "enabled", - "components/kpiBar/kpiBar": "enabled", - "components/label/label": "enabled", - "components/list/list": "enabled", - "components/masterSwitch/masterSwitch": "enabled", - "components/modal/modal": "enabled", - "components/notificatioBanner/notificationBanner": "enabled", - "components/notificationToast/notificationToast": "enabled", - "components/pagination/pagination": "enabled", - "components/popover/popover": "enabled", - "components/progressBar/progressBar": "enabled", - "components/numericSpinner/numericSpinner": "enabled", - "components/radioButton/radioButton": "enabled", - "components/search/search": "enabled", - "components/button/segmentedButton": "enabled", - "components/sideNavigation/sideNavigation": "enabled", - "components/select/select": "enabled", - "components/sidePanel/sidePanel": "enabled", - "components/switch/switch": "enabled", - "components/tabs/tabs": "enabled", - "components/tagInput/tag": "enabled", - "components/tagInput/tagInput": "enabled", - "components/textArea/textArea": "enabled", - "components/textField/textField": "enabled", - "components/timePicker/timePicker": "enabled", - "components/tooltip/tooltip": "enabled", - "components/tree/tree": "enabled", - "components/widgets/download": "enabled", - "components/widgets/upload": "enabled", - "components/stepper/stepper": "enabled", - "components/advancedSearch/advancedSearch": "enabled", - "components/button/segmentedStatusButton": "enabled", - "components/select/linkSelect": "enabled", - "components/tile/tile": "enabled", - "components/filter/filter": "enabled" - }, - "$figmaCollectionId": "VariableCollectionId:4:3", - "$figmaModeId": "4:3", - "$figmaVariableReferences": { - "global.color.neutrals.5": "4fdaa02273d580a1770bb67bc3c2b08913ad6b55", - "global.color.neutrals.10": "6aaedaac5ea5288b17825d3406daacaf45b53e24", - "global.color.neutrals.20": "3b378212b3848f066d1db94198582e8c805ad830", - "global.color.neutrals.30": "d9115d3bac5101468d59bd04eacb3ae053a95d68", - "global.color.neutrals.40": "8cc02200cd5d1b85f5b028d19671d9ecec487e2d", - "global.color.neutrals.50": "347583f888741095d29a103d0b533db0264455b7", - "global.color.neutrals.60": "ce46b0288f200268a33d55a650c8ba64cfdb7fa7", - "global.color.neutrals.70": "dcd5c67cbe87c8464512ac1b25f217a7840e6ba0", - "global.color.neutrals.80": "4b186042db5f193cc47af7f9c0c7347755ded400", - "global.color.neutrals.90": "30925f80f9d658db34f4e396e4265cd5be955b6b", - "global.color.neutrals.100": "65e654ba5b6ec1456a0abe8d60c728b6f6792cc0", - "global.color.neutrals.black": "0f2035e510bc6d6bcf31d33b1cd5c50755109f99", - "global.color.neutrals.white": "2756acd8d8462ba6ed8bd0ac71ce93934a30250f", - "global.color.brand.5": "ff1ba50523807bbcd71b97dacfc168d84cdb5e3d", - "global.color.brand.10": "96c68e5fd6d41afb68c3d90da9e9fabb9d5a7275", - "global.color.brand.20": "d0507297603ad5e58491e04952dbf1337be09970", - "global.color.brand.30": "e7c27229d6a2dd51552ad8640cc093659553e825", - "global.color.brand.40": "f34e62b35f674bf1510514ef6e9782faacf6679d", - "global.color.brand.50": "825e276c58357b643ace3261e356cf27266eb9db", - "global.color.brand.55": "c6b1283f96a322f0a26113c65f1713f1363eaed4", - "global.color.brand.60": "d84f62f7d60bb2692b52eb843c6a930dad9298f7", - "global.color.brand.70": "4bd275295f498dfff7da973b4e3ef8ddff1d45ee", - "global.color.brand.80": "afecb449c2bac1362a995923f66909f097ccfb8d", - "global.color.brand.90": "becc7761662ca4b1c9db41c6088dd3ba1df032a5", - "global.color.brand.100": "2bf86a04e9765ec2be5b6fa6b4be277514ba7cdb", - "global.color.red.5": "a97dbe3bad7d89cfc92826bf9e0901553b74c1a5", - "global.color.red.10": "cfd96a2b47224f35cabae01a5c43ab6c40be1c3c", - "global.color.red.20": "6872ef4f6f206617b318da2b975e8ec0c4c979f4", - "global.color.red.30": "96f5acae17dee6e4cd7451e880d68f49f1232e47", - "global.color.red.40": "dae4eec380a295ab0acec9da321af749d1de7dca", - "global.color.red.50": "2455f1d527cdf1c0d600dd45e5ac1ae6bfb07180", - "global.color.red.60": "8f4013b74eaed3f235f924b4292cc11a0dbfb8a9", - "global.color.red.70": "5b02fcdada2bbe690a3e81e1430f9f6abe5fda6e", - "global.color.red.80": "ba672aa3a347a3c60052951e1da7f252397ef3f0", - "global.color.red.90": "fa1dc293cff8bdbaa8b034f9bf2248ed28beb9f5", - "global.color.red.100": "5ff6519b645f3aff237b8996e8fc621aa124a13f", - "global.color.orange.5": "f9ef535816d334569ef97712ac97bff8f655c405", - "global.color.orange.10": "687083884868fd30da84a46e4f00f607d4dd11cb", - "global.color.orange.20": "bf8c33aeffa873b3381afd39fed59d5f742a7bc6", - "global.color.orange.30": "ab0aab6672e3957542ef872eefc65f67472aadb4", - "global.color.orange.40": "031d1776e288b4308e3dc68b56dab3a8bebd404a", - "global.color.orange.50": "73847a4aa0d0fa6e42678a82c402663d19507488", - "global.color.orange.60": "ba597f5036f6334f8501ee90dd4ecd8dffae69ff", - "global.color.orange.70": "461c9a4311e816c381402f6be096e80b1d3566bd", - "global.color.orange.80": "6f5cd4a21b831a6a11eb5f56f0309f4ca12fa088", - "global.color.orange.90": "c68afaf8f9b8e6629fbf27dfdab867f871cdefe4", - "global.color.orange.100": "f38acdb92c6bf0607fe4e6bb4bab73a4c297cc01", - "global.color.amber.5": "2e69272df01f2d59b33cb2c8143f0fa30d8c256f", - "global.color.amber.10": "47585a63f34f83399542269d70aaaf319b1eb7de", - "global.color.amber.20": "a31e320202357df5ae46293ec402bc19b44c2557", - "global.color.amber.30": "3d8c9f586200811ef012fe920acb6448de79a335", - "global.color.amber.40": "ca26d46ae3334d53410ad54a7181192096ce4dca", - "global.color.amber.50": "8bb07611969d4561cf1592f21649c11069306151", - "global.color.amber.60": "47faa96f6853eed57d5f48bd05781ff375c022de", - "global.color.amber.70": "9e2f27bedff847c13b1329a13ad170209cf798f7", - "global.color.amber.80": "2db0925a002907f9a7f3722ae10631ca44fa7c38", - "global.color.amber.90": "7ec86ca6890502aae6813bb418b7b7bee4952803", - "global.color.amber.100": "941e78326740849fe442712453960971a0e92780", - "global.color.yellow.5": "15fe0b879f3b2b8f68ccb5306b26607ddf8d3786", - "global.color.yellow.10": "75afaadd348bf738499b5c2c3c55ad325f4d2c30", - "global.color.yellow.20": "6a2c5291e070af06bee2087282852967ea93fe88", - "global.color.yellow.30": "9cffcba7414e3ce00f2885d0e732056091d6fbf2", - "global.color.yellow.40": "025421f83750cd7c7bb8716716b9af4b77b31641", - "global.color.yellow.50": "5356de8df4e8dc03557ce6de6903a0b4eab4f8ba", - "global.color.yellow.60": "8e140c7afd069025008b9bf1e1052116e3789a26", - "global.color.yellow.70": "bcb786440d79829572c7aea2b53e188e5d3091d1", - "global.color.yellow.80": "60ea771ee2f11031efa755fe3916345ab75d1da7", - "global.color.yellow.90": "c9f855a92e6fd570c5e4953a324423bcf2ba43a3", - "global.color.yellow.100": "1305ececd6a3efccbc96701e428e0849f2f1e4d2", - "global.color.lime.5": "09a3d3c069100557316acfaca9f5ac835ad75711", - "global.color.lime.10": "b5aaa41e3a979548e862fbd7335cb80666016383", - "global.color.lime.20": "c0387e28e46b17484a4449fe81f48b8e86da1aef", - "global.color.lime.30": "1b587def145f43187e8be9ef324b17872668c1ca", - "global.color.lime.40": "9a850a0a2bb5da4c1d12653732e4a913939a8972", - "global.color.lime.50": "d139880340cd0cd6d97bb310853d8bb3663877db", - "global.color.lime.60": "047045f40455c6f0aace6b58dc352ecbafde018f", - "global.color.lime.70": "f1a775ab76ad7e02d94c27f5b3c83816120b6148", - "global.color.lime.80": "0f5e2c357e5a0c9faa9178834243a49ee9844eb9", - "global.color.lime.90": "72f2496bfde13277f1c3152c9273bca81f0b3d79", - "global.color.lime.100": "6a5aabeba9b0ef8d564c162b6c585a784d20a1ce", - "global.color.green.5": "2f2026e454593211ac90222ff188729a1822dbb1", - "global.color.green.10": "c02d5aed92f8f316300f80534c1b17551a44b6d1", - "global.color.green.20": "72c52beb2a473a8fcb2cb66945d8fed229c8a7ba", - "global.color.green.30": "2aa7031de73ca0d846fafe78d0f49b70b6280868", - "global.color.green.40": "389d9685f2342ced4fffa3f99a103da81c46b39b", - "global.color.green.50": "2fd602768785e5bcaacfcdb2bff5d0ce0b2515ab", - "global.color.green.60": "33536f59825c6b5c9245a368ca36728da60d49bc", - "global.color.green.70": "1f34a46711905023f853d083beb0565b3a325be6", - "global.color.green.80": "974ea7da73058cf477616a9b2d48bfcb44b2233c", - "global.color.green.90": "082d3fc9f6463a9d5a5732ca64600c59f3c141e9", - "global.color.green.100": "aeda6889a20a4b5039a58378b1ac0341e1b7a366", - "global.color.teal.5": "22b067f8a237f834d1039f78f2999d0f378fdaa3", - "global.color.teal.10": "3e9f89fb4ebf5a7e255fe771948b91e5cbc7578d", - "global.color.teal.20": "b5e3cb3cf297cb374b90e93813c6c5c430c3597c", - "global.color.teal.30": "0c43ee763bc9057a9b6db446ffae30e2cf763d12", - "global.color.teal.40": "055db3cbab87238bee5cb86ae60214dad699ad1c", - "global.color.teal.50": "eadd7834ba20d87b80bfd037b1af49d20453ea07", - "global.color.teal.60": "8b292551fb593ca88c2dddd33b61a42d9944aa7f", - "global.color.teal.70": "88b5fa4139520c8af113eb3056eac83fff5c7436", - "global.color.teal.80": "c5164892d30662693568f1222f41e3f28b38e9ad", - "global.color.teal.90": "cb47d7b71b030ef8b03dcd5e9bc649b206080939", - "global.color.teal.100": "455b4316400e9d5b99d9507833bd660ce7a92aef", - "global.color.cyan.5": "9280068beb130700669c21646daf92908eb42568", - "global.color.cyan.10": "a817f3f5d1c317e63585a0292090313c664b1feb", - "global.color.cyan.20": "7dda097ed79ca090e86248c49d1906849ccfb3ec", - "global.color.cyan.30": "a313dde8a307ae2c2ec7912c9c08107f2e9de0ae", - "global.color.cyan.40": "d2ae23aaac0dc9941eb7238cbfa3a8a90f6ec312", - "global.color.cyan.50": "26379ea1386ded0e70ed706af38c94da95f58fa1", - "global.color.cyan.60": "e8875bed3b46fb5a3ff0b7323a1d315e923eca58", - "global.color.cyan.70": "65efa87f8b2637b8510da310fba8a79896ea6fd2", - "global.color.cyan.80": "4f6dcaedd4b566d77ec5a56c0ed86a50c122d623", - "global.color.cyan.90": "d9e27a43643e8a074e37176eead891412de620e4", - "global.color.cyan.100": "7119b40394376f902cc3b0fb9f54efa0d736bafa", - "global.color.ultramarine.5": "ed1a911d604da4691edc9c60547762c1b7a4fbe8", - "global.color.ultramarine.10": "85975a63a9532c9d2ef84a2e94d9c27f128cb62f", - "global.color.ultramarine.20": "a4f530a671b47448dafa9fb27e087a1b712da120", - "global.color.ultramarine.30": "37ab3b651bc6d059b54fe20c3f5804150c14a7d0", - "global.color.ultramarine.40": "1af8c94c98a4cf184acd27152a933033726c18e5", - "global.color.ultramarine.50": "c9c9ec419d4bc54355a5933302f88683315d26e4", - "global.color.ultramarine.60": "1c4eb76f80f6a23db792182c3ac875085844ae8b", - "global.color.ultramarine.70": "c044b9c8569313c2dbe026e03b3c56e6c6d91c8a", - "global.color.ultramarine.80": "f3a319bc3bc082b8aebfea609c7789dec4fb8bd3", - "global.color.ultramarine.90": "9db7963cea363163eb3908f41af0b22ad882258c", - "global.color.ultramarine.100": "b85060971ce6d4de52f15ed7dcbade486467af65", - "global.color.violet.5": "81ed7f722161af174921f7f733a557a5cc761e28", - "global.color.violet.10": "efdedc5a94564c149d4a5e8414070f90a4c12de1", - "global.color.violet.20": "60e1dcd2fe003092c558097c606d2e78fd0ac744", - "global.color.violet.30": "68259519a1944ca4e7e899aaf9483a441b660b0f", - "global.color.violet.40": "0e33be24ec17c30715f92449dfd7257f91dd071f", - "global.color.violet.50": "5bef9247a9da40fae4870da935139d58a1c95c4c", - "global.color.violet.60": "15d0e2f79ffea0574e6394b1d1dc27cc9b6bc012", - "global.color.violet.70": "c23ce784b8d149732d87e2e74cf91306169790c6", - "global.color.violet.80": "4e9198d7135e1e83aba1431ce7b790197c00caac", - "global.color.violet.90": "0deca395c8a2b98bf7a282a82e4a3109389d103b", - "global.color.violet.100": "c3fd4b43b0b8ca596a0a81dacd8be56226370406", - "global.color.purple.5": "040011311943e10c4ca2c6016f73c6acc98f283d", - "global.color.purple.10": "6e42f6914c6d1455fb52e8c39e8e2282af3a9d40", - "global.color.purple.20": "e7ef4e21be07d84ed69060dc2580a458c39e55a9", - "global.color.purple.30": "3811d6a95bd1a1afb935460c325d2cfacc3d31cb", - "global.color.purple.40": "2ec5a50a80a2bb1326c257902acae084087feeb4", - "global.color.purple.50": "f98f118306f328ac50c723c7729a91f9a99b48a2", - "global.color.purple.60": "e020507a3b6a724fc148d27f51511ed85a3f6e2e", - "global.color.purple.70": "7be47fd22268b8750efa6be45013d050749b11cd", - "global.color.purple.80": "4f294a4d6f2746546761e3eeb645b5e3824bfe4b", - "global.color.purple.90": "cf3caec96b7addaad48f4c63434be439cc03f65f", - "global.color.purple.100": "a0525c237f9b0569f94f318588c8b3faeb1992fa", - "global.color.magenta.5": "b55420188083a676d961107a01e552aa6b562686", - "global.color.magenta.10": "04fd331efdcab3e31cbc22102f910047142577e9", - "global.color.magenta.20": "70fcb07734795365029f0f23f187ba5807ef7cad", - "global.color.magenta.30": "368ec250a30f1da702e8ea1fbc3c971e143156fa", - "global.color.magenta.40": "681dcef07751fbe16b75d3a65ec2670bb9f2a58b", - "global.color.magenta.50": "2a9bc722355a554c0ebd1916725e5464faa6e359", - "global.color.magenta.60": "e9040474d559331431c172e23d6ff9547cf76172", - "global.color.magenta.70": "d6f071f5c2a14be6ef923a8fe2b74bee9f227b20", - "global.color.magenta.80": "5224659266eb3ce1946d93f4685d551bf6726c66", - "global.color.magenta.90": "27f6b07b14935a333e6a11b3bcc3590527e84391", - "global.color.magenta.100": "65b20aa78e36d6873f615d1b4f147aedd15fd9ed", - "global.color.pink.5": "e81a03bcbaff990a42d4da765db4db85ca94c763", - "global.color.pink.10": "5142e89ff8fc43781fe2a50fb045ccd88e3817dc", - "global.color.pink.20": "d518731a7f3e52e4d48945b744386858188f209b", - "global.color.pink.30": "191ef44404be6eb21c24a20f470af94c45ee8aae", - "global.color.pink.40": "8c5790b36d30ba1d4a45624d9f695e53651e9309", - "global.color.pink.50": "53106c9b05db805fbc1e0fdb569a8a31ed4da33b", - "global.color.pink.60": "c63bc0676527314398d577b27be658b6e48470d3", - "global.color.pink.70": "17e8602b76e77a863e14b72280e2ddc19cfdca49", - "global.color.pink.80": "e0ed962f655547d7666ebde54b0e344f4ffe7631", - "global.color.pink.90": "baee99e875f4d311916d634a6e1182ecf5b296c1", - "global.color.pink.100": "d7bf9a807c5eeab353ba8bc061f968374ae5f1ac", - "global.color.brown.5": "f3f83a301cb848a1dc2f155e359676a036795bfc", - "global.color.brown.10": "084181885c14a63bdef6953a256bf79506711ac2", - "global.color.brown.20": "48084a8abd17def1609852d91b9be28729bf6a0d", - "global.color.brown.30": "1883e5c745292c4661505b130249c9c737bcf889", - "global.color.brown.40": "027392274b40df519d1bf5a1b200a5869b6398cc", - "global.color.brown.50": "c44f9cd89a68ecb9791974be63aec98b4c8db44e", - "global.color.brown.60": "793a70f59abf1bab6479c57f015d5dbc7513e1e5", - "global.color.brown.70": "3d16680bae937601943a2cabb4b1976a7ba6fa2a", - "global.color.brown.80": "1ac1bb132ed03774496ca86fbdd40686801d5fd3", - "global.color.brown.90": "cc1a37d270565bfe3d481eedb55eefaf6b9617f9", - "global.color.brown.100": "8f97ca383f434b5faa438b6e0d90296884ccb900", - "alias.content.text.base": "4ac9dde9311c3f9bf252d808a9cd6fdf8dbf7a08", - "alias.content.text.negative": "35b9832a8ee70cc3a012cda865ea4c1ea8e85baf", - "alias.content.text.warning": "5ea0113e5c67a23c9f9c88109e23e9e7b374d0ad", - "alias.content.text.positive": "a53282c52fe0d131a0b6d16b287915599f77dc79", - "alias.content.text.informative": "643c2ca12f551b2518a0268df259591352f5932f", - "alias.content.text.primary.default": "c1487c37255a1c9a53b15292f04c96769c53db20", - "alias.content.text.primary.disabled": "a6d1203678b59eb49d85b4b97579bd75e02aed23", - "alias.content.text.secondary.default": "435e46500328d3320dbe94aca461f6675aa22094", - "alias.content.text.secondary.disabled": "8a1f7b686abc77c3ff1377c731401faf9c254c1d", - "alias.content.text.link.default": "0a9e2e3ce699a526699a7bf794725fee539808e6", - "alias.content.text.link.hover": "400009a15928e5252032b094f3b7ab53f061033d", - "alias.content.text.link.disabled": "724e256697215b37b180d365ac29184ed8e319d8", - "alias.content.icon.base": "d74122030145f658207dc4b39963a4e7f96e67e3", - "alias.content.icon.negative": "31ae04a8aa8046d67daa6b9e9b5c924d33d5936e", - "alias.content.icon.warning": "148ea3c6d56e2499d0058986f61f690e6ff498da", - "alias.content.icon.positive": "7c27394f88cab8ccf386f666501598e543251ccd", - "alias.content.icon.informative": "3ed30f4ebd1fa1540d272994e3ad4a7f9a10b1b9", - "alias.content.icon.primary.default": "30ac21f62fa136dc5e5bb7eb07fdd157315520d6", - "alias.content.icon.primary.hover": "9f9ac784d1811568f08fe098e121ae9b84635309", - "alias.content.icon.primary.active": "bcad95cf73e321231a008e89c0064b772fe0a209", - "alias.content.icon.primary.disabled": "5b692875f56cf85b4382a4bb75e1bc35e34e116e", - "alias.content.icon.secondary.default": "717bb2a64e683b24ef6be8297c49801a65ea1e9e", - "alias.content.icon.secondary.disabled": "9e571e637053363c947d85f6df2a7ac3b0b400de", - "alias.border.normal": "a6b4107f5f58324ae70a49c37f89adc6d4ebd7af", - "alias.border.neutral": "f3b4db0a81d3aadbabc34fd80197a5598344d9b9", - "alias.border.negative": "7fa0d7bc43705741144ff959565010954b3bb341", - "alias.border.warning": "7c4c79397034136bec55f9c9a0765c2b44386969", - "alias.border.positive": "faacd55316e50d210c1bb61d0ab62d79aa253b3e", - "alias.border.informative": "0cf7b1402b2673fe932074781b905be31f27c0fc", - "alias.background.normal": "c798fc9b17cffb41d4cc348bbe8160a916287d69", - "alias.background.neutral": "1e92bf65638682cb020f74c65321d2aa3280fb0a", - "alias.background.base": "e7c8a3170b9ad87f2cfb40365dc3adb70637bd53", - "alias.background.negative": "81b4721075b77a1bc711d853d7e904e2bd5bca33", - "alias.background.warning": "466bfc6a6085c2c424aede22e411483994a5ba64", - "alias.background.positive": "8d72aa9991584331d77dd8cfaaf8544496b14273", - "alias.background.informative": "bc65569509432ad1949e5106b12d13061a136ec0", - "alias.background.black": "541a5dbc129882979f7f5c904d12ccfccc3293f1", - "alias.background.negativesubtle": "9c835778c8e69f75f9d0711ac27f0e25cd08b045", - "alias.background.warningsubtle": "934f1b731f919266e4a58ff9991315516b12803c", - "alias.background.positivesubtle": "1538f87812bfe5387d4f0951d77bf81e886f845a", - "alias.background.informativesubtle": "0258afaf2e40e979227e6c87e30887ddafe82819", - "alias.background.neutralsubtle": "bc44beadd96a73aeb4000e610e8b55b1e0ee9bda", - "alias.background.overlay": "6643ab8755fbfd7de5b18affca4ae5d03cfcb083", - "alias.action.base": "203cde51330cc4f2abd8c54198e2418ad60ea701", - "alias.action.neutral": "78de2314b66aa7c0b3280c1075c258426efee760", - "alias.action.white50": "f8a8e601f9ee7dc33f830d8db0cab76450ae73f2", - "alias.action.primary.default": "2085801592af2a1972e333efbf353743eb3a5e68", - "alias.action.primary.hover": "8617ed8ef5a17f1b833f915c0e35e35850716cf0", - "alias.action.primary.active": "1b7b248b45e70615543d750fa3188c008dbc2bd9", - "alias.action.primary.disabled": "c4ce9597eb33bfd2854bbdc83907bb9883a34f8b", - "alias.action.secondary.hover": "c5c8d326b44a209a906b9b77c628a7de7e8d0990", - "alias.action.secondary.disabled": "8d6d1614b7e94a4ab4387fdea1da8d8a02a96562", - "alias.action.tertiary.disabled": "ca1ffb05a4ac6de7fa8da9647796b853bdee0349", - "alias.action.positive.default": "20ae7d6a87405b4c3aed3522580cea1ea2e04fce", - "alias.action.positive.hover": "4890c4a8cc10df71a4b9ad280b82a95d6848d887", - "alias.action.positive.active": "210f6f10d59a0493198db1aa7457a5b249f88c25", - "alias.action.positive.disabled": "4169b80603b887391f95dbb739c3985828e6e9c8", - "alias.action.negative.default": "37e69e0e6561660fa08f01b83993f6f03b27db17", - "alias.action.negative.hover": "fb7708a1a6881a9971500416fdea54c816ccadeb", - "alias.action.negative.active": "d5f55a831a84007dfb41e1c75e337e27902909ff", - "alias.action.negative.disabled": "a9499609e495ce95c7387f3e344260faea3bf327", - "alias.interaction.border.default": "21ee4481f63411a45b4229012330fdfbef5f5945", - "alias.interaction.border.hover": "f8b792c3948daf9246e791e15cefcc20ac5921a7", - "alias.interaction.border.focus": "cf370517b22bdff0e4fd4dd3285b774b1bb0d2a1", - "alias.interaction.border.error": "e1bd5562831aa51a7af85951f861a65b560ccdea", - "alias.interaction.border.disabled": "5a019f36676e70112511d87ba61947c6a53b70a5", - "alias.interaction.background.primary": "2ba610e337e9e1a00965b76a076d4e9a35e48988", - "alias.interaction.background.primaryHover": "2afcf0dffb407b017618a7e982a5d2bda3caa38d", - "alias.interaction.background.primaryActive": "46997c6c6d5762486dcf73cfa9c8a905a2b7df1f", - "alias.interaction.background.secondary": "3c157d9797b74aff0e6ebcdefbc1934796013f3f", - "alias.interaction.background.secondaryHover": "f8f1b2d18555dcac97bb1ad2aa7ab639d0eec639", - "alias.interaction.background.secondaryActive": "395a7c95076175d0d9a4e0bda21a08f199f791ea", - "alias.interaction.background.tertiary": "0ce57409c9998c1dd5086ceff0b74763df99eaaf", - "alias.interaction.background.tertiaryHover": "17ccd71800a5155737cef8c2509d045fb58d6dc4", - "alias.interaction.background.tertiaryActive": "ccc73b17dfcdecd926a3722e10355d1f1e430031", - "alias.interaction.background.disabled": "d8d33ac893c7d8dc42083ef3d3e433c4c495d964", - "alias.accent.disabled": "726cbc714132d4212f1446a327f7b5bf070a56ef", - "alias.accent.info.primary": "755420b8dcf238b2fcbe753e5e4be2340428137b", - "alias.accent.info.secondary": "25e8df80538ef400c4b15268b26c20bc5203192a", - "alias.accent.neutral.primary": "fb1fa8d26251d43bde5fb1995964fcfcd6779d83", - "alias.accent.neutral.secondary": "c53f8d1fa6df3d19b7582df58f7a0627656624c6", - "alias.accent.warning.primary": "7275b28d53b0b9dea0057421274731c5e1be9e4f", - "alias.accent.warning.secondary": "ceb8e8614e5af1479ed03c5f221578be3d1f2fea", - "alias.accent.negative.primary": "eb21ce00410da2fbb835e117dec5e21d8a21e157", - "alias.accent.negative.secondary": "fac1d605e04c76a891a20e4be010b78833b19e91", - "alias.accent.positive.primary": "81b048966acb15a11d1669d3720d4027f9d3fb51", - "alias.accent.positive.secondary": "31d51041f20fbef98b21dc3075adc577fe09cefe", - "alias.accent.important.primary": "254ccef86c83c265bb22cabf86d0a4591d9084a8", - "alias.accent.important.secondary": "4b32a82bd571ad99cd42a91fb81a9c3efe911154", - "alias.accent.pink.primary": "db6138d041fc7498c7d0c61f511e604ba5184a27", - "alias.accent.pink.secondary": "e2f61f61f0c8474f964074a41c435ca7ff55190f", - "alias.accent.violet.primary": "b12c9477089af329714da57a703ca5a8fc78f6d0", - "alias.accent.violet.secondary": "80d414e60c21d68fba6fc045d455b0899e7d3c41", - "alias.chart.neutral": "eb64f4d4752d9f06a9170fcd8b6786d6c78583a7", - "alias.chart.categorical.1.primary": "ec8c52ee44af4ce1e62cae6f3bd983165815a4ce", - "alias.chart.categorical.1.inactive": "523afaf95d68f459ce0ef42859f68ed42518ac7d", - "alias.chart.categorical.1.transparent": "06f33d39b295ceecd8511e63510038cf60003a12", - "alias.chart.categorical.2.primary": "f1cad2dd47a3decdb92c18d2c2cea684dbd4358a", - "alias.chart.categorical.2.inactive": "3be47a61e3b71e15683a94b8528278c900a110cd", - "alias.chart.categorical.2.transparent": "f23e6562864b85626e623c1c9ffef47e586075a3", - "alias.chart.categorical.3.primary": "53ea9ff292a7bde521a43cebaa63f79234438fd3", - "alias.chart.categorical.3.inactive": "b3b77fdeb967cbcb708519de5b1d5a40f48bf0ba", - "alias.chart.categorical.3.transparent": "0c1e43f95afa33b044c8260be069a8564b03b1d6", - "alias.chart.categorical.4.primary": "eae1e7db1c589f38709f2de3f0dcfc81501f767d", - "alias.chart.categorical.4.inactive": "88cc1371bf9d2fc2d483c5663a510cd3d3249a19", - "alias.chart.categorical.4.transparent": "5730a0ae5a8f13d283d532836fe6d7bafffb7771", - "alias.chart.categorical.5.primary": "7be1d4e3efd0370e12d1415b2156128d000d0980", - "alias.chart.categorical.5.inactive": "0c0a3b01e172a8761bd7ce767056a7bc53fa66c5", - "alias.chart.categorical.5.transparent": "98b7bdc60fe0d2bf6cf681fd0f2af4d48b48aa7e", - "alias.chart.categorical.6.primary": "c7f4919caaf6dc784815343bd01f2bb540c7e63c", - "alias.chart.categorical.6.inactive": "482950c67adbc0c16ee4b3920a3ab0a518d1e03d", - "alias.chart.categorical.6.transparent": "167e90c04822e96d37d1e58edc99f12a5f23206d", - "alias.chart.categorical.7.primary": "c3a9513126997c3c9c5806b9c1d9e8a53be78d88", - "alias.chart.categorical.7.inactive": "d152f27f199748ccb84c8c1728bb370b660f7969", - "alias.chart.categorical.7.transparent": "c080c6a2b4793897ca027fb18012c98db65a4830", - "alias.chart.categorical.8.primary": "4ce470224bde6a1f732e69b4cfff21a4bbb6b3a4", - "alias.chart.categorical.8.inactive": "5d557634ea811ad819e1a18e66725f54ad70c695", - "alias.chart.categorical.8.transparent": "c6ce4eb6aec94477453a5cb34bff73dc450b4972", - "alias.chart.categorical.9.primary": "755034eebe88f0080e2bb23cef8bef43762589a8", - "alias.chart.categorical.9.inactive": "17e88f96223bebc98240f91552b6a4cfac2715a3", - "alias.chart.categorical.9.transparent": "fa46cc11f36062bc7564f42c2ae89790595cd446", - "alias.chart.categorical.10.primary": "476cec78c4f6e113d4d1ff820f0cb072cc0ce1fc", - "alias.chart.categorical.10.inactive": "3d203b8850a1cd6f67eac3eb6dac5deba2d20221", - "alias.chart.categorical.10.transparent": "004f0ac09c3bf7bfd35d6f080bc1a360023aa640", - "alias.chart.categorical.11.primary": "8d96dbb47b3bf03bd63c7b3f03865cbb562dd137", - "alias.chart.categorical.11.inactive": "7dfeb5cace7e483cd68dff6a1a44ccd351ecee44", - "alias.chart.categorical.11.transparent": "53d52b99b330bd1b97eec9b38f33d090c70e1d03", - "alias.chart.categorical.12.primary": "1e31247ce7b1e7f2fe06d42f5456ab9663f1b2b6", - "alias.chart.categorical.12.inactive": "3ba0b074fba9416a9b4b8616ffe4657a3eac6754", - "alias.chart.categorical.12.transparent": "fe1fabd476d63be2718a9339fb36c37e51e537af", - "alias.chart.categorical.13.primary": "f257e7dbfac067f600ac784c8bae5a87c1cb271e", - "alias.chart.categorical.13.inactive": "2aeaebcbe780266f81967cdc896c634859e73ed9", - "alias.chart.categorical.13.transparent": "027e8786423fec2010c81a1a2dc8af332cf42f02", - "alias.chart.categorical.14.primary": "d5cb591c99d2c59fd0264bb42709704ca50c7ad2", - "alias.chart.categorical.14.inactive": "14503029f23f2f17bd1d0f7290ddb408075f73af", - "alias.chart.categorical.14.transparent": "c4f5f362b85c291cecd1ada9808146c4a83fc7b5", - "alias.chart.categorical.15.primary": "106f7ff6befac3103fdbc5e49bb5c00bc2a7af00", - "alias.chart.categorical.15.inactive": "6fd4aaae8182f33ccc9c149b5ff03ad06df082ca", - "alias.chart.categorical.15.transparent": "5e191082ccd41cadeade4c16e3db75259745edf3", - "alias.chart.categorical.16.primary": "5b6c5af4be1114028797d84cd5ad07a9287e494c", - "alias.chart.categorical.16.inactive": "b212d3d899061b80b199068d125f34445f75cb0e", - "alias.chart.categorical.16.transparent": "4329dec638f6100eea1f327e63de00a6fa9f541c", - "alias.chart.categorical.17.primary": "7fb0e89990bba054af2b89b50b8f1f728ba328ac", - "alias.chart.categorical.17.inactive": "ef7c7755d1bff4e02f08982499095d83238c3f17", - "alias.chart.categorical.17.transparent": "a116725c73846d40a5be1363095616f5e44231b2", - "alias.chart.categorical.18.primary": "df4505bb6054fcf8b6de688c07dd084c2533b59e", - "alias.chart.categorical.18.inactive": "724b3c9eb01b7911e19c88731de94ba5e06253e8", - "alias.chart.categorical.18.transparent": "8c60c40508022a54e09567b77a76eb24021c0e95", - "alias.chart.categorical.19.primary": "a2481778cdd826c5624179c7a6a69da3b2ef1a3e", - "alias.chart.categorical.19.inactive": "b560be82fad6908ea7a6d29ccc0d3af1c2db93f3", - "alias.chart.categorical.19.transparent": "ea41e40c45e4d2e7ec57bbb3a4b9a546f4dcd558", - "alias.chart.categorical.20.primary": "326453e9c4a12ae31d60252371e860f2f5d391e3", - "alias.chart.categorical.20.inactive": "bae8c4271c4e241bdfe1938064c6ee39e652c6ea", - "alias.chart.categorical.20.transparent": "a7d178af153cbd901ace6657696b973a1a531aa9", - "alias.chart.categorical.21.primary": "ec8860a3d91bb58d005346a1a6d3da29b246fe1f", - "alias.chart.categorical.21.inactive": "92c7e18ee9deb62b05df6090d7d1386d413b144d", - "alias.chart.categorical.21.transparent": "8bef65ec8bd1031819b54d1c1ecf42c10d84f3d5", - "alias.chart.categorical.22.primary": "694f1aa48467c895041dcc17350d97734f97f150", - "alias.chart.categorical.22.inactive": "1bbb8ffc2623a3d8848d89d6d91b38cd8e92a6f9", - "alias.chart.categorical.22.transparent": "b5370da1eafd2b8fade4e8822b9823936d2a57a6", - "alias.chart.monochromatic.default.5": "5c903480ea2f8403a6ef93915c107ba4758c5540", - "alias.chart.monochromatic.default.10": "bbb867f700c4de38c77b8392399f341711e83088", - "alias.chart.monochromatic.default.20": "1842c87361bfa66844884b9fda721b9e61e01beb", - "alias.chart.monochromatic.default.30": "de0b38c08c7825c16fa865107e80561b9a6ffc7e", - "alias.chart.monochromatic.default.40": "45700f27bc4788c66635d19be60ebae43990dc91", - "alias.chart.monochromatic.default.50": "e866a8108ea0ae519735e26ce62f59025b7f9ceb", - "alias.chart.monochromatic.default.60": "1e575ac6f5d2b4977ff700112f87ad053531606d", - "alias.chart.monochromatic.default.70": "ef30a358e48193adf648cf93723f3e8442ec5be6", - "alias.chart.monochromatic.default.90": "32e60eea4d9f048c78f096390d958240151ebf32", - "alias.chart.monochromatic.default.100": "d9bb48cd69310b1a3a1da885ca9e4df426dcf1e5", - "alias.chart.monochromatic.danger.5": "fc7bf3ae2803de4cf9028d8f807ee7fd6b2b3612", - "alias.chart.monochromatic.danger.10": "a95cced8a3341fa46affe2c25dcf5215791dc4ca", - "alias.chart.monochromatic.danger.20": "29c2bc75e7681fb23bf604b48a7093965e907677", - "alias.chart.monochromatic.danger.30": "e4b22f2004c61edbc316b6ffd57723c58ac5a2e1", - "alias.chart.monochromatic.danger.40": "83d8dbd2c2ff255157a055504f529322bc1c9356", - "alias.chart.monochromatic.danger.50": "08ee7b8a2be8c4af3cd2c6987268abec1aad8164", - "alias.chart.monochromatic.danger.60": "259bfd291cd6cd62cd4aa4db74f3b4eda7fd1305", - "alias.chart.monochromatic.danger.70": "05848a0ba177f75ad79d0f8603fe7b310ac8ccdb", - "alias.chart.monochromatic.danger.90": "a33e9f8787f6b4f21fb03821100acd5ee316571c", - "alias.chart.monochromatic.danger.100": "0a05dcad1d01d23c252dc8adca61ed66b17fa2da", - "alias.chart.status.negative": "0a6adddbfd9d37c36571096060c4a91d82de9862", - "alias.chart.status.warning": "e9e339b702abf7370ffbdaa1aa83b418a7129d4a", - "alias.chart.status.positive": "9905055eac062a2751fae7d9622a37d9f7c610ef", - "component.advancedSearch.filterIcon.default.icon": "6e88903842a0f77106d3da61494bf7328be9bf2d", - "component.advancedSearch.filterIcon.hover.icon": "e9e28e9860e92f3321058b96ed79e22a9e4910ab", - "component.advancedSearch.filterIcon.applied.icon": "bfb7cca73ae9168783f2ba0262afce4753bd5a09", - "component.advancedSearch.filterIcon.applied.badge.background": "874065ba8133eb1c5ce4c0cb895c4b849afb2014", - "component.advancedSearch.filterIcon.applied.badge.text": "a6a61a76994e1f8da363b9258864f70c238dca19", - "component.advancedSearch.filterIcon.disabled.icon": "54b9eef3b160a1393085e0e5849d5cb9f26fca36", - "component.advancedSearch.filterIcon.disabled.badge.background": "e1579b82e91c6a695c4fdeb6cf40b9d84a8c0334", - "component.advancedSearch.filterIcon.disabled.badge.text": "3f7cf0155aaef3d0898185b21360aa1d2b17477c", - "component.advancedSearch.filterArea.background": "df4634cba3414883a4e1e9357003400c5eb76259", - "component.advancedSearch.filterArea.border": "37306e3145a6d613c2acf8144dd9a387dc81f04a", - "component.advancedSearch.filterArea.text.default": "b745afcb6c892af4ac81e56948b78384a2f47940", - "component.advancedSearch.filterArea.text.link": "a7b1b84f23762f99db0959efe8ca697819e1f6f6", - "component.advancedSearch.filterArea.icon.default": "8bb950d5d775165900675543e321b5b1f7ac2bfe", - "component.advancedSearch.filterArea.icon.hover": "0d0f1234b040681c07d1717dce3d29ac0ec47247", - "component.advancedSearch.filterArea.icon.disabled": "e33c5067a3cb7917313053040c0608ff379ad2b0", - "component.advancedSearch.filterArea.tag.background": "6a7566e14fa8756223d9c880dc935a67f370718c", - "component.advancedSearch.filterArea.tag.border": "efdece731e4409878673c4bafbfbbd8b0206d270", - "component.advancedSearch.filterArea.tag.operatorIcon": "a0828fd5bec37e6bd27638e8bfa2f33aca2a547f", - "component.advancedSearch.filterArea.tag.icon.default": "15ea5b9c71e015ebbccb1a04f9494cfe3fde66d7", - "component.advancedSearch.filterArea.tag.icon.hover": "3cff270b468b25d44941da4fb979f9593c7d7bf2", - "component.appbar.background": "df4e4ae9b6af8ed62d222d5f9fd94c9e93bb3c7d", - "component.appbar.border": "474788d5e894792b6058d0a34b9a0ffc3ec5461c", - "component.appbar.text": "2edbce76f545875ee73e6a7d0a3e0ae4a4409001", - "component.appbar.icon": "7fd47c99ab6b8ef976e013530e48d6e1c2decd68", - "component.badge.informative.subtle.background": "b76021d37de74ecf04735e47a127a6a9086c42b7", - "component.badge.informative.subtle.text": "fca13420e73f1fe897675485ac07ec47bfe62c2a", - "component.badge.informative.accent.background": "63cc80a9914ff9dbdab8c8f826287cc2b9c30b54", - "component.badge.informative.accent.text": "c07b9f5d34d0210c9beb7bcba80b52e9ab8504dc", - "component.badge.neutral.subtle.background": "fb07a7c69b3482ab92e5d1c7c9ef39d52c37dafc", - "component.badge.neutral.subtle.text": "a2e056d43da89b03a414abd9a209a7b996eed84d", - "component.badge.neutral.accent.background": "19e5456346cbd5e5eafb8158ba3c80603bdda08f", - "component.badge.neutral.accent.text": "0cb643d8f25fdb92be01b6594ae4ef1930185ea1", - "component.badge.warning.subtle.background": "1720c9acb1dce12abb5dfe22ad454debe2e5a114", - "component.badge.warning.subtle.text": "8c29577e8792b0b5180ee7c265611f16592ab19e", - "component.badge.warning.accent.background": "db9df28dc6b3479ea6a02b261afebf62f5046d8d", - "component.badge.warning.accent.text": "c6b833e6a9dee0e4ff159e209e2be6560722b11c", - "component.badge.negative.subtle.background": "692e61e04ac5a2857cf1d8198229ffcc8cbe93bc", - "component.badge.negative.subtle.text": "e5ea90af808f2e36dfe88c9098875817a307076c", - "component.badge.negative.accent.background": "63365efb431f3ae09818048159e48c56979bd36b", - "component.badge.negative.accent.text": "edeedf54c62347954e563b12b58322021ce78014", - "component.badge.positive.subtle.background": "406333e0ef81ec9b3693694cb733854a04f5f708", - "component.badge.positive.subtle.text": "6a76f1dfaf28accb3ecfcc25c81377b6a292c852", - "component.badge.positive.accent.background": "b5beb31fe2226837f3007498fb2299ffa8c6b40d", - "component.badge.positive.accent.text": "7b287e16e5cc64d9b0f340b72f5b53546630c5d9", - "component.badge.important.subtle.background": "e0232e752563afbfc5dd13475999d49f3088e1a9", - "component.badge.important.subtle.text": "96d4f96d2bc5173c84f2528a66cc372f43bc3656", - "component.badge.important.accent.background": "e9d2ad3e1acbd25ed50bbd7afa0cf8100c3aaceb", - "component.badge.important.accent.text": "1c958a6c05816ddf08889214fed488137f53b622", - "component.badge.violet.subtle.background": "cb9b9a9f5ade9e7fc52531bba36a89b8f6429186", - "component.badge.violet.subtle.text": "c9b92726478ec8d5fae250e53feb6dc00ac6b359", - "component.badge.violet.accent.background": "2e93a72d8be07eb75eab0f97e9fc5097e5838af9", - "component.badge.violet.accent.text": "f3ffbd6cbe66ff07c4045962592f96e48e719e02", - "component.badge.pink.subtle.background": "b9785dcdbf801b24db920ff9aa05c8320980bad2", - "component.badge.pink.subtle.text": "8604087d4b25ec73556c6f15c8086300142d7137", - "component.badge.pink.accent.background": "8e0ba59770bb4c06c5ffecf904591a60bf2d02c9", - "component.badge.pink.accent.text": "cccfdba0b09b2247ca11e3decdfd7aa85c9aeb1b", - "component.breadcrumb.divider": "5e3f360b0d4043ebceccdc72474d50e4099d8abc", - "component.breadcrumb.appTitle.text.default": "d30777a820082ca0224eefa6c21d5b37b3046eed", - "component.breadcrumb.appTitle.text.hover": "517bfa4c36bfb69ebb5475d9a62f171d392b6d24", - "component.breadcrumb.normal.text.default": "0349a05b8d266dce25985f847015f406ffae3c45", - "component.breadcrumb.normal.text.hover": "14a386b33ef77aa602826b974e13a591383cba4c", - "component.breadcrumb.truncated.text.default": "39c52c3b98837f55bbac14ac765c79e6b3cd0f43", - "component.breadcrumb.truncated.text.hover": "21ccfb21a692ad1cecad4ef5b689e245337d469c", - "component.breadcrumb.lastItem.text": "971d8fb227b629a58e33d8fc3e92c21ed4dd0ac3", - "component.breadcrumb.collapsed.background": "a1fa2c5f67b12571e832d24ff56473d502712bf9", - "component.breadcrumb.collapsed.text.default": "85a0ee0a626d62771de2ca00b2f8f02d6c9cbec9", - "component.breadcrumb.collapsed.text.hover": "6c658df0ef88e14832792dcba7afc8a11c36329a", - "component.breadcrumb.collapsed.text.active": "80137569c6888fda0752b30d561a1275eb82fe5f", - "component.breadcrumb.collapsed.icon.default": "5a3780f4b171ccd9d80ac59bf61db47710ab3246", - "component.breadcrumb.collapsed.icon.hover": "d18e1c6cf71981195ed23c7993c4c8f818a5d088", - "component.breadcrumb.withDropdown.text.default": "9e3ba22e6a0757c600e5bb76989d99e8f95d4c3d", - "component.breadcrumb.withDropdown.text.hover": "aff4e5a0b6cfad4ee7b6999d097df30a1b3a00f9", - "component.breadcrumb.withDropdown.text.active": "328e45f44ccb0b66410712b762732bad158e03f9", - "component.breadcrumb.withDropdown.icon.default": "da3ae9977462fe369b1ebbf0719b705513038588", - "component.breadcrumb.withDropdown.icon.hover": "6f9ca0bd58346ceae0f9e8c4b2d07a4cb75dd8bf", - "component.button.primary.default.background": "96fd63ba7882cabec2bafc25f0dbd3bc717c80bc", - "component.button.primary.default.text": "89b9469407705b31b294444d90f732ab66a71b7e", - "component.button.primary.default.icon": "8575eb69e852066aebb01ab90051efcb526fd39b", - "component.button.primary.hover.background": "0925dee1dcfa24915785931c0553ebaaa8a1e460", - "component.button.primary.hover.text": "e61d6887ff323e60b1d5b2639aae7e3dadffefd3", - "component.button.primary.hover.icon": "8640bb9bfbb75894d3a423ce37d204567d0880cf", - "component.button.primary.pressed.background": "405e5f4159bb6f407c0193d8063db388af2202ef", - "component.button.primary.pressed.text": "6291f12bd9e70af658ab6be0b61382fa6acb3341", - "component.button.primary.pressed.icon": "ebf2ad3dd1858a9e4522d7bd374f7b805928d8f6", - "component.button.primary.disabled.background": "5968b910a2537b96193afd7515482ef119baedda", - "component.button.primary.disabled.text": "cf5f3ea6acd25e63626afa63d48a87db4bf550da", - "component.button.primary.disabled.icon": "7bd7254182a668f7e7ba860b59a2016b13629b60", - "component.button.primary.loading.background": "e39093c73ee153a774112e0051fbf0205c0e4a11", - "component.button.secondary.default.background": "740b5f616a1b33279af0df4a37dcfcc1957b884e", - "component.button.secondary.default.border": "18c9f9379752bcf55c5bea0b61f9f001eab3d12c", - "component.button.secondary.default.text": "c1fccafb665571020c4738fe98af56b9ad1d00e8", - "component.button.secondary.default.icon": "c01eaa04d58e99ebfede69eca19d3d621423be37", - "component.button.secondary.hover.background": "0c38a40cf6586b05ae87174e495d24e63ad6dcb1", - "component.button.secondary.hover.border": "b9bb95855ec5c51175cf7bd24a7e01e333fc6c5e", - "component.button.secondary.hover.text": "1627492a6424444467273f64e292eea59e0386a4", - "component.button.secondary.hover.icon": "ed99a37ed513e2db50ac3cc710a74300de276cb8", - "component.button.secondary.pressed.background": "599c319b818479f30efb9fb6dfe4120260c2f0ce", - "component.button.secondary.pressed.border": "d1152933ae238e411986c2bbda49c8c9463ffd86", - "component.button.secondary.pressed.text": "77a114b838b1262a62608493273b95d5f8ea1960", - "component.button.secondary.pressed.icon": "018434c37c83205bb1a539250be33a0b03313847", - "component.button.secondary.disabled.background": "b8bced1d0493134fe54a012793bbc62ae81905ee", - "component.button.secondary.disabled.border": "a5ee15671f9f735114764a2acdff6e2258ddec67", - "component.button.secondary.disabled.text": "c325995afa160b5fb1b69ef1322ebe5e0440fdf1", - "component.button.secondary.disabled.icon": "41e85562c262536aa2f043804568748896a5fc61", - "component.button.secondary.loading.background": "23370389c0ef19acb8e1127575b9a04a353f59da", - "component.button.secondary.loading.border": "e2ad07639c1b3f330c6f0ed6d1e4324237dfacf7", - "component.button.link.default.text": "29fc376b7d171a4b7363434c2167418b9043b559", - "component.button.link.default.icon": "308d5455c97cb8d1556c427ff3a356a0a8408fc0", - "component.button.link.hover.text": "3540a852bf4fc00a6bdc708e600e0161fb3966c0", - "component.button.link.hover.icon": "718c58058990ff5e3ec5711342c92fa14f13faa1", - "component.button.link.pressed.text": "4a5722be384e17f3e7ac57a0620c8ab48bf9cba7", - "component.button.link.pressed.icon": "93983bfda406f1198756e6fa3788ba47acbb78d8", - "component.button.link.disabled.text": "ec6edb4dd40f7274dbd364aa169106d572bfbedb", - "component.button.link.disabled.icon": "9581859abe25b68b4ec91c22e6543f7bc6e645a9", - "component.button.launch.default.background": "716f3b227e2785b0e8a6570cb82c129cc94a1f1f", - "component.button.launch.default.text": "f6ae00fd97fc67b589bec5f54beea3af383426c9", - "component.button.launch.default.icon": "6ff49b4c8455b042bf31b8818f551f3d8ec93e45", - "component.button.launch.hover.background": "b287d46691f3ffc89cb35fad18a5032b22da57b9", - "component.button.launch.hover.text": "0052bed9c976eaad618c944be0abdcf20c97c409", - "component.button.launch.hover.icon": "005655d7e64ab06dcbb8d92d0d54290e34ce3cbe", - "component.button.launch.pressed.background": "71f2ce7d96e37276e0fb098afa40c97028de8b26", - "component.button.launch.pressed.text": "0a86db088832bc2cd510d4fa2d21644cdf3f8bd2", - "component.button.launch.pressed.icon": "66d67251479e169788a26a3c9b2e93a622f91968", - "component.button.launch.disabled.background": "3578ef8c0d952dcc59b5b3140ac207e3da3a80b7", - "component.button.launch.disabled.text": "9d878c4b16f9cf2868ea2d05098ee3571fe3eab7", - "component.button.launch.disabled.icon": "ca2dea3cbde9f25b4a203b78862a4dbbaf4bc649", - "component.button.launch.loading.background": "8f97d931234a62583047d8071faf0e1d416762f5", - "component.button.danger.default.background": "1dfc0fd0e29ee9832bbf30ed957162862893f985", - "component.button.danger.default.text": "2b12adcb19b3bf659f7427e0cb36df2056096103", - "component.button.danger.default.icon": "f6e534579fab24dcc2aaf05222e0455a551e4bef", - "component.button.danger.hover.background": "20684535bd77c76d4cb9a6446a053e14af47f370", - "component.button.danger.hover.text": "6f8f4ae5ec4dfb426642ba85ffc4395f31692eab", - "component.button.danger.hover.icon": "65fa1417a68ad3d8160d790ac754093020d3894e", - "component.button.danger.pressed.background": "ba865d2704ad9be2b2f1c16d1e60524b89b9370d", - "component.button.danger.pressed.text": "0cb5ce4ac2d5cc32d4b5009e3ac8a542e4300b09", - "component.button.danger.pressed.icon": "58bc2ad93795c87c072424b0e3cd80844b8cf6f1", - "component.button.danger.disabled.background": "66eab7bd7c6fcd22ecc84ce6d169da288e197a1c", - "component.button.danger.disabled.text": "149026af536cca56773cd04c5c19df925f326385", - "component.button.danger.disabled.icon": "73b8059d60cae01d2447de2695b9bd5f4d3e5ebb", - "component.button.danger.loading.background": "5ebdf56c1bafebb414ba39b184643bea20016984", - "component.menuButton.primary.default.background": "3ee8ff456de9fbac6a15279a6eff601d1e80f0e9", - "component.menuButton.primary.default.text": "22bbfd7813511efa7c9e9455b1c924bfeaa77d70", - "component.menuButton.primary.default.icon": "f73cb37aa12e4d47c2725a84882ce2182621a975", - "component.menuButton.primary.hover.background": "7a8955342f933085e3f12b0463c6ad231a20d741", - "component.menuButton.primary.hover.text": "8998f0dfa63485a4b9197b02a55267847bdf1118", - "component.menuButton.primary.hover.icon": "9ff1c205c9ee6413d644cfd4cdd6ae0a34f39fde", - "component.menuButton.primary.pressed.background": "32b08cf721a091c48e8e1ead417052fa8bfa7981", - "component.menuButton.primary.pressed.text": "4ca0a6e3a00aa12e9dba55f9c00450cb69e0f829", - "component.menuButton.primary.pressed.icon": "5fcd68b97b639f32f47cbfcdece41891a612c003", - "component.menuButton.primary.disabled.background": "dad523962b98f3bcd150ca2f2af0380c62a0b206", - "component.menuButton.primary.disabled.text": "d738c89034a727b9e49055dace06ee893fd10ff8", - "component.menuButton.primary.disabled.icon": "95dec09e20f5ee1399c0a8348ab66af1b0fbb108", - "component.menuButton.primary.loading.background": "ea86c42ef99bed28f0609fede9e31651cef1e087", - "component.menuButton.secondary.default.background": "113f098be678137ca786228055272b65e21b022e", - "component.menuButton.secondary.default.border": "1347e8487a57d60870216b2f672cef4d1726b37f", - "component.menuButton.secondary.default.text": "8ce3f78c71e44a85f15d01cbeb72f65364de9ffd", - "component.menuButton.secondary.default.icon": "130a92c800e28acb4f75cf1c6185b708cfac71a5", - "component.menuButton.secondary.hover.background": "0ad2bd493d0ddd5698dd4f3a28792ae655b6fbd3", - "component.menuButton.secondary.hover.border": "e9749236050652d780288bae02da49c04b31886a", - "component.menuButton.secondary.hover.text": "afd0ffd9f428f2f736a4569fdc77ee495f7ecb76", - "component.menuButton.secondary.hover.icon": "852551403a6a0650e2f313b3de092cbd35f422ba", - "component.menuButton.secondary.pressed.background": "3298237f8330544c01b72eb5037e6c7cdb827629", - "component.menuButton.secondary.pressed.border": "4a79b0da624d98456d43a600dd1f40c38acbaa7a", - "component.menuButton.secondary.pressed.text": "a965c96119768aebed7292243bec72beda60cc8f", - "component.menuButton.secondary.pressed.icon": "81871a8d56a840c6e02647d89803d9ef7d3b4c46", - "component.menuButton.secondary.disabled.background": "a052e89b3d30a05e7d63ca9287a2c129b31b5b38", - "component.menuButton.secondary.disabled.border": "ad9aafce6810e1b2134dd7ac7b098cc540015900", - "component.menuButton.secondary.disabled.text": "7b4a71c38614331cc18f3edb8e5a3461595148cd", - "component.menuButton.secondary.disabled.icon": "a7eb9edf59583f0f5402a5950dbfe8101c77c4a5", - "component.menuButton.secondary.loading.background": "7ed618d5bdf7f7b35590ee0477e68c7d642555a6", - "component.menuButton.secondary.loading.border": "1fdcd2c1bac1cf2bbe22385227cdce2a0e36c83e", - "component.menuButton.link.default.text": "ccbc22605dd1230e1ec8cb197e3674114ab90f7b", - "component.menuButton.link.default.icon": "6f36055f784399cf2fd4b50b3001721c56e0adc8", - "component.menuButton.link.hover.text": "5cacacccb6dad6d0b112cc57045bb1bd89ec0799", - "component.menuButton.link.hover.icon": "9fda65254a2df16f6a70a2b3dc01a4656496876e", - "component.menuButton.link.pressed.text": "9bf4a401866d02b1125eab80fcf1b69c97b635a9", - "component.menuButton.link.pressed.icon": "7705b6ad42d1c5f219c193ffb211639b65409afa", - "component.menuButton.link.disabled.text": "e9ecf0080d9d9e83433ebdfe13c1c0ccedf1121a", - "component.menuButton.link.disabled.icon": "e16837c4cc4649ed4eba845544d8842263f83c2f", - "component.overflowMenuButton.default.icon": "0ab8c936eccc8e0f614c2415f4ccbfc9342fef14", - "component.overflowMenuButton.hover.icon": "3750f7eba0d031511a788e8b3582fc29fa7d905d", - "component.overflowMenuButton.pressed.icon": "6ccfa9ef7cc1b19911c5b25f3a1c6b3cafff45c8", - "component.overflowMenuButton.disabled.icon": "4ca3fb0611850bb687feb3561578b0a0d855c069", - "component.splitMenuButton.primary.default.background": "ffae7722a75df881e5c471dbd81b56517676cf72", - "component.splitMenuButton.primary.default.border": "b3874f035de8364ae8934bbfceae10248ee43791", - "component.splitMenuButton.primary.default.text": "e52c1f605326ca8fa591d5e3e0e2054960a2808e", - "component.splitMenuButton.primary.default.icon": "aef20011a1c351898084844b6de1aa7da61e5ee8", - "component.splitMenuButton.primary.hoverLeft.backgroundLeft": "8cb568d72b268edbc66162b2c01bc935b3dff3eb", - "component.splitMenuButton.primary.hoverLeft.backgroundRight": "68ddf57a80ae9797bbd681d798736f371ead2564", - "component.splitMenuButton.primary.hoverLeft.border": "fdf931c4ecd87fc56c08b457c2778b9fdbb440b4", - "component.splitMenuButton.primary.hoverLeft.text": "0050523e5fb54f3455ad9a5f8430ddafecc1d69b", - "component.splitMenuButton.primary.hoverLeft.icon": "caf62a7a0c2a0cd49d0d038344d2f75d30206a02", - "component.splitMenuButton.primary.hoverRight.backgroundLeft": "73cecb8e2612fcebd2e3eec9f8769b405b38534c", - "component.splitMenuButton.primary.hoverRight.backgroundRight": "750b697d457f63a8da99105e531c98f1c404b3b0", - "component.splitMenuButton.primary.hoverRight.border": "1353faeecd579b4ace85a3723fe07b06779af358", - "component.splitMenuButton.primary.hoverRight.text": "b4d65faa7a2cc4cf90724503f4520c7cbd17dccb", - "component.splitMenuButton.primary.hoverRight.icon": "22833dba32542ab2092996e401e2b9fefd8251a4", - "component.splitMenuButton.primary.active.background": "bc67ba211695999c98189d3c79426dcb44e02ddf", - "component.splitMenuButton.primary.active.border": "7aeb87a7e83a0d21de12a4d637e4c12160bb05c7", - "component.splitMenuButton.primary.active.text": "2305877b3d1abd491ec8b0964cde92d53ce1b778", - "component.splitMenuButton.primary.active.icon": "52f42b0080715215b2e17858b331049fc15b4c3f", - "component.splitMenuButton.primary.disabled.background": "f65217d869ba39b5931ed5a9c043fb744a6e802d", - "component.splitMenuButton.primary.disabled.border": "c504e7833ed050eb7d8dc00979495bf51cc5747e", - "component.splitMenuButton.primary.disabled.text": "84e60ee77f2b87b16d67c20d859bd3074cbd7021", - "component.splitMenuButton.primary.disabled.icon": "a26dec36b821af556ce4fb46fe62a9dc3ebbfdcc", - "component.splitMenuButton.primary.loading.backgroundLeft": "f7dfec5202dd4f31d5f420fb99922c716b278090", - "component.splitMenuButton.primary.loading.backgroundRight": "2d22828fe67abc5d6b23066afe3e86d9055f740a", - "component.splitMenuButton.primary.loading.border": "65bffa6fb226c98b25c463d5b5a15ee03c99f356", - "component.splitMenuButton.primary.loading.icon": "2595b764ff22fa5e3582cc0fe08077a256c8d4ea", - "component.splitMenuButton.secondary.default.background": "92958e1b4ecbb41df0150495ea81cbe4335c1f54", - "component.splitMenuButton.secondary.default.border": "ed30010a0f7bd406670afe3096bfb95623c67710", - "component.splitMenuButton.secondary.default.text": "af68de8ff628263404f488adfb104df0acf2ab14", - "component.splitMenuButton.secondary.default.icon": "3e9c16e4629f916cc8f43628e6965ceee96a854f", - "component.splitMenuButton.secondary.hoverLeft.backgroundLeft": "4a365d80ab438ae6b3c26003f6f68175478f3dd0", - "component.splitMenuButton.secondary.hoverLeft.backgroundRight": "adcf74a37ac93cdfc74dbebde0119edfc0bdc288", - "component.splitMenuButton.secondary.hoverLeft.borderLeft": "165fd362a1cf99164fd7c4f74b02d5b1046d64a2", - "component.splitMenuButton.secondary.hoverLeft.borderRight": "707f97dea978c06667e59b40b85c9dd7d27459f4", - "component.splitMenuButton.secondary.hoverLeft.text": "e8d82b3357929f5f6f360d9c05c945e581fe8b88", - "component.splitMenuButton.secondary.hoverLeft.icon": "2ef9e25e0c08ca6bb99498e009554e6d701166c8", - "component.splitMenuButton.secondary.hoverRight.backgroundLeft": "48a2f13271e6c6126e0d03c31565259724881783", - "component.splitMenuButton.secondary.hoverRight.backgroundRight": "68abbfde9162655222ab7eb7c81007477eae6662", - "component.splitMenuButton.secondary.hoverRight.borderLeft": "f45a3f0871d42b0ad3ca43ac6d8222af0c56c2ac", - "component.splitMenuButton.secondary.hoverRight.borderRight": "69757e41ddc5c511bba9d44f28e644b6380cdfab", - "component.splitMenuButton.secondary.hoverRight.text": "cfa10add626ba55171f520ac4ff0c9eff8cfc2ae", - "component.splitMenuButton.secondary.hoverRight.icon": "1917f687c379101968e42c1f5e474eedb6e5f59f", - "component.splitMenuButton.secondary.active.background": "c9d541ec38baced668b7b9225ccd2a11b6c00b62", - "component.splitMenuButton.secondary.active.border": "99392218971997e5a29e4559586366cc10f3b5c1", - "component.splitMenuButton.secondary.active.text": "4d47c24c7c24d52cece1ffca31283507f66531ef", - "component.splitMenuButton.secondary.active.icon": "58065ff837e8de358a94cee272270b17b00ef099", - "component.splitMenuButton.secondary.disabled.background": "ab9c21ff63fb926a6e3306cc4394695434d68942", - "component.splitMenuButton.secondary.disabled.border": "91c9e7591a2c8a31d740bacedb42231cc75cd7c8", - "component.splitMenuButton.secondary.disabled.text": "e3b66e2df84a51c382679f828e91efac2d8ecbad", - "component.splitMenuButton.secondary.disabled.icon": "ebb9d794c362e0e8d66bd752070310555876d0e3", - "component.splitMenuButton.secondary.loading.background": "08dc56cc786ea32234b4ae2aeafe29537c1adf2c", - "component.splitMenuButton.secondary.loading.border": "542c244b58c8bd00eb95e27941d4a45f9be24b29", - "component.splitMenuButton.secondary.loading.icon": "c215282e43debee3f335dfab962a780ec73f7435", - "component.splitMenuButton.launch.default.background": "edf0ecb28c91430455474aaee010d3a92d235ef6", - "component.splitMenuButton.launch.default.border": "ecadbc4e44036d110e0ba55b01674e87cef25e63", - "component.splitMenuButton.launch.default.text": "921236bc76ae48483b8dcaa4986f6fa089f06495", - "component.splitMenuButton.launch.default.icon": "88ce4daf9dbffbbb79378330b55dd52deaf801db", - "component.splitMenuButton.launch.hoverLeft.backgroundLeft": "e0780b4cc68efdc7b446817894f92e341a7e880f", - "component.splitMenuButton.launch.hoverLeft.backgroundRight": "c27f4f74cb170c597996cbe1a76d703b435dfdf5", - "component.splitMenuButton.launch.hoverLeft.border": "9702167c9bf4d53a6c2162af104c9b657817e000", - "component.splitMenuButton.launch.hoverLeft.text": "ffe91c1b3e4c52f57f1a089304b280a7a7cb7b08", - "component.splitMenuButton.launch.hoverLeft.icon": "35c782e9c1f9f22239dd0314eba0a99b2b3d88d3", - "component.splitMenuButton.launch.hoverRight.backgroundLeft": "04e5966abe2d2ccec7b1e156f01aded40653273b", - "component.splitMenuButton.launch.hoverRight.backgroundRight": "0f400e6ae21cb9b37b8d628451fcd4e19bdbd414", - "component.splitMenuButton.launch.hoverRight.border": "9561136cdbcb0184d4454a183f6deb61eeb4c550", - "component.splitMenuButton.launch.hoverRight.text": "745823ff87e225ee33b24dcc2211198836625d6d", - "component.splitMenuButton.launch.hoverRight.icon": "cc7e693e459c78595e0ca1662a1b5644e3c05db5", - "component.splitMenuButton.launch.active.background": "e2d3fca25a3e1a60919af54639d15d34e069ca77", - "component.splitMenuButton.launch.active.border": "12bc44b9bb723c9d3a5a503fb3aef6b0f2fec6ba", - "component.splitMenuButton.launch.active.text": "ccd96c250ca33326c1769ab4ac89750d53c0b6f6", - "component.splitMenuButton.launch.active.icon": "e42f7dd963295754c9d82461c972ed87a8f02670", - "component.splitMenuButton.launch.disabled.background": "c6d8ce7d19e539ba8bee21e007c503b39e0db3ac", - "component.splitMenuButton.launch.disabled.border": "28bc79418572c49f8fc27b06366d9f12d9bb86f2", - "component.splitMenuButton.launch.disabled.text": "567729277de56a6a40d065ece0c472f1f183e1e4", - "component.splitMenuButton.launch.disabled.icon": "85b9e750e312214315aaac265f56c0e800f3f235", - "component.splitMenuButton.launch.loading.backgroundLeft": "95681d18bffe0c58dd8f01ddbce4d8ee52210f3b", - "component.splitMenuButton.launch.loading.backgroundRight": "7fdc72c032adc83e59f1444418ed7082fa13750a", - "component.splitMenuButton.launch.loading.border": "52edc1b2774be0eb33c0a38286ec0beef85aa341", - "component.splitMenuButton.launch.loading.icon": "8d9dd3df958f646ca223e52c692d6635a571c0cd", - "component.segmentedButton.divider": "e3e8b680d6f2a05d2dc17d6f60119ec6c6cad1e7", - "component.segmentedButton.default.background": "1026c8e225c525190e87fb8a729504c2d2a132bf", - "component.segmentedButton.default.border": "2e316232b1baa5455f665b5ce7db74bdaeeacc54", - "component.segmentedButton.default.text": "1f7d5ab87145993f9eb1658a6113ab49982a8f60", - "component.segmentedButton.default.icon": "b4e04efd48fbfe6dd2f129af6651537efc5220d5", - "component.segmentedButton.hover.background": "e930615b3b14ff2d1c85fa15be3fd479692f1562", - "component.segmentedButton.hover.border": "58644b03397c540421c1fbc9bc7c112b4be194b6", - "component.segmentedButton.hover.text": "11e992718106451d6cb0ba738a573e7c7fd584b7", - "component.segmentedButton.hover.icon": "d44052bb0c4725836fe4e252984e5ef32a08264f", - "component.segmentedButton.disabled.background": "14dc841ae11d0c677737e53d3ef66df2ac6df459", - "component.segmentedButton.disabled.border": "d48d6c05d4d0ccd63fe7f08378efeb0da18ddaaa", - "component.segmentedButton.disabled.text": "caa2276fe2773d92d58b733115cd7f417a2368ba", - "component.segmentedButton.disabled.icon": "d485d9395d1b70e2d8ddbde39f17a7ab674ed622", - "component.segmentedButton.disabledChecked.background": "dcebfdb29e7df0e0dffa153b86b7bcaccbbc6083", - "component.segmentedButton.disabledChecked.border": "5c50109713c5e4b4e5955efc1f48f80af65113c4", - "component.segmentedButton.disabledChecked.text": "062e43eddd8621f714181ddca185b2f67024e10c", - "component.segmentedButton.disabledChecked.icon": "5e9a72799f6206923426a9b3227b61d2c2544ad5", - "component.segmentedButton.active.background": "38cc9ed3f03d6f4bf5808f316620871057ac2d46", - "component.segmentedButton.active.border": "28c9658b3d6908e1dd9a5547224396548c5b8ab2", - "component.segmentedButton.active.text": "1b35f624ff14a3b5e324c9d5602da69eeea61c7a", - "component.segmentedButton.active.icon": "93eafebd1037567919602f231db41077f8acd83a", - "component.segmentedButton.activeHover.background": "6c2bc453b4dc6e5e1373169a8d4318fb00f7a0c6", - "component.segmentedButton.activeHover.border": "13c08f4f6e2e67df1f2b340935bd0f45dabefb7f", - "component.segmentedButton.activeHover.text": "c1f5bcc4d6c3ebc35a87ef757f0e6689b40c7cbd", - "component.segmentedButton.activeHover.icon": "ed7d126a34b2b9c51bc598c71459470d23815c48", - "component.segmentedStatusButton.default.background": "34e4286b78d4dcad01002fd9b52dc8436552dca8", - "component.segmentedStatusButton.default.border": "d9a57472c79b22a515d29ce40c0fb7ea99c98b14", - "component.segmentedStatusButton.default.text": "8b1e94f8c6c2d203115b7343021afbe01b871f23", - "component.segmentedStatusButton.default.icon": "aaa0a15c2a23c94b95c3eeda2b9966c4ac0aac93", - "component.segmentedStatusButton.hover.background": "e4133b60911fa1166dd8e44cbf9abbf6eed74c8a", - "component.segmentedStatusButton.hover.border": "f9d18cdfe44171ec5c7c7db533601c94266ce877", - "component.segmentedStatusButton.hover.text": "b536bf516f9b75756b70406871dca50548a43843", - "component.segmentedStatusButton.hover.icon": "4aaca4ef6f46b309793dec76ccbd2ef92a489c47", - "component.segmentedStatusButton.disabled.background": "2103f94db45c84330a422921319547357e725b3b", - "component.segmentedStatusButton.disabled.border": "00c9a4c64dc3bfa779c21f158ba8036bd2974d62", - "component.segmentedStatusButton.disabled.text": "38ebfd6e9da002ece2b9dd75d687f4db91ba8aec", - "component.segmentedStatusButton.disabled.icon": "2efbee3cd06d861e733c370f9fcb85d50f1c05c5", - "component.segmentedStatusButton.disabledPositive.background": "0931b229e234fbf9a7e4b0659da109e67d28688d", - "component.segmentedStatusButton.disabledPositive.text": "f0cb10fe159f2e84643e2fd38f43c7579ac578a4", - "component.segmentedStatusButton.disabledPositive.icon": "6b684d7a8a53c49271f83f025b277116460e846e", - "component.segmentedStatusButton.activePositive.background": "95d81cf4f2eaaa54dba2ecf49d1aaae21844d5d7", - "component.segmentedStatusButton.activePositive.text": "89a25e5c978934dacda7e76e3792449131a93401", - "component.segmentedStatusButton.activePositive.icon": "7659e0e172e3b1e00cd667b9730aba7b81266f15", - "component.segmentedStatusButton.disabledNegative.background": "7734245411a7f464659977ed6a1369844e97ff6b", - "component.segmentedStatusButton.disabledNegative.text": "56d80530d00de3d33326e373bbe9b4e70d94036b", - "component.segmentedStatusButton.disabledNegative.icon": "e2a0dcb77f12517aff8bc71cf26fcdb013ab53d5", - "component.segmentedStatusButton.activeNegative.background": "08358fb2fa467ab3e220522ce3e11c5b63c82b75", - "component.segmentedStatusButton.activeNegative.text": "803bf104ea51bf98ff801c99ebda45c360d1d938", - "component.segmentedStatusButton.activeNegative.icon": "8aacb56bf7874e2aa3dfa759fd4981a15da532a3", - "component.segmentedStatusButton.disabledNeutral.background": "529e40a0d080a5db7cc04590c31aadab60f724c3", - "component.segmentedStatusButton.disabledNeutral.text": "9924bc94e9bf78cd51eb170ff8e74b590e6d8f1d", - "component.segmentedStatusButton.disabledNeutral.icon": "91b1858ef1438728c35676955afab70f2eeafc7f", - "component.segmentedStatusButton.activeNeutral.background": "0402d2762f35c2dac8aa266131801f8c0922c3fe", - "component.segmentedStatusButton.activeNeutral.text": "82d8ca1b53a4696f84101ca8cddbd5b49fe30a08", - "component.segmentedStatusButton.activeNeutral.icon": "d594c29409282d51cec37372c92e76af6b387688", - "component.calendar.background": "99e9fe44376fc91ded3bd9c172c5de114bc800db", - "component.calendar.border": "ee0ef33f62b1ed1d935464161cc2fdcefdf46683", - "component.calendar.icon": "c27611ece21ac853468bfcf20d370ae56c8b8fb4", - "component.calendar.text.default": "69c231a7f75ac4d7b0847b84e396f7df1c1a9cc5", - "component.calendar.text.disabled": "45c294490a2c891c5e966d33687c44616bda5f53", - "component.calendar.selectedItem.text": "cfc4d09ebb4073f1732f36fe8bc2e9ffdc440b86", - "component.calendar.selectedItem.background.default": "c5ff1ec99ee5e748439093b5e1c329541519e1ac", - "component.calendar.selectedItem.background.hover": "d70899031a70951984b4e6cf2487f57152ae9752", - "component.calendar.hoverItem.background": "0d045e7dc346cf5f707ed3f26377bdd44b80f778", - "component.calendar.hoverItem.text": "b41a7ebfddeb29e8bdcb5d70526cdd989303e0ac", - "component.calendar.dateRange.text": "ee35b20af8f08c0d45be931f778142ec31946d71", - "component.calendar.dateRange.background.default": "222dd1def91a2af4cc9292a1fb3e85803c37c464", - "component.calendar.dateRange.background.hover": "5015567624de52ffbba60a92bdb3139a7b24c26d", - "component.calendar.presetArea.background": "a5953cf64fb5e64d61ffb760c380b740418355a5", - "component.calendar.presetArea.hoverPeriod.background": "e09cc6df7169de46a17ff482dacd221cc84fd868", - "component.calendar.presetArea.activePeriod.background": "af2001afc2eadb94950198d3748c1371133989ce", - "component.calendar.presetArea.activePeriod.text": "9761a48f1d59c4b1c19e45f600ec2f691f753560", - "component.card.background": "a172b53e13fb17f4174c294da537472c08a38074", - "component.card.border": "b8838a521fc5f136c6727e1c4c681ff96dffd195", - "component.card.text": "6ab667a1538a8b39e2ab0d73059beee4e827f21c", - "component.card.icon": "66909ff63a999439b11cb601082db61ffa02efa3", - "component.checkbox.empty.default.background": "2742f4c1e7c495795910f222fe378615dc19d49a", - "component.checkbox.empty.default.border": "6e8cc88ebcf5331766f7c3ec0264d01a5597e961", - "component.checkbox.empty.default.text": "fafddc725eedb4f01334184834cf6df38dd5d6f4", - "component.checkbox.empty.hover.background": "b6c182a1e201c49517a4d5d0b8983786996d34df", - "component.checkbox.empty.hover.border": "2abda7597a167e0fb6721f2e32b047357e64973a", - "component.checkbox.empty.hover.text": "7f9b0084200f5455f69c3ee0a7742f9e07f89583", - "component.checkbox.empty.active.background": "db03e826df3375de2873b8da417f9147db3ebb91", - "component.checkbox.empty.active.border": "4f8d9c32a2ee4f86432b7e7505e180fcc70bb30c", - "component.checkbox.empty.active.text": "e09af64b6dfdb42accda3e51db66584db0859e70", - "component.checkbox.empty.disabled.background": "db489367fdd1febeab371d3c3373cb32038f2a1b", - "component.checkbox.empty.disabled.border": "2212880141c566c3c3e73f094817af7114ded221", - "component.checkbox.empty.disabled.text": "4f6613b6cc79c1fbb476afba4841bfa565783742", - "component.checkbox.empty.readOnly.background": "0c1af270b00537a0999b7c104d8936f9094de198", - "component.checkbox.empty.readOnly.border": "aebe95700c194221c6d96c555de24e17fff0eafe", - "component.checkbox.empty.readOnly.text": "7c15939b7aff757a7830c20606ff14e1a351cb1a", - "component.checkbox.checked.default.background": "3020cd02cc73b33f8b120c0d361eb6058ea836ff", - "component.checkbox.checked.default.text": "75ec1a809418e4213f2f752b1f41a07f66749de7", - "component.checkbox.checked.default.icon": "35ffa3b1b91d3098ef379d33d149c8e233df3374", - "component.checkbox.checked.hover.background": "ad375eab3e967164409d4ead372414f269252116", - "component.checkbox.checked.hover.text": "0175b9d0a384ec00525dc1804046a3f277feeb10", - "component.checkbox.checked.hover.icon": "ad2d32909eb79e3344815dd522eefe776c426726", - "component.checkbox.checked.active.background": "a42869af4fdd374e2191b84c891611dfc1685dc7", - "component.checkbox.checked.active.text": "b9f547863fd21abc28d8d48c6a003d2517acb547", - "component.checkbox.checked.active.icon": "2fdc9dfa0b4cfc65e7c513f2f806bf57343dc4fe", - "component.checkbox.checked.disabled.background": "a6b2fbabc37800b6785c6d927febfaf683dc8d05", - "component.checkbox.checked.disabled.text": "3354f2e59a0a75af1061a72300a7e8379167f09d", - "component.checkbox.checked.disabled.icon": "989eab0df5127f2640f458d9afd8d3250191761b", - "component.checkbox.checked.readOnly.background": "ce65a7068d0851aa580589f915de9a01480fef7c", - "component.checkbox.checked.readOnly.border": "92a7d9ed8e6da4052980c7590e9804a7216cd801", - "component.checkbox.checked.readOnly.text": "0b5552931a24ec5927d588b5d4e21f283cb5cb11", - "component.checkbox.checked.readOnly.icon": "00924174ca2896ea2e937883de567f82be403bcc", - "component.checkbox.indeterminated.default.background": "ee2956aa45838337ce256bb7fff2a395dbfdc3f2", - "component.checkbox.indeterminated.default.text": "2fcf8cdf5f136fd61a3070c8653a8b14205d67bf", - "component.checkbox.indeterminated.default.icon": "07ea034dd07e88d18dbc0368b67cb554652e218b", - "component.checkbox.indeterminated.hover.background": "567b8a602c767d2e2af7ba92773687c936514bf7", - "component.checkbox.indeterminated.hover.text": "20cf2797fcfbff6c93172ab5e872587f8b587220", - "component.checkbox.indeterminated.hover.icon": "12d1004aa3affa3b6cb397df7d6e46be141dcddd", - "component.checkbox.indeterminated.active.background": "02e0281ce4f95ac1541638af23a858422d723e54", - "component.checkbox.indeterminated.active.text": "ad0a424d716dc0ab31b79ee3685795a4e02e9dce", - "component.checkbox.indeterminated.active.icon": "33b3a6973dbc55c737e7beae90fffb1b38f560ea", - "component.checkbox.indeterminated.disabled.background": "48688235dadfd77e090d2d5f9ac28bfef715f22c", - "component.checkbox.indeterminated.disabled.text": "e30f52e21e52ac6d935dfc78596ecba32f880a7a", - "component.checkbox.indeterminated.disabled.icon": "1388be3e566463fd402d2e82e8a8bedce2039c49", - "component.checkbox.indeterminated.readOnly.background": "7f72e38e8ebbe9fb2e17ecef7316066ef078454d", - "component.checkbox.indeterminated.readOnly.border": "10b1fdd46ee7cf78e2808136a20136de25429578", - "component.checkbox.indeterminated.readOnly.text": "0b5e8e209d6eb7e277c0dad560219f28f9132439", - "component.checkbox.indeterminated.readOnly.icon": "f120b5490ab327688d6154022317ac8613686162", - "component.container.background": "29c85d2a4034827944277ef3b09228ccd9bda0cf", - "component.container.border": "274820b11f80b90d36b74c267f81bd768534b967", - "component.contentPanel.background": "aa4b7e95a38630ef5852ab3cff6960155c03e482", - "component.contentPanel.border": "708388df218003a24a691306e1dc9f6e5f3240c6", - "component.contentPanel.text": "8b2293054f266e3cd75df7f83e066da8e5deac65", - "component.contentPanel.icon": "0c755f99ebde940fc319a5e5d16b52ba87fbdc88", - "component.dateField.default.background": "b002ae74ae6a0aa190c7a82042acbfa16a1a644b", - "component.dateField.default.border": "eaa5ecf7a852f90ca6edcbcf94dd1a59c78df491", - "component.dateField.default.text": "cc8027304a4f99b953402ffe47610508fa29b81d", - "component.dateField.default.icon": "0c6d8d4b2b8363b47ea2ed6b42c9d3f751c6805d", - "component.dateField.default.hintText": "5282d06508b6c6508510dfb89f5f028c9d712798", - "component.dateField.hover.background": "5c65b05da61695fc4f1620acd0c2f64ae5dac928", - "component.dateField.hover.border": "b8f619d38095bfae3f66828643d7177b35c271f2", - "component.dateField.hover.text": "05e9b7f8b4a65b0a22a40e3db81796da51c6005d", - "component.dateField.hover.icon": "1ff16f0d0cf0a17944321d3014fda00af36e27e9", - "component.dateField.hover.hintText": "d7a0132ef56b9772a623f5ae9a8a8126da30acb7", - "component.dateField.hoverEmpty.background": "caf429dbd31bc54ecdc35fed31bc39a0467d844a", - "component.dateField.hoverEmpty.border": "a10d0810c18b65c0b0a36209cf6fc7815ec74529", - "component.dateField.hoverEmpty.text": "5ce0ca72538bc8f6927f2d02ba5370f37cc47e62", - "component.dateField.hoverEmpty.icon": "74c0c33793c6525591fd17f2b35d1183332bb0ce", - "component.dateField.hoverEmpty.hintText": "4a6ef8144f808ce1df9d02943b22cf3d72c96f7e", - "component.dateField.filled.background": "ce649e93c62ea8e414ba18efced64b043741b4ac", - "component.dateField.filled.border": "836e18007efdde62494b3bbde91ef709e7d2c367", - "component.dateField.filled.text": "001215cca19c25759962b32c0630ab8b7a9623cd", - "component.dateField.filled.icon": "3d4335b0d594b42320feecead80f512ec25e6ca0", - "component.dateField.filled.hintText": "8b40f47371112f329e3a9b6786e417d6e15e0ceb", - "component.dateField.disabled.background": "7fc8ace41f7bbf6a4b430486da5ee34eb6e23ce5", - "component.dateField.disabled.border": "921ca7605460af22363e91f45a46c687f40e009f", - "component.dateField.disabled.text": "97212b5d2b1f5296d9faaa60848975e17b446835", - "component.dateField.disabled.icon": "5cfcf0d077cc21a83b760a2f42374f37078cf845", - "component.dateField.disabled.hintText": "aa0f2f72e401758044d538c893a1edcc39ddeb12", - "component.dateField.readOnly.background": "15ddbf7dfc1dc86878920aa56bcdf604329b585e", - "component.dateField.readOnly.text": "5909a9ebdbfe17389b42da14e6a6bfd6c2a2e5a1", - "component.dateField.readOnly.hintText": "1c5b92231a9dfde588be6ba7b069e1b44134fbe3", - "component.dateField.error.background": "69b24c7bcae924a48561baf7c252acc66b7c2f78", - "component.dateField.error.border": "f85f1e64044e04dc390752d3184f42c56cce44ec", - "component.dateField.error.text": "65266a10cc3023c2f7145ccd8e8a3a7480453d1f", - "component.dateField.error.icon": "023a3b78acbc676f6ce97caeaf9ac553460db2e7", - "component.dateField.error.hintText": "551e4ed422038e3d90b24328ded99efff7484088", - "component.dateField.focus.background": "86bbc29ed78066a5c618fa022cc884d706773747", - "component.dateField.focus.border": "f9771261827e549e8429311f416b9ecf8e80c0b5", - "component.dateField.focus.text": "6dcec6688f54b51b62c7795a42cce2448e1d585a", - "component.dateField.focus.icon": "52cc244fe32bb45ca1d8e3a364749305d646c00e", - "component.dateField.focus.hintText": "a393ded06dfe044bc0cf633b9c3cd63bab56a38a", - "component.datePicker.default.icon": "802116a471c80627f293e548b9e4885db932253e", - "component.datePicker.hover.icon": "4f41da76bc4cff6fd13250e9e3ed8c4512aa8384", - "component.datePicker.filled.icon": "ce248d6dd166594edc3709f8f7fc38e94929de54", - "component.datePicker.disabled.icon": "67bac0af6f6d83bf10820a406fbb92a48dd7fd22", - "component.datePicker.focus.icon": "95036bb1857feb96a896887bd6808c8c6b5db9d3", - "component.dateRangePicker.default.icon": "86139c8e54eeaafeaafe0edece2fabad8c804c00", - "component.dateRangePicker.hover.icon": "1bad7f99debfd8310168a4b5ae4dc58bd6f96aca", - "component.dateRangePicker.filled.icon": "1b232372f5652ed6a818764b92c2f171fef92f2b", - "component.dateRangePicker.disabled.icon": "0ba5dea28cdb095d14d43d12dd891f257d1816af", - "component.dateRangePicker.focus.icon": "e9033cb454fab7e91194428ceecee24cf7c04b19", - "component.dateRangeField.default.background": "ac8b6621a3c975d973ccd88c4ddf3ef1b9e61950", - "component.dateRangeField.default.border": "20245330808c6f154a5d2895e35d8fd7a993d91b", - "component.dateRangeField.default.text": "75bf320edb06d5aa7dac12716829f02a39e767ff", - "component.dateRangeField.default.icon": "53390d8c0b785183cd39faeaee9abf9153300d8b", - "component.dateRangeField.default.hintText": "c10da76cf60f80a31c5a58376149f943accbe4dd", - "component.dateRangeField.hover.background": "9cc9447029663f4686ce0ce6ea1edb871f0646d5", - "component.dateRangeField.hover.border": "cfd9a5825d9d4be2472e017eb1c8804b6e385c17", - "component.dateRangeField.hover.text": "7f43c9d77c3295eae10a5d8d8c5c8be1ef142e20", - "component.dateRangeField.hover.icon": "11feb7bbae578f99cd77166b2fd06e45c49ca9ed", - "component.dateRangeField.hover.hintText": "5cfcd94a0667ef4c0d966c60264692dbd97811ca", - "component.dateRangeField.hoverEmpty.background": "7e04e94ac8b1671fb90e2ef64e25818b0ffa19ad", - "component.dateRangeField.hoverEmpty.border": "e5d45b7a713693d401539e6e22ad474e82fe65cb", - "component.dateRangeField.hoverEmpty.text": "542536e2cf951ea4503efd19591684a11c23d40e", - "component.dateRangeField.hoverEmpty.icon": "fca91850485687464b4a6fba7852f370f2110ff6", - "component.dateRangeField.hoverEmpty.hintText": "eaa032960d7741b0abc6a58ffb2cfd277f7f8d2e", - "component.dateRangeField.filled.background": "9f517e3b203353eb8000f484b0ca704b8f62b792", - "component.dateRangeField.filled.border": "2763453d3d050954fe336f840fd133e549aa41d5", - "component.dateRangeField.filled.text": "3a2d4699d9ee01d1910ee8df0b217ab69da45d8b", - "component.dateRangeField.filled.icon": "f3d8772fe2872bc2ae479765e4a17d2a1c84e90b", - "component.dateRangeField.filled.hintText": "96ba3cd92e0170b4e909460b34417a36b6f97428", - "component.dateRangeField.filled.placeholderItem.text": "19aaea63a2401aaaf53ed5d2463b37f79cd99d0e", - "component.dateRangeField.disabled.background": "5163dbb2cfc2b2327e93b38ec5c0a3853fc89b32", - "component.dateRangeField.disabled.border": "a56f32f3c48e35fc44606a5b86c0b5aa7450e490", - "component.dateRangeField.disabled.text": "8678f62bb774285b774d539cff3e46fcf7fea020", - "component.dateRangeField.disabled.icon": "f54962f4131075284ab908f63579a7fe35434d5e", - "component.dateRangeField.disabled.hintText": "d4f92883f1183bd5558e65b74c81ac696020c0e3", - "component.dateRangeField.readOnly.background": "1ec843e515887b6ba4fb777dabc7acce013907b4", - "component.dateRangeField.readOnly.text": "c97f0520523510ecd920bc3f4d09d7fa368fcebf", - "component.dateRangeField.readOnly.hintText": "3584a79a9996b4e979af6aa553dd5375c7436cd5", - "component.dateRangeField.error.background": "12cd557fe22fafa56fc581a54e50f53243696c10", - "component.dateRangeField.error.border": "9778cc6ada60e23e3748505533bac5e6b42611df", - "component.dateRangeField.error.text": "948e8988eb77e4906310540f835eadbc098b64ed", - "component.dateRangeField.error.icon": "633442c45eccb441dbe0e51a8c7be9ec5fb4bd60", - "component.dateRangeField.error.hintText": "6de708cbfbd85dc7a55c4caebc47d4cc1683255d", - "component.dateRangeField.focus.background": "5061aa58b0fc903f215607ee44af015aedcb2c66", - "component.dateRangeField.focus.border": "fe5ce8cd7f05b5b1978eef2ff87225954a705191", - "component.dateRangeField.focus.text": "edd2ded50fa3843e99ed36b023134123508b6020", - "component.dateRangeField.focus.icon": "4997be8530ff8c9a5d5156abf8640a0d2ace2b7a", - "component.dateRangeField.focus.hintText": "e0aa4d991aa49d680769e755951ff418b4549123", - "component.dateRangeField.focus.placeholderItem.text": "a79fea4635657f04e5deb57e3111f5cc9447ed9c", - "component.dateRangeInput.default.background": "b4fd813883dc7f276626561d17e4d6d22a835bd9", - "component.dateRangeInput.default.border": "f93f573436efb9d94fe7c2f1f59075e2a14b3757", - "component.dateRangeInput.default.text": "c6a7d738d59473ae3135f51ae17654620fed9ad0", - "component.dateRangeInput.default.icon": "c8e21f69df131bfad0b2a20730ae78e2c1fd9a3b", - "component.dateRangeInput.default.hintText": "38bbe6dcd91d88b64868f3980e40a8602bee839a", - "component.dateRangeInput.hover.background": "7aa0f745474275a58b2d55a1455db3e043b61f35", - "component.dateRangeInput.hover.border": "498e5aa95c1f7766af7cb6dc38fc9b8bb491ec5a", - "component.dateRangeInput.hover.text": "d87f87dca8076b18eb1917d8ff60da8e6329c9bd", - "component.dateRangeInput.hover.icon": "0f3fe49a212485cb1bd48129128177d2d79d5cb2", - "component.dateRangeInput.hover.hintText": "34c117e91af7107d9ae57922a130304f97d8490f", - "component.dateRangeInput.activePeriod.background": "092f181ee1622c8f340b35c50da4688b3512349d", - "component.dateRangeInput.activePeriod.border": "bd913363182cba5c8a5ab424317f0e86cf2e9f87", - "component.dateRangeInput.activePeriod.text": "1a387430fa863407f9a9eacc4f7d8fac8ffb4b2a", - "component.dateRangeInput.activePeriod.icon": "8183ea0bc858b95e07dd0d547ed820a7c089e368", - "component.dateRangeInput.activePeriod.hintText": "424d0fa23501e93841b8e7b51ff453bca33c739e", - "component.dateRangeInput.activePeriod.activeItem.background": "99d844a0810441ff7b8d1845d58def07e1493bc0", - "component.dateRangeInput.activePeriod.activeItem.text": "d27293b5070e7097de517f973854ae245c5cc883", - "component.dateRangeInput.filled.background": "911e78799c54721e019485d7212ed245384973ca", - "component.dateRangeInput.filled.border": "0196f9680aee2a3f23ea1299bf0e04a27d22073b", - "component.dateRangeInput.filled.text": "d3979e4b710a72125deae57200442676e1baba8c", - "component.dateRangeInput.filled.icon": "6e7d5d7e75eb83313700cbeb9078c5bb0a88a500", - "component.dateRangeInput.filled.hintText": "e1086e418c0964dc1066851beb779750e7ac1fb1", - "component.dateRangeInput.filled.placeholderItem.text": "cb1677c247b397513ccea748608471690951da56", - "component.dateRangeInput.disabled.background": "0f718842c42f44f167a892d34d00afa01eb4b676", - "component.dateRangeInput.disabled.border": "d8abfec1c58f5ee8c75c5dabcd877a98c509bf1e", - "component.dateRangeInput.disabled.text": "6eb31a77d5704568d54c05d451228f88e7574226", - "component.dateRangeInput.disabled.icon": "6900431695b77d6ae06569b60fa931ae38c4e5a7", - "component.dateRangeInput.disabled.hintText": "3b41472eb9a3f968b97dc8901a4ed72db3351cff", - "component.dateRangeInput.readOnly.background": "6a2eb19b2c75abdeb4ba5333b4cbb1408c987a65", - "component.dateRangeInput.readOnly.text": "8d72152b278d0839fe751f045b8985b78a1a387d", - "component.dateRangeInput.readOnly.hintText": "acd28ae72356082cf45c719224d7548ec7ae81b7", - "component.dateRangeInput.error.background": "60f374e23ded4e153534be5f16d16616c1bb109d", - "component.dateRangeInput.error.border": "b718cd09fdcbe007939753cb15660bf300996e0e", - "component.dateRangeInput.error.text": "ce135cfc269e3bb5534512b4ec9849778fc2fe63", - "component.dateRangeInput.error.icon": "e10ccae6bc8ff8d41db2071c01c0c08a28ffd51b", - "component.dateRangeInput.error.hintText": "0e64c96818fb2f6c0858fb50a539d77141df1565", - "component.dateRangeInput.focus.background": "6cd1d696bc656230f1fa96ac0b44d580913a13b0", - "component.dateRangeInput.focus.border": "d9352a9340fe1eff190694d5ba66c84afda245e2", - "component.dateRangeInput.focus.text": "62865871f3852af42ad286c76f97822376b0a64d", - "component.dateRangeInput.focus.icon": "49b298dd018f7d1de0a6aff6453c66b95141af3c", - "component.dateRangeInput.focus.hintText": "de43b7b4c46cc1978842fe76a284dc3770a61966", - "component.dateRangeInput.focus.placeholderItem.text": "c477c25f032277587d57b9217684bb96db20c9bf", - "component.divider.border": "38af93241abd5599ba057d1e327d3b270758a924", - "component.drawer.background": "68a8ebac692f668ff58254134a44483c31be0019", - "component.drawer.text": "07e72a75470da2ae130fd1d28f02c3aa6b0244cc", - "component.drawer.icon.default": "d17494620733354acc01c401563f3e2c7c6c84cc", - "component.drawer.icon.disabled": "a9c02b88298c2abffbe1c713778e2b1ca7698f7e", - "component.dropdown.icon.default": "c28586ebd132ca3ea9d865969d53fba42cc97298", - "component.dropdown.icon.disabled": "98757e0103200b9d53c638fe1e4d006937974190", - "component.dropdown.text.default": "bf71c5cc38ab723634a677a7531ddbeea8a69ba3", - "component.dropdown.text.link": "81e728e19d7d33a81ee9048c8ea65560f156eb5a", - "component.dropdown.text.description": "9447e5652ebf078f2d99b41e0761a53f76929a07", - "component.dropdown.text.disabled": "00d08adc90d349045a6768a86e26d9660d788a3b", - "component.dropdown.background.default": "b07f1389bfefbad81c29deee76d11025340ea751", - "component.dropdown.background.hover": "dfad8e21f763eb12fc6b94e42176d5db4ffb9cd8", - "component.dropdown.background.category": "df85236730148242dbd8dd33593a7d66a0ca5189", - "component.globalHeader.background": "ea5dde63b5aaa6203943a2c5ff18317138b50df0", - "component.globalHeader.border": "99368ef592bf264d536f0faababf193759e27069", - "component.globalHeader.icon.default": "6b4e4b6edbc3faa62ffbf84ef086e75aa1af95f8", - "component.globalHeader.icon.hover": "945adf4f43305d7221aea1627190f7e9187304b2", - "component.globalHeader.icon.active": "5a0331953d7adeb6d9a9b1e973280e29ae7cfb38", - "component.globalHeader.text.default": "37f1e38bfef8c7a1e7cfc592e3e518d1d71c8ced", - "component.globalHeader.text.hover": "279425326822553bc80525a9ba2d59d7edbd353b", - "component.globalHeader.badge.background": "adacf8d53703142fe0f0b10093f1440d660baf79", - "component.globalHeader.badge.text": "72f9823bfda67e0e0da20f2e93da183b447868f7", - "component.globalHeader.badge.icon": "30f225cabf47fa80a29902ddf5542718d33be494", - "component.globalHeader.search.background": "46f3fd39e1a0f90c7db47b2373666621e2bb18a1", - "component.globalHeader.search.text.placeholder": "fcca4fd324feebee28a1e274e579262121a05e8a", - "component.globalHeader.search.text.filled": "55c91df45a2949dae5ad5f1611b92ba61805ffaa", - "component.globalHeader.search.icon.default": "7ef6a1be5398c652fa86fe0872d447e8a604f207", - "component.globalHeader.search.icon.active": "3e04e1c025a3edf0dc1be0308d533078beb39eda", - "component.globalHeader.search.icon.hover": "6a98cd30ab9c00fd3106df7570cfcbd3dd4f4e83", - "component.globalHeader.search.border.default": "eca20c189f8d9dfe16d04562e5ec8aa1ff6a618e", - "component.globalHeader.search.border.hover": "4f610ea6ec23533ba34b5b8ba76b9ef32552c0cb", - "component.globalHeader.search.border.active": "5175dc3c3d121e61d58bcfe595282711e32070ee", - "component.globalFooter.background": "e8e8279ee495cebdb6bf39525e27ccf44af40a4a", - "component.globalFooter.border": "279d374c1b90efdcd3c9847dd5dd1dae49c8aff9", - "component.globalFooter.text": "a6c6b686f6f0640912bf4a6499e896adf13591cd", - "component.globalFooter.link.default": "1d1b2519f5dff64329278c597e10686a540b0ac9", - "component.globalFooter.link.hover": "2907ca6f320265e2322144e5f02369e588cf446d", - "component.groupSelect.field.default.background": "6d2113b285044de931bd78e882192e39f4fb8f0a", - "component.groupSelect.field.default.border": "3a1b153bfefec93110b863a930c94a975741658d", - "component.groupSelect.field.default.text": "b54dace7aa1013b993dcda2e3130ad63cc04623d", - "component.groupSelect.field.default.icon": "1f5aeede0e56a000f2cdb9a64679fabf3ebd6eac", - "component.groupSelect.field.default.hintText": "5093ef1df277699c2c2d42181098645526532749", - "component.groupSelect.field.default.infoIcon": "ac3ad712b7b43c5d0d482616196604b4d5f97a82", - "component.groupSelect.field.hover.background": "3a996537a14cba4c31877e88a43fb499ccfc5c21", - "component.groupSelect.field.hover.border": "e46e0eac67acb942c05e861670384af602159f58", - "component.groupSelect.field.hover.text": "249b75b6e5fa49399f59b145be93f66e68fe5d6f", - "component.groupSelect.field.hover.icon": "91e9aa37fe3c6b0066809aaa1c1277fe36ef7786", - "component.groupSelect.field.hover.hintText": "d046ac3db8f1dd5045f983a2ba190dc33d188f3c", - "component.groupSelect.field.hover.infoIcon": "c3afe248ff6b71056cfb52da87ace76045608f32", - "component.groupSelect.field.selected.background": "4931defc877e930ba0f2bfa7de1a1a30b47e2373", - "component.groupSelect.field.selected.border": "fce68f5aeb098050b31e78b6dc43527aa06fbcff", - "component.groupSelect.field.selected.text": "e28e2b0166214333dd14cddef3ea4c51adfae8c9", - "component.groupSelect.field.selected.icon": "a5ec3d53854f15e2c0f05c1b37bd0752152e6779", - "component.groupSelect.field.selected.hintText": "addde5b474600f70cb25a05e29df9d05992f4879", - "component.groupSelect.field.selected.infoIcon": "82077e8bd79c4368e0ccfaa9c90b54c12cdcd3cb", - "component.groupSelect.field.disabled.background": "e982623b5d6b171738d8d278f4ea31ca8af4be08", - "component.groupSelect.field.disabled.border": "a21e14b2c93dd0b051f632bfa87583e68fbd2b56", - "component.groupSelect.field.disabled.text": "b08c45ffd0453b473d306aaf0c4dc58ccc085485", - "component.groupSelect.field.disabled.icon": "69e1b2e7c9efa5a400eeccc1e4d2238174f771cb", - "component.groupSelect.field.disabled.hintText": "5299571ee55f573db9a24a80054892e749159cbb", - "component.groupSelect.field.disabled.infoIcon": "c6fea570c6c15bdbaa7156223ecb1675c1a26a95", - "component.groupSelect.field.readOnly.background": "ff66468d0a86b36a64270ba52d5b573dc119911a", - "component.groupSelect.field.readOnly.text": "aa84a2d01cd9a222d45651d698ed773bcd0cde56", - "component.groupSelect.field.readOnly.hintText": "ca0ca7e79ffe132cdb90f1d118d769b452669733", - "component.groupSelect.field.readOnly.infoIcon": "7662e1ead2cca7dc55db2d515a744039bf96b5b0", - "component.groupSelect.field.error.background": "745b6c90048324edf8d3a11320fff3dc3b021328", - "component.groupSelect.field.error.border": "805acef6bea035bc70e6ea7d0f6f89f3afb5ff08", - "component.groupSelect.field.error.text": "5bb19338a592ef68c3d590d12d861ce4d88931c6", - "component.groupSelect.field.error.icon": "dd70c85d91e2db28632ee67d6effee1075448058", - "component.groupSelect.field.error.hintText": "d96531069f5a73ecfc675aef47fd50c31ab4df31", - "component.groupSelect.field.error.infoIcon": "4ae96dbfaa2ce76033ca772a751e36a4887c765e", - "component.groupSelect.field.focus.background": "6ea53970026acca88e82d23eae9a90fc82eae9bf", - "component.groupSelect.field.focus.border": "96438ca7f78e877c242ab27367ace634a782c17e", - "component.groupSelect.field.focus.text": "78544683f5efd530da504b6b1326cd451b82937b", - "component.groupSelect.field.focus.icon": "720a9d20cd337a50d3430176a3c1a7244a057646", - "component.groupSelect.field.focus.hintText": "84dc0aafab176803eeb024264eb49c43e444e4b6", - "component.groupSelect.field.focus.infoIcon": "f5ed3ba2d1ad39798246629da467d7447a1ceb6e", - "component.groupSelect.dropdown.icon": "a35947257ab4afbefe23e9f3687b8f95641ad8fc", - "component.groupSelect.dropdown.text": "022ebc7f85e5cde0893a66212f6fa10f631461ea", - "component.groupSelect.dropdown.background.default": "9a8198e443a025bd919f43840a26e483dbb6129b", - "component.groupSelect.dropdown.background.hover": "9296e6574afef7f333175d741e3a0b3c96f6f4c0", - "component.inlineEdit.text": "6eaef81583dacc081539665a8d309540f4b43bf7", - "component.inlineEdit.icon.default": "0747e66e5262a58ffda5201d1559b46fb696c644", - "component.inlineEdit.icon.hover": "b07004429d4ad50d6baf56f3e78d408b88727054", - "component.inlineEdit.acceptIcon.default": "c53e529d20f1802a8623ad607f7fd0a8b61aec6f", - "component.inlineEdit.acceptIcon.hover": "4604a2c2ca14f9dc9f2e9dfb2c52eda6e1d17aae", - "component.inlineEdit.acceptIcon.disabled": "b16428fa9ba65ceabcf1c8f4ae1cafaf0c319b1f", - "component.kpiBar.text": "cc0937fb6f06a68852f6a7f3c684152871d2963d", - "component.kpiBar.border": "2e4240a84efcddf2fa9d4d6f99db232470df439c", - "component.kpiBar.background": "574a14e07908c49904897c7d08f6349cfde59fad", - "component.kpiBar.icon.default": "43355968ef80457361531d32f10dfcfde1b0ebd8", - "component.kpiBar.icon.hover": "413cf14d5ebe2042a020c5e51e8dc0a24a027f65", - "component.kpiBar.icon.active": "75e8972c8ffdf3e320a2916e3df7810f0be56f97", - "component.kpiBar.item.neutral.default.label": "b82cb7bb1c1393cc173d064340034c679cac9818", - "component.kpiBar.item.neutral.default.text": "f54ca232e8285dfd7568bb759448fa6ec1665302", - "component.kpiBar.item.neutral.default.icon": "8dd3e23b01e68499f7581671ea479ff603982003", - "component.kpiBar.item.neutral.hover.label": "6fd41b27f912e35b8d0ae5d57f4c398d6a6e2b51", - "component.kpiBar.item.neutral.hover.text": "da892ccaa8cf0d53408a66ea22790b802c8f8aa2", - "component.kpiBar.item.neutral.hover.background": "f22a6e900695092360cafbe14ee02ac141ce182e", - "component.kpiBar.item.neutral.hover.icon": "480f58ec99fcb12a74fd001d1d2e03506b10c0eb", - "component.kpiBar.item.neutral.active.label": "19aefc1f87d807fcbbc6e38d3ca7c3cb6cf4308c", - "component.kpiBar.item.neutral.active.text": "c555f4076558be58a0999cecd014ede6ce2ee733", - "component.kpiBar.item.neutral.active.border": "1f5aff2248657ff5104d090510803ec1eddb61c4", - "component.kpiBar.item.neutral.active.icon": "dcb7253b03a8f75081b198a2447c53d03d790262", - "component.kpiBar.item.neutral.disabled.label": "57de50bf89a3325598d03c4dbb746da8c09e0c50", - "component.kpiBar.item.neutral.disabled.text": "4e5a65ba88319cf7687c91083290103675fc4f18", - "component.kpiBar.item.neutral.disabled.border": "2355bb04702193a64fc6f85cc14c5dd01d148077", - "component.kpiBar.item.neutral.disabled.icon": "f9cabe389109344ab5ef8fc0a87550f4b1c9d1a7", - "component.kpiBar.item.green.default.label": "65252382e3426469c31f13511e5339f76d125e8c", - "component.kpiBar.item.green.default.text": "5c73a3b6e56bd24d7580897f12d666bf0cb71b92", - "component.kpiBar.item.green.hover.label": "6646545b2410e231f01e9a0fc39f48874334871b", - "component.kpiBar.item.green.hover.text": "54c36e74e50049c6b2c2e50417ed35d45e3b2f90", - "component.kpiBar.item.green.hover.background": "6125b1dc262c4a70440beb240cbc837dbb694e35", - "component.kpiBar.item.green.active.label": "9698a96645cc9610bd7251512fd98a07877b100a", - "component.kpiBar.item.green.active.text": "e42454c074a3ddd2428be44827b510fd90955528", - "component.kpiBar.item.green.active.border": "42f060b6fd0a920e94754af583172df7bd31d487", - "component.kpiBar.item.green.disabled.label": "566c33221081646f073086fb8ecdb1ff5b9e8a68", - "component.kpiBar.item.green.disabled.text": "53ee969c531823ce6b2b8082cf571e740d3ef33d", - "component.kpiBar.item.green.disabled.border": "f18960d880ccadfda86dc8cf25fa7848509ce065", - "component.kpiBar.item.orange.default.label": "0755158e787917122911ba003bf0f1b1122d5190", - "component.kpiBar.item.orange.default.text": "da08a6d9efaad28b2405217df12928e1584ab803", - "component.kpiBar.item.orange.hover.label": "d5a5df8a3112a6eb18292a268c785701f5d1beea", - "component.kpiBar.item.orange.hover.text": "5ad82d644d7ab5d19669653d6a410d81f1b9eb7b", - "component.kpiBar.item.orange.hover.background": "109fe8aa7f3c7e7e8a8110161a80cc718e8621d7", - "component.kpiBar.item.orange.active.label": "2495ef2808ae0c2e74991193714c13553bcca863", - "component.kpiBar.item.orange.active.text": "f4f6505787077cf5e102248fbf533d7e708042f2", - "component.kpiBar.item.orange.active.border": "c5fdee433cac169070c964b1a474a99662bde576", - "component.kpiBar.item.orange.disabled.label": "d5da76fc6b8e8288047acf8d87ba0d57ffbcb236", - "component.kpiBar.item.orange.disabled.text": "83ca2e765d56fe8bdb9b680d7d638a1991b03f2f", - "component.kpiBar.item.orange.disabled.border": "f3237ef6b7d8eb54e17daa0043bf7abc10c93fba", - "component.kpiBar.item.purple.default.label": "ecf6bd4f2c8a6c7150c10deabc9291ca1bff3e28", - "component.kpiBar.item.purple.default.text": "f2bd4ec0ded5295cb3c1d3a04a663a962bab92c4", - "component.kpiBar.item.purple.hover.label": "8de1c0b13419dfd6960983eff6f5fe0a7eecc16c", - "component.kpiBar.item.purple.hover.text": "1884ab9469290aa83ac147439e5816794690929b", - "component.kpiBar.item.purple.hover.background": "3f1919c04e8b4f78a6ec52b48faf37a47356faaf", - "component.kpiBar.item.purple.active.label": "0aca6a41890dae6f810855818cdd0db9c96342a4", - "component.kpiBar.item.purple.active.text": "0f50560b966970c177bad6f39be2116856a84026", - "component.kpiBar.item.purple.active.border": "2daf6ab6afd21fd97e2d4f61b24dfaa4accd4b50", - "component.kpiBar.item.purple.disabled.label": "ee4ad106a9fdf019790d66296c5f5841578e7125", - "component.kpiBar.item.purple.disabled.text": "27992a680f81bf3890201124447191c767928dbe", - "component.kpiBar.item.purple.disabled.border": "fae594c3fe91799b940bf24dcf46fbae0a6cfdd9", - "component.kpiBar.item.red.default.label": "80d1187212d5dae9335a038a3aa3728c65b4f5fb", - "component.kpiBar.item.red.default.text": "1f1c672e69d74373c4a585157d58a54b3365a698", - "component.kpiBar.item.red.hover.label": "c87a563f0b36d69d3d65a0a599216b1801586199", - "component.kpiBar.item.red.hover.text": "45f3616c48c9595473da006e27a702e7e4f139c9", - "component.kpiBar.item.red.hover.background": "2f86d1c1dabc2126954df2f22e370d768a2819e0", - "component.kpiBar.item.red.active.label": "dba72df756889b93f60df28a10f541d3fc4d8426", - "component.kpiBar.item.red.active.text": "31fe12657cb8bb3d4559b5609d0b449662ac9419", - "component.kpiBar.item.red.active.border": "559cdd2dbc6d33da7023dd6753d47ed40fc04bc1", - "component.kpiBar.item.red.disabled.label": "6c63274008c278ed8d5b522b845f1f695e196f26", - "component.kpiBar.item.red.disabled.text": "d380c853297de00add5eb06bf58bf26f4cd183f8", - "component.kpiBar.item.red.disabled.border": "288d30477d2af6e767816065a7017fe01d174001", - "component.kpiBar.item.ultramarine.default.label": "7565f05d7b75da83383799d88a1c409900b0ea96", - "component.kpiBar.item.ultramarine.default.text": "ec8b06a0847cb36ded144ff41d534cd515e4f423", - "component.kpiBar.item.ultramarine.hover.label": "15cde214f6109b3b5dc570b309717d76c1521f07", - "component.kpiBar.item.ultramarine.hover.text": "47ce6806b400c03201566d7f08e73a9701e28063", - "component.kpiBar.item.ultramarine.hover.background": "5dfcc2b5a704936aad4a3439d4ba0c41702f8b78", - "component.kpiBar.item.ultramarine.active.label": "4545e5a13266c99f38adf7ca02f459edd03d53a7", - "component.kpiBar.item.ultramarine.active.text": "17b20dda7a7d3ca1c8ed9702521863fff8189b11", - "component.kpiBar.item.ultramarine.active.border": "68afe9e4aa4e6d2dc8715a0a862b111bb43b3e35", - "component.kpiBar.item.ultramarine.disabled.label": "f2c8ebbf7313ec168323beaea33f17e3c587b376", - "component.kpiBar.item.ultramarine.disabled.text": "7709fdfe67c45a266fb7ccc820bb50bcefbe2155", - "component.kpiBar.item.ultramarine.disabled.border": "5075c7fbf2ac632193bec69ec1c328d7aeb32e77", - "component.kpiBar.item.pink.default.label": "81da7715f2610c7e302db28f5309fbae142499da", - "component.kpiBar.item.pink.default.text": "f4e6d89c4eaf4ada884780d627fb8eb4bae7a754", - "component.kpiBar.item.pink.hover.label": "45e70cf1c495cf9ad7bfba6165406ee285f6728b", - "component.kpiBar.item.pink.hover.text": "24c7b00cf54153abd56fe86044ce3445d8177c2a", - "component.kpiBar.item.pink.hover.background": "4f8bce2ae8193e261d0af6a49e5c73bb30a4bd84", - "component.kpiBar.item.pink.active.label": "2caa2c78938ebf8b6fbb3b9a1fa13d6e8eda3285", - "component.kpiBar.item.pink.active.text": "09faa29b5a9e45374f5018b5d614103f9127af72", - "component.kpiBar.item.pink.active.border": "53c41c8c348674b2b4bb27917e82f4e11a00d888", - "component.kpiBar.item.pink.disabled.label": "c86e6c39ddf7b34e577571d9b4a610379e9fbc76", - "component.kpiBar.item.pink.disabled.text": "70ab39d5d71d1c1756bf70ce604976aa7cbaef3b", - "component.kpiBar.item.pink.disabled.border": "46f78d1b810a4ac78cef14c0864e652335c90b4d", - "component.label.text": "c5d13d93bd80f5d6ca5f2035ac4b606759c7253b", - "component.label.icon": "8620a6ae5df3eecf42bc49691052d1f6025e5756", - "component.label.infoIcon": "6b0c0a23c684be93373526d90f09bafd526ea365", - "component.list.text": "3803ea99c7eb7ae13d51b16d58ee8b00a0954ab3", - "component.list.border": "bc9ca98cc8557074d6621854c454278413da8c5e", - "component.list.icon.default": "a4f7b4de151fd2753a4d13ae694e36b9789c8f77", - "component.list.icon.hover": "4142e59395564273f69adb443ceb3b6db099d199", - "component.list.icon.active": "49897a913f03e1755bdcefce2aa4f176c2cf61a3", - "component.list.background.default": "ea3214ca1d518aab82e644ea1ed58627135237d7", - "component.list.background.hover": "501ae72ee499616dbc6d4cc8b1dc001bff8b7b8e", - "component.masterSwitch.contentBackground": "88e776dcdc4f71e826c11c912d18ea1c283c4048", - "component.masterSwitch.sideBackground": "aa0ff5904ce0e14a17ede5e12622ece869324437", - "component.masterSwitch.text": "9b34f4a3757109bb78fcd1170a976ab9161cecdf", - "component.masterSwitch.icon": "820ae9a01509b310947ffba63f6dac735c1e755d", - "component.modal.background": "9d3e9ac7015f101edb69a50ca06f6a81a88137f3", - "component.modal.icon": "21b81e25a39f962359c3b8e95c5be1e7c8a16205", - "component.modal.text.default": "b396ccb987b0c4af273e7c2765c9962f5f76936d", - "component.modal.text.description": "d250d3c77110fbd52a67f6ae78d4b57086f84b13", - "component.notificationBanner.text": "cac7160a983c276b74d04b29c6e72e9a1346acff", - "component.notificationBanner.icon": "edcbdf2eaeb61e1747c3f796fb79fc2b36a3501f", - "component.notificationBanner.informative.background": "59bee69f16b5d56f2df2083aee6dfbf291edf64c", - "component.notificationBanner.informative.border": "6c5384df61d1de6189889271c00e1e8312bd0722", - "component.notificationBanner.informative.statusIcon": "1bd571bb7d08b093cb5530924d569633d190babd", - "component.notificationBanner.tip.background": "7b43c0da1b8e72b647012464093bb85a3fd5f409", - "component.notificationBanner.tip.border": "37b70215b62f7ff266684600d422523b5125206f", - "component.notificationBanner.tip.statusIcon": "72d8a521a33ea1eac05e8d7c494895bf38e7dcc7", - "component.notificationBanner.warning.background": "6953e469f1fe26a9d77e31bb9dab80af2ee4d8be", - "component.notificationBanner.warning.border": "25da16863d4aba29844e6cdaf3df2daade5b812b", - "component.notificationBanner.warning.statusIcon": "08bb7a24cb4347fa59d6cf04d33d9637d1ea6c4e", - "component.notificationBanner.success.background": "d7d46fba5216c45095a8a8503d029f91f6c43744", - "component.notificationBanner.success.border": "7d3a8f0f4b291261d67c1e5f1893074b8aa5f446", - "component.notificationBanner.success.statusIcon": "a5ac781be575be720ff0d28a2793fc6c1e5737ee", - "component.notificationBanner.error.background": "739e6237e4b75b3d0dc2a73138c30c38528bde1e", - "component.notificationBanner.error.border": "f45597a37109f52b81181d30cbcddfe9f01c183c", - "component.notificationBanner.error.statusIcon": "13e0e9e016efd7a7bf9849f2474cc64de76ae819", - "component.notificationBanner.secondary.background": "379ea250a870ecf8f40b5a28aa0e461ecb193ba2", - "component.notificationBanner.secondary.border": "88b20026eaa71e5cf5ae365d70b140dcb6fa8246", - "component.notificationBanner.secondary.statusIcon": "adff3bb5a4e95be8d17b130f0069e0827058aed2", - "component.notificationToast.text": "6b6a46dff2e603e46aaa423527cac4f22c3ecf73", - "component.notificationToast.icon": "312c1d17249c7198e1425aef0e23665a9a7018bb", - "component.notificationToast.informative.background": "2ebfbef22f92495082e13e68552bfda26bde95dd", - "component.notificationToast.informative.iconBackground": "938a37814c0ec0158b13ae5e9a71d0186691f700", - "component.notificationToast.informative.border": "6d370a17442b48f6b74cf06889cd029cf80370bf", - "component.notificationToast.informative.statusIcon": "55621a1473a9e48738d2ad6cba98a2b40b88813b", - "component.notificationToast.tip.background": "359a8f6c966542a231edfd993d4fc91597685caf", - "component.notificationToast.tip.iconBackground": "d4573621c2de30124173de31df2677b62026bde5", - "component.notificationToast.tip.border": "65be99240a115dfd572f34ea3013eee318a16ae7", - "component.notificationToast.tip.statusIcon": "1e7260e27bd25811c34f221900439c1850337049", - "component.notificationToast.warning.background": "c3a455f133392939ab138075bcc292b030105d52", - "component.notificationToast.warning.iconBackground": "bdcdf70be63f3b34665fd83abe563da5b9189be3", - "component.notificationToast.warning.border": "fa6155e7c00274f8d75ac5dbdb0254dd00724526", - "component.notificationToast.warning.statusIcon": "6c320078d246725e48f90168d3af91d470c8469e", - "component.notificationToast.success.background": "6b906ab049ecc0f819e6e4c50ec7b1ce0fa38b87", - "component.notificationToast.success.iconBackground": "aa5106896b147a577d5b5422af376a486926759b", - "component.notificationToast.success.border": "f095857bab2d2131bcbc623343e74193f1573a96", - "component.notificationToast.success.statusIcon": "f8c007bf7071e34b8ffc412246b0a0607034503c", - "component.notificationToast.error.background": "f45493da4728a24d7da229b644a15060cb4b48ee", - "component.notificationToast.error.iconBackground": "e6f348197d82603553a06089153fc7b54aa66d2f", - "component.notificationToast.error.border": "366341160151a559977224cd8c873c3dc2d4d6ae", - "component.notificationToast.error.statusIcon": "8aaa40ebd3e846ca31cb30ea1d867cf6086e80a9", - "component.numericSpinner.default.background": "215aaeca39f1f3c8446c423f0afea7593114ebbd", - "component.numericSpinner.default.border": "4e99781f6ad3e8e1f3c698b7c0ad5aaafbdca8f1", - "component.numericSpinner.default.text": "69cae6a3907d91c7a7f31c1d9966dd2ae43eaff9", - "component.numericSpinner.default.icon": "a1ee8148c2cb5fd7c2694663e043c570e9995590", - "component.numericSpinner.default.hintText": "f6629ee2c339b00bb1d533db0ba62d371ceb7b2f", - "component.numericSpinner.hover.background": "aeca3c7ab48bfc9302f14e89c563e56a87df8afa", - "component.numericSpinner.hover.border": "1085906b610b73facc23d136dd00141ca1d63ec8", - "component.numericSpinner.hover.text": "9bfc70eb78360867d48e45ae4967691431e7d6e9", - "component.numericSpinner.hover.icon": "f336601fc13393afce837561be3fe5fd2ad81b0c", - "component.numericSpinner.hover.hintText": "559ab7927540bc1ff9351724d3f0477772525980", - "component.numericSpinner.filled.background": "c5864fb8a515fb4ca1c0c53707c692efdcc6dd85", - "component.numericSpinner.filled.border": "137ab671824ee1eec895e3b101609d17828a9507", - "component.numericSpinner.filled.text": "f67c262f3ecbb66965be543147145e2acfc19903", - "component.numericSpinner.filled.icon": "6e1965630cc36c3f8c8f9e20437480b5ccbae289", - "component.numericSpinner.filled.hintText": "d8e82e299fcd4c75b5e1f4398cdd93e3faea3a91", - "component.numericSpinner.disabled.background": "25b2f68137fb329d18a4be48a77dbf904baf2195", - "component.numericSpinner.disabled.border": "0fae5e4fa0abf55888b1c7484620a9d8b89d04b7", - "component.numericSpinner.disabled.text": "088d0d9eb24359b1cec44ea16d8c47e2c1d62d55", - "component.numericSpinner.disabled.icon": "e03183568bd980a1db46439a0788cbd9af748b1f", - "component.numericSpinner.disabled.hintText": "73e32aa687d9d6af736aa059139fc8b16c7eef80", - "component.numericSpinner.readOnly.background": "5e73813d6136bcb6fea88e47cbec8b1bfe5a4ae5", - "component.numericSpinner.readOnly.text": "04f8f59d9bd361e7fb51e065b199f87c691090a1", - "component.numericSpinner.readOnly.hintText": "f3120f51c25222068eaa6fd2dddc566708857290", - "component.numericSpinner.error.background": "e7e2fe985c5b8749bf864aa802b78bbd944c44f5", - "component.numericSpinner.error.border": "827ae761694e9fa1d825872cb23e80e0deb4c91c", - "component.numericSpinner.error.text": "70a5d0d3099480c1de37d2874efdb072b214ac64", - "component.numericSpinner.error.icon": "2cdee819a4163927696b318abd302e1702f9662c", - "component.numericSpinner.error.hintText": "539f1731fc74b3ec553160a584ca9cdca1c08345", - "component.numericSpinner.focus.background": "f2db4b3e2427ae3118982acc4b6239c396f3104e", - "component.numericSpinner.focus.border": "953f8ee2b78a15e43917cd4f1d9ec21d1c63e4a4", - "component.numericSpinner.focus.text": "aac8d1181beaa92731ad67063002d553960f74a8", - "component.numericSpinner.focus.icon": "24c61c254c5c71b5d85dd21088e890e562e8bee5", - "component.numericSpinner.focus.hintText": "fc3ab6c92c2ebf4e68780adabbc3fd1b012d2390", - "component.pagination.background": "3b6b88c37b77dadb3a9b139b6b070fbfead06572", - "component.pagination.border": "eb3bbd030efc117537edcb3e454b1141141da06b", - "component.pagination.text.default": "5690f6705d0554186627f425d15ae657c97eb670", - "component.pagination.text.link": "f7700bc12656db6cd4a5baf91a31017da37d609d", - "component.pagination.text.hover": "06ca3a5c37113fa9656a3f6f6f1bee12c25029c1", - "component.pagination.text.disabled": "48c9b92018a9cc525d94999fde818d7243a7573c", - "component.pagination.icon.default": "d19efc680364217cb8ccc84a8028cfdd49dc5ae9", - "component.pagination.icon.hover": "b9a2a131be5be95be89ea87b0872b02df7e0a56d", - "component.pagination.icon.active": "0e988f0b20782d710c3a424a0c18babd2c420b65", - "component.pagination.icon.disabled": "fffb40a62024c1f408a7f2867c347f3665ca73ad", - "component.popover.background": "d527c7d75d171decf20396290823e063a5a666d6", - "component.popover.border": "79ddaa6b04f40f4a29f2fe0e606113bdab9d0cf5", - "component.popover.icon": "66efae9b3fa7b3b7b85bc756d8504c1439f548c4", - "component.popover.text.default": "66baaea3b8896d3e675d08926f93fc2a7a419841", - "component.popover.text.link.default": "2cc04934204bfc81b35b7940c24e77f304b09065", - "component.popover.text.link.hover": "d825c71010f192793019b55162f9115ec8fbe1a7", - "component.progressBar.text.default": "13dc26224643fff9c94439f4c3ba522b96984da2", - "component.progressBar.text.link.default": "c545c02d7fde83380a31f9b8cb401b8559fe881c", - "component.progressBar.text.link.hover": "de7c4e7820fe13b7244270e29bb11a3ec2d6c6b2", - "component.progressBar.statusLine.default": "e46989f68e4d0b49f85bc9cef6de6ad9d0343790", - "component.progressBar.statusLine.success": "0722afc8b42b29348b00b58fbf1aa41352cf620a", - "component.progressBar.statusLine.error": "dbe8f916b9e31e416f583a7a216265374a6b248d", - "component.radioButton.inactive.default.background": "ce8345928d770f49d3460cbe379ff22bf7b42ff3", - "component.radioButton.inactive.default.border": "e96bba05be7d72fbded8201e76ae04e965140fc1", - "component.radioButton.inactive.default.text": "88aedcdd26a8685f7567ecc734ed95b9b60ce919", - "component.radioButton.inactive.hover.background": "31e04317984a5e2932cb4d2c08d3ffdf281881df", - "component.radioButton.inactive.hover.border": "c12957f66de84a05327dc5a9f6d2811265966058", - "component.radioButton.inactive.hover.text": "6ab0b361f26f15450b6649f6c63eed3316731656", - "component.radioButton.inactive.active.background": "f45a4c29d4cd72226108bc7f875e72d890d2153b", - "component.radioButton.inactive.active.border": "1ce4c5c62f4cd15977aa368b317520ae80f3624e", - "component.radioButton.inactive.active.text": "c788d927fb515a78155acefb15d6a33e7872c421", - "component.radioButton.inactive.disabled.background": "e58e86c9aba8419131520ca07a5310559944d3e0", - "component.radioButton.inactive.disabled.border": "517bd531d9bfdbbf9c7811c2d15039e433a53054", - "component.radioButton.inactive.disabled.text": "3e914f368ac7cf71db858aee5fa7c8a079f05b1e", - "component.radioButton.inactive.readOnly.background": "82bba4c1a14016b9f4f916b901d8e316dacf36d4", - "component.radioButton.inactive.readOnly.border": "b5e6f332356dd5f1c53d37bbcd1cbeded4c8db03", - "component.radioButton.inactive.readOnly.text": "3948309731424b9d0d15dd07d26d1a8790532664", - "component.radioButton.active.default.background": "0146f1f2976a743e266fa7315bb04594c7e3eaf7", - "component.radioButton.active.default.border": "c17e974eab2ce97da96061c1ea782b3743b02629", - "component.radioButton.active.default.text": "e8fa84559c7f7b0d3ce691eb12175d7a8d0d84a3", - "component.radioButton.active.hover.background": "49b10a80afd4b7b2dcae4285ffd9a173fde4d360", - "component.radioButton.active.hover.border": "abd5c37ed49a49cbf0b52b1956bcc0cd61974eb3", - "component.radioButton.active.hover.text": "080cf7e8d32a5950df47869c9f6d72288b0b9959", - "component.radioButton.active.active.background": "0078045f38e618f12f2e87c86c7b2707f95b118c", - "component.radioButton.active.active.border": "d65cd389c5a08f9a243f991f30139f55823b915a", - "component.radioButton.active.active.text": "c8c1659c0db227fa7dc8c5e0013681d25666aa28", - "component.radioButton.active.disabled.background": "c596991355bdd444bd7fbe5bd882f8d529bda8ab", - "component.radioButton.active.disabled.border": "abd370e53434ca600da9f5baafd678bfedf68d56", - "component.radioButton.active.disabled.text": "96a1497a87c8cedb9ab6a9cf8cff6f28274e9f45", - "component.radioButton.active.readOnly.background": "fb2555be1193a1793721cc9b2f1a3e7b0d871801", - "component.radioButton.active.readOnly.border": "3efefe388340feab199bb719c981f59bf9dce35a", - "component.radioButton.active.readOnly.text": "470d3922c950e4ff32a22846996f324372294fe1", - "component.search.default.background": "9432556d3bf3b1a3558f00686a66e39ada627e36", - "component.search.default.border": "13be165981541a6ad0ea75a438becae13cf36ac2", - "component.search.default.text": "ca6c386401741208c124e319aaa60e8eb7b2f825", - "component.search.default.icon": "7610732d7e2e427603d66f650d83c53d441f0a3e", - "component.search.default.hintText": "9b5e249feb7acfb2df4c638d36cd61b2788bf5d6", - "component.search.default.searchIcon": "7f0a12c9964cc94635380e5c8eece7f95e2f8200", - "component.search.hover.background": "1bf1b3a71ca064b5718031739c1fdd5a81d92aab", - "component.search.hover.border": "28bde42fb4e98fd6ebbf1e1c3c3be69995f68327", - "component.search.hover.text": "99e1b1cc61efb21118c3a067817e9b27ce6ec673", - "component.search.hover.icon": "796cf09d32504aaa4114b6824cada7464c8b65ba", - "component.search.hover.hintText": "3a825751e6c9a0358966f59668463b93a598a031", - "component.search.hover.searchIcon": "3473c9833ac71e14e210dc79db24326ecb4496da", - "component.search.filled.background": "a2bd1413fc326b0a7bd072902b3ecc7b9d9579e3", - "component.search.filled.border": "a8f6207e507d4f3ae39632e130f4d54e7204573e", - "component.search.filled.text": "547a132b9d19e57f7ff0e247b98042937b4e5d65", - "component.search.filled.icon": "84c9fb1e86f4e480c3f5a7f9aab2b46c426eb6d7", - "component.search.filled.hintText": "831a5c17fff0598f76c6bb850cd141069e5d0549", - "component.search.filled.searchIcon": "febf403de4ecb67555691968e262e7deda041eb0", - "component.search.disabled.background": "bc9f9f8e1883481f8b6a75923fe3fe281480ca2e", - "component.search.disabled.border": "8f713b4e14ace3354b948d0b305c44980c3cebc8", - "component.search.disabled.text": "942479d93c1db9a7f9c349720e472c3061feb586", - "component.search.disabled.icon": "0ca81558dccdfb7a8ff456e4b26336fe3973e65c", - "component.search.disabled.hintText": "24bd7ebb2fb20028d2f60600221ab6e0b167b999", - "component.search.disabled.searchIcon": "85d8f1cb5918fcb01642f723f0737572f398fe2d", - "component.search.error.background": "b4c690d837ad7a8ee93bbbba19a1f22b217c109f", - "component.search.error.border": "98fd6f45d59ece0a578584728d034ee873fbb43c", - "component.search.error.text": "183365c5b844e5ac0567043e5e5a4ec1243b3cca", - "component.search.error.icon": "bfbc99b15b741d4ae66d937ab9aa58d30e567b8c", - "component.search.error.hintText": "34b7bc380cf749775546e1c8760a705e4d79b5ee", - "component.search.error.searchIcon": "47ba15cd160423afa26183b5679326e935136881", - "component.search.focusEmpty.background": "91392e5ecb1a1f9ad38fc6a94a4b9790114b725a", - "component.search.focusEmpty.border": "9f08a2e24d34fcd643e538f193e59e04503a07d0", - "component.search.focusEmpty.text": "cd000a53601b2969e105acc9285fceb7903d91c2", - "component.search.focusEmpty.icon": "d91c0115deb4f337b4d7e68207661b4119fc8d00", - "component.search.focusEmpty.hintText": "36660341763222b8ddd909fbf6d3a11eea6ab691", - "component.search.focusEmpty.searchIcon": "14b687d837da5b2cd6f2539c817b91bd73c55de9", - "component.search.focus.background": "f0eeaffc68dd4d8379181a853ba00a669f950649", - "component.search.focus.border": "fd2ef1d971a6fb1bfb2538ac32c385795eb1fab2", - "component.search.focus.text": "31457bc5aae0858419e66fe217b2b412e4c2f638", - "component.search.focus.icon": "7f5d57b051c6cf857cca8a8b2fb46dde963e794a", - "component.search.focus.hintText": "0033714d9e9ce7c073e5cb5ce7ed93d271cfb55e", - "component.search.focus.searchIcon": "ffb2425ce943b3cc294c608dc3c620fa208d0000", - "component.sideNavigation.icon": "ce3d18d18a23dd97d6e919ba3188288a33b2260d", - "component.sideNavigation.border": "893b1ebdd47351860df53a5f9aec41ce714df3cd", - "component.sideNavigation.background.default": "84434404b7eca6d8309f7b3d1f318cc594e31df8", - "component.sideNavigation.background.secondLevel": "f21b1eaed7e7eee379553944a1aceff7c396ed52", - "component.sideNavigation.defaultMenuItem.background": "8402db026af7e0d0a29a558e56e691072d95d53c", - "component.sideNavigation.defaultMenuItem.icon": "7851fb455d51b94bb2afcbf424df7f51ec9ba2af", - "component.sideNavigation.defaultMenuItem.text": "bb485f136bbea4dd223cfcbcde2cb2ed5c391574", - "component.sideNavigation.defaultMenuItem.label.text": "0ebdcfd265466a84538f56da8800cfc80d4204dd", - "component.sideNavigation.defaultMenuItem.label.background": "0da3a2fe333c12349dd4eaecde21748a2ca5a4b2", - "component.sideNavigation.defaultMenuItem.label.border": "d0dcc23167b42db3d375f0c70b8db376b862f749", - "component.sideNavigation.hoverMenuItem.background": "ca321fc1688017421cc5788e9840502b93f16284", - "component.sideNavigation.hoverMenuItem.icon": "8c08f7036285cfd012f39d69ad455f57889d1120", - "component.sideNavigation.hoverMenuItem.text": "a1727264fae24647bab49f83555258b31ce34e94", - "component.sideNavigation.hoverMenuItem.label.text": "9a15d3afe298209c2d5cd79721469254dcfdf9aa", - "component.sideNavigation.hoverMenuItem.label.background": "549d2dc92cab2e69d59dcd591fd60aad0bad7d60", - "component.sideNavigation.hoverMenuItem.label.border": "c0c6687accc4313625cda9c53f94fff8c8baf1e4", - "component.sideNavigation.selectedMenuItem.background": "6ea5bdaf92a77f7b3fab18036ea339c32c233b6b", - "component.sideNavigation.selectedMenuItem.icon": "ab815612bc9ed090b72d4909ff45c3e3a6747476", - "component.sideNavigation.selectedMenuItem.text": "63b89f5fe7efb120cf491dac33289c74b003e84d", - "component.sideNavigation.selectedMenuItem.label.text": "f443c7211caf5c065e9dd95f2e48ae9e7dd661e6", - "component.sideNavigation.selectedMenuItem.label.background": "d158a9b2b04494d5c03763c2afbb35c5a898b65c", - "component.select.default.background": "fe8a90db9173c21301d56dc66d80ae46ec89d7c8", - "component.select.default.border": "c29812e073abc49c10d8820a830abbeab09e1fb5", - "component.select.default.text": "543763fc75e2b43e6644e3047802af14b8be1581", - "component.select.default.icon": "1df6ca6f0f3327816dc905e9b015f2efe03a2ed6", - "component.select.default.hintText": "003f83846877af25215f8fc4128f00a9aa877c41", - "component.select.default.infoIcon": "572e0dfbbbf698daf9be6fd503fdf5041c7b1883", - "component.select.hover.background": "2139c3d5a1d0fb9373bd92100c80d5eef2423918", - "component.select.hover.border": "89d6d190233d1a07baabf35897b5bebd407d01bb", - "component.select.hover.text": "c15311a46e7a3643cee5ea96cec8f45f72bba32b", - "component.select.hover.icon": "2f529d31c3bd62cb13e02fcc45407ea378deb718", - "component.select.hover.hintText": "d0695cc0c42a955237874ae81634d41541d1c494", - "component.select.hover.infoIcon": "b0ee3ee728efdb2e86f3bbec2980fa7503c53b88", - "component.select.filled.background": "a996f0ba6d7971f5e5f959921ce390d354586f39", - "component.select.filled.border": "5b2ecb6f0b6cb0655ef9f32fd2e6e80fb2d119c9", - "component.select.filled.text": "ba610f47bde27aebd5229c8e665dc34654070c58", - "component.select.filled.icon": "ad57fe6ad0e36725d96f2c05f689a674f63ffe64", - "component.select.filled.hintText": "b4e3b4b9ad83dcd62e4ed6835c279fd412d81372", - "component.select.filled.infoIcon": "2cb0113394cc46fd67b21542bf52a905ff9784ca", - "component.select.disabled.background": "ec931a5970e54c6771475b652d90123d578af403", - "component.select.disabled.border": "a60b1e2f4291838efa3ed4d216d8dfbb68a951c1", - "component.select.disabled.text": "9323ac57128a6d43dad8e55cf92ce91feb785a8a", - "component.select.disabled.icon": "92730a946cd23e9f786a4300dc43d9b4c6b16ca8", - "component.select.disabled.hintText": "9890331ad02b48e049b55d895a8930954bfe7cb0", - "component.select.disabled.infoIcon": "ae6aa91de0e209eb2f354ad8796c43d371b9c1b1", - "component.select.error.background": "6b388186555e3f1eb5af54a651cd34329167e7d2", - "component.select.error.border": "56ff422ed641dfdf3e28a1a28efe1be8b09d0eca", - "component.select.error.text": "1236809cc1bb2ca2fef86efbb9451aac1396149c", - "component.select.error.icon": "a06e7f403e299b67a091b38f8bc61ae0c3cbee1e", - "component.select.error.hintText": "026dd181dd68d56e8289bad1a7d3987711d6cf54", - "component.select.error.infoIcon": "7f9ba342588fead09daf4de187a83ee30a05a722", - "component.select.focusEmpty.background": "23a39b4566c9db6784e4ae80018294e036a0f121", - "component.select.focusEmpty.border": "dd373ca160f2c1b781c2ae7852cb11a16fc02ed6", - "component.select.focusEmpty.text": "6c1c6a3c8fcb59d8e8151621b24c8dc3f17544f3", - "component.select.focusEmpty.icon": "446a7d4573d1156c1be1356cff5aafebaabacc8a", - "component.select.focusEmpty.hintText": "d655b447955ba69084350067012ce7aace3e21cc", - "component.select.focusEmpty.infoIcon": "775bdbbdd0e0573e4aac814c20383cb0e497bbbc", - "component.select.focus.background": "8b273219b2b2c3d2b1eb46231625f34415b91f68", - "component.select.focus.border": "34afddd78ee5b498cfc3767abc0c96592952c366", - "component.select.focus.text": "c248e075e20a33e2cbefc5d558d32de36cf3a3ae", - "component.select.focus.icon": "3ce8344b3df574757612ac17b678670a14b6a7ed", - "component.select.focus.hintText": "b1b233f8ab765f3c23145a3b813b9884b7bf9458", - "component.select.focus.infoIcon": "da308303321b81b86e4d2be4cbea8380397f75cd", - "component.select.readOnly.background": "7cf5a443618487a6006f96bae9fb09f085905f26", - "component.select.readOnly.text": "338362fe068086d9ffeec35e1678e892fb8a3b9c", - "component.linkSelect.default.text": "ddd6c6766110c792204df17a5e4a7a5d817e9cdf", - "component.linkSelect.default.icon": "e9b794e8046c7938705ed3fab55494d63bbc5f9b", - "component.linkSelect.hover.text": "e58c1223b2406e96326b237d0ff666f2c3aee332", - "component.linkSelect.hover.icon": "2c241658a436389584da31a400f8e8acb245d4a5", - "component.linkSelect.filled.text": "bd53c2bc673cc42ab03f3271b2d47bf74ce1197c", - "component.linkSelect.filled.icon": "fd28ec6c5a0b9453ea5a3b2a85c43bae9fac5edf", - "component.linkSelect.disabled.text": "7dcfd23eb1cf2a6f612c9d49ba80e3a2283fac8c", - "component.linkSelect.disabled.icon": "ec1cc3d13d53eda3c29b0d984591a0ba6808092d", - "component.linkSelect.focus.text": "997e73ab089a41e674cfc8df65151f915a65cd6e", - "component.linkSelect.focus.icon": "207eaff5a2a4374d25ca9bed7ab31cf62b678ee1", - "component.linkSelect.readOnly.text": "722f1e787f0c5187c23771e412c21876a3ac640e", - "component.sidePanel.background": "ba42928b76f8b2c6fda3bba3ef9f7494bda343f3", - "component.sidePanel.text": "c2b1ee5fde3653894b14f1f4d816260b3ae2a909", - "component.sidePanel.border": "2e9457ca51efe819f7d1b921f8dff488d4edbcd0", - "component.sidePanel.icon.default": "9bfb957c37fe9eebeaf2a71192c72e7e0e78e28c", - "component.sidePanel.icon.hover": "1998883a800ec11922f0e72de038a6ec7d3a0d39", - "component.stepper.horizontal.line": "83d41169170ac5e3d9d0729113ce69ec6fc0a0bd", - "component.stepper.horizontal.pastItem.circle.border": "4f9b529813ff437414974ef76aec2c0567a9f68b", - "component.stepper.horizontal.pastItem.circle.background.default": "594ff98db330c926bf9c61129618a446ad67cfce", - "component.stepper.horizontal.pastItem.circle.background.hover": "56e830d30833295e4cc13bcdbdd41f0a0d97913c", - "component.stepper.horizontal.pastItem.circle.icon.default": "f899caf54e230b09f2a09f2b5f25b98b849ee07d", - "component.stepper.horizontal.pastItem.circle.icon.hover": "0172ab2712210adefcb28419dd42697ac2f9b605", - "component.stepper.horizontal.pastItem.circle.text.default": "202465ba9019329a9cbd2c64418ac9c083efda99", - "component.stepper.horizontal.pastItem.circle.text.hover": "5ccd7e4887d1b0eb4d90df0d5f04896209ab2a99", - "component.stepper.horizontal.pastItem.text.default": "d01d0dc416b35eddbc0ba53aa68e35e0de44d1ab", - "component.stepper.horizontal.pastItem.text.hover": "9dec4df6755fd137934fbd46ce2af8bf319ecab7", - "component.stepper.horizontal.currentItem.circle.background": "f19c0bb14c9a9daaf7f76f688ff461ad75079f26", - "component.stepper.horizontal.currentItem.circle.text": "7a4cfaf3a1037e342436dca83561345e292c471f", - "component.stepper.horizontal.currentItem.text.default": "a203a2dc8e8bfb125c31290cf4050bbaa502dbda", - "component.stepper.horizontal.currentItem.text.hover": "2bc788515bc651e8708225f541403dc563777ca8", - "component.stepper.horizontal.futureItem.circle.background": "c7d81579a7735f4b7fe20d88b3f1fbca86f590cd", - "component.stepper.horizontal.futureItem.circle.border": "f10a3b888125b17d9aa1be8358c43b93d385a8b0", - "component.stepper.horizontal.futureItem.circle.text": "c9f5173ced7ad3106f84031176011266eda368f5", - "component.stepper.horizontal.futureItem.circle.icon": "d07443d212d94477b35a847bf1c7bad0e1184259", - "component.stepper.horizontal.futureItem.text": "49d0619ded895fbc2eaed591cbcce5999049f254", - "component.stepper.vertical.background": "85df500b537656dc7ae0a937e9052f37a6e6c4d8", - "component.stepper.vertical.border": "56a695be4c53d780e034854b98b422709f779525", - "component.stepper.vertical.icon": "83c2374f8798ce6b1597a167bbd574ee1108e67e", - "component.stepper.vertical.pastItem.circle.background": "4daad5ba4df80dac2843d685b59d16eddf78b86c", - "component.stepper.vertical.pastItem.circle.border": "2f3fef3f5a4ec887daf428d7e396a424eb843af3", - "component.stepper.vertical.pastItem.circle.text": "4a8ec34ff3b078c7a709f2306d6662933d1877ce", - "component.stepper.vertical.pastItem.circle.icon": "91a6dba5263f56bc0ddcd0ab8f7f9cb8735a59bc", - "component.stepper.vertical.pastItem.text.default": "4c4a47749caf961a9783bf6196ea8c48acd0c246", - "component.stepper.vertical.pastItem.text.hover": "e8805afdba535aba0c25e052003f4fb9cabc3acd", - "component.stepper.vertical.currentItem.icon": "9305f0984a642f787daf6740df93c9d702f95b69", - "component.stepper.vertical.currentItem.circle.background": "807b5ae101bf65904b95e5fbdc00d39449a746d7", - "component.stepper.vertical.currentItem.circle.text": "fc0f20fb057184c9e26417f40e16723e45d55885", - "component.stepper.vertical.currentItem.text.default": "530249897c0c08e2d9cb603bcc1f7b004e4e4b9c", - "component.stepper.vertical.currentItem.text.hover": "f27c6774f560896423cac2bcfec2a45f6624f2fb", - "component.stepper.vertical.futureItem.circle.background": "1d5f7187182f6ac83f39dd34a7f69ea89f68a19e", - "component.stepper.vertical.futureItem.circle.border": "8946af923219b386bb0a907d1839dad94ddb99ab", - "component.stepper.vertical.futureItem.circle.text": "8564762328d054601264d1295bf8c04404c31420", - "component.stepper.vertical.futureItem.text.default": "adf03d86f6a17e65f9668fdb0b07a787a4ed25fe", - "component.stepper.vertical.futureItem.text.hover": "bddc1d16f66c378cc56c587eda42db45c5d0aad5", - "component.stepper.vertical.disabledItem.circle.background": "7aef17a05ee773ba055f423df31e431d597057e8", - "component.stepper.vertical.disabledItem.circle.border": "09db1fab2b3e83cd67a0f5b86127751f595a6242", - "component.stepper.vertical.disabledItem.circle.text": "429a21a2e89c5a3edb211fa506bec1e31358a6ea", - "component.stepper.vertical.disabledItem.circle.icon": "c38834aa4fd9da6e5c7a264e1dda9fe31ca41449", - "component.stepper.vertical.disabledItem.text": "8bb725a1a8ecbe6d9855e984a05339f2466b7b2a", - "component.switch.active.default.background": "457e14921a1f6b3ba3fbefe007670ed5e53cc421", - "component.switch.active.default.icon": "eba053a269deb4dbd36914a627b11414671b46ab", - "component.switch.active.default.circle": "3f61b57b7db87b9cabd7247d0e3d9226822b6e34", - "component.switch.active.default.text": "851656df21fcfe1d72895f130903b5c91a96a7a2", - "component.switch.active.hover.background": "d7c38c686941e7316da9cc102539d70ae98e90fc", - "component.switch.active.hover.icon": "30ba7220959b895448dc6e5b77db98bfa0f9d839", - "component.switch.active.hover.circle": "42804e2574343211184613db4be71748aad7c8f8", - "component.switch.active.hover.text": "6618ae6f66210381779a82d605865a8d395c0e96", - "component.switch.active.focus.background": "65cb47c097a1d4bec1a062f64d92533ceecac793", - "component.switch.active.focus.icon": "6a78805e3dff810d3cb9595f325c6a9a54093a22", - "component.switch.active.focus.circle": "df48bbf291510df70402784c680fe3c0036e435a", - "component.switch.active.focus.text": "f5a177af4d8828f495c7eba9be2e9316fc23fa7b", - "component.switch.active.disabled.background": "2f3fcf25aa12727ed5a8c72b872f3ba0607932aa", - "component.switch.active.disabled.icon": "aaf04a1ee87745fa4e513b84e210d6e808e32d87", - "component.switch.active.disabled.circle": "9caa8d48c44f1d452db1754a8f8f847f71eab368", - "component.switch.active.disabled.text": "87490cb911a4f6d68bcafb2f99d9e4850a1e1284", - "component.switch.inactive.default.background": "ff06656702446c2c238993e71d854dc1a22b912c", - "component.switch.inactive.default.circle": "b2db6db55f0a2a929b222a3a825e60d59d9de27c", - "component.switch.inactive.default.text": "76676325eb5643bad0951a21e882e8acca281dbd", - "component.switch.inactive.hover.background": "e822dfdb4e939e7252838fcba2b1e321e732bb67", - "component.switch.inactive.hover.circle": "5a71d245d279e44ac18d671c665672034346d9db", - "component.switch.inactive.hover.text": "9a68e30c41202240200a492b612e20ca459414f8", - "component.switch.inactive.focus.background": "4138510526ce4918eaf6d3d54e2422620a34eeb9", - "component.switch.inactive.focus.circle": "65e922144a8e052df7da254c0075febec055e94e", - "component.switch.inactive.focus.text": "1d95c3bf435a4ba69557e4c51db318a3f194d5d4", - "component.switch.inactive.disabled.background": "0b8405cb659fb49eb08c539022e177bb8a79554b", - "component.switch.inactive.disabled.circle": "a7852483938ee545912669cd319f8b7bcf95690e", - "component.switch.inactive.disabled.text": "a4bb0ae50e11b23b3da8e18527bf805230f7dbed", - "component.tab.default.text": "fe2e963b771077e1cf1b4d591acdfeba4134880c", - "component.tab.default.icon": "325a41717c945b4eb6edcb8b0029e8e5000c97a1", - "component.tab.default.border": "669e19bc75c2bb402702c4547bcea778f9ee75df", - "component.tab.hover.text": "ba629f88e453334e5b419b0c321c863229313196", - "component.tab.hover.icon": "c8a19f2ef0b9b7207ce80b56035f78b3dc90a6bf", - "component.tab.hover.border": "9457f1ac5c97cab888546a31a9a9e3adfcadace8", - "component.tab.active.text": "30fba9127321e166f5985dc4b6f285a7bf8cd60e", - "component.tab.active.icon": "636c1404e4c0eed5ea58fcef29b62d8c16d0479f", - "component.tab.active.border": "895ae42adf39b6ee6598a413f42d27224fd55b6f", - "component.tab.disabled.text": "aa7f1b1e1010df8b371a15f239cd4757ce912753", - "component.tab.disabled.icon": "84a3043051333673a03db26a40dd61f0c76ff126", - "component.tab.disabled.border": "b57336fcf238eb8ca9544524165d4d8ba618b14d", - "component.table.headerFilled.background": "21c18205e4a31961c6f4f091bb8cc66195cf3069", - "component.table.headerFilled.text": "765438365d81a9fd66bf314e6e6674ab6477c7f7", - "component.table.headerFilled.border": "919fa0fcdb844af56aabe8f128a18447e671b457", - "component.table.headerFilled.icon.default": "fde7a61007af20dbadc2f425c5c714f2a977dea8", - "component.table.headerFilled.icon.hover": "111b72d3bffa5c5747fb8afba576fc0bb9b16aaa", - "component.table.headerFilled.icon.active": "5dba419b21bd86db1ce2f1cc2104fffe2c9ce71a", - "component.table.headerOutlined.border": "661e98db5d67c0d56449f959bb9d8384ac606963", - "component.table.headerOutlined.text": "1f73230d0c4cac054552198a9c4db22f5f493593", - "component.table.headerOutlined.icon.default": "c8510d83d4403b8949a69b463317ce4ffec47ff8", - "component.table.headerOutlined.icon.hover": "9622eff69dd11731ecd4db8654249e4054492317", - "component.table.headerOutlined.icon.active": "67a7c77af77cd9d65868cddec3cdbf31bb9470c8", - "component.table.headerNested.background": "84ea5586b59e444f391eca4ff7f3d5ec44124579", - "component.table.headerNested.text": "91e526e7e044e21256d4c11dc923bdb5e2808b32", - "component.table.headerNested.border": "37bdacb7da190bed7a1cec86f0c9adeda298c0c0", - "component.table.headerNested.icon.default": "50ffa30f0a8a0a7e09ecdac4b062ce857b340e32", - "component.table.headerNested.icon.hover": "28870f627ccdae4502997b44c012678cee9023e6", - "component.table.headerNested.icon.active": "c59fdb5a5eddb078e49447856cd738f9e48d2818", - "component.table.row.border": "3313f200776e476bfbdfb1902ff5ebcd2e9e6f85", - "component.table.row.icon.default": "feb0b42bb5248924c39e4e130a8815224a60d9e3", - "component.table.row.icon.disabled": "8e972dd5c191f5a7900871908d34316a818d1abe", - "component.table.row.icon.hover": "9d19cb992ad12308fe82f95f47215803d44f7d8a", - "component.table.row.background.default": "16a64d5f24e7120078242e7e6c32b36d3c4fd630", - "component.table.row.background.zebra": "a660ee9100308c60203b71bfd1808b20d9ac1a70", - "component.table.row.background.hover": "a40055fd9acc05a6cd0d33fec6a85436faf06fa6", - "component.table.row.text.default": "ff646b6b5977f3b153988004b788eb377db50945", - "component.table.row.text.placeholder": "d3b8c09b17db4c48c4fae7645440bad65336c337", - "component.table.row.text.link": "be19a6f9b0ac0269bdc218e9ef43418226f216b6", - "component.tag.default.background": "3d6b22b46ce57492f999eb46eba96dde36a3b00e", - "component.tag.default.border": "60804a91990462be9c659343d0575d34163ea2cc", - "component.tag.default.text": "d984b18479cae00a9ec11ccf0f79f4f482820964", - "component.tag.default.icon.default": "bc358544099f2e490f9a821fa7018ad1b5bb6133", - "component.tag.default.icon.hover": "25c820eb883203b350faeaaa284efb863c666350", - "component.tag.default.icon.active": "9c7367a1ebf774641588bf52b8ac2b0fbbb8a54e", - "component.tag.hover.background": "5aa51861da7922525e9e5896e36340492f80cb5c", - "component.tag.hover.border": "5ac22e8ed613455850edf404d7662fb90cf2f021", - "component.tag.hover.text": "72b4c322103765e89cb7cb5b7f4e1a656fccb9f6", - "component.tag.hover.icon.default": "c755029770dcfe13e894fab7c42720a7f244889d", - "component.tag.hover.icon.hover": "983ed2ec05af4d9846797e8e9cc1bfc170ce2556", - "component.tag.hover.icon.active": "ee31a3e647d1eb0fd2c16d346faa98f55eba881b", - "component.tag.focus.background": "b8e7156aab4b85785b128812549f6878a6c266bc", - "component.tag.focus.border": "d6ae399bcdbaaa199602bda42b5edbbda093fb1d", - "component.tag.focus.text": "23007e8baa8eff65c6f49484b3998d18d44e1e35", - "component.tag.focus.icon.default": "205e1ec775a836d9bbea24125e87b3739092c7cd", - "component.tag.focus.icon.hover": "2753ca474fbe20d8558a4530e0aa06657b26a4e4", - "component.tag.focus.icon.active": "8f92adb328953b4ced7f1359ba4faf9813a522a1", - "component.tag.error.background": "7b2527268fd53074e45071b8ac3e07da15755db1", - "component.tag.error.border": "b0b1a309fe9f865bfc73e57ee03b5c7d7d273c79", - "component.tag.error.text": "244ffdd917fba3bb39dc287cc4444e32d1213306", - "component.tag.error.icon.default": "bee9f1e2c94c08c9e59b18e83ab0642e10c9ac53", - "component.tag.error.icon.hover": "92759204858111551c1177e0d6bae2f27fbc0a9f", - "component.tag.error.icon.active": "558d11bd85527b4d8eada764ef4bc1e1d482497a", - "component.tag.disabled.background": "6238fa053f2adf69ef73cc36da31772d8dd2451f", - "component.tag.disabled.border": "5a489da83ebd37d439251021b04e46dc16bd3b4a", - "component.tag.disabled.text": "57eb78272000951cd53977203a2df3f0bc2bf46e", - "component.tag.disabled.icon": "946484ac87c61173be78313bfad442cfd376e13b", - "component.tag.readOnly.background": "7f32efbc8a44bc25efe475e6197d6933aa597974", - "component.tag.readOnly.border": "1e5e884ca9a071dce43e0f57dd1a1fd73686936c", - "component.tag.readOnly.text": "083e4741c8d58ad26a3ff83819165f9d2ece6027", - "component.tag.readOnly.icon": "34df203dd79f845225ed8efae1c7c75b28f673f5", - "component.tagInput.default.background": "f4671d25cd996d3b08a39f0880e6da934d44e9c4", - "component.tagInput.default.border": "7d9515800c3595f56ee1593ee3edb34f64d6f8df", - "component.tagInput.default.hintText": "2f225499b2cefdf0ab97fe037f1f7b9bd1b517af", - "component.tagInput.placeholder.background": "b5c8b6d6981704741952e1f09780e6a8523b1699", - "component.tagInput.placeholder.border": "a44dbd5087ef29a6fccbff36c59c9ab1a3977a20", - "component.tagInput.placeholder.text": "4591136701ac672b38fae74a31d28f6bb5fbb33f", - "component.tagInput.placeholder.hintText": "ed8c591a89ce0d95a4f084f59bac0b3b477c7a2b", - "component.tagInput.hover.background": "c5abb42775e02ee74f33dee26a8587c17f738098", - "component.tagInput.hover.border": "912727db2526dab8a20829e6bbfe46555c754377", - "component.tagInput.hover.text": "7879eec42c18849993aa4fafdb6aa0b09def166b", - "component.tagInput.hover.hintText": "7f8b701f6866e7f30d683562a8471e8b0dd92425", - "component.tagInput.filled.background": "8c3d701a2fbe20707a90128e861d2e721cf60047", - "component.tagInput.filled.border": "7015803d7c4175a9f10f1aa16974fc4ca9c52462", - "component.tagInput.filled.icon": "942e694db5007fa10a33c03655999fd8b09484e8", - "component.tagInput.filled.hintText": "4c9c3a46ba7629f6879b5b827ea62a7ff66fe8d5", - "component.tagInput.disabled.background": "0c506bd79a8094008429996add2504ae25929767", - "component.tagInput.disabled.border": "bf99dd86d9955f0d786d730ca313ab308d98a12e", - "component.tagInput.disabled.hintText": "d6154111cb036941dfdb3fb5b35915bf0064886f", - "component.tagInput.error.background": "3ee6de3ed87cbbbc97d4c8cebff184f35b859468", - "component.tagInput.error.border": "427f4a6e49fcc389b57b972c1b4904d6d0ccb772", - "component.tagInput.error.icon": "06b0ce2e572a2b47b1032754bc00d21e20417c09", - "component.tagInput.error.hintText": "41fad0ce69790f240b17fb3648cc28248dbbc285", - "component.tagInput.focusEmpty.background": "6b8d2b445d4383f595cc6eadf58fc0e9a2961b11", - "component.tagInput.focusEmpty.border": "3c66dee40b2e192e92f9afd20a81c8cdfd175fa9", - "component.tagInput.focusEmpty.text": "016e0ef324eb27794209debf81d7e880eac85d79", - "component.tagInput.focusEmpty.hintText": "ba1eedeb19c4c5d291b81a307993664423c2b25d", - "component.tagInput.focus.background": "4519abf4da5f3681ed74ec3e32113ac9757ceccd", - "component.tagInput.focus.border": "bc623316808d057c53b417b2f68f63d90b1a50e8", - "component.tagInput.focus.text": "5354e3864c97a8249d2b347c1aad6c9f67920070", - "component.tagInput.focus.hintText": "eb2a9ee23e89275c9652190c7305550cdbf35528", - "component.textArea.default.background": "88b6eecce5801577e13a4f184180e8f7eb631834", - "component.textArea.default.border": "74fc0b471b0e0328eced601f736e8afd4ee47feb", - "component.textArea.default.hintText": "4024b111860b745165b5d4adb3040b3e7889a3b5", - "component.textArea.default.infoIcon": "3fca611ec265b67cb7ed9329a571f10ed65c65d4", - "component.textArea.placeholder.background": "eadd8ae61fc7b4db05e8bc48911b483872fd4b2f", - "component.textArea.placeholder.border": "85f59ced4a9644df9ee5322943c1d0754ce7d863", - "component.textArea.placeholder.text": "49d366f449ea023bd3ef66eab36d0f3ff1555a65", - "component.textArea.placeholder.hintText": "8ca4855db10e488e24db02c6d55e86c0e6502085", - "component.textArea.placeholder.infoIcon": "cbd8fd010002db2aaa78cb91931db32f32395b59", - "component.textArea.hover.background": "e360eb23abf22625f87fbc9cd57ebe3717fe8df9", - "component.textArea.hover.border": "532cc744b7c7661a8586244c509f53054be7211d", - "component.textArea.hover.text": "44ee5d9040960cfd0fa70bef353d898f69b38835", - "component.textArea.hover.icon": "72ddb84eb86e9e5f9083cc7aeffb016f5f86ea76", - "component.textArea.hover.hintText": "e0911c27a498a333274ade3809b2d5857c49abbd", - "component.textArea.hover.infoIcon": "f7b1a34c4f6f238cab6c38f9128b98e96a86d03f", - "component.textArea.hoverEmpty.background": "76339d0a3a1ff2c62f689bccc6bfdb7e651bebed", - "component.textArea.hoverEmpty.border": "a605030d5ac8f6b95af022343e413c74e563d7ca", - "component.textArea.hoverEmpty.text": "1296e61fe758d9bf33760011df07383009606057", - "component.textArea.hoverEmpty.hintText": "301cb5a88870ecbad345c8ce97c8567623d63f89", - "component.textArea.hoverEmpty.infoIcon": "dcf42c7995f12673e4005b8b0f1b2b680228c6d6", - "component.textArea.filled.background": "e5c6f9f34589fe1f555d17d232989f0d619c6fa9", - "component.textArea.filled.border": "639e2b0cbc0ef5188e492d0521ad4855336fdbd9", - "component.textArea.filled.text": "9bc53fd2b87e48893cc0b5e123a08a02a084941c", - "component.textArea.filled.hintText": "de3f94d555640a09f92692f0e9e3f530ef0afe5f", - "component.textArea.filled.infoIcon": "d1ac90c718a860d9fda7325eec8ef23d9b891c71", - "component.textArea.filled.icon.default": "8c591fc0db1c221bdfbf6c4b363df1681db4f342", - "component.textArea.filled.icon.hover": "94c2bd58cc8e727fd477f922f3dd0c762f3765ba", - "component.textArea.filled.icon.active": "5a4d594b631fee462232aa03af2f885c8ab90379", - "component.textArea.disabled.background": "97490fd3f1e3520563c9d8bf6328312b329c8679", - "component.textArea.disabled.border": "d248dc44a5dbb96a50cd6d6366d95fa531ff0a02", - "component.textArea.disabled.text": "b24c5f78b0598463bd0db8775734e1dc8f04577a", - "component.textArea.disabled.hintText": "a725adf69bc3d6f841efd974eb4102f53efbc0fa", - "component.textArea.disabled.infoIcon": "b5480d4ce546bf4680364b87fb8e559b47cf4b41", - "component.textArea.error.background": "32ec1f661749d8758774313ec8d9ed390c3f62ee", - "component.textArea.error.border": "588cd273af8e04c31e0f6be5fb14539b085d0476", - "component.textArea.error.text": "fdf3c76f5e1e5e1c84b386f80f704265d64a13f4", - "component.textArea.error.hintText": "89eac1bccecccddcd91f0a19867dcae61d8225ad", - "component.textArea.error.infoIcon": "aaaa0e2a9e5b2efe2c32f0301058acef90ae2e98", - "component.textArea.error.icon.default": "af512888612e7861b62a8f2850d21621cda7145e", - "component.textArea.error.icon.hover": "71dc1f020f68e56602fde68651f8c030ab3ba1a6", - "component.textArea.error.icon.active": "b39c13daed0ab0bdccff90b753ca329a0e756917", - "component.textArea.focusEmpty.background": "b5edbd705aa6d39798ea05b0243396da12b78eed", - "component.textArea.focusEmpty.border": "3684e82c5d9a3357caf9f80dcb8794acc157a92a", - "component.textArea.focusEmpty.hintText": "a65f436e2230a2513c441594729cfa8952e86591", - "component.textArea.focusEmpty.infoIcon": "2cd5a2c1cff9417f31d69c842a3a6d09cb105c7f", - "component.textArea.focusEmpty.icon.default": "6b271acbce99de34c6e6518c6c83cd2299e33eab", - "component.textArea.focusEmpty.icon.hover": "d4c908948f5d61d4eb78857276cbc0a74fecb078", - "component.textArea.focusEmpty.icon.active": "ae9253056d29aa746a1bf0d90f29db919ae3fee6", - "component.textArea.focus.background": "e1edce09907f712b3a703569a31ec64517de6162", - "component.textArea.focus.border": "723a875d86fe228d716779db4aee08d492a202ef", - "component.textArea.focus.text": "c6d5ce857cd27dca8037b103ffa1a1c8ef1b5c2d", - "component.textArea.focus.hintText": "f145c20ad599d3347dfb895457276cab519490e8", - "component.textArea.focus.infoIcon": "4d753a372dc2c0e6826d15cfdb64a46322e3ef86", - "component.textArea.focus.icon.default": "dedd1f33d4f2f982e94c83e4b5cc0b9eeb65b7f7", - "component.textArea.focus.icon.hover": "e7296c2b1d1fcf4fb3cc6205ac4d4983c8eefd99", - "component.textArea.focus.icon.active": "c58503ce7d686a09cbb8d7ec1241741ca437ea87", - "component.textArea.readOnly.text": "82b71ff2ccc7bdc29fb329f481ce73147548fc05", - "component.textArea.readOnly.hintText": "12dc2dd78b1bbf969c5f70c1c137307ee69c9919", - "component.textField.default.background": "a3637876c1e8dceb576292d5e93c1a6795d8cb75", - "component.textField.default.border": "8264e46ca1564624987e1579854eca921dada4d8", - "component.textField.default.hintText": "bd0ea5452c844e74b294361364f6e64124c3cb9d", - "component.textField.default.infoIcon": "97c4616193e4d4831ddcbcf76ee88d9bfeb4fbc1", - "component.textField.placeholder.background": "71df84093a020453bf24f41a99e551cfc852ca61", - "component.textField.placeholder.border": "5e313d6985894baab13843c8d7d112c47482fd77", - "component.textField.placeholder.text": "e52f6af71bef3fa074875c4119ecc0e9910c1c68", - "component.textField.placeholder.hintText": "96b1cb6e529f5f57e2e988b51c6665481a480444", - "component.textField.placeholder.infoIcon": "e217f00a68732fa44e412078e08c8a94caa843da", - "component.textField.hover.background": "a81c0d7150b2da8f9c881a42abf411415ecc7b32", - "component.textField.hover.border": "1074745bf711b20d4795ff60f76b5693b0643c39", - "component.textField.hover.text": "ce20d532d8f40551735d8052724fe6a574c65804", - "component.textField.hover.icon": "49b39c1f5d4b4719bc18d34e57c371c7216eb1e2", - "component.textField.hover.hintText": "80c7e41ce82fd851862656aeff7e75c3cb704f9e", - "component.textField.hover.infoIcon": "fea2eafd77a2b7ce89b0d6eb5fe5c85f91e25412", - "component.textField.hoverEmpty.background": "ca0ec87ac0a81d29b997add44fe3d5204a9da801", - "component.textField.hoverEmpty.border": "1fd18ed16b01c2469b68cf3300ae1e314ca85ffc", - "component.textField.hoverEmpty.text": "4eead2b28a6c53a0a7e15b8e95884a154cf123a1", - "component.textField.hoverEmpty.hintText": "aec1cebabba863e3490c902c8e3171dd34387427", - "component.textField.hoverEmpty.infoIcon": "449af2e2f7725e0912be3ec8cb4d1024e6c68e6e", - "component.textField.filled.background": "06eae1132f62b415bc62486b33c41474634c5731", - "component.textField.filled.border": "cf7e0257e5973a3b5e56b5e4dcd01987b74c1561", - "component.textField.filled.text": "7094c757643feb73ff1af77458376a346bd65f4e", - "component.textField.filled.hintText": "aa0c54e548b6d52c98e1168aa6d83923c4f88d87", - "component.textField.filled.infoIcon": "ede01d70a570219fee6da9f0ac8c858b1a7b8590", - "component.textField.filled.icon.default": "14c600d7ad715ff46897af5bccee1e7f6e0469ab", - "component.textField.filled.icon.hover": "83691ef4d67020f906526f4db40c3df7f15845d1", - "component.textField.filled.icon.active": "f44e5d13102307c8a89fb64c9120a42b4a5b3699", - "component.textField.disabled.background": "176ebf9143251c73eea814ddf8a1fb7f57cb04f7", - "component.textField.disabled.border": "2c9c3c22a5e9154815e27807a09b57475c671aec", - "component.textField.disabled.text": "b55af7748bbfae7e4847649ca5cdc5b623756a5d", - "component.textField.disabled.hintText": "96d75a0a24a47722c6e4d2b18c82f423f7fb13eb", - "component.textField.disabled.infoIcon": "d96864d23a52b244d7c81f866c140bdf91c1755b", - "component.textField.error.background": "1b5e2639e41e300c7acf940ba3e23f2846fb9dc8", - "component.textField.error.border": "d0fa22334e9292180ff40ef64d075711f8073bbc", - "component.textField.error.text": "a1ea286ec993930d82b111459c780a4a634a113d", - "component.textField.error.hintText": "6b0cbda22edf86b9bddc787019de19648fd95344", - "component.textField.error.infoIcon": "9a87c94e998411e5fe5256dc80a2dd0851feaf24", - "component.textField.error.icon.default": "04aa3b8f2838cd75b5e2eb6f37ee2773a2cba7f4", - "component.textField.error.icon.hover": "531837f397f7507bd8f86f89cf5779f1b971dced", - "component.textField.error.icon.active": "c3dcf6116cdf83b4c1aa5683a9dc8449b4ec78bc", - "component.textField.focusEmpty.background": "667419c8450d43b25af3de843ea6ea64bac0f962", - "component.textField.focusEmpty.border": "5bba34851b969285797327450aa782e461c7d394", - "component.textField.focusEmpty.hintText": "9d4e6db1262fa39ecc369f4d373649e8ede7e314", - "component.textField.focusEmpty.infoIcon": "d58f3d6d98182a50e7d8d508de45c4efd2903bd4", - "component.textField.focusEmpty.icon.default": "10ed7250937061b3f3f24789ee18817abdb892b5", - "component.textField.focusEmpty.icon.hover": "3222baed76b95d152c8c715ffba091810181ca0d", - "component.textField.focusEmpty.icon.active": "5398822eefa3ac994611d7b8fde0a32e1c6fcfa2", - "component.textField.focus.background": "6a7529538ab5b4d1b40f291c950ae5ffb05a0acb", - "component.textField.focus.border": "83f99db90b1c15962dc82dcd090dea8bf8e0b30d", - "component.textField.focus.text": "2197f52f16a01be44663fd4f68338ae6b1109b55", - "component.textField.focus.hintText": "486989042beb99faa53d1b73700acfce0b2208b6", - "component.textField.focus.infoIcon": "1e729c9cf89a9bd1c7907d918f247ede10e26e88", - "component.textField.focus.icon.default": "2b672da3adb76989a50a24c7e9f0cec919d3bb9c", - "component.textField.focus.icon.hover": "aa7750c01572dbdec1e3d9fa5b571b5a9b5d4174", - "component.textField.focus.icon.active": "ff734285d922f3bbb93b96a57c9330dec98bf976", - "component.textField.readOnly.text": "cbd01031db13fa2a6016edec58bd5b1c01a1dcf5", - "component.textField.readOnly.hintText": "d8140b39ed2e6a2fac778358b4e307df3dbdb5f7", - "component.tile.infoIcon.default": "ebe2d67d34c055f6111a5aafac122e213036a65d", - "component.tile.infoIcon.hover": "c9f7971afe5a2e084778a3b837c9c3993d2dba5c", - "component.tile.infoIcon.active": "c25f26a0366a38d43c3ea7dd0326e24a2328ff5c", - "component.tile.default.background": "d6b4858f44ebdc483176b4f8bb15179208bac733", - "component.tile.default.border": "035eb0e9ecd5daec4bae992bc8ad8501a20fcd66", - "component.tile.default.text": "5e377ead04fc3d55081e93a7a982f2a8caab69b5", - "component.tile.hover.background": "c19bb137d20b88d0a17a17ff87de74e2735fab4e", - "component.tile.hover.border": "26b694470f68ac5b389e2c5bd1edec2173523824", - "component.tile.hover.text": "496b18db3df6bb89cbba5ae6cb909c0138de3dc2", - "component.tile.selected.background": "6a414bee8f0c1a37373055a8083b29cb45f856ce", - "component.tile.selected.border": "16c74adbb7def211c3fc57bb63eed534887283d7", - "component.tile.selected.text": "cd86439c0ef7db1ebb285674f8debaf9eb0c95af", - "component.tile.disabled.background": "f607e0e9b201103d94c76f1e3416ec2d730f8f55", - "component.tile.disabled.border": "92fa0cedf3214d02db68ac00771f0eb3cecd6389", - "component.tile.disabled.text": "b1a226dd63514b983123f9de7ca9792a554b6ccb", - "component.timePicker.default.background": "e419aba5b198a9cfdc7ab3791aa5f50647e4dd84", - "component.timePicker.default.border": "74fc14ccf22550d3ce4d3ad9787ec08f5aa29193", - "component.timePicker.default.text": "cf5523c1b8f764637e1162e33160fa26ae9a37a5", - "component.timePicker.default.icon": "fe4d04e9749f9da4ac8404f907c973973fea6025", - "component.timePicker.default.hintText": "d039def615ba9fee33042223527bd6d49ed4e058", - "component.timePicker.hover.background": "10e924b4e8650b830847c0c814c7965250b3dd40", - "component.timePicker.hover.border": "8b810bfa79a465a781a3b880455827b6fa9200dd", - "component.timePicker.hover.text": "641b30648717cef9ebbe868560534fd4f50c93a5", - "component.timePicker.hover.icon": "8fd3ce6d7764e263ffe2414b7453ea78b222da08", - "component.timePicker.hover.hintText": "55c592ab9a059b834beb5e7f889aecfba6e0dd16", - "component.timePicker.filled.background": "6459150e2c756ab9e8dfb006ea4b659bf5158be2", - "component.timePicker.filled.border": "6a13150c36b64e52c020a3584491a9d934e3cea9", - "component.timePicker.filled.text": "22ac644ee62059ffbd8946aa773efb47968088f8", - "component.timePicker.filled.icon": "1cc871722efd1b5ef21cdcbab9b2e6e0227c9f86", - "component.timePicker.filled.hintText": "2b1017e545ceec1f4419e1015d7a063e343df07e", - "component.timePicker.disabled.background": "bc820524464e919b1720a1b6d6e238b589d94933", - "component.timePicker.disabled.border": "38f06a432111626e8f6d9180addaeb5f49ce5bf0", - "component.timePicker.disabled.text": "69f8a3491bb42b879f1386ba8c0186db909d7f6e", - "component.timePicker.disabled.icon": "0e0de4ed64d6bb8ac78bb2bd336dbe8b7b9450e6", - "component.timePicker.disabled.hintText": "39432bac8827ad177b69fc9c1194db48b7477e78", - "component.timePicker.error.background": "b5d161a4f14ce228e4dd2ee9783b1cde5fc73c82", - "component.timePicker.error.border": "b7767b0338d142479ada9464ff9ef6a99d3adcf1", - "component.timePicker.error.text": "661b163ebe38a544dea7147c19183a9cef69f55b", - "component.timePicker.error.icon": "53089a7373068559d46487a0456e443182abc6b7", - "component.timePicker.error.hintText": "5003887a26fbd26de0d2e0c8b90336926b98fb9d", - "component.timePicker.focusEmpty.background": "013967151da4c570d0dfa939db53fe27d142c447", - "component.timePicker.focusEmpty.border": "0d06d7e1914840dfd92579ae174fdb75e1bb3e0d", - "component.timePicker.focusEmpty.text": "6497b06aebb0cb7237584be8b0549f77cef820ed", - "component.timePicker.focusEmpty.icon": "4e66578075e3ab71069207f323fce00f83068b10", - "component.timePicker.focusEmpty.hintText": "abd224fa417c914b6e299397ebad1653c493080a", - "component.timePicker.focus.background": "d55f8e7102b01cb19d0dcde680d11a287c91cf5e", - "component.timePicker.focus.border": "e5281dcd1c75f2f2b8fea0565f4932c83fb8908b", - "component.timePicker.focus.text": "b9659d41c9fc0afac4d28cc9666716e647eaf19a", - "component.timePicker.focus.icon": "45a1c145483ecd5eb02325699184b4ca75763519", - "component.timePicker.focus.hintText": "df1c1319f98df1f71445ffb0658e035e4507b3d8", - "component.timePicker.readOnly.text": "10e050c6de27dff2488e2622d42ba5a49a0cc202", - "component.tooltip.background": "4cf2b9caa0a20e47a47a966faaa14f82ecf00972", - "component.tooltip.text": "9029d96ab8943d13896b4c4cf8cb1aecbb45c3e7", - "component.tree.text": "906b22864e1fbb83f1804b761cf9b207e84a9fbb", - "component.tree.border": "520ee70bbfb05be17b5dccb0e6373f3e71d33bfb", - "component.tree.icon.default": "ea58410307b63eaaf0c90eb624c83280a7af263e", - "component.tree.icon.hover": "17890507487035bebbfb76963b0b71a9e5a8271f", - "component.tree.icon.active": "a373e6f655760a2ef37df58e43be69221d84c227", - "component.tree.background.default": "e1acfcbd87f875a8ab0e64b71d6b137cc3e0b83d", - "component.tree.background.hover": "1c3f9645729f0b879dd3adb4cabc9e9a3781749b", - "component.tree.expandedArea.border": "9d06bd8651bdaa45b689ae6bd21cc3fc94c1a551", - "component.widget.upload.default.background": "ec011ece4f39621729099e2a8a03655ff1e033de", - "component.widget.upload.default.border": "7179179339e428751923c817d7a5968a26331f7f", - "component.widget.upload.default.icon": "3bbf5fb52276c367f1933708b2888e1c7c802287", - "component.widget.upload.default.text.default": "71be500b1596c593719c7320b63150c516bcd4fa", - "component.widget.upload.default.text.link": "36611647e1ce1591718e39513da6713542988af1", - "component.widget.upload.hover.background": "73821189a29ea601a0886965252484065d9e82b9", - "component.widget.upload.hover.border": "f326d22bde7e9e7a11742d398a9db7852d416a73", - "component.widget.upload.hover.icon": "52499b92da51ca101a5dcfd246dcc919aec2d9f7", - "component.widget.upload.hover.text.default": "f3fbf79b6159c7ddbe7857eb860038168e003fe2", - "component.widget.upload.hover.text.link": "15ebd5d2e58ef7dba149ced54cac6210168899a6", - "component.widget.upload.disabled.background": "944335913fd477fd5ba1bf35ee6c10a908c5fd13", - "component.widget.upload.disabled.border": "5de72537898ee1dda1d4f460aec37a9f407c0f56", - "component.widget.upload.disabled.icon": "8004b9b6159fea15a9fd22f3560a2dbc8d1683e2", - "component.widget.upload.disabled.text": "5aef40c520de691b6598ebbc9f3c21dff488713d", - "component.widget.download.text": "6b13623a70398318025ca69590ebf21dbc15613a", - "component.widget.download.border": "6e0f1e08fba41a568d5c48a38e3ff448c13bf5a5", - "component.widget.download.background.header": "d6d31a42a334f0b77349b11b9d8d9f3ec39ee840", - "component.widget.download.background.default": "2ee9dd61919bfab1b43f933998956f94ba39211b", - "component.widget.download.icon.default": "daf39cccc657b23151c291a3b011264717379ee4", - "component.widget.download.icon.success": "046daa469b9fecd32470294ff3de6c06b1c5db57", - "component.widget.download.icon.error": "2bcacc690b13f79c75c751f9162f63b394f9af51" - }, - "group": "Core" } -] \ No newline at end of file +] diff --git a/tokens/alias/dark.json b/tokens/alias/dark.json index 225c6a5..7d1548f 100644 --- a/tokens/alias/dark.json +++ b/tokens/alias/dark.json @@ -69,6 +69,10 @@ "value": "{global.color.ultramarine.60}", "type": "color" }, + "recommendation": { + "value": "{global.color.teal.60}", + "type": "color" + }, "primary": { "default": { "value": "{global.color.neutrals.white}", @@ -126,6 +130,10 @@ "informative": { "value": "{global.color.ultramarine.60}", "type": "color" + }, + "recommendation": { + "value": "{global.color.teal.60}", + "type": "color" } }, "background": { @@ -155,6 +163,10 @@ "value": "{global.color.neutrals.80}", "type": "color" }, + "recommendationsubtle": { + "value": "{global.color.neutrals.80}", + "type": "color" + }, "neutralsubtle": { "value": "{global.color.neutrals.80}", "type": "color" @@ -244,6 +256,18 @@ "value": "{global.color.brand.60}", "type": "color" }, + "neutral": { + "value": "{global.color.neutrals.100}", + "type": "color" + }, + "neutralHover": { + "value": "{global.color.neutrals.90}", + "type": "color" + }, + "neutralActive": { + "value": "{global.color.neutrals.90}", + "type": "color" + }, "disabled": { "value": "{global.color.neutrals.80}", "type": "color" @@ -289,6 +313,10 @@ } }, "tertiary": { + "default": { + "value": "{global.color.neutrals.60}", + "type": "color" + }, "disabled": { "value": "{global.color.neutrals.80}", "type": "color" @@ -450,6 +478,25 @@ } } }, + "recommendation": { + "primary": { + "value": "{global.color.teal.50}", + "type": "color" + }, + "secondary": { + "value": "{global.color.teal.50}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, "pink": { "primary": { "value": "{global.color.pink.50}", diff --git a/tokens/alias/densedDark.json b/tokens/alias/densedDark.json deleted file mode 100644 index 9e26dfe..0000000 --- a/tokens/alias/densedDark.json +++ /dev/null @@ -1 +0,0 @@ -{} \ No newline at end of file diff --git a/tokens/alias/densedLight.json b/tokens/alias/densedLight.json deleted file mode 100644 index 9e26dfe..0000000 --- a/tokens/alias/densedLight.json +++ /dev/null @@ -1 +0,0 @@ -{} \ No newline at end of file diff --git a/tokens/alias/light.json b/tokens/alias/light.json index 00f76a0..c33d67a 100644 --- a/tokens/alias/light.json +++ b/tokens/alias/light.json @@ -92,6 +92,11 @@ "type": "color", "description": "Use only for icons to indicate an info state" }, + "recommendation": { + "value": "{global.color.teal.70}", + "type": "color", + "description": "Use only for icons to indicate a recommendation state" + }, "primary": { "default": { "value": "{global.color.neutrals.90}", @@ -157,6 +162,11 @@ "value": "{global.color.ultramarine.70}", "type": "color", "description": "Use only for borders to indicate an info state" + }, + "recommendation": { + "value": "{global.color.teal.70}", + "type": "color", + "description": "Use only for borders to indicate a recommendation state" } }, "background": { @@ -212,6 +222,10 @@ "value": "{global.color.ultramarine.20}", "type": "color" }, + "recommendationsubtle": { + "value": "{global.color.teal.20}", + "type": "color" + }, "neutralsubtle": { "value": "{global.color.neutrals.20}", "type": "color" @@ -275,6 +289,10 @@ } }, "tertiary": { + "default": { + "value": "{global.color.neutrals.40}", + "type": "color" + }, "disabled": { "value": "{global.color.brand.40}", "type": "color" @@ -376,13 +394,24 @@ }, "tertiaryHover": { "value": "{global.color.brand.80}", - "type": "color", - "description": "Hover color for an active calendar date" + "type": "color" }, "tertiaryActive": { "value": "{global.color.brand.90}", "type": "color" }, + "neutral": { + "value": "{global.color.neutrals.white}", + "type": "color" + }, + "neutralHover": { + "value": "{global.color.neutrals.5}", + "type": "color" + }, + "neutralActive": { + "value": "{global.color.neutrals.white}", + "type": "color" + }, "disabled": { "value": "{global.color.neutrals.10}", "type": "color" @@ -868,6 +897,25 @@ } } }, + "recommendation": { + "primary": { + "value": "{global.color.teal.90}", + "type": "color" + }, + "secondary": { + "value": "{global.color.teal.90}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, "pink": { "primary": { "value": "{global.color.pink.90}", diff --git a/tokens/components/badge/badge.json b/tokens/components/badge/badge.json index 12af884..7829d43 100644 --- a/tokens/components/badge/badge.json +++ b/tokens/components/badge/badge.json @@ -133,6 +133,28 @@ } } }, + "recommendation": { + "subtle": { + "background": { + "value": "{alias.accent.recommendation.secondary}", + "type": "color" + }, + "text": { + "value": "{alias.accent.recommendation.primary}", + "type": "color" + } + }, + "accent": { + "background": { + "value": "{alias.accent.recommendation.primary}", + "type": "color" + }, + "text": { + "value": "{alias.content.text.base}", + "type": "color" + } + } + }, "violet": { "subtle": { "background": { diff --git a/tokens/components/button/button.json b/tokens/components/button/button.json index 606ad09..d401da5 100644 --- a/tokens/components/button/button.json +++ b/tokens/components/button/button.json @@ -149,6 +149,90 @@ } } }, + "tertiary": { + "default": { + "background": { + "value": "{alias.action.base}", + "type": "color" + }, + "border": { + "value": "{alias.action.tertiary.default}", + "type": "color" + }, + "text": { + "value": "{alias.content.text.primary.default}", + "type": "color" + }, + "icon": { + "value": "{alias.content.icon.primary.default}", + "type": "color" + } + }, + "hover": { + "background": { + "value": "{alias.action.secondary.hover}", + "type": "color" + }, + "border": { + "value": "{alias.action.primary.hover}", + "type": "color" + }, + "text": { + "value": "{alias.content.text.primary.default}", + "type": "color" + }, + "icon": { + "value": "{alias.content.icon.primary.default}", + "type": "color" + } + }, + "pressed": { + "background": { + "value": "{alias.action.base}", + "type": "color" + }, + "border": { + "value": "{alias.action.tertiary.default}", + "type": "color" + }, + "text": { + "value": "{alias.content.text.primary.default}", + "type": "color" + }, + "icon": { + "value": "{alias.content.icon.primary.default}", + "type": "color" + } + }, + "disabled": { + "background": { + "value": "{alias.action.base}", + "type": "color" + }, + "border": { + "value": "{alias.action.secondary.disabled}", + "type": "color" + }, + "text": { + "value": "{alias.content.text.primary.disabled}", + "type": "color" + }, + "icon": { + "value": "{alias.content.icon.primary.disabled}", + "type": "color" + } + }, + "loading": { + "background": { + "value": "{alias.action.base}", + "type": "color" + }, + "border": { + "value": "{alias.action.tertiary.default}", + "type": "color" + } + } + }, "link": { "default": { "text": { diff --git a/tokens/components/kpiWidget/kpiWidget.json b/tokens/components/kpiWidget/kpiWidget.json new file mode 100644 index 0000000..25373c7 --- /dev/null +++ b/tokens/components/kpiWidget/kpiWidget.json @@ -0,0 +1,234 @@ +{ + "component": { + "kpiWidget": { + "infoIcon": { + "default": { + "value": "{alias.content.text.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{alias.content.icon.primary.hover}", + "type": "color" + }, + "active": { + "value": "{alias.content.icon.primary.active}", + "type": "color" + } + }, + "progress": { + "positive": { + "text": { + "value": "{alias.content.text.positive}", + "type": "color" + }, + "icon": { + "value": "{alias.content.icon.positive}", + "type": "color" + }, + "background": { + "value": "{alias.background.positivesubtle}", + "type": "color" + } + }, + "negative": { + "text": { + "value": "{alias.content.text.negative}", + "type": "color" + }, + "icon": { + "value": "{alias.content.icon.negative}", + "type": "color" + }, + "background": { + "value": "{alias.background.negativesubtle}", + "type": "color" + } + } + }, + "chart": { + "averageLine": { + "value": "{alias.border.neutral}", + "type": "color" + }, + "neutral": { + "line": { + "value": "{alias.chart.categorical.11.primary}", + "type": "color" + }, + "background": { + "value": "{alias.chart.categorical.11.transparent}", + "type": "color" + } + }, + "negative": { + "line": { + "value": "{alias.chart.categorical.5.primary}", + "type": "color" + }, + "background": { + "value": "{alias.chart.categorical.5.transparent}", + "type": "color" + } + }, + "positive": { + "line": { + "value": "{alias.chart.categorical.8.primary}", + "type": "color" + }, + "background": { + "value": "{alias.chart.categorical.8.transparent}", + "type": "color" + } + }, + "warning": { + "line": { + "value": "{alias.chart.categorical.13.primary}", + "type": "color" + }, + "background": { + "value": "{alias.chart.categorical.13.transparent}", + "type": "color" + } + }, + "info": { + "line": { + "value": "{alias.chart.categorical.1.primary}", + "type": "color" + }, + "background": { + "value": "{alias.chart.categorical.1.transparent}", + "type": "color" + } + }, + "combined": { + "linePrimary": { + "value": "{alias.chart.categorical.1.primary}", + "type": "color" + }, + "backgroundPrimary": { + "value": "{alias.chart.categorical.1.transparent}", + "type": "color" + }, + "lineSecondary": { + "value": "{alias.chart.categorical.2.primary}", + "type": "color" + }, + "backgroundSeconday": { + "value": "{alias.chart.categorical.1.transparent}", + "type": "color" + } + } + }, + "neutral": { + "background": { + "value": "{alias.background.normal}", + "type": "color" + }, + "border": { + "value": "{alias.border.normal}", + "type": "color" + }, + "label": { + "value": "{alias.content.text.primary.default}", + "type": "color" + }, + "kpi": { + "value": "{alias.content.text.primary.default}", + "type": "color" + }, + "description": { + "value": "{alias.content.text.secondary.default}", + "type": "color" + } + }, + "positive": { + "background": { + "value": "{alias.background.normal}", + "type": "color" + }, + "border": { + "value": "{alias.border.normal}", + "type": "color" + }, + "label": { + "value": "{alias.content.text.primary.default}", + "type": "color" + }, + "kpi": { + "value": "{alias.content.text.positive}", + "type": "color" + }, + "description": { + "value": "{alias.content.text.secondary.default}", + "type": "color" + } + }, + "negative": { + "background": { + "value": "{alias.background.normal}", + "type": "color" + }, + "border": { + "value": "{alias.border.normal}", + "type": "color" + }, + "label": { + "value": "{alias.content.text.primary.default}", + "type": "color" + }, + "kpi": { + "value": "{alias.content.text.negative}", + "type": "color" + }, + "description": { + "value": "{alias.content.text.secondary.default}", + "type": "color" + } + }, + "warning": { + "background": { + "value": "{alias.background.normal}", + "type": "color" + }, + "border": { + "value": "{alias.border.normal}", + "type": "color" + }, + "label": { + "value": "{alias.content.text.primary.default}", + "type": "color" + }, + "kpi": { + "value": "{alias.chart.categorical.13.primary}", + "type": "color" + }, + "description": { + "value": "{alias.content.text.secondary.default}", + "type": "color" + } + }, + "info": { + "background": { + "value": "{alias.background.normal}", + "type": "color" + }, + "border": { + "value": "{alias.border.normal}", + "type": "color" + }, + "label": { + "value": "{alias.content.text.primary.default}", + "type": "color" + }, + "kpi": { + "value": "{alias.content.text.informative}", + "type": "color" + }, + "description": { + "value": "{alias.content.text.secondary.default}", + "type": "color" + } + } + } + } +} \ No newline at end of file diff --git a/tokens/components/notificatioBanner/notificationBanner.json b/tokens/components/notificatioBanner/notificationBanner.json index 0f38cea..2535877 100644 --- a/tokens/components/notificatioBanner/notificationBanner.json +++ b/tokens/components/notificatioBanner/notificationBanner.json @@ -79,6 +79,20 @@ "type": "color" } }, + "recommendation": { + "background": { + "value": "{alias.background.recommendationsubtle}", + "type": "color" + }, + "border": { + "value": "{alias.border.recommendation}", + "type": "color" + }, + "statusIcon": { + "value": "{alias.content.icon.recommendation}", + "type": "color" + } + }, "secondary": { "background": { "value": "{alias.background.neutralsubtle}", diff --git a/tokens/components/tabs/containerTabs.json b/tokens/components/tabs/containerTabs.json new file mode 100644 index 0000000..4a003b9 --- /dev/null +++ b/tokens/components/tabs/containerTabs.json @@ -0,0 +1,84 @@ +{ + "component": { + "containerTab": { + "border": { + "value": "{alias.border.normal}", + "type": "color" + }, + "default": { + "background": { + "value": "{alias.interaction.background.neutral}", + "type": "color" + }, + "label": { + "value": "{alias.content.text.primary.default}", + "type": "color" + }, + "description": { + "value": "{alias.content.text.secondary.default}", + "type": "color" + } + }, + "hover": { + "background": { + "value": "{alias.interaction.background.neutralHover}", + "type": "color" + }, + "label": { + "value": "{alias.content.text.primary.default}", + "type": "color" + }, + "description": { + "value": "{alias.content.text.secondary.default}", + "type": "color" + } + }, + "active": { + "background": { + "value": "{alias.interaction.background.neutralActive}", + "type": "color" + }, + "border": { + "value": "{alias.interaction.border.focus}", + "type": "color" + }, + "label": { + "value": "{alias.content.text.primary.default}", + "type": "color" + }, + "description": { + "value": "{alias.content.text.secondary.default}", + "type": "color" + } + }, + "disabled": { + "background": { + "value": "{alias.interaction.background.disabled}", + "type": "color" + }, + "label": { + "value": "{alias.content.text.primary.disabled}", + "type": "color" + }, + "description": { + "value": "{alias.content.text.secondary.disabled}", + "type": "color" + } + }, + "infoIcon": { + "default": { + "value": "{alias.content.text.secondary.default}", + "type": "color" + }, + "hover": { + "value": "{alias.content.icon.primary.hover}", + "type": "color" + }, + "active": { + "value": "{alias.content.icon.primary.active}", + "type": "color" + } + } + } + } +} \ No newline at end of file