@ozen-ui/kit 0.30.1 → 0.32.0

package/__inner__/cjs/components/FieldControl/FieldControl.js

@@ -4,6 +4,8 @@ exports.FieldControl = exports.cnFieldControl = exports.FIELD_CONTROL_DEFAULT_TA
 var tslib_1 = require("tslib");
 require("./FieldControl.css");
 var react_1 = tslib_1.__importStar(require("react"));
+var useHover_1 = require("../../hooks/useHover");
+var useMultiRef_1 = require("../../hooks/useMultiRef");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
@@ -15,6 +17,8 @@ exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
         props: inProps,
         name: 'FieldControl',
     });
+    var innerRef = (0, react_1.useRef)(null);
+    var hovered = (0, useHover_1.useHover)(innerRef);
     var _a = props.as, Tag = _a === void 0 ? exports.FIELD_CONTROL_DEFAULT_TAG : _a, sizeProp = props.size, disabledProp = props.disabled, requiredProp = props.required, errorProp = props.error, fullWidthProp = props.fullWidth, filledProp = props.filled, focusedProp = props.focused, children = props.children, className = props.className, otherProp = tslib_1.__rest(props, ["as", "size", "disabled", "required", "error", "fullWidth", "filled", "focused", "children", "className"]);
     var focused = focusedProp;
     var filled = filledProp;
@@ -64,7 +68,7 @@ exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
             filled: filled,
             focused: focused,
             hasLabel: !!label,
