@ozen-ui/kit 0.30.1 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/__inner__/cjs/components/InputNumber/InputNumber.js +3 -3
  2. package/__inner__/cjs/components/InputNumber/types.d.ts +5 -0
  3. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +39 -39
  4. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +29 -29
  5. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDark.css +66 -66
  6. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css +57 -57
  7. package/__inner__/cjs/locale/locale.js +12 -0
  8. package/__inner__/esm/components/InputNumber/InputNumber.js +3 -3
  9. package/__inner__/esm/components/InputNumber/types.d.ts +5 -0
  10. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +39 -39
  11. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +29 -29
  12. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDark.css +66 -66
  13. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDefault.css +57 -57
  14. package/__inner__/esm/locale/locale.js +12 -0
  15. package/package.json +1 -1
package/__inner__/cjs/components/InputNumber/InputNumber.js CHANGED
@@ -27,7 +27,7 @@ exports.InputNumber = (0, react_1.forwardRef)(function (inProps, ref) {
27
27
  props: inProps,
28
28
  name: 'InputNumber',
29
29
  });
30
- 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"]);
30
+ 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"]);
31
31
  var _l = tslib_1.__read((0, useBoolean_1.useBoolean)(false), 2), focused = _l[0], _m = _l[1], onFocus = _m.on, offFocus = _m.off;
32
32
  var _o = tslib_1.__read((0, react_1.useState)(null), 2), timeoutId = _o[0], setTimeoutId = _o[1];
33
33
  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) {
137
137
  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]) }))),
138
138
  react_1.default.createElement(FieldIcon_1.FieldIcon, { icon: renderRight }),
139
139
  react_1.default.createElement("span", { className: (0, exports.cnInputNumber)('Controls') },
140
- 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') }),
141
- 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') })),
140
+ 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') }),
141
+ 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') })),
142
142
  react_1.default.createElement(Fieldset_1.Fieldset, { className: (0, exports.cnInputNumber)('Fieldset') })),
143
143
  react_1.default.createElement(FieldHint_1.FieldHint, null, hint)));
144
144
  });
package/__inner__/cjs/components/InputNumber/types.d.ts CHANGED
@@ -67,6 +67,11 @@ export type InputNumberProps = {
67
67
  max?: number;
68
68
  /** Ссылка на корневой DOM-элемент компонента */
69
69
  ref?: Ref<HTMLDivElement>;
70
+ /** data-атрибут для тестирования */
70
71
  'data-testid'?: string;
72
+ /** Текст для кнопки увеличения числового значения */
73
+ incrementButtonText?: string;
74
+ /** Текст для кнопки уменьшения числового значения */
75
+ decrementButtonText?: string;
71
76
  } & InputNumberPropsDeprecated & Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'>;
72
77
  export {};
package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDark.css CHANGED
@@ -18,10 +18,10 @@
18
18
  --color-content-error-hover: #cf4a4b;
19
19
  --color-content-error-pressed: #9f3b3d;
20
20
  --color-content-error-dark: #ffbdbd;
21
- --color-content-warning: #f90;
22
- --color-content-warning-hover: #cf7d04;
23
- --color-content-warning-pressed: #9f6207;
24
- --color-content-warning-dark: #ffd699;
21
+ --color-content-warning: #ffac30;
22
+ --color-content-warning-hover: #cf8d2a;
23
+ --color-content-warning-pressed: #9f6d24;
24
+ --color-content-warning-dark: #ffdeac;
25
25
  --color-content-success: #0b0;
26
26
  --color-content-success-hover: #039904;
27
27
  --color-content-success-pressed: #067607;
@@ -52,13 +52,13 @@
52
52
  --color-background-action: #0534d0;
53
53
  --color-background-action-hover: #023dff;
54
54
  --color-background-action-pressed: #3564ff;
55
- --color-background-action-active-disabled: #082ba0;
56
- --color-background-action-light: #0d1841;
57
- --color-background-action-light-hover: #0a2171;
58
- --color-background-action-light-pressed: #082ba0;
59
- --color-background-accent-action-light: #082ba0;
60
- --color-background-accent-action-light-hover: #0534d0;
61
- --color-background-accent-action-light-pressed: #023dff;
55
+ --color-background-action-active-disabled: #0a2171;
56
+ --color-background-action-light: #0e1636;
57
+ --color-background-action-light-hover: #0d1841;
58
+ --color-background-action-light-pressed: #0a2171;
59
+ --color-background-accent-action-light: #0a2171;
60
+ --color-background-accent-action-light-hover: #082ba0;
61
+ --color-background-accent-action-light-pressed: #0534d0;
62
62
  --color-background-action-secondary: #7e8194;
