@ozen-ui/kit 0.24.1 → 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.
- package/__inner__/cjs/components/Grid/useGrid.js +2 -2
- package/__inner__/cjs/components/Stack/utils/generateDirectionCn.js +2 -2
- package/__inner__/cjs/components/Stack/utils/generateGapCn.js +2 -2
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +16 -16
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +23 -23
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDark.css +19 -19
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css +8 -8
- package/__inner__/cjs/components/ThemeProvider/themes/helper.d.ts +1 -1
- package/__inner__/cjs/components/ThemeProvider/themes/helper.js +1 -1
- package/__inner__/cjs/components/ThemeProvider/utils.js +2 -2
- package/__inner__/cjs/utils/generateUniqKey/index.d.ts +1 -0
- package/__inner__/cjs/utils/generateUniqKey/index.js +4 -0
- package/__inner__/cjs/utils/object/index.d.ts +3 -0
- package/__inner__/cjs/utils/object/index.js +6 -0
- package/__inner__/cjs/utils/renderContent/renderContent.js +1 -1
- package/__inner__/esm/components/Grid/useGrid.js +1 -1
- package/__inner__/esm/components/Stack/utils/generateDirectionCn.js +1 -1
- package/__inner__/esm/components/Stack/utils/generateGapCn.js +1 -1
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +16 -16
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +23 -23
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDark.css +19 -19
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDefault.css +8 -8
- package/__inner__/esm/components/ThemeProvider/themes/helper.d.ts +1 -1
- package/__inner__/esm/components/ThemeProvider/themes/helper.js +1 -1
- package/__inner__/esm/components/ThemeProvider/utils.js +1 -1
- package/__inner__/esm/utils/generateUniqKey/index.d.ts +1 -0
- package/__inner__/esm/utils/generateUniqKey/index.js +1 -0
- package/__inner__/esm/utils/object/index.d.ts +3 -0
- package/__inner__/esm/utils/object/index.js +3 -0
- package/__inner__/esm/utils/renderContent/renderContent.js +1 -1
- package/package.json +2 -2
- package/Calendar/package.json +0 -5
- /package/__inner__/cjs/utils/{generateUniqKey.d.ts → generateUniqKey/generateUniqKey.d.ts} +0 -0
- /package/__inner__/cjs/utils/{generateUniqKey.js → generateUniqKey/generateUniqKey.js} +0 -0
- /package/__inner__/cjs/utils/{isEmpty.d.ts → object/isEmpty.d.ts} +0 -0
- /package/__inner__/cjs/utils/{isEmpty.js → object/isEmpty.js} +0 -0
- /package/__inner__/cjs/utils/{isPlainObject.d.ts → object/isPlainObject.d.ts} +0 -0
- /package/__inner__/cjs/utils/{isPlainObject.js → object/isPlainObject.js} +0 -0
- /package/__inner__/cjs/utils/{mergeDeep → object/mergeDeep}/index.d.ts +0 -0
- /package/__inner__/cjs/utils/{mergeDeep → object/mergeDeep}/index.js +0 -0
- /package/__inner__/cjs/utils/{mergeDeep → object/mergeDeep}/mergeDeep.d.ts +0 -0
- /package/__inner__/cjs/utils/{mergeDeep → object/mergeDeep}/mergeDeep.js +0 -0
- /package/__inner__/esm/utils/{generateUniqKey.d.ts → generateUniqKey/generateUniqKey.d.ts} +0 -0
- /package/__inner__/esm/utils/{generateUniqKey.js → generateUniqKey/generateUniqKey.js} +0 -0
- /package/__inner__/esm/utils/{isEmpty.d.ts → object/isEmpty.d.ts} +0 -0
- /package/__inner__/esm/utils/{isEmpty.js → object/isEmpty.js} +0 -0
- /package/__inner__/esm/utils/{isPlainObject.d.ts → object/isPlainObject.d.ts} +0 -0
- /package/__inner__/esm/utils/{isPlainObject.js → object/isPlainObject.js} +0 -0
- /package/__inner__/esm/utils/{mergeDeep → object/mergeDeep}/index.d.ts +0 -0
- /package/__inner__/esm/utils/{mergeDeep → object/mergeDeep}/index.js +0 -0
- /package/__inner__/esm/utils/{mergeDeep → object/mergeDeep}/mergeDeep.d.ts +0 -0
- /package/__inner__/esm/utils/{mergeDeep → object/mergeDeep}/mergeDeep.js +0 -0
|
@@ -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
|
|
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,
|
|
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
|
|
6
|
+
var object_1 = require("../../../utils/object");
|
|
7
7
|
var generateDirectionCn = function (cn, direction) {
|
|
8
|
-
if ((0,
|
|
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
|
|
6
|
+
var object_1 = require("../../../utils/object");
|
|
7
7
|
var generateGapCn = function (cn, gap) {
|
|
8
|
-
if ((0,
|
|
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: #
|
|
4
|
-
--color-content-primary: #
|
|
5
|
-
--color-content-tertiary: #
|
|
6
|
-
--color-content-disabled: #
|
|
7
|
-
--color-content-ghost-disabled: rgb(255 255 255 /
|
|
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: #
|
|
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: #
|
|
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: #
|
|
63
|
-
--color-background-action-secondary-hover: #
|
|
64
|
-
--color-background-action-secondary-pressed: #
|
|
65
|
-
--color-background-action-secondary-disabled: #
|
|
66
|
-
--color-background-action-secondary-light: #
|
|
67
|
-
--color-background-action-secondary-light-hover: #
|
|
68
|
-
--color-background-action-secondary-light-pressed: #
|
|
69
|
-
--color-background-accent-action-secondary-light: #
|
|
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-
|
|
2
|
+
--color-content-action: #023dff;
|
|
3
|
+
--color-content-primary: #0d0e12;
|
|
3
4
|
--color-content-secondary: #636574;
|
|
4
|
-
--color-content-tertiary: #
|
|
5
|
-
--color-content-disabled: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
78
|
-
--color-background-accent-error-light-hover: #
|
|
79
|
-
--color-background-accent-error-light-pressed: #
|
|
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: #
|
|
87
|
-
--color-background-accent-warning-light-hover: #
|
|
88
|
-
--color-background-accent-warning-light-pressed: #
|
|
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: #
|
|
96
|
-
--color-background-accent-success-light-hover: #
|
|
97
|
-
--color-background-accent-success-light-pressed: #
|
|
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: #
|
|
105
|
-
--color-background-accent-info-light-hover: #
|
|
106
|
-
--color-background-accent-info-light-pressed: #
|
|
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: #
|
|
114
|
-
--color-border-main-hover: #
|
|
115
|
-
--color-border-main-pressed: #
|
|
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: #
|
|
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: #
|
|
4
|
+
--color-content-secondary: #aeb1c4;
|
|
4
5
|
--color-content-primary: #fff;
|
|
5
|
-
--color-content-tertiary: #
|
|
6
|
-
--color-content-disabled: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
41
|
-
--color-background-main-pressed: #
|
|
42
|
-
--color-background-primary: #
|
|
43
|
-
--color-background-primary-hover: #
|
|
44
|
-
--color-background-primary-pressed: #
|
|
45
|
-
--color-background-secondary: #
|
|
46
|
-
--color-background-secondary-hover: #
|
|
47
|
-
--color-background-secondary-pressed: #
|
|
48
|
-
--color-background-tertiary: #
|
|
49
|
-
--color-background-tertiary-hover: #
|
|
50
|
-
--color-background-tertiary-pressed: #
|
|
51
|
-
--color-background-disabled: #
|
|
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: #
|
|
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-
|
|
2
|
+
--color-content-action: #0b0;
|
|
3
|
+
--color-content-primary: #0d0e12;
|
|
3
4
|
--color-content-secondary: #636574;
|
|
4
|
-
--color-content-tertiary: #
|
|
5
|
-
--color-content-disabled: #
|
|
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: #
|
|
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: #
|
|
97
|
-
--color-background-accent-success-light-pressed: #
|
|
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: #
|
|
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-
|
|
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
|
|
4
|
+
var object_1 = require("../../utils/object");
|
|
5
5
|
var extendTheme = function (target, source) {
|
|
6
|
-
return (0,
|
|
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,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("
|
|
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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import { classnames } from '@bem-react/classnames';
|
|
3
|
-
import { isPlainObject } from '../../../utils/
|
|
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/
|
|
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: #
|
|
4
|
-
--color-content-primary: #
|
|
5
|
-
--color-content-tertiary: #
|
|
6
|
-
--color-content-disabled: #
|
|
7
|
-
--color-content-ghost-disabled: rgb(255 255 255 /
|
|
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: #
|
|
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: #
|
|
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: #
|
|
63
|
-
--color-background-action-secondary-hover: #
|
|
64
|
-
--color-background-action-secondary-pressed: #
|
|
65
|
-
--color-background-action-secondary-disabled: #
|
|
66
|
-
--color-background-action-secondary-light: #
|
|
67
|
-
--color-background-action-secondary-light-hover: #
|
|
68
|
-
--color-background-action-secondary-light-pressed: #
|
|
69
|
-
--color-background-accent-action-secondary-light: #
|
|
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-
|
|
2
|
+
--color-content-action: #023dff;
|
|
3
|
+
--color-content-primary: #0d0e12;
|
|
3
4
|
--color-content-secondary: #636574;
|
|
4
|
-
--color-content-tertiary: #
|
|
5
|
-
--color-content-disabled: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
78
|
-
--color-background-accent-error-light-hover: #
|
|
79
|
-
--color-background-accent-error-light-pressed: #
|
|
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: #
|
|
87
|
-
--color-background-accent-warning-light-hover: #
|
|
88
|
-
--color-background-accent-warning-light-pressed: #
|
|
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: #
|
|
96
|
-
--color-background-accent-success-light-hover: #
|
|
97
|
-
--color-background-accent-success-light-pressed: #
|
|
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: #
|
|
105
|
-
--color-background-accent-info-light-hover: #
|
|
106
|
-
--color-background-accent-info-light-pressed: #
|
|
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: #
|
|
114
|
-
--color-border-main-hover: #
|
|
115
|
-
--color-border-main-pressed: #
|
|
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: #
|
|
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: #
|
|
4
|
+
--color-content-secondary: #aeb1c4;
|
|
4
5
|
--color-content-primary: #fff;
|
|
5
|
-
--color-content-tertiary: #
|
|
6
|
-
--color-content-disabled: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
41
|
-
--color-background-main-pressed: #
|
|
42
|
-
--color-background-primary: #
|
|
43
|
-
--color-background-primary-hover: #
|
|
44
|
-
--color-background-primary-pressed: #
|
|
45
|
-
--color-background-secondary: #
|
|
46
|
-
--color-background-secondary-hover: #
|
|
47
|
-
--color-background-secondary-pressed: #
|
|
48
|
-
--color-background-tertiary: #
|
|
49
|
-
--color-background-tertiary-hover: #
|
|
50
|
-
--color-background-tertiary-pressed: #
|
|
51
|
-
--color-background-disabled: #
|
|
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: #
|
|
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-
|
|
2
|
+
--color-content-action: #0b0;
|
|
3
|
+
--color-content-primary: #0d0e12;
|
|
3
4
|
--color-content-secondary: #636574;
|
|
4
|
-
--color-content-tertiary: #
|
|
5
|
-
--color-content-disabled: #
|
|
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: #
|
|
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: #
|
|
97
|
-
--color-background-accent-success-light-pressed: #
|
|
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: #
|
|
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-
|
|
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',
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './generateUniqKey';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './generateUniqKey';
|
|
@@ -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 '
|
|
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.
|
|
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.
|
|
30
|
+
"tslib": "^2.6.2"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"@ozen-ui/fonts": "latest",
|
package/Calendar/package.json
DELETED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|