@ozen-ui/kit 0.84.6 → 0.85.1
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/Container/Container.css +1 -1
- package/__inner__/cjs/components/Grid/Grid.css +2 -2
- package/__inner__/cjs/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/bBusinessContrastDark.js +20 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/index.js +4 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/bBusinessContrastDefault.js +20 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/index.js +4 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/themes/contrastDark/contrastDark.js +20 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/themes/contrastDark/index.js +4 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/themes/contrastDefault/contrastDefault.js +20 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/themes/contrastDefault/index.js +4 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/themes/index.js +4 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.css +172 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.js +177 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/index.js +4 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.css +172 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.js +177 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/index.js +4 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.css +55 -55
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.js +55 -55
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.css +53 -53
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.js +53 -53
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.css +172 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.js +177 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-dark/index.js +4 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.css +158 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.js +163 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/index.js +4 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/index.js +4 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.css +43 -43
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.js +43 -43
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css +48 -62
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.js +48 -62
- package/__inner__/cjs/components/Stack/Stack.css +1 -1
- package/__inner__/esm/components/Container/Container.css +1 -1
- package/__inner__/esm/components/Grid/Grid.css +2 -2
- package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/bBusinessContrastDark.js +17 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/index.js +1 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/bBusinessContrastDefault.js +17 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/index.js +1 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDark/contrastDark.js +17 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDark/index.js +1 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDefault/contrastDefault.js +17 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDefault/index.js +1 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/themes/index.js +4 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.css +172 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.js +174 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/index.js +1 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.css +172 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.js +174 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/index.js +1 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.css +55 -55
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.js +55 -55
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.css +53 -53
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.js +53 -53
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.css +172 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.js +174 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-dark/index.js +1 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.css +158 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.js +160 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/index.js +1 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/index.js +4 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.css +43 -43
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.js +43 -43
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css +48 -62
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.js +48 -62
- package/__inner__/esm/components/Stack/Stack.css +1 -1
- package/__inner__/types/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/bBusinessContrastDark.d.ts +3 -0
- package/__inner__/types/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/index.d.ts +1 -0
- package/__inner__/types/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/bBusinessContrastDefault.d.ts +3 -0
- package/__inner__/types/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/index.d.ts +1 -0
- package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDark/contrastDark.d.ts +3 -0
- package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDark/index.d.ts +1 -0
- package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDefault/contrastDefault.d.ts +3 -0
- package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDefault/index.d.ts +1 -0
- package/__inner__/types/components/OzenProvider/providers/theme/themes/index.d.ts +4 -0
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.d.ts +2 -0
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/index.d.ts +1 -0
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.d.ts +2 -0
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/index.d.ts +1 -0
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.d.ts +2 -0
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/contrast-dark/index.d.ts +1 -0
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.d.ts +2 -0
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/contrast-default/index.d.ts +1 -0
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/entity.d.ts +15 -15
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/index.d.ts +4 -0
- package/package.json +4 -4
|
@@ -10,33 +10,33 @@ export var themeColorTokenOzenDark = createColorToken('ozenDark', {
|
|
|
10
10
|
'content-action': "#00bb00",
|
|
11
11
|
'content-action-hover': "#039904",
|
|
12
12
|
'content-action-pressed': "#067607",
|
|
13
|
-
'content-action-dark': "#
|
|
14
|
-
'content-action-secondary': "#
|
|
13
|
+
'content-action-dark': "#66d666",
|
|
14
|
+
'content-action-secondary': "#ffffff",
|
|
15
15
|
'content-action-secondary-hover': "#7e8194",
|
|
16
16
|
'content-action-secondary-pressed': "#636574",
|
|
17
17
|
'content-action-secondary-dark': "#d7d8e1",
|
|
18
|
-
'content-error': "#
|
|
19
|
-
'content-error-hover': "#
|
|
20
|
-
'content-error-pressed': "#
|
|
21
|
-
'content-error-dark': "#
|
|
22
|
-
'content-warning': "#
|
|
23
|
-
'content-warning-hover': "#
|
|
24
|
-
'content-warning-pressed': "#
|
|
25
|
-
'content-warning-dark': "#
|
|
18
|
+
'content-error': "#ff3333",
|
|
19
|
+
'content-error-hover': "#ee1111",
|
|
20
|
+
'content-error-pressed': "#cc0000",
|
|
21
|
+
'content-error-dark': "#ff6666",
|
|
22
|
+
'content-warning': "#ff9f00",
|
|
23
|
+
'content-warning-hover': "#e68f00",
|
|
24
|
+
'content-warning-pressed': "#cc7f00",
|
|
25
|
+
'content-warning-dark': "#ffb233",
|
|
26
26
|
'content-success': "#00bb00",
|
|
27
27
|
'content-success-hover': "#039904",
|
|
28
28
|
'content-success-pressed': "#067607",
|
|
29
|
-
'content-success-dark': "#
|
|
30
|
-
'content-info': "#
|
|
31
|
-
'content-info-hover': "#
|
|
32
|
-
'content-info-pressed': "#
|
|
29
|
+
'content-success-dark': "#66d666",
|
|
30
|
+
'content-info': "#678bff",
|
|
31
|
+
'content-info-hover': "#3564ff",
|
|
32
|
+
'content-info-pressed': "#023dff",
|
|
33
33
|
'content-info-dark': "#9ab1ff",
|
|
34
34
|
'content-primary-inverse': "#1e1d22",
|
|
35
|
-
'content-accent-secondary': "#989aa5",
|
|
36
35
|
'content-accent-primary': "#c7c8ce",
|
|
36
|
+
'content-accent-secondary': "#989aa5",
|
|
37
37
|
'content-accent-disabled': "#7b7e8c",
|
|
38
38
|
'background-main': "#1e1d22",
|
|
39
|
-
'background-main-inverse': "#
|
|
39
|
+
'background-main-inverse': "#f5f5f8",
|
|
40
40
|
'background-main-hover': "#2c2c33",
|
|
41
41
|
'background-main-pressed': "#474853",
|
|
42
42
|
'background-primary': "#17161a",
|
|
@@ -59,7 +59,7 @@ export var themeColorTokenOzenDark = createColorToken('ozenDark', {
|
|
|
59
59
|
'background-accent-action-light': "#0a540b",
|
|
60
60
|
'background-accent-action-light-hover': "#067607",
|
|
61
61
|
'background-accent-action-light-pressed': "#039904",
|
|
62
|
-
'background-action-secondary': "#
|
|
62
|
+
'background-action-secondary': "#ffffff",
|
|
63
63
|
'background-action-secondary-hover': "#9a9eb5",
|
|
64
64
|
'background-action-secondary-pressed': "#aeb1c4",
|
|
65
65
|
'background-action-secondary-active-disabled': "#636574",
|
|
@@ -69,24 +69,24 @@ export var themeColorTokenOzenDark = createColorToken('ozenDark', {
|
|
|
69
69
|
'background-accent-action-secondary-light': "#2c2c33",
|
|
70
70
|
'background-accent-action-secondary-light-hover': "#474853",
|
|
71
71
|
'background-accent-action-secondary-light-pressed': "#636574",
|
|
72
|
-
'background-error': "#
|
|
73
|
-
'background-error-hover': "#
|
|
74
|
-
'background-error-pressed': "#
|
|
75
|
-
'background-error-light': "#
|
|
76
|
-
'background-error-light-hover': "#
|
|
77
|
-
'background-error-light-pressed': "#
|
|
78
|
-
'background-accent-error-light': "#
|
|
79
|
-
'background-accent-error-light-hover': "#
|
|
80
|
-
'background-accent-error-light-pressed': "#
|
|
81
|
-
'background-warning': "#
|
|
82
|
-
'background-warning-hover': "#
|
|
83
|
-
'background-warning-pressed': "#
|
|
84
|
-
'background-warning-light': "#
|
|
85
|
-
'background-warning-light-hover': "#
|
|
86
|
-
'background-warning-light-pressed': "#
|
|
87
|
-
'background-accent-warning-light': "#
|
|
88
|
-
'background-accent-warning-light-hover': "#
|
|
89
|
-
'background-accent-warning-light-pressed': "#
|
|
72
|
+
'background-error': "#cc0000",
|
|
73
|
+
'background-error-hover': "#ee1111",
|
|
74
|
+
'background-error-pressed': "#ff3333",
|
|
75
|
+
'background-error-light': "#330000",
|
|
76
|
+
'background-error-light-hover': "#550000",
|
|
77
|
+
'background-error-light-pressed': "#770000",
|
|
78
|
+
'background-accent-error-light': "#990000",
|
|
79
|
+
'background-accent-error-light-hover': "#bb0000",
|
|
80
|
+
'background-accent-error-light-pressed': "#cc0000",
|
|
81
|
+
'background-warning': "#cc7f00",
|
|
82
|
+
'background-warning-hover': "#e68f00",
|
|
83
|
+
'background-warning-pressed': "#ff9f00",
|
|
84
|
+
'background-warning-light': "#332000",
|
|
85
|
+
'background-warning-light-hover': "#4d3000",
|
|
86
|
+
'background-warning-light-pressed': "#663f00",
|
|
87
|
+
'background-accent-warning-light': "#804f00",
|
|
88
|
+
'background-accent-warning-light-hover': "#995f00",
|
|
89
|
+
'background-accent-warning-light-pressed': "#b36f00",
|
|
90
90
|
'background-success': "#039904",
|
|
91
91
|
'background-success-hover': "#00bb00",
|
|
92
92
|
'background-success-pressed': "#33c933",
|
|
@@ -110,8 +110,8 @@ export var themeColorTokenOzenDark = createColorToken('ozenDark', {
|
|
|
110
110
|
'background-ghost-hover': "rgba(255, 255, 255, 0.2)",
|
|
111
111
|
'background-ghost-pressed': "rgba(255, 255, 255, 0.3)",
|
|
112
112
|
'background-ghost-disabled': "rgba(255, 255, 255, 0.4)",
|
|
113
|
-
'accent-main': "#14151b",
|
|
114
113
|
'accent-primary': "#1b1c24",
|
|
114
|
+
'accent-main': "#14151b",
|
|
115
115
|
'accent-main-hover': "#1b1c24",
|
|
116
116
|
'accent-main-pressed': "#252732",
|
|
117
117
|
'accent-primary-hover': "#252732",
|
|
@@ -133,16 +133,16 @@ export var themeColorTokenOzenDark = createColorToken('ozenDark', {
|
|
|
133
133
|
'border-disabled': "#474853",
|
|
134
134
|
'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
|
|
135
135
|
'border-focused': "#0d310e",
|
|
136
|
-
'border-action': "#
|
|
137
|
-
'border-action-hover': "#
|
|
138
|
-
'border-action-pressed': "#
|
|
136
|
+
'border-action': "#00bb00",
|
|
137
|
+
'border-action-hover': "#039904",
|
|
138
|
+
'border-action-pressed': "#067607",
|
|
139
139
|
'border-action-secondary': "#d7d8e1",
|
|
140
140
|
'border-action-secondary-hover': "#c2c5d3",
|
|
141
141
|
'border-action-secondary-pressed': "#aeb1c4",
|
|
142
|
-
'border-error': "#
|
|
143
|
-
'border-warning': "#
|
|
144
|
-
'border-success': "#
|
|
145
|
-
'border-info': "#
|
|
142
|
+
'border-error': "#ff3333",
|
|
143
|
+
'border-warning': "#ff9f00",
|
|
144
|
+
'border-success': "#00bb00",
|
|
145
|
+
'border-info': "#678bff",
|
|
146
146
|
'border-main-on': "#ffffff",
|
|
147
147
|
'border-accent-main': "#989aa5",
|
|
148
148
|
'border-accent-disabled': "#5f6374",
|
|
@@ -1,52 +1,38 @@
|
|
|
1
1
|
.OzenProvider_color_ozenDefault {
|
|
2
2
|
--color-content-primary: #17161a;
|
|
3
|
-
--color-content-secondary: #
|
|
4
|
-
--color-content-tertiary: #
|
|
3
|
+
--color-content-secondary: #474853;
|
|
4
|
+
--color-content-tertiary: #636574;
|
|
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: #067607;
|
|
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: #
|
|
16
|
+
--color-content-error: #e11;
|
|
17
|
+
--color-content-error-hover: #c00;
|
|
18
|
+
--color-content-error-pressed: #b00;
|
|
19
|
+
--color-content-error-dark: #c00;
|
|
20
|
+
--color-content-warning: #cc7f00;
|
|
21
|
+
--color-content-warning-hover: #b36f00;
|
|
22
|
+
--color-content-warning-pressed: #995f00;
|
|
23
|
+
--color-content-warning-dark: #b36f00;
|
|
24
|
+
--color-content-success: #039904;
|
|
25
|
+
--color-content-success-hover: #067607;
|
|
26
|
+
--color-content-success-pressed: #0a540b;
|
|
27
|
+
--color-content-success-dark: #067607;
|
|
28
28
|
--color-content-info: #023dff;
|
|
29
29
|
--color-content-info-hover: #0534d0;
|
|
30
30
|
--color-content-info-pressed: #082ba0;
|
|
31
|
-
--color-content-info-dark: #
|
|
31
|
+
--color-content-info-dark: #0534d0;
|
|
32
32
|
--color-content-primary-inverse: #fff;
|
|
33
|
-
--color-content-accent-secondary: #989aa5;
|
|
34
33
|
--color-content-accent-primary: #c7c8ce;
|
|
34
|
+
--color-content-accent-secondary: #989aa5;
|
|
35
35
|
--color-content-accent-disabled: #7b7e8c;
|
|
36
|
-
--color-accent-main: #14151b;
|
|
37
|
-
--color-accent-primary: #1b1c24;
|
|
38
|
-
--color-accent-main-hover: #1b1c24;
|
|
39
|
-
--color-accent-main-pressed: #252732;
|
|
40
|
-
--color-accent-primary-hover: #252732;
|
|
41
|
-
--color-accent-primary-pressed: #2f3240;
|
|
42
|
-
--color-accent-secondary: #252732;
|
|
43
|
-
--color-accent-secondary-hover: #2f3240;
|
|
44
|
-
--color-accent-secondary-pressed: #393c4d;
|
|
45
|
-
--color-accent-tertiary: #2f3240;
|
|
46
|
-
--color-accent-tertiary-hover: #393c4d;
|
|
47
|
-
--color-accent-tertiary-pressed: #43475b;
|
|
48
|
-
--color-accent-disabled: #2f3240;
|
|
49
|
-
--color-accent-main-inverse: #c7c8ce;
|
|
50
36
|
--color-background-main: #fff;
|
|
51
37
|
--color-background-main-hover: #f5f5f8;
|
|
52
38
|
--color-background-main-pressed: #ebecf0;
|
|
@@ -80,24 +66,24 @@
|
|
|
80
66
|
--color-background-accent-action-secondary-light: #636574;
|
|
81
67
|
--color-background-accent-action-secondary-light-hover: #474853;
|
|
82
68
|
--color-background-accent-action-secondary-light-pressed: #2c2c33;
|
|
83
|
-
--color-background-error: #
|
|
84
|
-
--color-background-error-hover: #
|
|
85
|
-
--color-background-error-pressed: #
|
|
86
|
-
--color-background-error-light: #
|
|
87
|
-
--color-background-error-light-hover: #
|
|
88
|
-
--color-background-error-light-pressed: #
|
|
89
|
-
--color-background-accent-error-light: #
|
|
90
|
-
--color-background-accent-error-light-hover: #
|
|
91
|
-
--color-background-accent-error-light-pressed: #
|
|
92
|
-
--color-background-warning: #
|
|
93
|
-
--color-background-warning-hover: #
|
|
94
|
-
--color-background-warning-pressed: #
|
|
95
|
-
--color-background-warning-light: #
|
|
96
|
-
--color-background-warning-light-hover: #
|
|
97
|
-
--color-background-warning-light-pressed: #
|
|
98
|
-
--color-background-accent-warning-light: #
|
|
99
|
-
--color-background-accent-warning-light-hover: #
|
|
100
|
-
--color-background-accent-warning-light-pressed: #
|
|
69
|
+
--color-background-error: #e11;
|
|
70
|
+
--color-background-error-hover: #c00;
|
|
71
|
+
--color-background-error-pressed: #b00;
|
|
72
|
+
--color-background-error-light: #ffe5e5;
|
|
73
|
+
--color-background-error-light-hover: #fcc;
|
|
74
|
+
--color-background-error-light-pressed: #f99;
|
|
75
|
+
--color-background-accent-error-light: #b00;
|
|
76
|
+
--color-background-accent-error-light-hover: #900;
|
|
77
|
+
--color-background-accent-error-light-pressed: #700;
|
|
78
|
+
--color-background-warning: #ff9f00;
|
|
79
|
+
--color-background-warning-hover: #e68f00;
|
|
80
|
+
--color-background-warning-pressed: #cc7f00;
|
|
81
|
+
--color-background-warning-light: #fff0cc;
|
|
82
|
+
--color-background-warning-light-hover: #ffca80;
|
|
83
|
+
--color-background-warning-light-pressed: #ffb233;
|
|
84
|
+
--color-background-accent-warning-light: #995f00;
|
|
85
|
+
--color-background-accent-warning-light-hover: #804f00;
|
|
86
|
+
--color-background-accent-warning-light-pressed: #663f00;
|
|
101
87
|
--color-background-success: #0b0;
|
|
102
88
|
--color-background-success-hover: #039904;
|
|
103
89
|
--color-background-success-pressed: #067607;
|
|
@@ -116,7 +102,7 @@
|
|
|
116
102
|
--color-background-accent-info-light: #082ba0;
|
|
117
103
|
--color-background-accent-info-light-hover: #0a2171;
|
|
118
104
|
--color-background-accent-info-light-pressed: #0d1841;
|
|
119
|
-
--color-background-main-inverse: #
|
|
105
|
+
--color-background-main-inverse: #1e1d22;
|
|
120
106
|
--color-background-overlay: rgb(0 0 0 / 50%);
|
|
121
107
|
--color-background-ghost: rgb(255 255 255 / 10%);
|
|
122
108
|
--color-background-ghost-hover: rgb(255 255 255 / 20%);
|
|
@@ -131,23 +117,23 @@
|
|
|
131
117
|
--color-border-disabled: #c2c5d3;
|
|
132
118
|
--color-border-ghost-disabled: rgb(255 255 255 / 40%);
|
|
133
119
|
--color-border-focused: #99e499;
|
|
134
|
-
--color-border-action: #
|
|
135
|
-
--color-border-action-hover: #
|
|
136
|
-
--color-border-action-pressed: #
|
|
120
|
+
--color-border-action: #039904;
|
|
121
|
+
--color-border-action-hover: #067607;
|
|
122
|
+
--color-border-action-pressed: #0a540b;
|
|
137
123
|
--color-border-action-secondary: #2c2c33;
|
|
138
124
|
--color-border-action-secondary-hover: #1e1d22;
|
|
139
125
|
--color-border-action-secondary-pressed: #17161a;
|
|
140
|
-
--color-border-error: #
|
|
141
|
-
--color-border-warning: #
|
|
142
|
-
--color-border-success: #
|
|
126
|
+
--color-border-error: #e11;
|
|
127
|
+
--color-border-warning: #cc7f00;
|
|
128
|
+
--color-border-success: #039904;
|
|
143
129
|
--color-border-info: #023dff;
|
|
144
130
|
--color-border-main-on: #fff;
|
|
145
131
|
--color-border-accent-main: #989aa5;
|
|
146
132
|
--color-border-accent-disabled: #5f6374;
|
|
147
|
-
--color-border-accent-focused: #
|
|
148
|
-
--color-additional-a1: #
|
|
133
|
+
--color-border-accent-focused: #0d310e;
|
|
134
|
+
--color-additional-a1: #5f4d36;
|
|
149
135
|
--color-additional-a2: #d4aa6b;
|
|
150
|
-
--color-additional-a3: #
|
|
136
|
+
--color-additional-a3: #e5cca6;
|
|
151
137
|
--color-additional-b1: #763986;
|
|
152
138
|
--color-additional-b2: #ba55d3;
|
|
153
139
|
--color-additional-b3: #e3bbed;
|
|
@@ -2,53 +2,39 @@ import './color-ozen-default.css';
|
|
|
2
2
|
import { createColorToken } from '../utility';
|
|
3
3
|
export var themeColorTokenOzenDefault = createColorToken('ozenDefault', {
|
|
4
4
|
'content-primary': "#17161a",
|
|
5
|
-
'content-secondary': "#
|
|
6
|
-
'content-tertiary': "#
|
|
5
|
+
'content-secondary': "#474853",
|
|
6
|
+
'content-tertiary': "#636574",
|
|
7
7
|
'content-disabled': "#9a9eb5",
|
|
8
8
|
'content-ghost-disabled': "rgba(255, 255, 255, 0.4)",
|
|
9
|
-
'content-action': "#
|
|
10
|
-
'content-action-hover': "#
|
|
11
|
-
'content-action-pressed': "#
|
|
12
|
-
'content-action-dark': "#
|
|
9
|
+
'content-action': "#039904",
|
|
10
|
+
'content-action-hover': "#067607",
|
|
11
|
+
'content-action-pressed': "#0a540b",
|
|
12
|
+
'content-action-dark': "#067607",
|
|
13
13
|
'content-action-secondary': "#2c2c33",
|
|
14
14
|
'content-action-secondary-hover': "#1e1d22",
|
|
15
15
|
'content-action-secondary-pressed': "#17161a",
|
|
16
16
|
'content-action-secondary-dark': "#17161a",
|
|
17
17
|
'content-action-on': "#ffffff",
|
|
18
|
-
'content-error': "#
|
|
19
|
-
'content-error-hover': "#
|
|
20
|
-
'content-error-pressed': "#
|
|
21
|
-
'content-error-dark': "#
|
|
22
|
-
'content-warning': "#
|
|
23
|
-
'content-warning-hover': "#
|
|
24
|
-
'content-warning-pressed': "#
|
|
25
|
-
'content-warning-dark': "#
|
|
26
|
-
'content-success': "#
|
|
27
|
-
'content-success-hover': "#
|
|
28
|
-
'content-success-pressed': "#
|
|
29
|
-
'content-success-dark': "#
|
|
18
|
+
'content-error': "#ee1111",
|
|
19
|
+
'content-error-hover': "#cc0000",
|
|
20
|
+
'content-error-pressed': "#bb0000",
|
|
21
|
+
'content-error-dark': "#cc0000",
|
|
22
|
+
'content-warning': "#cc7f00",
|
|
23
|
+
'content-warning-hover': "#b36f00",
|
|
24
|
+
'content-warning-pressed': "#995f00",
|
|
25
|
+
'content-warning-dark': "#b36f00",
|
|
26
|
+
'content-success': "#039904",
|
|
27
|
+
'content-success-hover': "#067607",
|
|
28
|
+
'content-success-pressed': "#0a540b",
|
|
29
|
+
'content-success-dark': "#067607",
|
|
30
30
|
'content-info': "#023dff",
|
|
31
31
|
'content-info-hover': "#0534d0",
|
|
32
32
|
'content-info-pressed': "#082ba0",
|
|
33
|
-
'content-info-dark': "#
|
|
33
|
+
'content-info-dark': "#0534d0",
|
|
34
34
|
'content-primary-inverse': "#ffffff",
|
|
35
|
-
'content-accent-secondary': "#989aa5",
|
|
36
35
|
'content-accent-primary': "#c7c8ce",
|
|
36
|
+
'content-accent-secondary': "#989aa5",
|
|
37
37
|
'content-accent-disabled': "#7b7e8c",
|
|
38
|
-
'accent-main': "#14151b",
|
|
39
|
-
'accent-primary': "#1b1c24",
|
|
40
|
-
'accent-main-hover': "#1b1c24",
|
|
41
|
-
'accent-main-pressed': "#252732",
|
|
42
|
-
'accent-primary-hover': "#252732",
|
|
43
|
-
'accent-primary-pressed': "#2f3240",
|
|
44
|
-
'accent-secondary': "#252732",
|
|
45
|
-
'accent-secondary-hover': "#2f3240",
|
|
46
|
-
'accent-secondary-pressed': "#393c4d",
|
|
47
|
-
'accent-tertiary': "#2f3240",
|
|
48
|
-
'accent-tertiary-hover': "#393c4d",
|
|
49
|
-
'accent-tertiary-pressed': "#43475b",
|
|
50
|
-
'accent-disabled': "#2f3240",
|
|
51
|
-
'accent-main-inverse': "#c7c8ce",
|
|
52
38
|
'background-main': "#ffffff",
|
|
53
39
|
'background-main-hover': "#f5f5f8",
|
|
54
40
|
'background-main-pressed': "#ebecf0",
|
|
@@ -82,24 +68,24 @@ export var themeColorTokenOzenDefault = createColorToken('ozenDefault', {
|
|
|
82
68
|
'background-accent-action-secondary-light': "#636574",
|
|
83
69
|
'background-accent-action-secondary-light-hover': "#474853",
|
|
84
70
|
'background-accent-action-secondary-light-pressed': "#2c2c33",
|
|
85
|
-
'background-error': "#
|
|
86
|
-
'background-error-hover': "#
|
|
87
|
-
'background-error-pressed': "#
|
|
88
|
-
'background-error-light': "#
|
|
89
|
-
'background-error-light-hover': "#
|
|
90
|
-
'background-error-light-pressed': "#
|
|
91
|
-
'background-accent-error-light': "#
|
|
92
|
-
'background-accent-error-light-hover': "#
|
|
93
|
-
'background-accent-error-light-pressed': "#
|
|
94
|
-
'background-warning': "#
|
|
95
|
-
'background-warning-hover': "#
|
|
96
|
-
'background-warning-pressed': "#
|
|
97
|
-
'background-warning-light': "#
|
|
98
|
-
'background-warning-light-hover': "#
|
|
99
|
-
'background-warning-light-pressed': "#
|
|
100
|
-
'background-accent-warning-light': "#
|
|
101
|
-
'background-accent-warning-light-hover': "#
|
|
102
|
-
'background-accent-warning-light-pressed': "#
|
|
71
|
+
'background-error': "#ee1111",
|
|
72
|
+
'background-error-hover': "#cc0000",
|
|
73
|
+
'background-error-pressed': "#bb0000",
|
|
74
|
+
'background-error-light': "#ffe5e5",
|
|
75
|
+
'background-error-light-hover': "#ffcccc",
|
|
76
|
+
'background-error-light-pressed': "#ff9999",
|
|
77
|
+
'background-accent-error-light': "#bb0000",
|
|
78
|
+
'background-accent-error-light-hover': "#990000",
|
|
79
|
+
'background-accent-error-light-pressed': "#770000",
|
|
80
|
+
'background-warning': "#ff9f00",
|
|
81
|
+
'background-warning-hover': "#e68f00",
|
|
82
|
+
'background-warning-pressed': "#cc7f00",
|
|
83
|
+
'background-warning-light': "#fff0cc",
|
|
84
|
+
'background-warning-light-hover': "#ffca80",
|
|
85
|
+
'background-warning-light-pressed': "#ffb233",
|
|
86
|
+
'background-accent-warning-light': "#995f00",
|
|
87
|
+
'background-accent-warning-light-hover': "#804f00",
|
|
88
|
+
'background-accent-warning-light-pressed': "#663f00",
|
|
103
89
|
'background-success': "#00bb00",
|
|
104
90
|
'background-success-hover': "#039904",
|
|
105
91
|
'background-success-pressed': "#067607",
|
|
@@ -118,7 +104,7 @@ export var themeColorTokenOzenDefault = createColorToken('ozenDefault', {
|
|
|
118
104
|
'background-accent-info-light': "#082ba0",
|
|
119
105
|
'background-accent-info-light-hover': "#0a2171",
|
|
120
106
|
'background-accent-info-light-pressed': "#0d1841",
|
|
121
|
-
'background-main-inverse': "#
|
|
107
|
+
'background-main-inverse': "#1e1d22",
|
|
122
108
|
'background-overlay': "rgba(0, 0, 0, 0.5)",
|
|
123
109
|
'background-ghost': "rgba(255, 255, 255, 0.1)",
|
|
124
110
|
'background-ghost-hover': "rgba(255, 255, 255, 0.2)",
|
|
@@ -133,23 +119,23 @@ export var themeColorTokenOzenDefault = createColorToken('ozenDefault', {
|
|
|
133
119
|
'border-disabled': "#c2c5d3",
|
|
134
120
|
'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
|
|
135
121
|
'border-focused': "#99e499",
|
|
136
|
-
'border-action': "#
|
|
137
|
-
'border-action-hover': "#
|
|
138
|
-
'border-action-pressed': "#
|
|
122
|
+
'border-action': "#039904",
|
|
123
|
+
'border-action-hover': "#067607",
|
|
124
|
+
'border-action-pressed': "#0a540b",
|
|
139
125
|
'border-action-secondary': "#2c2c33",
|
|
140
126
|
'border-action-secondary-hover': "#1e1d22",
|
|
141
127
|
'border-action-secondary-pressed': "#17161a",
|
|
142
|
-
'border-error': "#
|
|
143
|
-
'border-warning': "#
|
|
144
|
-
'border-success': "#
|
|
128
|
+
'border-error': "#ee1111",
|
|
129
|
+
'border-warning': "#cc7f00",
|
|
130
|
+
'border-success': "#039904",
|
|
145
131
|
'border-info': "#023dff",
|
|
146
132
|
'border-main-on': "#ffffff",
|
|
147
133
|
'border-accent-main': "#989aa5",
|
|
148
134
|
'border-accent-disabled': "#5f6374",
|
|
149
|
-
'border-accent-focused': "#
|
|
150
|
-
'additional-a1': "#
|
|
135
|
+
'border-accent-focused': "#0d310e",
|
|
136
|
+
'additional-a1': "#5f4d36",
|
|
151
137
|
'additional-a2': "#d4aa6b",
|
|
152
|
-
'additional-a3': "#
|
|
138
|
+
'additional-a3': "#e5cca6",
|
|
153
139
|
'additional-b1': "#763986",
|
|
154
140
|
'additional-b2': "#ba55d3",
|
|
155
141
|
'additional-b3': "#e3bbed",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './bBusinessContrastDark';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './bBusinessContrastDefault';
|
package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDark/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './contrastDark';
|
package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDefault/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './contrastDefault';
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
export * from './BBusinessContrastDark';
|
|
2
|
+
export * from './BBusinessContrastDefault';
|
|
1
3
|
export * from './BBusinessDark';
|
|
2
4
|
export * from './BBusinessDefault';
|
|
5
|
+
export * from './contrastDark';
|
|
6
|
+
export * from './contrastDefault';
|
|
3
7
|
export * from './ozenDark';
|
|
4
8
|
export * from './ozenDefault';
|
|
5
9
|
export * from './vipDark';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './color-b-business-contrast-dark';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './color-b-business-contrast-default';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './color-contrast-dark';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './color-contrast-default';
|
|
@@ -31,23 +31,9 @@ export type ThemeColorTokenProperties = {
|
|
|
31
31
|
'content-info-pressed': string;
|
|
32
32
|
'content-info-dark': string;
|
|
33
33
|
'content-primary-inverse': string;
|
|
34
|
-
'content-accent-secondary': string;
|
|
35
34
|
'content-accent-primary': string;
|
|
35
|
+
'content-accent-secondary': string;
|
|
36
36
|
'content-accent-disabled': string;
|
|
37
|
-
'accent-main': string;
|
|
38
|
-
'accent-primary': string;
|
|
39
|
-
'accent-main-hover': string;
|
|
40
|
-
'accent-main-pressed': string;
|
|
41
|
-
'accent-primary-hover': string;
|
|
42
|
-
'accent-primary-pressed': string;
|
|
43
|
-
'accent-secondary': string;
|
|
44
|
-
'accent-secondary-hover': string;
|
|
45
|
-
'accent-secondary-pressed': string;
|
|
46
|
-
'accent-tertiary': string;
|
|
47
|
-
'accent-tertiary-hover': string;
|
|
48
|
-
'accent-tertiary-pressed': string;
|
|
49
|
-
'accent-disabled': string;
|
|
50
|
-
'accent-main-inverse': string;
|
|
51
37
|
'background-main': string;
|
|
52
38
|
'background-main-hover': string;
|
|
53
39
|
'background-main-pressed': string;
|
|
@@ -146,6 +132,20 @@ export type ThemeColorTokenProperties = {
|
|
|
146
132
|
'border-accent-main': string;
|
|
147
133
|
'border-accent-disabled': string;
|
|
148
134
|
'border-accent-focused': string;
|
|
135
|
+
'accent-main'?: string;
|
|
136
|
+
'accent-main-hover'?: string;
|
|
137
|
+
'accent-main-pressed'?: string;
|
|
138
|
+
'accent-primary'?: string;
|
|
139
|
+
'accent-primary-hover'?: string;
|
|
140
|
+
'accent-primary-pressed'?: string;
|
|
141
|
+
'accent-secondary'?: string;
|
|
142
|
+
'accent-secondary-hover'?: string;
|
|
143
|
+
'accent-secondary-pressed'?: string;
|
|
144
|
+
'accent-tertiary'?: string;
|
|
145
|
+
'accent-tertiary-hover'?: string;
|
|
146
|
+
'accent-tertiary-pressed'?: string;
|
|
147
|
+
'accent-disabled'?: string;
|
|
148
|
+
'accent-main-inverse'?: string;
|
|
149
149
|
'additional-a1': string;
|
|
150
150
|
'additional-a2': string;
|
|
151
151
|
'additional-a3': string;
|
|
@@ -2,6 +2,10 @@ export * from './ozen-default';
|
|
|
2
2
|
export * from './ozen-dark';
|
|
3
3
|
export * from './b-business-default';
|
|
4
4
|
export * from './b-business-dark';
|
|
5
|
+
export * from './contrast-default';
|
|
6
|
+
export * from './contrast-dark';
|
|
7
|
+
export * from './b-business-contrast-default';
|
|
8
|
+
export * from './b-business-contrast-dark';
|
|
5
9
|
export * from './vip-default';
|
|
6
10
|
export * from './vip-dark';
|
|
7
11
|
export * from './entity';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ozen-ui/kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.85.1",
|
|
4
4
|
"description": "React component library",
|
|
5
5
|
"files": [
|
|
6
6
|
"*"
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
"react-popper": "^2.3.0",
|
|
30
30
|
"react-transition-group": "^4.4.5",
|
|
31
31
|
"tslib": "^2.6.3",
|
|
32
|
-
"@ozen-ui/fonts": "0.
|
|
33
|
-
"@ozen-ui/logger": "0.
|
|
34
|
-
"@ozen-ui/icons": "0.
|
|
32
|
+
"@ozen-ui/fonts": "0.85.1",
|
|
33
|
+
"@ozen-ui/logger": "0.85.1",
|
|
34
|
+
"@ozen-ui/icons": "0.85.1"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@types/lodash.isequal": "^4.5.0"
|