@ozen-ui/kit 0.85.0 → 0.85.2

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

@@ -1,38 +1,38 @@
 .OzenProvider_color_contrastDefault {
   --color-content-primary: #17161a;
-  --color-content-secondary: #474853;
-  --color-content-tertiary: #636574;
+  --color-content-secondary: #2c2c33;
+  --color-content-tertiary: #474853;
   --color-content-disabled: #9a9eb5;
   --color-content-ghost-disabled: rgb(255 255 255 / 40%);
-  --color-content-action: #039904;
-  --color-content-action-hover: #067607;
-  --color-content-action-pressed: #0a540b;
-  --color-content-action-dark: #067607;
+  --color-content-action: #0a540b;
+  --color-content-action-hover: #0d310e;
+  --color-content-action-pressed: #0e290f;
+  --color-content-action-dark: #0d310e;
   --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: #023dff;
-  --color-content-info-hover: #0534d0;
-  --color-content-info-pressed: #082ba0;
-  --color-content-info-dark: #0534d0;
-  --color-content-primary-inverse: #fff;
-  --color-content-accent-primary: #c7c8ce;
-  --color-content-accent-secondary: #989aa5;
-  --color-content-accent-disabled: #7b7e8c;
+  --color-content-error: #900;
+  --color-content-error-hover: #700;
+  --color-content-error-pressed: #500;
+  --color-content-error-dark: #700;
+  --color-content-warning: #663f00;
+  --color-content-warning-hover: #4d3000;
+  --color-content-warning-pressed: #332000;
+  --color-content-warning-dark: #4d3000;
+  --color-content-success: #0a540b;
+  --color-content-success-hover: #0d310e;
+  --color-content-success-pressed: #0e290f;
+  --color-content-success-dark: #0d310e;
+  --color-content-info: #082ba0;
+  --color-content-info-hover: #0a2171;
+  --color-content-info-pressed: #0d1841;
+  --color-content-info-dark: #0a2171;
+  --color-content-primary-inverse: #17161a;
+  --color-content-accent-primary: #1b1c24;
+  --color-content-accent-secondary: #14151b;
+  --color-content-accent-disabled: #14151b;
   --color-background-main: #fff;
   --color-background-main-hover: #f5f5f8;
   --color-background-main-pressed: #ebecf0;
@@ -46,9 +46,9 @@
   --color-background-tertiary-hover: #c2c5d3;
   --color-background-tertiary-pressed: #aeb1c4;
   --color-background-disabled: #ebecf0;
-  --color-background-action: #0b0;
-  --color-background-action-hover: #039904;
-  --color-background-action-pressed: #067607;
+  --color-background-action: #0a540b;
+  --color-background-action-hover: #0d310e;
+  --color-background-action-pressed: #0e290f;
   --color-background-action-active-disabled: #99e499;
   --color-background-action-light: #d9f5d9;
   --color-background-action-light-hover: #ccf1cc;
@@ -66,27 +66,27 @@
   --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: #900;
+  --color-background-error-hover: #700;
+  --color-background-error-pressed: #500;
   --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: #ff9f00;
-  --color-background-warning-hover: #e68f00;
-  --color-background-warning-pressed: #cc7f00;
+  --color-background-warning: #663f00;
+  --color-background-warning-hover: #4d3000;
+  --color-background-warning-pressed: #332000;
   --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: #0a540b;
+  --color-background-success-hover: #0d310e;
+  --color-background-success-pressed: #0e290f;
   --color-background-success-light: #d9f5d9;
   --color-background-success-light-hover: #ccf1cc;
   --color-background-success-light-pressed: #99e499;
@@ -116,35 +116,21 @@
   --color-border-secondary-pressed: #aeb1c4;
   --color-border-disabled: #c2c5d3;
   --color-border-ghost-disabled: rgb(255 255 255 / 40%);
-  --color-border-focused: #99e499;
-  --color-border-action: #039904;
-  --color-border-action-hover: #067607;
-  --color-border-action-pressed: #0a540b;
+  --color-border-focused: #0b0;
+  --color-border-action: #0a540b;
+  --color-border-action-hover: #0d310e;
+  --color-border-action-pressed: #0e290f;
   --color-border-action-secondary: #2c2c33;
   --color-border-action-secondary-hover: #1e1d22;
   --color-border-action-secondary-pressed: #17161a;
-  --color-border-error: #e11;
-  --color-border-warning: #cc7f00;
-  --color-border-success: #039904;
-  --color-border-info: #023dff;
+  --color-border-error: #900;
+  --color-border-warning: #663f00;
+  --color-border-success: #0a540b;
+  --color-border-info: #082ba0;
   --color-border-main-on: #fff;
   --color-border-accent-main: #989aa5;
   --color-border-accent-disabled: #5f6374;
-  --color-border-accent-focused: #0d310e;
-  --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-border-accent-focused: #0e2010;
   --color-additional-a1: #5f4d36;
   --color-additional-a2: #d4aa6b;
   --color-additional-a3: #e5cca6;

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

@@ -2,39 +2,39 @@ import './color-contrast-default.css';
 import { createColorToken } from '../utility';
 export var themeColorTokenContrastDefault = createColorToken('contrastDefault', {
     'content-primary': "#17161a",
-    'content-secondary': "#474853",
-    'content-tertiary': "#636574",
+    'content-secondary': "#2c2c33",
+    'content-tertiary': "#474853",
     'content-disabled': "#9a9eb5",
     'content-ghost-disabled': "rgba(255, 255, 255, 0.4)",
-    'content-action': "#039904",
-    'content-action-hover': "#067607",
-    'content-action-pressed': "#0a540b",
-    'content-action-dark': "#067607",
+    'content-action': "#0a540b",
+    'content-action-hover': "#0d310e",
+    'content-action-pressed': "#0e290f",
+    'content-action-dark': "#0d310e",
     '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': "#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': "#023dff",
-    'content-info-hover': "#0534d0",
-    'content-info-pressed': "#082ba0",
-    'content-info-dark': "#0534d0",
-    'content-primary-inverse': "#ffffff",
-    'content-accent-primary': "#c7c8ce",
-    'content-accent-secondary': "#989aa5",
-    'content-accent-disabled': "#7b7e8c",
+    'content-error': "#990000",
+    'content-error-hover': "#770000",
+    'content-error-pressed': "#550000",
+    'content-error-dark': "#770000",
+    'content-warning': "#663f00",
+    'content-warning-hover': "#4d3000",
+    'content-warning-pressed': "#332000",
+    'content-warning-dark': "#4d3000",
+    'content-success': "#0a540b",
+    'content-success-hover': "#0d310e",
+    'content-success-pressed': "#0e290f",
+    'content-success-dark': "#0d310e",
+    'content-info': "#082ba0",
+    'content-info-hover': "#0a2171",
+    'content-info-pressed': "#0d1841",
+    'content-info-dark': "#0a2171",
+    'content-primary-inverse': "#17161a",
+    'content-accent-primary': "#1b1c24",
+    'content-accent-secondary': "#14151b",
+    'content-accent-disabled': "#14151b",
     'background-main': "#ffffff",
     'background-main-hover': "#f5f5f8",
     'background-main-pressed': "#ebecf0",
@@ -48,9 +48,9 @@ export var themeColorTokenContrastDefault = createColorToken('contrastDefault',
     'background-tertiary-hover': "#c2c5d3",
     'background-tertiary-pressed': "#aeb1c4",
     'background-disabled': "#ebecf0",
-    'background-action': "#00bb00",
-    'background-action-hover': "#039904",
-    'background-action-pressed': "#067607",
+    'background-action': "#0a540b",
+    'background-action-hover': "#0d310e",
+    'background-action-pressed': "#0e290f",
     'background-action-active-disabled': "#99e499",
     'background-action-light': "#d9f5d9",
     'background-action-light-hover': "#ccf1cc",
@@ -68,27 +68,27 @@ export var themeColorTokenContrastDefault = createColorToken('contrastDefault',
     'background-accent-action-secondary-light': "#636574",
     'background-accent-action-secondary-light-hover': "#474853",
     'background-accent-action-secondary-light-pressed': "#2c2c33",
-    'background-error': "#ee1111",
-    'background-error-hover': "#cc0000",
-    'background-error-pressed': "#bb0000",
+    'background-error': "#990000",
+    'background-error-hover': "#770000",
+    'background-error-pressed': "#550000",
     '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': "#ff9f00",
-    'background-warning-hover': "#e68f00",
-    'background-warning-pressed': "#cc7f00",
+    'background-warning': "#663f00",
+    'background-warning-hover': "#4d3000",
+    'background-warning-pressed': "#332000",
     '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",
+    'background-success': "#0a540b",
+    'background-success-hover': "#0d310e",
+    'background-success-pressed': "#0e290f",
     'background-success-light': "#d9f5d9",
     'background-success-light-hover': "#ccf1cc",
     'background-success-light-pressed': "#99e499",
@@ -118,35 +118,21 @@ export var themeColorTokenContrastDefault = createColorToken('contrastDefault',
     'border-secondary-pressed': "#aeb1c4",
     'border-disabled': "#c2c5d3",
     'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
-    'border-focused': "#99e499",
-    'border-action': "#039904",
-    'border-action-hover': "#067607",
-    'border-action-pressed': "#0a540b",
+    'border-focused': "#00bb00",
+    'border-action': "#0a540b",
+    'border-action-hover': "#0d310e",
+    'border-action-pressed': "#0e290f",
     'border-action-secondary': "#2c2c33",
     'border-action-secondary-hover': "#1e1d22",
     'border-action-secondary-pressed': "#17161a",
-    'border-error': "#ee1111",
-    'border-warning': "#cc7f00",
-    'border-success': "#039904",
-    'border-info': "#023dff",
+    'border-error': "#990000",
+    'border-warning': "#663f00",
+    'border-success': "#0a540b",
+    'border-info': "#082ba0",
     'border-main-on': "#ffffff",
     'border-accent-main': "#989aa5",
     'border-accent-disabled': "#5f6374",
-    'border-accent-focused': "#0d310e",
-    '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",
+    'border-accent-focused': "#0e2010",
     'additional-a1': "#5f4d36",
     'additional-a2': "#d4aa6b",
     'additional-a3': "#e5cca6",

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

@@ -131,20 +131,6 @@
   --color-border-accent-main: #989aa5;
   --color-border-accent-disabled: #5f6374;
   --color-border-accent-focused: #0d310e;
-  --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: #5f4d36;
   --color-additional-a2: #d4aa6b;
   --color-additional-a3: #e5cca6;

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

@@ -133,20 +133,6 @@ export var themeColorTokenOzenDefault = createColorToken('ozenDefault', {
     'border-accent-main': "#989aa5",
     'border-accent-disabled': "#5f6374",
     'border-accent-focused': "#0d310e",
-    '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': "#5f4d36",
     'additional-a2': "#d4aa6b",
     'additional-a3': "#e5cca6",

package/__inner__/esm/components/Stack/Stack.css

@@ -96,7 +96,7 @@
 .Stack_justify_spaceAround {
       justify-content: space-around;
     }
-@media (min-width: 0) {
+@media (min-width: 0px) {
       .Stack_direction_xs_row {
     flex-direction: row;
   }

package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/entity.d.ts

@@ -132,20 +132,6 @@ export type ThemeColorTokenProperties = {
     'border-accent-main': string;
     'border-accent-disabled': string;
     'border-accent-focused': string;
-    'accent-main': string;
-    'accent-main-hover': string;
-    'accent-main-pressed': string;
-    'accent-primary': string;
-    'accent-primary-hover': string;
-    'accent-primary-pressed': string;
-    'accent-secondary': string;
-    'accent-secondary-hover': string;
-    'accent-secondary-pressed': string;
-    'accent-tertiary': string;
-    'accent-tertiary-hover': string;
-    'accent-tertiary-pressed': string;
-    'accent-disabled': string;
-    'accent-main-inverse': string;
     'additional-a1': string;
     'additional-a2': string;
     'additional-a3': string;
@@ -170,6 +156,20 @@ export type ThemeColorTokenProperties = {
     'additional-h1': string;
     'additional-h2': string;
     'additional-h3': string;
+    'accent-primary'?: string;
+    'accent-main'?: string;
+    'accent-main-hover'?: string;
+    'accent-main-pressed'?: string;
+    'accent-primary-hover'?: string;
+    'accent-primary-pressed'?: string;
+    'accent-secondary'?: string;
+    'accent-secondary-hover'?: string;
+    'accent-secondary-pressed'?: string;
+    'accent-tertiary'?: string;
+    'accent-tertiary-hover'?: string;
+    'accent-tertiary-pressed'?: string;
+    'accent-disabled'?: string;
+    'accent-main-inverse'?: string;
 };
 export type ThemeColorTokenVariable = keyof ThemeColorTokenProperties;
 export type ThemeColorToken = ThemeToken<ThemeColorTokenProperties>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.85.0",
+  "version": "0.85.2",
   "description": "React component library",
   "files": [
     "*"
@@ -29,9 +29,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/logger": "0.85.0",
-    "@ozen-ui/icons": "0.85.0",
-    "@ozen-ui/fonts": "0.85.0"
+    "@ozen-ui/fonts": "0.85.2",
+    "@ozen-ui/logger": "0.85.2",
+    "@ozen-ui/icons": "0.85.2"
   },
   "devDependencies": {
     "@types/lodash.isequal": "^4.5.0"