@apify/ui-library 0.71.0 → 0.71.1-featcolortokens-178953.55

package/src/design_system/colors/generated/colors_theme.dark.ts

@@ -0,0 +1,110 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const darkTheme = {
+    roseLight: '#e88bb3',
+    roseBase: '#b8487b',
+    roseDark: '#6f234f',
+    roseText: '#ed8bb5',
+    buttercupLight: '#f9deaa',
+    buttercupBase: '#e5b557',
+    buttercupDark: '#b87939',
+    buttercupText: '#ebbf6c',
+    paprikaLight: '#e26c7d',
+    paprikaBase: '#9e384b',
+    paprikaDark: '#511d27',
+    paprikaText: '#f67c8d',
+    tealLight: '#aef0f5',
+    tealBase: '#58bcc4',
+    tealDark: '#408288',
+    tealText: '#62c1c8',
+    indigoLight: '#a8b7ed',
+    indigoBase: '#6d85ca',
+    indigoDark: '#425484',
+    indigoText: '#a2b2eb',
+    slateLight: '#c2c5dc',
+    slateBase: '#8690bf',
+    slateDark: '#535c81',
+    slateText: '#afb2c9',
+    coralLight: '#f3ccb0',
+    coralBase: '#f08848',
+    coralDark: '#9a4e2d',
+    coralText: '#f9b27b',
+    lavenderLight: '#b482ed',
+    lavenderBase: '#8148c9',
+    lavenderDark: '#48296f',
+    lavenderText: '#be8af9',
+    bambooLight: '#7acaa9',
+    bambooBase: '#439274',
+    bambooDark: '#305b4a',
+    bambooText: '#65bc99',
+    neutral0: '#ffffff',
+    neutral25: '#f8f9fc',
+    neutral50: '#f3f4fa',
+    neutral75: '#eef0f8',
+    neutral100: '#e1e3ed',
+    neutral150: '#d1d5e4',
+    neutral200: '#c1c6d9',
+    neutral250: '#b2b8cc',
+    neutral300: '#a5abc0',
+    neutral350: '#989eb3',
+    neutral400: '#8c93a8',
+    neutral450: '#7d8499',
+    neutral500: '#6e758a',
+    neutral550: '#646a7f',
+    neutral600: '#575d71',
+    neutral650: '#4d5265',
+    neutral700: '#414758',
+    neutral750: '#343847',
+    neutral775: '#2d313e',
+    neutral800: '#2a2d39',
+    neutral850: '#252832',
+    neutral875: '#1e2027',
+    neutral900: '#1a1b21',
+    neutral950: '#101114',
+    yellow25: '#fcdc73',
+    yellow50: '#ffd761',
+    yellow75: '#f9ce4b',
+    yellow100: '#f5bc38',
+    yellow200: '#cf9117',
+    yellow300: '#a56909',
+    yellow350: '#8a4f05',
+    yellow400: '#6d3806',
+    yellow500: '#5d2e0e',
+    yellow600: '#3f1b07',
+    yellow700: '#301806',
+    red25: '#f5a790',
+    red50: '#fe9e8a',
+    red75: '#ff8770',
+    red100: '#ff7157',
+    red200: '#ef6045',
+    red300: '#cf4436',
+    red350: '#aa3229',
+    red400: '#812420',
+    red500: '#672523',
+    red600: '#40191b',
+    red700: '#381719',
+    green25: '#74d584',
+    green50: '#6ccd7c',
+    green75: '#55c06a',
+    green100: '#3bb358',
+    green200: '#23a64a',
+    green300: '#068a35',
+    green350: '#006e29',
+    green400: '#00531e',
+    green500: '#14441f',
+    green600: '#0f2b14',
+    green700: '#09260f',
+    blue25: '#92c0ff',
+    blue50: '#8ebcff',
+    blue75: '#80a9ff',
+    blue100: '#6f9dff',
+    blue200: '#5990ff',
+    blue300: '#3970d7',
+    blue350: '#295cbb',
+    blue400: '#194594',
+    blue500: '#1a3a78',
+    blue600: '#0d2550',
+    blue700: '#151d34',
+} as const;

package/src/design_system/colors/generated/colors_theme.light.ts

