@ozen-ui/kit 0.86.0 → 0.87.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/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.css +14 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.js +14 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css +14 -0
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.js +14 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.css +14 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.js +14 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css +14 -0
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.js +14 -0
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/entity.d.ts +14 -14
- package/package.json +4 -4
|
@@ -131,6 +131,20 @@
|
|
|
131
131
|
--color-border-accent-main: #989aa5;
|
|
132
132
|
--color-border-accent-disabled: #5f6374;
|
|
133
133
|
--color-border-accent-focused: #0e2010;
|
|
134
|
+
--color-accent-main: #14151b;
|
|
135
|
+
--color-accent-main-hover: #1b1c24;
|
|
136
|
+
--color-accent-primary-hover: #252732;
|
|
137
|
+
--color-accent-main-pressed: #252732;
|
|
138
|
+
--color-accent-primary: #17161a;
|
|
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;
|
|
134
148
|
--color-additional-a1: #5f4d36;
|
|
135
149
|
--color-additional-a2: #d4aa6b;
|
|
136
150
|
--color-additional-a3: #e5cca6;
|
|
@@ -136,6 +136,20 @@ exports.themeColorTokenContrastDefault = (0, utility_1.createColorToken)('contra
|
|
|
136
136
|
'border-accent-main': "#989aa5",
|
|
137
137
|
'border-accent-disabled': "#5f6374",
|
|
138
138
|
'border-accent-focused': "#0e2010",
|
|
139
|
+
'accent-main': "#14151b",
|
|
140
|
+
'accent-main-hover': "#1b1c24",
|
|
141
|
+
'accent-primary-hover': "#252732",
|
|
142
|
+
'accent-main-pressed': "#252732",
|
|
143
|
+
'accent-primary': "#17161a",
|
|
144
|
+
'accent-primary-pressed': "#2f3240",
|
|
145
|
+
'accent-secondary': "#252732",
|
|
146
|
+
'accent-secondary-hover': "#2f3240",
|
|
147
|
+
'accent-secondary-pressed': "#393c4d",
|
|
148
|
+
'accent-tertiary': "#2f3240",
|
|
149
|
+
'accent-tertiary-hover': "#393c4d",
|
|
150
|
+
'accent-tertiary-pressed': "#43475b",
|
|
151
|
+
'accent-disabled': "#2f3240",
|
|
152
|
+
'accent-main-inverse': "#c7c8ce",
|
|
139
153
|
'additional-a1': "#5f4d36",
|
|
140
154
|
'additional-a2': "#d4aa6b",
|
|
141
155
|
'additional-a3': "#e5cca6",
|
|
@@ -131,6 +131,20 @@
|
|
|
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-primary-hover: #252732;
|
|
137
|
+
--color-accent-main-pressed: #252732;
|
|
138
|
+
--color-accent-primary: #17161a;
|
|
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;
|
|
134
148
|
--color-additional-a1: #5f4d36;
|
|
135
149
|
--color-additional-a2: #d4aa6b;
|
|
136
150
|
--color-additional-a3: #e5cca6;
|
|
@@ -136,6 +136,20 @@ exports.themeColorTokenOzenDefault = (0, utility_1.createColorToken)('ozenDefaul
|
|
|
136
136
|
'border-accent-main': "#989aa5",
|
|
137
137
|
'border-accent-disabled': "#5f6374",
|
|
138
138
|
'border-accent-focused': "#0d310e",
|
|
139
|
+
'accent-main': "#14151b",
|
|
140
|
+
'accent-main-hover': "#1b1c24",
|
|
141
|
+
'accent-primary-hover': "#252732",
|
|
142
|
+
'accent-main-pressed': "#252732",
|
|
143
|
+
'accent-primary': "#17161a",
|
|
144
|
+
'accent-primary-pressed': "#2f3240",
|
|
145
|
+
'accent-secondary': "#252732",
|
|
146
|
+
'accent-secondary-hover': "#2f3240",
|
|
147
|
+
'accent-secondary-pressed': "#393c4d",
|
|
148
|
+
'accent-tertiary': "#2f3240",
|
|
149
|
+
'accent-tertiary-hover': "#393c4d",
|
|
150
|
+
'accent-tertiary-pressed': "#43475b",
|
|
151
|
+
'accent-disabled': "#2f3240",
|
|
152
|
+
'accent-main-inverse': "#c7c8ce",
|
|
139
153
|
'additional-a1': "#5f4d36",
|
|
140
154
|
'additional-a2': "#d4aa6b",
|
|
141
155
|
'additional-a3': "#e5cca6",
|
|
@@ -131,6 +131,20 @@
|
|
|
131
131
|
--color-border-accent-main: #989aa5;
|
|
132
132
|
--color-border-accent-disabled: #5f6374;
|
|
133
133
|
--color-border-accent-focused: #0e2010;
|
|
134
|
+
--color-accent-main: #14151b;
|
|
135
|
+
--color-accent-main-hover: #1b1c24;
|
|
136
|
+
--color-accent-primary-hover: #252732;
|
|
137
|
+
--color-accent-main-pressed: #252732;
|
|
138
|
+
--color-accent-primary: #17161a;
|
|
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;
|
|
134
148
|
--color-additional-a1: #5f4d36;
|
|
135
149
|
--color-additional-a2: #d4aa6b;
|
|
136
150
|
--color-additional-a3: #e5cca6;
|
|
@@ -133,6 +133,20 @@ export var themeColorTokenContrastDefault = createColorToken('contrastDefault',
|
|
|
133
133
|
'border-accent-main': "#989aa5",
|
|
134
134
|
'border-accent-disabled': "#5f6374",
|
|
135
135
|
'border-accent-focused': "#0e2010",
|
|
136
|
+
'accent-main': "#14151b",
|
|
137
|
+
'accent-main-hover': "#1b1c24",
|
|
138
|
+
'accent-primary-hover': "#252732",
|
|
139
|
+
'accent-main-pressed': "#252732",
|
|
140
|
+
'accent-primary': "#17161a",
|
|
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",
|
|
136
150
|
'additional-a1': "#5f4d36",
|
|
137
151
|
'additional-a2': "#d4aa6b",
|
|
138
152
|
'additional-a3': "#e5cca6",
|
|
@@ -131,6 +131,20 @@
|
|
|
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-primary-hover: #252732;
|
|
137
|
+
--color-accent-main-pressed: #252732;
|
|
138
|
+
--color-accent-primary: #17161a;
|
|
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;
|
|
134
148
|
--color-additional-a1: #5f4d36;
|
|
135
149
|
--color-additional-a2: #d4aa6b;
|
|
136
150
|
--color-additional-a3: #e5cca6;
|
|
@@ -133,6 +133,20 @@ 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-primary-hover': "#252732",
|
|
139
|
+
'accent-main-pressed': "#252732",
|
|
140
|
+
'accent-primary': "#17161a",
|
|
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",
|
|
136
150
|
'additional-a1': "#5f4d36",
|
|
137
151
|
'additional-a2': "#d4aa6b",
|
|
138
152
|
'additional-a3': "#e5cca6",
|
|
@@ -132,6 +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': string;
|
|
136
|
+
'accent-main-hover': string;
|
|
137
|
+
'accent-primary-hover': string;
|
|
138
|
+
'accent-main-pressed': string;
|
|
139
|
+
'accent-primary': 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;
|
|
135
149
|
'additional-a1': string;
|
|
136
150
|
'additional-a2': string;
|
|
137
151
|
'additional-a3': string;
|
|
@@ -156,20 +170,6 @@ export type ThemeColorTokenProperties = {
|
|
|
156
170
|
'additional-h1': string;
|
|
157
171
|
'additional-h2': string;
|
|
158
172
|
'additional-h3': string;
|
|
159
|
-
'accent-primary'?: string;
|
|
160
|
-
'accent-main'?: string;
|
|
161
|
-
'accent-main-hover'?: string;
|
|
162
|
-
'accent-main-pressed'?: string;
|
|
163
|
-
'accent-primary-hover'?: string;
|
|
164
|
-
'accent-primary-pressed'?: string;
|
|
165
|
-
'accent-secondary'?: string;
|
|
166
|
-
'accent-secondary-hover'?: string;
|
|
167
|
-
'accent-secondary-pressed'?: string;
|
|
168
|
-
'accent-tertiary'?: string;
|
|
169
|
-
'accent-tertiary-hover'?: string;
|
|
170
|
-
'accent-tertiary-pressed'?: string;
|
|
171
|
-
'accent-disabled'?: string;
|
|
172
|
-
'accent-main-inverse'?: string;
|
|
173
173
|
};
|
|
174
174
|
export type ThemeColorTokenVariable = keyof ThemeColorTokenProperties;
|
|
175
175
|
export type ThemeColorToken = ThemeToken<ThemeColorTokenProperties>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ozen-ui/kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.87.0",
|
|
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.8.1",
|
|
32
|
-
"@ozen-ui/fonts": "0.
|
|
33
|
-
"@ozen-ui/
|
|
34
|
-
"@ozen-ui/
|
|
32
|
+
"@ozen-ui/fonts": "0.87.0",
|
|
33
|
+
"@ozen-ui/icons": "0.87.0",
|
|
34
|
+
"@ozen-ui/logger": "0.87.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@types/lodash.isequal": "^4.5.8"
|