@c2n/theme 0.0.6 → 0.0.8

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.
Files changed (11) hide show
  1. package/dist/.tsbuildinfo +1 -1
  2. package/dist/base.css +458 -11
  3. package/dist/report.json +2940 -485
  4. package/dist/theme.css +491 -11
  5. package/dist/tokens.css +33 -0
  6. package/dist/tokens.d.ts +1 -1
  7. package/dist/tokens.d.ts.map +1 -1
  8. package/dist/tokens.js +15 -0
  9. package/dist/tokens.js.map +1 -1
  10. package/dist/tokens.json +451 -12
  11. package/package.json +20 -2
package/dist/tokens.json CHANGED
@@ -35,6 +35,13 @@
35
35
  "dark": "#0f2d5c",
36
36
  "description": "Soft accent surface, e.g. a selected list item."
37
37
  },
38
+ {
39
+ "name": "--c2-theme--color-primary-glow",
40
+ "category": "color",
41
+ "light": "rgba(2, 101, 220, 0.2)",
42
+ "dark": "rgba(90, 163, 255, 0.28)",
43
+ "description": "Accent tint for luminous borders and decorative glows."
44
+ },
38
45
  {
39
46
  "name": "--c2-theme--color-surface",
40
47
  "category": "color",
@@ -223,11 +230,125 @@
223
230
  "light": "0 24px 60px rgba(0, 0, 0, 0.25)",
224
231
  "dark": "0 24px 60px rgba(0, 0, 0, 0.6)",
225
232
  "description": "Shadow of dialogs and drawers."
233
+ },
234
+ {
235
+ "name": "--c2-theme--chart-series-1",
236
+ "category": "chart",
237
+ "light": "#0265dc",
238
+ "dark": "#5aa3ff",
239
+ "description": "First categorical series. Matches the accent, so a single-series chart reads as brand."
240
+ },
241
+ {
242
+ "name": "--c2-theme--chart-series-2",
243
+ "category": "chart",
244
+ "light": "#ea580c",
245
+ "dark": "#fb923c",
246
+ "description": "Second categorical series: orange, the Okabe-Ito counterpart to the blue."
247
+ },
248
+ {
249
+ "name": "--c2-theme--chart-series-3",
250
+ "category": "chart",
251
+ "light": "#0f766e",
252
+ "dark": "#2dd4bf",
253
+ "description": "Third categorical series: teal."
254
+ },
255
+ {
256
+ "name": "--c2-theme--chart-series-4",
257
+ "category": "chart",
258
+ "light": "#db2777",
259
+ "dark": "#f472b6",
260
+ "description": "Fourth categorical series: pink."
261
+ },
262
+ {
263
+ "name": "--c2-theme--chart-series-5",
264
+ "category": "chart",
265
+ "light": "#a16207",
266
+ "dark": "#fbbf24",
267
+ "description": "Fifth categorical series: gold, dark enough not to collapse into the orange."
268
+ },
269
+ {
270
+ "name": "--c2-theme--chart-series-6",
271
+ "category": "chart",
272
+ "light": "#7c3aed",
273
+ "dark": "#a78bfa",
274
+ "description": "Sixth categorical series: violet."
275
+ },
276
+ {
277
+ "name": "--c2-theme--chart-series-7",
278
+ "category": "chart",
279
+ "light": "#0891b2",
280
+ "dark": "#22d3ee",
281
+ "description": "Seventh categorical series: cyan."
282
+ },
283
+ {
284
+ "name": "--c2-theme--chart-series-8",
285
+ "category": "chart",
286
+ "light": "#52525b",
287
+ "dark": "#a1a1aa",
288
+ "description": "Eighth categorical series: neutral grey, for an \"other\" or residual bucket."
289
+ },
290
+ {
291
+ "name": "--c2-theme--chart-positive",
292
+ "category": "chart",
293
+ "light": "#16a34a",
294
+ "dark": "#4ade80",
295
+ "description": "Rising values: an up candle, a positive sparkline. Separate from the accent so direction and brand move independently."
296
+ },
297
+ {
298
+ "name": "--c2-theme--chart-negative",
299
+ "category": "chart",
300
+ "light": "#dc2626",
301
+ "dark": "#f87171",
302
+ "description": "Falling values: a down candle, a negative sparkline. Separate from `color-error` so a brand can recolour direction without recolouring failure."
226
303
  }
227
304
  ],
