@chekinapp/tokens 0.0.21 → 0.0.23
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/components.css +30 -3
- package/src/surfaces/guest.css +6 -0
package/package.json
CHANGED
package/src/base/components.css
CHANGED
|
@@ -72,13 +72,23 @@
|
|
|
72
72
|
--dialog-content-border: var(--chekin-color-gray-3);
|
|
73
73
|
--dialog-content-radius: 16px;
|
|
74
74
|
--dialog-content-text: var(--chekin-color-brand-navy);
|
|
75
|
+
--dialog-title-font-size: 18px;
|
|
76
|
+
--dialog-title-font-weight: var(--chekin-font-weight-semibold);
|
|
75
77
|
--dialog-description-text: var(--chekin-color-gray-1);
|
|
76
78
|
--dialog-close-radius: var(--chekin-radius-small);
|
|
79
|
+
--dialog-footer-gap: 16px;
|
|
77
80
|
|
|
78
81
|
/* ── Circular Loader ──────────────────────────────────────────────── */
|
|
79
82
|
--circular-loader-color: var(--chekin-color-brand-blue);
|
|
80
83
|
--circular-loader-label-color: var(--chekin-color-gray-1);
|
|
81
84
|
|
|
85
|
+
/* ── Counter ──────────────────────────────────────────────────────── */
|
|
86
|
+
--counter-button-border: var(--chekin-color-brand-blue);
|
|
87
|
+
--counter-icon-color: var(--chekin-color-brand-blue);
|
|
88
|
+
--counter-text: #152946;
|
|
89
|
+
--counter-error-border: #f84b7a;
|
|
90
|
+
--counter-error-text: #f84b7a;
|
|
91
|
+
|
|
82
92
|
/* ── Accordion ────────────────────────────────────────────────────── */
|
|
83
93
|
--accordion-item-radius: 8px;
|
|
84
94
|
--accordion-item-border: #e5e6ee;
|
|
@@ -103,6 +113,11 @@
|
|
|
103
113
|
--accordion-content-line-height: 22px;
|
|
104
114
|
--accordion-content-color: var(--chekin-color-gray-1);
|
|
105
115
|
|
|
116
|
+
/* ── Alert (guest-app specific, shadcn-compatible API) ────────────── */
|
|
117
|
+
--alert-radius: 8px;
|
|
118
|
+
--alert-default-text: var(--chekin-color-brand-navy);
|
|
119
|
+
--alert-destructive-text: hsl(0 84.2% 60.2%);
|
|
120
|
+
|
|
106
121
|
/* ── AlertBox ──────────────────────────────────────────────────────── */
|
|
107
122
|
--alert-box-radius: 10px;
|
|
108
123
|
--alert-box-info-bg: #eff6ff;
|
|
@@ -172,6 +187,11 @@
|
|
|
172
187
|
/* ── RotateArrow (dashboard-only, migrated from ui-kit-2) ───────────── */
|
|
173
188
|
--rotate-arrow-color: var(--brand-color, var(--chekin-color-brand-blue));
|
|
174
189
|
|
|
190
|
+
/* ── RatingRadioGroup ──────────────────────────────────────────────── */
|
|
191
|
+
--rating-radio-group-star-selected-color: #facc15;
|
|
192
|
+
--rating-radio-group-star-unselected-color: #e6e6e6;
|
|
193
|
+
--rating-radio-group-star-focus-color: var(--chekin-color-brand-blue);
|
|
194
|
+
|
|
175
195
|
/* ── SectionGroup (dashboard-only, migrated from ui-kit-2) ──────────── */
|
|
176
196
|
--section-group-bg: var(--chekin-color-white);
|
|
177
197
|
--section-group-border: #e5e6ee;
|
|
@@ -185,9 +205,16 @@
|
|
|
185
205
|
--signature-canvas-placeholder-text: var(--chekin-color-brand-blue);
|
|
186
206
|
--signature-canvas-shadow: 0 16px 16px #2699fb12;
|
|
187
207
|
|
|
188
|
-
/* ──
|
|
189
|
-
--
|
|
190
|
-
--
|
|
208
|
+
/* ── Carousel (image carousel controls) ─────────────────────────────── */
|
|
209
|
+
--carousel-control-bg: #e9f5ff;
|
|
210
|
+
--carousel-control-color: var(--chekin-color-brand-blue);
|
|
211
|
+
|
|
212
|
+
/* ── Slider (range input) ─────────────────────────────────────────── */
|
|
213
|
+
--slider-track-bg: color-mix(in srgb, var(--chekin-color-brand-blue) 20%, transparent);
|
|
214
|
+
--slider-range-bg: var(--chekin-color-brand-blue);
|
|
215
|
+
--slider-thumb-bg: #e5e7eb;
|
|
216
|
+
--slider-thumb-border: var(--chekin-color-brand-blue);
|
|
217
|
+
--slider-focus-ring: var(--chekin-color-brand-blue);
|
|
191
218
|
|
|
192
219
|
/* ── Table (dashboard-only, minimal tokens) ──────────────────────────── */
|
|
193
220
|
--table-border: #e5e6ee;
|
package/src/surfaces/guest.css
CHANGED
|
@@ -45,4 +45,10 @@
|
|
|
45
45
|
--button-outline-hover-bg: rgba(0, 0, 0, 0.04);
|
|
46
46
|
--circular-loader-color: var(--chekin-color-brand-blue);
|
|
47
47
|
--error-message-color: #f84b7a;
|
|
48
|
+
|
|
49
|
+
/* Dialog: rounder corners and tighter footer for guest */
|
|
50
|
+
--dialog-content-radius: 20px;
|
|
51
|
+
|
|
52
|
+
--alert-default-text: hsl(222.2 84% 4.9%);
|
|
53
|
+
--alert-box-info-bg: #e3efff;
|
|
48
54
|
}
|