63
63
  --color-background-action-secondary-hover: #9a9eb5;
64
64
  --color-background-action-secondary-pressed: #aeb1c4;
@@ -72,39 +72,39 @@
72
72
  --color-background-error: #cf4a4b;
73
73
  --color-background-error-hover: #ff5959;
74
74
  --color-background-error-pressed: #ff7a7a;
75
- --color-background-error-light: #401e20;
76
- --color-background-error-light-hover: #702d2e;
77
- --color-background-error-light-pressed: #9f3b3d;
78
- --color-background-accent-error-light: #9f3b3d;
79
- --color-background-accent-error-light-hover: #cf4a4b;
80
- --color-background-accent-error-light-pressed: #ff5959;
81
- --color-background-warning: #cf7d04;
82
- --color-background-warning-hover: #f90;
83
- --color-background-warning-pressed: #ffad33;
84
- --color-background-warning-light: #402b0e;
85
- --color-background-warning-light-hover: #70460b;
86
- --color-background-warning-light-pressed: #9f6207;
87
- --color-background-accent-warning-light: #9f6207;
88
- --color-background-accent-warning-light-hover: #cf7d04;
89
- --color-background-accent-warning-light-pressed: #f90;
75
+ --color-background-error-light: #341a1d;
76
+ --color-background-error-light-hover: #401e20;
77
+ --color-background-error-light-pressed: #702d2e;
78
+ --color-background-accent-error-light: #702d2e;
79
+ --color-background-accent-error-light-hover: #9f3b3d;
80
+ --color-background-accent-error-light-pressed: #cf4a4b;
81
+ --color-background-warning: #cf8d2a;
82
+ --color-background-warning-hover: #ffac30;
83
+ --color-background-warning-pressed: #ffbd59;
84
+ --color-background-warning-light: #342717;
85
+ --color-background-warning-light-hover: #402e18;
86
+ --color-background-warning-light-pressed: #704e1e;
87
+ --color-background-accent-warning-light: #704e1e;
88
+ --color-background-accent-warning-light-hover: #9f6d24;
89
+ --color-background-accent-warning-light-pressed: #cf8d2a;
90
90
  --color-background-success: #039904;
91
91
  --color-background-success-hover: #0b0;
92
92
  --color-background-success-pressed: #33c933;
93
- --color-background-success-light: #0d310e;
94
- --color-background-success-light-hover: #0a540b;
95
- --color-background-success-light-pressed: #067607;
96
- --color-background-accent-success-light: #067607;
97
- --color-background-accent-success-light-hover: #039904;
98
- --color-background-accent-success-light-pressed: #0b0;
93
+ --color-background-success-light: #0e290f;
94
+ --color-background-success-light-hover: #0d310e;
95
+ --color-background-success-light-pressed: #0a540b;
96
+ --color-background-accent-success-light: #0a540b;
97
+ --color-background-accent-success-light-hover: #067607;
98
+ --color-background-accent-success-light-pressed: #039904;
99
99
  --color-background-info: #6a05d0;
100
100
  --color-background-info-hover: #8002ff;
101
101
  --color-background-info-pressed: #9a35ff;
102
- --color-background-info-light: #270d41;
103
- --color-background-info-light-hover: #3d0a71;
104
- --color-background-info-light-pressed: #5307a0;
105
- --color-background-accent-info-light: #5307a0;
106
- --color-background-accent-info-light-hover: #6a05d0;
107
- --color-background-accent-info-light-pressed: #8002ff;
102
+ --color-background-info-light: #210d36;
103
+ --color-background-info-light-hover: #270d41;
104
+ --color-background-info-light-pressed: #3d0a71;
105
+ --color-background-accent-info-light: #3d0a71;
106
+ --color-background-accent-info-light-hover: #5307a0;
107
+ --color-background-accent-info-light-pressed: #6a05d0;
108
108
  --color-background-overlay: rgb(0 0 0 / 60%);
109
109
  --color-background-ghost: rgb(255 255 255 / 10%);
110
110
  --color-background-ghost-hover: rgb(255 255 255 / 20%);
@@ -126,7 +126,7 @@
126
126
  --color-border-action-secondary-hover: #c2c5d3;
127
127
  --color-border-action-secondary-pressed: #aeb1c4;
128
128
  --color-border-error: #cf4a4b;
129
- --color-border-warning: #cf7d04;
129
+ --color-border-warning: #cf8d2a;
130
130
  --color-border-success: #039904;