@@ -0,0 +1,110 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const lightTheme = {
+    roseLight: '#f483b5',
+    roseBase: '#c6387d',
+    roseDark: '#781552',
+    roseText: '#b6006b',
+    buttercupLight: '#ffdd96',
+    buttercupBase: '#f0b21b',
+    buttercupDark: '#c37319',
+    buttercupText: '#a65d00',
+    paprikaLight: '#e44467',
+    paprikaBase: '#9b0238',
+    paprikaDark: '#4a0018',
+    paprikaText: '#ba0044',
+    tealLight: '#a7f2ed',
+    tealBase: '#30c0bb',
+    tealDark: '#297774',
+    tealText: '#018181',
+    indigoLight: '#a1b7ff',
+    indigoBase: '#5d85e1',
+    indigoDark: '#365494',
+    indigoText: '#2563c1',
+    slateLight: '#c1c5e1',
+    slateBase: '#8490c4',
+    slateDark: '#525c85',
+    slateText: '#566087',
+    coralLight: '#ffc89f',
+    coralBase: '#fa8136',
+    coralDark: '#bb4511',
+    coralText: '#c74000',
+    lavenderLight: '#bf97ed',
+    lavenderBase: '#6a14de',
+    lavenderDark: '#330276',
+    lavenderText: '#6e00f4',
+    bambooLight: '#64cda5',
+    bambooBase: '#12966f',
+    bambooDark: '#195d46',
+    bambooText: '#007455',
+    neutral0: '#ffffff',
+    neutral25: '#f8f9fc',
+    neutral50: '#f3f4fa',
+    neutral75: '#eef0f8',
+    neutral100: '#e0e3f2',
+    neutral150: '#d0d5e9',
+    neutral200: '#c0c6de',
+    neutral250: '#b0b8d1',
+    neutral300: '#a3abc5',
+    neutral350: '#969eb8',
+    neutral400: '#8a93ae',
+    neutral450: '#7b84a0',
+    neutral500: '#6c7590',
+    neutral550: '#626a85',
+    neutral600: '#555d76',
+    neutral650: '#4b526b',
+    neutral700: '#3f475d',
+    neutral750: '#31384d',
+    neutral775: '#2b3143',
+    neutral800: '#272d3e',
+    neutral850: '#242836',
+    neutral875: '#1d202a',
+    neutral900: '#191b22',
+    neutral950: '#0a0b0f',
+    yellow25: '#f9f6ea',
+    yellow50: '#f9f0db',
+    yellow75: '#f7e8c4',
+    yellow100: '#f7dfb1',
+    yellow200: '#f5b315',
+    yellow300: '#e39c04',
+    yellow350: '#d58e00',
+    yellow400: '#ca8200',
+    yellow500: '#a96600',
+    yellow600: '#8c4e02',
+    yellow700: '#864906',
+    red25: '#fcf2ef',
+    red50: '#fff0ec',
+    red75: '#ffe3dc',
+    red100: '#fedad1',
+    red200: '#ffb39f',
+    red300: '#ff886e',
+    red350: '#fc7156',
+    red400: '#fa4d37',
+    red500: '#e3231d',
+    red600: '#bb0401',
+    red700: '#af0600',
+    green25: '#e8f9ef',
+    green50: '#e4f5e5',
+    green75: '#daefdc',
+    green100: '#cfe9d1',
+    green200: '#80da8d',
+    green300: '#46c263',
+    green350: '#22b551',
+    green400: '#00ab46',
+    green500: '#008a27',
+    green600: '#086e08',
+    green700: '#176b08',
+    blue25: '#f0f8ff',
+    blue50: '#ecf1ff',
+    blue75: '#e1eaff',
+    blue100: '#d8e2ff',
+    blue200: '#b2c6ff',
+    blue300: '#88abfe',
+    blue350: '#709efd',
+    blue400: '#5290f9',
+    blue500: '#1672eb',
+    blue600: '#1a57da',
+    blue700: '#224ed5',
+} as const;

package/src/design_system/colors/generated/dark.scss

