@etus/tokens 0.4.0-beta.2 → 0.4.0-beta.4
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 +201 -13
- package/dist/tokens.css.baseline +3178 -0
- package/dist/tokens.js +96 -10
- package/dist/tokens.meta.json +479 -17
- package/dist/tokens.ts +2584 -0
- package/package.json +1 -1
package/dist/tokens.js
CHANGED
|
@@ -111,6 +111,27 @@ export const tokens = {
|
|
|
111
111
|
"primary-hover": "oklch(87.18% 0.1296 166.48)",
|
|
112
112
|
"primary-subtle": "oklch(18.34% 0.0338 166.67)",
|
|
113
113
|
"primary-subtle-foreground": "oklch(87.18% 0.1296 166.48)",
|
|
114
|
+
"report-builder-accent": "oklch(76.61% 0.1083 259.79)",
|
|
115
|
+
"report-builder-accent-bg": "oklch(34.67% 0.0731 256.69)",
|
|
116
|
+
"report-builder-accent-bg-subtle": "oklch(33.49% 0.0383 251.89)",
|
|
117
|
+
"report-builder-accent-border": "oklch(46.92% 0.0851 258.47)",
|
|
118
|
+
"report-builder-accent-bright": "oklch(76.61% 0.1083 259.79)",
|
|
119
|
+
"report-builder-accent-hover": "oklch(83.69% 0.0733 259.99)",
|
|
120
|
+
"report-builder-border": "oklch(49.79% 0.0094 253.91)",
|
|
121
|
+
"report-builder-border-strong": "oklch(36.88% 0.0074 240.02)",
|
|
122
|
+
"report-builder-fg": "oklch(93.64% 0.0046 258.33)",
|
|
123
|
+
"report-builder-fg-muted": "oklch(70.28% 0.0111 247.99)",
|
|
124
|
+
"report-builder-fg-secondary": "oklch(80.93% 0.0083 253.87)",
|
|
125
|
+
"report-builder-fg-strong": "rgba(232, 234, 237, 0.87)",
|
|
126
|
+
"report-builder-fg-subtle": "oklch(70.28% 0.0111 247.99)",
|
|
127
|
+
"report-builder-on-accent": "oklch(24.79% 0.0058 271.18)",
|
|
128
|
+
"report-builder-positive": "oklch(77.44% 0.1039 152.19)",
|
|
129
|
+
"report-builder-shadow": "rgba(0, 0, 0, 0.5)",
|
|
130
|
+
"report-builder-shadow-subtle": "rgba(0, 0, 0, 0.3)",
|
|
131
|
+
"report-builder-surface": "oklch(24.79% 0.0058 271.18)",
|
|
132
|
+
"report-builder-surface-hover": "oklch(33.34% 0.0071 274.76)",
|
|
133
|
+
"report-builder-surface-muted": "oklch(28.52% 0.0056 271.22)",
|
|
134
|
+
"report-builder-surface-subtle": "oklch(28.52% 0.0056 271.22)",
|
|
114
135
|
"ring": "oklch(84.11% 0.1609 163.31)",
|
|
115
136
|
"ring-offset": "oklch(14.48% 0.0000 0)",
|
|
116
137
|
"secondary": "oklch(28.73% 0.0661 137.75)",
|
|
@@ -128,7 +149,7 @@ export const tokens = {
|
|
|
128
149
|
"sidebar-accent": "oklch(26.88% 0.0527 163.85)",
|
|
129
150
|
"sidebar-accent-foreground": "oklch(95.21% 0.0467 171.12)",
|
|
130
151
|
"sidebar-background": "oklch(20.46% 0.0000 0)",
|
|
131
|
-
"sidebar-border": "oklch(
|
|
152
|
+
"sidebar-border": "oklch(37.15% 0.0000 0)",
|
|
132
153
|
"sidebar-foreground": "oklch(97.02% 0.0000 0)",
|
|
133
154
|
"sidebar-ring": "oklch(84.11% 0.1609 163.31)",
|
|
134
155
|
"status-destructive-background": "oklch(63.68% 0.2078 25.33)",
|
|
@@ -181,7 +202,7 @@ export const tokens = {
|
|
|
181
202
|
"accordion-item-border-width": "1px",
|
|
182
203
|
"accordion-item-padding-x": "16px",
|
|
183
204
|
"accordion-item-radius": "0.5rem",
|
|
184
|
-
"accordion-root-gap": "
|
|
205
|
+
"accordion-root-gap": "16px",
|
|
185
206
|
"accordion-trigger-gap": "16px",
|
|
186
207
|
"accordion-trigger-padding-y-lg": "24px",
|
|
187
208
|
"accordion-trigger-padding-y-md": "16px",
|
|
@@ -625,6 +646,33 @@ export const tokens = {
|
|
|
625
646
|
"chart-3": "oklch(62.31% 0.1880 259.81)",
|
|
626
647
|
"chart-4": "oklch(86.06% 0.1731 91.94)",
|
|
627
648
|
"chart-5": "oklch(63.68% 0.2078 25.33)",
|
|
649
|
+
"chart-card-bg": "oklch(100.00% 0.0000 0)",
|
|
650
|
+
"chart-card-border": "oklch(92.19% 0.0000 0)",
|
|
651
|
+
"chart-card-chart-height": "8rem",
|
|
652
|
+
"chart-card-empty-state-caption-color": "oklch(55.55% 0.0000 0)",
|
|
653
|
+
"chart-card-empty-state-caption-line-height": "24px",
|
|
654
|
+
"chart-card-empty-state-caption-size": "16px",
|
|
655
|
+
"chart-card-empty-state-icon-radius": "12px",
|
|
656
|
+
"chart-card-empty-state-title-color": "oklch(20.46% 0.0000 0)",
|
|
657
|
+
"chart-card-empty-state-title-line-height": "32px",
|
|
658
|
+
"chart-card-empty-state-title-size": "24px",
|
|
659
|
+
"chart-card-empty-state-title-weight": "700",
|
|
660
|
+
"chart-card-featured-icon-bg": "oklch(97.02% 0.0000 0)",
|
|
661
|
+
"chart-card-fg": "oklch(14.48% 0.0000 0)",
|
|
662
|
+
"chart-card-footer-caption-color": "oklch(55.55% 0.0000 0)",
|
|
663
|
+
"chart-card-footer-trend-color": "oklch(14.48% 0.0000 0)",
|
|
664
|
+
"chart-card-gap": "24px",
|
|
665
|
+
"chart-card-padding-bottom": "24px",
|
|
666
|
+
"chart-card-padding-top": "20px",
|
|
667
|
+
"chart-card-padding-x": "24px",
|
|
668
|
+
"chart-card-previous-color": "oklch(55.55% 0.0000 0)",
|
|
669
|
+
"chart-card-radius": "16px",
|
|
670
|
+
"chart-card-title-color": "oklch(20.46% 0.0000 0)",
|
|
671
|
+
"chart-card-title-line-height": "24px",
|
|
672
|
+
"chart-card-title-size": "18px",
|
|
673
|
+
"chart-card-title-weight": "600",
|
|
674
|
+
"chart-card-value-color": "oklch(14.48% 0.0000 0)",
|
|
675
|
+
"chart-card-value-size": "20px",
|
|
628
676
|
"chart-indicator-dot-size": "10px",
|
|
629
677
|
"chart-indicator-line-width": "4px",
|
|
630
678
|
"chart-legend-gap": "16px",
|
|
@@ -893,7 +941,7 @@ export const tokens = {
|
|
|
893
941
|
"date-picker-footer-gap": "8px",
|
|
894
942
|
"date-picker-footer-padding": "12px",
|
|
895
943
|
"date-picker-preset-item-height": "32px",
|
|
896
|
-
"date-picker-preset-min-width": "
|
|
944
|
+
"date-picker-preset-min-width": "168px",
|
|
897
945
|
"date-picker-trigger-border-default": "oklch(92.19% 0.0000 0)",
|
|
898
946
|
"date-picker-trigger-border-focus": "oklch(81.75% 0.1821 159.79)",
|
|
899
947
|
"date-picker-trigger-disabled-bg": "oklch(97.02% 0.0000 0)",
|
|
@@ -914,7 +962,7 @@ export const tokens = {
|
|
|
914
962
|
"date-picker-trigger-ring-width": "3px",
|
|
915
963
|
"date-picker-trigger-text-lg": "16px",
|
|
916
964
|
"date-picker-trigger-text-md": "14px",
|
|
917
|
-
"date-picker-trigger-text-sm": "
|
|
965
|
+
"date-picker-trigger-text-sm": "14px",
|
|
918
966
|
"date-range-picker-calendar-gap": "16px",
|
|
919
967
|
"date-range-picker-today-button-height": "28px",
|
|
920
968
|
"date-range-picker-today-button-text-size": "0.75rem",
|
|
@@ -1264,10 +1312,12 @@ export const tokens = {
|
|
|
1264
1312
|
"form-label-fg": "oklch(14.48% 0.0000 0)",
|
|
1265
1313
|
"form-label-size": "14px",
|
|
1266
1314
|
"form-label-weight": "500",
|
|
1315
|
+
"header-content-height": "36px",
|
|
1316
|
+
"header-height": "64px",
|
|
1267
1317
|
"header-root-bg": "oklch(100.00% 0.0000 0)",
|
|
1268
1318
|
"header-root-border-color": "oklch(92.19% 0.0000 0)",
|
|
1269
|
-
"header-root-padding-x": "
|
|
1270
|
-
"header-root-padding-y": "
|
|
1319
|
+
"header-root-padding-x": "32px",
|
|
1320
|
+
"header-root-padding-y": "20px",
|
|
1271
1321
|
"header-size-lg-height": "80px",
|
|
1272
1322
|
"header-size-md-height": "64px",
|
|
1273
1323
|
"header-size-sm-height": "48px",
|
|
@@ -1334,6 +1384,13 @@ export const tokens = {
|
|
|
1334
1384
|
"ifta-label-wrapper-height": "60px",
|
|
1335
1385
|
"ifta-label-wrapper-padding-bottom": "8px",
|
|
1336
1386
|
"ifta-label-wrapper-padding-top": "24px",
|
|
1387
|
+
"image-gallery-empty-border-color": "oklch(97.02% 0.0000 0)",
|
|
1388
|
+
"image-gallery-empty-radius": "12px",
|
|
1389
|
+
"image-gallery-item-radius": "8px",
|
|
1390
|
+
"image-gallery-loading-background": "oklch(97.02% 0.0000 0)",
|
|
1391
|
+
"image-gallery-selection-opacity": "0.5",
|
|
1392
|
+
"image-gallery-selection-ring-color": "oklch(81.75% 0.1821 159.79)",
|
|
1393
|
+
"image-gallery-selection-ring-width": "2px",
|
|
1337
1394
|
"image-rounded-circle": "9999px",
|
|
1338
1395
|
"image-rounded-default": "0px",
|
|
1339
1396
|
"image-rounded-rounded": "0.375rem",
|
|
@@ -1621,6 +1678,15 @@ export const tokens = {
|
|
|
1621
1678
|
"modal-content-shadow": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
1622
1679
|
"modal-footer-gap": "8px",
|
|
1623
1680
|
"modal-header-gap": "8px",
|
|
1681
|
+
"modal-icon-pill-color-default-bg": "oklch(97.02% 0.0000 0)",
|
|
1682
|
+
"modal-icon-pill-color-default-fg": "oklch(55.55% 0.0000 0)",
|
|
1683
|
+
"modal-icon-pill-color-destructive-bg": "oklch(97.05% 0.0129 17.38)",
|
|
1684
|
+
"modal-icon-pill-color-destructive-fg": "oklch(50.54% 0.1905 27.52)",
|
|
1685
|
+
"modal-icon-pill-color-warning-bg": "oklch(98.73% 0.0262 102.21)",
|
|
1686
|
+
"modal-icon-pill-color-warning-fg": "oklch(55.38% 0.1207 66.44)",
|
|
1687
|
+
"modal-icon-pill-icon-size": "16px",
|
|
1688
|
+
"modal-icon-pill-padding": "8px",
|
|
1689
|
+
"modal-icon-pill-radius": "999px",
|
|
1624
1690
|
"modal-overlay-bg": "oklch(0.00% 0.0000 0 / 60.0%)",
|
|
1625
1691
|
"multiselect-content-bg": "oklch(100.00% 0.0000 0)",
|
|
1626
1692
|
"multiselect-content-fg": "oklch(20.46% 0.0000 0)",
|
|
@@ -1711,9 +1777,8 @@ export const tokens = {
|
|
|
1711
1777
|
"notification-dot-color-info": "oklch(54.61% 0.2152 262.88)",
|
|
1712
1778
|
"notification-dot-color-success": "oklch(62.71% 0.1699 149.21)",
|
|
1713
1779
|
"notification-dot-color-warning": "oklch(86.06% 0.1731 91.94)",
|
|
1714
|
-
"notification-dot-
|
|
1780
|
+
"notification-dot-gap": "6px",
|
|
1715
1781
|
"notification-dot-size": "8px",
|
|
1716
|
-
"notification-dot-top": "16px",
|
|
1717
1782
|
"notification-root-gap": "12px",
|
|
1718
1783
|
"notification-root-padding": "12px",
|
|
1719
1784
|
"overlay": "oklch(0.00% 0.0000 0 / 60.0%)",
|
|
@@ -1727,7 +1792,7 @@ export const tokens = {
|
|
|
1727
1792
|
"panel-header-padding-y": "12px",
|
|
1728
1793
|
"panel-root-border-color": "oklch(92.19% 0.0000 0)",
|
|
1729
1794
|
"panel-root-radius": "8px",
|
|
1730
|
-
"panel-root-shadow": "0 4px
|
|
1795
|
+
"panel-root-shadow": "0 4px 8px 0 rgb(0 0 0 / 0.10), 0 2px 4px 0 rgb(0 0 0 / 0.06)",
|
|
1731
1796
|
"panel-size-lg": "400px",
|
|
1732
1797
|
"panel-size-md": "320px",
|
|
1733
1798
|
"panel-size-sm": "280px",
|
|
@@ -2072,6 +2137,27 @@ export const tokens = {
|
|
|
2072
2137
|
"rating-icon-size-md": "20px",
|
|
2073
2138
|
"rating-icon-size-sm": "16px",
|
|
2074
2139
|
"rating-item-gap": "2px",
|
|
2140
|
+
"report-builder-accent": "oklch(57.37% 0.1946 257.86)",
|
|
2141
|
+
"report-builder-accent-bg": "oklch(95.32% 0.0207 261.77)",
|
|
2142
|
+
"report-builder-accent-bg-subtle": "oklch(97.14% 0.0108 256.69)",
|
|
2143
|
+
"report-builder-accent-border": "oklch(91.09% 0.0388 257.92)",
|
|
2144
|
+
"report-builder-accent-bright": "oklch(63.04% 0.1800 259.96)",
|
|
2145
|
+
"report-builder-accent-hover": "oklch(53.18% 0.1807 258.26)",
|
|
2146
|
+
"report-builder-border": "oklch(89.41% 0.0059 264.53)",
|
|
2147
|
+
"report-builder-border-strong": "oklch(90.67% 0.0000 0)",
|
|
2148
|
+
"report-builder-fg": "oklch(24.79% 0.0058 271.18)",
|
|
2149
|
+
"report-builder-fg-muted": "oklch(49.79% 0.0094 253.91)",
|
|
2150
|
+
"report-builder-fg-secondary": "oklch(36.88% 0.0074 240.02)",
|
|
2151
|
+
"report-builder-fg-strong": "rgba(0, 0, 0, 0.87)",
|
|
2152
|
+
"report-builder-fg-subtle": "oklch(56.24% 0.0000 0)",
|
|
2153
|
+
"report-builder-on-accent": "oklch(100.00% 0.0000 0)",
|
|
2154
|
+
"report-builder-positive": "oklch(64.75% 0.1603 148.50)",
|
|
2155
|
+
"report-builder-shadow": "rgba(60, 64, 67, 0.3)",
|
|
2156
|
+
"report-builder-shadow-subtle": "rgba(60, 64, 67, 0.15)",
|
|
2157
|
+
"report-builder-surface": "oklch(100.00% 0.0000 0)",
|
|
2158
|
+
"report-builder-surface-hover": "oklch(96.29% 0.0025 228.78)",
|
|
2159
|
+
"report-builder-surface-muted": "oklch(97.02% 0.0000 0)",
|
|
2160
|
+
"report-builder-surface-subtle": "oklch(98.16% 0.0017 247.84)",
|
|
2075
2161
|
"report-generator-output-max-height-lg": "500px",
|
|
2076
2162
|
"report-generator-root-min-height-lg": "500px",
|
|
2077
2163
|
"resizable-handle-bg": "oklch(92.19% 0.0000 0)",
|
|
@@ -2754,7 +2840,7 @@ export const tokens = {
|
|
|
2754
2840
|
"tooltip-content-text-size": "0.75rem",
|
|
2755
2841
|
"tooltip-content-z-index": "50",
|
|
2756
2842
|
"topbar-leading-gap": "8px",
|
|
2757
|
-
"topbar-root-background": "oklch(
|
|
2843
|
+
"topbar-root-background": "oklch(98.51% 0.0000 0)",
|
|
2758
2844
|
"topbar-root-border-color": "oklch(92.19% 0.0000 0)",
|
|
2759
2845
|
"topbar-root-gap": "16px",
|
|
2760
2846
|
"topbar-root-height-default": "3.5rem",
|