131
131
  --color-border-info: #6a05d0;
132
132
  --color-border-main-on: #fff;
package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --color-content-primary: #17161a;
3
3
  --color-content-secondary: #636574;
4
4
  --color-content-tertiary: #7e8194;
5
- --color-content-disabled: #7e8194;
5
+ --color-content-disabled: #9a9eb5;
6
6
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
7
  --color-content-action: #023dff;
8
8
  --color-content-action-hover: #0534d0;
@@ -17,10 +17,10 @@
17
17
  --color-content-error-hover: #cf4a4b;
18
18
  --color-content-error-pressed: #9f3b3d;
19
19
  --color-content-error-dark: #702d2e;
20
- --color-content-warning: #f90;
21
- --color-content-warning-hover: #cf7d04;
22
- --color-content-warning-pressed: #9f6207;
23
- --color-content-warning-dark: #70460b;
20
+ --color-content-warning: #ffac30;
21
+ --color-content-warning-hover: #cf8d2a;
22
+ --color-content-warning-pressed: #9f6d24;
23
+ --color-content-warning-dark: #704e1e;
24
24
  --color-content-success: #0b0;
25
25
  --color-content-success-hover: #039904;
26
26
  --color-content-success-pressed: #067607;
@@ -51,10 +51,10 @@
51
51
  --color-background-action: #023dff;
52
52
  --color-background-action-hover: #0534d0;
53
53
  --color-background-action-pressed: #082ba0;
54
- --color-background-action-active-disabled: #678bff;
55
- --color-background-action-light: #ccd8ff;
56
- --color-background-action-light-hover: #9ab1ff;
57
- --color-background-action-light-pressed: #678bff;
54
+ --color-background-action-active-disabled: #9ab1ff;
55
+ --color-background-action-light: #d9e2ff;
56
+ --color-background-action-light-hover: #ccd8ff;
57
+ --color-background-action-light-pressed: #9ab1ff;
58
58
  --color-background-accent-action-light: #0534d0;
59
59
  --color-background-accent-action-light-hover: #082ba0;
60
60
  --color-background-accent-action-light-pressed: #0a2171;
@@ -71,36 +71,36 @@
71
71
  --color-background-error: #ff5959;
72
72
  --color-background-error-hover: #cf4a4b;
73
73
  --color-background-error-pressed: #9f3b3d;
74
- --color-background-error-light: #ffdede;
75
- --color-background-error-light-hover: #ffbdbd;
76
- --color-background-error-light-pressed: #ff9b9b;
74
+ --color-background-error-light: #ffe6e6;
75
+ --color-background-error-light-hover: #ffdede;
76
+ --color-background-error-light-pressed: #ffbdbd;
77
77
  --color-background-accent-error-light: #9f3b3d;
78
78
  --color-background-accent-error-light-hover: #702d2e;
79
79
  --color-background-accent-error-light-pressed: #401e20;
80
- --color-background-warning: #f90;
81
- --color-background-warning-hover: #cf7d04;
82
- --color-background-warning-pressed: #9f6207;
83
- --color-background-warning-light: #ffebcc;
84
- --color-background-warning-light-hover: #ffd699;
85
- --color-background-warning-light-pressed: #ffc266;
86
- --color-background-accent-warning-light: #9f6207;
87
- --color-background-accent-warning-light-hover: #70460b;
88
- --color-background-accent-warning-light-pressed: #402b0e;
80
+ --color-background-warning: #ffac30;
81
+ --color-background-warning-hover: #cf8d2a;
82
+ --color-background-warning-pressed: #9f6d24;
83
+ --color-background-warning-light: #fff3e0;
84
+ --color-background-warning-light-hover: #ffeed6;
85
+ --color-background-warning-light-pressed: #ffdeac;
86
+ --color-background-accent-warning-light: #9f6d24;
87
+ --color-background-accent-warning-light-hover: #704e1e;
88
+ --color-background-accent-warning-light-pressed: #402e18;
89
89
  --color-background-success: #0b0;
90
90
  --color-background-success-hover: #039904;
91
91
  --color-background-success-pressed: #067607;
92
- --color-background-success-light: #ccf1cc;
93
- --color-background-success-light-hover: #99e499;
94
- --color-background-success-light-pressed: #66d666;
92
+ --color-background-success-light: #d9f5d9;
93
+ --color-background-success-light-hover: #ccf1cc;
94
+ --color-background-success-light-pressed: #99e499;
95
95
  --color-background-accent-success-light: #067607;
