@codapet/design-system 0.5.9 → 0.6.2
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/index.d.mts +45 -1
- package/dist/index.mjs +607 -202
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +80 -2
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -88,6 +88,17 @@
|
|
|
88
88
|
--color-error-surface-dark: var(--error-surface-dark);
|
|
89
89
|
--color-error-surface-light: var(--error-surface-light);
|
|
90
90
|
--color-error-surface-default: var(--error-surface-default);
|
|
91
|
+
|
|
92
|
+
/* Semantic tokens for dark mode compatibility */
|
|
93
|
+
--color-foreground-secondary: var(--foreground-secondary);
|
|
94
|
+
--color-border-default: var(--border-default);
|
|
95
|
+
--color-focus-ring: var(--focus-ring);
|
|
96
|
+
--color-destructive-text: var(--destructive-text);
|
|
97
|
+
--color-destructive-hover: var(--destructive-hover);
|
|
98
|
+
--color-destructive-active: var(--destructive-active);
|
|
99
|
+
--color-destructive-bg-deep: var(--destructive-bg-deep);
|
|
100
|
+
--color-active-primary: var(--active-primary);
|
|
101
|
+
--color-range-middle-bg: var(--range-middle-bg);
|
|
91
102
|
}
|
|
92
103
|
|
|
93
104
|
:root {
|
|
@@ -175,6 +186,17 @@
|
|
|
175
186
|
--error-surface-dark: oklch(0.3967 0.1408 25.71);
|
|
176
187
|
--error-surface-light: oklch(0.9705 0.0129 17.38);
|
|
177
188
|
--error-stroke-light: oklch(0.8834 0.0616 18.39);
|
|
189
|
+
|
|
190
|
+
/* Semantic tokens */
|
|
191
|
+
--foreground-secondary: oklch(0.37 0.013 285.8);
|
|
192
|
+
--border-default: oklch(0.87 0.006 286);
|
|
193
|
+
--focus-ring: oklch(0.623 0.214 259.8);
|
|
194
|
+
--destructive-text: oklch(0.704 0.191 22.2);
|
|
195
|
+
--destructive-hover: oklch(0.97 0.013 17.4);
|
|
196
|
+
--destructive-active: oklch(0.94 0.03 17.4);
|
|
197
|
+
--destructive-bg-deep: oklch(0.40 0.14 22);
|
|
198
|
+
--active-primary: oklch(0.28 0.03 264);
|
|
199
|
+
--range-middle-bg: oklch(0.93 0.005 264);
|
|
178
200
|
}
|
|
179
201
|
|
|
180
202
|
.dark {
|
|
@@ -184,8 +206,8 @@
|
|
|
184
206
|
--card-foreground: oklch(0.984 0.003 247.858);
|
|
185
207
|
--popover: oklch(0.208 0.042 265.755);
|
|
186
208
|
--popover-foreground: oklch(0.984 0.003 247.858);
|
|
187
|
-
--primary: oklch(0.
|
|
188
|
-
--primary-foreground: oklch(0.
|
|
209
|
+
--primary: oklch(0.62 0.10 252.57);
|
|
210
|
+
--primary-foreground: oklch(0.984 0.003 247.858);
|
|
189
211
|
--secondary: oklch(0.279 0.041 260.031);
|
|
190
212
|
--secondary-foreground: oklch(0.984 0.003 247.858);
|
|
191
213
|
--muted: oklch(0.279 0.041 260.031);
|
|
@@ -210,6 +232,62 @@
|
|
|
210
232
|
--sidebar-accent-foreground: oklch(0.984 0.003 247.858);
|
|
211
233
|
--sidebar-border: oklch(1 0 0 / 10%);
|
|
212
234
|
--sidebar-ring: oklch(0.551 0.027 264.364);
|
|
235
|
+
|
|
236
|
+
/* Brand Colors */
|
|
237
|
+
--brand-subtle: oklch(0.20 0.012 248);
|
|
238
|
+
--brand-light: oklch(0.25 0.018 251);
|
|
239
|
+
--brand-normal: oklch(0.62 0.10 252.57);
|
|
240
|
+
--brand-vibrant: oklch(0.65 0.13 253.26);
|
|
241
|
+
--brand-dark: oklch(0.72 0.07 255.4);
|
|
242
|
+
--brand-text-vibrant: oklch(0.72 0.20 259.23);
|
|
243
|
+
|
|
244
|
+
/* Sand Colors */
|
|
245
|
+
--sand-light: oklch(0.20 0.005 106);
|
|
246
|
+
--sand-normal: oklch(0.25 0.006 68);
|
|
247
|
+
--sand-dark: oklch(0.40 0.005 56);
|
|
248
|
+
|
|
249
|
+
/* Rose Colors */
|
|
250
|
+
--rose-light: oklch(0.20 0.01 0.11);
|
|
251
|
+
--rose-normal: oklch(0.45 0.06 0.45);
|
|
252
|
+
--rose-dark: oklch(0.65 0.04 0.34);
|
|
253
|
+
|
|
254
|
+
/* Sage Colors */
|
|
255
|
+
--sage-light: oklch(0.20 0.018 165);
|
|
256
|
+
--sage-normal: oklch(0.45 0.04 164);
|
|
257
|
+
--sage-dark: oklch(0.65 0.03 165);
|
|
258
|
+
|
|
259
|
+
/* Red */
|
|
260
|
+
--red-subtle: oklch(0.20 0.02 17);
|
|
261
|
+
|
|
262
|
+
/* Gray / Neutral */
|
|
263
|
+
--gray-subtle: oklch(0.55 0.012 286);
|
|
264
|
+
--gray-surface-light: oklch(0.22 0.005 286);
|
|
265
|
+
--gray-surface-default: oklch(0.30 0.006 286);
|
|
266
|
+
--gray-stroke-light: oklch(0.30 0.005 286);
|
|
267
|
+
--icon-disabled: oklch(0.35 0.02 252);
|
|
268
|
+
|
|
269
|
+
/* Primary Surface & Stroke */
|
|
270
|
+
--primary-surface-subtle: oklch(0.20 0.012 248);
|
|
271
|
+
--primary-surface-light: oklch(0.25 0.018 251);
|
|
272
|
+
--primary-surface-default: oklch(0.50 0.09 252.66);
|
|
273
|
+
--primary-stroke-default: oklch(0.60 0.12 253.36);
|
|
274
|
+
|
|
275
|
+
/* Error Surface & Stroke */
|
|
276
|
+
--error-surface-default: oklch(0.55 0.18 22.23);
|
|
277
|
+
--error-surface-dark: oklch(0.55 0.16 25.71);
|
|
278
|
+
--error-surface-light: oklch(0.22 0.03 17);
|
|
279
|
+
--error-stroke-light: oklch(0.40 0.08 18.39);
|
|
280
|
+
|
|
281
|
+
/* Semantic tokens */
|
|
282
|
+
--foreground-secondary: oklch(0.87 0.006 286);
|
|
283
|
+
--border-default: oklch(0.35 0.006 286);
|
|
284
|
+
--focus-ring: oklch(0.623 0.214 259.8);
|
|
285
|
+
--destructive-text: oklch(0.704 0.191 22.2);
|
|
286
|
+
--destructive-hover: oklch(0.22 0.04 17.4);
|
|
287
|
+
--destructive-active: oklch(0.28 0.05 17.4);
|
|
288
|
+
--destructive-bg-deep: oklch(0.35 0.14 22);
|
|
289
|
+
--active-primary: oklch(0.80 0.02 264);
|
|
290
|
+
--range-middle-bg: oklch(0.28 0.02 264);
|
|
213
291
|
}
|
|
214
292
|
|
|
215
293
|
@layer base {
|