@ozen-ui/kit 0.24.0 → 0.24.2

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 (54) hide show
  1. package/__inner__/cjs/components/DataList/DataList.js +3 -2
  2. package/__inner__/cjs/components/Grid/useGrid.js +2 -2
  3. package/__inner__/cjs/components/Stack/utils/generateDirectionCn.js +2 -2
  4. package/__inner__/cjs/components/Stack/utils/generateGapCn.js +2 -2
  5. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +16 -16
  6. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +23 -23
  7. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDark.css +19 -19
  8. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css +8 -8
  9. package/__inner__/cjs/components/ThemeProvider/themes/helper.d.ts +1 -1
  10. package/__inner__/cjs/components/ThemeProvider/themes/helper.js +1 -1
  11. package/__inner__/cjs/components/ThemeProvider/utils.js +2 -2
  12. package/__inner__/cjs/utils/generateUniqKey/index.d.ts +1 -0
  13. package/__inner__/cjs/utils/generateUniqKey/index.js +4 -0
  14. package/__inner__/cjs/utils/object/index.d.ts +3 -0
  15. package/__inner__/cjs/utils/object/index.js +6 -0
  16. package/__inner__/cjs/utils/renderContent/renderContent.js +1 -1
  17. package/__inner__/esm/components/DataList/DataList.js +3 -2
  18. package/__inner__/esm/components/Grid/useGrid.js +1 -1
  19. package/__inner__/esm/components/Stack/utils/generateDirectionCn.js +1 -1
  20. package/__inner__/esm/components/Stack/utils/generateGapCn.js +1 -1
  21. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +16 -16
  22. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +23 -23
  23. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDark.css +19 -19
  24. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDefault.css +8 -8
  25. package/__inner__/esm/components/ThemeProvider/themes/helper.d.ts +1 -1
  26. package/__inner__/esm/components/ThemeProvider/themes/helper.js +1 -1
  27. package/__inner__/esm/components/ThemeProvider/utils.js +1 -1
  28. package/__inner__/esm/utils/generateUniqKey/index.d.ts +1 -0
  29. package/__inner__/esm/utils/generateUniqKey/index.js +1 -0
  30. package/__inner__/esm/utils/object/index.d.ts +3 -0
  31. package/__inner__/esm/utils/object/index.js +3 -0
  32. package/__inner__/esm/utils/renderContent/renderContent.js +1 -1
  33. package/package.json +2 -2
  34. package/Calendar/package.json +0 -5
  35. /package/__inner__/cjs/utils/{generateUniqKey.d.ts → generateUniqKey/generateUniqKey.d.ts} +0 -0
  36. /package/__inner__/cjs/utils/{generateUniqKey.js → generateUniqKey/generateUniqKey.js} +0 -0
  37. /package/__inner__/cjs/utils/{isEmpty.d.ts → object/isEmpty.d.ts} +0 -0
  38. /package/__inner__/cjs/utils/{isEmpty.js → object/isEmpty.js} +0 -0
  39. /package/__inner__/cjs/utils/{isPlainObject.d.ts → object/isPlainObject.d.ts} +0 -0
  40. /package/__inner__/cjs/utils/{isPlainObject.js → object/isPlainObject.js} +0 -0
  41. /package/__inner__/cjs/utils/{mergeDeep → object/mergeDeep}/index.d.ts +0 -0
  42. /package/__inner__/cjs/utils/{mergeDeep → object/mergeDeep}/index.js +0 -0
  43. /package/__inner__/cjs/utils/{mergeDeep → object/mergeDeep}/mergeDeep.d.ts +0 -0
  44. /package/__inner__/cjs/utils/{mergeDeep → object/mergeDeep}/mergeDeep.js +0 -0
  45. /package/__inner__/esm/utils/{generateUniqKey.d.ts → generateUniqKey/generateUniqKey.d.ts} +0 -0
  46. /package/__inner__/esm/utils/{generateUniqKey.js → generateUniqKey/generateUniqKey.js} +0 -0
  47. /package/__inner__/esm/utils/{isEmpty.d.ts → object/isEmpty.d.ts} +0 -0
  48. /package/__inner__/esm/utils/{isEmpty.js → object/isEmpty.js} +0 -0
  49. /package/__inner__/esm/utils/{isPlainObject.d.ts → object/isPlainObject.d.ts} +0 -0
  50. /package/__inner__/esm/utils/{isPlainObject.js → object/isPlainObject.js} +0 -0
  51. /package/__inner__/esm/utils/{mergeDeep → object/mergeDeep}/index.d.ts +0 -0
  52. /package/__inner__/esm/utils/{mergeDeep → object/mergeDeep}/index.js +0 -0
  53. /package/__inner__/esm/utils/{mergeDeep → object/mergeDeep}/mergeDeep.d.ts +0 -0
  54. /package/__inner__/esm/utils/{mergeDeep → object/mergeDeep}/mergeDeep.js +0 -0
@@ -21,6 +21,7 @@ var index_1 = require("./index");
21
21
  exports.cnDataList = (0, classname_1.cn)('DataList');
22
22
  var DataListRender = function (inProps, ref) {
23
23
  var _a = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'DataList' }), _b = _a.open, open = _b === void 0 ? constants_1.DATA_LIST_DEFAULT_OPEN : _b, _c = _a.size, size = _c === void 0 ? constants_1.DATA_LIST_DEFAULT_SIZE : _c, _d = _a.as, as = _d === void 0 ? constants_1.DATA_LIST_DEFAULT_TAG : _d, name = _a.name, children = _a.children, anchorRef = _a.anchorRef, selectedProp = _a.selected, defaultSelected = _a.defaultSelected, onClose = _a.onClose, onEnteredProp = _a.onEntered, onExitedProp = _a.onExited, listProps = _a.listProps, className = _a.className, other = tslib_1.__rest(_a, ["open", "size", "as", "name", "children", "anchorRef", "selected", "defaultSelected", "onClose", "onEntered", "onExited", "listProps", "className"]);
24
+ var dataListRef = (0, react_1.useRef)(null);
24
25
  var listRef = (0, react_1.useRef)(null);
25
26
  // Состояние представленного компонента с завершенной анимацией
26
27
  var _e = tslib_1.__read((0, useBoolean_1.useBoolean)(false), 2), opened = _e[0], _f = _e[1], onEntered = _f.on, onExited = _f.off;
@@ -87,7 +88,7 @@ var DataListRender = function (inProps, ref) {
87
88
  }
88
89
  }, [focused, selected]);
89
90
  // Прокрутка списка
90
- (0, helpers_1.useScrollContainerToElement)(listRef, selectedElRef, focused ? 'smooth' : 'instant');
91
+ (0, helpers_1.useScrollContainerToElement)(dataListRef, selectedElRef, focused ? 'smooth' : 'instant');
91
92
  // Назначает элементу контроля событие управления списком с клавиатуры