96
96
  --color-background-accent-success-light-hover: #0a540b;
97
97
  --color-background-accent-success-light-pressed: #0d310e;
98
98
  --color-background-info: #8002ff;
99
99
  --color-background-info-hover: #6a05d0;
100
100
  --color-background-info-pressed: #5307a0;
101
- --color-background-info-light: #e6ccff;
102
- --color-background-info-light-hover: #cd9aff;
103
- --color-background-info-light-pressed: #b367ff;
101
+ --color-background-info-light: #edf;
102
+ --color-background-info-light-hover: #e6ccff;
103
+ --color-background-info-light-pressed: #cd9aff;
104
104
  --color-background-accent-info-light: #5307a0;
105
105
  --color-background-accent-info-light-hover: #3d0a71;
106
106
  --color-background-accent-info-light-pressed: #270d41;
@@ -126,13 +126,13 @@
126
126
  --color-border-action-secondary-hover: #1e1d22;
127
127
  --color-border-action-secondary-pressed: #17161a;
128
128
  --color-border-error: #ff5959;
129
- --color-border-warning: #f90;
129
+ --color-border-warning: #ffac30;
130
130
  --color-border-success: #0b0;
131
131
  --color-border-info: #8002ff;
132
132
  --color-border-main-on: #fff;
133
133
  --color-border-accent-main: #989aa5;
134
134
  --color-border-accent-disabled: #5f6374;
135
- --color-border-accent-focused: #0f142a;
135
+ --color-border-accent-focused: #0e1636;
136
136
  --color-accent-main-hover: #1b1c24;
137
137
  --color-accent-main-pressed: #252732;
138
138
  --color-accent-primary-hover: #252732;
package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDark.css CHANGED
@@ -9,27 +9,27 @@
9
9
  --color-content-action-hover: #039904;
10
10
  --color-content-action-pressed: #067607;
11
11
  --color-content-action-dark: #99e499;
12
- --color-content-action-secondary: #023dff;
13
- --color-content-action-secondary-hover: #0534d0;
14
- --color-content-action-secondary-pressed: #082ba0;
15
- --color-content-action-secondary-dark: #9ab1ff;
12
+ --color-content-action-secondary: #9a9eb5;
13
+ --color-content-action-secondary-hover: #7e8194;
14
+ --color-content-action-secondary-pressed: #636574;
15
+ --color-content-action-secondary-dark: #d7d8e1;
16
16
  --color-background-main: #1e1d22;
17
17
  --color-content-error: #ff5959;
18
18
  --color-content-error-hover: #cf4a4b;
19
19
  --color-content-error-pressed: #9f3b3d;
20
20
  --color-content-error-dark: #ffbdbd;
21
- --color-content-warning: #f90;
22
- --color-content-warning-hover: #cf7d04;
23
- --color-content-warning-pressed: #9f6207;
24
- --color-content-warning-dark: #ffd699;
21
+ --color-content-warning: #ffac30;
22
+ --color-content-warning-hover: #cf8d2a;
23
+ --color-content-warning-pressed: #9f6d24;
24
+ --color-content-warning-dark: #ffdeac;
25
25
  --color-content-success: #0b0;
26
26
  --color-content-success-hover: #039904;
27
27
  --color-content-success-pressed: #067607;
28
28
  --color-content-success-dark: #99e499;
29
- --color-content-info: #8002ff;
30
- --color-content-info-hover: #6a05d0;
31
- --color-content-info-pressed: #5307a0;
32
- --color-content-info-dark: #cd9aff;
29
+ --color-content-info: #023dff;
30
+ --color-content-info-hover: #0534d0;
31
+ --color-content-info-pressed: #082ba0;
32
+ --color-content-info-dark: #9ab1ff;
33
33
  --color-content-primary-inverse: #1e1d22;
34
34
  --color-background-main-inverse: #d9dade;
35
35
  --color-content-accent-secondary: #989aa5;
@@ -52,59 +52,59 @@
52
52
  --color-background-action: #039904;
53
53
  --color-background-action-hover: #0b0;
54
54
  --color-background-action-pressed: #33c933;
