@ozen-ui/kit 0.84.5 → 0.85.0

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

@@ -1,52 +1,38 @@
 .OzenProvider_color_bBusinessDefault {
   --color-content-primary: #17161a;
   --color-content-secondary: #636574;
-  --color-content-tertiary: #7e8194;
+  --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: #0a2171;
+  --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: #ff5959;
-  --color-content-error-hover: #cf4a4b;
-  --color-content-error-pressed: #9f3b3d;
-  --color-content-error-dark: #702d2e;
-  --color-content-warning: #cf8d2a;
-  --color-content-warning-hover: #9f6d24;
-  --color-content-warning-pressed: #704e1e;
-  --color-content-warning-dark: #402e18;
-  --color-content-success: #0b0;
-  --color-content-success-hover: #039904;
-  --color-content-success-pressed: #067607;
-  --color-content-success-dark: #0a540b;
+  --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: #989aa5;
-  --color-content-accent-secondary: #c7c8ce;
+  --color-content-accent-primary: #c7c8ce;
+  --color-content-accent-secondary: #989aa5;
   --color-content-accent-disabled: #7b7e8c;
-  --color-accent-primary: #1b1c24;
-  --color-accent-main: #14151b;
-  --color-accent-main-hover: #1b1c24;
-  --color-accent-main-pressed: #252732;
-  --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-background-main: #fff;
   --color-background-main-hover: #f5f5f8;
   --color-background-main-pressed: #ebecf0;
@@ -80,24 +66,24 @@
   --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: #ff5959;
-  --color-background-error-hover: #cf4a4b;
-  --color-background-error-pressed: #9f3b3d;
-  --color-background-error-light: #ffe6e6;
-  --color-background-error-light-hover: #ffdede;
-  --color-background-error-light-pressed: #ffbdbd;
-  --color-background-accent-error-light: #9f3b3d;
-  --color-background-accent-error-light-hover: #702d2e;
-  --color-background-accent-error-light-pressed: #401e20;
-  --color-background-warning: #ffac30;
-  --color-background-warning-hover: #cf8d2a;
-  --color-background-warning-pressed: #9f6d24;
-  --color-background-warning-light: #fff3e0;
-  --color-background-warning-light-hover: #ffeed6;
-  --color-background-warning-light-pressed: #ffdeac;
-  --color-background-accent-warning-light: #9f6d24;
-  --color-background-accent-warning-light-hover: #704e1e;
-  --color-background-accent-warning-light-pressed: #402e18;
+  --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;
@@ -116,7 +102,7 @@
   --color-background-accent-info-light: #5307a0;
   --color-background-accent-info-light-hover: #3d0a71;
   --color-background-accent-info-light-pressed: #270d41;
-  --color-background-main-inverse: #0d0e12;
+  --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%);
@@ -128,7 +114,7 @@
   --color-border-secondary: #d7d8e1;
   --color-border-secondary-hover: #c2c5d3;
   --color-border-secondary-pressed: #aeb1c4;
-  --color-border-disabled: #d7d8e1;
+  --color-border-disabled: #c2c5d3;
   --color-border-ghost-disabled: rgb(255 255 255 / 40%);
   --color-border-focused: #9ab1ff;
   --color-border-action: #023dff;
@@ -137,14 +123,28 @@
   --color-border-action-secondary: #2c2c33;
   --color-border-action-secondary-hover: #1e1d22;
   --color-border-action-secondary-pressed: #17161a;
-  --color-border-error: #ff5959;
-  --color-border-warning: #ffac30;
-  --color-border-success: #0b0;
+  --color-border-error: #e11;
+  --color-border-warning: #cc7f00;
+  --color-border-success: #039904;
   --color-border-info: #8002ff;
   --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;

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

