@chai-ui/tokens 0.7.0 → 0.8.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/dist/css/tokens.css +2 -0
- package/dist/figma/tokens.figma.json +10 -0
- package/dist/js/index.js +5 -0
- package/package.json +1 -1
package/dist/css/tokens.css
CHANGED
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
--chai-color-root-green-60: #57b06c;
|
|
19
19
|
--chai-color-root-green-80: #96f6c5;
|
|
20
20
|
--chai-color-root-green-95: #e9f4e6;
|
|
21
|
+
--chai-color-root-amber-30: #8c5615;
|
|
21
22
|
--chai-color-root-amber-40: #a8681c;
|
|
22
23
|
--chai-color-root-amber-50: #c98226;
|
|
23
24
|
--chai-color-root-amber-80: #f0d3a4;
|
|
@@ -41,6 +42,7 @@
|
|
|
41
42
|
--chai-color-semantic-danger-subtle: #f0c2bc;
|
|
42
43
|
--chai-color-semantic-control-surface: #f8f8f8;
|
|
43
44
|
--chai-color-semantic-control-surface-hover: #e9e9e9;
|
|
45
|
+
--chai-color-semantic-control-field: #e9e9e9;
|
|
44
46
|
--chai-color-semantic-control-surface-raised: #ffffff;
|
|
45
47
|
--chai-color-semantic-control-track: #e0e0e0;
|
|
46
48
|
--chai-color-semantic-control-divider: #e0e0e0;
|
|
@@ -75,6 +75,11 @@
|
|
|
75
75
|
"value": "#e9f4e6",
|
|
76
76
|
"type": "color"
|
|
77
77
|
},
|
|
78
|
+
"amber-30": {
|
|
79
|
+
"value": "#8c5615",
|
|
80
|
+
"type": "color",
|
|
81
|
+
"description": "Amber dark enough for text on light surfaces (about 5.4:1 or more)."
|
|
82
|
+
},
|
|
78
83
|
"amber-40": {
|
|
79
84
|
"value": "#a8681c",
|
|
80
85
|
"type": "color"
|
|
@@ -174,6 +179,11 @@
|
|
|
174
179
|
"type": "color",
|
|
175
180
|
"description": "Hover and pressed fill for buttons, menu items and chips"
|
|
176
181
|
},
|
|
182
|
+
"control-field": {
|
|
183
|
+
"value": "#e9e9e9",
|
|
184
|
+
"type": "color",
|
|
185
|
+
"description": "Filled text fields inside a control: Create world's Environment and Character"
|
|
186
|
+
},
|
|
177
187
|
"control-surface-raised": {
|
|
178
188
|
"value": "#ffffff",
|
|
179
189
|
"type": "color",
|
package/dist/js/index.js
CHANGED
|
@@ -20,6 +20,7 @@ export const tokens = {
|
|
|
20
20
|
"green-60": "#57b06c",
|
|
21
21
|
"green-80": "#96f6c5",
|
|
22
22
|
"green-95": "#e9f4e6",
|
|
23
|
+
"amber-30": "#8c5615",
|
|
23
24
|
"amber-40": "#a8681c",
|
|
24
25
|
"amber-50": "#c98226",
|
|
25
26
|
"amber-80": "#f0d3a4",
|
|
@@ -45,6 +46,7 @@ export const tokens = {
|
|
|
45
46
|
"danger-subtle": "#f0c2bc",
|
|
46
47
|
"control-surface": "#f8f8f8",
|
|
47
48
|
"control-surface-hover": "#e9e9e9",
|
|
49
|
+
"control-field": "#e9e9e9",
|
|
48
50
|
"control-surface-raised": "#ffffff",
|
|
49
51
|
"control-track": "#e0e0e0",
|
|
50
52
|
"control-divider": "#e0e0e0",
|
|
@@ -194,6 +196,7 @@ export const flatTokens = {
|
|
|
194
196
|
"color.root.green-60": "#57b06c",
|
|
195
197
|
"color.root.green-80": "#96f6c5",
|
|
196
198
|
"color.root.green-95": "#e9f4e6",
|
|
199
|
+
"color.root.amber-30": "#8c5615",
|
|
197
200
|
"color.root.amber-40": "#a8681c",
|
|
198
201
|
"color.root.amber-50": "#c98226",
|
|
199
202
|
"color.root.amber-80": "#f0d3a4",
|
|
@@ -217,6 +220,7 @@ export const flatTokens = {
|
|
|
217
220
|
"color.semantic.danger-subtle": "#f0c2bc",
|
|
218
221
|
"color.semantic.control-surface": "#f8f8f8",
|
|
219
222
|
"color.semantic.control-surface-hover": "#e9e9e9",
|
|
223
|
+
"color.semantic.control-field": "#e9e9e9",
|
|
220
224
|
"color.semantic.control-surface-raised": "#ffffff",
|
|
221
225
|
"color.semantic.control-track": "#e0e0e0",
|
|
222
226
|
"color.semantic.control-divider": "#e0e0e0",
|
|
@@ -330,6 +334,7 @@ export const tokenRefs = {
|
|
|
330
334
|
"color.semantic.danger-subtle": "color.root.red-80",
|
|
331
335
|
"color.semantic.control-surface": "color.root.gray-97",
|
|
332
336
|
"color.semantic.control-surface-hover": "color.root.gray-90",
|
|
337
|
+
"color.semantic.control-field": "color.root.gray-90",
|
|
333
338
|
"color.semantic.control-surface-raised": "color.root.gray-100",
|
|
334
339
|
"color.semantic.control-track": "color.root.gray-85",
|
|
335
340
|
"color.semantic.control-divider": "color.root.gray-85",
|
package/package.json
CHANGED