@ozen-ui/kit 0.85.0 → 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/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.css +21 -21
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.js +21 -21
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.css +33 -33
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.js +33 -33
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.css +47 -61
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.js +47 -61
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css +0 -14
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.js +0 -14
- 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/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.css +21 -21
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.js +21 -21
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.css +33 -33
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.js +33 -33
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.css +47 -61
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.js +47 -61
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css +0 -14
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.js +0 -14
- package/__inner__/esm/components/Stack/Stack.css +1 -1
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/entity.d.ts +14 -14
- package/package.json +4 -4
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
.OzenProvider_color_contrastDefault {
|
|
2
2
|
--color-content-primary: #17161a;
|
|
3
|
-
--color-content-secondary: #
|
|
4
|
-
--color-content-tertiary: #
|
|
3
|
+
--color-content-secondary: #2c2c33;
|
|
4
|
+
--color-content-tertiary: #474853;
|
|
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: #0a540b;
|
|
8
|
+
--color-content-action-hover: #0d310e;
|
|
9
|
+
--color-content-action-pressed: #0e290f;
|
|
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: #
|
|
32
|
-
--color-content-primary-inverse: #
|
|
33
|
-
--color-content-accent-primary: #
|
|
34
|
-
--color-content-accent-secondary: #
|
|
35
|
-
--color-content-accent-disabled: #
|
|
16
|
+
--color-content-error: #900;
|
|
17
|
+
--color-content-error-hover: #700;
|
|
18
|
+
--color-content-error-pressed: #500;
|
|
19
|
+
--color-content-error-dark: #700;
|
|
20
|
+
--color-content-warning: #663f00;
|
|
21
|
+
--color-content-warning-hover: #4d3000;
|
|
22
|
+
--color-content-warning-pressed: #332000;
|
|
23
|
+
--color-content-warning-dark: #4d3000;
|
|
24
|
+
--color-content-success: #0a540b;
|
|
25
|
+
--color-content-success-hover: #0d310e;
|
|
26
|
+
--color-content-success-pressed: #0e290f;
|
|
27
|
+
--color-content-success-dark: #0d310e;
|
|
28
|
+
--color-content-info: #082ba0;
|
|
29
|
+
--color-content-info-hover: #0a2171;
|
|
30
|
+
--color-content-info-pressed: #0d1841;
|
|
31
|
+
--color-content-info-dark: #0a2171;
|
|
32
|
+
--color-content-primary-inverse: #17161a;
|
|
33
|
+
--color-content-accent-primary: #1b1c24;
|
|
34
|
+
--color-content-accent-secondary: #14151b;
|
|
35
|
+
--color-content-accent-disabled: #14151b;
|
|
36
36
|
--color-background-main: #fff;
|
|
37
37
|
--color-background-main-hover: #f5f5f8;
|
|
38
38
|
--color-background-main-pressed: #ebecf0;
|
|
@@ -46,9 +46,9 @@
|
|
|
46
46
|
--color-background-tertiary-hover: #c2c5d3;
|
|
47
47
|
--color-background-tertiary-pressed: #aeb1c4;
|
|
48
48
|
--color-background-disabled: #ebecf0;
|
|
49
|
-
--color-background-action: #
|
|
50
|
-
--color-background-action-hover: #
|
|
51
|
-
--color-background-action-pressed: #
|
|
49
|
+
--color-background-action: #0a540b;
|
|
50
|
+
--color-background-action-hover: #0d310e;
|
|
51
|
+
--color-background-action-pressed: #0e290f;
|
|
52
52
|
--color-background-action-active-disabled: #99e499;
|
|
53
53
|
--color-background-action-light: #d9f5d9;
|
|
54
54
|
--color-background-action-light-hover: #ccf1cc;
|
|
@@ -66,27 +66,27 @@
|
|
|
66
66
|
--color-background-accent-action-secondary-light: #636574;
|
|
67
67
|
--color-background-accent-action-secondary-light-hover: #474853;
|
|
68
68
|
--color-background-accent-action-secondary-light-pressed: #2c2c33;
|
|
69
|
-
--color-background-error: #
|
|
70
|
-
--color-background-error-hover: #
|
|
71
|
-
--color-background-error-pressed: #
|
|
69
|
+
--color-background-error: #900;
|
|
70
|
+
--color-background-error-hover: #700;
|
|
71
|
+
--color-background-error-pressed: #500;
|
|
72
72
|
--color-background-error-light: #ffe5e5;
|
|
73
73
|
--color-background-error-light-hover: #fcc;
|
|
74
74
|
--color-background-error-light-pressed: #f99;
|
|
75
75
|
--color-background-accent-error-light: #b00;
|
|
76
76
|
--color-background-accent-error-light-hover: #900;
|
|
77
77
|
--color-background-accent-error-light-pressed: #700;
|
|
78
|
-
--color-background-warning: #
|
|
79
|
-
--color-background-warning-hover: #
|
|
80
|
-
--color-background-warning-pressed: #
|
|
78
|
+
--color-background-warning: #663f00;
|
|
79
|
+
--color-background-warning-hover: #4d3000;
|
|
80
|
+
--color-background-warning-pressed: #332000;
|
|
81
81
|
--color-background-warning-light: #fff0cc;
|
|
82
82
|
--color-background-warning-light-hover: #ffca80;
|
|
83
83
|
--color-background-warning-light-pressed: #ffb233;
|
|
84
84
|
--color-background-accent-warning-light: #995f00;
|
|
85
85
|
--color-background-accent-warning-light-hover: #804f00;
|
|
86
86
|
--color-background-accent-warning-light-pressed: #663f00;
|
|
87
|
-
--color-background-success: #
|
|
88
|
-
--color-background-success-hover: #
|
|
89
|
-
--color-background-success-pressed: #
|
|
87
|
+
--color-background-success: #0a540b;
|
|
88
|
+
--color-background-success-hover: #0d310e;
|
|
89
|
+
--color-background-success-pressed: #0e290f;
|
|
90
90
|
--color-background-success-light: #d9f5d9;
|
|
91
91
|
--color-background-success-light-hover: #ccf1cc;
|
|
92
92
|
--color-background-success-light-pressed: #99e499;
|
|
@@ -116,35 +116,21 @@
|
|
|
116
116
|
--color-border-secondary-pressed: #aeb1c4;
|
|
117
117
|
--color-border-disabled: #c2c5d3;
|
|
118
118
|
--color-border-ghost-disabled: rgb(255 255 255 / 40%);
|
|
119
|
-
--color-border-focused: #
|
|
120
|
-
--color-border-action: #
|
|
121
|
-
--color-border-action-hover: #
|
|
122
|
-
--color-border-action-pressed: #
|
|
119
|
+
--color-border-focused: #0b0;
|
|
120
|
+
--color-border-action: #0a540b;
|
|
121
|
+
--color-border-action-hover: #0d310e;
|
|
122
|
+
--color-border-action-pressed: #0e290f;
|
|
123
123
|
--color-border-action-secondary: #2c2c33;
|
|
124
124
|
--color-border-action-secondary-hover: #1e1d22;
|
|
125
125
|
--color-border-action-secondary-pressed: #17161a;
|
|
126
|
-
--color-border-error: #
|
|
127
|
-
--color-border-warning: #
|
|
128
|
-
--color-border-success: #
|
|
129
|
-
--color-border-info: #
|
|
126
|
+
--color-border-error: #900;
|
|
127
|
+
--color-border-warning: #663f00;
|
|
128
|
+
--color-border-success: #0a540b;
|
|
129
|
+
--color-border-info: #082ba0;
|
|
130
130
|
--color-border-main-on: #fff;
|
|
131
131
|
--color-border-accent-main: #989aa5;
|
|
132
132
|
--color-border-accent-disabled: #5f6374;
|
|
133
|
-
--color-border-accent-focused: #
|
|
134
|
-
--color-accent-main: #14151b;
|
|
135
|
-
--color-accent-main-hover: #1b1c24;
|
|
136
|
-
--color-accent-main-pressed: #252732;
|
|
137
|
-
--color-accent-primary: #1b1c24;
|
|
138
|
-
--color-accent-primary-hover: #252732;
|
|
139
|
-
--color-accent-primary-pressed: #2f3240;
|
|
140
|
-
--color-accent-secondary: #252732;
|
|
141
|
-
--color-accent-secondary-hover: #2f3240;
|
|
142
|
-
--color-accent-secondary-pressed: #393c4d;
|
|
143
|
-
--color-accent-tertiary: #2f3240;
|
|
144
|
-
--color-accent-tertiary-hover: #393c4d;
|
|
145
|
-
--color-accent-tertiary-pressed: #43475b;
|
|
146
|
-
--color-accent-disabled: #2f3240;
|
|
147
|
-
--color-accent-main-inverse: #c7c8ce;
|
|
133
|
+
--color-border-accent-focused: #0e2010;
|
|
148
134
|
--color-additional-a1: #5f4d36;
|
|
149
135
|
--color-additional-a2: #d4aa6b;
|
|
150
136
|
--color-additional-a3: #e5cca6;
|
|
@@ -2,39 +2,39 @@ import './color-contrast-default.css';
|
|
|
2
2
|
import { createColorToken } from '../utility';
|
|
3
3
|
export var themeColorTokenContrastDefault = createColorToken('contrastDefault', {
|
|
4
4
|
'content-primary': "#17161a",
|
|
5
|
-
'content-secondary': "#
|
|
6
|
-
'content-tertiary': "#
|
|
5
|
+
'content-secondary': "#2c2c33",
|
|
6
|
+
'content-tertiary': "#474853",
|
|
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': "#0a540b",
|
|
10
|
+
'content-action-hover': "#0d310e",
|
|
11
|
+
'content-action-pressed': "#0e290f",
|
|
12
|
+
'content-action-dark': "#0d310e",
|
|
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': "#
|
|
30
|
-
'content-info': "#
|
|
31
|
-
'content-info-hover': "#
|
|
32
|
-
'content-info-pressed': "#
|
|
33
|
-
'content-info-dark': "#
|
|
34
|
-
'content-primary-inverse': "#
|
|
35
|
-
'content-accent-primary': "#
|
|
36
|
-
'content-accent-secondary': "#
|
|
37
|
-
'content-accent-disabled': "#
|
|
18
|
+
'content-error': "#990000",
|
|
19
|
+
'content-error-hover': "#770000",
|
|
20
|
+
'content-error-pressed': "#550000",
|
|
21
|
+
'content-error-dark': "#770000",
|
|
22
|
+
'content-warning': "#663f00",
|
|
23
|
+
'content-warning-hover': "#4d3000",
|
|
24
|
+
'content-warning-pressed': "#332000",
|
|
25
|
+
'content-warning-dark': "#4d3000",
|
|
26
|
+
'content-success': "#0a540b",
|
|
27
|
+
'content-success-hover': "#0d310e",
|
|
28
|
+
'content-success-pressed': "#0e290f",
|
|
29
|
+
'content-success-dark': "#0d310e",
|
|
30
|
+
'content-info': "#082ba0",
|
|
31
|
+
'content-info-hover': "#0a2171",
|
|
32
|
+
'content-info-pressed': "#0d1841",
|
|
33
|
+
'content-info-dark': "#0a2171",
|
|
34
|
+
'content-primary-inverse': "#17161a",
|
|
35
|
+
'content-accent-primary': "#1b1c24",
|
|
36
|
+
'content-accent-secondary': "#14151b",
|
|
37
|
+
'content-accent-disabled': "#14151b",
|
|
38
38
|
'background-main': "#ffffff",
|
|
39
39
|
'background-main-hover': "#f5f5f8",
|
|
40
40
|
'background-main-pressed': "#ebecf0",
|
|
@@ -48,9 +48,9 @@ export var themeColorTokenContrastDefault = createColorToken('contrastDefault',
|
|
|
48
48
|
'background-tertiary-hover': "#c2c5d3",
|
|
49
49
|
'background-tertiary-pressed': "#aeb1c4",
|
|
50
50
|
'background-disabled': "#ebecf0",
|
|
51
|
-
'background-action': "#
|
|
52
|
-
'background-action-hover': "#
|
|
53
|
-
'background-action-pressed': "#
|
|
51
|
+
'background-action': "#0a540b",
|
|
52
|
+
'background-action-hover': "#0d310e",
|
|
53
|
+
'background-action-pressed': "#0e290f",
|
|
54
54
|
'background-action-active-disabled': "#99e499",
|
|
55
55
|
'background-action-light': "#d9f5d9",
|
|
56
56
|
'background-action-light-hover': "#ccf1cc",
|
|
@@ -68,27 +68,27 @@ export var themeColorTokenContrastDefault = createColorToken('contrastDefault',
|
|
|
68
68
|
'background-accent-action-secondary-light': "#636574",
|
|
69
69
|
'background-accent-action-secondary-light-hover': "#474853",
|
|
70
70
|
'background-accent-action-secondary-light-pressed': "#2c2c33",
|
|
71
|
-
'background-error': "#
|
|
72
|
-
'background-error-hover': "#
|
|
73
|
-
'background-error-pressed': "#
|
|
71
|
+
'background-error': "#990000",
|
|
72
|
+
'background-error-hover': "#770000",
|
|
73
|
+
'background-error-pressed': "#550000",
|
|
74
74
|
'background-error-light': "#ffe5e5",
|
|
75
75
|
'background-error-light-hover': "#ffcccc",
|
|
76
76
|
'background-error-light-pressed': "#ff9999",
|
|
77
77
|
'background-accent-error-light': "#bb0000",
|
|
78
78
|
'background-accent-error-light-hover': "#990000",
|
|
79
79
|
'background-accent-error-light-pressed': "#770000",
|
|
80
|
-
'background-warning': "#
|
|
81
|
-
'background-warning-hover': "#
|
|
82
|
-
'background-warning-pressed': "#
|
|
80
|
+
'background-warning': "#663f00",
|
|
81
|
+
'background-warning-hover': "#4d3000",
|
|
82
|
+
'background-warning-pressed': "#332000",
|
|
83
83
|
'background-warning-light': "#fff0cc",
|
|
84
84
|
'background-warning-light-hover': "#ffca80",
|
|
85
85
|
'background-warning-light-pressed': "#ffb233",
|
|
86
86
|
'background-accent-warning-light': "#995f00",
|
|
87
87
|
'background-accent-warning-light-hover': "#804f00",
|
|
88
88
|
'background-accent-warning-light-pressed': "#663f00",
|
|
89
|
-
'background-success': "#
|
|
90
|
-
'background-success-hover': "#
|
|
91
|
-
'background-success-pressed': "#
|
|
89
|
+
'background-success': "#0a540b",
|
|
90
|
+
'background-success-hover': "#0d310e",
|
|
91
|
+
'background-success-pressed': "#0e290f",
|
|
92
92
|
'background-success-light': "#d9f5d9",
|
|
93
93
|
'background-success-light-hover': "#ccf1cc",
|
|
94
94
|
'background-success-light-pressed': "#99e499",
|
|
@@ -118,35 +118,21 @@ export var themeColorTokenContrastDefault = createColorToken('contrastDefault',
|
|
|
118
118
|
'border-secondary-pressed': "#aeb1c4",
|
|
119
119
|
'border-disabled': "#c2c5d3",
|
|
120
120
|
'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
|
|
121
|
-
'border-focused': "#
|
|
122
|
-
'border-action': "#
|
|
123
|
-
'border-action-hover': "#
|
|
124
|
-
'border-action-pressed': "#
|
|
121
|
+
'border-focused': "#00bb00",
|
|
122
|
+
'border-action': "#0a540b",
|
|
123
|
+
'border-action-hover': "#0d310e",
|
|
124
|
+
'border-action-pressed': "#0e290f",
|
|
125
125
|
'border-action-secondary': "#2c2c33",
|
|
126
126
|
'border-action-secondary-hover': "#1e1d22",
|
|
127
127
|
'border-action-secondary-pressed': "#17161a",
|
|
128
|
-
'border-error': "#
|
|
129
|
-
'border-warning': "#
|
|
130
|
-
'border-success': "#
|
|
131
|
-
'border-info': "#
|
|
128
|
+
'border-error': "#990000",
|
|
129
|
+
'border-warning': "#663f00",
|
|
130
|
+
'border-success': "#0a540b",
|
|
131
|
+
'border-info': "#082ba0",
|
|
132
132
|
'border-main-on': "#ffffff",
|
|
133
133
|
'border-accent-main': "#989aa5",
|
|
134
134
|
'border-accent-disabled': "#5f6374",
|
|
135
|
-
'border-accent-focused': "#
|
|
136
|
-
'accent-main': "#14151b",
|
|
137
|
-
'accent-main-hover': "#1b1c24",
|
|
138
|
-
'accent-main-pressed': "#252732",
|
|
139
|
-
'accent-primary': "#1b1c24",
|
|
140
|
-
'accent-primary-hover': "#252732",
|
|
141
|
-
'accent-primary-pressed': "#2f3240",
|
|
142
|
-
'accent-secondary': "#252732",
|
|
143
|
-
'accent-secondary-hover': "#2f3240",
|
|
144
|
-
'accent-secondary-pressed': "#393c4d",
|
|
145
|
-
'accent-tertiary': "#2f3240",
|
|
146
|
-
'accent-tertiary-hover': "#393c4d",
|
|
147
|
-
'accent-tertiary-pressed': "#43475b",
|
|
148
|
-
'accent-disabled': "#2f3240",
|
|
149
|
-
'accent-main-inverse': "#c7c8ce",
|
|
135
|
+
'border-accent-focused': "#0e2010",
|
|
150
136
|
'additional-a1': "#5f4d36",
|
|
151
137
|
'additional-a2': "#d4aa6b",
|
|
152
138
|
'additional-a3': "#e5cca6",
|
|
@@ -131,20 +131,6 @@
|
|
|
131
131
|
--color-border-accent-main: #989aa5;
|
|
132
132
|
--color-border-accent-disabled: #5f6374;
|
|
133
133
|
--color-border-accent-focused: #0d310e;
|
|
134
|
-
--color-accent-main: #14151b;
|
|
135
|
-
--color-accent-main-hover: #1b1c24;
|
|
136
|
-
--color-accent-main-pressed: #252732;
|
|
137
|
-
--color-accent-primary: #1b1c24;
|
|
138
|
-
--color-accent-primary-hover: #252732;
|
|
139
|
-
--color-accent-primary-pressed: #2f3240;
|
|
140
|
-
--color-accent-secondary: #252732;
|
|
141
|
-
--color-accent-secondary-hover: #2f3240;
|
|
142
|
-
--color-accent-secondary-pressed: #393c4d;
|
|
143
|
-
--color-accent-tertiary: #2f3240;
|
|
144
|
-
--color-accent-tertiary-hover: #393c4d;
|
|
145
|
-
--color-accent-tertiary-pressed: #43475b;
|
|
146
|
-
--color-accent-disabled: #2f3240;
|
|
147
|
-
--color-accent-main-inverse: #c7c8ce;
|
|
148
134
|
--color-additional-a1: #5f4d36;
|
|
149
135
|
--color-additional-a2: #d4aa6b;
|
|
150
136
|
--color-additional-a3: #e5cca6;
|
|
@@ -133,20 +133,6 @@ export var themeColorTokenOzenDefault = createColorToken('ozenDefault', {
|
|
|
133
133
|
'border-accent-main': "#989aa5",
|
|
134
134
|
'border-accent-disabled': "#5f6374",
|
|
135
135
|
'border-accent-focused': "#0d310e",
|
|
136
|
-
'accent-main': "#14151b",
|
|
137
|
-
'accent-main-hover': "#1b1c24",
|
|
138
|
-
'accent-main-pressed': "#252732",
|
|
139
|
-
'accent-primary': "#1b1c24",
|
|
140
|
-
'accent-primary-hover': "#252732",
|
|
141
|
-
'accent-primary-pressed': "#2f3240",
|
|
142
|
-
'accent-secondary': "#252732",
|
|
143
|
-
'accent-secondary-hover': "#2f3240",
|
|
144
|
-
'accent-secondary-pressed': "#393c4d",
|
|
145
|
-
'accent-tertiary': "#2f3240",
|
|
146
|
-
'accent-tertiary-hover': "#393c4d",
|
|
147
|
-
'accent-tertiary-pressed': "#43475b",
|
|
148
|
-
'accent-disabled': "#2f3240",
|
|
149
|
-
'accent-main-inverse': "#c7c8ce",
|
|
150
136
|
'additional-a1': "#5f4d36",
|
|
151
137
|
'additional-a2': "#d4aa6b",
|
|
152
138
|
'additional-a3': "#e5cca6",
|
|
@@ -132,20 +132,20 @@ export type ThemeColorTokenProperties = {
|
|
|
132
132
|
'border-accent-main': string;
|
|
133
133
|
'border-accent-disabled': string;
|
|
134
134
|
'border-accent-focused': string;
|
|
135
|
-
'accent-main'
|
|
136
|
-
'accent-main-hover'
|
|
137
|
-
'accent-main-pressed'
|
|
138
|
-
'accent-primary'
|
|
139
|
-
'accent-primary-hover'
|
|
140
|
-
'accent-primary-pressed'
|
|
141
|
-
'accent-secondary'
|
|
142
|
-
'accent-secondary-hover'
|
|
143
|
-
'accent-secondary-pressed'
|
|
144
|
-
'accent-tertiary'
|
|
145
|
-
'accent-tertiary-hover'
|
|
146
|
-
'accent-tertiary-pressed'
|
|
147
|
-
'accent-disabled'
|
|
148
|
-
'accent-main-inverse'
|
|
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;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ozen-ui/kit",
|
|
3
|
-
"version": "0.85.
|
|
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/
|
|
33
|
-
"@ozen-ui/
|
|
34
|
-
"@ozen-ui/
|
|
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"
|