-        }, [className]) }, otherProp, { ref: ref }),
+        }, [className]) }, otherProp, { ref: (0, useMultiRef_1.useMultiRef)([ref, innerRef]) }),
         react_1.default.createElement(index_1.FieldControlContext.Provider, { value: [
                 {
                     error: error,
@@ -75,6 +79,7 @@ exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
                     size: size,
                     filled: filled,
                     focused: focused,
+                    hovered: hovered,
                     value: value,
                 },
                 setState,

package/__inner__/cjs/components/FieldControl/FieldControlContext.d.ts

@@ -9,7 +9,9 @@ export type FieldControlContextValue = {
     fullWidth?: boolean;
     filled?: boolean;
     focused?: boolean;
+    hovered?: boolean;
     label?: string;
     value?: string | number;
 };
 export declare const FieldControlContext: React.Context<[FieldControlContextValue, Dispatch<SetStateAction<FieldControlContextValue>>]>;
+export declare const useFieldControl: () => [FieldControlContextValue, Dispatch<SetStateAction<FieldControlContextValue>>];

package/__inner__/cjs/components/FieldControl/FieldControlContext.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldControlContext = void 0;
+exports.useFieldControl = exports.FieldControlContext = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 exports.FieldControlContext = react_1.default.createContext([{}, function () { return undefined; }]);
+var useFieldControl = function () { return (0, react_1.useContext)(exports.FieldControlContext); };
+exports.useFieldControl = useFieldControl;

package/__inner__/cjs/components/FieldHint/FieldHint.js

@@ -10,7 +10,7 @@ exports.FIELD_HINT_DEFAULT_TAG = 'div';
 exports.cnFieldHint = (0, classname_1.cn)('FieldHint');
 exports.FieldHint = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, errorProp = _a.error, disabledProp = _a.disabled, sizeProp = _a.size, className = _a.className, other = tslib_1.__rest(_a, ["children", "error", "disabled", "size", "className"]);
-    var context = (0, react_1.useContext)(FieldControl_1.FieldControlContext);
+    var context = (0, FieldControl_1.useFieldControl)();
     var _b = tslib_1.__read(context, 1), fieldControl = _b[0];
     var Tag = exports.FIELD_HINT_DEFAULT_TAG;
     var size = sizeProp;

package/__inner__/cjs/components/FieldIcon/FieldIcon.js

@@ -12,7 +12,7 @@ exports.FIELD_ICON_DEFAULT_TAG = 'div';
 exports.cnFieldIcon = (0, classname_1.cn)('FieldIcon');
 exports.FieldIcon = (0, react_1.forwardRef)(function (_a, ref) {
     var icon = _a.icon, className = _a.className, sizeProp = _a.size, other = tslib_1.__rest(_a, ["icon", "className", "size"]);
-    var context = (0, react_1.useContext)(FieldControl_1.FieldControlContext);
+    var context = (0, FieldControl_1.useFieldControl)();
     var _b = tslib_1.__read(context, 1), fieldControl = _b[0];
     var Tag = exports.FIELD_ICON_DEFAULT_TAG;
     var size = sizeProp;

package/__inner__/cjs/components/FieldInput/FieldInput.js

@@ -13,7 +13,7 @@ exports.cnFieldInput = (0, classname_1.cn)('FieldInput');
 exports.FieldInput = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
     var _b = _a.as, Tag = _b === void 0 ? exports.FIELD_INPUT_DEFAULT_TAG : _b, className = _a.className, requiredProp = _a.required, disabledProp = _a.disabled, valueProp = _a.value, onChange = _a.onChange, defaultValue = _a.defaultValue, children = _a.children, onFocus = _a.onFocus, onBlur = _a.onBlur, other = tslib_1.__rest(_a, ["as", "className", "required", "disabled", "value", "onChange", "defaultValue", "children", "onFocus", "onBlur"]);
     var _c = tslib_1.__read((0, react_1.useState)(), 2), focused = _c[0], setFocused = _c[1];
-    var context = (0, react_1.useContext)(FieldControl_1.FieldControlContext);
+    var context = (0, FieldControl_1.useFieldControl)();
     var _d = tslib_1.__read(context, 2), fieldControl = _d[0], setFieldControl = _d[1];
     var _e = tslib_1.__read((0, useControlled_1.useControlled)({
         value: valueProp,

package/__inner__/cjs/components/FieldLabel/FieldLabel.js

@@ -11,7 +11,7 @@ exports.FIELD_LABEL_DEFAULT_TAG = 'span';
 exports.cnFieldLabel = (0, classname_1.cn)('FieldLabel');
 exports.FieldLabel = (0, react_1.forwardRef)(function (_a, ref) {
     var focusedProp = _a.focused, children = _a.children, filledProp = _a.filled, shrink = _a.shrink, requiredProp = _a.required, disabledProp = _a.disabled, className = _a.className, sizeProp = _a.size;
-    var context = (0, react_1.useContext)(FieldControl_1.FieldControlContext);
+    var context = (0, FieldControl_1.useFieldControl)();
     var _b = tslib_1.__read(context, 2), fieldControl = _b[0], setFieldControl = _b[1];
     var Tag = exports.FIELD_LABEL_DEFAULT_TAG;
     var size = sizeProp;

package/__inner__/cjs/components/InputNumber/InputNumber.js

@@ -27,7 +27,7 @@ exports.InputNumber = (0, react_1.forwardRef)(function (inProps, ref) {
         props: inProps,
         name: 'InputNumber',
     });
-    var _a = props.size, size = _a === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_SIZE : _a, _b = props.step, step = _b === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_STEP : _b, _c = props.autoFocus, autoFocus = _c === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_AUTO_FOCUS : _c, _d = props.error, error = _d === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_ERROR : _d, _e = props.required, required = _e === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_REQUIRED : _e, _f = props.disabled, disabled = _f === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_DISABLED : _f, _g = props.fullWidth, fullWidth = _g === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_FULL_WIDTH : _g, _h = props.defaultValue, defaultValue = _h === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_VALUE : _h, _j = props.min, min = _j === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_MIN : _j, _k = props.max, max = _k === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_MAX : _k, label = props.label, placeholder = props.placeholder, id = props.id, name = props.name, renderLeft = props.renderLeft, renderRight = props.renderRight, hint = props.hint, className = props.className, inputProps = props.inputProps, valueProp = props.value, onChange = props.onChange, labelRef = props.labelRef, labelProps = props.labelProps, bodyProps = props.bodyProps, other = tslib_1.__rest(props, ["size", "step", "autoFocus", "error", "required", "disabled", "fullWidth", "defaultValue", "min", "max", "label", "placeholder", "id", "name", "renderLeft", "renderRight", "hint", "className", "inputProps", "value", "onChange", "labelRef", "labelProps", "bodyProps"]);
+    var _a = props.size, size = _a === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_SIZE : _a, _b = props.step, step = _b === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_STEP : _b, _c = props.autoFocus, autoFocus = _c === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_AUTO_FOCUS : _c, _d = props.error, error = _d === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_ERROR : _d, _e = props.required, required = _e === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_REQUIRED : _e, _f = props.disabled, disabled = _f === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_DISABLED : _f, _g = props.fullWidth, fullWidth = _g === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_FULL_WIDTH : _g, _h = props.defaultValue, defaultValue = _h === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_VALUE : _h, _j = props.min, min = _j === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_MIN : _j, _k = props.max, max = _k === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_MAX : _k, label = props.label, placeholder = props.placeholder, id = props.id, name = props.name, renderLeft = props.renderLeft, renderRight = props.renderRight, hint = props.hint, className = props.className, inputProps = props.inputProps, valueProp = props.value, onChange = props.onChange, labelRef = props.labelRef, labelProps = props.labelProps, bodyProps = props.bodyProps, incrementButtonText = props.incrementButtonText, decrementButtonText = props.decrementButtonText, other = tslib_1.__rest(props, ["size", "step", "autoFocus", "error", "required", "disabled", "fullWidth", "defaultValue", "min", "max", "label", "placeholder", "id", "name", "renderLeft", "renderRight", "hint", "className", "inputProps", "value", "onChange", "labelRef", "labelProps", "bodyProps", "incrementButtonText", "decrementButtonText"]);
     var _l = tslib_1.__read((0, useBoolean_1.useBoolean)(false), 2), focused = _l[0], _m = _l[1], onFocus = _m.on, offFocus = _m.off;
     var _o = tslib_1.__read((0, react_1.useState)(null), 2), timeoutId = _o[0], setTimeoutId = _o[1];
     var _p = tslib_1.__read((0, react_1.useState)(null), 2), countDirection = _p[0], setCountDirection = _p[1];
@@ -137,8 +137,8 @@ exports.InputNumber = (0, react_1.forwardRef)(function (inProps, ref) {
                 react_1.default.createElement(FieldInput_1.FieldInput, tslib_1.__assign({ id: id, min: min, max: max, step: step, name: name, type: "number", value: valueState, autoFocus: autoFocus, placeholder: placeholder }, inputProps, { onBlur: handleBlur, onFocus: handleFocus, onChange: handleChange, onKeyDown: handleKeyDown, ref: (0, useMultiRef_1.useMultiRef)([inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref, fieldInnerRef]), className: (0, exports.cnInputNumber)('Field', [inputProps === null || inputProps === void 0 ? void 0 : inputProps.className]) }))),
             react_1.default.createElement(FieldIcon_1.FieldIcon, { icon: renderRight }),
             react_1.default.createElement("span", { className: (0, exports.cnInputNumber)('Controls') },
-                react_1.default.createElement(IconButton_1.IconButton, { size: size, type: "button", tabIndex: -1, variant: "ghost", icon: icons_1.SortUpIcon, disabled: disabled, "aria-label": "increment", className: (0, exports.cnInputNumber)('Increment'), onMouseDown: handleMouseDown('increment') }),
-                react_1.default.createElement(IconButton_1.IconButton, { size: size, tabIndex: -1, type: "button", variant: "ghost", icon: icons_1.SortDownIcon, disabled: disabled, "aria-label": "decrement", className: (0, exports.cnInputNumber)('Decrement'), onMouseDown: handleMouseDown('decrement') })),
+                react_1.default.createElement(IconButton_1.IconButton, { size: size, type: "button", tabIndex: -1, variant: "ghost", icon: icons_1.SortUpIcon, disabled: disabled, "aria-label": incrementButtonText, className: (0, exports.cnInputNumber)('Increment'), onMouseDown: handleMouseDown('increment') }),
+                react_1.default.createElement(IconButton_1.IconButton, { size: size, tabIndex: -1, type: "button", variant: "ghost", icon: icons_1.SortDownIcon, disabled: disabled, "aria-label": decrementButtonText, className: (0, exports.cnInputNumber)('Decrement'), onMouseDown: handleMouseDown('decrement') })),
             react_1.default.createElement(Fieldset_1.Fieldset, { className: (0, exports.cnInputNumber)('Fieldset') })),
         react_1.default.createElement(FieldHint_1.FieldHint, null, hint)));
 });

package/__inner__/cjs/components/InputNumber/types.d.ts

@@ -67,6 +67,11 @@ export type InputNumberProps = {
     max?: number;
     /** Ссылка на корневой DOM-элемент компонента */
     ref?: Ref<HTMLDivElement>;
+    /** data-атрибут для тестирования */
     'data-testid'?: string;
+    /** Текст для кнопки увеличения числового значения */
+    incrementButtonText?: string;
+    /** Текст для кнопки уменьшения числового значения */
+    decrementButtonText?: string;
 } & InputNumberPropsDeprecated & Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'>;
 export {};

package/__inner__/cjs/components/Select/components/SelectConsumer/SelectInputConsumer.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectInputConsumer = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = tslib_1.__importDefault(require("react"));
 var FieldControl_1 = require("../../../FieldControl");
 var index_1 = require("../../index");
 var SelectInputConsumer = function (_a) {
     var id = _a.id, name = _a.name, _b = _a.value, valueProp = _b === void 0 ? '' : _b, placeholderProp = _a.placeholder, defaultValue = _a.defaultValue, inputProps = _a.inputProps, inputRef = _a.inputRef, fieldRef = _a.fieldRef, fieldProps = _a.fieldProps, renderedValue = _a.renderedValue;
-    var context = (0, react_1.useContext)(FieldControl_1.FieldControlContext);
+    var context = (0, FieldControl_1.useFieldControl)();
     var _c = tslib_1.__read(context, 1), fieldControl = _c[0];
     var disabled = fieldControl.disabled, required = fieldControl.required, filled = fieldControl.filled, focused = fieldControl.focused, label = fieldControl.label;
     var hasLabel = !!label;

package/__inner__/cjs/components/Textarea/components/TextareaConsumer.js

@@ -14,7 +14,7 @@ var index_1 = require("./index");
 var TextareaConsumer = function (_a) {
     var labelProps = _a.labelProps, labelRef = _a.labelRef, maxLength = _a.maxLength, label = _a.label, id = _a.id, name = _a.name, cols = _a.cols, rows = _a.rows, disabled = _a.disabled, valueProp = _a.value, required = _a.required, defaultValue = _a.defaultValue, placeholder = _a.placeholder, autoFocus = _a.autoFocus, textareaProps = _a.textareaProps, onChange = _a.onChange, textareaRef = _a.textareaRef, expand = _a.expand, hint = _a.hint;
     var fieldRef = (0, react_1.useRef)(null);
-    var context = (0, react_1.useContext)(FieldControl_1.FieldControlContext);
+    var context = (0, FieldControl_1.useFieldControl)();
     var _b = tslib_1.__read(context, 1), value = _b[0].value;
     // autoSize
     (0, react_1.useEffect)(function () {

package/__inner__/cjs/components/Textarea/components/TextareaCounter.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextareaCounter = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = tslib_1.__importDefault(require("react"));
 var FieldControl_1 = require("../../FieldControl");
 var index_1 = require("../index");
 var TextareaCounter = function (_a) {
     var _b, _c, _d;
     var maxLength = _a.maxLength, disabledProp = _a.disabled;
-    var context = (0, react_1.useContext)(FieldControl_1.FieldControlContext);
+    var context = (0, FieldControl_1.useFieldControl)();
     var _e = tslib_1.__read(context, 1), fieldControl = _e[0];
     var disabled = disabledProp;
     // maxLength

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDark.css

@@ -18,10 +18,10 @@
   --color-content-error-hover: #cf4a4b;
   --color-content-error-pressed: #9f3b3d;
   --color-content-error-dark: #ffbdbd;
-  --color-content-warning: #f90;
-  --color-content-warning-hover: #cf7d04;
-  --color-content-warning-pressed: #9f6207;
-  --color-content-warning-dark: #ffd699;
+  --color-content-warning: #ffac30;
+  --color-content-warning-hover: #cf8d2a;
+  --color-content-warning-pressed: #9f6d24;
+  --color-content-warning-dark: #ffdeac;
   --color-content-success: #0b0;
   --color-content-success-hover: #039904;
   --color-content-success-pressed: #067607;
@@ -52,13 +52,13 @@
   --color-background-action: #0534d0;
   --color-background-action-hover: #023dff;
   --color-background-action-pressed: #3564ff;
-  --color-background-action-active-disabled: #082ba0;
-  --color-background-action-light: #0d1841;
-  --color-background-action-light-hover: #0a2171;
-  --color-background-action-light-pressed: #082ba0;
-  --color-background-accent-action-light: #082ba0;
-  --color-background-accent-action-light-hover: #0534d0;
-  --color-background-accent-action-light-pressed: #023dff;
+  --color-background-action-active-disabled: #0a2171;
+  --color-background-action-light: #0e1636;
+  --color-background-action-light-hover: #0d1841;
+  --color-background-action-light-pressed: #0a2171;
+  --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;
@@ -72,39 +72,39 @@
   --color-background-error: #cf4a4b;
   --color-background-error-hover: #ff5959;
   --color-background-error-pressed: #ff7a7a;
-  --color-background-error-light: #401e20;
-  --color-background-error-light-hover: #702d2e;
-  --color-background-error-light-pressed: #9f3b3d;
-  --color-background-accent-error-light: #9f3b3d;
-  --color-background-accent-error-light-hover: #cf4a4b;
-  --color-background-accent-error-light-pressed: #ff5959;
-  --color-background-warning: #cf7d04;
-  --color-background-warning-hover: #f90;
-  --color-background-warning-pressed: #ffad33;
-  --color-background-warning-light: #402b0e;
-  --color-background-warning-light-hover: #70460b;
-  --color-background-warning-light-pressed: #9f6207;
-  --color-background-accent-warning-light: #9f6207;
-  --color-background-accent-warning-light-hover: #cf7d04;
-  --color-background-accent-warning-light-pressed: #f90;
+  --color-background-error-light: #341a1d;
+  --color-background-error-light-hover: #401e20;
+  --color-background-error-light-pressed: #702d2e;
+  --color-background-accent-error-light: #702d2e;
+  --color-background-accent-error-light-hover: #9f3b3d;
+  --color-background-accent-error-light-pressed: #cf4a4b;
+  --color-background-warning: #cf8d2a;
+  --color-background-warning-hover: #ffac30;
+  --color-background-warning-pressed: #ffbd59;
+  --color-background-warning-light: #342717;
+  --color-background-warning-light-hover: #402e18;
+  --color-background-warning-light-pressed: #704e1e;
+  --color-background-accent-warning-light: #704e1e;
+  --color-background-accent-warning-light-hover: #9f6d24;
+  --color-background-accent-warning-light-pressed: #cf8d2a;
   --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: #067607;
-  --color-background-accent-success-light-hover: #039904;
-  --color-background-accent-success-light-pressed: #0b0;
+  --color-background-success-light: #0e290f;
+  --color-background-success-light-hover: #0d310e;
+  --color-background-success-light-pressed: #0a540b;
+  --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: #5307a0;
-  --color-background-accent-info-light-hover: #6a05d0;
-  --color-background-accent-info-light-pressed: #8002ff;
+  --color-background-info-light: #210d36;
+  --color-background-info-light-hover: #270d41;
+  --color-background-info-light-pressed: #3d0a71;
+  --color-background-accent-info-light: #3d0a71;
+  --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%);
@@ -126,7 +126,7 @@
   --color-border-action-secondary-hover: #c2c5d3;
   --color-border-action-secondary-pressed: #aeb1c4;
   --color-border-error: #cf4a4b;
-  --color-border-warning: #cf7d04;
+  --color-border-warning: #cf8d2a;
   --color-border-success: #039904;
   --color-border-info: #6a05d0;
   --color-border-main-on: #fff;

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css

@@ -2,7 +2,7 @@
   --color-content-primary: #17161a;
   --color-content-secondary: #636574;
   --color-content-tertiary: #7e8194;
-  --color-content-disabled: #7e8194;
+  --color-content-disabled: #9a9eb5;
   --color-content-ghost-disabled: rgb(255 255 255 / 40%);
   --color-content-action: #023dff;
   --color-content-action-hover: #0534d0;
@@ -17,10 +17,10 @@
   --color-content-error-hover: #cf4a4b;
   --color-content-error-pressed: #9f3b3d;
   --color-content-error-dark: #702d2e;
-  --color-content-warning: #f90;
-  --color-content-warning-hover: #cf7d04;
-  --color-content-warning-pressed: #9f6207;
-  --color-content-warning-dark: #70460b;
+  --color-content-warning: #ffac30;
+  --color-content-warning-hover: #cf8d2a;
+  --color-content-warning-pressed: #9f6d24;
+  --color-content-warning-dark: #704e1e;
   --color-content-success: #0b0;
   --color-content-success-hover: #039904;
   --color-content-success-pressed: #067607;
@@ -51,10 +51,10 @@
   --color-background-action: #023dff;
   --color-background-action-hover: #0534d0;
   --color-background-action-pressed: #082ba0;
-  --color-background-action-active-disabled: #678bff;
-  --color-background-action-light: #ccd8ff;
-  --color-background-action-light-hover: #9ab1ff;
-  --color-background-action-light-pressed: #678bff;
+  --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: #0534d0;
   --color-background-accent-action-light-hover: #082ba0;
   --color-background-accent-action-light-pressed: #0a2171;
@@ -71,36 +71,36 @@
   --color-background-error: #ff5959;
   --color-background-error-hover: #cf4a4b;
   --color-background-error-pressed: #9f3b3d;
-  --color-background-error-light: #ffdede;
-  --color-background-error-light-hover: #ffbdbd;
-  --color-background-error-light-pressed: #ff9b9b;
+  --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: #f90;
-  --color-background-warning-hover: #cf7d04;
-  --color-background-warning-pressed: #9f6207;
-  --color-background-warning-light: #ffebcc;
-  --color-background-warning-light-hover: #ffd699;
-  --color-background-warning-light-pressed: #ffc266;
-  --color-background-accent-warning-light: #9f6207;
-  --color-background-accent-warning-light-hover: #70460b;
-  --color-background-accent-warning-light-pressed: #402b0e;
+  --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-success: #0b0;
   --color-background-success-hover: #039904;
   --color-background-success-pressed: #067607;
-  --color-background-success-light: #ccf1cc;
-  --color-background-success-light-hover: #99e499;
-  --color-background-success-light-pressed: #66d666;
+  --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: #e6ccff;
-  --color-background-info-light-hover: #cd9aff;
-  --color-background-info-light-pressed: #b367ff;
+  --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;
@@ -126,13 +126,13 @@
   --color-border-action-secondary-hover: #1e1d22;
   --color-border-action-secondary-pressed: #17161a;
   --color-border-error: #ff5959;
-  --color-border-warning: #f90;
+  --color-border-warning: #ffac30;
   --color-border-success: #0b0;
   --color-border-info: #8002ff;
   --color-border-main-on: #fff;
   --color-border-accent-main: #989aa5;
   --color-border-accent-disabled: #5f6374;
-  --color-border-accent-focused: #0f142a;
+  --color-border-accent-focused: #0e1636;
   --color-accent-main-hover: #1b1c24;
   --color-accent-main-pressed: #252732;
   --color-accent-primary-hover: #252732;

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDark.css

@@ -9,27 +9,27 @@
   --color-content-action-hover: #039904;
   --color-content-action-pressed: #067607;
   --color-content-action-dark: #99e499;
-  --color-content-action-secondary: #023dff;
-  --color-content-action-secondary-hover: #0534d0;
-  --color-content-action-secondary-pressed: #082ba0;
-  --color-content-action-secondary-dark: #9ab1ff;
+  --color-content-action-secondary: #9a9eb5;
+  --color-content-action-secondary-hover: #7e8194;
+  --color-content-action-secondary-pressed: #636574;
+  --color-content-action-secondary-dark: #d7d8e1;
   --color-background-main: #1e1d22;
   --color-content-error: #ff5959;
   --color-content-error-hover: #cf4a4b;
   --color-content-error-pressed: #9f3b3d;
   --color-content-error-dark: #ffbdbd;
-  --color-content-warning: #f90;
-  --color-content-warning-hover: #cf7d04;
-  --color-content-warning-pressed: #9f6207;
-  --color-content-warning-dark: #ffd699;
+  --color-content-warning: #ffac30;
+  --color-content-warning-hover: #cf8d2a;
+  --color-content-warning-pressed: #9f6d24;
+  --color-content-warning-dark: #ffdeac;
   --color-content-success: #0b0;
   --color-content-success-hover: #039904;
   --color-content-success-pressed: #067607;
   --color-content-success-dark: #99e499;
-  --color-content-info: #8002ff;
-  --color-content-info-hover: #6a05d0;
-  --color-content-info-pressed: #5307a0;
-  --color-content-info-dark: #cd9aff;
+  --color-content-info: #023dff;
+  --color-content-info-hover: #0534d0;
+  --color-content-info-pressed: #082ba0;
+  --color-content-info-dark: #9ab1ff;
   --color-content-primary-inverse: #1e1d22;
   --color-background-main-inverse: #d9dade;
   --color-content-accent-secondary: #989aa5;
@@ -52,59 +52,59 @@
   --color-background-action: #039904;
   --color-background-action-hover: #0b0;
   --color-background-action-pressed: #33c933;
-  --color-background-action-active-disabled: #067607;
-  --color-background-action-light: #0d310e;
-  --color-background-action-light-hover: #0a540b;
-  --color-background-action-light-pressed: #067607;
-  --color-background-accent-action-light: #067607;
-  --color-background-accent-action-light-hover: #039904;
-  --color-background-accent-action-light-pressed: #0b0;
-  --color-background-action-secondary: #0534d0;
-  --color-background-action-secondary-hover: #023dff;
-  --color-background-action-secondary-pressed: #3564ff;
-  --color-background-action-secondary-active-disabled: #082ba0;
-  --color-background-action-secondary-light: #0d1841;
-  --color-background-action-secondary-light-hover: #0a2171;
-  --color-background-action-secondary-light-pressed: #082ba0;
-  --color-background-accent-action-secondary-light: #082ba0;
-  --color-background-accent-action-secondary-light-hover: #0534d0;
-  --color-background-accent-action-secondary-light-pressed: #023dff;
+  --color-background-action-active-disabled: #0a540b;
+  --color-background-action-light: #0e290f;
+  --color-background-action-light-hover: #0d310e;
+  --color-background-action-light-pressed: #0a540b;
+  --color-background-accent-action-light: #0a540b;
+  --color-background-accent-action-light-hover: #067607;
+  --color-background-accent-action-light-pressed: #039904;
+  --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: #636574;
+  --color-background-action-secondary-light-pressed: #474853;
+  --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: #cf4a4b;
   --color-background-error-hover: #ff5959;
   --color-background-error-pressed: #ff7a7a;
-  --color-background-error-light: #401e20;
-  --color-background-error-light-hover: #702d2e;
-  --color-background-error-light-pressed: #9f3b3d;
-  --color-background-accent-error-light: #9f3b3d;
-  --color-background-accent-error-light-hover: #cf4a4b;
-  --color-background-accent-error-light-pressed: #ff5959;
-  --color-background-warning: #cf7d04;
-  --color-background-warning-hover: #f90;
-  --color-background-warning-pressed: #ffad33;
-  --color-background-warning-light: #402b0e;
-  --color-background-warning-light-hover: #70460b;
-  --color-background-warning-light-pressed: #9f6207;
-  --color-background-accent-warning-light: #9f6207;
-  --color-background-accent-warning-light-hover: #cf7d04;
-  --color-background-accent-warning-light-pressed: #f90;
+  --color-background-error-light: #341a1d;
+  --color-background-error-light-hover: #401e20;
+  --color-background-error-light-pressed: #702d2e;
+  --color-background-accent-error-light: #702d2e;
+  --color-background-accent-error-light-hover: #9f3b3d;
+  --color-background-accent-error-light-pressed: #cf4a4b;
+  --color-background-warning: #cf8d2a;
+  --color-background-warning-hover: #ffac30;
+  --color-background-warning-pressed: #ffbd59;
+  --color-background-warning-light: #342717;
+  --color-background-warning-light-hover: #402e18;
+  --color-background-warning-light-pressed: #704e1e;
+  --color-background-accent-warning-light: #704e1e;
+  --color-background-accent-warning-light-hover: #9f6d24;
+  --color-background-accent-warning-light-pressed: #cf8d2a;
   --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: #067607;
-  --color-background-accent-success-light-hover: #039904;
-  --color-background-accent-success-light-pressed: #0b0;
-  --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: #5307a0;
-  --color-background-accent-info-light-hover: #6a05d0;
-  --color-background-accent-info-light-pressed: #8002ff;
+  --color-background-success-light: #0e290f;
+  --color-background-success-light-hover: #0d310e;
+  --color-background-success-light-pressed: #0a540b;
+  --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: #0e1636;
+  --color-background-info-light-hover: #0d1841;
+  --color-background-info-light-pressed: #0a2171;
+  --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%);
@@ -118,21 +118,21 @@
   --color-border-secondary-pressed: #636574;
   --color-border-disabled: #2c2c33;
   --color-border-ghost-disabled: rgb(255 255 255 / 40%);
-  --color-border-focused: #0e2010;
+  --color-border-focused: #0e290f;
   --color-border-action: #067607;
   --color-border-action-hover: #0a540b;
   --color-border-action-pressed: #0d310e;
-  --color-border-action-secondary: #0534d0;
-  --color-border-action-secondary-hover: #082ba0;
-  --color-border-action-secondary-pressed: #0a2171;
+  --color-border-action-secondary: #d7d8e1;
+  --color-border-action-secondary-hover: #c2c5d3;
+  --color-border-action-secondary-pressed: #aeb1c4;
   --color-border-error: #cf4a4b;
-  --color-border-warning: #cf7d04;
+  --color-border-warning: #cf8d2a;
   --color-border-success: #039904;
-  --color-border-info: #6a05d0;
+  --color-border-info: #0534d0;
   --color-border-main-on: #fff;
   --color-border-accent-main: #989aa5;
   --color-border-accent-disabled: #5f6374;
-  --color-border-accent-focused: #0e2010;
+  --color-border-accent-focused: #0e290f;
   --color-accent-main-hover: #1b1c24;
   --color-accent-main-pressed: #252732;
   --color-accent-primary-hover: #252732;