@etus/tokens 0.4.0-beta.12 → 0.4.0-beta.14
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/tokens.css +86 -749
- package/dist/tokens.js +42 -5
- package/dist/tokens.meta.json +268 -5
- package/package.json +4 -4
package/dist/tokens.js
CHANGED
|
@@ -7,7 +7,7 @@ export const tokens = {
|
|
|
7
7
|
dark: {
|
|
8
8
|
"accent": "oklch(26.88% 0.0527 163.85)",
|
|
9
9
|
"accent-foreground": "oklch(95.21% 0.0467 171.12)",
|
|
10
|
-
"background": "oklch(
|
|
10
|
+
"background": "oklch(20.46% 0.0000 0)",
|
|
11
11
|
"border": "oklch(37.15% 0.0000 0)",
|
|
12
12
|
"brand-accent-background": "oklch(26.88% 0.0527 163.85)",
|
|
13
13
|
"brand-accent-foreground": "oklch(95.21% 0.0467 171.12)",
|
|
@@ -184,7 +184,7 @@ export const tokens = {
|
|
|
184
184
|
"success-hover": "oklch(80.03% 0.1821 151.71)",
|
|
185
185
|
"success-subtle": "oklch(26.64% 0.0628 152.93)",
|
|
186
186
|
"success-subtle-foreground": "oklch(87.12% 0.1363 154.45)",
|
|
187
|
-
"surface": "oklch(
|
|
187
|
+
"surface": "oklch(14.48% 0.0000 0)",
|
|
188
188
|
"surface-foreground": "oklch(97.02% 0.0000 0)",
|
|
189
189
|
"text-color-default": "oklch(98.51% 0.0000 0)",
|
|
190
190
|
"text-color-muted": "oklch(71.55% 0.0000 0)",
|
|
@@ -638,6 +638,7 @@ export const tokens = {
|
|
|
638
638
|
"callout-text-md": "0.875rem",
|
|
639
639
|
"callout-text-sm": "0.75rem",
|
|
640
640
|
"card": "oklch(98.51% 0.0000 0)",
|
|
641
|
+
"card-action-size": "22px",
|
|
641
642
|
"card-content-padding-x": "24px",
|
|
642
643
|
"card-description-color": "oklch(55.55% 0.0000 0)",
|
|
643
644
|
"card-description-text-size": "0.875rem",
|
|
@@ -656,6 +657,7 @@ export const tokens = {
|
|
|
656
657
|
"card-root-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
657
658
|
"card-root-shadow-sm": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
|
|
658
659
|
"card-root-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
|
|
660
|
+
"card-select-size": "18px",
|
|
659
661
|
"card-title-weight": "600",
|
|
660
662
|
"carousel-button-offset": "48px",
|
|
661
663
|
"carousel-button-size": "32px",
|
|
@@ -804,6 +806,7 @@ export const tokens = {
|
|
|
804
806
|
"combobox-item-padding-y": "6px",
|
|
805
807
|
"combobox-item-radius": "0.125rem",
|
|
806
808
|
"combobox-item-text": "0.875rem",
|
|
809
|
+
"combobox-kbd-hint-font-size": "10px",
|
|
807
810
|
"combobox-trigger-border-default": "oklch(92.19% 0.0000 0)",
|
|
808
811
|
"combobox-trigger-border-focus": "oklch(81.75% 0.1821 159.79)",
|
|
809
812
|
"combobox-trigger-disabled-bg": "oklch(97.02% 0.0000 0)",
|
|
@@ -1077,9 +1080,9 @@ export const tokens = {
|
|
|
1077
1080
|
"ease-spring": "cubic-bezier(0.34, 1.56, 0.64, 1)",
|
|
1078
1081
|
"empty-state-media-icon-bg": "oklch(97.02% 0.0000 0)",
|
|
1079
1082
|
"empty-state-media-icon-fg": "oklch(14.48% 0.0000 0)",
|
|
1080
|
-
"empty-state-media-icon-icon-size": "
|
|
1083
|
+
"empty-state-media-icon-icon-size": "32px",
|
|
1081
1084
|
"empty-state-media-icon-radius": "0.5rem",
|
|
1082
|
-
"empty-state-media-icon-size": "
|
|
1085
|
+
"empty-state-media-icon-size": "56px",
|
|
1083
1086
|
"event-calendar-root-min-height-full": "500px",
|
|
1084
1087
|
"event-calendar-root-min-height-lg": "600px",
|
|
1085
1088
|
"event-calendar-root-min-height-md": "500px",
|
|
@@ -1096,7 +1099,7 @@ export const tokens = {
|
|
|
1096
1099
|
"feature-item-badge-line-height": "16px",
|
|
1097
1100
|
"feature-item-badge-padding-x": "8px",
|
|
1098
1101
|
"feature-item-badge-padding-y": "4px",
|
|
1099
|
-
"feature-item-badge-radius": "
|
|
1102
|
+
"feature-item-badge-radius": "4px",
|
|
1100
1103
|
"feature-item-body-gap": "8px",
|
|
1101
1104
|
"feature-item-description-color": "oklch(55.55% 0.0000 0)",
|
|
1102
1105
|
"feature-item-description-font-size": "16px",
|
|
@@ -1207,6 +1210,7 @@ export const tokens = {
|
|
|
1207
1210
|
"filetree-toolbar-padding-y": "10px",
|
|
1208
1211
|
"filetree-toolbar-search-bg": "oklch(97.02% 0.0000 0)",
|
|
1209
1212
|
"filetree-toolbar-search-h": "28px",
|
|
1213
|
+
"filetree-toolbar-search-kbd-text": "10px",
|
|
1210
1214
|
"filetree-toolbar-search-px": "8px",
|
|
1211
1215
|
"filetree-toolbar-search-radius": "6px",
|
|
1212
1216
|
"filetree-toolbar-search-text": "12px",
|
|
@@ -1235,6 +1239,7 @@ export const tokens = {
|
|
|
1235
1239
|
"filetree-variant-notion-row-h": "30px",
|
|
1236
1240
|
"filetree-variant-notion-text": "13.5px",
|
|
1237
1241
|
"filetree-variant-outline-indent": "16px",
|
|
1242
|
+
"filetree-variant-outline-l0-h": "30px",
|
|
1238
1243
|
"filetree-variant-outline-l0-margin-top": "12px",
|
|
1239
1244
|
"filetree-variant-outline-l0-text": "11px",
|
|
1240
1245
|
"filetree-variant-outline-l0-tracking": "0.08em",
|
|
@@ -2132,6 +2137,7 @@ export const tokens = {
|
|
|
2132
2137
|
"progress-steps-connector-vertical-height-offset-lg": "48px",
|
|
2133
2138
|
"progress-steps-connector-vertical-height-offset-md": "40px",
|
|
2134
2139
|
"progress-steps-connector-vertical-height-offset-sm": "32px",
|
|
2140
|
+
"radio-control-offset-top": "2px",
|
|
2135
2141
|
"radio-indicator-color": "oklch(81.75% 0.1821 159.79)",
|
|
2136
2142
|
"radio-indicator-size-lg": "12px",
|
|
2137
2143
|
"radio-indicator-size-md": "10px",
|
|
@@ -2179,13 +2185,22 @@ export const tokens = {
|
|
|
2179
2185
|
"report-builder-accent-hover": "oklch(53.18% 0.1807 258.26)",
|
|
2180
2186
|
"report-builder-border": "oklch(89.41% 0.0059 264.53)",
|
|
2181
2187
|
"report-builder-border-strong": "oklch(90.67% 0.0000 0)",
|
|
2188
|
+
"report-builder-chip-font-size": "12px",
|
|
2189
|
+
"report-builder-chip-width": "22px",
|
|
2190
|
+
"report-builder-control-size": "18px",
|
|
2182
2191
|
"report-builder-fg": "oklch(24.79% 0.0058 271.18)",
|
|
2183
2192
|
"report-builder-fg-muted": "oklch(49.79% 0.0094 253.91)",
|
|
2184
2193
|
"report-builder-fg-secondary": "oklch(36.88% 0.0074 240.02)",
|
|
2185
2194
|
"report-builder-fg-strong": "rgba(0, 0, 0, 0.87)",
|
|
2186
2195
|
"report-builder-fg-subtle": "oklch(56.24% 0.0000 0)",
|
|
2196
|
+
"report-builder-list-max-height": "340px",
|
|
2197
|
+
"report-builder-menu-font-size": "15px",
|
|
2198
|
+
"report-builder-meta-font-size": "13px",
|
|
2187
2199
|
"report-builder-on-accent": "oklch(100.00% 0.0000 0)",
|
|
2200
|
+
"report-builder-pill-height": "26px",
|
|
2201
|
+
"report-builder-popup-width-wide": "26rem",
|
|
2188
2202
|
"report-builder-positive": "oklch(64.75% 0.1603 148.50)",
|
|
2203
|
+
"report-builder-preview-min-height": "200px",
|
|
2189
2204
|
"report-builder-shadow": "rgba(60, 64, 67, 0.3)",
|
|
2190
2205
|
"report-builder-shadow-subtle": "rgba(60, 64, 67, 0.15)",
|
|
2191
2206
|
"report-builder-surface": "oklch(100.00% 0.0000 0)",
|
|
@@ -2293,6 +2308,8 @@ export const tokens = {
|
|
|
2293
2308
|
"sidebar": "oklch(98.51% 0.0000 0)",
|
|
2294
2309
|
"sidebar-accent": "oklch(95.21% 0.0467 171.12)",
|
|
2295
2310
|
"sidebar-accent-foreground": "oklch(26.88% 0.0527 163.85)",
|
|
2311
|
+
"sidebar-avatar-height": "2.75rem",
|
|
2312
|
+
"sidebar-avatar-size": "2.5rem",
|
|
2296
2313
|
"sidebar-background": "oklch(98.51% 0.0000 0)",
|
|
2297
2314
|
"sidebar-border": "oklch(92.19% 0.0000 0)",
|
|
2298
2315
|
"sidebar-container-background": "oklch(98.51% 0.0000 0)",
|
|
@@ -2352,6 +2369,14 @@ export const tokens = {
|
|
|
2352
2369
|
"sidebar-section-title-font-weight": "400",
|
|
2353
2370
|
"sidebar-section-title-line-height": "1",
|
|
2354
2371
|
"sidebar-section-title-padding-x": "8px",
|
|
2372
|
+
"sidebar-theme-toggle-gap": "12px",
|
|
2373
|
+
"sidebar-theme-toggle-knob-bg": "oklch(100.00% 0.0000 0)",
|
|
2374
|
+
"sidebar-theme-toggle-knob-fg": "oklch(14.48% 0.0000 0)",
|
|
2375
|
+
"sidebar-theme-toggle-knob-size": "1.25rem",
|
|
2376
|
+
"sidebar-theme-toggle-track-bg-dark": "oklch(14.48% 0.0000 0)",
|
|
2377
|
+
"sidebar-theme-toggle-track-bg-light": "oklch(97.02% 0.0000 0)",
|
|
2378
|
+
"sidebar-theme-toggle-track-height": "1.5rem",
|
|
2379
|
+
"sidebar-theme-toggle-track-width": "2.25rem",
|
|
2355
2380
|
"sidebar-width": "17rem",
|
|
2356
2381
|
"sidebar-width-icon": "4rem",
|
|
2357
2382
|
"sidebar-width-mobile": "18rem",
|
|
@@ -2486,6 +2511,12 @@ export const tokens = {
|
|
|
2486
2511
|
"status-in-review-bg": "oklch(93% 0.08 250)",
|
|
2487
2512
|
"status-in-review-dot": "oklch(60% 0.18 250)",
|
|
2488
2513
|
"status-in-review-text": "oklch(45% 0.15 250)",
|
|
2514
|
+
"status-indicator-bar-thickness-2xl": "6px",
|
|
2515
|
+
"status-indicator-bar-thickness-default": "2px",
|
|
2516
|
+
"status-indicator-bar-thickness-lg": "3px",
|
|
2517
|
+
"status-indicator-bar-thickness-sm": "2px",
|
|
2518
|
+
"status-indicator-bar-thickness-xl": "4px",
|
|
2519
|
+
"status-indicator-bar-thickness-xs": "1px",
|
|
2489
2520
|
"status-indicator-dot-color-destructive": "oklch(63.68% 0.2078 25.33)",
|
|
2490
2521
|
"status-indicator-dot-color-error": "oklch(63.68% 0.2078 25.33)",
|
|
2491
2522
|
"status-indicator-dot-color-info": "oklch(54.61% 0.2152 262.88)",
|
|
@@ -2760,12 +2791,16 @@ export const tokens = {
|
|
|
2760
2791
|
"textarea-size-sm-px": "10px",
|
|
2761
2792
|
"textarea-size-sm-py": "6px",
|
|
2762
2793
|
"textarea-size-sm-text": "0.875rem",
|
|
2794
|
+
"thumbnail-action-size": "22px",
|
|
2795
|
+
"thumbnail-badge-font-size": "9px",
|
|
2796
|
+
"thumbnail-label-font-size": "10px",
|
|
2763
2797
|
"thumbnail-root-bg": "oklch(97.02% 0.0000 0)",
|
|
2764
2798
|
"thumbnail-rounded-default": "8px",
|
|
2765
2799
|
"thumbnail-rounded-full": "9999px",
|
|
2766
2800
|
"thumbnail-rounded-lg": "12px",
|
|
2767
2801
|
"thumbnail-rounded-none": "0px",
|
|
2768
2802
|
"thumbnail-rounded-sm": "4px",
|
|
2803
|
+
"thumbnail-select-size": "18px",
|
|
2769
2804
|
"thumbnail-size-default-width": "80px",
|
|
2770
2805
|
"thumbnail-size-lg-width": "120px",
|
|
2771
2806
|
"thumbnail-size-sm-width": "56px",
|
|
@@ -3125,6 +3160,8 @@ export const tokens = {
|
|
|
3125
3160
|
"typography-paragraph-p4-paragraphspacing": "0px",
|
|
3126
3161
|
"typography-paragraph-p4-textcase": "none",
|
|
3127
3162
|
"typography-paragraph-p4-textdecoration": "none",
|
|
3163
|
+
"updates-widget-meta-font-size": "10px",
|
|
3164
|
+
"updates-widget-width": "313px",
|
|
3128
3165
|
"warning": "oklch(86.06% 0.1731 91.94)",
|
|
3129
3166
|
"warning-border": "oklch(94.51% 0.1243 101.54)",
|
|
3130
3167
|
"warning-foreground": "oklch(28.57% 0.0639 53.81)",
|
package/dist/tokens.meta.json
CHANGED
|
@@ -780,7 +780,7 @@
|
|
|
780
780
|
"type": "color",
|
|
781
781
|
"description": "Main application background (base.white, Figma v2 canonical)",
|
|
782
782
|
"light": "oklch(100.00% 0.0000 0)",
|
|
783
|
-
"dark": "oklch(
|
|
783
|
+
"dark": "oklch(20.46% 0.0000 0)"
|
|
784
784
|
},
|
|
785
785
|
{
|
|
786
786
|
"name": "border",
|
|
@@ -2017,7 +2017,7 @@
|
|
|
2017
2017
|
"type": "color",
|
|
2018
2018
|
"description": "Secondary layer (neutral-50)",
|
|
2019
2019
|
"light": "oklch(98.51% 0.0000 0)",
|
|
2020
|
-
"dark": "oklch(
|
|
2020
|
+
"dark": "oklch(14.48% 0.0000 0)"
|
|
2021
2021
|
},
|
|
2022
2022
|
{
|
|
2023
2023
|
"name": "surface-foreground",
|
|
@@ -3431,16 +3431,19 @@
|
|
|
3431
3431
|
{
|
|
3432
3432
|
"name": "layout-breakpoint-desktop",
|
|
3433
3433
|
"cssVar": "--layout-breakpoint-desktop",
|
|
3434
|
+
"type": "dimension",
|
|
3434
3435
|
"value": "1280px"
|
|
3435
3436
|
},
|
|
3436
3437
|
{
|
|
3437
3438
|
"name": "layout-breakpoint-mobile",
|
|
3438
3439
|
"cssVar": "--layout-breakpoint-mobile",
|
|
3440
|
+
"type": "dimension",
|
|
3439
3441
|
"value": "768px"
|
|
3440
3442
|
},
|
|
3441
3443
|
{
|
|
3442
3444
|
"name": "layout-breakpoint-tablet",
|
|
3443
3445
|
"cssVar": "--layout-breakpoint-tablet",
|
|
3446
|
+
"type": "dimension",
|
|
3444
3447
|
"value": "1024px"
|
|
3445
3448
|
},
|
|
3446
3449
|
{
|
|
@@ -6365,6 +6368,13 @@
|
|
|
6365
6368
|
"type": "dimension",
|
|
6366
6369
|
"value": "0.75rem"
|
|
6367
6370
|
},
|
|
6371
|
+
{
|
|
6372
|
+
"name": "card-action-size",
|
|
6373
|
+
"cssVar": "--card-action-size",
|
|
6374
|
+
"type": "dimension",
|
|
6375
|
+
"description": "Overlay action button (circular) hit size.",
|
|
6376
|
+
"value": "22px"
|
|
6377
|
+
},
|
|
6368
6378
|
{
|
|
6369
6379
|
"name": "card-content-padding-x",
|
|
6370
6380
|
"cssVar": "--card-content-padding-x",
|
|
@@ -6467,6 +6477,13 @@
|
|
|
6467
6477
|
"type": "shadow",
|
|
6468
6478
|
"value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
|
|
6469
6479
|
},
|
|
6480
|
+
{
|
|
6481
|
+
"name": "card-select-size",
|
|
6482
|
+
"cssVar": "--card-select-size",
|
|
6483
|
+
"type": "dimension",
|
|
6484
|
+
"description": "Overlay select control (square, rounded-sm) hit size.",
|
|
6485
|
+
"value": "18px"
|
|
6486
|
+
},
|
|
6470
6487
|
{
|
|
6471
6488
|
"name": "card-title-weight",
|
|
6472
6489
|
"cssVar": "--card-title-weight",
|
|
@@ -7339,6 +7356,13 @@
|
|
|
7339
7356
|
"type": "dimension",
|
|
7340
7357
|
"value": "0.875rem"
|
|
7341
7358
|
},
|
|
7359
|
+
{
|
|
7360
|
+
"name": "combobox-kbd-hint-font-size",
|
|
7361
|
+
"cssVar": "--combobox-kbd-hint-font-size",
|
|
7362
|
+
"type": "dimension",
|
|
7363
|
+
"description": "Keyboard hint chip font-size inside the search field.",
|
|
7364
|
+
"value": "10px"
|
|
7365
|
+
},
|
|
7342
7366
|
{
|
|
7343
7367
|
"name": "combobox-trigger-border-default",
|
|
7344
7368
|
"cssVar": "--combobox-trigger-border-default",
|
|
@@ -8758,7 +8782,7 @@
|
|
|
8758
8782
|
"name": "empty-state-media-icon-icon-size",
|
|
8759
8783
|
"cssVar": "--empty-state-media-icon-icon-size",
|
|
8760
8784
|
"type": "dimension",
|
|
8761
|
-
"value": "
|
|
8785
|
+
"value": "32px"
|
|
8762
8786
|
},
|
|
8763
8787
|
{
|
|
8764
8788
|
"name": "empty-state-media-icon-radius",
|
|
@@ -8769,7 +8793,7 @@
|
|
|
8769
8793
|
"name": "empty-state-media-icon-size",
|
|
8770
8794
|
"cssVar": "--empty-state-media-icon-size",
|
|
8771
8795
|
"type": "dimension",
|
|
8772
|
-
"value": "
|
|
8796
|
+
"value": "56px"
|
|
8773
8797
|
},
|
|
8774
8798
|
{
|
|
8775
8799
|
"name": "event-calendar-root-min-height-full",
|
|
@@ -8838,7 +8862,8 @@
|
|
|
8838
8862
|
"name": "feature-item-badge-radius",
|
|
8839
8863
|
"cssVar": "--feature-item-badge-radius",
|
|
8840
8864
|
"type": "dimension",
|
|
8841
|
-
"
|
|
8865
|
+
"description": "Figma radius/sm = 4px. A ref radius.sm resolve 2px pela escala tailwind legada do export — resolucao sistemica rastreada na DES-1384.",
|
|
8866
|
+
"value": "4px"
|
|
8842
8867
|
},
|
|
8843
8868
|
{
|
|
8844
8869
|
"name": "feature-item-body-gap",
|
|
@@ -9472,6 +9497,13 @@
|
|
|
9472
9497
|
"type": "dimension",
|
|
9473
9498
|
"value": "28px"
|
|
9474
9499
|
},
|
|
9500
|
+
{
|
|
9501
|
+
"name": "filetree-toolbar-search-kbd-text",
|
|
9502
|
+
"cssVar": "--filetree-toolbar-search-kbd-text",
|
|
9503
|
+
"type": "dimension",
|
|
9504
|
+
"description": "Search shortcut kbd chip font-size.",
|
|
9505
|
+
"value": "10px"
|
|
9506
|
+
},
|
|
9475
9507
|
{
|
|
9476
9508
|
"name": "filetree-toolbar-search-px",
|
|
9477
9509
|
"cssVar": "--filetree-toolbar-search-px",
|
|
@@ -9636,6 +9668,13 @@
|
|
|
9636
9668
|
"type": "dimension",
|
|
9637
9669
|
"value": "16px"
|
|
9638
9670
|
},
|
|
9671
|
+
{
|
|
9672
|
+
"name": "filetree-variant-outline-l0-h",
|
|
9673
|
+
"cssVar": "--filetree-variant-outline-l0-h",
|
|
9674
|
+
"type": "dimension",
|
|
9675
|
+
"description": "Outline level-0 section row height (taller than regular rows).",
|
|
9676
|
+
"value": "30px"
|
|
9677
|
+
},
|
|
9639
9678
|
{
|
|
9640
9679
|
"name": "filetree-variant-outline-l0-margin-top",
|
|
9641
9680
|
"cssVar": "--filetree-variant-outline-l0-margin-top",
|
|
@@ -13174,6 +13213,13 @@
|
|
|
13174
13213
|
"description": "Vertical connector calc subtraction for sm — equals step indicator full height.",
|
|
13175
13214
|
"value": "32px"
|
|
13176
13215
|
},
|
|
13216
|
+
{
|
|
13217
|
+
"name": "radio-control-offset-top",
|
|
13218
|
+
"cssVar": "--radio-control-offset-top",
|
|
13219
|
+
"type": "dimension",
|
|
13220
|
+
"description": "Optical nudge aligning the control with the first label line when a description is present.",
|
|
13221
|
+
"value": "2px"
|
|
13222
|
+
},
|
|
13177
13223
|
{
|
|
13178
13224
|
"name": "radio-indicator-color",
|
|
13179
13225
|
"cssVar": "--radio-indicator-color",
|
|
@@ -13340,6 +13386,69 @@
|
|
|
13340
13386
|
"cssVar": "--rating-item-gap",
|
|
13341
13387
|
"value": "2px"
|
|
13342
13388
|
},
|
|
13389
|
+
{
|
|
13390
|
+
"name": "report-builder-chip-font-size",
|
|
13391
|
+
"cssVar": "--report-builder-chip-font-size",
|
|
13392
|
+
"type": "dimension",
|
|
13393
|
+
"description": "Keyboard shortcut chip font-size.",
|
|
13394
|
+
"value": "12px"
|
|
13395
|
+
},
|
|
13396
|
+
{
|
|
13397
|
+
"name": "report-builder-chip-width",
|
|
13398
|
+
"cssVar": "--report-builder-chip-width",
|
|
13399
|
+
"type": "dimension",
|
|
13400
|
+
"description": "Keyboard shortcut chip width.",
|
|
13401
|
+
"value": "22px"
|
|
13402
|
+
},
|
|
13403
|
+
{
|
|
13404
|
+
"name": "report-builder-control-size",
|
|
13405
|
+
"cssVar": "--report-builder-control-size",
|
|
13406
|
+
"type": "dimension",
|
|
13407
|
+
"description": "Checkbox control hit size.",
|
|
13408
|
+
"value": "18px"
|
|
13409
|
+
},
|
|
13410
|
+
{
|
|
13411
|
+
"name": "report-builder-list-max-height",
|
|
13412
|
+
"cssVar": "--report-builder-list-max-height",
|
|
13413
|
+
"type": "dimension",
|
|
13414
|
+
"description": "Field list max height.",
|
|
13415
|
+
"value": "340px"
|
|
13416
|
+
},
|
|
13417
|
+
{
|
|
13418
|
+
"name": "report-builder-menu-font-size",
|
|
13419
|
+
"cssVar": "--report-builder-menu-font-size",
|
|
13420
|
+
"type": "dimension",
|
|
13421
|
+
"description": "Menu row font-size.",
|
|
13422
|
+
"value": "15px"
|
|
13423
|
+
},
|
|
13424
|
+
{
|
|
13425
|
+
"name": "report-builder-meta-font-size",
|
|
13426
|
+
"cssVar": "--report-builder-meta-font-size",
|
|
13427
|
+
"type": "dimension",
|
|
13428
|
+
"description": "Pill/summary meta font-size.",
|
|
13429
|
+
"value": "13px"
|
|
13430
|
+
},
|
|
13431
|
+
{
|
|
13432
|
+
"name": "report-builder-pill-height",
|
|
13433
|
+
"cssVar": "--report-builder-pill-height",
|
|
13434
|
+
"type": "dimension",
|
|
13435
|
+
"description": "Filter pill height.",
|
|
13436
|
+
"value": "26px"
|
|
13437
|
+
},
|
|
13438
|
+
{
|
|
13439
|
+
"name": "report-builder-popup-width-wide",
|
|
13440
|
+
"cssVar": "--report-builder-popup-width-wide",
|
|
13441
|
+
"type": "dimension",
|
|
13442
|
+
"description": "Wide state of the field popup.",
|
|
13443
|
+
"value": "26rem"
|
|
13444
|
+
},
|
|
13445
|
+
{
|
|
13446
|
+
"name": "report-builder-preview-min-height",
|
|
13447
|
+
"cssVar": "--report-builder-preview-min-height",
|
|
13448
|
+
"type": "dimension",
|
|
13449
|
+
"description": "Preview pane min height.",
|
|
13450
|
+
"value": "200px"
|
|
13451
|
+
},
|
|
13343
13452
|
{
|
|
13344
13453
|
"name": "report-generator-output-max-height-lg",
|
|
13345
13454
|
"cssVar": "--report-generator-output-max-height-lg",
|
|
@@ -13869,6 +13978,20 @@
|
|
|
13869
13978
|
"type": "color",
|
|
13870
13979
|
"value": "oklch(100% 0 0 / 50%)"
|
|
13871
13980
|
},
|
|
13981
|
+
{
|
|
13982
|
+
"name": "sidebar-avatar-height",
|
|
13983
|
+
"cssVar": "--sidebar-avatar-height",
|
|
13984
|
+
"type": "dimension",
|
|
13985
|
+
"description": "Avatar row height expanded = 44px (Figma 1088:627 Expanded=True).",
|
|
13986
|
+
"value": "2.75rem"
|
|
13987
|
+
},
|
|
13988
|
+
{
|
|
13989
|
+
"name": "sidebar-avatar-size",
|
|
13990
|
+
"cssVar": "--sidebar-avatar-size",
|
|
13991
|
+
"type": "dimension",
|
|
13992
|
+
"description": "Avatar block collapsed = 40px (Figma 1088:627 Expanded=False).",
|
|
13993
|
+
"value": "2.5rem"
|
|
13994
|
+
},
|
|
13872
13995
|
{
|
|
13873
13996
|
"name": "sidebar-container-background",
|
|
13874
13997
|
"cssVar": "--sidebar-container-background",
|
|
@@ -14227,6 +14350,62 @@
|
|
|
14227
14350
|
"description": "Section title (Dashboards label) horizontal padding = 8px (Figma px-[var(--spacing/s-8,8px)]).",
|
|
14228
14351
|
"value": "8px"
|
|
14229
14352
|
},
|
|
14353
|
+
{
|
|
14354
|
+
"name": "sidebar-theme-toggle-gap",
|
|
14355
|
+
"cssVar": "--sidebar-theme-toggle-gap",
|
|
14356
|
+
"type": "dimension",
|
|
14357
|
+
"description": "Gap between toggle pill and label = 12px (Figma spacing/s-12).",
|
|
14358
|
+
"value": "12px"
|
|
14359
|
+
},
|
|
14360
|
+
{
|
|
14361
|
+
"name": "sidebar-theme-toggle-knob-bg",
|
|
14362
|
+
"cssVar": "--sidebar-theme-toggle-knob-bg",
|
|
14363
|
+
"type": "color",
|
|
14364
|
+
"description": "Toggle knob = base-white #ffffff. Fixed / theme-independent (Figma 1089:324).",
|
|
14365
|
+
"value": "oklch(100.00% 0.0000 0)"
|
|
14366
|
+
},
|
|
14367
|
+
{
|
|
14368
|
+
"name": "sidebar-theme-toggle-knob-fg",
|
|
14369
|
+
"cssVar": "--sidebar-theme-toggle-knob-fg",
|
|
14370
|
+
"type": "color",
|
|
14371
|
+
"description": "Toggle knob icon (sun/moon) = neutral-950 #0a0a0a. Fixed dark for contrast on the white knob (Figma 1089:324).",
|
|
14372
|
+
"value": "oklch(14.48% 0.0000 0)"
|
|
14373
|
+
},
|
|
14374
|
+
{
|
|
14375
|
+
"name": "sidebar-theme-toggle-knob-size",
|
|
14376
|
+
"cssVar": "--sidebar-theme-toggle-knob-size",
|
|
14377
|
+
"type": "dimension",
|
|
14378
|
+
"description": "Color-mode toggle knob = 20px (Figma 1089:324).",
|
|
14379
|
+
"value": "1.25rem"
|
|
14380
|
+
},
|
|
14381
|
+
{
|
|
14382
|
+
"name": "sidebar-theme-toggle-track-bg-dark",
|
|
14383
|
+
"cssVar": "--sidebar-theme-toggle-track-bg-dark",
|
|
14384
|
+
"type": "color",
|
|
14385
|
+
"description": "Toggle track when DARK mode is active = neutral-950 #0a0a0a. Fixed / theme-independent (Figma 1089:324).",
|
|
14386
|
+
"value": "oklch(14.48% 0.0000 0)"
|
|
14387
|
+
},
|
|
14388
|
+
{
|
|
14389
|
+
"name": "sidebar-theme-toggle-track-bg-light",
|
|
14390
|
+
"cssVar": "--sidebar-theme-toggle-track-bg-light",
|
|
14391
|
+
"type": "color",
|
|
14392
|
+
"description": "Toggle track when LIGHT mode is active = neutral-100 #f5f5f5. Fixed / theme-independent: it reflects the color MODE the toggle sets, not the page theme (Figma 1089:324).",
|
|
14393
|
+
"value": "oklch(97.02% 0.0000 0)"
|
|
14394
|
+
},
|
|
14395
|
+
{
|
|
14396
|
+
"name": "sidebar-theme-toggle-track-height",
|
|
14397
|
+
"cssVar": "--sidebar-theme-toggle-track-height",
|
|
14398
|
+
"type": "dimension",
|
|
14399
|
+
"description": "Color-mode toggle track height = 24px (Figma 1089:324).",
|
|
14400
|
+
"value": "1.5rem"
|
|
14401
|
+
},
|
|
14402
|
+
{
|
|
14403
|
+
"name": "sidebar-theme-toggle-track-width",
|
|
14404
|
+
"cssVar": "--sidebar-theme-toggle-track-width",
|
|
14405
|
+
"type": "dimension",
|
|
14406
|
+
"description": "Color-mode toggle track width = 36px (Figma 1089:324).",
|
|
14407
|
+
"value": "2.25rem"
|
|
14408
|
+
},
|
|
14230
14409
|
{
|
|
14231
14410
|
"name": "sidebar-width",
|
|
14232
14411
|
"cssVar": "--sidebar-width",
|
|
@@ -14898,6 +15077,48 @@
|
|
|
14898
15077
|
"type": "color",
|
|
14899
15078
|
"value": "oklch(45% 0.15 250)"
|
|
14900
15079
|
},
|
|
15080
|
+
{
|
|
15081
|
+
"name": "status-indicator-bar-thickness-2xl",
|
|
15082
|
+
"cssVar": "--status-indicator-bar-thickness-2xl",
|
|
15083
|
+
"type": "dimension",
|
|
15084
|
+
"description": "Bar shape secondary dimension (2xl) — width of bar-vertical / height of bar-horizontal.",
|
|
15085
|
+
"value": "6px"
|
|
15086
|
+
},
|
|
15087
|
+
{
|
|
15088
|
+
"name": "status-indicator-bar-thickness-default",
|
|
15089
|
+
"cssVar": "--status-indicator-bar-thickness-default",
|
|
15090
|
+
"type": "dimension",
|
|
15091
|
+
"description": "Bar shape secondary dimension (default) — width of bar-vertical / height of bar-horizontal.",
|
|
15092
|
+
"value": "2px"
|
|
15093
|
+
},
|
|
15094
|
+
{
|
|
15095
|
+
"name": "status-indicator-bar-thickness-lg",
|
|
15096
|
+
"cssVar": "--status-indicator-bar-thickness-lg",
|
|
15097
|
+
"type": "dimension",
|
|
15098
|
+
"description": "Bar shape secondary dimension (lg) — width of bar-vertical / height of bar-horizontal.",
|
|
15099
|
+
"value": "3px"
|
|
15100
|
+
},
|
|
15101
|
+
{
|
|
15102
|
+
"name": "status-indicator-bar-thickness-sm",
|
|
15103
|
+
"cssVar": "--status-indicator-bar-thickness-sm",
|
|
15104
|
+
"type": "dimension",
|
|
15105
|
+
"description": "Bar shape secondary dimension (sm) — width of bar-vertical / height of bar-horizontal.",
|
|
15106
|
+
"value": "2px"
|
|
15107
|
+
},
|
|
15108
|
+
{
|
|
15109
|
+
"name": "status-indicator-bar-thickness-xl",
|
|
15110
|
+
"cssVar": "--status-indicator-bar-thickness-xl",
|
|
15111
|
+
"type": "dimension",
|
|
15112
|
+
"description": "Bar shape secondary dimension (xl) — width of bar-vertical / height of bar-horizontal.",
|
|
15113
|
+
"value": "4px"
|
|
15114
|
+
},
|
|
15115
|
+
{
|
|
15116
|
+
"name": "status-indicator-bar-thickness-xs",
|
|
15117
|
+
"cssVar": "--status-indicator-bar-thickness-xs",
|
|
15118
|
+
"type": "dimension",
|
|
15119
|
+
"description": "Bar shape secondary dimension (xs) — width of bar-vertical / height of bar-horizontal.",
|
|
15120
|
+
"value": "1px"
|
|
15121
|
+
},
|
|
14901
15122
|
{
|
|
14902
15123
|
"name": "status-indicator-dot-color-destructive",
|
|
14903
15124
|
"cssVar": "--status-indicator-dot-color-destructive",
|
|
@@ -16127,6 +16348,27 @@
|
|
|
16127
16348
|
"type": "dimension",
|
|
16128
16349
|
"value": "0.875rem"
|
|
16129
16350
|
},
|
|
16351
|
+
{
|
|
16352
|
+
"name": "thumbnail-action-size",
|
|
16353
|
+
"cssVar": "--thumbnail-action-size",
|
|
16354
|
+
"type": "dimension",
|
|
16355
|
+
"description": "Overlay action button (circular) hit size.",
|
|
16356
|
+
"value": "22px"
|
|
16357
|
+
},
|
|
16358
|
+
{
|
|
16359
|
+
"name": "thumbnail-badge-font-size",
|
|
16360
|
+
"cssVar": "--thumbnail-badge-font-size",
|
|
16361
|
+
"type": "dimension",
|
|
16362
|
+
"description": "Mini badge overlay font-size.",
|
|
16363
|
+
"value": "9px"
|
|
16364
|
+
},
|
|
16365
|
+
{
|
|
16366
|
+
"name": "thumbnail-label-font-size",
|
|
16367
|
+
"cssVar": "--thumbnail-label-font-size",
|
|
16368
|
+
"type": "dimension",
|
|
16369
|
+
"description": "Extension label chip font-size.",
|
|
16370
|
+
"value": "10px"
|
|
16371
|
+
},
|
|
16130
16372
|
{
|
|
16131
16373
|
"name": "thumbnail-root-bg",
|
|
16132
16374
|
"cssVar": "--thumbnail-root-bg",
|
|
@@ -16166,6 +16408,13 @@
|
|
|
16166
16408
|
"description": "Thumbnail sm radius aligned with Figma 4px per Bowser audit Thumbnail — pre-fix was 0.125rem (2px). Also fixed $type from color to dimension.",
|
|
16167
16409
|
"value": "4px"
|
|
16168
16410
|
},
|
|
16411
|
+
{
|
|
16412
|
+
"name": "thumbnail-select-size",
|
|
16413
|
+
"cssVar": "--thumbnail-select-size",
|
|
16414
|
+
"type": "dimension",
|
|
16415
|
+
"description": "Overlay select control (square, rounded-sm) hit size.",
|
|
16416
|
+
"value": "18px"
|
|
16417
|
+
},
|
|
16169
16418
|
{
|
|
16170
16419
|
"name": "thumbnail-size-default-width",
|
|
16171
16420
|
"cssVar": "--thumbnail-size-default-width",
|
|
@@ -18367,6 +18616,20 @@
|
|
|
18367
18616
|
"cssVar": "--typography-paragraph-p4-textdecoration",
|
|
18368
18617
|
"type": "string",
|
|
18369
18618
|
"value": "none"
|
|
18619
|
+
},
|
|
18620
|
+
{
|
|
18621
|
+
"name": "updates-widget-meta-font-size",
|
|
18622
|
+
"cssVar": "--updates-widget-meta-font-size",
|
|
18623
|
+
"type": "dimension",
|
|
18624
|
+
"description": "Timestamp/meta line font-size.",
|
|
18625
|
+
"value": "10px"
|
|
18626
|
+
},
|
|
18627
|
+
{
|
|
18628
|
+
"name": "updates-widget-width",
|
|
18629
|
+
"cssVar": "--updates-widget-width",
|
|
18630
|
+
"type": "dimension",
|
|
18631
|
+
"description": "Widget card width (Figma frame).",
|
|
18632
|
+
"value": "313px"
|
|
18370
18633
|
}
|
|
18371
18634
|
]
|
|
18372
18635
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@etus/tokens",
|
|
3
|
-
"version": "0.4.0-beta.
|
|
3
|
+
"version": "0.4.0-beta.14",
|
|
4
4
|
"description": "Seven Design System - Design tokens (CSS variables) for ETUS applications",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -34,11 +34,11 @@
|
|
|
34
34
|
],
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@types/culori": "^4.0.1",
|
|
37
|
-
"@types/node": "^
|
|
37
|
+
"@types/node": "^24.13.2",
|
|
38
38
|
"culori": "^4.0.2",
|
|
39
39
|
"style-dictionary": "^5.1.3",
|
|
40
|
-
"tailwindcss": "^4.
|
|
41
|
-
"tsx": "^4.
|
|
40
|
+
"tailwindcss": "^4.3.2",
|
|
41
|
+
"tsx": "^4.23.0"
|
|
42
42
|
},
|
|
43
43
|
"scripts": {
|
|
44
44
|
"build": "tsx sd/build.ts",
|