@ozen-ui/kit 0.84.5 → 0.85.0

package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/bBusinessContrastDefault.js

@@ -0,0 +1,17 @@
+import { __assign } from "tslib";
+import '@ozen-ui/fonts';
+import { ruRU } from '../../../../../../locale';
+import { themeColorTokenBBusinessContrastDefault, themeSpaceTokenOzenDefault, themeSpacingTokenOzenDefault, themeControlTokenOzenDefault, themeTypographyTokenOzenDefault, themeBorderRadiusTokenOzenDefault, themeBorderWidthTokenOzenDefault, themeShadowTokenOzenDefault, themeBreakpointTokenOzenDefault, themeZIndexTokenOzenDefault, themeTransitionTokenOzenDefault, } from '../../tokens';
+export var themeBBusinessContrastDefault = __assign({ tokens: {
+        color: themeColorTokenBBusinessContrastDefault,
+        space: themeSpaceTokenOzenDefault,
+        spacing: themeSpacingTokenOzenDefault,
+        control: themeControlTokenOzenDefault,
+        typography: themeTypographyTokenOzenDefault,
+        borderRadius: themeBorderRadiusTokenOzenDefault,
+        borderWidth: themeBorderWidthTokenOzenDefault,
+        shadow: themeShadowTokenOzenDefault,
+        breakpoint: themeBreakpointTokenOzenDefault,
+        zIndex: themeZIndexTokenOzenDefault,
+        transition: themeTransitionTokenOzenDefault,
+    } }, ruRU);

package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/index.js

@@ -0,0 +1 @@
+export * from './bBusinessContrastDefault';

package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDark/contrastDark.js

@@ -0,0 +1,17 @@
+import { __assign } from "tslib";
+import '@ozen-ui/fonts';
+import { ruRU } from '../../../../../../locale';
+import { themeColorTokenContrastDark, themeSpaceTokenOzenDefault, themeSpacingTokenOzenDefault, themeControlTokenOzenDefault, themeTypographyTokenOzenDefault, themeBorderRadiusTokenOzenDefault, themeBorderWidthTokenOzenDefault, themeShadowTokenOzenDefault, themeBreakpointTokenOzenDefault, themeZIndexTokenOzenDefault, themeTransitionTokenOzenDefault, } from '../../tokens';
+export var themeContrastDark = __assign({ tokens: {
+        color: themeColorTokenContrastDark,
+        space: themeSpaceTokenOzenDefault,
+        spacing: themeSpacingTokenOzenDefault,
+        control: themeControlTokenOzenDefault,
+        typography: themeTypographyTokenOzenDefault,
+        borderRadius: themeBorderRadiusTokenOzenDefault,
+        borderWidth: themeBorderWidthTokenOzenDefault,
+        shadow: themeShadowTokenOzenDefault,
+        breakpoint: themeBreakpointTokenOzenDefault,
+        zIndex: themeZIndexTokenOzenDefault,
+        transition: themeTransitionTokenOzenDefault,
+    } }, ruRU);

package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDark/index.js

@@ -0,0 +1 @@
+export * from './contrastDark';

package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDefault/contrastDefault.js

@@ -0,0 +1,17 @@
+import { __assign } from "tslib";
+import '@ozen-ui/fonts';
+import { ruRU } from '../../../../../../locale';
+import { themeColorTokenContrastDefault, themeSpaceTokenOzenDefault, themeSpacingTokenOzenDefault, themeControlTokenOzenDefault, themeTypographyTokenOzenDefault, themeBorderRadiusTokenOzenDefault, themeBorderWidthTokenOzenDefault, themeShadowTokenOzenDefault, themeBreakpointTokenOzenDefault, themeZIndexTokenOzenDefault, themeTransitionTokenOzenDefault, } from '../../tokens';
+export var themeContrastDefault = __assign({ tokens: {
+        color: themeColorTokenContrastDefault,
+        space: themeSpaceTokenOzenDefault,
+        spacing: themeSpacingTokenOzenDefault,
+        control: themeControlTokenOzenDefault,
+        typography: themeTypographyTokenOzenDefault,
+        borderRadius: themeBorderRadiusTokenOzenDefault,
+        borderWidth: themeBorderWidthTokenOzenDefault,
+        shadow: themeShadowTokenOzenDefault,
+        breakpoint: themeBreakpointTokenOzenDefault,
+        zIndex: themeZIndexTokenOzenDefault,
+        transition: themeTransitionTokenOzenDefault,
+    } }, ruRU);

