@chayns-ui/tokens 0.3.0 → 0.4.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/baseline.css +16 -0
- package/package.json +1 -1
- package/src/foundations.tokens.json +51 -0
package/dist/baseline.css
CHANGED
|
@@ -13,6 +13,8 @@
|
|
|
13
13
|
--btn-py: calc(11 * var(--u));
|
|
14
14
|
--btn-px: calc(22 * var(--u));
|
|
15
15
|
--ctrl-h: calc(42 * var(--u));
|
|
16
|
+
--input-py: calc(13 * var(--u));
|
|
17
|
+
--input-px: calc(16 * var(--u));
|
|
16
18
|
--icon: calc(16 * var(--u));
|
|
17
19
|
--icon-lg: calc(19 * var(--u));
|
|
18
20
|
--avatar: calc(42 * var(--u));
|
|
@@ -76,7 +78,14 @@
|
|
|
76
78
|
--accent-active: #0a4e5b;
|
|
77
79
|
--on-accent: #ffffff;
|
|
78
80
|
--accent-rgb: 15, 109, 126;
|
|
81
|
+
--accent-300: #a8c3ca;
|
|
82
|
+
--tint: #eef7f8;
|
|
83
|
+
--toggle-bg: #e9eded;
|
|
79
84
|
--danger: #a31919;
|
|
85
|
+
--success: #039855;
|
|
86
|
+
--success-bg: #e7f6ee;
|
|
87
|
+
--warning: #dc6803;
|
|
88
|
+
--warning-bg: #fef3e7;
|
|
80
89
|
--danger-bg: #fdeceb;
|
|
81
90
|
--danger-bg-hover: #f7d3cf;
|
|
82
91
|
--disabled-bg: #cdd6d8;
|
|
@@ -111,7 +120,14 @@
|
|
|
111
120
|
--accent-active: #3eaec4;
|
|
112
121
|
--on-accent: #0d161a;
|
|
113
122
|
--accent-rgb: 85, 191, 212;
|
|
123
|
+
--accent-300: #aee4ed;
|
|
124
|
+
--tint: #1a3138;
|
|
125
|
+
--toggle-bg: #22333a;
|
|
114
126
|
--danger: #ffb3ae;
|
|
127
|
+
--success: #32d583;
|
|
128
|
+
--success-bg: rgba(50, 213, 131, 0.22);
|
|
129
|
+
--warning: #fdb022;
|
|
130
|
+
--warning-bg: rgba(253, 176, 34, 0.22);
|
|
115
131
|
--danger-bg: rgba(249, 112, 102, 0.22);
|
|
116
132
|
--danger-bg-hover: rgba(249, 112, 102, 0.34);
|
|
117
133
|
--disabled-bg: #2d3f46;
|
package/package.json
CHANGED
|
@@ -75,6 +75,18 @@
|
|
|
75
75
|
"$extensions": { "chayns": { "cssName": "--ctrl-h" } }
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
|
+
"input": {
|
|
79
|
+
"padding-block": {
|
|
80
|
+
"$type": "string",
|
|
81
|
+
"$value": "calc(13 * var(--u))",
|
|
82
|
+
"$extensions": { "chayns": { "cssName": "--input-py" } }
|
|
83
|
+
},
|
|
84
|
+
"padding-inline": {
|
|
85
|
+
"$type": "string",
|
|
86
|
+
"$value": "calc(16 * var(--u))",
|
|
87
|
+
"$extensions": { "chayns": { "cssName": "--input-px" } }
|
|
88
|
+
}
|
|
89
|
+
},
|
|
78
90
|
"geometry": {
|
|
79
91
|
"icon": {
|
|
80
92
|
"$type": "string",
|
|
@@ -395,6 +407,21 @@
|
|
|
395
407
|
"$value": "15, 109, 126",
|
|
396
408
|
"$extensions": { "chayns": { "cssName": "--accent-rgb", "dark": "85, 191, 212" } }
|
|
397
409
|
},
|
|
410
|
+
"accent-300": {
|
|
411
|
+
"$type": "color",
|
|
412
|
+
"$value": "#a8c3ca",
|
|
413
|
+
"$extensions": { "chayns": { "cssName": "--accent-300", "dark": "#aee4ed" } }
|
|
414
|
+
},
|
|
415
|
+
"tint": {
|
|
416
|
+
"$type": "color",
|
|
417
|
+
"$value": "#eef7f8",
|
|
418
|
+
"$extensions": { "chayns": { "cssName": "--tint", "dark": "#1a3138" } }
|
|
419
|
+
},
|
|
420
|
+
"toggle-bg": {
|
|
421
|
+
"$type": "color",
|
|
422
|
+
"$value": "#e9eded",
|
|
423
|
+
"$extensions": { "chayns": { "cssName": "--toggle-bg", "dark": "#22333a" } }
|
|
424
|
+
},
|
|
398
425
|
"danger": {
|
|
399
426
|
"$type": "color",
|
|
400
427
|
"$value": "#a31919",
|
|
@@ -407,6 +434,30 @@
|
|
|
407
434
|
}
|
|
408
435
|
}
|
|
409
436
|
},
|
|
437
|
+
"success": {
|
|
438
|
+
"$type": "color",
|
|
439
|
+
"$value": "#039855",
|
|
440
|
+
"$extensions": { "chayns": { "cssName": "--success", "dark": "#32d583" } }
|
|
441
|
+
},
|
|
442
|
+
"success-background": {
|
|
443
|
+
"$type": "color",
|
|
444
|
+
"$value": "#e7f6ee",
|
|
445
|
+
"$extensions": {
|
|
446
|
+
"chayns": { "cssName": "--success-bg", "dark": "rgba(50, 213, 131, 0.22)" }
|
|
447
|
+
}
|
|
448
|
+
},
|
|
449
|
+
"warning": {
|
|
450
|
+
"$type": "color",
|
|
451
|
+
"$value": "#dc6803",
|
|
452
|
+
"$extensions": { "chayns": { "cssName": "--warning", "dark": "#fdb022" } }
|
|
453
|
+
},
|
|
454
|
+
"warning-background": {
|
|
455
|
+
"$type": "color",
|
|
456
|
+
"$value": "#fef3e7",
|
|
457
|
+
"$extensions": {
|
|
458
|
+
"chayns": { "cssName": "--warning-bg", "dark": "rgba(253, 176, 34, 0.22)" }
|
|
459
|
+
}
|
|
460
|
+
},
|
|
410
461
|
"danger-background": {
|
|
411
462
|
"$type": "color",
|
|
412
463
|
"$value": "#fdeceb",
|