55
- --color-background-action-active-disabled: #067607;
56
- --color-background-action-light: #0d310e;
57
- --color-background-action-light-hover: #0a540b;
58
- --color-background-action-light-pressed: #067607;
59
- --color-background-accent-action-light: #067607;
60
- --color-background-accent-action-light-hover: #039904;
61
- --color-background-accent-action-light-pressed: #0b0;
62
- --color-background-action-secondary: #0534d0;
63
- --color-background-action-secondary-hover: #023dff;
64
- --color-background-action-secondary-pressed: #3564ff;
65
- --color-background-action-secondary-active-disabled: #082ba0;
66
- --color-background-action-secondary-light: #0d1841;
67
- --color-background-action-secondary-light-hover: #0a2171;
68
- --color-background-action-secondary-light-pressed: #082ba0;
69
- --color-background-accent-action-secondary-light: #082ba0;
70
- --color-background-accent-action-secondary-light-hover: #0534d0;
71
- --color-background-accent-action-secondary-light-pressed: #023dff;
55
+ --color-background-action-active-disabled: #0a540b;
56
+ --color-background-action-light: #0e290f;
57
+ --color-background-action-light-hover: #0d310e;
58
+ --color-background-action-light-pressed: #0a540b;
59
+ --color-background-accent-action-light: #0a540b;
60
+ --color-background-accent-action-light-hover: #067607;
61
+ --color-background-accent-action-light-pressed: #039904;
62
+ --color-background-action-secondary: #7e8194;
63
+ --color-background-action-secondary-hover: #9a9eb5;
64
+ --color-background-action-secondary-pressed: #aeb1c4;
65
+ --color-background-action-secondary-active-disabled: #636574;
66
+ --color-background-action-secondary-light: #2c2c33;
67
+ --color-background-action-secondary-light-hover: #636574;
68
+ --color-background-action-secondary-light-pressed: #474853;
69
+ --color-background-accent-action-secondary-light: #2c2c33;
70
+ --color-background-accent-action-secondary-light-hover: #474853;
71
+ --color-background-accent-action-secondary-light-pressed: #636574;
72
72
  --color-background-error: #cf4a4b;
73
73
  --color-background-error-hover: #ff5959;
74
74
  --color-background-error-pressed: #ff7a7a;
75
- --color-background-error-light: #401e20;
76
- --color-background-error-light-hover: #702d2e;
77
- --color-background-error-light-pressed: #9f3b3d;
78
- --color-background-accent-error-light: #9f3b3d;
79
- --color-background-accent-error-light-hover: #cf4a4b;
80
- --color-background-accent-error-light-pressed: #ff5959;
81
- --color-background-warning: #cf7d04;
82
- --color-background-warning-hover: #f90;
83
- --color-background-warning-pressed: #ffad33;
84
- --color-background-warning-light: #402b0e;
85
- --color-background-warning-light-hover: #70460b;
86
- --color-background-warning-light-pressed: #9f6207;
87
- --color-background-accent-warning-light: #9f6207;
88
- --color-background-accent-warning-light-hover: #cf7d04;
89
- --color-background-accent-warning-light-pressed: #f90;
75
+ --color-background-error-light: #341a1d;
76
+ --color-background-error-light-hover: #401e20;
77
+ --color-background-error-light-pressed: #702d2e;
78
+ --color-background-accent-error-light: #702d2e;
79
+ --color-background-accent-error-light-hover: #9f3b3d;
80
+ --color-background-accent-error-light-pressed: #cf4a4b;
81
+ --color-background-warning: #cf8d2a;
82
+ --color-background-warning-hover: #ffac30;
83
+ --color-background-warning-pressed: #ffbd59;
84
+ --color-background-warning-light: #342717;
85
+ --color-background-warning-light-hover: #402e18;
86
+ --color-background-warning-light-pressed: #704e1e;
87
+ --color-background-accent-warning-light: #704e1e;
88
+ --color-background-accent-warning-light-hover: #9f6d24;
89
+ --color-background-accent-warning-light-pressed: #cf8d2a;
90
90
  --color-background-success: #039904;
91
91
  --color-background-success-hover: #0b0;
92
92
  --color-background-success-pressed: #33c933;