92
93
  (0, useEventListener_1.useEventListener)({
93
94
  active: opened,
@@ -147,7 +148,7 @@ var DataListRender = function (inProps, ref) {
147
148
  }, onExited: function () {
148
149
  onExited();
149
150
  onExitedProp === null || onExitedProp === void 0 ? void 0 : onExitedProp();
150
- }, ref: ref }),
151
+ }, ref: (0, useMultiRef_1.useMultiRef)([ref, dataListRef]) }),
151
152
  react_1.default.createElement(List_1.List, tslib_1.__assign({ as: "ul", size: size }, listProps, { onMouseDown: function (e) {
152
153
  var _a;
153
154
  e.preventDefault();
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useGenerateGridModsCn = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var classnames_1 = require("@bem-react/classnames");
6
- var isEmpty_1 = require("../../utils/isEmpty");
6
+ var object_1 = require("../../utils/object");
7
7
  var generateGridModCn = function (cn, key, mod) {
8
8
  var _a;
9
9
  var res;
@@ -21,7 +21,7 @@ var generateGridModCn = function (cn, key, mod) {
21
21
  return cn(res);
22
22
  };
23
23
  var useGenerateGridModsCn = function (cn, mods) {
24
- if (!mods && (0, isEmpty_1.isEmpty)(mods)) {
24
+ if (!mods && (0, object_1.isEmpty)(mods)) {
25
25
  return '';
26
26
  }
27
27
  return Object.keys(mods).reduce(function (acc, current) {
@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.generateDirectionCn = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var classnames_1 = require("@bem-react/classnames");
6
- var isPlainObject_1 = require("../../../utils/isPlainObject");
6
+ var object_1 = require("../../../utils/object");
7
7
  var generateDirectionCn = function (cn, direction) {
8
- if ((0, isPlainObject_1.isPlainObject)(direction)) {
8
+ if ((0, object_1.isPlainObject)(direction)) {
9
9
  return (0, classnames_1.classnames)(Object.entries(direction)
10
10
  .reduce(function (acc, _a) {
11
11
  var _b;
@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.generateGapCn = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var classnames_1 = require("@bem-react/classnames");
6
- var isPlainObject_1 = require("../../../utils/isPlainObject");
6
+ var object_1 = require("../../../utils/object");
7
7
  var generateGapCn = function (cn, gap) {
8
- if ((0, isPlainObject_1.isPlainObject)(gap)) {
8
+ if ((0, object_1.isPlainObject)(gap)) {
9
9
  return (0, classnames_1.classnames)(Object.entries(gap)
10
10
  .reduce(function (acc, _a) {
11
11
  var _b;
@@ -1,10 +1,11 @@
1
1
  .Theme_color_bBusinessDark {
2
+ --color-content-success: #039904;
2
3
  --color-content-action-on: #fff;
3
- --color-content-secondary: #949494;
4
- --color-content-primary: #f5f5f5;
5
- --color-content-tertiary: #707070;
6
- --color-content-disabled: #4e4e4e;
7
- --color-content-ghost-disabled: rgb(255 255 255 / 47%);
4
+ --color-content-secondary: #aeb1c4;
5
+ --color-content-primary: #fff;
6
+ --color-content-tertiary: #7e8194;
7
+ --color-content-disabled: #7e8194;
8
+ --color-content-ghost-disabled: rgb(255 255 255 / 40%);
8
9
  --color-content-action: #0534d0;
9
10
  --color-content-action-hover: #082ba0;
10
11
  --color-content-action-pressed: #0a2171;
@@ -12,7 +13,7 @@
12
13
  --color-content-action-secondary: #d7d8e1;
13
14
  --color-content-action-secondary-hover: #c2c5d3;
14
15
  --color-content-action-secondary-pressed: #aeb1c4;
15
- --color-content-action-secondary-dark: #aeb1c4;
16
+ --color-content-action-secondary-dark: #9a9eb5;
16
17
  --color-background-main: #1e1d22;
17
18
  --color-content-error: #cf4a4b;
18
19
  --color-content-error-hover: #9f3b3d;
@@ -22,7 +23,6 @@
22
23
  --color-content-warning-hover: #9f6207;
23
24
  --color-content-warning-pressed: #70460b;
24
25
  --color-content-warning-dark: #ffd699;
25
- --color-content-success: #039904;
26
26
  --color-content-success-hover: #067607;
27
27
  --color-content-success-pressed: #0a540b;
28
28
  --color-content-success-dark: #99e499;
@@ -48,7 +48,7 @@
48
48
  --color-background-tertiary: #474853;
49
49
  --color-background-tertiary-hover: #636574;
50
50
  --color-background-tertiary-pressed: #7e8194;
51
- --color-background-disabled: #474853;
51
+ --color-background-disabled: #2c2c33;
52
52
  --color-background-action: #0534d0;
53
53
  --color-background-action-hover: #082ba0;
54
54
  --color-background-action-pressed: #0a2171;
@@ -59,14 +59,14 @@
59
59
  --color-background-accent-action-light: #082ba0;
60
60
  --color-background-accent-action-light-hover: #0a2171;
61
61
  --color-background-accent-action-light-pressed: #0d1841;
62
- --color-background-action-secondary: #43b741;
63
- --color-background-action-secondary-hover: #379535;
64
- --color-background-action-secondary-pressed: #2a7329;
65
- --color-background-action-secondary-disabled: #184117;
66
- --color-background-action-secondary-light: #113011;
67
- --color-background-action-secondary-light-hover: #1e521d;
68
- --color-background-action-secondary-light-pressed: #184117;
69
- --color-background-accent-action-secondary-light: #067607;
62
+ --color-background-action-secondary: #aeb1c4;
63
+ --color-background-action-secondary-hover: #9a9eb5;
64
+ --color-background-action-secondary-pressed: #7e8194;
65
+ --color-background-action-secondary-disabled: #474853;
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
70
  --color-background-accent-action-secondary-light-hover: #0a540b;
71
71
  --color-background-accent-action-secondary-light-pressed: #0d310e;
72
72
  --color-background-error: #cf4a4b;
@@ -1,10 +1,10 @@
1
1
  .Theme_color_bBusinessDefault {
2
- --color-content-primary: #1e1d22;
2
+ --color-content-action: #023dff;
3
+ --color-content-primary: #0d0e12;
3
4
  --color-content-secondary: #636574;
4
- --color-content-tertiary: #9a9eb5;
5
- --color-content-disabled: #9a9eb5;
5
+ --color-content-tertiary: #7e8194;
6
+ --color-content-disabled: #7e8194;
6
7
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
- --color-content-action: #023dff;
8
8
  --color-content-action-hover: #0534d0;
9
9
  --color-content-action-pressed: #082ba0;
10
10
  --color-content-action-dark: #0a2171;
@@ -47,11 +47,11 @@
47
47
  --color-background-tertiary: #d7d8e1;
48
48
  --color-background-tertiary-hover: #c2c5d3;
49
49
  --color-background-tertiary-pressed: #aeb1c4;
50
- --color-background-disabled: #d7d8e1;
50
+ --color-background-disabled: #ebecf0;
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: #ccd8ff;
54
+ --color-background-action-active-disabled: #9ab1ff;
55
55
  --color-background-action-light: #e6ecff;
56
56
  --color-background-action-light-hover: #ccd8ff;
57
57
  --color-background-action-light-pressed: #9ab1ff;
@@ -61,7 +61,7 @@
61
61
  --color-background-action-secondary: #2c2c33;
62
62
  --color-background-action-secondary-hover: #1e1d22;
63
63
  --color-background-action-secondary-pressed: #17161a;
64
- --color-background-action-secondary-active-disabled: #ebecf0;
64
+ --color-background-action-secondary-active-disabled: #d7d8e1;
65
65
  --color-background-action-secondary-light: #f5f5f8;
66
66
  --color-background-action-secondary-light-hover: #ebecf0;
67
67
  --color-background-action-secondary-light-pressed: #d7d8e1;
@@ -74,45 +74,45 @@
74
74
  --color-background-error-light: #fee;
75
75
  --color-background-error-light-hover: #ffdede;
76
76
  --color-background-error-light-pressed: #ffbdbd;
77
- --color-background-accent-error-light: #cf4a4b;
78
- --color-background-accent-error-light-hover: #9f3b3d;
79
- --color-background-accent-error-light-pressed: #702d2e;
77
+ --color-background-accent-error-light: #9f3b3d;
78
+ --color-background-accent-error-light-hover: #702d2e;
79
+ --color-background-accent-error-light-pressed: #401e20;
80
80
  --color-background-warning: #f90;
81
81
  --color-background-warning-hover: #cf7d04;
82
82
  --color-background-warning-pressed: #9f6207;
83
83
  --color-background-warning-light: #fff5e5;
84
84
  --color-background-warning-light-hover: #ffebcc;
85
85
  --color-background-warning-light-pressed: #ffd699;
86
- --color-background-accent-warning-light: #cf7d04;
87
- --color-background-accent-warning-light-hover: #995c00;
88
- --color-background-accent-warning-light-pressed: #5c3800;
86
+ --color-background-accent-warning-light: #9f6207;
87
+ --color-background-accent-warning-light-hover: #70460b;
88
+ --color-background-accent-warning-light-pressed: #402b0e;
89
89
  --color-background-success: #0b0;
90
90
  --color-background-success-hover: #039904;
91
91
  --color-background-success-pressed: #067607;
92
92
  --color-background-success-light: #e5f8e5;
93
93
  --color-background-success-light-hover: #ccf1cc;
94
94
  --color-background-success-light-pressed: #99e499;
95
- --color-background-accent-success-light: #039904;
96
- --color-background-accent-success-light-hover: #067607;
97
- --color-background-accent-success-light-pressed: #0a540b;
95
+ --color-background-accent-success-light: #067607;
96
+ --color-background-accent-success-light-hover: #0a540b;
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
101
  --color-background-info-light: #f4e8ff;
102
102
  --color-background-info-light-hover: #e6ccff;
103
103
  --color-background-info-light-pressed: #cd9aff;
104
- --color-background-accent-info-light: #6a05d0;
105
- --color-background-accent-info-light-hover: #5307a0;
106
- --color-background-accent-info-light-pressed: #3d0a71;
104
+ --color-background-accent-info-light: #5307a0;
105
+ --color-background-accent-info-light-hover: #3d0a71;
106
+ --color-background-accent-info-light-pressed: #270d41;
107
107
  --color-background-main-inverse: #0d0e12;
108
108
  --color-background-overlay: rgb(0 0 0 / 50%);
109
109
  --color-background-ghost: rgb(255 255 255 / 10%);
110
110
  --color-background-ghost-hover: rgb(255 255 255 / 20%);
111
111
  --color-background-ghost-pressed: rgb(255 255 255 / 30%);
112
112
  --color-background-ghost-disabled: rgb(255 255 255 / 40%);
113
- --color-border-main: #aeb1c4;
114
- --color-border-main-hover: #9a9eb5;
115
- --color-border-main-pressed: #7e8194;
113
+ --color-border-main: #c2c5d3;
114
+ --color-border-main-hover: #aeb1c4;
115
+ --color-border-main-pressed: #9a9eb5;
116
116
  --color-border-secondary: #d7d8e1;
117
117
  --color-border-secondary-hover: #c2c5d3;
118
118
  --color-border-secondary-pressed: #aeb1c4;
@@ -132,7 +132,7 @@
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: #0a2171;
135
+ --color-border-accent-focused: #0f142a;
136
136
  --color-accent-main-hover: #1b1c24;
137
137
  --color-accent-main-pressed: #252732;
138
138
  --color-accent-primary-hover: #252732;
@@ -1,11 +1,11 @@
1
1
  .Theme_color_ozenDark {
2
+ --color-content-action: #039904;
2
3
  --color-content-action-on: #fff;
3
- --color-content-secondary: #d7d8e1;
4
+ --color-content-secondary: #aeb1c4;
4
5
  --color-content-primary: #fff;
5
- --color-content-tertiary: #c2c5d3;
6
- --color-content-disabled: #aeb1c4;
6
+ --color-content-tertiary: #7e8194;
7
+ --color-content-disabled: #7e8194;
7
8
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
8
- --color-content-action: #039904;
9
9
  --color-content-action-hover: #067607;
10
10
  --color-content-action-pressed: #0a540b;
11
11
  --color-content-action-dark: #99e499;
@@ -13,7 +13,7 @@
13
13
  --color-content-action-secondary-hover: #082ba0;
14
14
  --color-content-action-secondary-pressed: #0a2171;
15
15
  --color-content-action-secondary-dark: #9ab1ff;
16
- --color-background-main: #1b1c24;
16
+ --color-background-main: #1e1d22;
17
17
  --color-content-error: #cf4a4b;
18
18
  --color-content-error-hover: #9f3b3d;
19
19
  --color-content-error-pressed: #702d2e;
@@ -30,25 +30,25 @@
30
30
  --color-content-info-hover: #5307a0;
31
31
  --color-content-info-pressed: #3d0a71;
32
32
  --color-content-info-dark: #cd9aff;
33
- --color-content-primary-inverse: #080808;
33
+ --color-content-primary-inverse: #1e1d22;
34
34
  --color-background-main-inverse: #d9dade;
35
35
  --color-content-accent-secondary: #989aa5;
36
36
  --color-accent-main: #14151b;
37
37
  --color-content-accent-primary: #c7c8ce;
38
38
  --color-accent-primary: #1b1c24;
39
39
  --color-content-accent-disabled: #7b7e8c;
40
- --color-background-main-hover: #252732;
41
- --color-background-main-pressed: #2f3240;
42
- --color-background-primary: #14151b;
43
- --color-background-primary-hover: #1b1c24;
44
- --color-background-primary-pressed: #252732;
45
- --color-background-secondary: #252732;
46
- --color-background-secondary-hover: #2f3240;
47
- --color-background-secondary-pressed: #393c4d;
48
- --color-background-tertiary: #2f3240;
49
- --color-background-tertiary-hover: #393c4d;
50
- --color-background-tertiary-pressed: #43475b;
51
- --color-background-disabled: #2f3240;
40
+ --color-background-main-hover: #2c2c33;
41
+ --color-background-main-pressed: #474853;
42
+ --color-background-primary: #17161a;
43
+ --color-background-primary-hover: #1e1d22;
44
+ --color-background-primary-pressed: #2c2c33;
45
+ --color-background-secondary: #2c2c33;
46
+ --color-background-secondary-hover: #474853;
47
+ --color-background-secondary-pressed: #636574;
48
+ --color-background-tertiary: #474853;
49
+ --color-background-tertiary-hover: #636574;
50
+ --color-background-tertiary-pressed: #7e8194;
51
+ --color-background-disabled: #2c2c33;
52
52
  --color-background-action: #039904;
53
53
  --color-background-action-hover: #067607;
54
54
  --color-background-action-pressed: #0a540b;
@@ -132,7 +132,7 @@
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: #0e2010;
136
136
  --color-accent-main-hover: #1b1c24;
137
137
  --color-accent-main-pressed: #252732;
138
138
  --color-accent-primary-hover: #252732;
@@ -1,10 +1,10 @@
1
1
  .Theme_color_ozenDefault {
2
- --color-content-primary: #1e1d22;
2
+ --color-content-action: #0b0;
3
+ --color-content-primary: #0d0e12;
3
4
  --color-content-secondary: #636574;
4
- --color-content-tertiary: #9a9eb5;
5
- --color-content-disabled: #9a9eb5;
5
+ --color-content-tertiary: #7e8194;
6
+ --color-content-disabled: #7e8194;
6
7
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
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;
@@ -47,7 +47,7 @@
47
47
  --color-background-tertiary: #d7d8e1;
48
48
  --color-background-tertiary-hover: #c2c5d3;
49
49
  --color-background-tertiary-pressed: #aeb1c4;
50
- --color-background-disabled: #d7d8e1;
50
+ --color-background-disabled: #ebecf0;
51
51
  --color-background-action: #0b0;
52
52
  --color-background-action-hover: #039904;
53
53
  --color-background-action-pressed: #067607;
@@ -93,8 +93,8 @@
93
93
  --color-background-success-light-hover: #ccf1cc;
94
94
  --color-background-success-light-pressed: #99e499;
95
95
  --color-background-accent-success-light: #067607;
96
- --color-background-accent-success-light-hover: #1e521d;
97
- --color-background-accent-success-light-pressed: #184117;
96
+ --color-background-accent-success-light-hover: #0a540b;
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;
@@ -132,7 +132,7 @@
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: #0a540b;
135
+ --color-border-accent-focused: #0e2010;
136
136
  --color-accent-main-hover: #1b1c24;
137
137
  --color-accent-main-pressed: #252732;
138
138
  --color-accent-primary-hover: #252732;
@@ -1,4 +1,4 @@
1
- export declare const color: readonly ["--color-content-primary", "--color-content-secondary", "--color-content-tertiary", "--color-content-disabled", "--color-content-ghost-disabled", "--color-content-action", "--color-content-action-hover", "--color-content-action-pressed", "--color-content-action-dark", "--color-content-action-secondary", "--color-content-action-secondary-hover", "--color-content-action-secondary-pressed", "--color-content-action-secondary-dark", "--color-content-action-on", "--color-content-error", "--color-content-error-hover", "--color-content-error-pressed", "--color-content-error-dark", "--color-content-warning", "--color-content-warning-hover", "--color-content-warning-pressed", "--color-content-warning-dark", "--color-content-success", "--color-content-success-hover", "--color-content-success-pressed", "--color-content-success-dark", "--color-content-info", "--color-content-info-hover", "--color-content-info-pressed", "--color-content-info-dark", "--color-content-primary-inverse", "--color-content-accent-secondary", "--color-accent-main", "--color-content-accent-primary", "--color-accent-primary", "--color-content-accent-disabled", "--color-background-main", "--color-background-main-hover", "--color-background-main-pressed", "--color-background-primary", "--color-background-primary-hover", "--color-background-primary-pressed", "--color-background-secondary", "--color-background-secondary-hover", "--color-background-secondary-pressed", "--color-background-tertiary", "--color-background-tertiary-hover", "--color-background-tertiary-pressed", "--color-background-disabled", "--color-background-action", "--color-background-action-hover", "--color-background-action-pressed", "--color-background-action-active-disabled", "--color-background-action-light", "--color-background-action-light-hover", "--color-background-action-light-pressed", "--color-background-accent-action-light", "--color-background-accent-action-light-hover", "--color-background-accent-action-light-pressed", "--color-background-action-secondary", "--color-background-action-secondary-hover", "--color-background-action-secondary-pressed", "--color-background-action-secondary-active-disabled", "--color-background-action-secondary-light", "--color-background-action-secondary-light-hover", "--color-background-action-secondary-light-pressed", "--color-background-accent-action-secondary-light", "--color-background-accent-action-secondary-light-hover", "--color-background-accent-action-secondary-light-pressed", "--color-background-error", "--color-background-error-hover", "--color-background-error-pressed", "--color-background-error-light", "--color-background-error-light-hover", "--color-background-error-light-pressed", "--color-background-accent-error-light", "--color-background-accent-error-light-hover", "--color-background-accent-error-light-pressed", "--color-background-warning", "--color-background-warning-hover", "--color-background-warning-pressed", "--color-background-warning-light", "--color-background-warning-light-hover", "--color-background-warning-light-pressed", "--color-background-accent-warning-light", "--color-background-accent-warning-light-hover", "--color-background-accent-warning-light-pressed", "--color-background-success", "--color-background-success-hover", "--color-background-success-pressed", "--color-background-success-light", "--color-background-success-light-hover", "--color-background-success-light-pressed", "--color-background-accent-success-light", "--color-background-accent-success-light-hover", "--color-background-accent-success-light-pressed", "--color-background-info", "--color-background-info-hover", "--color-background-info-pressed", "--color-background-info-light", "--color-background-info-light-hover", "--color-background-info-light-pressed", "--color-background-accent-info-light", "--color-background-accent-info-light-hover", "--color-background-accent-info-light-pressed", "--color-background-main-inverse", "--color-background-overlay", "--color-background-ghost", "--color-background-ghost-hover", "--color-background-ghost-pressed", "--color-background-ghost-disabled", "--color-border-main", "--color-border-main-hover", "--color-border-main-pressed", "--color-border-secondary", "--color-border-secondary-hover", "--color-border-secondary-pressed", "--color-border-disabled", "--color-border-ghost-disabled", "--color-border-focused", "--color-border-action", "--color-border-action-hover", "--color-border-action-pressed", "--color-border-action-secondary", "--color-border-action-secondary-hover", "--color-border-action-secondary-pressed", "--color-border-error", "--color-border-warning", "--color-border-success", "--color-border-info", "--color-border-main-on", "--color-border-accent-main", "--color-border-accent-disabled", "--color-border-accent-focused", "--color-accent-main-hover", "--color-accent-main-pressed", "--color-accent-primary-hover", "--color-accent-primary-pressed", "--color-accent-secondary", "--color-accent-secondary-hover", "--color-accent-secondary-pressed", "--color-accent-tertiary", "--color-accent-tertiary-hover", "--color-accent-tertiary-pressed", "--color-accent-disabled", "--color-accent-main-inverse", "--color-additional-a1", "--color-additional-a2", "--color-additional-a3", "--color-additional-b1", "--color-additional-b2", "--color-additional-b3", "--color-additional-c1", "--color-additional-c2", "--color-additional-c3", "--color-additional-d1", "--color-additional-d2", "--color-additional-d3", "--color-additional-e1", "--color-additional-e2", "--color-additional-e3", "--color-additional-f1", "--color-additional-f2", "--color-additional-f3", "--color-additional-g1", "--color-additional-g2", "--color-additional-g3", "--color-additional-h1", "--color-additional-h2", "--color-additional-h3"];
1
+ export declare const color: readonly ["--color-content-action", "--color-content-primary", "--color-content-secondary", "--color-content-tertiary", "--color-content-disabled", "--color-content-ghost-disabled", "--color-content-action-hover", "--color-content-action-pressed", "--color-content-action-dark", "--color-content-action-secondary", "--color-content-action-secondary-hover", "--color-content-action-secondary-pressed", "--color-content-action-secondary-dark", "--color-content-action-on", "--color-content-error", "--color-content-error-hover", "--color-content-error-pressed", "--color-content-error-dark", "--color-content-warning", "--color-content-warning-hover", "--color-content-warning-pressed", "--color-content-warning-dark", "--color-content-success", "--color-content-success-hover", "--color-content-success-pressed", "--color-content-success-dark", "--color-content-info", "--color-content-info-hover", "--color-content-info-pressed", "--color-content-info-dark", "--color-content-primary-inverse", "--color-content-accent-secondary", "--color-accent-main", "--color-content-accent-primary", "--color-accent-primary", "--color-content-accent-disabled", "--color-background-main", "--color-background-main-hover", "--color-background-main-pressed", "--color-background-primary", "--color-background-primary-hover", "--color-background-primary-pressed", "--color-background-secondary", "--color-background-secondary-hover", "--color-background-secondary-pressed", "--color-background-tertiary", "--color-background-tertiary-hover", "--color-background-tertiary-pressed", "--color-background-disabled", "--color-background-action", "--color-background-action-hover", "--color-background-action-pressed", "--color-background-action-active-disabled", "--color-background-action-light", "--color-background-action-light-hover", "--color-background-action-light-pressed", "--color-background-accent-action-light", "--color-background-accent-action-light-hover", "--color-background-accent-action-light-pressed", "--color-background-action-secondary", "--color-background-action-secondary-hover", "--color-background-action-secondary-pressed", "--color-background-action-secondary-active-disabled", "--color-background-action-secondary-light", "--color-background-action-secondary-light-hover", "--color-background-action-secondary-light-pressed", "--color-background-accent-action-secondary-light", "--color-background-accent-action-secondary-light-hover", "--color-background-accent-action-secondary-light-pressed", "--color-background-error", "--color-background-error-hover", "--color-background-error-pressed", "--color-background-error-light", "--color-background-error-light-hover", "--color-background-error-light-pressed", "--color-background-accent-error-light", "--color-background-accent-error-light-hover", "--color-background-accent-error-light-pressed", "--color-background-warning", "--color-background-warning-hover", "--color-background-warning-pressed", "--color-background-warning-light", "--color-background-warning-light-hover", "--color-background-warning-light-pressed", "--color-background-accent-warning-light", "--color-background-accent-warning-light-hover", "--color-background-accent-warning-light-pressed", "--color-background-success", "--color-background-success-hover", "--color-background-success-pressed", "--color-background-success-light", "--color-background-success-light-hover", "--color-background-success-light-pressed", "--color-background-accent-success-light", "--color-background-accent-success-light-hover", "--color-background-accent-success-light-pressed", "--color-background-info", "--color-background-info-hover", "--color-background-info-pressed", "--color-background-info-light", "--color-background-info-light-hover", "--color-background-info-light-pressed", "--color-background-accent-info-light", "--color-background-accent-info-light-hover", "--color-background-accent-info-light-pressed", "--color-background-main-inverse", "--color-background-overlay", "--color-background-ghost", "--color-background-ghost-hover", "--color-background-ghost-pressed", "--color-background-ghost-disabled", "--color-border-main", "--color-border-main-hover", "--color-border-main-pressed", "--color-border-secondary", "--color-border-secondary-hover", "--color-border-secondary-pressed", "--color-border-disabled", "--color-border-ghost-disabled", "--color-border-focused", "--color-border-action", "--color-border-action-hover", "--color-border-action-pressed", "--color-border-action-secondary", "--color-border-action-secondary-hover", "--color-border-action-secondary-pressed", "--color-border-error", "--color-border-warning", "--color-border-success", "--color-border-info", "--color-border-main-on", "--color-border-accent-main", "--color-border-accent-disabled", "--color-border-accent-focused", "--color-accent-main-hover", "--color-accent-main-pressed", "--color-accent-primary-hover", "--color-accent-primary-pressed", "--color-accent-secondary", "--color-accent-secondary-hover", "--color-accent-secondary-pressed", "--color-accent-tertiary", "--color-accent-tertiary-hover", "--color-accent-tertiary-pressed", "--color-accent-disabled", "--color-accent-main-inverse", "--color-additional-a1", "--color-additional-a2", "--color-additional-a3", "--color-additional-b1", "--color-additional-b2", "--color-additional-b3", "--color-additional-c1", "--color-additional-c2", "--color-additional-c3", "--color-additional-d1", "--color-additional-d2", "--color-additional-d3", "--color-additional-e1", "--color-additional-e2", "--color-additional-e3", "--color-additional-f1", "--color-additional-f2", "--color-additional-f3", "--color-additional-g1", "--color-additional-g2", "--color-additional-g3", "--color-additional-h1", "--color-additional-h2", "--color-additional-h3"];
2
2
  export declare const borderRadius: readonly ["--border-radius-l", "--border-radius-xl", "--border-radius-m", "--border-radius-s", "--border-radius-xs", "--border-radius-2xs"];
3
3
  export declare const borderWidth: readonly ["--border-width-s", "--border-width-m"];
4
4
  export declare const shadow: readonly ["--shadow-l", "--shadow-m", "--shadow-s"];
@@ -2,12 +2,12 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.transition = exports.typography = exports.control = exports.spacing = exports.space = exports.zIndex = exports.breakpoint = exports.shadow = exports.borderWidth = exports.borderRadius = exports.color = void 0;
4
4
  exports.color = [
5
+ '--color-content-action',
5
6
  '--color-content-primary',
6
7
  '--color-content-secondary',
7
8
  '--color-content-tertiary',
8
9
  '--color-content-disabled',
9
10
  '--color-content-ghost-disabled',
10
- '--color-content-action',
11
11
  '--color-content-action-hover',
12
12
  '--color-content-action-pressed',
13
13
  '--color-content-action-dark',
@@ -1,8 +1,8 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.extendTheme = void 0;
4
- var mergeDeep_1 = require("../../utils/mergeDeep");
4
+ var object_1 = require("../../utils/object");
5
5
  var extendTheme = function (target, source) {
6
- return (0, mergeDeep_1.mergeDeep)(target, source);
6
+ return (0, object_1.mergeDeep)(target, source);
7
7
  };
8
8
  exports.extendTheme = extendTheme;
@@ -0,0 +1 @@
1
+ export * from './generateUniqKey';
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./generateUniqKey"), exports);
@@ -0,0 +1,3 @@
1
+ export * from './isEmpty';
2
+ export * from './isPlainObject';
3
+ export * from './mergeDeep';
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./isEmpty"), exports);
5
+ tslib_1.__exportStar(require("./isPlainObject"), exports);
6
+ tslib_1.__exportStar(require("./mergeDeep"), exports);
@@ -4,7 +4,7 @@ exports.renderContent = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var react_1 = tslib_1.__importStar(require("react"));
6
6
  var react_is_1 = require("react-is");
7
- var mergeDeep_1 = require("../../utils/mergeDeep");
7
+ var mergeDeep_1 = require("../object/mergeDeep");
8
8
  function renderContent(_a) {
9
9
  var content = _a.content, props = _a.props;
10
10
  // primitives: string or number
@@ -18,6 +18,7 @@ import { DataListOption } from './index';
18
18
  export var cnDataList = cn('DataList');
19
19
  var DataListRender = function (inProps, ref) {
20
20
  var _a = useThemeProps({ props: inProps, name: 'DataList' }), _b = _a.open, open = _b === void 0 ? DATA_LIST_DEFAULT_OPEN : _b, _c = _a.size, size = _c === void 0 ? DATA_LIST_DEFAULT_SIZE : _c, _d = _a.as, as = _d === void 0 ? DATA_LIST_DEFAULT_TAG : _d, name = _a.name, children = _a.children, anchorRef = _a.anchorRef, selectedProp = _a.selected, defaultSelected = _a.defaultSelected, onClose = _a.onClose, onEnteredProp = _a.onEntered, onExitedProp = _a.onExited, listProps = _a.listProps, className = _a.className, other = __rest(_a, ["open", "size", "as", "name", "children", "anchorRef", "selected", "defaultSelected", "onClose", "onEntered", "onExited", "listProps", "className"]);
21
+ var dataListRef = useRef(null);
21
22
  var listRef = useRef(null);
22
23
  // Состояние представленного компонента с завершенной анимацией
23
24
  var _e = __read(useBoolean(false), 2), opened = _e[0], _f = _e[1], onEntered = _f.on, onExited = _f.off;
@@ -84,7 +85,7 @@ var DataListRender = function (inProps, ref) {
84
85
  }
85
86
  }, [focused, selected]);
86
87
  // Прокрутка списка
87
- useScrollContainerToElement(listRef, selectedElRef, focused ? 'smooth' : 'instant');
88
+ useScrollContainerToElement(dataListRef, selectedElRef, focused ? 'smooth' : 'instant');
88
89
  // Назначает элементу контроля событие управления списком с клавиатуры
89
90
  useEventListener({
90
91
  active: opened,
@@ -144,7 +145,7 @@ var DataListRender = function (inProps, ref) {
144
145
  }, onExited: function () {
145
146
  onExited();
146
147
  onExitedProp === null || onExitedProp === void 0 ? void 0 : onExitedProp();
147
- }, ref: ref }),
148
+ }, ref: useMultiRef([ref, dataListRef]) }),
148
149
  React.createElement(List, __assign({ as: "ul", size: size }, listProps, { onMouseDown: function (e) {
149
150
  var _a;
150
151
  e.preventDefault();
@@ -1,6 +1,6 @@
1
1
  import { __assign } from "tslib";
2
2
  import { classnames } from '@bem-react/classnames';
3
- import { isEmpty } from '../../utils/isEmpty';
3
+ import { isEmpty } from '../../utils/object';
4
4
  var generateGridModCn = function (cn, key, mod) {
5
5
  var _a;
6
6
  var res;
@@ -1,6 +1,6 @@
1
1
  import { __read } from "tslib";
2
2
  import { classnames } from '@bem-react/classnames';
3
- import { isPlainObject } from '../../../utils/isPlainObject';
3
+ import { isPlainObject } from '../../../utils/object';
4
4
  export var generateDirectionCn = function (cn, direction) {
5
5
  if (isPlainObject(direction)) {
6
6
  return classnames(Object.entries(direction)
@@ -1,6 +1,6 @@
1
1
  import { __read } from "tslib";
2
2
  import { classnames } from '@bem-react/classnames';
3
- import { isPlainObject } from '../../../utils/isPlainObject';
3
+ import { isPlainObject } from '../../../utils/object';
4
4
  export var generateGapCn = function (cn, gap) {
5
5
  if (isPlainObject(gap)) {
6
6
  return classnames(Object.entries(gap)
@@ -1,10 +1,11 @@
1
1
  .Theme_color_bBusinessDark {
2
+ --color-content-success: #039904;
2
3
  --color-content-action-on: #fff;
3
- --color-content-secondary: #949494;
4
- --color-content-primary: #f5f5f5;
5
- --color-content-tertiary: #707070;
6
- --color-content-disabled: #4e4e4e;
7
- --color-content-ghost-disabled: rgb(255 255 255 / 47%);
4
+ --color-content-secondary: #aeb1c4;
5
+ --color-content-primary: #fff;
6
+ --color-content-tertiary: #7e8194;
7
+ --color-content-disabled: #7e8194;
8
+ --color-content-ghost-disabled: rgb(255 255 255 / 40%);
8
9
  --color-content-action: #0534d0;
9
10
  --color-content-action-hover: #082ba0;
10
11
  --color-content-action-pressed: #0a2171;
@@ -12,7 +13,7 @@
12
13
  --color-content-action-secondary: #d7d8e1;
13
14
  --color-content-action-secondary-hover: #c2c5d3;
14
15
  --color-content-action-secondary-pressed: #aeb1c4;
15
- --color-content-action-secondary-dark: #aeb1c4;
16
+ --color-content-action-secondary-dark: #9a9eb5;
16
17
  --color-background-main: #1e1d22;
17
18
  --color-content-error: #cf4a4b;
18
19
  --color-content-error-hover: #9f3b3d;
@@ -22,7 +23,6 @@
22
23
  --color-content-warning-hover: #9f6207;
23
24
  --color-content-warning-pressed: #70460b;
24
25
  --color-content-warning-dark: #ffd699;
25
- --color-content-success: #039904;
26
26
  --color-content-success-hover: #067607;
27
27
  --color-content-success-pressed: #0a540b;
28
28
  --color-content-success-dark: #99e499;
@@ -48,7 +48,7 @@
48
48
  --color-background-tertiary: #474853;
49
49
  --color-background-tertiary-hover: #636574;
50
50
  --color-background-tertiary-pressed: #7e8194;
51
- --color-background-disabled: #474853;
51
+ --color-background-disabled: #2c2c33;
52
52
  --color-background-action: #0534d0;
53
53
  --color-background-action-hover: #082ba0;
54
54
  --color-background-action-pressed: #0a2171;
@@ -59,14 +59,14 @@
59
59
  --color-background-accent-action-light: #082ba0;
60
60
  --color-background-accent-action-light-hover: #0a2171;
61
61
  --color-background-accent-action-light-pressed: #0d1841;
62
- --color-background-action-secondary: #43b741;
63
- --color-background-action-secondary-hover: #379535;
64
- --color-background-action-secondary-pressed: #2a7329;
65
- --color-background-action-secondary-disabled: #184117;
66
- --color-background-action-secondary-light: #113011;
67
- --color-background-action-secondary-light-hover: #1e521d;
68
- --color-background-action-secondary-light-pressed: #184117;
69
- --color-background-accent-action-secondary-light: #067607;
62
+ --color-background-action-secondary: #aeb1c4;
63
+ --color-background-action-secondary-hover: #9a9eb5;
64
+ --color-background-action-secondary-pressed: #7e8194;
65
+ --color-background-action-secondary-disabled: #474853;
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
70
  --color-background-accent-action-secondary-light-hover: #0a540b;
71
71
  --color-background-accent-action-secondary-light-pressed: #0d310e;
72
72
  --color-background-error: #cf4a4b;
@@ -1,10 +1,10 @@
1
1
  .Theme_color_bBusinessDefault {
2
- --color-content-primary: #1e1d22;
2
+ --color-content-action: #023dff;
3
+ --color-content-primary: #0d0e12;
3
4
  --color-content-secondary: #636574;
4
- --color-content-tertiary: #9a9eb5;
5
- --color-content-disabled: #9a9eb5;
5
+ --color-content-tertiary: #7e8194;
6
+ --color-content-disabled: #7e8194;
6
7
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
- --color-content-action: #023dff;
8
8
  --color-content-action-hover: #0534d0;
9
9
  --color-content-action-pressed: #082ba0;
10
10
  --color-content-action-dark: #0a2171;
@@ -47,11 +47,11 @@
47
47
  --color-background-tertiary: #d7d8e1;
48
48
  --color-background-tertiary-hover: #c2c5d3;
49
49
  --color-background-tertiary-pressed: #aeb1c4;
50
- --color-background-disabled: #d7d8e1;
50
+ --color-background-disabled: #ebecf0;
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: #ccd8ff;
54
+ --color-background-action-active-disabled: #9ab1ff;
55
55
  --color-background-action-light: #e6ecff;
56
56
  --color-background-action-light-hover: #ccd8ff;
57
57
  --color-background-action-light-pressed: #9ab1ff;
@@ -61,7 +61,7 @@
61
61
  --color-background-action-secondary: #2c2c33;
62
62
  --color-background-action-secondary-hover: #1e1d22;
63
63
  --color-background-action-secondary-pressed: #17161a;
64
- --color-background-action-secondary-active-disabled: #ebecf0;
64
+ --color-background-action-secondary-active-disabled: #d7d8e1;
65
65
  --color-background-action-secondary-light: #f5f5f8;
66
66
  --color-background-action-secondary-light-hover: #ebecf0;
67
67
  --color-background-action-secondary-light-pressed: #d7d8e1;
@@ -74,45 +74,45 @@
74
74
  --color-background-error-light: #fee;
75
75
  --color-background-error-light-hover: #ffdede;
76
76
  --color-background-error-light-pressed: #ffbdbd;
77
- --color-background-accent-error-light: #cf4a4b;
78
- --color-background-accent-error-light-hover: #9f3b3d;
79
- --color-background-accent-error-light-pressed: #702d2e;
77
+ --color-background-accent-error-light: #9f3b3d;
78
+ --color-background-accent-error-light-hover: #702d2e;
79
+ --color-background-accent-error-light-pressed: #401e20;
80
80
  --color-background-warning: #f90;
81
81
  --color-background-warning-hover: #cf7d04;
82
82
  --color-background-warning-pressed: #9f6207;
83
83
  --color-background-warning-light: #fff5e5;
84
84
  --color-background-warning-light-hover: #ffebcc;
85
85
  --color-background-warning-light-pressed: #ffd699;
86
- --color-background-accent-warning-light: #cf7d04;
87
- --color-background-accent-warning-light-hover: #995c00;
88
- --color-background-accent-warning-light-pressed: #5c3800;
86
+ --color-background-accent-warning-light: #9f6207;
87
+ --color-background-accent-warning-light-hover: #70460b;
88
+ --color-background-accent-warning-light-pressed: #402b0e;
89
89
  --color-background-success: #0b0;
90
90
  --color-background-success-hover: #039904;
91
91
  --color-background-success-pressed: #067607;
92
92
  --color-background-success-light: #e5f8e5;
93
93
  --color-background-success-light-hover: #ccf1cc;
94
94
  --color-background-success-light-pressed: #99e499;
95
- --color-background-accent-success-light: #039904;
96
- --color-background-accent-success-light-hover: #067607;
97
- --color-background-accent-success-light-pressed: #0a540b;
95
+ --color-background-accent-success-light: #067607;
96
+ --color-background-accent-success-light-hover: #0a540b;
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
101
  --color-background-info-light: #f4e8ff;
102
102
  --color-background-info-light-hover: #e6ccff;
103
103
  --color-background-info-light-pressed: #cd9aff;
104
- --color-background-accent-info-light: #6a05d0;
105
- --color-background-accent-info-light-hover: #5307a0;
106
- --color-background-accent-info-light-pressed: #3d0a71;
104
+ --color-background-accent-info-light: #5307a0;
105
+ --color-background-accent-info-light-hover: #3d0a71;
106
+ --color-background-accent-info-light-pressed: #270d41;
107
107
  --color-background-main-inverse: #0d0e12;
108
108
  --color-background-overlay: rgb(0 0 0 / 50%);
109
109
  --color-background-ghost: rgb(255 255 255 / 10%);
110
110
  --color-background-ghost-hover: rgb(255 255 255 / 20%);
111
111
  --color-background-ghost-pressed: rgb(255 255 255 / 30%);
112
112
  --color-background-ghost-disabled: rgb(255 255 255 / 40%);
113
- --color-border-main: #aeb1c4;
114
- --color-border-main-hover: #9a9eb5;
115
- --color-border-main-pressed: #7e8194;
113
+ --color-border-main: #c2c5d3;
114
+ --color-border-main-hover: #aeb1c4;
115
+ --color-border-main-pressed: #9a9eb5;
116
116
  --color-border-secondary: #d7d8e1;
117
117
  --color-border-secondary-hover: #c2c5d3;
118
118
  --color-border-secondary-pressed: #aeb1c4;
@@ -132,7 +132,7 @@
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: #0a2171;
135
+ --color-border-accent-focused: #0f142a;
136
136
  --color-accent-main-hover: #1b1c24;
137
137
  --color-accent-main-pressed: #252732;
138
138
  --color-accent-primary-hover: #252732;
@@ -1,11 +1,11 @@
1
1
  .Theme_color_ozenDark {
2
+ --color-content-action: #039904;
2
3
  --color-content-action-on: #fff;
3
- --color-content-secondary: #d7d8e1;
4
+ --color-content-secondary: #aeb1c4;
4
5
  --color-content-primary: #fff;
5
- --color-content-tertiary: #c2c5d3;
6
- --color-content-disabled: #aeb1c4;
6
+ --color-content-tertiary: #7e8194;
7
+ --color-content-disabled: #7e8194;
7
8
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
8
- --color-content-action: #039904;
9
9
  --color-content-action-hover: #067607;
10
10
  --color-content-action-pressed: #0a540b;
11
11
  --color-content-action-dark: #99e499;
@@ -13,7 +13,7 @@
13
13
  --color-content-action-secondary-hover: #082ba0;
14
14
  --color-content-action-secondary-pressed: #0a2171;
15
15
  --color-content-action-secondary-dark: #9ab1ff;
16
- --color-background-main: #1b1c24;
16
+ --color-background-main: #1e1d22;
17
17
  --color-content-error: #cf4a4b;
18
18
  --color-content-error-hover: #9f3b3d;
19
19
  --color-content-error-pressed: #702d2e;
@@ -30,25 +30,25 @@
30
30
  --color-content-info-hover: #5307a0;
31
31
  --color-content-info-pressed: #3d0a71;
32
32
  --color-content-info-dark: #cd9aff;
33
- --color-content-primary-inverse: #080808;
33
+ --color-content-primary-inverse: #1e1d22;
34
34
  --color-background-main-inverse: #d9dade;
35
35
  --color-content-accent-secondary: #989aa5;
36
36
  --color-accent-main: #14151b;
37
37
  --color-content-accent-primary: #c7c8ce;
38
38
  --color-accent-primary: #1b1c24;
39
39
  --color-content-accent-disabled: #7b7e8c;
40
- --color-background-main-hover: #252732;
41
- --color-background-main-pressed: #2f3240;
42
- --color-background-primary: #14151b;
43
- --color-background-primary-hover: #1b1c24;
44
- --color-background-primary-pressed: #252732;
45
- --color-background-secondary: #252732;
46
- --color-background-secondary-hover: #2f3240;
47
- --color-background-secondary-pressed: #393c4d;
48
- --color-background-tertiary: #2f3240;
49
- --color-background-tertiary-hover: #393c4d;
50
- --color-background-tertiary-pressed: #43475b;
51
- --color-background-disabled: #2f3240;
40
+ --color-background-main-hover: #2c2c33;
41
+ --color-background-main-pressed: #474853;
42
+ --color-background-primary: #17161a;
43
+ --color-background-primary-hover: #1e1d22;
44
+ --color-background-primary-pressed: #2c2c33;
45
+ --color-background-secondary: #2c2c33;
46
+ --color-background-secondary-hover: #474853;
47
+ --color-background-secondary-pressed: #636574;
48
+ --color-background-tertiary: #474853;
49
+ --color-background-tertiary-hover: #636574;
50
+ --color-background-tertiary-pressed: #7e8194;
51
+ --color-background-disabled: #2c2c33;
52
52
  --color-background-action: #039904;
53
53
  --color-background-action-hover: #067607;
54
54
  --color-background-action-pressed: #0a540b;
@@ -132,7 +132,7 @@
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: #0e2010;
136
136
  --color-accent-main-hover: #1b1c24;
137
137
  --color-accent-main-pressed: #252732;
138
138
  --color-accent-primary-hover: #252732;
@@ -1,10 +1,10 @@
1
1
  .Theme_color_ozenDefault {
2
- --color-content-primary: #1e1d22;
2
+ --color-content-action: #0b0;
3
+ --color-content-primary: #0d0e12;
3
4
  --color-content-secondary: #636574;
4
- --color-content-tertiary: #9a9eb5;
5
- --color-content-disabled: #9a9eb5;
5
+ --color-content-tertiary: #7e8194;
6
+ --color-content-disabled: #7e8194;
6
7
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
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;
@@ -47,7 +47,7 @@
47
47
  --color-background-tertiary: #d7d8e1;
48
48
  --color-background-tertiary-hover: #c2c5d3;
49
49
  --color-background-tertiary-pressed: #aeb1c4;
50
- --color-background-disabled: #d7d8e1;
50
+ --color-background-disabled: #ebecf0;
51
51
  --color-background-action: #0b0;
52
52
  --color-background-action-hover: #039904;
53
53
  --color-background-action-pressed: #067607;
@@ -93,8 +93,8 @@
93
93
  --color-background-success-light-hover: #ccf1cc;
94
94
  --color-background-success-light-pressed: #99e499;
95
95
  --color-background-accent-success-light: #067607;
96
- --color-background-accent-success-light-hover: #1e521d;
97
- --color-background-accent-success-light-pressed: #184117;
96
+ --color-background-accent-success-light-hover: #0a540b;
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;
@@ -132,7 +132,7 @@
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: #0a540b;
135
+ --color-border-accent-focused: #0e2010;
136
136
  --color-accent-main-hover: #1b1c24;
137
137
  --color-accent-main-pressed: #252732;
138
138
  --color-accent-primary-hover: #252732;
@@ -1,4 +1,4 @@
1
- export declare const color: readonly ["--color-content-primary", "--color-content-secondary", "--color-content-tertiary", "--color-content-disabled", "--color-content-ghost-disabled", "--color-content-action", "--color-content-action-hover", "--color-content-action-pressed", "--color-content-action-dark", "--color-content-action-secondary", "--color-content-action-secondary-hover", "--color-content-action-secondary-pressed", "--color-content-action-secondary-dark", "--color-content-action-on", "--color-content-error", "--color-content-error-hover", "--color-content-error-pressed", "--color-content-error-dark", "--color-content-warning", "--color-content-warning-hover", "--color-content-warning-pressed", "--color-content-warning-dark", "--color-content-success", "--color-content-success-hover", "--color-content-success-pressed", "--color-content-success-dark", "--color-content-info", "--color-content-info-hover", "--color-content-info-pressed", "--color-content-info-dark", "--color-content-primary-inverse", "--color-content-accent-secondary", "--color-accent-main", "--color-content-accent-primary", "--color-accent-primary", "--color-content-accent-disabled", "--color-background-main", "--color-background-main-hover", "--color-background-main-pressed", "--color-background-primary", "--color-background-primary-hover", "--color-background-primary-pressed", "--color-background-secondary", "--color-background-secondary-hover", "--color-background-secondary-pressed", "--color-background-tertiary", "--color-background-tertiary-hover", "--color-background-tertiary-pressed", "--color-background-disabled", "--color-background-action", "--color-background-action-hover", "--color-background-action-pressed", "--color-background-action-active-disabled", "--color-background-action-light", "--color-background-action-light-hover", "--color-background-action-light-pressed", "--color-background-accent-action-light", "--color-background-accent-action-light-hover", "--color-background-accent-action-light-pressed", "--color-background-action-secondary", "--color-background-action-secondary-hover", "--color-background-action-secondary-pressed", "--color-background-action-secondary-active-disabled", "--color-background-action-secondary-light", "--color-background-action-secondary-light-hover", "--color-background-action-secondary-light-pressed", "--color-background-accent-action-secondary-light", "--color-background-accent-action-secondary-light-hover", "--color-background-accent-action-secondary-light-pressed", "--color-background-error", "--color-background-error-hover", "--color-background-error-pressed", "--color-background-error-light", "--color-background-error-light-hover", "--color-background-error-light-pressed", "--color-background-accent-error-light", "--color-background-accent-error-light-hover", "--color-background-accent-error-light-pressed", "--color-background-warning", "--color-background-warning-hover", "--color-background-warning-pressed", "--color-background-warning-light", "--color-background-warning-light-hover", "--color-background-warning-light-pressed", "--color-background-accent-warning-light", "--color-background-accent-warning-light-hover", "--color-background-accent-warning-light-pressed", "--color-background-success", "--color-background-success-hover", "--color-background-success-pressed", "--color-background-success-light", "--color-background-success-light-hover", "--color-background-success-light-pressed", "--color-background-accent-success-light", "--color-background-accent-success-light-hover", "--color-background-accent-success-light-pressed", "--color-background-info", "--color-background-info-hover", "--color-background-info-pressed", "--color-background-info-light", "--color-background-info-light-hover", "--color-background-info-light-pressed", "--color-background-accent-info-light", "--color-background-accent-info-light-hover", "--color-background-accent-info-light-pressed", "--color-background-main-inverse", "--color-background-overlay", "--color-background-ghost", "--color-background-ghost-hover", "--color-background-ghost-pressed", "--color-background-ghost-disabled", "--color-border-main", "--color-border-main-hover", "--color-border-main-pressed", "--color-border-secondary", "--color-border-secondary-hover", "--color-border-secondary-pressed", "--color-border-disabled", "--color-border-ghost-disabled", "--color-border-focused", "--color-border-action", "--color-border-action-hover", "--color-border-action-pressed", "--color-border-action-secondary", "--color-border-action-secondary-hover", "--color-border-action-secondary-pressed", "--color-border-error", "--color-border-warning", "--color-border-success", "--color-border-info", "--color-border-main-on", "--color-border-accent-main", "--color-border-accent-disabled", "--color-border-accent-focused", "--color-accent-main-hover", "--color-accent-main-pressed", "--color-accent-primary-hover", "--color-accent-primary-pressed", "--color-accent-secondary", "--color-accent-secondary-hover", "--color-accent-secondary-pressed", "--color-accent-tertiary", "--color-accent-tertiary-hover", "--color-accent-tertiary-pressed", "--color-accent-disabled", "--color-accent-main-inverse", "--color-additional-a1", "--color-additional-a2", "--color-additional-a3", "--color-additional-b1", "--color-additional-b2", "--color-additional-b3", "--color-additional-c1", "--color-additional-c2", "--color-additional-c3", "--color-additional-d1", "--color-additional-d2", "--color-additional-d3", "--color-additional-e1", "--color-additional-e2", "--color-additional-e3", "--color-additional-f1", "--color-additional-f2", "--color-additional-f3", "--color-additional-g1", "--color-additional-g2", "--color-additional-g3", "--color-additional-h1", "--color-additional-h2", "--color-additional-h3"];
1
+ export declare const color: readonly ["--color-content-action", "--color-content-primary", "--color-content-secondary", "--color-content-tertiary", "--color-content-disabled", "--color-content-ghost-disabled", "--color-content-action-hover", "--color-content-action-pressed", "--color-content-action-dark", "--color-content-action-secondary", "--color-content-action-secondary-hover", "--color-content-action-secondary-pressed", "--color-content-action-secondary-dark", "--color-content-action-on", "--color-content-error", "--color-content-error-hover", "--color-content-error-pressed", "--color-content-error-dark", "--color-content-warning", "--color-content-warning-hover", "--color-content-warning-pressed", "--color-content-warning-dark", "--color-content-success", "--color-content-success-hover", "--color-content-success-pressed", "--color-content-success-dark", "--color-content-info", "--color-content-info-hover", "--color-content-info-pressed", "--color-content-info-dark", "--color-content-primary-inverse", "--color-content-accent-secondary", "--color-accent-main", "--color-content-accent-primary", "--color-accent-primary", "--color-content-accent-disabled", "--color-background-main", "--color-background-main-hover", "--color-background-main-pressed", "--color-background-primary", "--color-background-primary-hover", "--color-background-primary-pressed", "--color-background-secondary", "--color-background-secondary-hover", "--color-background-secondary-pressed", "--color-background-tertiary", "--color-background-tertiary-hover", "--color-background-tertiary-pressed", "--color-background-disabled", "--color-background-action", "--color-background-action-hover", "--color-background-action-pressed", "--color-background-action-active-disabled", "--color-background-action-light", "--color-background-action-light-hover", "--color-background-action-light-pressed", "--color-background-accent-action-light", "--color-background-accent-action-light-hover", "--color-background-accent-action-light-pressed", "--color-background-action-secondary", "--color-background-action-secondary-hover", "--color-background-action-secondary-pressed", "--color-background-action-secondary-active-disabled", "--color-background-action-secondary-light", "--color-background-action-secondary-light-hover", "--color-background-action-secondary-light-pressed", "--color-background-accent-action-secondary-light", "--color-background-accent-action-secondary-light-hover", "--color-background-accent-action-secondary-light-pressed", "--color-background-error", "--color-background-error-hover", "--color-background-error-pressed", "--color-background-error-light", "--color-background-error-light-hover", "--color-background-error-light-pressed", "--color-background-accent-error-light", "--color-background-accent-error-light-hover", "--color-background-accent-error-light-pressed", "--color-background-warning", "--color-background-warning-hover", "--color-background-warning-pressed", "--color-background-warning-light", "--color-background-warning-light-hover", "--color-background-warning-light-pressed", "--color-background-accent-warning-light", "--color-background-accent-warning-light-hover", "--color-background-accent-warning-light-pressed", "--color-background-success", "--color-background-success-hover", "--color-background-success-pressed", "--color-background-success-light", "--color-background-success-light-hover", "--color-background-success-light-pressed", "--color-background-accent-success-light", "--color-background-accent-success-light-hover", "--color-background-accent-success-light-pressed", "--color-background-info", "--color-background-info-hover", "--color-background-info-pressed", "--color-background-info-light", "--color-background-info-light-hover", "--color-background-info-light-pressed", "--color-background-accent-info-light", "--color-background-accent-info-light-hover", "--color-background-accent-info-light-pressed", "--color-background-main-inverse", "--color-background-overlay", "--color-background-ghost", "--color-background-ghost-hover", "--color-background-ghost-pressed", "--color-background-ghost-disabled", "--color-border-main", "--color-border-main-hover", "--color-border-main-pressed", "--color-border-secondary", "--color-border-secondary-hover", "--color-border-secondary-pressed", "--color-border-disabled", "--color-border-ghost-disabled", "--color-border-focused", "--color-border-action", "--color-border-action-hover", "--color-border-action-pressed", "--color-border-action-secondary", "--color-border-action-secondary-hover", "--color-border-action-secondary-pressed", "--color-border-error", "--color-border-warning", "--color-border-success", "--color-border-info", "--color-border-main-on", "--color-border-accent-main", "--color-border-accent-disabled", "--color-border-accent-focused", "--color-accent-main-hover", "--color-accent-main-pressed", "--color-accent-primary-hover", "--color-accent-primary-pressed", "--color-accent-secondary", "--color-accent-secondary-hover", "--color-accent-secondary-pressed", "--color-accent-tertiary", "--color-accent-tertiary-hover", "--color-accent-tertiary-pressed", "--color-accent-disabled", "--color-accent-main-inverse", "--color-additional-a1", "--color-additional-a2", "--color-additional-a3", "--color-additional-b1", "--color-additional-b2", "--color-additional-b3", "--color-additional-c1", "--color-additional-c2", "--color-additional-c3", "--color-additional-d1", "--color-additional-d2", "--color-additional-d3", "--color-additional-e1", "--color-additional-e2", "--color-additional-e3", "--color-additional-f1", "--color-additional-f2", "--color-additional-f3", "--color-additional-g1", "--color-additional-g2", "--color-additional-g3", "--color-additional-h1", "--color-additional-h2", "--color-additional-h3"];
2
2
  export declare const borderRadius: readonly ["--border-radius-l", "--border-radius-xl", "--border-radius-m", "--border-radius-s", "--border-radius-xs", "--border-radius-2xs"];
3
3
  export declare const borderWidth: readonly ["--border-width-s", "--border-width-m"];
4
4
  export declare const shadow: readonly ["--shadow-l", "--shadow-m", "--shadow-s"];
@@ -1,10 +1,10 @@
1
1
  export var color = [
2
+ '--color-content-action',
2
3
  '--color-content-primary',
3
4
  '--color-content-secondary',
4
5
  '--color-content-tertiary',
5
6
  '--color-content-disabled',
6
7
  '--color-content-ghost-disabled',
7
- '--color-content-action',
8
8
  '--color-content-action-hover',
9
9
  '--color-content-action-pressed',
10
10
  '--color-content-action-dark',
@@ -1,4 +1,4 @@
1
- import { mergeDeep } from '../../utils/mergeDeep';
1
+ import { mergeDeep } from '../../utils/object';
2
2
  export var extendTheme = function (target, source) {
3
3
  return mergeDeep(target, source);
4
4
  };
@@ -0,0 +1 @@
1
+ export * from './generateUniqKey';
@@ -0,0 +1 @@
1
+ export * from './generateUniqKey';
@@ -0,0 +1,3 @@
1
+ export * from './isEmpty';
2
+ export * from './isPlainObject';
3
+ export * from './mergeDeep';
@@ -0,0 +1,3 @@
1
+ export * from './isEmpty';
2
+ export * from './isPlainObject';
3
+ export * from './mergeDeep';
@@ -1,7 +1,7 @@
1
1
  import { __assign } from "tslib";
2
2
  import React, { isValidElement, cloneElement } from 'react';
3
3
  import { isElement, isValidElementType } from 'react-is';
4
- import { mergeDeep } from '../../utils/mergeDeep';
4
+ import { mergeDeep } from '../object/mergeDeep';
5
5
  export function renderContent(_a) {
6
6
  var content = _a.content, props = _a.props;
7
7
  // primitives: string or number
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ozen-ui/kit",
3
- "version": "0.24.0",
3
+ "version": "0.24.2",
4
4
  "description": "React component library",
5
5
  "files": [
6
6
  "*"
@@ -27,7 +27,7 @@
27
27
  "react-is": "^18.2.0",
28
28
  "react-popper": "^2.3.0",
29
29
  "react-transition-group": "^4.4.5",
30
- "tslib": "^2.6.0"
30
+ "tslib": "^2.6.2"
31
31
  },
32
32
  "peerDependencies": {
33
33
  "@ozen-ui/fonts": "latest",
@@ -1,5 +0,0 @@
1
- {
2
- "main": "../__inner__/cjs/components/Calendar/index.js",
3
- "module": "../__inner__/esm/components/Calendar/index.js",
4
- "types": "../__inner__/esm/components/Calendar/index.d.ts"
5
- }