@chekinapp/tokens 0.2.11 → 0.2.13
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/package.json +1 -1
- package/src/base/colors.css +10 -0
- package/src/base/components.css +0 -10
- package/src/tokens.json +3 -1
package/package.json
CHANGED
package/src/base/colors.css
CHANGED
|
@@ -60,6 +60,8 @@
|
|
|
60
60
|
--chekin-gray-400: #9ca3af;
|
|
61
61
|
--chekin-gray-500: #6b7280;
|
|
62
62
|
--chekin-gray-600: #4b5563;
|
|
63
|
+
--chekin-gray-700: #353945; /* dark slate (links / strong body text) */
|
|
64
|
+
--chekin-gray-900: #101828; /* near-black ink (widget / darkest text) */
|
|
63
65
|
|
|
64
66
|
/* ── Green (success) ───────────────────────────────────────────────── */
|
|
65
67
|
--chekin-green-50: #e8fcf7;
|
|
@@ -122,6 +124,14 @@
|
|
|
122
124
|
--chekin-airbnb-pink-surface: #ffe8ef;
|
|
123
125
|
--chekin-airbnb-pink-surface-soft: #fff5f3;
|
|
124
126
|
|
|
127
|
+
/* ── Alpha overlays (translucent tints over content) ───────────────── */
|
|
128
|
+
--chekin-blue-900-a05: rgba(22, 22, 67, 0.05); /* navy 5% — subtle dividers / hover */
|
|
129
|
+
--chekin-blue-500-a15: rgba(56, 91, 248, 0.15); /* brand 15% — soft fill */
|
|
130
|
+
--chekin-blue-600-a10: rgba(41, 77, 241, 0.1); /* brand glow — box-shadow color */
|
|
131
|
+
|
|
132
|
+
/* ── HSL channels (for hsl(var(--…)) consumers) ────────────────────── */
|
|
133
|
+
--chekin-neutral-150-hsl: 233, 21%, 92%; /* = neutral-150 (#e5e6ee) */
|
|
134
|
+
|
|
125
135
|
--chekin-white: var(--chekin-neutral-0);
|
|
126
136
|
|
|
127
137
|
/* ════════════════════════════════════════════════════════════════════
|
package/src/base/components.css
CHANGED
|
@@ -126,36 +126,26 @@
|
|
|
126
126
|
--alert-box-info-border: transparent;
|
|
127
127
|
--alert-box-info-text: inherit;
|
|
128
128
|
--alert-box-info-icon: #2563eb;
|
|
129
|
-
--alert-box-info-icon-fill: none;
|
|
130
|
-
--alert-box-info-icon-stroke: var(--alert-box-info-icon);
|
|
131
129
|
|
|
132
130
|
--alert-box-warning-bg: rgba(250, 204, 21, 0.3);
|
|
133
131
|
--alert-box-warning-border: transparent;
|
|
134
132
|
--alert-box-warning-text: inherit;
|
|
135
133
|
--alert-box-warning-icon: var(--chekin-amber-500);
|
|
136
|
-
--alert-box-warning-icon-fill: none;
|
|
137
|
-
--alert-box-warning-icon-stroke: var(--alert-box-warning-icon);
|
|
138
134
|
|
|
139
135
|
--alert-box-success-bg: var(--chekin-green-50);
|
|
140
136
|
--alert-box-success-border: transparent;
|
|
141
137
|
--alert-box-success-text: var(--chekin-neutral-600);
|
|
142
138
|
--alert-box-success-icon: var(--chekin-green-600);
|
|
143
|
-
--alert-box-success-icon-fill: none;
|
|
144
|
-
--alert-box-success-icon-stroke: var(--alert-box-success-icon);
|
|
145
139
|
|
|
146
140
|
--alert-box-error-bg: var(--chekin-red-100);
|
|
147
141
|
--alert-box-error-border: transparent;
|
|
148
142
|
--alert-box-error-text: inherit;
|
|
149
143
|
--alert-box-error-icon: var(--chekin-red-500);
|
|
150
|
-
--alert-box-error-icon-fill: none;
|
|
151
|
-
--alert-box-error-icon-stroke: var(--alert-box-error-icon);
|
|
152
144
|
|
|
153
145
|
--alert-box-light-bg: var(--chekin-neutral-0);
|
|
154
146
|
--alert-box-light-border: var(--chekin-border-default);
|
|
155
147
|
--alert-box-light-text: var(--chekin-text-primary);
|
|
156
148
|
--alert-box-light-icon: var(--chekin-amber-500);
|
|
157
|
-
--alert-box-light-icon-fill: none;
|
|
158
|
-
--alert-box-light-icon-stroke: var(--alert-box-light-icon);
|
|
159
149
|
|
|
160
150
|
/* ── AudioPlayer ─────────────────────────────────────────────────────── */
|
|
161
151
|
--audio-player-button-bg: var(--chekin-color-brand-blue);
|
package/src/tokens.json
CHANGED
|
@@ -37,7 +37,9 @@
|
|
|
37
37
|
"300": {"value": "#D1D5DB", "type": "color"},
|
|
38
38
|
"400": {"value": "#9CA3AF", "type": "color"},
|
|
39
39
|
"500": {"value": "#6B7280", "type": "color"},
|
|
40
|
-
"600": {"value": "#4B5563", "type": "color"}
|
|
40
|
+
"600": {"value": "#4B5563", "type": "color"},
|
|
41
|
+
"700": {"value": "#353945", "type": "color", "description": "Dark slate (links / strong body text)"},
|
|
42
|
+
"900": {"value": "#101828", "type": "color", "description": "Near-black ink (widget / darkest text)"}
|
|
41
43
|
},
|
|
42
44
|
"green": {
|
|
43
45
|
"50": {"value": "#E8FCF7", "type": "color"},
|