@@ -0,0 +1,148 @@
+
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+$tokens: (
+  'color-neutral-text': #f3f4fa,
+  'color-neutral-text-muted': #b2b8cc,
+  'color-neutral-text-subtle': #8c93a8,
+  'color-neutral-text-disabled': #575d71,
+  'color-neutral-text-on-primary': #1a1b21,
+  'color-neutral-icon-on-primary': #1a1b21,
+  'color-neutral-background': #1a1b21,
+  'color-neutral-background-muted': #252832,
+  'color-neutral-background-subtle': #2a2d39,
+  'color-neutral-background-white': #f3f4fa,
+  'color-neutral-card-background': #1e2027,
+  'color-neutral-card-background-hover': #252832,
+  'color-neutral-border': #414758,
+  'color-neutral-separator-subtle': #343847,
+  'color-neutral-hover': #2d313e,
+  'color-neutral-disabled': #343847,
+  'color-neutral-overflow': #2a2d39,
+  'color-neutral-icon': #b2b8cc,
+  'color-neutral-icon-subtle': #6e758a,
+  'color-neutral-icon-disabled': #575d71,
+  'color-neutral-field-border': #343847,
+  'color-neutral-action-secondary': #575d71,
+  'color-neutral-action-secondary-hover': #6e758a,
+  'color-neutral-action-secondary-active': #343847,
+  'color-neutral-chip-background': #575d71,
+  'color-neutral-chip-background-hover': #6e758a,
+  'color-neutral-chip-background-active': #8c93a8,
+  'color-neutral-chip-background-disabled': #8c93a8,
+  'color-neutral-large-tooltip-background': #2a2d39,
+  'color-neutral-large-tooltip-border': #343847,
+  'color-neutral-small-tooltip-text': #ffffff,
+  'color-neutral-small-tooltip-background': #2a2d39,
+  'color-neutral-small-tooltip-border': #343847,
+  'color-neutral-overlay': #101114,
+  'color-neutral-field-background': #101114,
+  'color-neutral-text-placeholder': #6e758a,
+  'color-primary-text': #6f9dff,
+  'color-primary-text-interactive': #6f9dff,
+  'color-primary-icon': #3970d7,
+  'color-primary-action': #5990ff,
+  'color-primary-action-hover': #80a9ff,
+  'color-primary-action-active': #3970d7,
+  'color-primary-field-border-active': #3970d7,
+  'color-primary-border-subtle': #295cbb,
+  'color-primary-background': #0d2550,
+  'color-primary-background-subtle': #151d34,
+  'color-primary-background-hover': #194594,
+  'color-primary-chip-background': #0d2550,
+  'color-primary-chip-background-subtle': #151d34,
+  'color-primary-chip-background-hover': #194594,
+  'color-primary-chip-text': #8ebcff,
+  'color-primary-shadow-active': #295cbb,
+  'color-primary-black-action': #ffffff,
+  'color-primary-black-action-hover': #d1d5e4,
+  'color-primary-black-action-active': #f3f4fa,
+  'color-primary-black-background': #f3f4fa,
+  'color-primary-black-background-hover': #eef0f8,
+  'color-primary-black-chip-text': #101114,
+  'color-success-text': #3bb358,
+  'color-success-icon': #23a64a,
+  'color-success-background': #14441f,
+  'color-success-background-hover': #00531e,
+  'color-success-background-subtle': #09260f,
+  'color-success-background-subtle-hover': #14441f,
+  'color-success-background-subtle-active': #006e29,
+  'color-success-chip-background': #14441f,
+  'color-success-chip-background-hover': #00531e,
+  'color-success-chip-text': #6ccd7c,
+  'color-success-border': #068a35,
+  'color-success-border-subtle': #006e29,
+  'color-success-action': #23a64a,
+  'color-success-action-hover': #3bb358,
+  'color-success-action-active': #068a35,
+  'color-warning-text': #f9ce4b,
+  'color-warning-icon': #f9ce4b,
+  'color-warning-background': #5d2e0e,
+  'color-warning-background-hover': #6d3806,
+  'color-warning-background-subtle': #301806,
+  'color-warning-chip-background': #5d2e0e,
+  'color-warning-chip-background-hover': #6d3806,
+  'color-warning-chip-text': #ffd761,
+  'color-warning-border': #a56909,
+  'color-warning-border-subtle': #8a4f05,
+  'color-warning-field-border': #cf9117,
+  'color-danger-text': #ff7157,
+  'color-danger-icon': #ef6045,
+  'color-danger-background': #672523,
+  'color-danger-background-hover': #812420,
+  'color-danger-background-subtle': #381719,
+  'color-danger-background-subtle-hover': #672523,
+  'color-danger-background-subtle-active': #aa3229,
+  'color-danger-chip-background': #672523,
+  'color-danger-chip-background-hover': #812420,
+  'color-danger-chip-text': #fe9e8a,
+  'color-danger-border': #cf4436,
+  'color-danger-border-subtle': #aa3229,
+  'color-danger-field-border': #ef6045,
+  'color-danger-action': #ef6045,
+  'color-danger-action-hover': #ff7157,
+  'color-danger-action-active': #cf4436,
+  'color-special-free-plan-background': #9a4e2d,
+  'color-special-starter-plan-background': #b87939,
+  'color-special-scale-plan-background': #425484,
+  'color-special-business-plan-background': #408288,
+  'color-special-enterprise-plan-background': #48296f,
+  'color-rose-light': #e88bb3,
+  'color-rose-base': #b8487b,
+  'color-rose-dark': #6f234f,
+  'color-rose-text': #ed8bb5,
+  'color-buttercup-light': #f9deaa,
+  'color-buttercup-base': #e5b557,
+  'color-buttercup-dark': #b87939,
+  'color-buttercup-text': #ebbf6c,
+  'color-paprika-light': #e26c7d,
+  'color-paprika-base': #9e384b,
+  'color-paprika-dark': #511d27,
+  'color-paprika-text': #f67c8d,
+  'color-teal-light': #aef0f5,
+  'color-teal-base': #58bcc4,
+  'color-teal-dark': #408288,
+  'color-teal-text': #62c1c8,
+  'color-indigo-light': #a8b7ed,
+  'color-indigo-base': #6d85ca,
+  'color-indigo-dark': #425484,
+  'color-indigo-text': #a2b2eb,
+  'color-slate-light': #c2c5dc,
+  'color-slate-base': #8690bf,
+  'color-slate-dark': #535c81,
+  'color-slate-text': #afb2c9,
+  'color-coral-light': #f3ccb0,
+  'color-coral-base': #f08848,
+  'color-coral-dark': #9a4e2d,
+  'color-coral-text': #f9b27b,
+  'color-lavender-light': #b482ed,
+  'color-lavender-base': #8148c9,
+  'color-lavender-dark': #48296f,
+  'color-lavender-text': #be8af9,
+  'color-bamboo-light': #7acaa9,
+  'color-bamboo-base': #439274,
+  'color-bamboo-dark': #305b4a,
+  'color-bamboo-text': #65bc99
+);