@@ -3,52 +3,38 @@ import { createColorToken } from '../utility';
 export var themeColorTokenBBusinessDefault = createColorToken('bBusinessDefault', {
     'content-primary': "#17161a",
     'content-secondary': "#636574",
-    'content-tertiary': "#7e8194",
+    'content-tertiary': "#636574",
     'content-disabled': "#9a9eb5",
     'content-ghost-disabled': "rgba(255, 255, 255, 0.4)",
     'content-action': "#023dff",
     'content-action-hover': "#0534d0",
     'content-action-pressed': "#082ba0",
-    'content-action-dark': "#0a2171",
+    'content-action-dark': "#0534d0",
     'content-action-secondary': "#2c2c33",
     'content-action-secondary-hover': "#1e1d22",
     'content-action-secondary-pressed': "#17161a",
     'content-action-secondary-dark': "#17161a",
     'content-action-on': "#ffffff",
-    'content-error': "#ff5959",
-    'content-error-hover': "#cf4a4b",
-    'content-error-pressed': "#9f3b3d",
-    'content-error-dark': "#702d2e",
-    'content-warning': "#cf8d2a",
-    'content-warning-hover': "#9f6d24",
-    'content-warning-pressed': "#704e1e",
-    'content-warning-dark': "#402e18",
-    'content-success': "#00bb00",
-    'content-success-hover': "#039904",
-    'content-success-pressed': "#067607",
-    'content-success-dark': "#0a540b",
+    'content-error': "#ee1111",
+    'content-error-hover': "#cc0000",
+    'content-error-pressed': "#bb0000",
+    'content-error-dark': "#cc0000",
+    'content-warning': "#cc7f00",
+    'content-warning-hover': "#b36f00",
+    'content-warning-pressed': "#995f00",
+    'content-warning-dark': "#b36f00",
+    'content-success': "#039904",
+    'content-success-hover': "#067607",
+    'content-success-pressed': "#0a540b",
+    'content-success-dark': "#067607",
     'content-info': "#8002ff",
     'content-info-hover': "#6a05d0",
     'content-info-pressed': "#5307a0",
     'content-info-dark': "#3d0a71",
     'content-primary-inverse': "#ffffff",
-    'content-accent-primary': "#989aa5",
-    'content-accent-secondary': "#c7c8ce",
+    'content-accent-primary': "#c7c8ce",
+    'content-accent-secondary': "#989aa5",
     'content-accent-disabled': "#7b7e8c",
-    'accent-primary': "#1b1c24",
-    'accent-main': "#14151b",
-    'accent-main-hover': "#1b1c24",
-    'accent-main-pressed': "#252732",
-    '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",
     'background-main': "#ffffff",
     'background-main-hover': "#f5f5f8",
     'background-main-pressed': "#ebecf0",
@@ -82,24 +68,24 @@ export var themeColorTokenBBusinessDefault = createColorToken('bBusinessDefault'
     'background-accent-action-secondary-light': "#636574",
     'background-accent-action-secondary-light-hover': "#474853",
     'background-accent-action-secondary-light-pressed': "#2c2c33",
-    'background-error': "#ff5959",
-    'background-error-hover': "#cf4a4b",
-    'background-error-pressed': "#9f3b3d",
-    'background-error-light': "#ffe6e6",
-    'background-error-light-hover': "#ffdede",
-    'background-error-light-pressed': "#ffbdbd",
-    'background-accent-error-light': "#9f3b3d",
-    'background-accent-error-light-hover': "#702d2e",
-    'background-accent-error-light-pressed': "#401e20",
-    'background-warning': "#ffac30",
-    'background-warning-hover': "#cf8d2a",
-    'background-warning-pressed': "#9f6d24",
-    'background-warning-light': "#fff3e0",
-    'background-warning-light-hover': "#ffeed6",
-    'background-warning-light-pressed': "#ffdeac",
-    'background-accent-warning-light': "#9f6d24",
-    'background-accent-warning-light-hover': "#704e1e",
-    'background-accent-warning-light-pressed': "#402e18",
+    'background-error': "#ee1111",
+    'background-error-hover': "#cc0000",
+    'background-error-pressed': "#bb0000",
+    'background-error-light': "#ffe5e5",
+    'background-error-light-hover': "#ffcccc",
+    'background-error-light-pressed': "#ff9999",
+    'background-accent-error-light': "#bb0000",
+    'background-accent-error-light-hover': "#990000",
+    'background-accent-error-light-pressed': "#770000",
+    'background-warning': "#cc7f00",
+    'background-warning-hover': "#b36f00",
+    'background-warning-pressed': "#995f00",
+    'background-warning-light': "#fff0cc",
+    'background-warning-light-hover': "#ffca80",
+    'background-warning-light-pressed': "#ffb233",
+    'background-accent-warning-light': "#995f00",
+    'background-accent-warning-light-hover': "#804f00",
+    'background-accent-warning-light-pressed': "#663f00",
     'background-success': "#00bb00",
     'background-success-hover': "#039904",
     'background-success-pressed': "#067607",
@@ -118,7 +104,7 @@ export var themeColorTokenBBusinessDefault = createColorToken('bBusinessDefault'
     'background-accent-info-light': "#5307a0",
     'background-accent-info-light-hover': "#3d0a71",
     'background-accent-info-light-pressed': "#270d41",
-    'background-main-inverse': "#0d0e12",
+    'background-main-inverse': "#1e1d22",
     'background-overlay': "rgba(0, 0, 0, 0.5)",
     'background-ghost': "rgba(255, 255, 255, 0.1)",
     'background-ghost-hover': "rgba(255, 255, 255, 0.2)",
@@ -130,7 +116,7 @@ export var themeColorTokenBBusinessDefault = createColorToken('bBusinessDefault'
     'border-secondary': "#d7d8e1",
     'border-secondary-hover': "#c2c5d3",
     'border-secondary-pressed': "#aeb1c4",
-    'border-disabled': "#d7d8e1",
+    'border-disabled': "#c2c5d3",
     'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
     'border-focused': "#9ab1ff",
     'border-action': "#023dff",
@@ -139,14 +125,28 @@ export var themeColorTokenBBusinessDefault = createColorToken('bBusinessDefault'
     'border-action-secondary': "#2c2c33",
     'border-action-secondary-hover': "#1e1d22",
     'border-action-secondary-pressed': "#17161a",
-    'border-error': "#ff5959",
-    'border-warning': "#ffac30",
-    'border-success': "#00bb00",
+    'border-error': "#ee1111",
+    'border-warning': "#cc7f00",
+    'border-success': "#039904",
     'border-info': "#8002ff",
     'border-main-on': "#ffffff",
     'border-accent-main': "#989aa5",
     'border-accent-disabled': "#5f6374",
     'border-accent-focused': "#0e1636",
+    '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",

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

@@ -0,0 +1,172 @@
+.OzenProvider_color_contrastDark {
+  --color-content-action-on: #fff;
+  --color-content-secondary: #aeb1c4;
+  --color-content-primary: #fff;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #636574;
+  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-content-action: #0b0;
+  --color-content-action-hover: #039904;
+  --color-content-action-pressed: #067607;
+  --color-content-action-dark: #66d666;
+  --color-content-action-secondary: #fff;
+  --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: #c00;
+  --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: #678bff;
+  --color-content-info-hover: #3564ff;
+  --color-content-info-pressed: #023dff;
+  --color-content-info-dark: #9ab1ff;
+  --color-content-primary-inverse: #1e1d22;
+  --color-content-accent-primary: #c7c8ce;
+  --color-content-accent-secondary: #989aa5;
+  --color-content-accent-disabled: #7b7e8c;
+  --color-background-main: #1e1d22;
+  --color-background-main-inverse: #f5f5f8;
+  --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: #039904;
+  --color-background-action-hover: #0b0;
+  --color-background-action-pressed: #33c933;
+  --color-background-action-active-disabled: #0a540b;
+  --color-background-action-light: #0d310e;
+  --color-background-action-light-hover: #0a540b;
+  --color-background-action-light-pressed: #067607;
+  --color-background-accent-action-light: #0a540b;
+  --color-background-accent-action-light-hover: #067607;
+  --color-background-accent-action-light-pressed: #039904;
+  --color-background-action-secondary: #fff;
+  --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: #0534d0;
+  --color-background-info-hover: #023dff;
+  --color-background-info-pressed: #3564ff;
+  --color-background-info-light: #0d1841;
+  --color-background-info-light-hover: #0a2171;
+  --color-background-info-light-pressed: #082ba0;
+  --color-background-accent-info-light: #0a2171;
+  --color-background-accent-info-light-hover: #082ba0;
+  --color-background-accent-info-light-pressed: #0534d0;
+  --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-accent-primary: #1b1c24;
+  --color-accent-main: #14151b;
+  --color-accent-main-hover: #1b1c24;
+  --color-accent-main-pressed: #252732;
+  --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-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: #0d310e;
+  --color-border-action: #0b0;
+  --color-border-action-hover: #039904;
+  --color-border-action-pressed: #067607;
+  --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: #678bff;
+  --color-border-main-on: #fff;
+  --color-border-accent-main: #989aa5;
+  --color-border-accent-disabled: #5f6374;
+  --color-border-accent-focused: #0d310e;
+  --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;
+}