package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDefault/index.js

@@ -0,0 +1 @@
+export * from './contrastDefault';

package/__inner__/esm/components/OzenProvider/providers/theme/themes/index.js

@@ -1,5 +1,9 @@
+export * from './BBusinessContrastDark';
+export * from './BBusinessContrastDefault';
 export * from './BBusinessDark';
 export * from './BBusinessDefault';
+export * from './contrastDark';
+export * from './contrastDefault';
 export * from './ozenDark';
 export * from './ozenDefault';
 export * from './vipDark';

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.css

@@ -0,0 +1,172 @@
+.OzenProvider_color_bBusinessContrastDark {
+  --color-content-action-on: #fff;
+  --color-content-secondary: #d7d8e1;
+  --color-content-primary: #fff;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #636574;
+  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-content-action: #678bff;
+  --color-content-action-hover: #3564ff;
+  --color-content-action-pressed: #023dff;
+  --color-content-action-dark: #9ab1ff;
+  --color-content-action-secondary-hover: #7e8194;
+  --color-content-action-secondary-pressed: #636574;
+  --color-content-action-secondary-dark: #d7d8e1;
+  --color-content-error: #f33;
+  --color-content-error-hover: #e11;
+  --color-content-error-pressed: #b00;
+  --color-content-error-dark: #f66;
+  --color-content-warning: #ff9f00;
+  --color-content-warning-hover: #e68f00;
+  --color-content-warning-pressed: #cc7f00;
+  --color-content-warning-dark: #ffb233;
+  --color-content-success: #0b0;
+  --color-content-success-hover: #039904;
+  --color-content-success-pressed: #067607;
+  --color-content-success-dark: #66d666;
+  --color-content-info: #b367ff;
+  --color-content-info-hover: #6a05d0;
+  --color-content-info-pressed: #8002ff;
+  --color-content-info-dark: #cd9aff;
+  --color-content-primary-inverse: #17161a;
+  --color-content-accent-primary: #c7c8ce;
+  --color-content-accent-secondary: #989aa5;
+  --color-content-accent-disabled: #7b7e8c;
+  --color-content-action-secondary: #9a9eb5;
+  --color-background-main: #1e1d22;
+  --color-background-main-hover: #2c2c33;
+  --color-background-main-pressed: #474853;
+  --color-background-primary: #17161a;
+  --color-background-primary-hover: #1e1d22;
+  --color-background-primary-pressed: #2c2c33;
+  --color-background-secondary: #2c2c33;
+  --color-background-secondary-hover: #474853;
+  --color-background-secondary-pressed: #636574;
+  --color-background-tertiary: #474853;
+  --color-background-tertiary-hover: #636574;
+  --color-background-tertiary-pressed: #7e8194;
+  --color-background-disabled: #2c2c33;
+  --color-background-action: #0534d0;
+  --color-background-action-hover: #023dff;
+  --color-background-action-pressed: #3564ff;
+  --color-background-action-active-disabled: #0a2171;
+  --color-background-action-light: #0d1841;
+  --color-background-action-light-hover: #0a2171;
+  --color-background-action-light-pressed: #082ba0;
+  --color-background-accent-action-light: #0a2171;
+  --color-background-accent-action-light-hover: #082ba0;
+  --color-background-accent-action-light-pressed: #0534d0;
+  --color-background-action-secondary: #7e8194;
+  --color-background-action-secondary-hover: #9a9eb5;
+  --color-background-action-secondary-pressed: #aeb1c4;
+  --color-background-action-secondary-active-disabled: #636574;
+  --color-background-action-secondary-light: #2c2c33;
+  --color-background-action-secondary-light-hover: #474853;
+  --color-background-action-secondary-light-pressed: #636574;
+  --color-background-accent-action-secondary-light: #2c2c33;
+  --color-background-accent-action-secondary-light-hover: #474853;
+  --color-background-accent-action-secondary-light-pressed: #636574;
+  --color-background-error: #c00;
+  --color-background-error-hover: #e11;
+  --color-background-error-pressed: #f33;
+  --color-background-error-light: #300;
+  --color-background-error-light-hover: #500;
+  --color-background-error-light-pressed: #700;
+  --color-background-accent-error-light: #900;
+  --color-background-accent-error-light-hover: #b00;
+  --color-background-accent-error-light-pressed: #c00;
+  --color-background-warning: #cc7f00;
+  --color-background-warning-hover: #e68f00;
+  --color-background-warning-pressed: #ff9f00;
+  --color-background-warning-light: #332000;
+  --color-background-warning-light-hover: #4d3000;
+  --color-background-warning-light-pressed: #663f00;
+  --color-background-accent-warning-light: #804f00;
+  --color-background-accent-warning-light-hover: #995f00;
+  --color-background-accent-warning-light-pressed: #b36f00;
+  --color-background-success: #039904;
+  --color-background-success-hover: #0b0;
+  --color-background-success-pressed: #33c933;
+  --color-background-success-light: #0d310e;
+  --color-background-success-light-hover: #0a540b;
+  --color-background-success-light-pressed: #067607;
+  --color-background-accent-success-light: #0a540b;
+  --color-background-accent-success-light-hover: #067607;
+  --color-background-accent-success-light-pressed: #039904;
+  --color-background-info: #6a05d0;
+  --color-background-info-hover: #8002ff;
+  --color-background-info-pressed: #9a35ff;
+  --color-background-info-light: #270d41;
+  --color-background-info-light-hover: #3d0a71;
+  --color-background-info-light-pressed: #5307a0;
+  --color-background-accent-info-light: #3d0a71;
+  --color-background-main-inverse: #d9dade;
+  --color-background-accent-info-light-hover: #5307a0;
+  --color-background-accent-info-light-pressed: #6a05d0;
+  --color-background-overlay: rgb(0 0 0 / 60%);
+  --color-background-ghost: rgb(255 255 255 / 10%);
+  --color-background-ghost-hover: rgb(255 255 255 / 20%);
+  --color-background-ghost-pressed: rgb(255 255 255 / 30%);
+  --color-background-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-main: #474853;
+  --color-border-main-hover: #636574;
+  --color-border-main-pressed: #7e8194;
+  --color-border-secondary: #2c2c33;
+  --color-border-secondary-hover: #474853;
+  --color-border-secondary-pressed: #636574;
+  --color-border-disabled: #474853;
+  --color-border-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-focused: #0d1841;
+  --color-border-action: #678bff;
+  --color-border-action-hover: #082ba0;
+  --color-border-action-pressed: #0a2171;
+  --color-border-action-secondary: #d7d8e1;
+  --color-border-action-secondary-hover: #c2c5d3;
+  --color-border-action-secondary-pressed: #aeb1c4;
+  --color-border-error: #f33;
+  --color-border-warning: #ff9f00;
+  --color-border-success: #0b0;
+  --color-border-info: #b367ff;
+  --color-border-main-on: #fff;
+  --color-border-accent-main: #989aa5;
+  --color-border-accent-disabled: #5f6374;
+  --color-border-accent-focused: #0d1841;
+  --color-accent-main: #14151b;
+  --color-accent-main-hover: #1b1c24;
+  --color-accent-main-pressed: #252732;
+  --color-accent-primary: #1b1c24;
+  --color-accent-primary-hover: #252732;
+  --color-accent-primary-pressed: #2f3240;
+  --color-accent-secondary: #252732;
+  --color-accent-secondary-hover: #2f3240;
+  --color-accent-secondary-pressed: #393c4d;
+  --color-accent-tertiary: #2f3240;
+  --color-accent-tertiary-hover: #393c4d;
+  --color-accent-tertiary-pressed: #43475b;
+  --color-accent-disabled: #2f3240;
+  --color-accent-main-inverse: #c7c8ce;
+  --color-additional-a1: #866c47;
+  --color-additional-a2: #d4aa6b;
+  --color-additional-a3: #eeddc4;
+  --color-additional-b1: #763986;
+  --color-additional-b2: #ba55d3;
+  --color-additional-b3: #cd9aff;
+  --color-additional-c1: #638125;
+  --color-additional-c2: #9acd32;
+  --color-additional-c3: #d7ebad;
+  --color-additional-d1: #23867f;
+  --color-additional-d2: #30d5c8;
+  --color-additional-d3: #aceee9;
+  --color-additional-e1: #9f5237;
+  --color-additional-e2: #ff7f50;
+  --color-additional-e3: #ffccb9;
+  --color-additional-f1: #1966a0;
+  --color-additional-f2: #1fa1ff;
+  --color-additional-f3: #a5d9ff;
+  --color-additional-g1: #9a4270;
+  --color-additional-g2: #f664af;
+  --color-additional-g3: #fbc1df;
+  --color-additional-h1: #9f891a;
+  --color-additional-h2: #ffda1f;
+  --color-additional-h3: #fff0a5;
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.js

@@ -0,0 +1,174 @@
+import './color-b-business-contrast-dark.css';
+import { createColorToken } from '../utility';
+export var themeColorTokenBBusinessContrastDark = createColorToken('bBusinessContrastDark', {
+    'content-action-on': "#ffffff",
+    'content-secondary': "#d7d8e1",
+    'content-primary': "#ffffff",
+    'content-tertiary': "#7e8194",
+    'content-disabled': "#636574",
+    'content-ghost-disabled': "rgba(255, 255, 255, 0.4)",
+    'content-action': "#678bff",
+    'content-action-hover': "#3564ff",
+    'content-action-pressed': "#023dff",
+    'content-action-dark': "#9ab1ff",
+    'content-action-secondary-hover': "#7e8194",
+    'content-action-secondary-pressed': "#636574",
+    'content-action-secondary-dark': "#d7d8e1",
+    'content-error': "#ff3333",
+    'content-error-hover': "#ee1111",
+    'content-error-pressed': "#bb0000",
+    'content-error-dark': "#ff6666",
+    'content-warning': "#ff9f00",
+    'content-warning-hover': "#e68f00",
+    'content-warning-pressed': "#cc7f00",
+    'content-warning-dark': "#ffb233",
+    'content-success': "#00bb00",
+    'content-success-hover': "#039904",
+    'content-success-pressed': "#067607",
+    'content-success-dark': "#66d666",
+    'content-info': "#b367ff",
+    'content-info-hover': "#6a05d0",
+    'content-info-pressed': "#8002ff",
+    'content-info-dark': "#cd9aff",
+    'content-primary-inverse': "#17161a",
+    'content-accent-primary': "#c7c8ce",
+    'content-accent-secondary': "#989aa5",
+    'content-accent-disabled': "#7b7e8c",
+    'content-action-secondary': "#9a9eb5",
+    'background-main': "#1e1d22",
+    'background-main-hover': "#2c2c33",
+    'background-main-pressed': "#474853",
+    'background-primary': "#17161a",
+    'background-primary-hover': "#1e1d22",
+    'background-primary-pressed': "#2c2c33",
+    'background-secondary': "#2c2c33",
+    'background-secondary-hover': "#474853",
+    'background-secondary-pressed': "#636574",
+    'background-tertiary': "#474853",
+    'background-tertiary-hover': "#636574",
+    'background-tertiary-pressed': "#7e8194",
+    'background-disabled': "#2c2c33",
+    'background-action': "#0534d0",
+    'background-action-hover': "#023dff",
+    'background-action-pressed': "#3564ff",
+    'background-action-active-disabled': "#0a2171",
+    'background-action-light': "#0d1841",
+    'background-action-light-hover': "#0a2171",
+    'background-action-light-pressed': "#082ba0",
+    'background-accent-action-light': "#0a2171",
+    'background-accent-action-light-hover': "#082ba0",
+    'background-accent-action-light-pressed': "#0534d0",
+    'background-action-secondary': "#7e8194",
+    'background-action-secondary-hover': "#9a9eb5",
+    'background-action-secondary-pressed': "#aeb1c4",
+    'background-action-secondary-active-disabled': "#636574",
+    'background-action-secondary-light': "#2c2c33",
+    'background-action-secondary-light-hover': "#474853",
+    'background-action-secondary-light-pressed': "#636574",
+    'background-accent-action-secondary-light': "#2c2c33",
+    'background-accent-action-secondary-light-hover': "#474853",
+    'background-accent-action-secondary-light-pressed': "#636574",
+    'background-error': "#cc0000",
+    'background-error-hover': "#ee1111",
+    'background-error-pressed': "#ff3333",
+    'background-error-light': "#330000",
+    'background-error-light-hover': "#550000",
+    'background-error-light-pressed': "#770000",
+    'background-accent-error-light': "#990000",
+    'background-accent-error-light-hover': "#bb0000",
+    'background-accent-error-light-pressed': "#cc0000",
+    'background-warning': "#cc7f00",
+    'background-warning-hover': "#e68f00",
+    'background-warning-pressed': "#ff9f00",
+    'background-warning-light': "#332000",
+    'background-warning-light-hover': "#4d3000",
+    'background-warning-light-pressed': "#663f00",
+    'background-accent-warning-light': "#804f00",
+    'background-accent-warning-light-hover': "#995f00",
+    'background-accent-warning-light-pressed': "#b36f00",
+    'background-success': "#039904",
+    'background-success-hover': "#00bb00",
+    'background-success-pressed': "#33c933",
+    'background-success-light': "#0d310e",
+    'background-success-light-hover': "#0a540b",
+    'background-success-light-pressed': "#067607",
+    'background-accent-success-light': "#0a540b",
+    'background-accent-success-light-hover': "#067607",
+    'background-accent-success-light-pressed': "#039904",
+    'background-info': "#6a05d0",
+    'background-info-hover': "#8002ff",
+    'background-info-pressed': "#9a35ff",
+    'background-info-light': "#270d41",
+    'background-info-light-hover': "#3d0a71",
+    'background-info-light-pressed': "#5307a0",
+    'background-accent-info-light': "#3d0a71",
+    'background-main-inverse': "#d9dade",
+    'background-accent-info-light-hover': "#5307a0",
+    'background-accent-info-light-pressed': "#6a05d0",
+    'background-overlay': "rgba(0, 0, 0, 0.6)",
+    'background-ghost': "rgba(255, 255, 255, 0.1)",
+    'background-ghost-hover': "rgba(255, 255, 255, 0.2)",
+    'background-ghost-pressed': "rgba(255, 255, 255, 0.3)",
+    'background-ghost-disabled': "rgba(255, 255, 255, 0.4)",
+    'border-main': "#474853",
+    'border-main-hover': "#636574",
+    'border-main-pressed': "#7e8194",
+    'border-secondary': "#2c2c33",
+    'border-secondary-hover': "#474853",
+    'border-secondary-pressed': "#636574",
+    'border-disabled': "#474853",
+    'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
+    'border-focused': "#0d1841",
+    'border-action': "#678bff",
+    'border-action-hover': "#082ba0",
+    'border-action-pressed': "#0a2171",
+    'border-action-secondary': "#d7d8e1",
+    'border-action-secondary-hover': "#c2c5d3",
+    'border-action-secondary-pressed': "#aeb1c4",
+    'border-error': "#ff3333",
+    'border-warning': "#ff9f00",
+    'border-success': "#00bb00",
+    'border-info': "#b367ff",
+    'border-main-on': "#ffffff",
+    'border-accent-main': "#989aa5",
+    'border-accent-disabled': "#5f6374",
+    'border-accent-focused': "#0d1841",
+    'accent-main': "#14151b",
+    'accent-main-hover': "#1b1c24",
+    'accent-main-pressed': "#252732",
+    'accent-primary': "#1b1c24",
+    'accent-primary-hover': "#252732",
+    'accent-primary-pressed': "#2f3240",
+    'accent-secondary': "#252732",
+    'accent-secondary-hover': "#2f3240",
+    'accent-secondary-pressed': "#393c4d",
+    'accent-tertiary': "#2f3240",
+    'accent-tertiary-hover': "#393c4d",
+    'accent-tertiary-pressed': "#43475b",
+    'accent-disabled': "#2f3240",
+    'accent-main-inverse': "#c7c8ce",
+    'additional-a1': "#866c47",
+    'additional-a2': "#d4aa6b",
+    'additional-a3': "#eeddc4",
+    'additional-b1': "#763986",
+    'additional-b2': "#ba55d3",
+    'additional-b3': "#cd9aff",
+    'additional-c1': "#638125",
+    'additional-c2': "#9acd32",
+    'additional-c3': "#d7ebad",
+    'additional-d1': "#23867f",
+    'additional-d2': "#30d5c8",
+    'additional-d3': "#aceee9",
+    'additional-e1': "#9f5237",
+    'additional-e2': "#ff7f50",
+    'additional-e3': "#ffccb9",
+    'additional-f1': "#1966a0",
+    'additional-f2': "#1fa1ff",
+    'additional-f3': "#a5d9ff",
+    'additional-g1': "#9a4270",
+    'additional-g2': "#f664af",
+    'additional-g3': "#fbc1df",
+    'additional-h1': "#9f891a",
+    'additional-h2': "#ffda1f",
+    'additional-h3': "#fff0a5",
+});

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/index.js

@@ -0,0 +1 @@
+export * from './color-b-business-contrast-dark';

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.css

@@ -0,0 +1,172 @@
+.OzenProvider_color_bBusinessContrastDefault {
+  --color-content-primary: #17161a;
+  --color-content-secondary: #2c2c33;
+  --color-content-tertiary: #636574;
+  --color-content-disabled: #9a9eb5;
+  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-content-action: #023dff;
+  --color-content-action-hover: #0534d0;
+  --color-content-action-pressed: #082ba0;
+  --color-content-action-dark: #0534d0;
+  --color-content-action-secondary: #2c2c33;
+  --color-content-action-secondary-hover: #1e1d22;
+  --color-content-action-secondary-pressed: #17161a;
+  --color-content-action-secondary-dark: #17161a;
+  --color-content-action-on: #fff;
+  --color-content-error: #e11;
+  --color-content-error-hover: #c00;
+  --color-content-error-pressed: #b00;
+  --color-content-error-dark: #c00;
+  --color-content-warning: #cc7f00;
+  --color-content-warning-hover: #b36f00;
+  --color-content-warning-pressed: #995f00;
+  --color-content-warning-dark: #b36f00;
+  --color-content-success: #039904;
+  --color-content-success-hover: #067607;
+  --color-content-success-pressed: #0a540b;
+  --color-content-success-dark: #067607;
+  --color-content-info: #8002ff;
+  --color-content-info-hover: #6a05d0;
+  --color-content-info-pressed: #5307a0;
+  --color-content-info-dark: #3d0a71;
+  --color-content-primary-inverse: #fff;
+  --color-content-accent-primary: #c7c8ce;
+  --color-content-accent-secondary: #989aa5;
+  --color-content-accent-disabled: #7b7e8c;
+  --color-background-main: #fff;
+  --color-background-main-hover: #f5f5f8;
+  --color-background-main-pressed: #ebecf0;
+  --color-background-primary: #f5f5f8;
+  --color-background-primary-hover: #ebecf0;
+  --color-background-primary-pressed: #d7d8e1;
+  --color-background-secondary: #ebecf0;
+  --color-background-secondary-hover: #d7d8e1;
+  --color-background-secondary-pressed: #c2c5d3;
+  --color-background-tertiary: #d7d8e1;
+  --color-background-tertiary-hover: #c2c5d3;
+  --color-background-tertiary-pressed: #aeb1c4;
+  --color-background-disabled: #ebecf0;
+  --color-background-action: #023dff;
+  --color-background-action-hover: #0534d0;
+  --color-background-action-pressed: #082ba0;
+  --color-background-action-active-disabled: #9ab1ff;
+  --color-background-action-light: #d9e2ff;
+  --color-background-action-light-hover: #ccd8ff;
+  --color-background-action-light-pressed: #9ab1ff;
+  --color-background-accent-action-light: #082ba0;
+  --color-background-accent-action-light-hover: #0a2171;
+  --color-background-accent-action-light-pressed: #0d1841;
+  --color-background-action-secondary: #2c2c33;
+  --color-background-action-secondary-hover: #1e1d22;
+  --color-background-action-secondary-pressed: #17161a;
+  --color-background-action-secondary-active-disabled: #c2c5d3;
+  --color-background-action-secondary-light: #ebecf0;
+  --color-background-action-secondary-light-hover: #d7d8e1;
+  --color-background-action-secondary-light-pressed: #c2c5d3;
+  --color-background-accent-action-secondary-light: #636574;
+  --color-background-accent-action-secondary-light-hover: #474853;
+  --color-background-accent-action-secondary-light-pressed: #2c2c33;
+  --color-background-error: #e11;
+  --color-background-error-hover: #c00;
+  --color-background-error-pressed: #b00;
+  --color-background-error-light: #ffe5e5;
+  --color-background-error-light-hover: #fcc;
+  --color-background-error-light-pressed: #f99;
+  --color-background-accent-error-light: #b00;
+  --color-background-accent-error-light-hover: #900;
+  --color-background-accent-error-light-pressed: #700;
+  --color-background-warning: #cc7f00;
+  --color-background-warning-hover: #b36f00;
+  --color-background-warning-pressed: #995f00;
+  --color-background-warning-light: #fff0cc;
+  --color-background-warning-light-hover: #ffca80;
+  --color-background-warning-light-pressed: #ffb233;
+  --color-background-accent-warning-light: #995f00;
+  --color-background-accent-warning-light-hover: #804f00;
+  --color-background-accent-warning-light-pressed: #663f00;
+  --color-background-success: #0b0;
+  --color-background-success-hover: #039904;
+  --color-background-success-pressed: #067607;
+  --color-background-success-light: #d9f5d9;
+  --color-background-success-light-hover: #ccf1cc;
+  --color-background-success-light-pressed: #99e499;
+  --color-background-accent-success-light: #067607;
+  --color-background-accent-success-light-hover: #0a540b;
+  --color-background-accent-success-light-pressed: #0d310e;
+  --color-background-info: #8002ff;
+  --color-background-info-hover: #6a05d0;
+  --color-background-info-pressed: #5307a0;
+  --color-background-info-light: #edf;
+  --color-background-info-light-hover: #e6ccff;
+  --color-background-info-light-pressed: #cd9aff;
+  --color-background-accent-info-light: #5307a0;
+  --color-background-accent-info-light-hover: #3d0a71;
+  --color-background-accent-info-light-pressed: #270d41;
+  --color-background-main-inverse: #1e1d22;
+  --color-background-overlay: rgb(0 0 0 / 50%);
+  --color-background-ghost: rgb(255 255 255 / 10%);
+  --color-background-ghost-hover: rgb(255 255 255 / 20%);
+  --color-background-ghost-pressed: rgb(255 255 255 / 30%);
+  --color-background-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-main: #c2c5d3;
+  --color-border-main-hover: #aeb1c4;
+  --color-border-main-pressed: #9a9eb5;
+  --color-border-secondary: #d7d8e1;
+  --color-border-secondary-hover: #c2c5d3;
+  --color-border-secondary-pressed: #aeb1c4;
+  --color-border-disabled: #c2c5d3;
+  --color-border-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-focused: #9ab1ff;
+  --color-border-action: #0a2171;
+  --color-border-action-hover: #0d1841;
+  --color-border-action-pressed: #0e1636;
+  --color-border-action-secondary: #2c2c33;
+  --color-border-action-secondary-hover: #1e1d22;
+  --color-border-action-secondary-pressed: #17161a;
+  --color-border-error: #900;
+  --color-border-warning: #663f00;
+  --color-border-success: #0a540b;
+  --color-border-info: #5307a0;
+  --color-border-main-on: #fff;
+  --color-border-accent-main: #989aa5;
+  --color-border-accent-disabled: #5f6374;
+  --color-border-accent-focused: #0e1636;
+  --color-accent-main: #14151b;
+  --color-accent-main-hover: #1b1c24;
+  --color-accent-main-pressed: #252732;
+  --color-accent-primary: #1b1c24;
+  --color-accent-primary-hover: #252732;
+  --color-accent-primary-pressed: #2f3240;
+  --color-accent-secondary: #252732;
+  --color-accent-secondary-hover: #2f3240;
+  --color-accent-secondary-pressed: #393c4d;
+  --color-accent-tertiary: #2f3240;
+  --color-accent-tertiary-hover: #393c4d;
+  --color-accent-tertiary-pressed: #43475b;
+  --color-accent-disabled: #2f3240;
+  --color-accent-main-inverse: #c7c8ce;
+  --color-additional-a1: #866c47;
+  --color-additional-a2: #d4aa6b;
+  --color-additional-a3: #eeddc4;
+  --color-additional-b1: #763986;
+  --color-additional-b2: #ba55d3;
+  --color-additional-b3: #e3bbed;
+  --color-additional-c1: #638125;
+  --color-additional-c2: #9acd32;
+  --color-additional-c3: #d7ebad;
+  --color-additional-d1: #23867f;
+  --color-additional-d2: #30d5c8;
+  --color-additional-d3: #aceee9;
+  --color-additional-e1: #9f5237;
+  --color-additional-e2: #ff7f50;
+  --color-additional-e3: #ffccb9;
+  --color-additional-f1: #1966a0;
+  --color-additional-f2: #1fa1ff;
+  --color-additional-f3: #a5d9ff;
+  --color-additional-g1: #9a4270;
+  --color-additional-g2: #f664af;
+  --color-additional-g3: #fbc1df;
+  --color-additional-h1: #9f891a;
+  --color-additional-h2: #ffda1f;
+  --color-additional-h3: #fff0a5;
+}