package/src/design_system/colors/generated/dark.ts

@@ -0,0 +1,147 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const tokens = `
+  --color-neutral-text: #f3f4fa;
+  --color-neutral-text-muted: #b2b8cc;
+  --color-neutral-text-subtle: #8c93a8;
+  --color-neutral-text-disabled: #575d71;
+  --color-neutral-text-on-primary: #1a1b21;
+  --color-neutral-icon-on-primary: #1a1b21;
+  --color-neutral-background: #1a1b21;
+  --color-neutral-background-muted: #252832;
+  --color-neutral-background-subtle: #2a2d39;
+  --color-neutral-background-white: #f3f4fa;
+  --color-neutral-card-background: #1e2027;
+  --color-neutral-card-background-hover: #252832;
+  --color-neutral-border: #414758;
+  --color-neutral-separator-subtle: #343847;
+  --color-neutral-hover: #2d313e;
+  --color-neutral-disabled: #343847;
+  --color-neutral-overflow: #2a2d39;
+  --color-neutral-icon: #b2b8cc;
+  --color-neutral-icon-subtle: #6e758a;
+  --color-neutral-icon-disabled: #575d71;
+  --color-neutral-field-border: #343847;
+  --color-neutral-action-secondary: #575d71;
+  --color-neutral-action-secondary-hover: #6e758a;
+  --color-neutral-action-secondary-active: #343847;
+  --color-neutral-chip-background: #575d71;
+  --color-neutral-chip-background-hover: #6e758a;
+  --color-neutral-chip-background-active: #8c93a8;
+  --color-neutral-chip-background-disabled: #8c93a8;
+  --color-neutral-large-tooltip-background: #2a2d39;
+  --color-neutral-large-tooltip-border: #343847;
+  --color-neutral-small-tooltip-text: #ffffff;
+  --color-neutral-small-tooltip-background: #2a2d39;
+  --color-neutral-small-tooltip-border: #343847;
+  --color-neutral-overlay: #101114;
+  --color-neutral-field-background: #101114;
+  --color-neutral-text-placeholder: #6e758a;
+  --color-primary-text: #6f9dff;
+  --color-primary-text-interactive: #6f9dff;
+  --color-primary-icon: #3970d7;
+  --color-primary-action: #5990ff;
+  --color-primary-action-hover: #80a9ff;
+  --color-primary-action-active: #3970d7;
+  --color-primary-field-border-active: #3970d7;
+  --color-primary-border-subtle: #295cbb;
+  --color-primary-background: #0d2550;
+  --color-primary-background-subtle: #151d34;
+  --color-primary-background-hover: #194594;
+  --color-primary-chip-background: #0d2550;
+  --color-primary-chip-background-subtle: #151d34;
+  --color-primary-chip-background-hover: #194594;
+  --color-primary-chip-text: #8ebcff;
+  --color-primary-shadow-active: #295cbb;
+  --color-primary-black-action: #ffffff;
+  --color-primary-black-action-hover: #d1d5e4;
+  --color-primary-black-action-active: #f3f4fa;
+  --color-primary-black-background: #f3f4fa;
+  --color-primary-black-background-hover: #eef0f8;
+  --color-primary-black-chip-text: #101114;
+  --color-success-text: #3bb358;
+  --color-success-icon: #23a64a;
+  --color-success-background: #14441f;
+  --color-success-background-hover: #00531e;
+  --color-success-background-subtle: #09260f;
+  --color-success-background-subtle-hover: #14441f;
+  --color-success-background-subtle-active: #006e29;
+  --color-success-chip-background: #14441f;
+  --color-success-chip-background-hover: #00531e;
+  --color-success-chip-text: #6ccd7c;
+  --color-success-border: #068a35;
+  --color-success-border-subtle: #006e29;
+  --color-success-action: #23a64a;
+  --color-success-action-hover: #3bb358;
+  --color-success-action-active: #068a35;
+  --color-warning-text: #f9ce4b;
+  --color-warning-icon: #f9ce4b;
+  --color-warning-background: #5d2e0e;
+  --color-warning-background-hover: #6d3806;
+  --color-warning-background-subtle: #301806;
+  --color-warning-chip-background: #5d2e0e;
+  --color-warning-chip-background-hover: #6d3806;
+  --color-warning-chip-text: #ffd761;
+  --color-warning-border: #a56909;
+  --color-warning-border-subtle: #8a4f05;
+  --color-warning-field-border: #cf9117;
+  --color-danger-text: #ff7157;
+  --color-danger-icon: #ef6045;
+  --color-danger-background: #672523;
+  --color-danger-background-hover: #812420;
+  --color-danger-background-subtle: #381719;
+  --color-danger-background-subtle-hover: #672523;
+  --color-danger-background-subtle-active: #aa3229;
+  --color-danger-chip-background: #672523;
+  --color-danger-chip-background-hover: #812420;
+  --color-danger-chip-text: #fe9e8a;
+  --color-danger-border: #cf4436;
+  --color-danger-border-subtle: #aa3229;
+  --color-danger-field-border: #ef6045;
+  --color-danger-action: #ef6045;
+  --color-danger-action-hover: #ff7157;
+  --color-danger-action-active: #cf4436;
+  --color-special-free-plan-background: #9a4e2d;
+  --color-special-starter-plan-background: #b87939;
+  --color-special-scale-plan-background: #425484;
+  --color-special-business-plan-background: #408288;
+  --color-special-enterprise-plan-background: #48296f;
+  --color-rose-light: #e88bb3;
+  --color-rose-base: #b8487b;
+  --color-rose-dark: #6f234f;
+  --color-rose-text: #ed8bb5;
+  --color-buttercup-light: #f9deaa;
+  --color-buttercup-base: #e5b557;
+  --color-buttercup-dark: #b87939;
+  --color-buttercup-text: #ebbf6c;
+  --color-paprika-light: #e26c7d;
+  --color-paprika-base: #9e384b;
+  --color-paprika-dark: #511d27;
+  --color-paprika-text: #f67c8d;
+  --color-teal-light: #aef0f5;
+  --color-teal-base: #58bcc4;
+  --color-teal-dark: #408288;
+  --color-teal-text: #62c1c8;
+  --color-indigo-light: #a8b7ed;
+  --color-indigo-base: #6d85ca;
+  --color-indigo-dark: #425484;
+  --color-indigo-text: #a2b2eb;
+  --color-slate-light: #c2c5dc;
+  --color-slate-base: #8690bf;
+  --color-slate-dark: #535c81;
+  --color-slate-text: #afb2c9;
+  --color-coral-light: #f3ccb0;
+  --color-coral-base: #f08848;
+  --color-coral-dark: #9a4e2d;
+  --color-coral-text: #f9b27b;
+  --color-lavender-light: #b482ed;
+  --color-lavender-base: #8148c9;
+  --color-lavender-dark: #48296f;
+  --color-lavender-text: #be8af9;
+  --color-bamboo-light: #7acaa9;
+  --color-bamboo-base: #439274;
+  --color-bamboo-dark: #305b4a;
+  --color-bamboo-text: #65bc99;
+`;