228
305
  "mapping": {
229
306
  "--c2-accordion--border-radius": "--c2-theme--radius-lg",
230
307
  "--c2-accordion--transition-duration": "--c2-theme--motion-scale",
308
+ "--c2-attachment--background": "--c2-theme--color-surface",
309
+ "--c2-attachment--border": "--c2-theme--color-outline-variant",
310
+ "--c2-attachment--border-radius": "--c2-theme--radius-xl",
311
+ "--c2-attachment--color": "--c2-theme--color-on-surface",
312
+ "--c2-attachment__media--background": "--c2-theme--color-surface-container",
313
+ "--c2-attachment__media--color": "--c2-theme--color-on-surface-variant",
314
+ "--c2-attachment__name--font-size": "--c2-theme--font-size-md",
315
+ "--c2-attachment__name--font-weight": "--c2-theme--font-weight-medium",
316
+ "--c2-attachment__metadata--color": "--c2-theme--color-on-surface-variant",
317
+ "--c2-attachment__metadata--font-size": "--c2-theme--font-size-sm",
318
+ "--c2-attachment__status--color": "--c2-theme--color-on-surface-variant",
319
+ "--c2-attachment__status__error--color": "--c2-theme--color-error",
320
+ "--c2-attachment__progress--background": "--c2-theme--color-outline-variant",
321
+ "--c2-attachment__progress--color": "--c2-theme--color-primary",
322
+ "--c2-attachment__action--color": "--c2-theme--color-on-surface-variant",
323
+ "--c2-attachment__action__hover--background": "--c2-theme--color-surface-container",
324
+ "--c2-attachment__action__focus--outline": "--c2-theme--focus-ring",
325
+ "--c2-attachment__disabled--opacity": "--c2-theme--disabled-opacity",
326
+ "--c2-autocomplete--background": "--c2-theme--color-surface",
327
+ "--c2-autocomplete--color": "--c2-theme--color-on-surface",
328
+ "--c2-autocomplete--font-size": "--c2-theme--font-size-md",
329
+ "--c2-autocomplete--border": "--c2-theme--border",
330
+ "--c2-autocomplete--border-radius": "--c2-theme--radius-lg",
331
+ "--c2-autocomplete__hover--border": "--c2-theme--color-outline-strong",
332
+ "--c2-autocomplete__focus--border": "--c2-theme--color-primary",
333
+ "--c2-autocomplete__placeholder--color": "--c2-theme--color-on-surface-variant",
334
+ "--c2-autocomplete__disabled--opacity": "--c2-theme--disabled-opacity",
335
+ "--c2-autocomplete__icon--color": "--c2-theme--color-on-surface-variant",
336
+ "--c2-autocomplete__panel--background": "--c2-theme--color-surface",
337
+ "--c2-autocomplete__panel--border": "--c2-theme--color-outline-variant",
338
+ "--c2-autocomplete__panel--border-radius": "--c2-theme--radius-lg",
339
+ "--c2-autocomplete__panel--box-shadow": "--c2-theme--shadow-md",
340
+ "--c2-autocomplete__header--color": "--c2-theme--color-on-surface-variant",
341
+ "--c2-autocomplete__header--border-bottom": "--c2-theme--color-outline-variant",
342
+ "--c2-autocomplete__footer--color": "--c2-theme--color-on-surface-variant",
343
+ "--c2-autocomplete__footer--border-top": "--c2-theme--color-outline-variant",
344
+ "--c2-autocomplete__option--border-radius": "--c2-theme--radius-md",
345
+ "--c2-autocomplete__option__active--background": "--c2-theme--color-surface-container",
346
+ "--c2-autocomplete__option__active--color": "--c2-theme--color-on-surface",
347
+ "--c2-autocomplete__description--color": "--c2-theme--color-on-surface-variant",
348
+ "--c2-autocomplete__description--font-size": "--c2-theme--font-size-sm",
349
+ "--c2-autocomplete__highlight--color": "--c2-theme--color-primary",
350
+ "--c2-autocomplete__highlight--font-weight": "--c2-theme--font-weight-semibold",
351
+ "--c2-autocomplete__status--color": "--c2-theme--color-on-surface-variant",
231
352
  "--c2-avatar--border-top-left-radius": "--c2-theme--radius-full",
232
353
  "--c2-avatar--border-top-right-radius": "--c2-theme--radius-full",
233
354
  "--c2-avatar--border-bottom-left-radius": "--c2-theme--radius-full",
@@ -274,18 +395,67 @@
274
395
  "--c2-card--background": "--c2-theme--color-surface",
275
396
  "--c2-card__focus--outline": "--c2-theme--focus-ring",
276
397
  "--c2-card__disabled--opacity": "--c2-theme--disabled-opacity",
277
- "--c2-chat-input--border-top-left-radius": "--c2-theme--radius-sm",
278
- "--c2-chat-input--border-top-right-radius": "--c2-theme--radius-sm",
279
- "--c2-chat-input--border-bottom-left-radius": "--c2-theme--radius-sm",
280
- "--c2-chat-input--border-bottom-right-radius": "--c2-theme--radius-sm",
281
- "--c2-chat-input--border-top": "--c2-theme--border",
282
- "--c2-chat-input--border-right": "--c2-theme--border",
283
- "--c2-chat-input--border-bottom": "--c2-theme--border",
284
- "--c2-chat-input--border-left": "--c2-theme--border",
285
- "--c2-chat-input--color": "--c2-theme--color-on-surface",
286
- "--c2-chat-input--background": "--c2-theme--color-surface",
287
- "--c2-chat-input--font-size": "--c2-theme--font-size-md",
398
+ "--c2-chart__axis-line--color": "--c2-theme--color-outline-variant",
399
+ "--c2-chart--background": "--c2-theme--color-surface",
400
+ "--c2-chart--color": "--c2-theme--color-on-surface",
401
+ "--c2-chart--font-size": "--c2-theme--font-size-sm",
402
+ "--c2-chart--border-top": "--c2-theme--color-outline-variant",
403
+ "--c2-chart--border-right": "--c2-theme--color-outline-variant",
404
+ "--c2-chart--border-bottom": "--c2-theme--color-outline-variant",
405
+ "--c2-chart--border-left": "--c2-theme--color-outline-variant",
406
+ "--c2-chart--border-top-left-radius": "--c2-theme--radius-lg",
407
+ "--c2-chart--border-top-right-radius": "--c2-theme--radius-lg",
408
+ "--c2-chart--border-bottom-left-radius": "--c2-theme--radius-lg",
409
+ "--c2-chart--border-bottom-right-radius": "--c2-theme--radius-lg",
410
+ "--c2-chart__series-1--color": "--c2-theme--chart-series-1",
411
+ "--c2-chart__series-2--color": "--c2-theme--chart-series-2",
412
+ "--c2-chart__series-3--color": "--c2-theme--chart-series-3",
413
+ "--c2-chart__series-4--color": "--c2-theme--chart-series-4",
414
+ "--c2-chart__series-5--color": "--c2-theme--chart-series-5",
415
+ "--c2-chart__series-6--color": "--c2-theme--chart-series-6",
416
+ "--c2-chart__series-7--color": "--c2-theme--chart-series-7",
417
+ "--c2-chart__series-8--color": "--c2-theme--chart-series-8",
418
+ "--c2-chart__axis--color": "--c2-theme--color-on-surface-variant",
419
+ "--c2-chart__axis--font-size": "--c2-theme--font-size-sm",
420
+ "--c2-chart__grid--color": "--c2-theme--color-outline-variant",
421
+ "--c2-chart__crosshair--color": "--c2-theme--color-on-surface-variant",
422
+ "--c2-chart__surface--color": "--c2-theme--color-surface",
423
+ "--c2-chart__muted--color": "--c2-theme--color-on-surface-variant",
424
+ "--c2-chart__positive--color": "--c2-theme--chart-positive",
425
+ "--c2-chart__negative--color": "--c2-theme--chart-negative",
426
+ "--c2-chart__legend--color": "--c2-theme--color-on-surface-variant",
427
+ "--c2-chart__legend--font-size": "--c2-theme--font-size-sm",
428
+ "--c2-chart__legend__disabled--opacity": "--c2-theme--disabled-opacity",
429
+ "--c2-chart__legend-marker--border-radius": "--c2-theme--radius-full",
430
+ "--c2-chart__tooltip--background-color": "--c2-theme--color-inverse-surface",
431
+ "--c2-chart__tooltip--color": "--c2-theme--color-on-inverse-surface",
432
+ "--c2-chart__tooltip--font-size": "--c2-theme--font-size-sm",
433
+ "--c2-chart__tooltip--border-radius": "--c2-theme--radius-md",
434
+ "--c2-chart__tooltip--box-shadow": "--c2-theme--shadow-md",
435
+ "--c2-chart__state--color": "--c2-theme--color-on-surface-variant",
436
+ "--c2-chart__state--font-size": "--c2-theme--font-size-md",
437
+ "--c2-chart__tone-positive--color": "--c2-theme--chart-positive",
438
+ "--c2-chart__tone-negative--color": "--c2-theme--chart-negative",
439
+ "--c2-chart__slice--border": "--c2-theme--color-surface",
440
+ "--c2-chat-input__container--border": "--c2-theme--border",
441
+ "--c2-chat-input__container--background": "--c2-theme--color-surface",
442
+ "--c2-chat-input__container--color": "--c2-theme--color-on-surface",
443
+ "--c2-chat-input__container__hover--border": "--c2-theme--color-outline-strong",
444
+ "--c2-chat-input__container__focus--border": "--c2-theme--color-primary",
445
+ "--c2-chat-input__container__invalid--border": "--c2-theme--color-error",
446
+ "--c2-chat-input__container__disabled--opacity": "--c2-theme--disabled-opacity",
447
+ "--c2-chat-input__textarea--font-size": "--c2-theme--font-size-md",
448
+ "--c2-chat-input__placeholder--color": "--c2-theme--color-on-surface-variant",
449
+ "--c2-chat-input__send-button--background": "--c2-theme--color-primary",
450
+ "--c2-chat-input__send-button--color": "--c2-theme--color-on-primary",
451
+ "--c2-chat-input__send-button__hover--background": "--c2-theme--color-primary-hover",
452
+ "--c2-chat-input__send-button__active--background": "--c2-theme--color-primary-active",
453
+ "--c2-chat-input__send-button__focus--outline": "--c2-theme--focus-ring",
454
+ "--c2-chat-input__send-button__disabled--opacity": "--c2-theme--disabled-opacity",
288
455
  "--c2-chat-message--font-size": "--c2-theme--font-size-md",
456
+ "--c2-chat-message__header__title--color": "--c2-theme--color-on-surface",
457
+ "--c2-chat-message__header__title--font-weight": "--c2-theme--font-weight-semibold",
458
+ "--c2-chat-message__time--color": "--c2-theme--color-on-surface-variant",
289
459
  "--c2-chat-message__time--font-size": "--c2-theme--font-size-sm",
290
460
  "--c2-checkbox__container--border-top-left-radius": "--c2-theme--radius-sm",
291
461
  "--c2-checkbox__container--border-top-right-radius": "--c2-theme--radius-sm",
@@ -351,6 +521,43 @@
351
521
  "--c2-copy-button__container__focus--outline": "--c2-theme--focus-ring",
352
522
  "--c2-copy-button__container__disabled--opacity": "--c2-theme--disabled-opacity",
353
523
  "--c2-copy-button--transition-duration": "--c2-theme--motion-scale",
524
+ "--c2-date-input--border": "--c2-theme--border",
525
+ "--c2-date-input--border-radius": "--c2-theme--radius-md",
526
+ "--c2-date-input--color": "--c2-theme--color-on-surface",
527
+ "--c2-date-input--background": "--c2-theme--color-surface",
528
+ "--c2-date-input--font-size": "--c2-theme--font-size-md",
529
+ "--c2-date-input__hover--border": "--c2-theme--color-outline-strong",
530
+ "--c2-date-input__focus--border": "--c2-theme--color-primary",
531
+ "--c2-date-input__focus--outline": "--c2-theme--focus-ring",
532
+ "--c2-date-input__error--border": "--c2-theme--color-error",
533
+ "--c2-date-input__read-only--background": "--c2-theme--color-surface-container-low",
534
+ "--c2-date-input__disabled--opacity": "--c2-theme--disabled-opacity",
535
+ "--c2-date-input__calendar-icon--color": "--c2-theme--color-on-surface-variant",
536
+ "--c2-date-input__calendar-icon__hover--color": "--c2-theme--color-on-surface",
537
+ "--c2-date-input__supporting-text--font-size": "--c2-theme--font-size-sm",
538
+ "--c2-date-input__supporting-text--color": "--c2-theme--color-on-surface-variant",
539
+ "--c2-date-input__supporting-text__error--color": "--c2-theme--color-error",
540
+ "--c2-date-selector--background": "--c2-theme--color-surface",
541
+ "--c2-date-selector--color": "--c2-theme--color-on-surface",
542
+ "--c2-date-selector--border": "--c2-theme--color-outline-variant",
543
+ "--c2-date-selector--border-radius": "--c2-theme--radius-xl",
544
+ "--c2-date-selector--box-shadow": "--c2-theme--shadow-md",
545
+ "--c2-date-selector--font-size": "--c2-theme--font-size-md",
546
+ "--c2-date-selector__day--border-radius": "--c2-theme--radius-full",
547
+ "--c2-date-selector__day__hover--background": "--c2-theme--color-surface-container",
548
+ "--c2-date-selector__day__today--color": "--c2-theme--color-primary",
549
+ "--c2-date-selector__day__today--font-weight": "--c2-theme--font-weight-semibold",
550
+ "--c2-date-selector__day__selected--background": "--c2-theme--color-primary",
551
+ "--c2-date-selector__day__selected--color": "--c2-theme--color-on-primary",
552
+ "--c2-date-selector__range--background": "--c2-theme--color-primary-container",
553
+ "--c2-date-selector__range--color": "--c2-theme--color-on-surface",
554
+ "--c2-date-selector__day__disabled--opacity": "--c2-theme--disabled-opacity",
555
+ "--c2-date-selector__weekday--color": "--c2-theme--color-on-surface-variant",
556
+ "--c2-date-selector__weekday--font-size": "--c2-theme--font-size-sm",
557
+ "--c2-date-selector__month-title--font-weight": "--c2-theme--font-weight-semibold",
558
+ "--c2-date-selector__navigation__hover--background": "--c2-theme--color-surface-container",
559
+ "--c2-date-selector__focus--outline": "--c2-theme--focus-ring",
560
+ "--c2-date-selector__disabled--opacity": "--c2-theme--disabled-opacity",
354
561
  "--c2-details--border-top": "--c2-theme--border",
355
562
  "--c2-details--border-right": "--c2-theme--border",
356
563
  "--c2-details--border-bottom": "--c2-theme--border",
@@ -367,11 +574,20 @@
367
574
  "--c2-details__header__hover--background": "--c2-theme--color-surface-container-low",
368
575
  "--c2-details__header__focus--outline": "--c2-theme--focus-ring",
369
576
  "--c2-details__header__disabled--opacity": "--c2-theme--disabled-opacity",
577
+ "--c2-header--background": "--c2-theme--color-surface",
578
+ "--c2-header--color": "--c2-theme--color-on-surface",
579
+ "--c2-header--border-bottom": "--c2-theme--color-outline-variant",
370
580
  "--c2-icon-button--border-radius": "--c2-theme--radius-full",
371
581
  "--c2-icon-button__hover--background-color": "--c2-theme--color-surface-container",
372
582
  "--c2-icon-button__focus--outline": "--c2-theme--focus-ring",
373
583
  "--c2-icon-button__disabled--opacity": "--c2-theme--disabled-opacity",
374
584
  "--c2-icon-button__selected--background-color": "--c2-theme--color-surface-container",
585
+ "--c2-kbd--background-color": "--c2-theme--color-surface-container",
586
+ "--c2-kbd--color": "--c2-theme--color-on-surface-variant",
587
+ "--c2-kbd--border": "--c2-theme--border",
588
+ "--c2-kbd--font-family": "--c2-theme--font-family",
589
+ "--c2-kbd--font-size": "--c2-theme--font-size-sm",
590
+ "--c2-kbd--font-weight": "--c2-theme--font-weight-medium",
375
591
  "--c2-label__container__disabled--opacity": "--c2-theme--disabled-opacity",
376
592
  "--c2-label__required-indicator--color": "--c2-theme--color-error",
377
593
  "--c2-link-button__container--border-radius": "--c2-theme--radius-sm",
@@ -401,6 +617,33 @@
401
617
  "--c2-list-item__selected__hover--background": "--c2-theme--color-primary-container",
402
618
  "--c2-list-item__focus--outline": "--c2-theme--focus-ring",
403
619
  "--c2-list-item__disabled--opacity": "--c2-theme--disabled-opacity",
620
+ "--c2-menu--background": "--c2-theme--color-surface",
621
+ "--c2-menu--border-top": "--c2-theme--color-outline-variant",
622
+ "--c2-menu--border-right": "--c2-theme--color-outline-variant",
623
+ "--c2-menu--border-bottom": "--c2-theme--color-outline-variant",
624
+ "--c2-menu--border-left": "--c2-theme--color-outline-variant",
625
+ "--c2-menu--border-top-left-radius": "--c2-theme--radius-lg",
626
+ "--c2-menu--border-top-right-radius": "--c2-theme--radius-lg",
627
+ "--c2-menu--border-bottom-left-radius": "--c2-theme--radius-lg",
628
+ "--c2-menu--border-bottom-right-radius": "--c2-theme--radius-lg",
629
+ "--c2-menu--box-shadow": "--c2-theme--shadow-md",
630
+ "--c2-menu__separator--color": "--c2-theme--color-outline-variant",
631
+ "--c2-menu__heading--color": "--c2-theme--color-on-surface-variant",
632
+ "--c2-menu__heading--font-weight": "--c2-theme--font-weight-semibold",
633
+ "--c2-menu-item--border-top-left-radius": "--c2-theme--radius-md",
634
+ "--c2-menu-item--border-top-right-radius": "--c2-theme--radius-md",
635
+ "--c2-menu-item--border-bottom-left-radius": "--c2-theme--radius-md",
636
+ "--c2-menu-item--border-bottom-right-radius": "--c2-theme--radius-md",
637
+ "--c2-menu-item--font-size": "--c2-theme--font-size-md",
638
+ "--c2-menu-item--color": "--c2-theme--color-on-surface",
639
+ "--c2-menu-item__hover--background": "--c2-theme--color-surface-container",
640
+ "--c2-menu-item__description--color": "--c2-theme--color-on-surface-variant",
641
+ "--c2-menu-item__description--font-size": "--c2-theme--font-size-sm",
642
+ "--c2-menu-item__shortcut--color": "--c2-theme--color-on-surface-variant",
643
+ "--c2-menu-item__icon--color": "--c2-theme--color-on-surface-variant",
644
+ "--c2-menu-item__destructive--color": "--c2-theme--color-error",
645
+ "--c2-menu-item__focus--outline": "--c2-theme--focus-ring",
646
+ "--c2-menu-item__disabled--opacity": "--c2-theme--disabled-opacity",
404
647
  "--c2-modal--background": "--c2-theme--color-surface",
405
648
  "--c2-modal--color": "--c2-theme--color-on-surface",
406
649
  "--c2-modal--border-top-left-radius": "--c2-theme--radius-xl",
@@ -417,7 +660,118 @@
417
660
  "--c2-modal__close__hover--color": "--c2-theme--color-on-surface",
418
661
  "--c2-modal__close__focus--outline": "--c2-theme--focus-ring",
419
662
  "--c2-modal__backdrop--background": "--c2-theme--color-scrim",
663
+ "--c2-navigation-menu__mobile-trigger--color": "--c2-theme--color-on-surface",
664
+ "--c2-navigation-menu__mobile-trigger--border": "--c2-theme--color-outline-variant",
665
+ "--c2-navigation-menu__mobile-trigger--border-radius": "--c2-theme--radius-lg",
666
+ "--c2-navigation-menu__mobile-trigger__hover--background": "--c2-theme--color-surface-container",
667
+ "--c2-navigation-menu__mobile-trigger__focus--outline": "--c2-theme--focus-ring",
668
+ "--c2-navigation-menu__mobile-panel--background": "--c2-theme--color-surface",
669
+ "--c2-navigation-menu__mobile-panel--border-top": "--c2-theme--color-outline-variant",
670
+ "--c2-navigation-menu__mobile-panel--border-right": "--c2-theme--color-outline-variant",
671
+ "--c2-navigation-menu__mobile-panel--border-bottom": "--c2-theme--color-outline-variant",
672
+ "--c2-navigation-menu__mobile-panel--border-left": "--c2-theme--color-outline-variant",
673
+ "--c2-navigation-menu__mobile-panel--border-top-left-radius": "--c2-theme--radius-lg",
674
+ "--c2-navigation-menu__mobile-panel--border-top-right-radius": "--c2-theme--radius-lg",
675
+ "--c2-navigation-menu__mobile-panel--border-bottom-left-radius": "--c2-theme--radius-lg",
676
+ "--c2-navigation-menu__mobile-panel--border-bottom-right-radius": "--c2-theme--radius-lg",
677
+ "--c2-navigation-menu__mobile-panel--box-shadow": "--c2-theme--shadow-md",
678
+ "--c2-navigation-menu-item--border-top-left-radius": "--c2-theme--radius-md",
679
+ "--c2-navigation-menu-item--border-top-right-radius": "--c2-theme--radius-md",
680
+ "--c2-navigation-menu-item--border-bottom-left-radius": "--c2-theme--radius-md",
681
+ "--c2-navigation-menu-item--border-bottom-right-radius": "--c2-theme--radius-md",
682
+ "--c2-navigation-menu-item--font-size": "--c2-theme--font-size-md",
683
+ "--c2-navigation-menu-item--font-weight": "--c2-theme--font-weight-medium",
684
+ "--c2-navigation-menu-item--color": "--c2-theme--color-on-surface-variant",
685
+ "--c2-navigation-menu-item__hover--color": "--c2-theme--color-on-surface",
686
+ "--c2-navigation-menu-item__hover--background": "--c2-theme--color-surface-container",
687
+ "--c2-navigation-menu-item__expanded--color": "--c2-theme--color-on-surface",
688
+ "--c2-navigation-menu-item__expanded--background": "--c2-theme--color-surface-container",
689
+ "--c2-navigation-menu-item__current--color": "--c2-theme--color-on-surface",
690
+ "--c2-navigation-menu-item__current--font-weight": "--c2-theme--font-weight-semibold",
691
+ "--c2-navigation-menu-item__indicator--color": "--c2-theme--color-primary",
692
+ "--c2-navigation-menu-item__indicator--border-radius": "--c2-theme--radius-full",
693
+ "--c2-navigation-menu-item__focus--outline": "--c2-theme--focus-ring",
694
+ "--c2-navigation-menu-item__disabled--opacity": "--c2-theme--disabled-opacity",
695
+ "--c2-navigation-menu-item__mobile-heading--color": "--c2-theme--color-on-surface-variant",
696
+ "--c2-navigation-menu-item__mobile-heading--font-weight": "--c2-theme--font-weight-semibold",
697
+ "--c2-navigation-menu-item__panel--background": "--c2-theme--color-surface",
698
+ "--c2-navigation-menu-item__panel--border-top": "--c2-theme--color-outline-variant",
699
+ "--c2-navigation-menu-item__panel--border-right": "--c2-theme--color-outline-variant",
700
+ "--c2-navigation-menu-item__panel--border-bottom": "--c2-theme--color-outline-variant",
701
+ "--c2-navigation-menu-item__panel--border-left": "--c2-theme--color-outline-variant",
702
+ "--c2-navigation-menu-item__panel--border-top-left-radius": "--c2-theme--radius-lg",
703
+ "--c2-navigation-menu-item__panel--border-top-right-radius": "--c2-theme--radius-lg",
704
+ "--c2-navigation-menu-item__panel--border-bottom-left-radius": "--c2-theme--radius-lg",
705
+ "--c2-navigation-menu-item__panel--border-bottom-right-radius": "--c2-theme--radius-lg",
706
+ "--c2-navigation-menu-item__panel--box-shadow": "--c2-theme--shadow-md",
707
+ "--c2-navigation-menu-link--border-top-left-radius": "--c2-theme--radius-md",
708
+ "--c2-navigation-menu-link--border-top-right-radius": "--c2-theme--radius-md",
709
+ "--c2-navigation-menu-link--border-bottom-left-radius": "--c2-theme--radius-md",
710
+ "--c2-navigation-menu-link--border-bottom-right-radius": "--c2-theme--radius-md",
711
+ "--c2-navigation-menu-link--font-size": "--c2-theme--font-size-md",
712
+ "--c2-navigation-menu-link--font-weight": "--c2-theme--font-weight-medium",
713
+ "--c2-navigation-menu-link--color": "--c2-theme--color-on-surface",
714
+ "--c2-navigation-menu-link__hover--background": "--c2-theme--color-surface-container",
715
+ "--c2-navigation-menu-link__current--color": "--c2-theme--color-primary",
716
+ "--c2-navigation-menu-link__current--background": "--c2-theme--color-primary-container",
717
+ "--c2-navigation-menu-link__description--color": "--c2-theme--color-on-surface-variant",
718
+ "--c2-navigation-menu-link__description--font-size": "--c2-theme--font-size-sm",
719
+ "--c2-navigation-menu-link__icon--color": "--c2-theme--color-on-surface-variant",
720
+ "--c2-navigation-menu-link__focus--outline": "--c2-theme--focus-ring",
721
+ "--c2-navigation-menu-link__disabled--opacity": "--c2-theme--disabled-opacity",
722
+ "--c2-number-input--border": "--c2-theme--border",
723
+ "--c2-number-input--border-radius": "--c2-theme--radius-md",
724
+ "--c2-number-input--color": "--c2-theme--color-on-surface",
725
+ "--c2-number-input--background": "--c2-theme--color-surface",
726
+ "--c2-number-input--font-size": "--c2-theme--font-size-md",
727
+ "--c2-number-input__placeholder--color": "--c2-theme--color-on-surface-variant",
728
+ "--c2-number-input__hover--border": "--c2-theme--color-outline-strong",
729
+ "--c2-number-input__focus--border": "--c2-theme--color-primary",
730
+ "--c2-number-input__focus--outline": "--c2-theme--focus-ring",
731
+ "--c2-number-input__error--border": "--c2-theme--color-error",
732
+ "--c2-number-input__read-only--background": "--c2-theme--color-surface-container-low",
733
+ "--c2-number-input__disabled--opacity": "--c2-theme--disabled-opacity",
734
+ "--c2-number-input__stepper--border-left": "--c2-theme--color-outline-variant",
735
+ "--c2-number-input__stepper--color": "--c2-theme--color-on-surface-variant",
736
+ "--c2-number-input__stepper__hover--color": "--c2-theme--color-on-surface",
737
+ "--c2-number-input__stepper__hover--background": "--c2-theme--color-surface-container",
738
+ "--c2-number-input__adornment--color": "--c2-theme--color-on-surface-variant",
739
+ "--c2-number-input__adornment--font-size": "--c2-theme--font-size-md",
740
+ "--c2-number-input__supporting-text--font-size": "--c2-theme--font-size-sm",
741
+ "--c2-number-input__supporting-text--color": "--c2-theme--color-on-surface-variant",
742
+ "--c2-number-input__supporting-text__error--color": "--c2-theme--color-error",
420
743
  "--c2-overlay--transition-duration": "--c2-theme--motion-scale",
744
+ "--c2-pagination__item--color": "--c2-theme--color-on-surface",
745
+ "--c2-pagination__item--border-radius": "--c2-theme--radius-lg",
746
+ "--c2-pagination__item--font-size": "--c2-theme--font-size-md",
747
+ "--c2-pagination__item--font-weight": "--c2-theme--font-weight-medium",
748
+ "--c2-pagination__item__hover--color": "--c2-theme--color-on-surface",
749
+ "--c2-pagination__item__hover--background-color": "--c2-theme--color-surface-container",
750
+ "--c2-pagination__item__selected--color": "--c2-theme--color-on-surface",
751
+ "--c2-pagination__item__selected--background-color": "--c2-theme--color-surface",
752
+ "--c2-pagination__item__selected--border": "--c2-theme--color-outline-variant",
753
+ "--c2-pagination__item__selected--font-weight": "--c2-theme--font-weight-medium",
754
+ "--c2-pagination__item__focus--outline": "--c2-theme--focus-ring",
755
+ "--c2-pagination__item__disabled--opacity": "--c2-theme--disabled-opacity",
756
+ "--c2-pagination__nav--color": "--c2-theme--color-on-surface",
757
+ "--c2-pagination__nav--border-radius": "--c2-theme--radius-lg",
758
+ "--c2-pagination__nav--font-size": "--c2-theme--font-size-md",
759
+ "--c2-pagination__nav--font-weight": "--c2-theme--font-weight-medium",
760
+ "--c2-pagination__nav__hover--color": "--c2-theme--color-on-surface",
761
+ "--c2-pagination__nav__hover--background-color": "--c2-theme--color-surface-container",
762
+ "--c2-pagination__ellipsis--color": "--c2-theme--color-on-surface-variant",
763
+ "--c2-pagination__label--color": "--c2-theme--color-on-surface-variant",
764
+ "--c2-pagination__label--font-size": "--c2-theme--font-size-md",
765
+ "--c2-pagination__label--font-weight": "--c2-theme--font-weight-medium",
766
+ "--c2-progress--border-radius": "--c2-theme--radius-full",
767
+ "--c2-progress__track--background-color": "--c2-theme--color-outline-variant",
768
+ "--c2-progress__indicator--background-color": "--c2-theme--color-primary",
769
+ "--c2-progress--animation-duration": "--c2-theme--motion-scale",
770
+ "--c2-progress__label--color": "--c2-theme--color-on-surface-variant",
771
+ "--c2-progress__label--font-size": "--c2-theme--font-size-md",
772
+ "--c2-progress__value--color": "--c2-theme--color-on-surface",
773
+ "--c2-progress__value--font-size": "--c2-theme--font-size-md",
774
+ "--c2-progress__value--font-weight": "--c2-theme--font-weight-medium",
421
775
  "--c2-radio__container--border-radius": "--c2-theme--radius-lg",
422
776
  "--c2-radio__control--border-radius": "--c2-theme--radius-full",
423
777
  "--c2-radio__control--border": "--c2-theme--border",
@@ -478,11 +832,26 @@
478
832
  "--c2-seperator__label--color": "--c2-theme--color-on-surface-variant",
479
833
  "--c2-seperator__label--font-size": "--c2-theme--font-size-sm",
480
834
  "--c2-seperator__label--font-weight": "--c2-theme--font-weight-medium",
835
+ "--c2-sheet--background": "--c2-theme--color-surface",
836
+ "--c2-sheet--color": "--c2-theme--color-on-surface",
837
+ "--c2-sheet--box-shadow": "--c2-theme--shadow-lg",
838
+ "--c2-sheet--transition-duration": "--c2-theme--motion-scale",
839
+ "--c2-sheet__header--font-weight": "--c2-theme--font-weight-semibold",
840
+ "--c2-sheet__body--font-size": "--c2-theme--font-size-md",
841
+ "--c2-sheet__close--border-radius": "--c2-theme--radius-lg",
842
+ "--c2-sheet__close--color": "--c2-theme--color-on-surface-variant",
843
+ "--c2-sheet__close__hover--background": "--c2-theme--color-surface-container",
844
+ "--c2-sheet__close__hover--color": "--c2-theme--color-on-surface",
845
+ "--c2-sheet__close__focus--outline": "--c2-theme--focus-ring",
846
+ "--c2-sheet__backdrop--background": "--c2-theme--color-scrim",
481
847
  "--c2-side-nav--transition-duration": "--c2-theme--motion-scale",
482
848
  "--c2-side-nav--background-color": "--c2-theme--color-surface-container-low",
483
849
  "--c2-side-nav__divider--color": "--c2-theme--color-outline-variant",
484
850
  "--c2-side-nav__over--box-shadow": "--c2-theme--shadow-lg",
485
851
  "--c2-side-nav__backdrop--background-color": "--c2-theme--color-scrim",
852
+ "--c2-skeleton--border-radius": "--c2-theme--radius-sm",
853
+ "--c2-skeleton--background-color": "--c2-theme--color-outline-variant",
854
+ "--c2-skeleton--animation-duration": "--c2-theme--motion-scale",
486
855
  "--c2-slider__container__disabled--opacity": "--c2-theme--disabled-opacity",
487
856
  "--c2-slider__track--border-radius": "--c2-theme--radius-full",
488
857
  "--c2-slider__track--color": "--c2-theme--color-outline-variant",
@@ -503,6 +872,18 @@
503
872
  "--c2-spinner--animation-duration": "--c2-theme--motion-scale",
504
873
  "--c2-spinner__label--color": "--c2-theme--color-on-surface-variant",
505
874
  "--c2-spinner__label--font-size": "--c2-theme--font-size-md",
875
+ "--c2-stat--background": "--c2-theme--color-surface",
876
+ "--c2-stat--color": "--c2-theme--color-on-surface",
877
+ "--c2-stat--border": "--c2-theme--color-outline-variant",
878
+ "--c2-stat--border-radius": "--c2-theme--radius-lg",
879
+ "--c2-stat__icon--background": "--c2-theme--color-surface-container",
880
+ "--c2-stat__icon--color": "--c2-theme--color-on-surface-variant",
881
+ "--c2-stat__icon--border-radius": "--c2-theme--radius-lg",
882
+ "--c2-stat__value--font-weight": "--c2-theme--font-weight-semibold",
883
+ "--c2-stat__label--font-size": "--c2-theme--font-size-md",
884
+ "--c2-stat__label--color": "--c2-theme--color-on-surface-variant",
885
+ "--c2-stat__description--font-size": "--c2-theme--font-size-sm",
886
+ "--c2-stat__description--color": "--c2-theme--color-on-surface-variant",
506
887
  "--c2-switch__container__disabled--opacity": "--c2-theme--disabled-opacity",
507
888
  "--c2-switch__track--border-radius": "--c2-theme--radius-full",
508
889
  "--c2-switch__track--color": "--c2-theme--color-outline-variant",
@@ -517,6 +898,45 @@
517
898
  "--c2-switch__description--color": "--c2-theme--color-on-surface-variant",
518
899
  "--c2-switch__description--font-size": "--c2-theme--font-size-sm",
519
900
  "--c2-switch--transition-duration": "--c2-theme--motion-scale",
901
+ "--c2-table--background": "--c2-theme--color-surface",
902
+ "--c2-table--color": "--c2-theme--color-on-surface",
903
+ "--c2-table--font-size": "--c2-theme--font-size-md",
904
+ "--c2-table--border-top": "--c2-theme--color-outline-variant",
905
+ "--c2-table--border-right": "--c2-theme--color-outline-variant",
906
+ "--c2-table--border-bottom": "--c2-theme--color-outline-variant",
907
+ "--c2-table--border-left": "--c2-theme--color-outline-variant",
908
+ "--c2-table--border-top-left-radius": "--c2-theme--radius-lg",
909
+ "--c2-table--border-top-right-radius": "--c2-theme--radius-lg",
910
+ "--c2-table--border-bottom-left-radius": "--c2-theme--radius-lg",
911
+ "--c2-table--border-bottom-right-radius": "--c2-theme--radius-lg",
912
+ "--c2-table__header--background": "--c2-theme--color-surface-container-low",
913
+ "--c2-table__header--color": "--c2-theme--color-on-surface-variant",
914
+ "--c2-table__header--font-size": "--c2-theme--font-size-sm",
915
+ "--c2-table__header--font-weight": "--c2-theme--font-weight-semibold",
916
+ "--c2-table__header--border-bottom": "--c2-theme--color-outline-variant",
917
+ "--c2-table__header-cell__hover--background": "--c2-theme--color-surface-container",
918
+ "--c2-table__header-cell__sorted--color": "--c2-theme--color-on-surface",
919
+ "--c2-table__sort-icon--color": "--c2-theme--color-on-surface-variant",
920
+ "--c2-table__sort-icon__active--color": "--c2-theme--color-primary",
921
+ "--c2-table__resizer--color": "--c2-theme--color-outline-variant",
922
+ "--c2-table__resizer__hover--color": "--c2-theme--color-primary",
923
+ "--c2-table__row--border-bottom": "--c2-theme--color-outline-variant",
924
+ "--c2-table__row__hover--background": "--c2-theme--color-surface-container-low",
925
+ "--c2-table__row__odd--background": "--c2-theme--color-surface-container-low",
926
+ "--c2-table__row__selected--background": "--c2-theme--color-primary-container",
927
+ "--c2-table__row__selected--color": "--c2-theme--color-on-surface",
928
+ "--c2-table__cell--font-size": "--c2-theme--font-size-md",
929
+ "--c2-table__cell--color": "--c2-theme--color-on-surface",
930
+ "--c2-table__cell__focus--outline": "--c2-theme--focus-ring",
931
+ "--c2-table__pinned-start--box-shadow": "--c2-theme--color-outline-variant",
932
+ "--c2-table__pinned-end--box-shadow": "--c2-theme--color-outline-variant",
933
+ "--c2-table__skeleton--background": "--c2-theme--color-surface-container",
934
+ "--c2-table__skeleton--border-radius": "--c2-theme--radius-sm",
935
+ "--c2-table__state--color": "--c2-theme--color-on-surface-variant",
936
+ "--c2-table__state--font-size": "--c2-theme--font-size-md",
937
+ "--c2-table__state__error--color": "--c2-theme--color-error",
938
+ "--c2-table__toolbar--border-bottom": "--c2-theme--color-outline-variant",
939
+ "--c2-table__footer--border-top": "--c2-theme--color-outline-variant",
520
940
  "--c2-tabs--box-shadow": "--c2-theme--color-outline-variant",
521
941
  "--c2-tabs__indicator--color": "--c2-theme--color-primary",
522
942
  "--c2-tabs__tab__hover--color": "--c2-theme--color-primary",
@@ -592,6 +1012,25 @@
592
1012
  "--c2-tooltip--box-shadow": "--c2-theme--shadow-md",
593
1013
  "--c2-tooltip--font-size": "--c2-theme--font-size-sm",
594
1014
  "--c2-tooltip--font-weight": "--c2-theme--font-weight-medium",
595
- "--c2-tooltip--transition-duration": "--c2-theme--motion-scale"
1015
+ "--c2-tooltip--transition-duration": "--c2-theme--motion-scale",
1016
+ "--c2-virtual-list--background": "--c2-theme--color-surface",
1017
+ "--c2-virtual-list--color": "--c2-theme--color-on-surface",
1018
+ "--c2-virtual-list--font-size": "--c2-theme--font-size-md",
1019
+ "--c2-virtual-list--border-top-left-radius": "--c2-theme--radius-lg",
1020
+ "--c2-virtual-list--border-top-right-radius": "--c2-theme--radius-lg",
1021
+ "--c2-virtual-list--border-bottom-left-radius": "--c2-theme--radius-lg",
1022
+ "--c2-virtual-list--border-bottom-right-radius": "--c2-theme--radius-lg",
1023
+ "--c2-virtual-list__search--border-bottom": "--c2-theme--color-outline-variant",
1024
+ "--c2-virtual-list__search-field--background": "--c2-theme--color-surface",
1025
+ "--c2-virtual-list__search-field--border": "--c2-theme--color-outline-variant",
1026
+ "--c2-virtual-list__search-field--border-radius": "--c2-theme--radius-md",
1027
+ "--c2-virtual-list__highlight--font-weight": "--c2-theme--font-weight-semibold",
1028
+ "--c2-virtual-list__highlight--border-radius": "--c2-theme--radius-sm",
1029
+ "--c2-virtual-list__skeleton--background": "--c2-theme--color-surface-container",
1030
+ "--c2-virtual-list__skeleton--border-radius": "--c2-theme--radius-sm",
1031
+ "--c2-virtual-list__state--color": "--c2-theme--color-on-surface-variant",
1032
+ "--c2-virtual-list__state--font-size": "--c2-theme--font-size-md",
1033
+ "--c2-virtual-list__state__error--color": "--c2-theme--color-error",
1034
+ "--c2-virtual-list__footer--border-top": "--c2-theme--color-outline-variant"
596
1035
  }