93
- --color-background-success-light: #0d310e;
94
- --color-background-success-light-hover: #0a540b;
95
- --color-background-success-light-pressed: #067607;
96
- --color-background-accent-success-light: #067607;
97
- --color-background-accent-success-light-hover: #039904;
98
- --color-background-accent-success-light-pressed: #0b0;
99
- --color-background-info: #6a05d0;
100
- --color-background-info-hover: #8002ff;
101
- --color-background-info-pressed: #9a35ff;
102
- --color-background-info-light: #270d41;
103
- --color-background-info-light-hover: #3d0a71;
104
- --color-background-info-light-pressed: #5307a0;
105
- --color-background-accent-info-light: #5307a0;
106
- --color-background-accent-info-light-hover: #6a05d0;
107
- --color-background-accent-info-light-pressed: #8002ff;
93
+ --color-background-success-light: #0e290f;
94
+ --color-background-success-light-hover: #0d310e;
95
+ --color-background-success-light-pressed: #0a540b;
96
+ --color-background-accent-success-light: #0a540b;
97
+ --color-background-accent-success-light-hover: #067607;
98
+ --color-background-accent-success-light-pressed: #039904;
99
+ --color-background-info: #0534d0;
100
+ --color-background-info-hover: #023dff;
101
+ --color-background-info-pressed: #3564ff;
102
+ --color-background-info-light: #0e1636;
103
+ --color-background-info-light-hover: #0d1841;
104
+ --color-background-info-light-pressed: #0a2171;
105
+ --color-background-accent-info-light: #0a2171;
106
+ --color-background-accent-info-light-hover: #082ba0;
107
+ --color-background-accent-info-light-pressed: #0534d0;
108
108
  --color-background-overlay: rgb(0 0 0 / 60%);
109
109
  --color-background-ghost: rgb(255 255 255 / 10%);
110
110
  --color-background-ghost-hover: rgb(255 255 255 / 20%);
@@ -118,21 +118,21 @@
118
118
  --color-border-secondary-pressed: #636574;
119
119
  --color-border-disabled: #2c2c33;
120
120
  --color-border-ghost-disabled: rgb(255 255 255 / 40%);
121
- --color-border-focused: #0e2010;
121
+ --color-border-focused: #0e290f;
122
122
  --color-border-action: #067607;
123
123
  --color-border-action-hover: #0a540b;
124
124
  --color-border-action-pressed: #0d310e;
125
- --color-border-action-secondary: #0534d0;
126
- --color-border-action-secondary-hover: #082ba0;
127
- --color-border-action-secondary-pressed: #0a2171;
125
+ --color-border-action-secondary: #d7d8e1;
126
+ --color-border-action-secondary-hover: #c2c5d3;
127
+ --color-border-action-secondary-pressed: #aeb1c4;
128
128
  --color-border-error: #cf4a4b;
129
- --color-border-warning: #cf7d04;
129
+ --color-border-warning: #cf8d2a;
130
130
  --color-border-success: #039904;
131
- --color-border-info: #6a05d0;
131
+ --color-border-info: #0534d0;
132
132
  --color-border-main-on: #fff;
133
133
  --color-border-accent-main: #989aa5;
134
134
  --color-border-accent-disabled: #5f6374;
135
- --color-border-accent-focused: #0e2010;
135
+ --color-border-accent-focused: #0e290f;
136
136
  --color-accent-main-hover: #1b1c24;
137
137
  --color-accent-main-pressed: #252732;
138
138
  --color-accent-primary-hover: #252732;
package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css CHANGED
@@ -2,33 +2,33 @@
2
2
  --color-content-primary: #17161a;
3
3
  --color-content-secondary: #636574;
4
4
  --color-content-tertiary: #7e8194;
5
- --color-content-disabled: #7e8194;
5
+ --color-content-disabled: #9a9eb5;
6
6
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
7
  --color-content-action: #0b0;
8
8
  --color-content-action-hover: #039904;
9
9
  --color-content-action-pressed: #067607;
10
10
  --color-content-action-dark: #0a540b;
11
- --color-content-action-secondary: #023dff;
12
- --color-content-action-secondary-hover: #0534d0;
13
- --color-content-action-secondary-pressed: #082ba0;
14
- --color-content-action-secondary-dark: #0a2171;
11
+ --color-content-action-secondary: #2c2c33;
12
+ --color-content-action-secondary-hover: #1e1d22;
13
+ --color-content-action-secondary-pressed: #17161a;
14
+ --color-content-action-secondary-dark: #17161a;
15
15
  --color-content-action-on: #fff;
16
16
  --color-content-error: #ff5959;
17
17
  --color-content-error-hover: #cf4a4b;
18
18
  --color-content-error-pressed: #9f3b3d;
19
19
  --color-content-error-dark: #702d2e;
20
- --color-content-warning: #f90;
21
- --color-content-warning-hover: #cf7d04;
22
- --color-content-warning-pressed: #9f6207;
23
- --color-content-warning-dark: #70460b;
20
+ --color-content-warning: #ffac30;
21
+ --color-content-warning-hover: #cf8d2a;
22
+ --color-content-warning-pressed: #9f6d24;
23
+ --color-content-warning-dark: #704e1e;
24
24
  --color-content-success: #0b0;
25
25
  --color-content-success-hover: #039904;