package/src/design_system/colors/generated/light.scss

@@ -0,0 +1,148 @@
+
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+$tokens: (
+  'color-neutral-text': #242836,
+  'color-neutral-text-muted': #3f475d,
+  'color-neutral-text-subtle': #6c7590,
+  'color-neutral-text-disabled': #c0c6de,
+  'color-neutral-text-on-primary': #ffffff,
+  'color-neutral-icon-on-primary': #ffffff,
+  'color-neutral-background': #ffffff,
+  'color-neutral-background-muted': #f8f9fc,
+  'color-neutral-background-subtle': #f3f4fa,
+  'color-neutral-background-white': #ffffff,
+  'color-neutral-card-background': #ffffff,
+  'color-neutral-card-background-hover': #ffffff,
+  'color-neutral-border': #d0d5e9,
+  'color-neutral-separator-subtle': #e0e3f2,
+  'color-neutral-hover': #eef0f8,
+  'color-neutral-disabled': #f3f4fa,
+  'color-neutral-overflow': #e0e3f2,
+  'color-neutral-icon': #555d76,
+  'color-neutral-icon-subtle': #8a93ae,
+  'color-neutral-icon-disabled': #b0b8d1,
+  'color-neutral-field-border': #c0c6de,
+  'color-neutral-action-secondary': #d0d5e9,
+  'color-neutral-action-secondary-hover': #e0e3f2,
+  'color-neutral-action-secondary-active': #d0d5e9,
+  'color-neutral-chip-background': #e0e3f2,
+  'color-neutral-chip-background-hover': #d0d5e9,
+  'color-neutral-chip-background-active': #c0c6de,
+  'color-neutral-chip-background-disabled': #d0d5e9,
+  'color-neutral-large-tooltip-background': #ffffff,
+  'color-neutral-large-tooltip-border': #e0e3f2,
+  'color-neutral-small-tooltip-text': #ffffff,
+  'color-neutral-small-tooltip-background': #191b22,
+  'color-neutral-small-tooltip-border': #242836,
+  'color-neutral-overlay': #191b22,
+  'color-neutral-field-background': #f8f9fc,
+  'color-neutral-text-placeholder': #969eb8,
+  'color-primary-text': #1672eb,
+  'color-primary-text-interactive': #1672eb,
+  'color-primary-icon': #1672eb,
+  'color-primary-action': #1672eb,
+  'color-primary-action-hover': #5290f9,
+  'color-primary-action-active': #1a57da,
+  'color-primary-field-border-active': #1672eb,
+  'color-primary-border-subtle': #b2c6ff,
+  'color-primary-background': #ecf1ff,
+  'color-primary-background-subtle': #f0f8ff,
+  'color-primary-background-hover': #d8e2ff,
+  'color-primary-chip-background': #ecf1ff,
+  'color-primary-chip-background-subtle': #f0f8ff,
+  'color-primary-chip-background-hover': #d8e2ff,
+  'color-primary-chip-text': #1a57da,
+  'color-primary-shadow-active': #b2c6ff,
+  'color-primary-black-action': #272d3e,
+  'color-primary-black-action-hover': #2b3143,
+  'color-primary-black-action-active': #0a0b0f,
+  'color-primary-black-background': #1d202a,
+  'color-primary-black-background-hover': #3f475d,
+  'color-primary-black-chip-text': #f8f9fc,
+  'color-success-text': #008a27,
+  'color-success-icon': #008a27,
+  'color-success-background': #e4f5e5,
+  'color-success-background-hover': #cfe9d1,
+  'color-success-background-subtle': #e8f9ef,
+  'color-success-background-subtle-hover': #cfe9d1,
+  'color-success-background-subtle-active': #80da8d,
+  'color-success-chip-background': #e4f5e5,
+  'color-success-chip-background-hover': #cfe9d1,
+  'color-success-chip-text': #086e08,
+  'color-success-border': #00ab46,
+  'color-success-border-subtle': #80da8d,
+  'color-success-action': #008a27,
+  'color-success-action-hover': #00ab46,
+  'color-success-action-active': #086e08,
+  'color-warning-text': #a96600,
+  'color-warning-icon': #f5b315,
+  'color-warning-background': #f9f0db,
+  'color-warning-background-hover': #f7dfb1,
+  'color-warning-background-subtle': #f9f6ea,
+  'color-warning-chip-background': #f9f0db,
+  'color-warning-chip-background-hover': #f7dfb1,
+  'color-warning-chip-text': #8c4e02,
+  'color-warning-border': #ca8200,
+  'color-warning-border-subtle': #f5b315,
+  'color-warning-field-border': #f5b315,
+  'color-danger-text': #e3231d,
+  'color-danger-icon': #e3231d,
+  'color-danger-background': #fff0ec,
+  'color-danger-background-hover': #fedad1,
+  'color-danger-background-subtle': #fcf2ef,
+  'color-danger-background-subtle-hover': #fedad1,
+  'color-danger-background-subtle-active': #ffb39f,
+  'color-danger-chip-background': #fff0ec,
+  'color-danger-chip-background-hover': #fedad1,
+  'color-danger-chip-text': #bb0401,
+  'color-danger-border': #fa4d37,
+  'color-danger-border-subtle': #ffb39f,
+  'color-danger-field-border': #fa4d37,
+  'color-danger-action': #e3231d,
+  'color-danger-action-hover': #fa4d37,
+  'color-danger-action-active': #bb0401,
+  'color-special-free-plan-background': #ffc89f,
+  'color-special-starter-plan-background': #ffdd96,
+  'color-special-scale-plan-background': #a1b7ff,
+  'color-special-business-plan-background': #a7f2ed,
+  'color-special-enterprise-plan-background': #bf97ed,
+  'color-rose-light': #f483b5,
+  'color-rose-base': #c6387d,
+  'color-rose-dark': #781552,
+  'color-rose-text': #b6006b,
+  'color-buttercup-light': #ffdd96,
+  'color-buttercup-base': #f0b21b,
+  'color-buttercup-dark': #c37319,
+  'color-buttercup-text': #a65d00,
+  'color-paprika-light': #e44467,
+  'color-paprika-base': #9b0238,
+  'color-paprika-dark': #4a0018,
+  'color-paprika-text': #ba0044,
+  'color-teal-light': #a7f2ed,
+  'color-teal-base': #30c0bb,
+  'color-teal-dark': #297774,
+  'color-teal-text': #018181,
+  'color-indigo-light': #a1b7ff,
+  'color-indigo-base': #5d85e1,
+  'color-indigo-dark': #365494,
+  'color-indigo-text': #2563c1,
+  'color-slate-light': #c1c5e1,
+  'color-slate-base': #8490c4,
+  'color-slate-dark': #525c85,
+  'color-slate-text': #566087,
+  'color-coral-light': #ffc89f,
+  'color-coral-base': #fa8136,
+  'color-coral-dark': #bb4511,
+  'color-coral-text': #c74000,
+  'color-lavender-light': #bf97ed,
+  'color-lavender-base': #6a14de,
+  'color-lavender-dark': #330276,
+  'color-lavender-text': #6e00f4,
+  'color-bamboo-light': #64cda5,
+  'color-bamboo-base': #12966f,
+  'color-bamboo-dark': #195d46,
+  'color-bamboo-text': #007455
+);