@c2n/theme 0.0.9 → 0.0.10
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/base.css +86 -0
- package/dist/report.json +618 -8
- package/dist/theme.css +86 -0
- package/dist/tokens.json +66 -0
- package/package.json +6 -2
package/dist/base.css
CHANGED
|
@@ -80,6 +80,12 @@
|
|
|
80
80
|
--c2-avatar__remove--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
81
81
|
--c2-avatar__remove--box-shadow: var(--c2-theme--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.18));
|
|
82
82
|
--c2-avatar__badge--border: 2px solid var(--c2-theme--color-surface, #ffffff);
|
|
83
|
+
--c2-avatar-group__overflow--background: var(--c2-theme--color-inverse-surface, #52525b);
|
|
84
|
+
--c2-avatar-group__overflow--color: var(--c2-theme--color-on-inverse-surface, #ffffff);
|
|
85
|
+
--c2-avatar-group__overflow--border: 2px solid var(--c2-theme--color-surface, #ffffff);
|
|
86
|
+
--c2-avatar-group__overflow--border-radius: var(--c2-theme--radius-full, 999px);
|
|
87
|
+
--c2-avatar-group__overflow--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
88
|
+
--c2-avatar-group__overflow--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
83
89
|
}
|
|
84
90
|
|
|
85
91
|
/* @c2n/badge */
|
|
@@ -97,6 +103,13 @@
|
|
|
97
103
|
--c2-badge__anchor--border: 2px solid var(--c2-theme--color-surface, #ffffff);
|
|
98
104
|
}
|
|
99
105
|
|
|
106
|
+
/* @c2n/border-beam */
|
|
107
|
+
:root,
|
|
108
|
+
:host {
|
|
109
|
+
--c2-border-beam__beam--radius: var(--c2-theme--radius-lg, 12px);
|
|
110
|
+
--c2-border-beam__beam--color-from: var(--c2-theme--color-primary, #0265dc);
|
|
111
|
+
}
|
|
112
|
+
|
|
100
113
|
/* @c2n/breadcrumb */
|
|
101
114
|
:root,
|
|
102
115
|
:host {
|
|
@@ -284,6 +297,33 @@
|
|
|
284
297
|
--c2-checkbox__state-layer--border-bottom-right-radius: var(--c2-theme--radius-md, 6px);
|
|
285
298
|
}
|
|
286
299
|
|
|
300
|
+
/* @c2n/code-editor */
|
|
301
|
+
:root,
|
|
302
|
+
:host {
|
|
303
|
+
--c2-code-editor--background: var(--c2-theme--color-surface, #ffffff);
|
|
304
|
+
--c2-code-editor--border: var(--c2-theme--border, var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline, #bcbcc6));
|
|
305
|
+
--c2-code-editor__focus--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
306
|
+
--c2-code-editor__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
307
|
+
--c2-code-editor--border-radius: var(--c2-theme--radius-md, 6px);
|
|
308
|
+
--c2-code-editor__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
309
|
+
--c2-code-editor--font-family: var(--c2-theme--font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
|
|
310
|
+
--c2-code-editor__gutter--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
311
|
+
--c2-code-editor__gutter__active--color: var(--c2-theme--color-on-surface, #18181b);
|
|
312
|
+
--c2-code-editor__gutter--border-right: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
313
|
+
--c2-code-editor__active-line--background: color-mix(in srgb, var(--c2-theme--color-primary, #0265dc) 4%, transparent);
|
|
314
|
+
--c2-code-editor__selection--background: color-mix(in srgb, var(--c2-theme--color-primary, #0265dc) 18%, transparent);
|
|
315
|
+
--c2-code-editor__cursor--color: var(--c2-theme--color-on-surface, #18181b);
|
|
316
|
+
--c2-code-editor__matching-bracket--background: color-mix(in srgb, var(--c2-theme--color-primary, #0265dc) 16%, transparent);
|
|
317
|
+
--c2-code-editor__placeholder--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
318
|
+
--c2-code-editor__label--color: var(--c2-theme--color-on-surface, #18181b);
|
|
319
|
+
--c2-code-editor__label--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
320
|
+
--c2-code-editor__label--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
321
|
+
--c2-code-editor__supporting-text--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
322
|
+
--c2-code-editor__supporting-text--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
323
|
+
--c2-code-editor__error--color: var(--c2-theme--color-error, #dc2626);
|
|
324
|
+
--c2-code-editor__error--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-error, #dc2626);
|
|
325
|
+
}
|
|
326
|
+
|
|
287
327
|
/* @c2n/code-viewer */
|
|
288
328
|
:root,
|
|
289
329
|
:host {
|
|
@@ -936,6 +976,29 @@
|
|
|
936
976
|
--c2-status-panel__content--background-color: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
937
977
|
}
|
|
938
978
|
|
|
979
|
+
/* @c2n/steps */
|
|
980
|
+
:root,
|
|
981
|
+
:host {
|
|
982
|
+
--c2-step__row--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
983
|
+
--c2-step__toggle--color: var(--c2-theme--color-on-surface-variant, #a1a1aa);
|
|
984
|
+
--c2-step__guide--color: var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
985
|
+
--c2-step__marker--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
986
|
+
--c2-step__marker--border-radius: var(--c2-theme--radius-full, 999px);
|
|
987
|
+
--c2-step__marker--border: var(--c2-theme--border, var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline, #bcbcc6));
|
|
988
|
+
--c2-step__marker--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
989
|
+
--c2-step__rail--color: var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
990
|
+
--c2-step__label--color: var(--c2-theme--color-on-surface, #18181b);
|
|
991
|
+
--c2-step__label--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
992
|
+
--c2-step__label--font-family: var(--c2-theme--font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
|
|
993
|
+
--c2-step__detail--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
994
|
+
--c2-step__trailing--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
995
|
+
--c2-step__error--color: var(--c2-theme--color-error, #dc2626);
|
|
996
|
+
--c2-step__running--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
997
|
+
--c2-step__current--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
998
|
+
--c2-step__skipped--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
999
|
+
--c2-step--transition-duration: calc(150ms * var(--c2-theme--motion-scale, 1));
|
|
1000
|
+
}
|
|
1001
|
+
|
|
939
1002
|
/* @c2n/switch */
|
|
940
1003
|
:root,
|
|
941
1004
|
:host {
|
|
@@ -1073,6 +1136,29 @@
|
|
|
1073
1136
|
--c2-textarea__supporting-text__error--color: var(--c2-theme--color-error, #dc2626);
|
|
1074
1137
|
}
|
|
1075
1138
|
|
|
1139
|
+
/* @c2n/theme-select */
|
|
1140
|
+
:root,
|
|
1141
|
+
:host {
|
|
1142
|
+
--c2-theme-select__trigger--border-radius: var(--c2-theme--radius-lg, 8px);
|
|
1143
|
+
--c2-theme-select__trigger--color: var(--c2-theme--color-on-surface, #18181b);
|
|
1144
|
+
--c2-theme-select__trigger__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
1145
|
+
--c2-theme-select__trigger__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
1146
|
+
--c2-theme-select__trigger__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
1147
|
+
--c2-theme-select__label--font-size: var(--c2-theme--font-size-md, 14px);
|
|
1148
|
+
--c2-theme-select__label--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
1149
|
+
--c2-theme-select__menu--background: var(--c2-theme--color-surface, #ffffff);
|
|
1150
|
+
--c2-theme-select__menu--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
1151
|
+
--c2-theme-select__menu--border-radius: var(--c2-theme--radius-lg, 8px);
|
|
1152
|
+
--c2-theme-select__menu--box-shadow: var(--c2-theme--shadow-md, 0 8px 24px rgba(24, 24, 27, 0.08));
|
|
1153
|
+
--c2-theme-select__menu-item--border-radius: var(--c2-theme--radius-md, 6px);
|
|
1154
|
+
--c2-theme-select__menu-item--color: var(--c2-theme--color-on-surface, #18181b);
|
|
1155
|
+
--c2-theme-select__menu-item--font-size: var(--c2-theme--font-size-md, 14px);
|
|
1156
|
+
--c2-theme-select__menu-item--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
1157
|
+
--c2-theme-select__menu-item__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
1158
|
+
--c2-theme-select__menu-item__selected--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
1159
|
+
--c2-theme-select--transition-duration: calc(150ms * var(--c2-theme--motion-scale, 1));
|
|
1160
|
+
}
|
|
1161
|
+
|
|
1076
1162
|
/* @c2n/toast */
|
|
1077
1163
|
:root,
|
|
1078
1164
|
:host {
|
package/dist/report.json
CHANGED
|
@@ -264,10 +264,10 @@
|
|
|
264
264
|
]
|
|
265
265
|
},
|
|
266
266
|
"@c2n/avatar": {
|
|
267
|
-
"total":
|
|
268
|
-
"mapped":
|
|
267
|
+
"total": 49,
|
|
268
|
+
"mapped": 19,
|
|
269
269
|
"unmapped": 5,
|
|
270
|
-
"excluded":
|
|
270
|
+
"excluded": 16,
|
|
271
271
|
"noDefault": 9,
|
|
272
272
|
"unmappedVars": [
|
|
273
273
|
{
|
|
@@ -390,6 +390,34 @@
|
|
|
390
390
|
"default": "rgb(161, 161, 170)",
|
|
391
391
|
"rule": "R2",
|
|
392
392
|
"reason": "identity / syntax colours are not themed"
|
|
393
|
+
},
|
|
394
|
+
{
|
|
395
|
+
"name": "--c2-avatar-group--max-width",
|
|
396
|
+
"type": "pixel",
|
|
397
|
+
"default": "320px",
|
|
398
|
+
"rule": "R0",
|
|
399
|
+
"reason": "responsive avatar-group width"
|
|
400
|
+
},
|
|
401
|
+
{
|
|
402
|
+
"name": "--c2-avatar-group--overlap",
|
|
403
|
+
"type": "pixel",
|
|
404
|
+
"default": "10px",
|
|
405
|
+
"rule": "R0",
|
|
406
|
+
"reason": "avatar stacking geometry"
|
|
407
|
+
},
|
|
408
|
+
{
|
|
409
|
+
"name": "--c2-avatar-group__avatar--box-shadow",
|
|
410
|
+
"type": "box-shadow",
|
|
411
|
+
"default": "0 0 0 2px #ffffff",
|
|
412
|
+
"rule": "R0",
|
|
413
|
+
"reason": "overlap separation ring"
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
"name": "--c2-avatar-group__overflow--size",
|
|
417
|
+
"type": "pixel",
|
|
418
|
+
"default": "32px",
|
|
419
|
+
"rule": "R0",
|
|
420
|
+
"reason": "overflow badge geometry"
|
|
393
421
|
}
|
|
394
422
|
]
|
|
395
423
|
},
|
|
@@ -544,6 +572,79 @@
|
|
|
544
572
|
}
|
|
545
573
|
]
|
|
546
574
|
},
|
|
575
|
+
"@c2n/border-beam": {
|
|
576
|
+
"total": 11,
|
|
577
|
+
"mapped": 2,
|
|
578
|
+
"unmapped": 0,
|
|
579
|
+
"excluded": 9,
|
|
580
|
+
"noDefault": 0,
|
|
581
|
+
"unmappedVars": [],
|
|
582
|
+
"excludedVars": [
|
|
583
|
+
{
|
|
584
|
+
"name": "--c2-border-beam--outset",
|
|
585
|
+
"type": "pixel",
|
|
586
|
+
"default": "0px",
|
|
587
|
+
"rule": "R0",
|
|
588
|
+
"reason": "container border alignment geometry"
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"name": "--c2-border-beam__beam--size",
|
|
592
|
+
"type": "pixel",
|
|
593
|
+
"default": "100px",
|
|
594
|
+
"rule": "R0",
|
|
595
|
+
"reason": "decorative highlight length"
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"name": "--c2-border-beam__beam--width",
|
|
599
|
+
"type": "pixel",
|
|
600
|
+
"default": "1px",
|
|
601
|
+
"rule": "R0",
|
|
602
|
+
"reason": "decorative stroke geometry"
|
|
603
|
+
},
|
|
604
|
+
{
|
|
605
|
+
"name": "--c2-border-beam__beam--color-to",
|
|
606
|
+
"type": "color",
|
|
607
|
+
"default": "#60a5fa",
|
|
608
|
+
"rule": "R0",
|
|
609
|
+
"reason": "coordinated decorative gradient stop"
|
|
610
|
+
},
|
|
611
|
+
{
|
|
612
|
+
"name": "--c2-border-beam__beam--opacity",
|
|
613
|
+
"type": "opacity",
|
|
614
|
+
"default": "0.95",
|
|
615
|
+
"rule": "R0",
|
|
616
|
+
"reason": "decorative effect opacity"
|
|
617
|
+
},
|
|
618
|
+
{
|
|
619
|
+
"name": "--c2-border-beam__beam--filter",
|
|
620
|
+
"type": "filter",
|
|
621
|
+
"default": "drop-shadow(0 0 3px rgba(2, 101, 220, 0.35))",
|
|
622
|
+
"rule": "R0",
|
|
623
|
+
"reason": "decorative glow effect"
|
|
624
|
+
},
|
|
625
|
+
{
|
|
626
|
+
"name": "--c2-border-beam__beam--duration",
|
|
627
|
+
"type": "time",
|
|
628
|
+
"default": "6s",
|
|
629
|
+
"rule": "R0",
|
|
630
|
+
"reason": "decorative animation timing"
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"name": "--c2-border-beam__beam--delay",
|
|
634
|
+
"type": "time",
|
|
635
|
+
"default": "0s",
|
|
636
|
+
"rule": "R0",
|
|
637
|
+
"reason": "decorative animation timing"
|
|
638
|
+
},
|
|
639
|
+
{
|
|
640
|
+
"name": "--c2-border-beam--z-index",
|
|
641
|
+
"type": "integer",
|
|
642
|
+
"default": "1",
|
|
643
|
+
"rule": "R0",
|
|
644
|
+
"reason": "consumer stacking context"
|
|
645
|
+
}
|
|
646
|
+
]
|
|
647
|
+
},
|
|
547
648
|
"@c2n/breadcrumb": {
|
|
548
649
|
"total": 18,
|
|
549
650
|
"mapped": 8,
|
|
@@ -1516,6 +1617,171 @@
|
|
|
1516
1617
|
}
|
|
1517
1618
|
]
|
|
1518
1619
|
},
|
|
1620
|
+
"@c2n/code-editor": {
|
|
1621
|
+
"total": 45,
|
|
1622
|
+
"mapped": 22,
|
|
1623
|
+
"unmapped": 7,
|
|
1624
|
+
"excluded": 15,
|
|
1625
|
+
"noDefault": 1,
|
|
1626
|
+
"unmappedVars": [
|
|
1627
|
+
{
|
|
1628
|
+
"name": "--c2-code-editor--line-height",
|
|
1629
|
+
"type": "line-height",
|
|
1630
|
+
"default": "1.6",
|
|
1631
|
+
"rule": "R13",
|
|
1632
|
+
"reason": "property line-height is not themed by design"
|
|
1633
|
+
},
|
|
1634
|
+
{
|
|
1635
|
+
"name": "--c2-code-editor--min-height",
|
|
1636
|
+
"type": "pixel",
|
|
1637
|
+
"default": "120px",
|
|
1638
|
+
"rule": "R13",
|
|
1639
|
+
"reason": "property min-height is not themed by design"
|
|
1640
|
+
},
|
|
1641
|
+
{
|
|
1642
|
+
"name": "--c2-code-editor--max-height",
|
|
1643
|
+
"type": "pixel",
|
|
1644
|
+
"default": "420px",
|
|
1645
|
+
"rule": "R13",
|
|
1646
|
+
"reason": "property max-height is not themed by design"
|
|
1647
|
+
},
|
|
1648
|
+
{
|
|
1649
|
+
"name": "--c2-code-editor--padding-block",
|
|
1650
|
+
"type": "padding",
|
|
1651
|
+
"default": "10px",
|
|
1652
|
+
"rule": "R13",
|
|
1653
|
+
"reason": "property padding-block is not themed by design"
|
|
1654
|
+
},
|
|
1655
|
+
{
|
|
1656
|
+
"name": "--c2-code-editor--padding-inline",
|
|
1657
|
+
"type": "padding",
|
|
1658
|
+
"default": "12px",
|
|
1659
|
+
"rule": "R13",
|
|
1660
|
+
"reason": "property padding-inline is not themed by design"
|
|
1661
|
+
},
|
|
1662
|
+
{
|
|
1663
|
+
"name": "--c2-code-editor__gutter--min-width",
|
|
1664
|
+
"type": "pixel",
|
|
1665
|
+
"default": "32px",
|
|
1666
|
+
"rule": "R13",
|
|
1667
|
+
"reason": "property min-width is not themed by design"
|
|
1668
|
+
},
|
|
1669
|
+
{
|
|
1670
|
+
"name": "--c2-code-editor--gap",
|
|
1671
|
+
"type": "pixel",
|
|
1672
|
+
"default": "6px",
|
|
1673
|
+
"rule": "R13",
|
|
1674
|
+
"reason": "property gap is not themed by design"
|
|
1675
|
+
}
|
|
1676
|
+
],
|
|
1677
|
+
"excludedVars": [
|
|
1678
|
+
{
|
|
1679
|
+
"name": "--c2-code-editor--color",
|
|
1680
|
+
"type": "color",
|
|
1681
|
+
"default": "#24292e",
|
|
1682
|
+
"rule": "R0",
|
|
1683
|
+
"reason": "code foreground; the syntax palette is themed as a unit"
|
|
1684
|
+
},
|
|
1685
|
+
{
|
|
1686
|
+
"name": "--c2-code-editor--font-size",
|
|
1687
|
+
"type": "font-size",
|
|
1688
|
+
"default": "13px",
|
|
1689
|
+
"rule": "R0",
|
|
1690
|
+
"reason": "code font size, off the 12/14 text scale"
|
|
1691
|
+
},
|
|
1692
|
+
{
|
|
1693
|
+
"name": "--c2-code-editor__gutter--background",
|
|
1694
|
+
"type": "color",
|
|
1695
|
+
"default": "transparent",
|
|
1696
|
+
"rule": "R2",
|
|
1697
|
+
"reason": "keyword / derived value transparent"
|
|
1698
|
+
},
|
|
1699
|
+
{
|
|
1700
|
+
"name": "--c2-code-editor__theme--token-keyword",
|
|
1701
|
+
"type": "color",
|
|
1702
|
+
"default": "#cf222e",
|
|
1703
|
+
"rule": "R2",
|
|
1704
|
+
"reason": "identity / syntax colours are not themed"
|
|
1705
|
+
},
|
|
1706
|
+
{
|
|
1707
|
+
"name": "--c2-code-editor__theme--token-string",
|
|
1708
|
+
"type": "color",
|
|
1709
|
+
"default": "#032f62",
|
|
1710
|
+
"rule": "R2",
|
|
1711
|
+
"reason": "identity / syntax colours are not themed"
|
|
1712
|
+
},
|
|
1713
|
+
{
|
|
1714
|
+
"name": "--c2-code-editor__theme--token-comment",
|
|
1715
|
+
"type": "color",
|
|
1716
|
+
"default": "#636c76",
|
|
1717
|
+
"rule": "R2",
|
|
1718
|
+
"reason": "identity / syntax colours are not themed"
|
|
1719
|
+
},
|
|
1720
|
+
{
|
|
1721
|
+
"name": "--c2-code-editor__theme--token-constant",
|
|
1722
|
+
"type": "color",
|
|
1723
|
+
"default": "#0550ae",
|
|
1724
|
+
"rule": "R2",
|
|
1725
|
+
"reason": "identity / syntax colours are not themed"
|
|
1726
|
+
},
|
|
1727
|
+
{
|
|
1728
|
+
"name": "--c2-code-editor__theme--token-function",
|
|
1729
|
+
"type": "color",
|
|
1730
|
+
"default": "#6f42c1",
|
|
1731
|
+
"rule": "R2",
|
|
1732
|
+
"reason": "identity / syntax colours are not themed"
|
|
1733
|
+
},
|
|
1734
|
+
{
|
|
1735
|
+
"name": "--c2-code-editor__theme--token-type",
|
|
1736
|
+
"type": "color",
|
|
1737
|
+
"default": "#953800",
|
|
1738
|
+
"rule": "R2",
|
|
1739
|
+
"reason": "identity / syntax colours are not themed"
|
|
1740
|
+
},
|
|
1741
|
+
{
|
|
1742
|
+
"name": "--c2-code-editor__theme--token-property",
|
|
1743
|
+
"type": "color",
|
|
1744
|
+
"default": "#0550ae",
|
|
1745
|
+
"rule": "R2",
|
|
1746
|
+
"reason": "identity / syntax colours are not themed"
|
|
1747
|
+
},
|
|
1748
|
+
{
|
|
1749
|
+
"name": "--c2-code-editor__theme--token-variable",
|
|
1750
|
+
"type": "color",
|
|
1751
|
+
"default": "#24292e",
|
|
1752
|
+
"rule": "R2",
|
|
1753
|
+
"reason": "identity / syntax colours are not themed"
|
|
1754
|
+
},
|
|
1755
|
+
{
|
|
1756
|
+
"name": "--c2-code-editor__theme--token-tag",
|
|
1757
|
+
"type": "color",
|
|
1758
|
+
"default": "#116329",
|
|
1759
|
+
"rule": "R2",
|
|
1760
|
+
"reason": "identity / syntax colours are not themed"
|
|
1761
|
+
},
|
|
1762
|
+
{
|
|
1763
|
+
"name": "--c2-code-editor__theme--token-punctuation",
|
|
1764
|
+
"type": "color",
|
|
1765
|
+
"default": "#24292e",
|
|
1766
|
+
"rule": "R2",
|
|
1767
|
+
"reason": "identity / syntax colours are not themed"
|
|
1768
|
+
},
|
|
1769
|
+
{
|
|
1770
|
+
"name": "--c2-code-editor__theme--token-link",
|
|
1771
|
+
"type": "color",
|
|
1772
|
+
"default": "#032f62",
|
|
1773
|
+
"rule": "R2",
|
|
1774
|
+
"reason": "identity / syntax colours are not themed"
|
|
1775
|
+
},
|
|
1776
|
+
{
|
|
1777
|
+
"name": "--c2-code-editor__theme--token-invalid",
|
|
1778
|
+
"type": "color",
|
|
1779
|
+
"default": "#cf222e",
|
|
1780
|
+
"rule": "R2",
|
|
1781
|
+
"reason": "identity / syntax colours are not themed"
|
|
1782
|
+
}
|
|
1783
|
+
]
|
|
1784
|
+
},
|
|
1519
1785
|
"@c2n/code-viewer": {
|
|
1520
1786
|
"total": 55,
|
|
1521
1787
|
"mapped": 10,
|
|
@@ -5310,6 +5576,227 @@
|
|
|
5310
5576
|
}
|
|
5311
5577
|
]
|
|
5312
5578
|
},
|
|
5579
|
+
"@c2n/steps": {
|
|
5580
|
+
"total": 56,
|
|
5581
|
+
"mapped": 18,
|
|
5582
|
+
"unmapped": 24,
|
|
5583
|
+
"excluded": 6,
|
|
5584
|
+
"noDefault": 8,
|
|
5585
|
+
"unmappedVars": [
|
|
5586
|
+
{
|
|
5587
|
+
"name": "--c2-steps--gap",
|
|
5588
|
+
"type": "pixel",
|
|
5589
|
+
"default": "0px",
|
|
5590
|
+
"rule": "R13",
|
|
5591
|
+
"reason": "property gap is not themed by design"
|
|
5592
|
+
},
|
|
5593
|
+
{
|
|
5594
|
+
"name": "--c2-steps--padding-block",
|
|
5595
|
+
"type": "padding",
|
|
5596
|
+
"default": "0px",
|
|
5597
|
+
"rule": "R13",
|
|
5598
|
+
"reason": "property padding-block is not themed by design"
|
|
5599
|
+
},
|
|
5600
|
+
{
|
|
5601
|
+
"name": "--c2-steps--padding-inline",
|
|
5602
|
+
"type": "padding",
|
|
5603
|
+
"default": "0px",
|
|
5604
|
+
"rule": "R13",
|
|
5605
|
+
"reason": "property padding-inline is not themed by design"
|
|
5606
|
+
},
|
|
5607
|
+
{
|
|
5608
|
+
"name": "--c2-steps--overflow-y",
|
|
5609
|
+
"type": "overflow",
|
|
5610
|
+
"default": "visible",
|
|
5611
|
+
"rule": "R13",
|
|
5612
|
+
"reason": "property overflow-y is not themed by design"
|
|
5613
|
+
},
|
|
5614
|
+
{
|
|
5615
|
+
"name": "--c2-step__row--gap",
|
|
5616
|
+
"type": "pixel",
|
|
5617
|
+
"default": "10px",
|
|
5618
|
+
"rule": "R13",
|
|
5619
|
+
"reason": "property gap is not themed by design"
|
|
5620
|
+
},
|
|
5621
|
+
{
|
|
5622
|
+
"name": "--c2-step__row--padding-block",
|
|
5623
|
+
"type": "padding",
|
|
5624
|
+
"default": "7px",
|
|
5625
|
+
"rule": "R13",
|
|
5626
|
+
"reason": "property padding-block is not themed by design"
|
|
5627
|
+
},
|
|
5628
|
+
{
|
|
5629
|
+
"name": "--c2-step__row--padding-inline",
|
|
5630
|
+
"type": "padding",
|
|
5631
|
+
"default": "12px",
|
|
5632
|
+
"rule": "R13",
|
|
5633
|
+
"reason": "property padding-inline is not themed by design"
|
|
5634
|
+
},
|
|
5635
|
+
{
|
|
5636
|
+
"name": "--c2-step__row--indent",
|
|
5637
|
+
"type": "pixel",
|
|
5638
|
+
"default": "marker size + row gap",
|
|
5639
|
+
"rule": "R13",
|
|
5640
|
+
"reason": "property indent is not themed by design"
|
|
5641
|
+
},
|
|
5642
|
+
{
|
|
5643
|
+
"name": "--c2-step__row--outline",
|
|
5644
|
+
"type": "border",
|
|
5645
|
+
"default": "2px solid rgb(2, 101, 220)",
|
|
5646
|
+
"rule": "R13",
|
|
5647
|
+
"reason": "property outline is not themed by design"
|
|
5648
|
+
},
|
|
5649
|
+
{
|
|
5650
|
+
"name": "--c2-step__toggle--size",
|
|
5651
|
+
"type": "pixel",
|
|
5652
|
+
"default": "14px",
|
|
5653
|
+
"rule": "R13",
|
|
5654
|
+
"reason": "property size is not themed by design"
|
|
5655
|
+
},
|
|
5656
|
+
{
|
|
5657
|
+
"name": "--c2-step__toggle--gap",
|
|
5658
|
+
"type": "pixel",
|
|
5659
|
+
"default": "4px",
|
|
5660
|
+
"rule": "R13",
|
|
5661
|
+
"reason": "property gap is not themed by design"
|
|
5662
|
+
},
|
|
5663
|
+
{
|
|
5664
|
+
"name": "--c2-step__guide--width",
|
|
5665
|
+
"type": "pixel",
|
|
5666
|
+
"default": "0px",
|
|
5667
|
+
"rule": "R13",
|
|
5668
|
+
"reason": "property width is not themed by design"
|
|
5669
|
+
},
|
|
5670
|
+
{
|
|
5671
|
+
"name": "--c2-step__marker--size",
|
|
5672
|
+
"type": "pixel",
|
|
5673
|
+
"default": "16px",
|
|
5674
|
+
"rule": "R13",
|
|
5675
|
+
"reason": "property size is not themed by design"
|
|
5676
|
+
},
|
|
5677
|
+
{
|
|
5678
|
+
"name": "--c2-step__marker--font-size",
|
|
5679
|
+
"type": "font-size",
|
|
5680
|
+
"default": "10px",
|
|
5681
|
+
"rule": "R9",
|
|
5682
|
+
"reason": "font-size 10px has no token"
|
|
5683
|
+
},
|
|
5684
|
+
{
|
|
5685
|
+
"name": "--c2-step__marker--padding-inline",
|
|
5686
|
+
"type": "padding",
|
|
5687
|
+
"default": "3px",
|
|
5688
|
+
"rule": "R13",
|
|
5689
|
+
"reason": "property padding-inline is not themed by design"
|
|
5690
|
+
},
|
|
5691
|
+
{
|
|
5692
|
+
"name": "--c2-step__rail--width",
|
|
5693
|
+
"type": "pixel",
|
|
5694
|
+
"default": "0px",
|
|
5695
|
+
"rule": "R13",
|
|
5696
|
+
"reason": "property width is not themed by design"
|
|
5697
|
+
},
|
|
5698
|
+
{
|
|
5699
|
+
"name": "--c2-step__rail--gap",
|
|
5700
|
+
"type": "pixel",
|
|
5701
|
+
"default": "4px",
|
|
5702
|
+
"rule": "R13",
|
|
5703
|
+
"reason": "property gap is not themed by design"
|
|
5704
|
+
},
|
|
5705
|
+
{
|
|
5706
|
+
"name": "--c2-step__label--font-size",
|
|
5707
|
+
"type": "font-size",
|
|
5708
|
+
"default": "13px",
|
|
5709
|
+
"rule": "R9",
|
|
5710
|
+
"reason": "font-size 13px has no token"
|
|
5711
|
+
},
|
|
5712
|
+
{
|
|
5713
|
+
"name": "--c2-step__detail--gap",
|
|
5714
|
+
"type": "pixel",
|
|
5715
|
+
"default": "8px",
|
|
5716
|
+
"rule": "R13",
|
|
5717
|
+
"reason": "property gap is not themed by design"
|
|
5718
|
+
},
|
|
5719
|
+
{
|
|
5720
|
+
"name": "--c2-step__detail--row-gap",
|
|
5721
|
+
"type": "pixel",
|
|
5722
|
+
"default": "2px",
|
|
5723
|
+
"rule": "R13",
|
|
5724
|
+
"reason": "property row-gap is not themed by design"
|
|
5725
|
+
},
|
|
5726
|
+
{
|
|
5727
|
+
"name": "--c2-step__text--flex-direction",
|
|
5728
|
+
"type": "flex-direction-row",
|
|
5729
|
+
"default": "row",
|
|
5730
|
+
"rule": "R13",
|
|
5731
|
+
"reason": "property flex-direction is not themed by design"
|
|
5732
|
+
},
|
|
5733
|
+
{
|
|
5734
|
+
"name": "--c2-step__text--align-items",
|
|
5735
|
+
"type": "align-items",
|
|
5736
|
+
"default": "baseline",
|
|
5737
|
+
"rule": "R13",
|
|
5738
|
+
"reason": "property align-items is not themed by design"
|
|
5739
|
+
},
|
|
5740
|
+
{
|
|
5741
|
+
"name": "--c2-step--enter-duration",
|
|
5742
|
+
"type": "time",
|
|
5743
|
+
"default": "260ms",
|
|
5744
|
+
"rule": "R13",
|
|
5745
|
+
"reason": "property enter-duration is not themed by design"
|
|
5746
|
+
},
|
|
5747
|
+
{
|
|
5748
|
+
"name": "--c2-step--enter-translate",
|
|
5749
|
+
"type": "translate",
|
|
5750
|
+
"default": "-4px",
|
|
5751
|
+
"rule": "R13",
|
|
5752
|
+
"reason": "property enter-translate is not themed by design"
|
|
5753
|
+
}
|
|
5754
|
+
],
|
|
5755
|
+
"excludedVars": [
|
|
5756
|
+
{
|
|
5757
|
+
"name": "--c2-steps--max-height",
|
|
5758
|
+
"type": "max-height",
|
|
5759
|
+
"default": "none",
|
|
5760
|
+
"rule": "R2",
|
|
5761
|
+
"reason": "keyword / derived value none"
|
|
5762
|
+
},
|
|
5763
|
+
{
|
|
5764
|
+
"name": "--c2-step__marker--background",
|
|
5765
|
+
"type": "color",
|
|
5766
|
+
"default": "transparent",
|
|
5767
|
+
"rule": "R2",
|
|
5768
|
+
"reason": "keyword / derived value transparent"
|
|
5769
|
+
},
|
|
5770
|
+
{
|
|
5771
|
+
"name": "--c2-step__detail--font-weight",
|
|
5772
|
+
"type": "font-weight",
|
|
5773
|
+
"default": "400",
|
|
5774
|
+
"rule": "R0",
|
|
5775
|
+
"reason": "normal weight, below the font-weight scale"
|
|
5776
|
+
},
|
|
5777
|
+
{
|
|
5778
|
+
"name": "--c2-step__trailing--font-weight",
|
|
5779
|
+
"type": "font-weight",
|
|
5780
|
+
"default": "400",
|
|
5781
|
+
"rule": "R0",
|
|
5782
|
+
"reason": "normal weight, below the font-weight scale"
|
|
5783
|
+
},
|
|
5784
|
+
{
|
|
5785
|
+
"name": "--c2-step__success--color",
|
|
5786
|
+
"type": "color",
|
|
5787
|
+
"default": "#16a34a",
|
|
5788
|
+
"rule": "R0",
|
|
5789
|
+
"reason": "semantic success colour"
|
|
5790
|
+
},
|
|
5791
|
+
{
|
|
5792
|
+
"name": "--c2-step__warning--color",
|
|
5793
|
+
"type": "color",
|
|
5794
|
+
"default": "#d97706",
|
|
5795
|
+
"rule": "R0",
|
|
5796
|
+
"reason": "semantic warning colour"
|
|
5797
|
+
}
|
|
5798
|
+
]
|
|
5799
|
+
},
|
|
5313
5800
|
"@c2n/switch": {
|
|
5314
5801
|
"total": 33,
|
|
5315
5802
|
"mapped": 14,
|
|
@@ -5939,6 +6426,129 @@
|
|
|
5939
6426
|
}
|
|
5940
6427
|
]
|
|
5941
6428
|
},
|
|
6429
|
+
"@c2n/theme-select": {
|
|
6430
|
+
"total": 38,
|
|
6431
|
+
"mapped": 18,
|
|
6432
|
+
"unmapped": 14,
|
|
6433
|
+
"excluded": 2,
|
|
6434
|
+
"noDefault": 4,
|
|
6435
|
+
"unmappedVars": [
|
|
6436
|
+
{
|
|
6437
|
+
"name": "--c2-theme-select__trigger--size",
|
|
6438
|
+
"type": "pixel",
|
|
6439
|
+
"default": "32px",
|
|
6440
|
+
"rule": "R13",
|
|
6441
|
+
"reason": "property size is not themed by design"
|
|
6442
|
+
},
|
|
6443
|
+
{
|
|
6444
|
+
"name": "--c2-theme-select__trigger--padding-inline",
|
|
6445
|
+
"type": "pixel",
|
|
6446
|
+
"default": "8px",
|
|
6447
|
+
"rule": "R13",
|
|
6448
|
+
"reason": "property padding-inline is not themed by design"
|
|
6449
|
+
},
|
|
6450
|
+
{
|
|
6451
|
+
"name": "--c2-theme-select__trigger--gap",
|
|
6452
|
+
"type": "pixel",
|
|
6453
|
+
"default": "8px",
|
|
6454
|
+
"rule": "R13",
|
|
6455
|
+
"reason": "property gap is not themed by design"
|
|
6456
|
+
},
|
|
6457
|
+
{
|
|
6458
|
+
"name": "--c2-theme-select__trigger--border",
|
|
6459
|
+
"type": "border",
|
|
6460
|
+
"default": "1px solid transparent",
|
|
6461
|
+
"rule": "R5",
|
|
6462
|
+
"reason": "transparent / zero border"
|
|
6463
|
+
},
|
|
6464
|
+
{
|
|
6465
|
+
"name": "--c2-theme-select__trigger__focus--outline-offset",
|
|
6466
|
+
"type": "pixel",
|
|
6467
|
+
"default": "2px",
|
|
6468
|
+
"rule": "R13",
|
|
6469
|
+
"reason": "property outline-offset is not themed by design"
|
|
6470
|
+
},
|
|
6471
|
+
{
|
|
6472
|
+
"name": "--c2-theme-select__icon--size",
|
|
6473
|
+
"type": "pixel",
|
|
6474
|
+
"default": "16px",
|
|
6475
|
+
"rule": "R13",
|
|
6476
|
+
"reason": "property size is not themed by design"
|
|
6477
|
+
},
|
|
6478
|
+
{
|
|
6479
|
+
"name": "--c2-theme-select__menu--padding",
|
|
6480
|
+
"type": "pixel",
|
|
6481
|
+
"default": "4px",
|
|
6482
|
+
"rule": "R13",
|
|
6483
|
+
"reason": "property padding is not themed by design"
|
|
6484
|
+
},
|
|
6485
|
+
{
|
|
6486
|
+
"name": "--c2-theme-select__menu--min-width",
|
|
6487
|
+
"type": "pixel",
|
|
6488
|
+
"default": "148px",
|
|
6489
|
+
"rule": "R13",
|
|
6490
|
+
"reason": "property min-width is not themed by design"
|
|
6491
|
+
},
|
|
6492
|
+
{
|
|
6493
|
+
"name": "--c2-theme-select__menu--gap",
|
|
6494
|
+
"type": "pixel",
|
|
6495
|
+
"default": "2px",
|
|
6496
|
+
"rule": "R13",
|
|
6497
|
+
"reason": "property gap is not themed by design"
|
|
6498
|
+
},
|
|
6499
|
+
{
|
|
6500
|
+
"name": "--c2-theme-select__menu--offset",
|
|
6501
|
+
"type": "pixel",
|
|
6502
|
+
"default": "6px",
|
|
6503
|
+
"rule": "R13",
|
|
6504
|
+
"reason": "property offset is not themed by design"
|
|
6505
|
+
},
|
|
6506
|
+
{
|
|
6507
|
+
"name": "--c2-theme-select__menu-item--gap",
|
|
6508
|
+
"type": "pixel",
|
|
6509
|
+
"default": "8px",
|
|
6510
|
+
"rule": "R13",
|
|
6511
|
+
"reason": "property gap is not themed by design"
|
|
6512
|
+
},
|
|
6513
|
+
{
|
|
6514
|
+
"name": "--c2-theme-select__menu-item--padding-block",
|
|
6515
|
+
"type": "pixel",
|
|
6516
|
+
"default": "6px",
|
|
6517
|
+
"rule": "R13",
|
|
6518
|
+
"reason": "property padding-block is not themed by design"
|
|
6519
|
+
},
|
|
6520
|
+
{
|
|
6521
|
+
"name": "--c2-theme-select__menu-item--padding-inline",
|
|
6522
|
+
"type": "pixel",
|
|
6523
|
+
"default": "8px",
|
|
6524
|
+
"rule": "R13",
|
|
6525
|
+
"reason": "property padding-inline is not themed by design"
|
|
6526
|
+
},
|
|
6527
|
+
{
|
|
6528
|
+
"name": "--c2-theme-select__check--size",
|
|
6529
|
+
"type": "pixel",
|
|
6530
|
+
"default": "14px",
|
|
6531
|
+
"rule": "R13",
|
|
6532
|
+
"reason": "property size is not themed by design"
|
|
6533
|
+
}
|
|
6534
|
+
],
|
|
6535
|
+
"excludedVars": [
|
|
6536
|
+
{
|
|
6537
|
+
"name": "--c2-theme-select__trigger--background",
|
|
6538
|
+
"type": "color",
|
|
6539
|
+
"default": "transparent",
|
|
6540
|
+
"rule": "R2",
|
|
6541
|
+
"reason": "keyword / derived value transparent"
|
|
6542
|
+
},
|
|
6543
|
+
{
|
|
6544
|
+
"name": "--c2-theme-select__trigger__active--background",
|
|
6545
|
+
"type": "color",
|
|
6546
|
+
"default": "#e4e4e7",
|
|
6547
|
+
"rule": "R0",
|
|
6548
|
+
"reason": "pressed tint one step below color-surface-container"
|
|
6549
|
+
}
|
|
6550
|
+
]
|
|
6551
|
+
},
|
|
5942
6552
|
"@c2n/toast": {
|
|
5943
6553
|
"total": 29,
|
|
5944
6554
|
"mapped": 10,
|
|
@@ -6498,11 +7108,11 @@
|
|
|
6498
7108
|
}
|
|
6499
7109
|
},
|
|
6500
7110
|
"totals": {
|
|
6501
|
-
"total":
|
|
6502
|
-
"mapped":
|
|
6503
|
-
"unmapped":
|
|
6504
|
-
"excluded":
|
|
6505
|
-
"noDefault":
|
|
7111
|
+
"total": 2090,
|
|
7112
|
+
"mapped": 919,
|
|
7113
|
+
"unmapped": 690,
|
|
7114
|
+
"excluded": 224,
|
|
7115
|
+
"noDefault": 257
|
|
6506
7116
|
},
|
|
6507
7117
|
"unparsed": []
|
|
6508
7118
|
}
|
package/dist/theme.css
CHANGED
|
@@ -208,6 +208,12 @@
|
|
|
208
208
|
--c2-avatar__remove--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
209
209
|
--c2-avatar__remove--box-shadow: var(--c2-theme--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.18));
|
|
210
210
|
--c2-avatar__badge--border: 2px solid var(--c2-theme--color-surface, #ffffff);
|
|
211
|
+
--c2-avatar-group__overflow--background: var(--c2-theme--color-inverse-surface, #52525b);
|
|
212
|
+
--c2-avatar-group__overflow--color: var(--c2-theme--color-on-inverse-surface, #ffffff);
|
|
213
|
+
--c2-avatar-group__overflow--border: 2px solid var(--c2-theme--color-surface, #ffffff);
|
|
214
|
+
--c2-avatar-group__overflow--border-radius: var(--c2-theme--radius-full, 999px);
|
|
215
|
+
--c2-avatar-group__overflow--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
216
|
+
--c2-avatar-group__overflow--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
211
217
|
}
|
|
212
218
|
|
|
213
219
|
/* @c2n/badge */
|
|
@@ -225,6 +231,13 @@
|
|
|
225
231
|
--c2-badge__anchor--border: 2px solid var(--c2-theme--color-surface, #ffffff);
|
|
226
232
|
}
|
|
227
233
|
|
|
234
|
+
/* @c2n/border-beam */
|
|
235
|
+
:root,
|
|
236
|
+
:host {
|
|
237
|
+
--c2-border-beam__beam--radius: var(--c2-theme--radius-lg, 12px);
|
|
238
|
+
--c2-border-beam__beam--color-from: var(--c2-theme--color-primary, #0265dc);
|
|
239
|
+
}
|
|
240
|
+
|
|
228
241
|
/* @c2n/breadcrumb */
|
|
229
242
|
:root,
|
|
230
243
|
:host {
|
|
@@ -412,6 +425,33 @@
|
|
|
412
425
|
--c2-checkbox__state-layer--border-bottom-right-radius: var(--c2-theme--radius-md, 6px);
|
|
413
426
|
}
|
|
414
427
|
|
|
428
|
+
/* @c2n/code-editor */
|
|
429
|
+
:root,
|
|
430
|
+
:host {
|
|
431
|
+
--c2-code-editor--background: var(--c2-theme--color-surface, #ffffff);
|
|
432
|
+
--c2-code-editor--border: var(--c2-theme--border, var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline, #bcbcc6));
|
|
433
|
+
--c2-code-editor__focus--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
434
|
+
--c2-code-editor__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
435
|
+
--c2-code-editor--border-radius: var(--c2-theme--radius-md, 6px);
|
|
436
|
+
--c2-code-editor__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
437
|
+
--c2-code-editor--font-family: var(--c2-theme--font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
|
|
438
|
+
--c2-code-editor__gutter--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
439
|
+
--c2-code-editor__gutter__active--color: var(--c2-theme--color-on-surface, #18181b);
|
|
440
|
+
--c2-code-editor__gutter--border-right: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
441
|
+
--c2-code-editor__active-line--background: color-mix(in srgb, var(--c2-theme--color-primary, #0265dc) 4%, transparent);
|
|
442
|
+
--c2-code-editor__selection--background: color-mix(in srgb, var(--c2-theme--color-primary, #0265dc) 18%, transparent);
|
|
443
|
+
--c2-code-editor__cursor--color: var(--c2-theme--color-on-surface, #18181b);
|
|
444
|
+
--c2-code-editor__matching-bracket--background: color-mix(in srgb, var(--c2-theme--color-primary, #0265dc) 16%, transparent);
|
|
445
|
+
--c2-code-editor__placeholder--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
446
|
+
--c2-code-editor__label--color: var(--c2-theme--color-on-surface, #18181b);
|
|
447
|
+
--c2-code-editor__label--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
448
|
+
--c2-code-editor__label--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
449
|
+
--c2-code-editor__supporting-text--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
450
|
+
--c2-code-editor__supporting-text--font-size: var(--c2-theme--font-size-sm, 12px);
|
|
451
|
+
--c2-code-editor__error--color: var(--c2-theme--color-error, #dc2626);
|
|
452
|
+
--c2-code-editor__error--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-error, #dc2626);
|
|
453
|
+
}
|
|
454
|
+
|
|
415
455
|
/* @c2n/code-viewer */
|
|
416
456
|
:root,
|
|
417
457
|
:host {
|
|
@@ -1064,6 +1104,29 @@
|
|
|
1064
1104
|
--c2-status-panel__content--background-color: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
1065
1105
|
}
|
|
1066
1106
|
|
|
1107
|
+
/* @c2n/steps */
|
|
1108
|
+
:root,
|
|
1109
|
+
:host {
|
|
1110
|
+
--c2-step__row--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
1111
|
+
--c2-step__toggle--color: var(--c2-theme--color-on-surface-variant, #a1a1aa);
|
|
1112
|
+
--c2-step__guide--color: var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
1113
|
+
--c2-step__marker--font-weight: var(--c2-theme--font-weight-semibold, 600);
|
|
1114
|
+
--c2-step__marker--border-radius: var(--c2-theme--radius-full, 999px);
|
|
1115
|
+
--c2-step__marker--border: var(--c2-theme--border, var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline, #bcbcc6));
|
|
1116
|
+
--c2-step__marker--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
1117
|
+
--c2-step__rail--color: var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
1118
|
+
--c2-step__label--color: var(--c2-theme--color-on-surface, #18181b);
|
|
1119
|
+
--c2-step__label--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
1120
|
+
--c2-step__label--font-family: var(--c2-theme--font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
|
|
1121
|
+
--c2-step__detail--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
1122
|
+
--c2-step__trailing--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
1123
|
+
--c2-step__error--color: var(--c2-theme--color-error, #dc2626);
|
|
1124
|
+
--c2-step__running--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
1125
|
+
--c2-step__current--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
1126
|
+
--c2-step__skipped--color: var(--c2-theme--color-on-surface-variant, #71717a);
|
|
1127
|
+
--c2-step--transition-duration: calc(150ms * var(--c2-theme--motion-scale, 1));
|
|
1128
|
+
}
|
|
1129
|
+
|
|
1067
1130
|
/* @c2n/switch */
|
|
1068
1131
|
:root,
|
|
1069
1132
|
:host {
|
|
@@ -1201,6 +1264,29 @@
|
|
|
1201
1264
|
--c2-textarea__supporting-text__error--color: var(--c2-theme--color-error, #dc2626);
|
|
1202
1265
|
}
|
|
1203
1266
|
|
|
1267
|
+
/* @c2n/theme-select */
|
|
1268
|
+
:root,
|
|
1269
|
+
:host {
|
|
1270
|
+
--c2-theme-select__trigger--border-radius: var(--c2-theme--radius-lg, 8px);
|
|
1271
|
+
--c2-theme-select__trigger--color: var(--c2-theme--color-on-surface, #18181b);
|
|
1272
|
+
--c2-theme-select__trigger__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
1273
|
+
--c2-theme-select__trigger__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
|
|
1274
|
+
--c2-theme-select__trigger__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
|
|
1275
|
+
--c2-theme-select__label--font-size: var(--c2-theme--font-size-md, 14px);
|
|
1276
|
+
--c2-theme-select__label--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
1277
|
+
--c2-theme-select__menu--background: var(--c2-theme--color-surface, #ffffff);
|
|
1278
|
+
--c2-theme-select__menu--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
|
|
1279
|
+
--c2-theme-select__menu--border-radius: var(--c2-theme--radius-lg, 8px);
|
|
1280
|
+
--c2-theme-select__menu--box-shadow: var(--c2-theme--shadow-md, 0 8px 24px rgba(24, 24, 27, 0.08));
|
|
1281
|
+
--c2-theme-select__menu-item--border-radius: var(--c2-theme--radius-md, 6px);
|
|
1282
|
+
--c2-theme-select__menu-item--color: var(--c2-theme--color-on-surface, #18181b);
|
|
1283
|
+
--c2-theme-select__menu-item--font-size: var(--c2-theme--font-size-md, 14px);
|
|
1284
|
+
--c2-theme-select__menu-item--font-weight: var(--c2-theme--font-weight-medium, 500);
|
|
1285
|
+
--c2-theme-select__menu-item__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
|
|
1286
|
+
--c2-theme-select__menu-item__selected--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
|
|
1287
|
+
--c2-theme-select--transition-duration: calc(150ms * var(--c2-theme--motion-scale, 1));
|
|
1288
|
+
}
|
|
1289
|
+
|
|
1204
1290
|
/* @c2n/toast */
|
|
1205
1291
|
:root,
|
|
1206
1292
|
:host {
|
package/dist/tokens.json
CHANGED
|
@@ -362,6 +362,12 @@
|
|
|
362
362
|
"--c2-avatar__remove--border": "--c2-theme--color-outline-variant",
|
|
363
363
|
"--c2-avatar__remove--box-shadow": "--c2-theme--shadow-sm",
|
|
364
364
|
"--c2-avatar__badge--border": "--c2-theme--color-surface",
|
|
365
|
+
"--c2-avatar-group__overflow--background": "--c2-theme--color-inverse-surface",
|
|
366
|
+
"--c2-avatar-group__overflow--color": "--c2-theme--color-on-inverse-surface",
|
|
367
|
+
"--c2-avatar-group__overflow--border": "--c2-theme--color-surface",
|
|
368
|
+
"--c2-avatar-group__overflow--border-radius": "--c2-theme--radius-full",
|
|
369
|
+
"--c2-avatar-group__overflow--font-size": "--c2-theme--font-size-sm",
|
|
370
|
+
"--c2-avatar-group__overflow--font-weight": "--c2-theme--font-weight-semibold",
|
|
365
371
|
"--c2-badge--border-radius": "--c2-theme--radius-full",
|
|
366
372
|
"--c2-badge--font-size": "--c2-theme--font-size-sm",
|
|
367
373
|
"--c2-badge--font-weight": "--c2-theme--font-weight-medium",
|
|
@@ -372,6 +378,8 @@
|
|
|
372
378
|
"--c2-badge__danger--color": "--c2-theme--color-error",
|
|
373
379
|
"--c2-badge__pulse--animation-duration": "--c2-theme--motion-scale",
|
|
374
380
|
"--c2-badge__anchor--border": "--c2-theme--color-surface",
|
|
381
|
+
"--c2-border-beam__beam--radius": "--c2-theme--radius-lg",
|
|
382
|
+
"--c2-border-beam__beam--color-from": "--c2-theme--color-primary",
|
|
375
383
|
"--c2-breadcrumb__separator--color": "--c2-theme--color-on-surface-variant",
|
|
376
384
|
"--c2-breadcrumb__item--color": "--c2-theme--color-on-surface-variant",
|
|
377
385
|
"--c2-breadcrumb__item--font-size": "--c2-theme--font-size-md",
|
|
@@ -514,6 +522,28 @@
|
|
|
514
522
|
"--c2-checkbox__state-layer--border-top-right-radius": "--c2-theme--radius-md",
|
|
515
523
|
"--c2-checkbox__state-layer--border-bottom-left-radius": "--c2-theme--radius-md",
|
|
516
524
|
"--c2-checkbox__state-layer--border-bottom-right-radius": "--c2-theme--radius-md",
|
|
525
|
+
"--c2-code-editor--background": "--c2-theme--color-surface",
|
|
526
|
+
"--c2-code-editor--border": "--c2-theme--border",
|
|
527
|
+
"--c2-code-editor__focus--border": "--c2-theme--color-primary",
|
|
528
|
+
"--c2-code-editor__focus--outline": "--c2-theme--focus-ring",
|
|
529
|
+
"--c2-code-editor--border-radius": "--c2-theme--radius-md",
|
|
530
|
+
"--c2-code-editor__disabled--opacity": "--c2-theme--disabled-opacity",
|
|
531
|
+
"--c2-code-editor--font-family": "--c2-theme--font-family",
|
|
532
|
+
"--c2-code-editor__gutter--color": "--c2-theme--color-on-surface-variant",
|
|
533
|
+
"--c2-code-editor__gutter__active--color": "--c2-theme--color-on-surface",
|
|
534
|
+
"--c2-code-editor__gutter--border-right": "--c2-theme--color-outline-variant",
|
|
535
|
+
"--c2-code-editor__active-line--background": "--c2-theme--color-primary",
|
|
536
|
+
"--c2-code-editor__selection--background": "--c2-theme--color-primary",
|
|
537
|
+
"--c2-code-editor__cursor--color": "--c2-theme--color-on-surface",
|
|
538
|
+
"--c2-code-editor__matching-bracket--background": "--c2-theme--color-primary",
|
|
539
|
+
"--c2-code-editor__placeholder--color": "--c2-theme--color-on-surface-variant",
|
|
540
|
+
"--c2-code-editor__label--color": "--c2-theme--color-on-surface",
|
|
541
|
+
"--c2-code-editor__label--font-size": "--c2-theme--font-size-sm",
|
|
542
|
+
"--c2-code-editor__label--font-weight": "--c2-theme--font-weight-medium",
|
|
543
|
+
"--c2-code-editor__supporting-text--color": "--c2-theme--color-on-surface-variant",
|
|
544
|
+
"--c2-code-editor__supporting-text--font-size": "--c2-theme--font-size-sm",
|
|
545
|
+
"--c2-code-editor__error--color": "--c2-theme--color-error",
|
|
546
|
+
"--c2-code-editor__error--border": "--c2-theme--color-error",
|
|
517
547
|
"--c2-code-viewer--border-top": "--c2-theme--border",
|
|
518
548
|
"--c2-code-viewer--border-right": "--c2-theme--border",
|
|
519
549
|
"--c2-code-viewer--border-bottom": "--c2-theme--border",
|
|
@@ -970,6 +1000,24 @@
|
|
|
970
1000
|
"--c2-status-panel__description--font-size": "--c2-theme--font-size-md",
|
|
971
1001
|
"--c2-status-panel__content--border-radius": "--c2-theme--radius-lg",
|
|
972
1002
|
"--c2-status-panel__content--background-color": "--c2-theme--color-surface-container",
|
|
1003
|
+
"--c2-step__row--border-bottom": "--c2-theme--color-outline-variant",
|
|
1004
|
+
"--c2-step__toggle--color": "--c2-theme--color-on-surface-variant",
|
|
1005
|
+
"--c2-step__guide--color": "--c2-theme--color-outline-variant",
|
|
1006
|
+
"--c2-step__marker--font-weight": "--c2-theme--font-weight-semibold",
|
|
1007
|
+
"--c2-step__marker--border-radius": "--c2-theme--radius-full",
|
|
1008
|
+
"--c2-step__marker--border": "--c2-theme--border",
|
|
1009
|
+
"--c2-step__marker--color": "--c2-theme--color-on-surface-variant",
|
|
1010
|
+
"--c2-step__rail--color": "--c2-theme--color-outline-variant",
|
|
1011
|
+
"--c2-step__label--color": "--c2-theme--color-on-surface",
|
|
1012
|
+
"--c2-step__label--font-weight": "--c2-theme--font-weight-medium",
|
|
1013
|
+
"--c2-step__label--font-family": "--c2-theme--font-family",
|
|
1014
|
+
"--c2-step__detail--color": "--c2-theme--color-on-surface-variant",
|
|
1015
|
+
"--c2-step__trailing--color": "--c2-theme--color-on-surface-variant",
|
|
1016
|
+
"--c2-step__error--color": "--c2-theme--color-error",
|
|
1017
|
+
"--c2-step__running--color": "--c2-theme--color-primary",
|
|
1018
|
+
"--c2-step__current--color": "--c2-theme--color-primary",
|
|
1019
|
+
"--c2-step__skipped--color": "--c2-theme--color-on-surface-variant",
|
|
1020
|
+
"--c2-step--transition-duration": "--c2-theme--motion-scale",
|
|
973
1021
|
"--c2-switch__container__disabled--opacity": "--c2-theme--disabled-opacity",
|
|
974
1022
|
"--c2-switch__track--border-radius": "--c2-theme--radius-full",
|
|
975
1023
|
"--c2-switch__track--color": "--c2-theme--color-outline-variant",
|
|
@@ -1082,6 +1130,24 @@
|
|
|
1082
1130
|
"--c2-textarea__supporting-text--font-size": "--c2-theme--font-size-sm",
|
|
1083
1131
|
"--c2-textarea__supporting-text--color": "--c2-theme--color-on-surface-variant",
|
|
1084
1132
|
"--c2-textarea__supporting-text__error--color": "--c2-theme--color-error",
|
|
1133
|
+
"--c2-theme-select__trigger--border-radius": "--c2-theme--radius-lg",
|
|
1134
|
+
"--c2-theme-select__trigger--color": "--c2-theme--color-on-surface",
|
|
1135
|
+
"--c2-theme-select__trigger__hover--background": "--c2-theme--color-surface-container",
|
|
1136
|
+
"--c2-theme-select__trigger__focus--outline": "--c2-theme--focus-ring",
|
|
1137
|
+
"--c2-theme-select__trigger__disabled--opacity": "--c2-theme--disabled-opacity",
|
|
1138
|
+
"--c2-theme-select__label--font-size": "--c2-theme--font-size-md",
|
|
1139
|
+
"--c2-theme-select__label--font-weight": "--c2-theme--font-weight-medium",
|
|
1140
|
+
"--c2-theme-select__menu--background": "--c2-theme--color-surface",
|
|
1141
|
+
"--c2-theme-select__menu--border": "--c2-theme--color-outline-variant",
|
|
1142
|
+
"--c2-theme-select__menu--border-radius": "--c2-theme--radius-lg",
|
|
1143
|
+
"--c2-theme-select__menu--box-shadow": "--c2-theme--shadow-md",
|
|
1144
|
+
"--c2-theme-select__menu-item--border-radius": "--c2-theme--radius-md",
|
|
1145
|
+
"--c2-theme-select__menu-item--color": "--c2-theme--color-on-surface",
|
|
1146
|
+
"--c2-theme-select__menu-item--font-size": "--c2-theme--font-size-md",
|
|
1147
|
+
"--c2-theme-select__menu-item--font-weight": "--c2-theme--font-weight-medium",
|
|
1148
|
+
"--c2-theme-select__menu-item__hover--background": "--c2-theme--color-surface-container",
|
|
1149
|
+
"--c2-theme-select__menu-item__selected--color": "--c2-theme--color-primary",
|
|
1150
|
+
"--c2-theme-select--transition-duration": "--c2-theme--motion-scale",
|
|
1085
1151
|
"--c2-toast__container--background": "--c2-theme--color-surface",
|
|
1086
1152
|
"--c2-toast__container--color": "--c2-theme--color-on-surface",
|
|
1087
1153
|
"--c2-toast__container--border": "--c2-theme--color-outline-variant",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@c2n/theme",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.10",
|
|
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,7 +54,11 @@
|
|
|
54
54
|
"build": {
|
|
55
55
|
"dependencies": [
|
|
56
56
|
"type-check",
|
|
57
|
+
"../../components/steps:build",
|
|
58
|
+
"../../components/code-editor:build",
|
|
59
|
+
"../../components/theme-select:build",
|
|
57
60
|
"../../components/tree:build",
|
|
61
|
+
"../../components/border-beam:build",
|
|
58
62
|
"../../components/status-panel:build",
|
|
59
63
|
"../../components/qr-code:build",
|
|
60
64
|
"../../components/upload:build",
|
|
@@ -127,5 +131,5 @@
|
|
|
127
131
|
"@c2n/config": "*",
|
|
128
132
|
"prettier": "3.9.6"
|
|
129
133
|
},
|
|
130
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "8d57710b3345fcb01cdb4cb15d2d43ba8bf21642"
|
|
131
135
|
}
|