@ozen-ui/kit 0.59.0 → 0.60.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +15 -15
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +20 -20
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDark.css +15 -15
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css +20 -20
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDark.css +15 -15
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDefault.css +20 -20
- package/__inner__/cjs/components/ThemeProvider/index.d.ts +2 -0
- package/__inner__/cjs/components/ThemeProvider/index.js +2 -0
- package/__inner__/cjs/components/ThemeProvider/themes/themeVipDark.d.ts +14 -0
- package/__inner__/cjs/components/ThemeProvider/themes/themeVipDark.js +30 -0
- package/__inner__/cjs/components/ThemeProvider/themes/themeVipDefault.d.ts +14 -0
- package/__inner__/cjs/components/ThemeProvider/themes/themeVipDefault.js +30 -0
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +15 -15
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +20 -20
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDark.css +15 -15
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDefault.css +20 -20
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_vipDark.css +15 -15
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_vipDefault.css +20 -20
- package/__inner__/esm/components/ThemeProvider/index.d.ts +2 -0
- package/__inner__/esm/components/ThemeProvider/index.js +2 -0
- package/__inner__/esm/components/ThemeProvider/themes/themeVipDark.d.ts +14 -0
- package/__inner__/esm/components/ThemeProvider/themes/themeVipDark.js +27 -0
- package/__inner__/esm/components/ThemeProvider/themes/themeVipDefault.d.ts +14 -0
- package/__inner__/esm/components/ThemeProvider/themes/themeVipDefault.js +27 -0
- package/package.json +4 -4
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
--color-background-action-hover: #023dff;
|
|
54
54
|
--color-background-action-pressed: #3564ff;
|
|
55
55
|
--color-background-action-active-disabled: #0a2171;
|
|
56
|
-
--color-background-action-light: #
|
|
57
|
-
--color-background-action-light-hover: #
|
|
58
|
-
--color-background-action-light-pressed: #
|
|
56
|
+
--color-background-action-light: #0d1841;
|
|
57
|
+
--color-background-action-light-hover: #0a2171;
|
|
58
|
+
--color-background-action-light-pressed: #082ba0;
|
|
59
59
|
--color-background-accent-action-light: #0a2171;
|
|
60
60
|
--color-background-accent-action-light-hover: #082ba0;
|
|
61
61
|
--color-background-accent-action-light-pressed: #0534d0;
|
|
@@ -72,36 +72,36 @@
|
|
|
72
72
|
--color-background-error: #cf4a4b;
|
|
73
73
|
--color-background-error-hover: #ff5959;
|
|
74
74
|
--color-background-error-pressed: #ff7a7a;
|
|
75
|
-
--color-background-error-light: #
|
|
76
|
-
--color-background-error-light-hover: #
|
|
77
|
-
--color-background-error-light-pressed: #
|
|
75
|
+
--color-background-error-light: #401e20;
|
|
76
|
+
--color-background-error-light-hover: #702d2e;
|
|
77
|
+
--color-background-error-light-pressed: #9f3b3d;
|
|
78
78
|
--color-background-accent-error-light: #702d2e;
|
|
79
79
|
--color-background-accent-error-light-hover: #9f3b3d;
|
|
80
80
|
--color-background-accent-error-light-pressed: #cf4a4b;
|
|
81
81
|
--color-background-warning: #cf8d2a;
|
|
82
82
|
--color-background-warning-hover: #ffac30;
|
|
83
83
|
--color-background-warning-pressed: #ffbd59;
|
|
84
|
-
--color-background-warning-light: #
|
|
85
|
-
--color-background-warning-light-hover: #
|
|
86
|
-
--color-background-warning-light-pressed: #
|
|
84
|
+
--color-background-warning-light: #402e18;
|
|
85
|
+
--color-background-warning-light-hover: #704e1e;
|
|
86
|
+
--color-background-warning-light-pressed: #9f6d24;
|
|
87
87
|
--color-background-accent-warning-light: #704e1e;
|
|
88
88
|
--color-background-accent-warning-light-hover: #9f6d24;
|
|
89
89
|
--color-background-accent-warning-light-pressed: #cf8d2a;
|
|
90
90
|
--color-background-success: #039904;
|
|
91
91
|
--color-background-success-hover: #0b0;
|
|
92
92
|
--color-background-success-pressed: #33c933;
|
|
93
|
-
--color-background-success-light: #
|
|
94
|
-
--color-background-success-light-hover: #
|
|
95
|
-
--color-background-success-light-pressed: #
|
|
93
|
+
--color-background-success-light: #0d310e;
|
|
94
|
+
--color-background-success-light-hover: #0a540b;
|
|
95
|
+
--color-background-success-light-pressed: #067607;
|
|
96
96
|
--color-background-accent-success-light: #0a540b;
|
|
97
97
|
--color-background-accent-success-light-hover: #067607;
|
|
98
98
|
--color-background-accent-success-light-pressed: #039904;
|
|
99
99
|
--color-background-info: #6a05d0;
|
|
100
100
|
--color-background-info-hover: #8002ff;
|
|
101
101
|
--color-background-info-pressed: #9a35ff;
|
|
102
|
-
--color-background-info-light: #
|
|
103
|
-
--color-background-info-light-hover: #
|
|
104
|
-
--color-background-info-light-pressed: #
|
|
102
|
+
--color-background-info-light: #270d41;
|
|
103
|
+
--color-background-info-light-hover: #3d0a71;
|
|
104
|
+
--color-background-info-light-pressed: #5307a0;
|
|
105
105
|
--color-background-accent-info-light: #3d0a71;
|
|
106
106
|
--color-background-accent-info-light-hover: #5307a0;
|
|
107
107
|
--color-background-accent-info-light-pressed: #6a05d0;
|
|
@@ -4,31 +4,31 @@
|
|
|
4
4
|
--color-content-tertiary: #7e8194;
|
|
5
5
|
--color-content-disabled: #9a9eb5;
|
|
6
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
-
--color-content-action: #
|
|
8
|
-
--color-content-action-hover: #
|
|
9
|
-
--color-content-action-pressed: #
|
|
10
|
-
--color-content-action-dark: #
|
|
7
|
+
--color-content-action: #0534d0;
|
|
8
|
+
--color-content-action-hover: #082ba0;
|
|
9
|
+
--color-content-action-pressed: #0a2171;
|
|
10
|
+
--color-content-action-dark: #0d1841;
|
|
11
11
|
--color-content-action-secondary: #2c2c33;
|
|
12
12
|
--color-content-action-secondary-hover: #1e1d22;
|
|
13
13
|
--color-content-action-secondary-pressed: #17161a;
|
|
14
14
|
--color-content-action-secondary-dark: #17161a;
|
|
15
15
|
--color-content-action-on: #fff;
|
|
16
|
-
--color-content-error: #
|
|
17
|
-
--color-content-error-hover: #
|
|
18
|
-
--color-content-error-pressed: #
|
|
19
|
-
--color-content-error-dark: #
|
|
20
|
-
--color-content-warning: #
|
|
21
|
-
--color-content-warning-hover: #
|
|
22
|
-
--color-content-warning-pressed: #
|
|
23
|
-
--color-content-warning-dark: #
|
|
24
|
-
--color-content-success: #
|
|
25
|
-
--color-content-success-hover: #
|
|
26
|
-
--color-content-success-pressed: #
|
|
27
|
-
--color-content-success-dark: #
|
|
28
|
-
--color-content-info: #
|
|
29
|
-
--color-content-info-hover: #
|
|
30
|
-
--color-content-info-pressed: #
|
|
31
|
-
--color-content-info-dark: #
|
|
16
|
+
--color-content-error: #cf4a4b;
|
|
17
|
+
--color-content-error-hover: #9f3b3d;
|
|
18
|
+
--color-content-error-pressed: #702d2e;
|
|
19
|
+
--color-content-error-dark: #401e20;
|
|
20
|
+
--color-content-warning: #cf8d2a;
|
|
21
|
+
--color-content-warning-hover: #9f6d24;
|
|
22
|
+
--color-content-warning-pressed: #704e1e;
|
|
23
|
+
--color-content-warning-dark: #402e18;
|
|
24
|
+
--color-content-success: #039904;
|
|
25
|
+
--color-content-success-hover: #067607;
|
|
26
|
+
--color-content-success-pressed: #0a540b;
|
|
27
|
+
--color-content-success-dark: #0d310e;
|
|
28
|
+
--color-content-info: #6a05d0;
|
|
29
|
+
--color-content-info-hover: #5307a0;
|
|
30
|
+
--color-content-info-pressed: #3d0a71;
|
|
31
|
+
--color-content-info-dark: #270d41;
|
|
32
32
|
--color-content-primary-inverse: #fff;
|
|
33
33
|
--color-content-accent-primary: #989aa5;
|
|
34
34
|
--color-accent-primary: #1b1c24;
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
--color-background-action-hover: #0b0;
|
|
54
54
|
--color-background-action-pressed: #33c933;
|
|
55
55
|
--color-background-action-active-disabled: #0a540b;
|
|
56
|
-
--color-background-action-light: #
|
|
57
|
-
--color-background-action-light-hover: #
|
|
58
|
-
--color-background-action-light-pressed: #
|
|
56
|
+
--color-background-action-light: #0d310e;
|
|
57
|
+
--color-background-action-light-hover: #0a540b;
|
|
58
|
+
--color-background-action-light-pressed: #067607;
|
|
59
59
|
--color-background-accent-action-light: #0a540b;
|
|
60
60
|
--color-background-accent-action-light-hover: #067607;
|
|
61
61
|
--color-background-accent-action-light-pressed: #039904;
|
|
@@ -72,36 +72,36 @@
|
|
|
72
72
|
--color-background-error: #cf4a4b;
|
|
73
73
|
--color-background-error-hover: #ff5959;
|
|
74
74
|
--color-background-error-pressed: #ff7a7a;
|
|
75
|
-
--color-background-error-light: #
|
|
76
|
-
--color-background-error-light-hover: #
|
|
77
|
-
--color-background-error-light-pressed: #
|
|
75
|
+
--color-background-error-light: #401e20;
|
|
76
|
+
--color-background-error-light-hover: #702d2e;
|
|
77
|
+
--color-background-error-light-pressed: #9f3b3d;
|
|
78
78
|
--color-background-accent-error-light: #702d2e;
|
|
79
79
|
--color-background-accent-error-light-hover: #9f3b3d;
|
|
80
80
|
--color-background-accent-error-light-pressed: #cf4a4b;
|
|
81
81
|
--color-background-warning: #cf8d2a;
|
|
82
82
|
--color-background-warning-hover: #ffac30;
|
|
83
83
|
--color-background-warning-pressed: #ffbd59;
|
|
84
|
-
--color-background-warning-light: #
|
|
85
|
-
--color-background-warning-light-hover: #
|
|
86
|
-
--color-background-warning-light-pressed: #
|
|
84
|
+
--color-background-warning-light: #402e18;
|
|
85
|
+
--color-background-warning-light-hover: #704e1e;
|
|
86
|
+
--color-background-warning-light-pressed: #9f6d24;
|
|
87
87
|
--color-background-accent-warning-light: #704e1e;
|
|
88
88
|
--color-background-accent-warning-light-hover: #9f6d24;
|
|
89
89
|
--color-background-accent-warning-light-pressed: #cf8d2a;
|
|
90
90
|
--color-background-success: #039904;
|
|
91
91
|
--color-background-success-hover: #0b0;
|
|
92
92
|
--color-background-success-pressed: #33c933;
|
|
93
|
-
--color-background-success-light: #
|
|
94
|
-
--color-background-success-light-hover: #
|
|
95
|
-
--color-background-success-light-pressed: #
|
|
93
|
+
--color-background-success-light: #0d310e;
|
|
94
|
+
--color-background-success-light-hover: #0a540b;
|
|
95
|
+
--color-background-success-light-pressed: #067607;
|
|
96
96
|
--color-background-accent-success-light: #0a540b;
|
|
97
97
|
--color-background-accent-success-light-hover: #067607;
|
|
98
98
|
--color-background-accent-success-light-pressed: #039904;
|
|
99
99
|
--color-background-info: #0534d0;
|
|
100
100
|
--color-background-info-hover: #023dff;
|
|
101
101
|
--color-background-info-pressed: #3564ff;
|
|
102
|
-
--color-background-info-light: #
|
|
103
|
-
--color-background-info-light-hover: #
|
|
104
|
-
--color-background-info-light-pressed: #
|
|
102
|
+
--color-background-info-light: #0d1841;
|
|
103
|
+
--color-background-info-light-hover: #0a2171;
|
|
104
|
+
--color-background-info-light-pressed: #082ba0;
|
|
105
105
|
--color-background-accent-info-light: #0a2171;
|
|
106
106
|
--color-background-accent-info-light-hover: #082ba0;
|
|
107
107
|
--color-background-accent-info-light-pressed: #0534d0;
|
|
@@ -4,31 +4,31 @@
|
|
|
4
4
|
--color-content-tertiary: #7e8194;
|
|
5
5
|
--color-content-disabled: #9a9eb5;
|
|
6
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
-
--color-content-action: #
|
|
8
|
-
--color-content-action-hover: #
|
|
9
|
-
--color-content-action-pressed: #
|
|
10
|
-
--color-content-action-dark: #
|
|
7
|
+
--color-content-action: #039904;
|
|
8
|
+
--color-content-action-hover: #067607;
|
|
9
|
+
--color-content-action-pressed: #0a540b;
|
|
10
|
+
--color-content-action-dark: #0d310e;
|
|
11
11
|
--color-content-action-secondary: #2c2c33;
|
|
12
12
|
--color-content-action-secondary-hover: #1e1d22;
|
|
13
13
|
--color-content-action-secondary-pressed: #17161a;
|
|
14
14
|
--color-content-action-secondary-dark: #17161a;
|
|
15
15
|
--color-content-action-on: #fff;
|
|
16
|
-
--color-content-error: #
|
|
17
|
-
--color-content-error-hover: #
|
|
18
|
-
--color-content-error-pressed: #
|
|
19
|
-
--color-content-error-dark: #
|
|
20
|
-
--color-content-warning: #
|
|
21
|
-
--color-content-warning-hover: #
|
|
22
|
-
--color-content-warning-pressed: #
|
|
23
|
-
--color-content-warning-dark: #
|
|
24
|
-
--color-content-success: #
|
|
25
|
-
--color-content-success-hover: #
|
|
26
|
-
--color-content-success-pressed: #
|
|
27
|
-
--color-content-success-dark: #
|
|
28
|
-
--color-content-info: #
|
|
29
|
-
--color-content-info-hover: #
|
|
30
|
-
--color-content-info-pressed: #
|
|
31
|
-
--color-content-info-dark: #
|
|
16
|
+
--color-content-error: #cf4a4b;
|
|
17
|
+
--color-content-error-hover: #9f3b3d;
|
|
18
|
+
--color-content-error-pressed: #702d2e;
|
|
19
|
+
--color-content-error-dark: #401e20;
|
|
20
|
+
--color-content-warning: #cf8d2a;
|
|
21
|
+
--color-content-warning-hover: #9f6d24;
|
|
22
|
+
--color-content-warning-pressed: #704e1e;
|
|
23
|
+
--color-content-warning-dark: #402e18;
|
|
24
|
+
--color-content-success: #039904;
|
|
25
|
+
--color-content-success-hover: #067607;
|
|
26
|
+
--color-content-success-pressed: #0a540b;
|
|
27
|
+
--color-content-success-dark: #0d310e;
|
|
28
|
+
--color-content-info: #0534d0;
|
|
29
|
+
--color-content-info-hover: #082ba0;
|
|
30
|
+
--color-content-info-pressed: #0a2171;
|
|
31
|
+
--color-content-info-dark: #0d1841;
|
|
32
32
|
--color-content-primary-inverse: #fff;
|
|
33
33
|
--color-content-accent-secondary: #989aa5;
|
|
34
34
|
--color-accent-main: #14151b;
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
--color-background-action-hover: #d4aa6b;
|
|
54
54
|
--color-background-action-pressed: #db8;
|
|
55
55
|
--color-background-action-active-disabled: #5f4d36;
|
|
56
|
-
--color-background-action-light: #
|
|
57
|
-
--color-background-action-light-hover: #
|
|
58
|
-
--color-background-action-light-pressed: #
|
|
56
|
+
--color-background-action-light: #372e24;
|
|
57
|
+
--color-background-action-light-hover: #5f4d36;
|
|
58
|
+
--color-background-action-light-pressed: #866c47;
|
|
59
59
|
--color-background-accent-action-light: #5f4d36;
|
|
60
60
|
--color-background-accent-action-light-hover: #866c47;
|
|
61
61
|
--color-background-accent-action-light-pressed: #ad8b59;
|
|
@@ -72,36 +72,36 @@
|
|
|
72
72
|
--color-background-error: #c85390;
|
|
73
73
|
--color-background-error-hover: #f664af;
|
|
74
74
|
--color-background-error-pressed: #f883bf;
|
|
75
|
-
--color-background-error-light: #
|
|
76
|
-
--color-background-error-light-hover: #
|
|
77
|
-
--color-background-error-light-pressed: #
|
|
75
|
+
--color-background-error-light: #3e2031;
|
|
76
|
+
--color-background-error-light-hover: #6c3151;
|
|
77
|
+
--color-background-error-light-pressed: #9a4270;
|
|
78
78
|
--color-background-accent-error-light: #6c3151;
|
|
79
79
|
--color-background-accent-error-light-hover: #9a4270;
|
|
80
80
|
--color-background-accent-error-light-pressed: #c85390;
|
|
81
81
|
--color-background-warning: #cf6944;
|
|
82
82
|
--color-background-warning-hover: #ff7f50;
|
|
83
83
|
--color-background-warning-pressed: #ff9973;
|
|
84
|
-
--color-background-warning-light: #
|
|
85
|
-
--color-background-warning-light-hover: #
|
|
86
|
-
--color-background-warning-light-pressed: #
|
|
84
|
+
--color-background-warning-light: #40251e;
|
|
85
|
+
--color-background-warning-light-hover: #703c2b;
|
|
86
|
+
--color-background-warning-light-pressed: #9f5237;
|
|
87
87
|
--color-background-accent-warning-light: #703c2b;
|
|
88
88
|
--color-background-accent-warning-light-hover: #9f5237;
|
|
89
89
|
--color-background-accent-warning-light-pressed: #cf6944;
|
|
90
90
|
--color-background-success: #039904;
|
|
91
91
|
--color-background-success-hover: #0b0;
|
|
92
92
|
--color-background-success-pressed: #33c933;
|
|
93
|
-
--color-background-success-light: #
|
|
94
|
-
--color-background-success-light-hover: #
|
|
95
|
-
--color-background-success-light-pressed: #
|
|
93
|
+
--color-background-success-light: #0d310e;
|
|
94
|
+
--color-background-success-light-hover: #0a540b;
|
|
95
|
+
--color-background-success-light-pressed: #067607;
|
|
96
96
|
--color-background-accent-success-light: #0a540b;
|
|
97
97
|
--color-background-accent-success-light-hover: #067607;
|
|
98
98
|
--color-background-accent-success-light-pressed: #039904;
|
|
99
99
|
--color-background-info: #0534d0;
|
|
100
100
|
--color-background-info-hover: #023dff;
|
|
101
101
|
--color-background-info-pressed: #3564ff;
|
|
102
|
-
--color-background-info-light: #
|
|
103
|
-
--color-background-info-light-hover: #
|
|
104
|
-
--color-background-info-light-pressed: #
|
|
102
|
+
--color-background-info-light: #0d1841;
|
|
103
|
+
--color-background-info-light-hover: #0a2171;
|
|
104
|
+
--color-background-info-light-pressed: #082ba0;
|
|
105
105
|
--color-background-accent-info-light: #0a2171;
|
|
106
106
|
--color-background-accent-info-light-hover: #082ba0;
|
|
107
107
|
--color-background-accent-info-light-pressed: #0534d0;
|
|
@@ -4,31 +4,31 @@
|
|
|
4
4
|
--color-content-tertiary: #7e8194;
|
|
5
5
|
--color-content-disabled: #9a9eb5;
|
|
6
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
-
--color-content-action: #
|
|
8
|
-
--color-content-action-hover: #
|
|
9
|
-
--color-content-action-pressed: #
|
|
10
|
-
--color-content-action-dark: #
|
|
7
|
+
--color-content-action: #ad8b59;
|
|
8
|
+
--color-content-action-hover: #866c47;
|
|
9
|
+
--color-content-action-pressed: #5f4d36;
|
|
10
|
+
--color-content-action-dark: #372e24;
|
|
11
11
|
--color-content-action-secondary: #2c2c33;
|
|
12
12
|
--color-content-action-secondary-hover: #1e1d22;
|
|
13
13
|
--color-content-action-secondary-pressed: #17161a;
|
|
14
14
|
--color-content-action-secondary-dark: #17161a;
|
|
15
15
|
--color-content-action-on: #fff;
|
|
16
|
-
--color-content-error: #
|
|
17
|
-
--color-content-error-hover: #
|
|
18
|
-
--color-content-error-pressed: #
|
|
19
|
-
--color-content-error-dark: #
|
|
20
|
-
--color-content-warning: #
|
|
21
|
-
--color-content-warning-hover: #
|
|
22
|
-
--color-content-warning-pressed: #
|
|
23
|
-
--color-content-warning-dark: #
|
|
24
|
-
--color-content-success: #
|
|
25
|
-
--color-content-success-hover: #
|
|
26
|
-
--color-content-success-pressed: #
|
|
27
|
-
--color-content-success-dark: #
|
|
28
|
-
--color-content-info: #
|
|
29
|
-
--color-content-info-hover: #
|
|
30
|
-
--color-content-info-pressed: #
|
|
31
|
-
--color-content-info-dark: #
|
|
16
|
+
--color-content-error: #c85390;
|
|
17
|
+
--color-content-error-hover: #9a4270;
|
|
18
|
+
--color-content-error-pressed: #6c3151;
|
|
19
|
+
--color-content-error-dark: #3e2031;
|
|
20
|
+
--color-content-warning: #cf6944;
|
|
21
|
+
--color-content-warning-hover: #9f5237;
|
|
22
|
+
--color-content-warning-pressed: #703c2b;
|
|
23
|
+
--color-content-warning-dark: #40251e;
|
|
24
|
+
--color-content-success: #039904;
|
|
25
|
+
--color-content-success-hover: #067607;
|
|
26
|
+
--color-content-success-pressed: #0a540b;
|
|
27
|
+
--color-content-success-dark: #0d310e;
|
|
28
|
+
--color-content-info: #0534d0;
|
|
29
|
+
--color-content-info-hover: #082ba0;
|
|
30
|
+
--color-content-info-pressed: #0a2171;
|
|
31
|
+
--color-content-info-dark: #0d1841;
|
|
32
32
|
--color-content-primary-inverse: #fff;
|
|
33
33
|
--color-content-accent-secondary: #989aa5;
|
|
34
34
|
--color-accent-main: #14151b;
|
|
@@ -3,6 +3,8 @@ export * from './themes/themeOzenDark';
|
|
|
3
3
|
export * from './themes/themeOzenDefault';
|
|
4
4
|
export * from './themes/themeBBusinessDefault';
|
|
5
5
|
export * from './themes/themeBBusinessDark';
|
|
6
|
+
export * from './themes/themeVipDefault';
|
|
7
|
+
export * from './themes/themeVipDark';
|
|
6
8
|
export * as themeHelper from './themes/helper';
|
|
7
9
|
export { useTheme } from './ThemeProviderContext';
|
|
8
10
|
export * from './utils';
|
|
@@ -7,6 +7,8 @@ tslib_1.__exportStar(require("./themes/themeOzenDark"), exports);
|
|
|
7
7
|
tslib_1.__exportStar(require("./themes/themeOzenDefault"), exports);
|
|
8
8
|
tslib_1.__exportStar(require("./themes/themeBBusinessDefault"), exports);
|
|
9
9
|
tslib_1.__exportStar(require("./themes/themeBBusinessDark"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("./themes/themeVipDefault"), exports);
|
|
11
|
+
tslib_1.__exportStar(require("./themes/themeVipDark"), exports);
|
|
10
12
|
exports.themeHelper = tslib_1.__importStar(require("./themes/helper"));
|
|
11
13
|
var ThemeProviderContext_1 = require("./ThemeProviderContext");
|
|
12
14
|
Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return ThemeProviderContext_1.useTheme; } });
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import '@ozen-ui/fonts';
|
|
2
|
+
import type { Theme } from '../index';
|
|
3
|
+
import '../_color/Theme_color_vipDark.css';
|
|
4
|
+
import '../_typography/Theme_typography_ozenDefault.css';
|
|
5
|
+
import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
|
|
6
|
+
import '../_space/Theme_space_ozenDefault.css';
|
|
7
|
+
import '../_spacing/Theme_spacing_ozenDefault.css';
|
|
8
|
+
import '../_control/Theme_control_ozenDefault.css';
|
|
9
|
+
import '../_shadow/Theme_shadow_ozenDefault.css';
|
|
10
|
+
import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
|
|
11
|
+
import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
|
|
12
|
+
import '../_zIndex/Theme_zIndex_ozenDefault.css';
|
|
13
|
+
import '../_transition/Theme_transition_ozenDefault.css';
|
|
14
|
+
export declare const themeVipDark: Theme;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.themeVipDark = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
require("@ozen-ui/fonts");
|
|
6
|
+
var locale_1 = require("../../../locale");
|
|
7
|
+
require("../_color/Theme_color_vipDark.css");
|
|
8
|
+
require("../_typography/Theme_typography_ozenDefault.css");
|
|
9
|
+
require("../_borderRadius/Theme_borderRadius_ozenDefault.css");
|
|
10
|
+
require("../_space/Theme_space_ozenDefault.css");
|
|
11
|
+
require("../_spacing/Theme_spacing_ozenDefault.css");
|
|
12
|
+
require("../_control/Theme_control_ozenDefault.css");
|
|
13
|
+
require("../_shadow/Theme_shadow_ozenDefault.css");
|
|
14
|
+
require("../_breakpoint/Theme_breakpoint_ozenDefault.css");
|
|
15
|
+
require("../_borderWidth/Theme_borderWidth_ozenDefault.css");
|
|
16
|
+
require("../_zIndex/Theme_zIndex_ozenDefault.css");
|
|
17
|
+
require("../_transition/Theme_transition_ozenDefault.css");
|
|
18
|
+
exports.themeVipDark = tslib_1.__assign({ tokens: {
|
|
19
|
+
color: 'vipDark',
|
|
20
|
+
space: 'ozenDefault',
|
|
21
|
+
spacing: 'ozenDefault',
|
|
22
|
+
control: 'ozenDefault',
|
|
23
|
+
typography: 'ozenDefault',
|
|
24
|
+
borderRadius: 'ozenDefault',
|
|
25
|
+
borderWidth: 'ozenDefault',
|
|
26
|
+
shadow: 'ozenDefault',
|
|
27
|
+
breakpoint: 'ozenDefault',
|
|
28
|
+
zIndex: 'ozenDefault',
|
|
29
|
+
transition: 'ozenDefault',
|
|
30
|
+
} }, locale_1.ruRU);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import '@ozen-ui/fonts';
|
|
2
|
+
import type { Theme } from '../index';
|
|
3
|
+
import '../_color/Theme_color_vipDefault.css';
|
|
4
|
+
import '../_typography/Theme_typography_ozenDefault.css';
|
|
5
|
+
import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
|
|
6
|
+
import '../_space/Theme_space_ozenDefault.css';
|
|
7
|
+
import '../_spacing/Theme_spacing_ozenDefault.css';
|
|
8
|
+
import '../_control/Theme_control_ozenDefault.css';
|
|
9
|
+
import '../_shadow/Theme_shadow_ozenDefault.css';
|
|
10
|
+
import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
|
|
11
|
+
import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
|
|
12
|
+
import '../_zIndex/Theme_zIndex_ozenDefault.css';
|
|
13
|
+
import '../_transition/Theme_transition_ozenDefault.css';
|
|
14
|
+
export declare const themeVipDefault: Theme;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.themeVipDefault = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
require("@ozen-ui/fonts");
|
|
6
|
+
var locale_1 = require("../../../locale");
|
|
7
|
+
require("../_color/Theme_color_vipDefault.css");
|
|
8
|
+
require("../_typography/Theme_typography_ozenDefault.css");
|
|
9
|
+
require("../_borderRadius/Theme_borderRadius_ozenDefault.css");
|
|
10
|
+
require("../_space/Theme_space_ozenDefault.css");
|
|
11
|
+
require("../_spacing/Theme_spacing_ozenDefault.css");
|
|
12
|
+
require("../_control/Theme_control_ozenDefault.css");
|
|
13
|
+
require("../_shadow/Theme_shadow_ozenDefault.css");
|
|
14
|
+
require("../_breakpoint/Theme_breakpoint_ozenDefault.css");
|
|
15
|
+
require("../_borderWidth/Theme_borderWidth_ozenDefault.css");
|
|
16
|
+
require("../_zIndex/Theme_zIndex_ozenDefault.css");
|
|
17
|
+
require("../_transition/Theme_transition_ozenDefault.css");
|
|
18
|
+
exports.themeVipDefault = tslib_1.__assign({ tokens: {
|
|
19
|
+
color: 'vipDefault',
|
|
20
|
+
space: 'ozenDefault',
|
|
21
|
+
spacing: 'ozenDefault',
|
|
22
|
+
control: 'ozenDefault',
|
|
23
|
+
typography: 'ozenDefault',
|
|
24
|
+
borderRadius: 'ozenDefault',
|
|
25
|
+
borderWidth: 'ozenDefault',
|
|
26
|
+
shadow: 'ozenDefault',
|
|
27
|
+
breakpoint: 'ozenDefault',
|
|
28
|
+
zIndex: 'ozenDefault',
|
|
29
|
+
transition: 'ozenDefault',
|
|
30
|
+
} }, locale_1.ruRU);
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
--color-background-action-hover: #023dff;
|
|
54
54
|
--color-background-action-pressed: #3564ff;
|
|
55
55
|
--color-background-action-active-disabled: #0a2171;
|
|
56
|
-
--color-background-action-light: #
|
|
57
|
-
--color-background-action-light-hover: #
|
|
58
|
-
--color-background-action-light-pressed: #
|
|
56
|
+
--color-background-action-light: #0d1841;
|
|
57
|
+
--color-background-action-light-hover: #0a2171;
|
|
58
|
+
--color-background-action-light-pressed: #082ba0;
|
|
59
59
|
--color-background-accent-action-light: #0a2171;
|
|
60
60
|
--color-background-accent-action-light-hover: #082ba0;
|
|
61
61
|
--color-background-accent-action-light-pressed: #0534d0;
|
|
@@ -72,36 +72,36 @@
|
|
|
72
72
|
--color-background-error: #cf4a4b;
|
|
73
73
|
--color-background-error-hover: #ff5959;
|
|
74
74
|
--color-background-error-pressed: #ff7a7a;
|
|
75
|
-
--color-background-error-light: #
|
|
76
|
-
--color-background-error-light-hover: #
|
|
77
|
-
--color-background-error-light-pressed: #
|
|
75
|
+
--color-background-error-light: #401e20;
|
|
76
|
+
--color-background-error-light-hover: #702d2e;
|
|
77
|
+
--color-background-error-light-pressed: #9f3b3d;
|
|
78
78
|
--color-background-accent-error-light: #702d2e;
|
|
79
79
|
--color-background-accent-error-light-hover: #9f3b3d;
|
|
80
80
|
--color-background-accent-error-light-pressed: #cf4a4b;
|
|
81
81
|
--color-background-warning: #cf8d2a;
|
|
82
82
|
--color-background-warning-hover: #ffac30;
|
|
83
83
|
--color-background-warning-pressed: #ffbd59;
|
|
84
|
-
--color-background-warning-light: #
|
|
85
|
-
--color-background-warning-light-hover: #
|
|
86
|
-
--color-background-warning-light-pressed: #
|
|
84
|
+
--color-background-warning-light: #402e18;
|
|
85
|
+
--color-background-warning-light-hover: #704e1e;
|
|
86
|
+
--color-background-warning-light-pressed: #9f6d24;
|
|
87
87
|
--color-background-accent-warning-light: #704e1e;
|
|
88
88
|
--color-background-accent-warning-light-hover: #9f6d24;
|
|
89
89
|
--color-background-accent-warning-light-pressed: #cf8d2a;
|
|
90
90
|
--color-background-success: #039904;
|
|
91
91
|
--color-background-success-hover: #0b0;
|
|
92
92
|
--color-background-success-pressed: #33c933;
|
|
93
|
-
--color-background-success-light: #
|
|
94
|
-
--color-background-success-light-hover: #
|
|
95
|
-
--color-background-success-light-pressed: #
|
|
93
|
+
--color-background-success-light: #0d310e;
|
|
94
|
+
--color-background-success-light-hover: #0a540b;
|
|
95
|
+
--color-background-success-light-pressed: #067607;
|
|
96
96
|
--color-background-accent-success-light: #0a540b;
|
|
97
97
|
--color-background-accent-success-light-hover: #067607;
|
|
98
98
|
--color-background-accent-success-light-pressed: #039904;
|
|
99
99
|
--color-background-info: #6a05d0;
|
|
100
100
|
--color-background-info-hover: #8002ff;
|
|
101
101
|
--color-background-info-pressed: #9a35ff;
|
|
102
|
-
--color-background-info-light: #
|
|
103
|
-
--color-background-info-light-hover: #
|
|
104
|
-
--color-background-info-light-pressed: #
|
|
102
|
+
--color-background-info-light: #270d41;
|
|
103
|
+
--color-background-info-light-hover: #3d0a71;
|
|
104
|
+
--color-background-info-light-pressed: #5307a0;
|
|
105
105
|
--color-background-accent-info-light: #3d0a71;
|
|
106
106
|
--color-background-accent-info-light-hover: #5307a0;
|
|
107
107
|
--color-background-accent-info-light-pressed: #6a05d0;
|
|
@@ -4,31 +4,31 @@
|
|
|
4
4
|
--color-content-tertiary: #7e8194;
|
|
5
5
|
--color-content-disabled: #9a9eb5;
|
|
6
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
-
--color-content-action: #
|
|
8
|
-
--color-content-action-hover: #
|
|
9
|
-
--color-content-action-pressed: #
|
|
10
|
-
--color-content-action-dark: #
|
|
7
|
+
--color-content-action: #0534d0;
|
|
8
|
+
--color-content-action-hover: #082ba0;
|
|
9
|
+
--color-content-action-pressed: #0a2171;
|
|
10
|
+
--color-content-action-dark: #0d1841;
|
|
11
11
|
--color-content-action-secondary: #2c2c33;
|
|
12
12
|
--color-content-action-secondary-hover: #1e1d22;
|
|
13
13
|
--color-content-action-secondary-pressed: #17161a;
|
|
14
14
|
--color-content-action-secondary-dark: #17161a;
|
|
15
15
|
--color-content-action-on: #fff;
|
|
16
|
-
--color-content-error: #
|
|
17
|
-
--color-content-error-hover: #
|
|
18
|
-
--color-content-error-pressed: #
|
|
19
|
-
--color-content-error-dark: #
|
|
20
|
-
--color-content-warning: #
|
|
21
|
-
--color-content-warning-hover: #
|
|
22
|
-
--color-content-warning-pressed: #
|
|
23
|
-
--color-content-warning-dark: #
|
|
24
|
-
--color-content-success: #
|
|
25
|
-
--color-content-success-hover: #
|
|
26
|
-
--color-content-success-pressed: #
|
|
27
|
-
--color-content-success-dark: #
|
|
28
|
-
--color-content-info: #
|
|
29
|
-
--color-content-info-hover: #
|
|
30
|
-
--color-content-info-pressed: #
|
|
31
|
-
--color-content-info-dark: #
|
|
16
|
+
--color-content-error: #cf4a4b;
|
|
17
|
+
--color-content-error-hover: #9f3b3d;
|
|
18
|
+
--color-content-error-pressed: #702d2e;
|
|
19
|
+
--color-content-error-dark: #401e20;
|
|
20
|
+
--color-content-warning: #cf8d2a;
|
|
21
|
+
--color-content-warning-hover: #9f6d24;
|
|
22
|
+
--color-content-warning-pressed: #704e1e;
|
|
23
|
+
--color-content-warning-dark: #402e18;
|
|
24
|
+
--color-content-success: #039904;
|
|
25
|
+
--color-content-success-hover: #067607;
|
|
26
|
+
--color-content-success-pressed: #0a540b;
|
|
27
|
+
--color-content-success-dark: #0d310e;
|
|
28
|
+
--color-content-info: #6a05d0;
|
|
29
|
+
--color-content-info-hover: #5307a0;
|
|
30
|
+
--color-content-info-pressed: #3d0a71;
|
|
31
|
+
--color-content-info-dark: #270d41;
|
|
32
32
|
--color-content-primary-inverse: #fff;
|
|
33
33
|
--color-content-accent-primary: #989aa5;
|
|
34
34
|
--color-accent-primary: #1b1c24;
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
--color-background-action-hover: #0b0;
|
|
54
54
|
--color-background-action-pressed: #33c933;
|
|
55
55
|
--color-background-action-active-disabled: #0a540b;
|
|
56
|
-
--color-background-action-light: #
|
|
57
|
-
--color-background-action-light-hover: #
|
|
58
|
-
--color-background-action-light-pressed: #
|
|
56
|
+
--color-background-action-light: #0d310e;
|
|
57
|
+
--color-background-action-light-hover: #0a540b;
|
|
58
|
+
--color-background-action-light-pressed: #067607;
|
|
59
59
|
--color-background-accent-action-light: #0a540b;
|
|
60
60
|
--color-background-accent-action-light-hover: #067607;
|
|
61
61
|
--color-background-accent-action-light-pressed: #039904;
|
|
@@ -72,36 +72,36 @@
|
|
|
72
72
|
--color-background-error: #cf4a4b;
|
|
73
73
|
--color-background-error-hover: #ff5959;
|
|
74
74
|
--color-background-error-pressed: #ff7a7a;
|
|
75
|
-
--color-background-error-light: #
|
|
76
|
-
--color-background-error-light-hover: #
|
|
77
|
-
--color-background-error-light-pressed: #
|
|
75
|
+
--color-background-error-light: #401e20;
|
|
76
|
+
--color-background-error-light-hover: #702d2e;
|
|
77
|
+
--color-background-error-light-pressed: #9f3b3d;
|
|
78
78
|
--color-background-accent-error-light: #702d2e;
|
|
79
79
|
--color-background-accent-error-light-hover: #9f3b3d;
|
|
80
80
|
--color-background-accent-error-light-pressed: #cf4a4b;
|
|
81
81
|
--color-background-warning: #cf8d2a;
|
|
82
82
|
--color-background-warning-hover: #ffac30;
|
|
83
83
|
--color-background-warning-pressed: #ffbd59;
|
|
84
|
-
--color-background-warning-light: #
|
|
85
|
-
--color-background-warning-light-hover: #
|
|
86
|
-
--color-background-warning-light-pressed: #
|
|
84
|
+
--color-background-warning-light: #402e18;
|
|
85
|
+
--color-background-warning-light-hover: #704e1e;
|
|
86
|
+
--color-background-warning-light-pressed: #9f6d24;
|
|
87
87
|
--color-background-accent-warning-light: #704e1e;
|
|
88
88
|
--color-background-accent-warning-light-hover: #9f6d24;
|
|
89
89
|
--color-background-accent-warning-light-pressed: #cf8d2a;
|
|
90
90
|
--color-background-success: #039904;
|
|
91
91
|
--color-background-success-hover: #0b0;
|
|
92
92
|
--color-background-success-pressed: #33c933;
|
|
93
|
-
--color-background-success-light: #
|
|
94
|
-
--color-background-success-light-hover: #
|
|
95
|
-
--color-background-success-light-pressed: #
|
|
93
|
+
--color-background-success-light: #0d310e;
|
|
94
|
+
--color-background-success-light-hover: #0a540b;
|
|
95
|
+
--color-background-success-light-pressed: #067607;
|
|
96
96
|
--color-background-accent-success-light: #0a540b;
|
|
97
97
|
--color-background-accent-success-light-hover: #067607;
|
|
98
98
|
--color-background-accent-success-light-pressed: #039904;
|
|
99
99
|
--color-background-info: #0534d0;
|
|
100
100
|
--color-background-info-hover: #023dff;
|
|
101
101
|
--color-background-info-pressed: #3564ff;
|
|
102
|
-
--color-background-info-light: #
|
|
103
|
-
--color-background-info-light-hover: #
|
|
104
|
-
--color-background-info-light-pressed: #
|
|
102
|
+
--color-background-info-light: #0d1841;
|
|
103
|
+
--color-background-info-light-hover: #0a2171;
|
|
104
|
+
--color-background-info-light-pressed: #082ba0;
|
|
105
105
|
--color-background-accent-info-light: #0a2171;
|
|
106
106
|
--color-background-accent-info-light-hover: #082ba0;
|
|
107
107
|
--color-background-accent-info-light-pressed: #0534d0;
|
|
@@ -4,31 +4,31 @@
|
|
|
4
4
|
--color-content-tertiary: #7e8194;
|
|
5
5
|
--color-content-disabled: #9a9eb5;
|
|
6
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
-
--color-content-action: #
|
|
8
|
-
--color-content-action-hover: #
|
|
9
|
-
--color-content-action-pressed: #
|
|
10
|
-
--color-content-action-dark: #
|
|
7
|
+
--color-content-action: #039904;
|
|
8
|
+
--color-content-action-hover: #067607;
|
|
9
|
+
--color-content-action-pressed: #0a540b;
|
|
10
|
+
--color-content-action-dark: #0d310e;
|
|
11
11
|
--color-content-action-secondary: #2c2c33;
|
|
12
12
|
--color-content-action-secondary-hover: #1e1d22;
|
|
13
13
|
--color-content-action-secondary-pressed: #17161a;
|
|
14
14
|
--color-content-action-secondary-dark: #17161a;
|
|
15
15
|
--color-content-action-on: #fff;
|
|
16
|
-
--color-content-error: #
|
|
17
|
-
--color-content-error-hover: #
|
|
18
|
-
--color-content-error-pressed: #
|
|
19
|
-
--color-content-error-dark: #
|
|
20
|
-
--color-content-warning: #
|
|
21
|
-
--color-content-warning-hover: #
|
|
22
|
-
--color-content-warning-pressed: #
|
|
23
|
-
--color-content-warning-dark: #
|
|
24
|
-
--color-content-success: #
|
|
25
|
-
--color-content-success-hover: #
|
|
26
|
-
--color-content-success-pressed: #
|
|
27
|
-
--color-content-success-dark: #
|
|
28
|
-
--color-content-info: #
|
|
29
|
-
--color-content-info-hover: #
|
|
30
|
-
--color-content-info-pressed: #
|
|
31
|
-
--color-content-info-dark: #
|
|
16
|
+
--color-content-error: #cf4a4b;
|
|
17
|
+
--color-content-error-hover: #9f3b3d;
|
|
18
|
+
--color-content-error-pressed: #702d2e;
|
|
19
|
+
--color-content-error-dark: #401e20;
|
|
20
|
+
--color-content-warning: #cf8d2a;
|
|
21
|
+
--color-content-warning-hover: #9f6d24;
|
|
22
|
+
--color-content-warning-pressed: #704e1e;
|
|
23
|
+
--color-content-warning-dark: #402e18;
|
|
24
|
+
--color-content-success: #039904;
|
|
25
|
+
--color-content-success-hover: #067607;
|
|
26
|
+
--color-content-success-pressed: #0a540b;
|
|
27
|
+
--color-content-success-dark: #0d310e;
|
|
28
|
+
--color-content-info: #0534d0;
|
|
29
|
+
--color-content-info-hover: #082ba0;
|
|
30
|
+
--color-content-info-pressed: #0a2171;
|
|
31
|
+
--color-content-info-dark: #0d1841;
|
|
32
32
|
--color-content-primary-inverse: #fff;
|
|
33
33
|
--color-content-accent-secondary: #989aa5;
|
|
34
34
|
--color-accent-main: #14151b;
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
--color-background-action-hover: #d4aa6b;
|
|
54
54
|
--color-background-action-pressed: #db8;
|
|
55
55
|
--color-background-action-active-disabled: #5f4d36;
|
|
56
|
-
--color-background-action-light: #
|
|
57
|
-
--color-background-action-light-hover: #
|
|
58
|
-
--color-background-action-light-pressed: #
|
|
56
|
+
--color-background-action-light: #372e24;
|
|
57
|
+
--color-background-action-light-hover: #5f4d36;
|
|
58
|
+
--color-background-action-light-pressed: #866c47;
|
|
59
59
|
--color-background-accent-action-light: #5f4d36;
|
|
60
60
|
--color-background-accent-action-light-hover: #866c47;
|
|
61
61
|
--color-background-accent-action-light-pressed: #ad8b59;
|
|
@@ -72,36 +72,36 @@
|
|
|
72
72
|
--color-background-error: #c85390;
|
|
73
73
|
--color-background-error-hover: #f664af;
|
|
74
74
|
--color-background-error-pressed: #f883bf;
|
|
75
|
-
--color-background-error-light: #
|
|
76
|
-
--color-background-error-light-hover: #
|
|
77
|
-
--color-background-error-light-pressed: #
|
|
75
|
+
--color-background-error-light: #3e2031;
|
|
76
|
+
--color-background-error-light-hover: #6c3151;
|
|
77
|
+
--color-background-error-light-pressed: #9a4270;
|
|
78
78
|
--color-background-accent-error-light: #6c3151;
|
|
79
79
|
--color-background-accent-error-light-hover: #9a4270;
|
|
80
80
|
--color-background-accent-error-light-pressed: #c85390;
|
|
81
81
|
--color-background-warning: #cf6944;
|
|
82
82
|
--color-background-warning-hover: #ff7f50;
|
|
83
83
|
--color-background-warning-pressed: #ff9973;
|
|
84
|
-
--color-background-warning-light: #
|
|
85
|
-
--color-background-warning-light-hover: #
|
|
86
|
-
--color-background-warning-light-pressed: #
|
|
84
|
+
--color-background-warning-light: #40251e;
|
|
85
|
+
--color-background-warning-light-hover: #703c2b;
|
|
86
|
+
--color-background-warning-light-pressed: #9f5237;
|
|
87
87
|
--color-background-accent-warning-light: #703c2b;
|
|
88
88
|
--color-background-accent-warning-light-hover: #9f5237;
|
|
89
89
|
--color-background-accent-warning-light-pressed: #cf6944;
|
|
90
90
|
--color-background-success: #039904;
|
|
91
91
|
--color-background-success-hover: #0b0;
|
|
92
92
|
--color-background-success-pressed: #33c933;
|
|
93
|
-
--color-background-success-light: #
|
|
94
|
-
--color-background-success-light-hover: #
|
|
95
|
-
--color-background-success-light-pressed: #
|
|
93
|
+
--color-background-success-light: #0d310e;
|
|
94
|
+
--color-background-success-light-hover: #0a540b;
|
|
95
|
+
--color-background-success-light-pressed: #067607;
|
|
96
96
|
--color-background-accent-success-light: #0a540b;
|
|
97
97
|
--color-background-accent-success-light-hover: #067607;
|
|
98
98
|
--color-background-accent-success-light-pressed: #039904;
|
|
99
99
|
--color-background-info: #0534d0;
|
|
100
100
|
--color-background-info-hover: #023dff;
|
|
101
101
|
--color-background-info-pressed: #3564ff;
|
|
102
|
-
--color-background-info-light: #
|
|
103
|
-
--color-background-info-light-hover: #
|
|
104
|
-
--color-background-info-light-pressed: #
|
|
102
|
+
--color-background-info-light: #0d1841;
|
|
103
|
+
--color-background-info-light-hover: #0a2171;
|
|
104
|
+
--color-background-info-light-pressed: #082ba0;
|
|
105
105
|
--color-background-accent-info-light: #0a2171;
|
|
106
106
|
--color-background-accent-info-light-hover: #082ba0;
|
|
107
107
|
--color-background-accent-info-light-pressed: #0534d0;
|
|
@@ -4,31 +4,31 @@
|
|
|
4
4
|
--color-content-tertiary: #7e8194;
|
|
5
5
|
--color-content-disabled: #9a9eb5;
|
|
6
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
-
--color-content-action: #
|
|
8
|
-
--color-content-action-hover: #
|
|
9
|
-
--color-content-action-pressed: #
|
|
10
|
-
--color-content-action-dark: #
|
|
7
|
+
--color-content-action: #ad8b59;
|
|
8
|
+
--color-content-action-hover: #866c47;
|
|
9
|
+
--color-content-action-pressed: #5f4d36;
|
|
10
|
+
--color-content-action-dark: #372e24;
|
|
11
11
|
--color-content-action-secondary: #2c2c33;
|
|
12
12
|
--color-content-action-secondary-hover: #1e1d22;
|
|
13
13
|
--color-content-action-secondary-pressed: #17161a;
|
|
14
14
|
--color-content-action-secondary-dark: #17161a;
|
|
15
15
|
--color-content-action-on: #fff;
|
|
16
|
-
--color-content-error: #
|
|
17
|
-
--color-content-error-hover: #
|
|
18
|
-
--color-content-error-pressed: #
|
|
19
|
-
--color-content-error-dark: #
|
|
20
|
-
--color-content-warning: #
|
|
21
|
-
--color-content-warning-hover: #
|
|
22
|
-
--color-content-warning-pressed: #
|
|
23
|
-
--color-content-warning-dark: #
|
|
24
|
-
--color-content-success: #
|
|
25
|
-
--color-content-success-hover: #
|
|
26
|
-
--color-content-success-pressed: #
|
|
27
|
-
--color-content-success-dark: #
|
|
28
|
-
--color-content-info: #
|
|
29
|
-
--color-content-info-hover: #
|
|
30
|
-
--color-content-info-pressed: #
|
|
31
|
-
--color-content-info-dark: #
|
|
16
|
+
--color-content-error: #c85390;
|
|
17
|
+
--color-content-error-hover: #9a4270;
|
|
18
|
+
--color-content-error-pressed: #6c3151;
|
|
19
|
+
--color-content-error-dark: #3e2031;
|
|
20
|
+
--color-content-warning: #cf6944;
|
|
21
|
+
--color-content-warning-hover: #9f5237;
|
|
22
|
+
--color-content-warning-pressed: #703c2b;
|
|
23
|
+
--color-content-warning-dark: #40251e;
|
|
24
|
+
--color-content-success: #039904;
|
|
25
|
+
--color-content-success-hover: #067607;
|
|
26
|
+
--color-content-success-pressed: #0a540b;
|
|
27
|
+
--color-content-success-dark: #0d310e;
|
|
28
|
+
--color-content-info: #0534d0;
|
|
29
|
+
--color-content-info-hover: #082ba0;
|
|
30
|
+
--color-content-info-pressed: #0a2171;
|
|
31
|
+
--color-content-info-dark: #0d1841;
|
|
32
32
|
--color-content-primary-inverse: #fff;
|
|
33
33
|
--color-content-accent-secondary: #989aa5;
|
|
34
34
|
--color-accent-main: #14151b;
|
|
@@ -3,6 +3,8 @@ export * from './themes/themeOzenDark';
|
|
|
3
3
|
export * from './themes/themeOzenDefault';
|
|
4
4
|
export * from './themes/themeBBusinessDefault';
|
|
5
5
|
export * from './themes/themeBBusinessDark';
|
|
6
|
+
export * from './themes/themeVipDefault';
|
|
7
|
+
export * from './themes/themeVipDark';
|
|
6
8
|
export * as themeHelper from './themes/helper';
|
|
7
9
|
export { useTheme } from './ThemeProviderContext';
|
|
8
10
|
export * from './utils';
|
|
@@ -3,6 +3,8 @@ export * from './themes/themeOzenDark';
|
|
|
3
3
|
export * from './themes/themeOzenDefault';
|
|
4
4
|
export * from './themes/themeBBusinessDefault';
|
|
5
5
|
export * from './themes/themeBBusinessDark';
|
|
6
|
+
export * from './themes/themeVipDefault';
|
|
7
|
+
export * from './themes/themeVipDark';
|
|
6
8
|
import * as themeHelper_1 from './themes/helper';
|
|
7
9
|
export { themeHelper_1 as themeHelper };
|
|
8
10
|
export { useTheme } from './ThemeProviderContext';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import '@ozen-ui/fonts';
|
|
2
|
+
import type { Theme } from '../index';
|
|
3
|
+
import '../_color/Theme_color_vipDark.css';
|
|
4
|
+
import '../_typography/Theme_typography_ozenDefault.css';
|
|
5
|
+
import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
|
|
6
|
+
import '../_space/Theme_space_ozenDefault.css';
|
|
7
|
+
import '../_spacing/Theme_spacing_ozenDefault.css';
|
|
8
|
+
import '../_control/Theme_control_ozenDefault.css';
|
|
9
|
+
import '../_shadow/Theme_shadow_ozenDefault.css';
|
|
10
|
+
import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
|
|
11
|
+
import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
|
|
12
|
+
import '../_zIndex/Theme_zIndex_ozenDefault.css';
|
|
13
|
+
import '../_transition/Theme_transition_ozenDefault.css';
|
|
14
|
+
export declare const themeVipDark: Theme;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import '@ozen-ui/fonts';
|
|
3
|
+
import { ruRU } from '../../../locale';
|
|
4
|
+
import '../_color/Theme_color_vipDark.css';
|
|
5
|
+
import '../_typography/Theme_typography_ozenDefault.css';
|
|
6
|
+
import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
|
|
7
|
+
import '../_space/Theme_space_ozenDefault.css';
|
|
8
|
+
import '../_spacing/Theme_spacing_ozenDefault.css';
|
|
9
|
+
import '../_control/Theme_control_ozenDefault.css';
|
|
10
|
+
import '../_shadow/Theme_shadow_ozenDefault.css';
|
|
11
|
+
import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
|
|
12
|
+
import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
|
|
13
|
+
import '../_zIndex/Theme_zIndex_ozenDefault.css';
|
|
14
|
+
import '../_transition/Theme_transition_ozenDefault.css';
|
|
15
|
+
export var themeVipDark = __assign({ tokens: {
|
|
16
|
+
color: 'vipDark',
|
|
17
|
+
space: 'ozenDefault',
|
|
18
|
+
spacing: 'ozenDefault',
|
|
19
|
+
control: 'ozenDefault',
|
|
20
|
+
typography: 'ozenDefault',
|
|
21
|
+
borderRadius: 'ozenDefault',
|
|
22
|
+
borderWidth: 'ozenDefault',
|
|
23
|
+
shadow: 'ozenDefault',
|
|
24
|
+
breakpoint: 'ozenDefault',
|
|
25
|
+
zIndex: 'ozenDefault',
|
|
26
|
+
transition: 'ozenDefault',
|
|
27
|
+
} }, ruRU);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import '@ozen-ui/fonts';
|
|
2
|
+
import type { Theme } from '../index';
|
|
3
|
+
import '../_color/Theme_color_vipDefault.css';
|
|
4
|
+
import '../_typography/Theme_typography_ozenDefault.css';
|
|
5
|
+
import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
|
|
6
|
+
import '../_space/Theme_space_ozenDefault.css';
|
|
7
|
+
import '../_spacing/Theme_spacing_ozenDefault.css';
|
|
8
|
+
import '../_control/Theme_control_ozenDefault.css';
|
|
9
|
+
import '../_shadow/Theme_shadow_ozenDefault.css';
|
|
10
|
+
import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
|
|
11
|
+
import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
|
|
12
|
+
import '../_zIndex/Theme_zIndex_ozenDefault.css';
|
|
13
|
+
import '../_transition/Theme_transition_ozenDefault.css';
|
|
14
|
+
export declare const themeVipDefault: Theme;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import '@ozen-ui/fonts';
|
|
3
|
+
import { ruRU } from '../../../locale';
|
|
4
|
+
import '../_color/Theme_color_vipDefault.css';
|
|
5
|
+
import '../_typography/Theme_typography_ozenDefault.css';
|
|
6
|
+
import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
|
|
7
|
+
import '../_space/Theme_space_ozenDefault.css';
|
|
8
|
+
import '../_spacing/Theme_spacing_ozenDefault.css';
|
|
9
|
+
import '../_control/Theme_control_ozenDefault.css';
|
|
10
|
+
import '../_shadow/Theme_shadow_ozenDefault.css';
|
|
11
|
+
import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
|
|
12
|
+
import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
|
|
13
|
+
import '../_zIndex/Theme_zIndex_ozenDefault.css';
|
|
14
|
+
import '../_transition/Theme_transition_ozenDefault.css';
|
|
15
|
+
export var themeVipDefault = __assign({ tokens: {
|
|
16
|
+
color: 'vipDefault',
|
|
17
|
+
space: 'ozenDefault',
|
|
18
|
+
spacing: 'ozenDefault',
|
|
19
|
+
control: 'ozenDefault',
|
|
20
|
+
typography: 'ozenDefault',
|
|
21
|
+
borderRadius: 'ozenDefault',
|
|
22
|
+
borderWidth: 'ozenDefault',
|
|
23
|
+
shadow: 'ozenDefault',
|
|
24
|
+
breakpoint: 'ozenDefault',
|
|
25
|
+
zIndex: 'ozenDefault',
|
|
26
|
+
transition: 'ozenDefault',
|
|
27
|
+
} }, ruRU);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ozen-ui/kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.60.0",
|
|
4
4
|
"description": "React component library",
|
|
5
5
|
"files": [
|
|
6
6
|
"*"
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"react-popper": "^2.3.0",
|
|
28
28
|
"react-transition-group": "^4.4.5",
|
|
29
29
|
"tslib": "^2.6.3",
|
|
30
|
-
"@ozen-ui/
|
|
31
|
-
"@ozen-ui/
|
|
32
|
-
"@ozen-ui/logger": "0.
|
|
30
|
+
"@ozen-ui/icons": "0.60.0",
|
|
31
|
+
"@ozen-ui/fonts": "0.60.0",
|
|
32
|
+
"@ozen-ui/logger": "0.60.0"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"react": ">=17.0.2 <19.0.0",
|