@etus/tokens 0.1.2 → 0.1.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 +18 -18
- package/dist/tokens.js +10 -10
- package/dist/tokens.meta.json +10 -10
- package/package.json +2 -1
package/dist/tokens.css
CHANGED
|
@@ -262,9 +262,9 @@
|
|
|
262
262
|
--button-link-gray-fg-default: oklch(71.55% 0.0000 0);
|
|
263
263
|
--button-link-gray-fg-hover: oklch(14.48% 0.0000 0);
|
|
264
264
|
--button-primary-bg-default: oklch(81.75% 0.1821 159.79);
|
|
265
|
-
--button-primary-bg-hover: oklch(
|
|
265
|
+
--button-primary-bg-hover: oklch(69.20% 0.1533 159.90);
|
|
266
266
|
--button-primary-border-default: oklch(81.75% 0.1821 159.79);
|
|
267
|
-
--button-primary-border-hover: oklch(
|
|
267
|
+
--button-primary-border-hover: oklch(69.20% 0.1533 159.90);
|
|
268
268
|
--button-primary-fg-default: oklch(18.34% 0.0338 166.67);
|
|
269
269
|
--button-radius-default: 6px;
|
|
270
270
|
--button-radius-full: 9999px;
|
|
@@ -603,7 +603,7 @@
|
|
|
603
603
|
--date-range-picker-trigger-width: 300px;
|
|
604
604
|
--destructive-border: oklch(63.68% 0.2078 25.33);
|
|
605
605
|
--destructive-foreground: oklch(100.00% 0.0000 0);
|
|
606
|
-
--destructive-subtle-
|
|
606
|
+
--destructive-subtle-foreground: oklch(50.54% 0.1905 27.52);
|
|
607
607
|
--destructive-subtle: oklch(97.05% 0.0129 17.38);
|
|
608
608
|
--destructive: oklch(57.71% 0.2152 27.33);
|
|
609
609
|
--disabled-background: oklch(92.19% 0.0000 0);
|
|
@@ -857,7 +857,7 @@
|
|
|
857
857
|
--image-skeleton-bg: oklch(97.02% 0.0000 0);
|
|
858
858
|
--info-border: oklch(62.31% 0.1880 259.81);
|
|
859
859
|
--info-foreground: oklch(100.00% 0.0000 0);
|
|
860
|
-
--info-subtle-
|
|
860
|
+
--info-subtle-foreground: oklch(48.82% 0.2172 264.38);
|
|
861
861
|
--info-subtle: oklch(97.05% 0.0142 254.60);
|
|
862
862
|
--info: oklch(54.61% 0.2152 262.88);
|
|
863
863
|
--input-bg-default: oklch(100.00% 0.0000 0);
|
|
@@ -1643,7 +1643,7 @@
|
|
|
1643
1643
|
--stepper-separator-height: 2px;
|
|
1644
1644
|
--success-border: oklch(62.71% 0.1699 149.21);
|
|
1645
1645
|
--success-foreground: oklch(100.00% 0.0000 0);
|
|
1646
|
-
--success-subtle-
|
|
1646
|
+
--success-subtle-foreground: oklch(52.73% 0.1371 150.07);
|
|
1647
1647
|
--success-subtle: oklch(98.19% 0.0181 155.83);
|
|
1648
1648
|
--success: oklch(62.71% 0.1699 149.21);
|
|
1649
1649
|
--surface-default: oklch(100.00% 0.0000 0);
|
|
@@ -2203,7 +2203,7 @@
|
|
|
2203
2203
|
--typography-paragraph-p4-textdecoration: none;
|
|
2204
2204
|
--warning-border: oklch(66.58% 0.1574 58.32);
|
|
2205
2205
|
--warning-foreground: oklch(100.00% 0.0000 0);
|
|
2206
|
-
--warning-subtle-
|
|
2206
|
+
--warning-subtle-foreground: oklch(55.38% 0.1207 66.44);
|
|
2207
2207
|
--warning-subtle: oklch(98.73% 0.0262 102.21);
|
|
2208
2208
|
--warning: oklch(68.06% 0.1423 75.83);
|
|
2209
2209
|
--yellow-100: oklch(97.29% 0.0693 103.19);
|
|
@@ -2285,7 +2285,7 @@
|
|
|
2285
2285
|
--core-border-ring: oklch(84.11% 0.1609 163.31);
|
|
2286
2286
|
--destructive-border: oklch(50.54% 0.1905 27.52);
|
|
2287
2287
|
--destructive-foreground: oklch(100.00% 0.0000 0);
|
|
2288
|
-
--destructive-subtle-
|
|
2288
|
+
--destructive-subtle-foreground: oklch(80.77% 0.1035 19.57);
|
|
2289
2289
|
--destructive-subtle: oklch(25.75% 0.0886 26.04);
|
|
2290
2290
|
--destructive: oklch(63.68% 0.2078 25.33);
|
|
2291
2291
|
--disabled-background: oklch(26.86% 0.0000 0);
|
|
@@ -2305,7 +2305,7 @@
|
|
|
2305
2305
|
--heading-color-primary: oklch(84.11% 0.1609 163.31);
|
|
2306
2306
|
--info-border: oklch(54.61% 0.2152 262.88);
|
|
2307
2307
|
--info-foreground: oklch(100.00% 0.0000 0);
|
|
2308
|
-
--info-subtle-
|
|
2308
|
+
--info-subtle-foreground: oklch(80.91% 0.0956 251.81);
|
|
2309
2309
|
--info-subtle: oklch(28.23% 0.0874 267.94);
|
|
2310
2310
|
--info: oklch(62.31% 0.1880 259.81);
|
|
2311
2311
|
--input: oklch(43.86% 0.0000 0);
|
|
@@ -2382,7 +2382,7 @@
|
|
|
2382
2382
|
--status-warning-subtle: oklch(28.57% 0.0639 53.81);
|
|
2383
2383
|
--success-border: oklch(52.73% 0.1371 150.07);
|
|
2384
2384
|
--success-foreground: oklch(100.00% 0.0000 0);
|
|
2385
|
-
--success-subtle-
|
|
2385
|
+
--success-subtle-foreground: oklch(87.12% 0.1363 154.45);
|
|
2386
2386
|
--success-subtle: oklch(26.64% 0.0628 152.93);
|
|
2387
2387
|
--success: oklch(72.27% 0.1920 149.58);
|
|
2388
2388
|
--surface-foreground: oklch(97.02% 0.0000 0);
|
|
@@ -2391,7 +2391,7 @@
|
|
|
2391
2391
|
--text-color-muted: oklch(71.55% 0.0000 0);
|
|
2392
2392
|
--warning-border: oklch(55.38% 0.1207 66.44);
|
|
2393
2393
|
--warning-foreground: oklch(100.00% 0.0000 0);
|
|
2394
|
-
--warning-subtle-
|
|
2394
|
+
--warning-subtle-foreground: oklch(90.52% 0.1657 98.11);
|
|
2395
2395
|
--warning-subtle: oklch(28.57% 0.0639 53.81);
|
|
2396
2396
|
--warning: oklch(79.52% 0.1617 86.05);
|
|
2397
2397
|
}
|
|
@@ -2442,7 +2442,7 @@
|
|
|
2442
2442
|
--core-border-ring: oklch(81.75% 0.1821 159.79);
|
|
2443
2443
|
--destructive-border: oklch(63.68% 0.2078 25.33);
|
|
2444
2444
|
--destructive-foreground: oklch(100.00% 0.0000 0);
|
|
2445
|
-
--destructive-subtle-
|
|
2445
|
+
--destructive-subtle-foreground: oklch(50.54% 0.1905 27.52);
|
|
2446
2446
|
--destructive-subtle: oklch(97.05% 0.0129 17.38);
|
|
2447
2447
|
--destructive: oklch(57.71% 0.2152 27.33);
|
|
2448
2448
|
--disabled-background: oklch(92.19% 0.0000 0);
|
|
@@ -2462,7 +2462,7 @@
|
|
|
2462
2462
|
--heading-color-primary: oklch(81.75% 0.1821 159.79);
|
|
2463
2463
|
--info-border: oklch(62.31% 0.1880 259.81);
|
|
2464
2464
|
--info-foreground: oklch(100.00% 0.0000 0);
|
|
2465
|
-
--info-subtle-
|
|
2465
|
+
--info-subtle-foreground: oklch(48.82% 0.2172 264.38);
|
|
2466
2466
|
--info-subtle: oklch(97.05% 0.0142 254.60);
|
|
2467
2467
|
--info: oklch(54.61% 0.2152 262.88);
|
|
2468
2468
|
--input: oklch(92.19% 0.0000 0);
|
|
@@ -2535,7 +2535,7 @@
|
|
|
2535
2535
|
--status-warning-subtle: oklch(98.73% 0.0262 102.21);
|
|
2536
2536
|
--success-border: oklch(62.71% 0.1699 149.21);
|
|
2537
2537
|
--success-foreground: oklch(100.00% 0.0000 0);
|
|
2538
|
-
--success-subtle-
|
|
2538
|
+
--success-subtle-foreground: oklch(52.73% 0.1371 150.07);
|
|
2539
2539
|
--success-subtle: oklch(98.19% 0.0181 155.83);
|
|
2540
2540
|
--success: oklch(62.71% 0.1699 149.21);
|
|
2541
2541
|
--surface-foreground: oklch(20.46% 0.0000 0);
|
|
@@ -2544,7 +2544,7 @@
|
|
|
2544
2544
|
--text-color-muted: oklch(71.55% 0.0000 0);
|
|
2545
2545
|
--warning-border: oklch(66.58% 0.1574 58.32);
|
|
2546
2546
|
--warning-foreground: oklch(100.00% 0.0000 0);
|
|
2547
|
-
--warning-subtle-
|
|
2547
|
+
--warning-subtle-foreground: oklch(55.38% 0.1207 66.44);
|
|
2548
2548
|
--warning-subtle: oklch(98.73% 0.0262 102.21);
|
|
2549
2549
|
--warning: oklch(68.06% 0.1423 75.83);
|
|
2550
2550
|
}
|
|
@@ -2784,7 +2784,7 @@
|
|
|
2784
2784
|
--color-datatable-toolbar-search-icon-color: var(--datatable-toolbar-search-icon-color);
|
|
2785
2785
|
--color-destructive-border: var(--destructive-border);
|
|
2786
2786
|
--color-destructive-foreground: var(--destructive-foreground);
|
|
2787
|
-
--color-destructive-subtle-
|
|
2787
|
+
--color-destructive-subtle-foreground: var(--destructive-subtle-foreground);
|
|
2788
2788
|
--color-destructive-subtle: var(--destructive-subtle);
|
|
2789
2789
|
--color-destructive: var(--destructive);
|
|
2790
2790
|
--color-disabled-background: var(--disabled-background);
|
|
@@ -2851,7 +2851,7 @@
|
|
|
2851
2851
|
--color-image-skeleton-bg: var(--image-skeleton-bg);
|
|
2852
2852
|
--color-info-border: var(--info-border);
|
|
2853
2853
|
--color-info-foreground: var(--info-foreground);
|
|
2854
|
-
--color-info-subtle-
|
|
2854
|
+
--color-info-subtle-foreground: var(--info-subtle-foreground);
|
|
2855
2855
|
--color-info-subtle: var(--info-subtle);
|
|
2856
2856
|
--color-info: var(--info);
|
|
2857
2857
|
--color-input-bg-default: var(--input-bg-default);
|
|
@@ -3123,7 +3123,7 @@
|
|
|
3123
3123
|
--color-stepper-separator-color: var(--stepper-separator-color);
|
|
3124
3124
|
--color-success-border: var(--success-border);
|
|
3125
3125
|
--color-success-foreground: var(--success-foreground);
|
|
3126
|
-
--color-success-subtle-
|
|
3126
|
+
--color-success-subtle-foreground: var(--success-subtle-foreground);
|
|
3127
3127
|
--color-success-subtle: var(--success-subtle);
|
|
3128
3128
|
--color-success: var(--success);
|
|
3129
3129
|
--color-surface-default: var(--surface-default);
|
|
@@ -3243,7 +3243,7 @@
|
|
|
3243
3243
|
--color-tooltip-content-foreground: var(--tooltip-content-foreground);
|
|
3244
3244
|
--color-warning-border: var(--warning-border);
|
|
3245
3245
|
--color-warning-foreground: var(--warning-foreground);
|
|
3246
|
-
--color-warning-subtle-
|
|
3246
|
+
--color-warning-subtle-foreground: var(--warning-subtle-foreground);
|
|
3247
3247
|
--color-warning-subtle: var(--warning-subtle);
|
|
3248
3248
|
--color-warning: var(--warning);
|
|
3249
3249
|
--radius-2xl: var(--radius-2xl);
|
package/dist/tokens.js
CHANGED
|
@@ -51,7 +51,7 @@ export const tokens = {
|
|
|
51
51
|
"destructive-border": "oklch(50.54% 0.1905 27.52)",
|
|
52
52
|
"destructive-foreground": "oklch(100.00% 0.0000 0)",
|
|
53
53
|
"destructive-subtle": "oklch(25.75% 0.0886 26.04)",
|
|
54
|
-
"destructive-subtle-
|
|
54
|
+
"destructive-subtle-foreground": "oklch(80.77% 0.1035 19.57)",
|
|
55
55
|
"disabled": "oklch(26.86% 0.0000 0)",
|
|
56
56
|
"disabled-background": "oklch(26.86% 0.0000 0)",
|
|
57
57
|
"disabled-border": "oklch(37.15% 0.0000 0)",
|
|
@@ -71,7 +71,7 @@ export const tokens = {
|
|
|
71
71
|
"info-border": "oklch(54.61% 0.2152 262.88)",
|
|
72
72
|
"info-foreground": "oklch(100.00% 0.0000 0)",
|
|
73
73
|
"info-subtle": "oklch(28.23% 0.0874 267.94)",
|
|
74
|
-
"info-subtle-
|
|
74
|
+
"info-subtle-foreground": "oklch(80.91% 0.0956 251.81)",
|
|
75
75
|
"input": "oklch(43.86% 0.0000 0)",
|
|
76
76
|
"kbd-variant-default-background": "oklch(26.86% 0.0000 0)",
|
|
77
77
|
"kbd-variant-default-color": "oklch(71.55% 0.0000 0)",
|
|
@@ -148,7 +148,7 @@ export const tokens = {
|
|
|
148
148
|
"success-border": "oklch(52.73% 0.1371 150.07)",
|
|
149
149
|
"success-foreground": "oklch(100.00% 0.0000 0)",
|
|
150
150
|
"success-subtle": "oklch(26.64% 0.0628 152.93)",
|
|
151
|
-
"success-subtle-
|
|
151
|
+
"success-subtle-foreground": "oklch(87.12% 0.1363 154.45)",
|
|
152
152
|
"surface": "oklch(20.46% 0.0000 0)",
|
|
153
153
|
"surface-foreground": "oklch(97.02% 0.0000 0)",
|
|
154
154
|
"text-color-default": "oklch(98.51% 0.0000 0)",
|
|
@@ -157,7 +157,7 @@ export const tokens = {
|
|
|
157
157
|
"warning-border": "oklch(55.38% 0.1207 66.44)",
|
|
158
158
|
"warning-foreground": "oklch(100.00% 0.0000 0)",
|
|
159
159
|
"warning-subtle": "oklch(28.57% 0.0639 53.81)",
|
|
160
|
-
"warning-subtle-
|
|
160
|
+
"warning-subtle-foreground": "oklch(90.52% 0.1657 98.11)",
|
|
161
161
|
},
|
|
162
162
|
root: {
|
|
163
163
|
"accent": "oklch(95.21% 0.0467 171.12)",
|
|
@@ -370,9 +370,9 @@ export const tokens = {
|
|
|
370
370
|
"button-link-gray-fg-default": "oklch(71.55% 0.0000 0)",
|
|
371
371
|
"button-link-gray-fg-hover": "oklch(14.48% 0.0000 0)",
|
|
372
372
|
"button-primary-bg-default": "oklch(81.75% 0.1821 159.79)",
|
|
373
|
-
"button-primary-bg-hover": "oklch(
|
|
373
|
+
"button-primary-bg-hover": "oklch(69.20% 0.1533 159.90)",
|
|
374
374
|
"button-primary-border-default": "oklch(81.75% 0.1821 159.79)",
|
|
375
|
-
"button-primary-border-hover": "oklch(
|
|
375
|
+
"button-primary-border-hover": "oklch(69.20% 0.1533 159.90)",
|
|
376
376
|
"button-primary-fg-default": "oklch(18.34% 0.0338 166.67)",
|
|
377
377
|
"button-radius-default": "6px",
|
|
378
378
|
"button-radius-full": "9999px",
|
|
@@ -713,7 +713,7 @@ export const tokens = {
|
|
|
713
713
|
"destructive-border": "oklch(63.68% 0.2078 25.33)",
|
|
714
714
|
"destructive-foreground": "oklch(100.00% 0.0000 0)",
|
|
715
715
|
"destructive-subtle": "oklch(97.05% 0.0129 17.38)",
|
|
716
|
-
"destructive-subtle-
|
|
716
|
+
"destructive-subtle-foreground": "oklch(50.54% 0.1905 27.52)",
|
|
717
717
|
"disabled": "oklch(97.02% 0.0000 0)",
|
|
718
718
|
"disabled-background": "oklch(92.19% 0.0000 0)",
|
|
719
719
|
"disabled-border": "oklch(92.19% 0.0000 0)",
|
|
@@ -945,7 +945,7 @@ export const tokens = {
|
|
|
945
945
|
"info-border": "oklch(62.31% 0.1880 259.81)",
|
|
946
946
|
"info-foreground": "oklch(100.00% 0.0000 0)",
|
|
947
947
|
"info-subtle": "oklch(97.05% 0.0142 254.60)",
|
|
948
|
-
"info-subtle-
|
|
948
|
+
"info-subtle-foreground": "oklch(48.82% 0.2172 264.38)",
|
|
949
949
|
"input": "oklch(92.19% 0.0000 0)",
|
|
950
950
|
"input-bg-default": "oklch(100.00% 0.0000 0)",
|
|
951
951
|
"input-bg-disabled": "oklch(97.02% 0.0000 0)",
|
|
@@ -1868,7 +1868,7 @@ export const tokens = {
|
|
|
1868
1868
|
"success-border": "oklch(62.71% 0.1699 149.21)",
|
|
1869
1869
|
"success-foreground": "oklch(100.00% 0.0000 0)",
|
|
1870
1870
|
"success-subtle": "oklch(98.19% 0.0181 155.83)",
|
|
1871
|
-
"success-subtle-
|
|
1871
|
+
"success-subtle-foreground": "oklch(52.73% 0.1371 150.07)",
|
|
1872
1872
|
"surface": "oklch(98.51% 0.0000 0)",
|
|
1873
1873
|
"surface-default": "oklch(100.00% 0.0000 0)",
|
|
1874
1874
|
"surface-disabled": "oklch(97.02% 0.0000 0)",
|
|
@@ -2389,7 +2389,7 @@ export const tokens = {
|
|
|
2389
2389
|
"warning-border": "oklch(66.58% 0.1574 58.32)",
|
|
2390
2390
|
"warning-foreground": "oklch(100.00% 0.0000 0)",
|
|
2391
2391
|
"warning-subtle": "oklch(98.73% 0.0262 102.21)",
|
|
2392
|
-
"warning-subtle-
|
|
2392
|
+
"warning-subtle-foreground": "oklch(55.38% 0.1207 66.44)",
|
|
2393
2393
|
"z-base": "0",
|
|
2394
2394
|
"z-dropdown": "100",
|
|
2395
2395
|
"z-fixed": "250",
|
package/dist/tokens.meta.json
CHANGED
|
@@ -1096,8 +1096,8 @@
|
|
|
1096
1096
|
"dark": "oklch(25.75% 0.0886 26.04)"
|
|
1097
1097
|
},
|
|
1098
1098
|
{
|
|
1099
|
-
"name": "destructive-subtle-
|
|
1100
|
-
"cssVar": "--destructive-subtle-
|
|
1099
|
+
"name": "destructive-subtle-foreground",
|
|
1100
|
+
"cssVar": "--destructive-subtle-foreground",
|
|
1101
1101
|
"type": "color",
|
|
1102
1102
|
"description": "Text/icons in error alerts (red-700)",
|
|
1103
1103
|
"light": "oklch(50.54% 0.1905 27.52)",
|
|
@@ -1211,8 +1211,8 @@
|
|
|
1211
1211
|
"dark": "oklch(28.23% 0.0874 267.94)"
|
|
1212
1212
|
},
|
|
1213
1213
|
{
|
|
1214
|
-
"name": "info-subtle-
|
|
1215
|
-
"cssVar": "--info-subtle-
|
|
1214
|
+
"name": "info-subtle-foreground",
|
|
1215
|
+
"cssVar": "--info-subtle-foreground",
|
|
1216
1216
|
"type": "color",
|
|
1217
1217
|
"description": "Text/icons in info alerts (blue-700)",
|
|
1218
1218
|
"light": "oklch(48.82% 0.2172 264.38)",
|
|
@@ -1752,8 +1752,8 @@
|
|
|
1752
1752
|
"dark": "oklch(26.64% 0.0628 152.93)"
|
|
1753
1753
|
},
|
|
1754
1754
|
{
|
|
1755
|
-
"name": "success-subtle-
|
|
1756
|
-
"cssVar": "--success-subtle-
|
|
1755
|
+
"name": "success-subtle-foreground",
|
|
1756
|
+
"cssVar": "--success-subtle-foreground",
|
|
1757
1757
|
"type": "color",
|
|
1758
1758
|
"description": "Text/icons in success alerts (green-700)",
|
|
1759
1759
|
"light": "oklch(52.73% 0.1371 150.07)",
|
|
@@ -1808,8 +1808,8 @@
|
|
|
1808
1808
|
"dark": "oklch(28.57% 0.0639 53.81)"
|
|
1809
1809
|
},
|
|
1810
1810
|
{
|
|
1811
|
-
"name": "warning-subtle-
|
|
1812
|
-
"cssVar": "--warning-subtle-
|
|
1811
|
+
"name": "warning-subtle-foreground",
|
|
1812
|
+
"cssVar": "--warning-subtle-foreground",
|
|
1813
1813
|
"type": "color",
|
|
1814
1814
|
"description": "Text/icons in warning alerts (yellow-700)",
|
|
1815
1815
|
"light": "oklch(55.38% 0.1207 66.44)",
|
|
@@ -4593,7 +4593,7 @@
|
|
|
4593
4593
|
"name": "button-primary-bg-hover",
|
|
4594
4594
|
"cssVar": "--button-primary-bg-hover",
|
|
4595
4595
|
"type": "color",
|
|
4596
|
-
"value": "oklch(
|
|
4596
|
+
"value": "oklch(69.20% 0.1533 159.90)"
|
|
4597
4597
|
},
|
|
4598
4598
|
{
|
|
4599
4599
|
"name": "button-primary-border-default",
|
|
@@ -4605,7 +4605,7 @@
|
|
|
4605
4605
|
"name": "button-primary-border-hover",
|
|
4606
4606
|
"cssVar": "--button-primary-border-hover",
|
|
4607
4607
|
"type": "color",
|
|
4608
|
-
"value": "oklch(
|
|
4608
|
+
"value": "oklch(69.20% 0.1533 159.90)"
|
|
4609
4609
|
},
|
|
4610
4610
|
{
|
|
4611
4611
|
"name": "button-primary-fg-default",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@etus/tokens",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"description": "Seven Design System - Design tokens (CSS variables) for ETUS applications",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@types/culori": "^4.0.1",
|
|
41
|
+
"@types/node": "^25.0.6",
|
|
41
42
|
"culori": "^4.0.2",
|
|
42
43
|
"style-dictionary": "^5.1.3",
|
|
43
44
|
"tailwindcss": "^4.1.18",
|