597
1036
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@c2n/theme",
3
- "version": "0.0.6",
3
+ "version": "0.0.8",
4
4
  "description": "Design tokens (--c2-theme--*) and a generated base theme that maps every @c2n component CSS variable onto them",
5
5
  "type": "module",
6
6
  "main": "dist/tokens.js",
@@ -54,6 +54,23 @@
54
54
  "build": {
55
55
  "dependencies": [
56
56
  "type-check",
57
+ "../../components/number-input:build",
58
+ "../../components/date-input:build",
59
+ "../../components/date-selector:build",
60
+ "../../components/chart:build",
61
+ "../../components/autocomplete:build",
62
+ "../../components/header:build",
63
+ "../../components/stat:build",
64
+ "../../components/attachment:build",
65
+ "../../components/virtual-list:build",
66
+ "../../components/sheet:build",
67
+ "../../components/skeleton:build",
68
+ "../../components/progress:build",
69
+ "../../components/pagination:build",
70
+ "../../components/navigation-menu:build",
71
+ "../../components/menu:build",
72
+ "../../components/kbd:build",
73
+ "../../components/table:build",
57
74
  "../../components/copy-button:build",
58
75
  "../../components/textarea:build",
59
76
  "../../components/switch:build",
@@ -93,6 +110,7 @@
93
110
  "../../components/text-field:build",
94
111
  "../../components/tooltip:build",
95
112
  "../../icons/feather-icons:build",
113
+ "../../icons/phosphor-icons:build",
96
114
  "../../../open-packages/chatbot:build"
97
115
  ],
98
116
  "command": "tsc -p tsconfig.lib.json && node scripts/theme-generator/index.ts"
@@ -102,5 +120,5 @@
102
120
  "@c2n/config": "*",
103
121
  "prettier": "3.9.6"
104
122
  },
105
- "gitHead": "2921054bc75299da66dad11c1e374246ff88a51e"
123
+ "gitHead": "be59cbccee1d33ca248e39f69b05c0b595ec6c6d"
106
124
  }