26
26
  --color-content-success-pressed: #067607;
27
27
  --color-content-success-dark: #0a540b;
28
- --color-content-info: #8002ff;
29
- --color-content-info-hover: #6a05d0;
30
- --color-content-info-pressed: #5307a0;
31
- --color-content-info-dark: #3d0a71;
28
+ --color-content-info: #023dff;
29
+ --color-content-info-hover: #0534d0;
30
+ --color-content-info-pressed: #082ba0;
31
+ --color-content-info-dark: #0a2171;
32
32
  --color-content-primary-inverse: #fff;
33
33
  --color-content-accent-secondary: #989aa5;
34
34
  --color-accent-main: #14151b;
@@ -51,59 +51,59 @@
51
51
  --color-background-action: #0b0;
52
52
  --color-background-action-hover: #039904;
53
53
  --color-background-action-pressed: #067607;
54
- --color-background-action-active-disabled: #66d666;
55
- --color-background-action-light: #ccf1cc;
56
- --color-background-action-light-hover: #99e499;
57
- --color-background-action-light-pressed: #66d666;
54
+ --color-background-action-active-disabled: #99e499;
55
+ --color-background-action-light: #d9f5d9;
56
+ --color-background-action-light-hover: #ccf1cc;
57
+ --color-background-action-light-pressed: #99e499;
58
58
  --color-background-accent-action-light: #067607;
59
59
  --color-background-accent-action-light-hover: #0a540b;
60
60
  --color-background-accent-action-light-pressed: #0d310e;
61
- --color-background-action-secondary: #023dff;
62
- --color-background-action-secondary-hover: #0534d0;
63
- --color-background-action-secondary-pressed: #082ba0;
64
- --color-background-action-secondary-active-disabled: #678bff;
65
- --color-background-action-secondary-light: #ccd8ff;
66
- --color-background-action-secondary-light-hover: #9ab1ff;
67
- --color-background-action-secondary-light-pressed: #678bff;
68
- --color-background-accent-action-secondary-light: #082ba0;
69
- --color-background-accent-action-secondary-light-hover: #0a2171;
70
- --color-background-accent-action-secondary-light-pressed: #0d1841;
61
+ --color-background-action-secondary: #2c2c33;
62
+ --color-background-action-secondary-hover: #1e1d22;
63
+ --color-background-action-secondary-pressed: #17161a;
64
+ --color-background-action-secondary-active-disabled: #c2c5d3;
65
+ --color-background-action-secondary-light: #ebecf0;
66
+ --color-background-action-secondary-light-hover: #d7d8e1;
67
+ --color-background-action-secondary-light-pressed: #c2c5d3;
68
+ --color-background-accent-action-secondary-light: #636574;
69
+ --color-background-accent-action-secondary-light-hover: #474853;
70
+ --color-background-accent-action-secondary-light-pressed: #2c2c33;
71
71
  --color-background-error: #ff5959;
72
72
  --color-background-error-hover: #cf4a4b;
73
73
  --color-background-error-pressed: #9f3b3d;
74
- --color-background-error-light: #ffdede;
75
- --color-background-error-light-hover: #ffbdbd;
76
- --color-background-error-light-pressed: #ff9b9b;
74
+ --color-background-error-light: #ffe6e6;
75
+ --color-background-error-light-hover: #ffdede;
76
+ --color-background-error-light-pressed: #ffbdbd;
77
77
  --color-background-accent-error-light: #9f3b3d;
78
78
  --color-background-accent-error-light-hover: #702d2e;
79
79
  --color-background-accent-error-light-pressed: #401e20;
80
- --color-background-warning: #f90;
81
- --color-background-warning-hover: #cf7d04;
82
- --color-background-warning-pressed: #9f6207;
83
- --color-background-warning-light: #ffebcc;
84
- --color-background-warning-light-hover: #ffd699;
85
- --color-background-warning-light-pressed: #ffc266;
86
- --color-background-accent-warning-light: #9f6207;
87
- --color-background-accent-warning-light-hover: #70460b;
88
- --color-background-accent-warning-light-pressed: #402b0e;
80
+ --color-background-warning: #ffac30;
81
+ --color-background-warning-hover: #cf8d2a;
82
+ --color-background-warning-pressed: #9f6d24;
83
+ --color-background-warning-light: #fff3e0;
84
+ --color-background-warning-light-hover: #ffeed6;
85
+ --color-background-warning-light-pressed: #ffdeac;
86
+ --color-background-accent-warning-light: #9f6d24;
87
+ --color-background-accent-warning-light-hover: #704e1e;
88
+ --color-background-accent-warning-light-pressed: #402e18;
89
89
  --color-background-success: #0b0;
90
90
  --color-background-success-hover: #039904;
91
91
  --color-background-success-pressed: #067607;
92
- --color-background-success-light: #ccf1cc;
93
- --color-background-success-light-hover: #99e499;
94
- --color-background-success-light-pressed: #66d666;
92
+ --color-background-success-light: #d9f5d9;
93
+ --color-background-success-light-hover: #ccf1cc;
94
+ --color-background-success-light-pressed: #99e499;
95
95
  --color-background-accent-success-light: #067607;
96
96
  --color-background-accent-success-light-hover: #0a540b;
97
97
  --color-background-accent-success-light-pressed: #0d310e;
98
- --color-background-info: #8002ff;
99
- --color-background-info-hover: #6a05d0;
100
- --color-background-info-pressed: #5307a0;
101
- --color-background-info-light: #e6ccff;
102
- --color-background-info-light-hover: #cd9aff;
103
- --color-background-info-light-pressed: #b367ff;
104
- --color-background-accent-info-light: #5307a0;
105
- --color-background-accent-info-light-hover: #3d0a71;
106
- --color-background-accent-info-light-pressed: #270d41;
98
+ --color-background-info: #023dff;
99
+ --color-background-info-hover: #0534d0;
100
+ --color-background-info-pressed: #082ba0;
101
+ --color-background-info-light: #d9e2ff;
102
+ --color-background-info-light-hover: #ccd8ff;
103
+ --color-background-info-light-pressed: #9ab1ff;
104
+ --color-background-accent-info-light: #082ba0;
105
+ --color-background-accent-info-light-hover: #0a2171;
106
+ --color-background-accent-info-light-pressed: #0d1841;
107
107
  --color-background-main-inverse: #1e1d22;
108
108
  --color-background-overlay: rgb(0 0 0 / 50%);
109
109
  --color-background-ghost: rgb(255 255 255 / 10%);
@@ -122,17 +122,17 @@
122
122
  --color-border-action: #0b0;
123
123
  --color-border-action-hover: #039904;
124
124
  --color-border-action-pressed: #067607;
125
- --color-border-action-secondary: #023dff;
126
- --color-border-action-secondary-hover: #0534d0;
127
- --color-border-action-secondary-pressed: #082ba0;
125
+ --color-border-action-secondary: #2c2c33;
126
+ --color-border-action-secondary-hover: #1e1d22;
127
+ --color-border-action-secondary-pressed: #17161a;
128
128
  --color-border-error: #ff5959;
129
- --color-border-warning: #f90;
129
+ --color-border-warning: #ffac30;
130
130
  --color-border-success: #0b0;
131
- --color-border-info: #8002ff;
131
+ --color-border-info: #023dff;
132
132
  --color-border-main-on: #fff;
133
133
  --color-border-accent-main: #989aa5;
134
134
  --color-border-accent-disabled: #5f6374;
135
- --color-border-accent-focused: #0e2010;
135
+ --color-border-accent-focused: #0e290f;
136
136
  --color-accent-main-hover: #1b1c24;
137
137
  --color-accent-main-pressed: #252732;
138
138
  --color-accent-primary-hover: #252732;
package/__inner__/cjs/locale/locale.js CHANGED
@@ -10,6 +10,10 @@ exports.ruRU = {
10
10
  placeholder: 'Файл не выбран',
11
11
  clearText: 'Очистить поле',
12
12
  },
13
+ InputNumber: {
14
+ incrementButtonText: 'Увеличить',
15
+ decrementButtonText: 'Уменьшить',
16
+ },
13
17
  },
14
18
  };
15
19
  exports.kkKZ = {
@@ -21,6 +25,10 @@ exports.kkKZ = {
21
25
  placeholder: 'Файл таңдалмаған',
22
26
  clearText: 'Өрісті тазалаңыз',
23
27
  },
28
+ InputNumber: {
29
+ incrementButtonText: 'Үлкейту',
30
+ decrementButtonText: 'Азайту',
31
+ },
24
32
  },
25
33
  };
26
34
  exports.enUS = {
@@ -32,5 +40,9 @@ exports.enUS = {
32
40
  placeholder: 'No file selected',
33
41
  clearText: 'Clear field',
34
42
  },
43
+ InputNumber: {
44
+ incrementButtonText: 'Increment',
45
+ decrementButtonText: 'Decrement',
46
+ },
35
47
  },
36
48
  };