@etus/tokens 0.4.0-beta.17 → 0.4.0-beta.18
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 +12 -0
- package/dist/tokens.js +4 -0
- package/dist/tokens.meta.json +28 -0
- package/package.json +1 -1
package/dist/tokens.css
CHANGED
|
@@ -2063,10 +2063,12 @@
|
|
|
2063
2063
|
--sidebar-logo-padding: 4px;
|
|
2064
2064
|
--sidebar-logo-radius: 4px;
|
|
2065
2065
|
--sidebar-logo-size: 2rem;
|
|
2066
|
+
--sidebar-nav-item-bg-active: oklch(81.75% 0.1821 159.79);
|
|
2066
2067
|
--sidebar-nav-item-bg-default: transparent;
|
|
2067
2068
|
--sidebar-nav-item-bg-hover: oklch(97.02% 0.0000 0);
|
|
2068
2069
|
--sidebar-nav-item-fg-active: oklch(14.48% 0.0000 0);
|
|
2069
2070
|
--sidebar-nav-item-fg-default: oklch(55.55% 0.0000 0);
|
|
2071
|
+
--sidebar-nav-item-fg-on-active: oklch(18.34% 0.0338 166.67);
|
|
2070
2072
|
--sidebar-nav-item-font-size: 0.875rem;
|
|
2071
2073
|
--sidebar-nav-item-font-weight: 400;
|
|
2072
2074
|
--sidebar-nav-item-gap: 12px;
|
|
@@ -2089,10 +2091,12 @@
|
|
|
2089
2091
|
--sidebar-panel-padding-top: 1.75rem;
|
|
2090
2092
|
--sidebar-panel-width: 13.5rem;
|
|
2091
2093
|
--sidebar-rail-group-gap: 24px;
|
|
2094
|
+
--sidebar-rail-item-bg-active: oklch(81.75% 0.1821 159.79);
|
|
2092
2095
|
--sidebar-rail-item-bg-default: transparent;
|
|
2093
2096
|
--sidebar-rail-item-bg-hover: oklch(97.02% 0.0000 0);
|
|
2094
2097
|
--sidebar-rail-item-fg-active: oklch(14.48% 0.0000 0);
|
|
2095
2098
|
--sidebar-rail-item-fg-default: oklch(55.55% 0.0000 0);
|
|
2099
|
+
--sidebar-rail-item-fg-on-active: oklch(18.34% 0.0338 166.67);
|
|
2096
2100
|
--sidebar-rail-item-gap: 20px;
|
|
2097
2101
|
--sidebar-rail-item-icon-size: 1.25rem;
|
|
2098
2102
|
--sidebar-rail-item-padding: 8px;
|
|
@@ -3591,15 +3595,19 @@
|
|
|
3591
3595
|
--sidebar-input-foreground: oklch(98.51% 0.0000 0);
|
|
3592
3596
|
--sidebar-logo-background: oklch(84.11% 0.1609 163.31);
|
|
3593
3597
|
--sidebar-logo-foreground: oklch(18.34% 0.0338 166.67);
|
|
3598
|
+
--sidebar-nav-item-bg-active: oklch(84.11% 0.1609 163.31);
|
|
3594
3599
|
--sidebar-nav-item-bg-hover: oklch(37.15% 0.0000 0);
|
|
3595
3600
|
--sidebar-nav-item-fg-active: oklch(98.51% 0.0000 0);
|
|
3596
3601
|
--sidebar-nav-item-fg-default: oklch(71.55% 0.0000 0);
|
|
3602
|
+
--sidebar-nav-item-fg-on-active: oklch(18.34% 0.0338 166.67);
|
|
3597
3603
|
--sidebar-panel-background: oklch(14.48% 0.0000 0);
|
|
3598
3604
|
--sidebar-panel-border-color: oklch(37.15% 0.0000 0);
|
|
3599
3605
|
--sidebar-panel-header-color: oklch(98.51% 0.0000 0);
|
|
3606
|
+
--sidebar-rail-item-bg-active: oklch(84.11% 0.1609 163.31);
|
|
3600
3607
|
--sidebar-rail-item-bg-hover: oklch(37.15% 0.0000 0);
|
|
3601
3608
|
--sidebar-rail-item-fg-active: oklch(98.51% 0.0000 0);
|
|
3602
3609
|
--sidebar-rail-item-fg-default: oklch(71.55% 0.0000 0);
|
|
3610
|
+
--sidebar-rail-item-fg-on-active: oklch(18.34% 0.0338 166.67);
|
|
3603
3611
|
--sidebar-ring: oklch(84.11% 0.1609 163.31);
|
|
3604
3612
|
--sidebar-section-title-color: oklch(71.55% 0.0000 0);
|
|
3605
3613
|
--sidebar: oklch(20.46% 0.0000 0);
|
|
@@ -4364,15 +4372,19 @@
|
|
|
4364
4372
|
--sidebar-input-foreground: oklch(14.48% 0.0000 0);
|
|
4365
4373
|
--sidebar-logo-background: oklch(81.75% 0.1821 159.79);
|
|
4366
4374
|
--sidebar-logo-foreground: oklch(18.34% 0.0338 166.67);
|
|
4375
|
+
--sidebar-nav-item-bg-active: oklch(81.75% 0.1821 159.79);
|
|
4367
4376
|
--sidebar-nav-item-bg-hover: oklch(97.02% 0.0000 0);
|
|
4368
4377
|
--sidebar-nav-item-fg-active: oklch(14.48% 0.0000 0);
|
|
4369
4378
|
--sidebar-nav-item-fg-default: oklch(55.55% 0.0000 0);
|
|
4379
|
+
--sidebar-nav-item-fg-on-active: oklch(18.34% 0.0338 166.67);
|
|
4370
4380
|
--sidebar-panel-background: oklch(98.51% 0.0000 0);
|
|
4371
4381
|
--sidebar-panel-border-color: oklch(92.19% 0.0000 0);
|
|
4372
4382
|
--sidebar-panel-header-color: oklch(14.48% 0.0000 0);
|
|
4383
|
+
--sidebar-rail-item-bg-active: oklch(81.75% 0.1821 159.79);
|
|
4373
4384
|
--sidebar-rail-item-bg-hover: oklch(97.02% 0.0000 0);
|
|
4374
4385
|
--sidebar-rail-item-fg-active: oklch(14.48% 0.0000 0);
|
|
4375
4386
|
--sidebar-rail-item-fg-default: oklch(55.55% 0.0000 0);
|
|
4387
|
+
--sidebar-rail-item-fg-on-active: oklch(18.34% 0.0338 166.67);
|
|
4376
4388
|
--sidebar-ring: oklch(81.75% 0.1821 159.79);
|
|
4377
4389
|
--sidebar-section-title-color: oklch(55.55% 0.0000 0);
|
|
4378
4390
|
--sidebar: oklch(98.51% 0.0000 0);
|
package/dist/tokens.js
CHANGED
|
@@ -2336,10 +2336,12 @@ export const tokens = {
|
|
|
2336
2336
|
"sidebar-logo-padding": "4px",
|
|
2337
2337
|
"sidebar-logo-radius": "4px",
|
|
2338
2338
|
"sidebar-logo-size": "2rem",
|
|
2339
|
+
"sidebar-nav-item-bg-active": "oklch(81.75% 0.1821 159.79)",
|
|
2339
2340
|
"sidebar-nav-item-bg-default": "transparent",
|
|
2340
2341
|
"sidebar-nav-item-bg-hover": "oklch(97.02% 0.0000 0)",
|
|
2341
2342
|
"sidebar-nav-item-fg-active": "oklch(14.48% 0.0000 0)",
|
|
2342
2343
|
"sidebar-nav-item-fg-default": "oklch(55.55% 0.0000 0)",
|
|
2344
|
+
"sidebar-nav-item-fg-on-active": "oklch(18.34% 0.0338 166.67)",
|
|
2343
2345
|
"sidebar-nav-item-font-size": "0.875rem",
|
|
2344
2346
|
"sidebar-nav-item-font-weight": "400",
|
|
2345
2347
|
"sidebar-nav-item-gap": "12px",
|
|
@@ -2362,10 +2364,12 @@ export const tokens = {
|
|
|
2362
2364
|
"sidebar-panel-padding-top": "1.75rem",
|
|
2363
2365
|
"sidebar-panel-width": "13.5rem",
|
|
2364
2366
|
"sidebar-rail-group-gap": "24px",
|
|
2367
|
+
"sidebar-rail-item-bg-active": "oklch(81.75% 0.1821 159.79)",
|
|
2365
2368
|
"sidebar-rail-item-bg-default": "transparent",
|
|
2366
2369
|
"sidebar-rail-item-bg-hover": "oklch(97.02% 0.0000 0)",
|
|
2367
2370
|
"sidebar-rail-item-fg-active": "oklch(14.48% 0.0000 0)",
|
|
2368
2371
|
"sidebar-rail-item-fg-default": "oklch(55.55% 0.0000 0)",
|
|
2372
|
+
"sidebar-rail-item-fg-on-active": "oklch(18.34% 0.0338 166.67)",
|
|
2369
2373
|
"sidebar-rail-item-gap": "20px",
|
|
2370
2374
|
"sidebar-rail-item-icon-size": "1.25rem",
|
|
2371
2375
|
"sidebar-rail-item-padding": "8px",
|
package/dist/tokens.meta.json
CHANGED
|
@@ -14146,6 +14146,13 @@
|
|
|
14146
14146
|
"description": "Logo total size = 32px (Figma size-[32px]).",
|
|
14147
14147
|
"value": "2rem"
|
|
14148
14148
|
},
|
|
14149
|
+
{
|
|
14150
|
+
"name": "sidebar-nav-item-bg-active",
|
|
14151
|
+
"cssVar": "--sidebar-nav-item-bg-active",
|
|
14152
|
+
"type": "color",
|
|
14153
|
+
"description": "Bg do item ativo = brand primary mint #19E699 (Figma 2472:322 — nav item single segue o Rail Item Expanded=True; página reformulada 2472:306, decisão 2026-08-09 — supersede o cinza do audit 2026-06-17).",
|
|
14154
|
+
"value": "oklch(81.75% 0.1821 159.79)"
|
|
14155
|
+
},
|
|
14149
14156
|
{
|
|
14150
14157
|
"name": "sidebar-nav-item-bg-default",
|
|
14151
14158
|
"cssVar": "--sidebar-nav-item-bg-default",
|
|
@@ -14174,6 +14181,13 @@
|
|
|
14174
14181
|
"description": "Panel nav-item label color default = muted-foreground #737373 (Figma).",
|
|
14175
14182
|
"value": "oklch(55.55% 0.0000 0)"
|
|
14176
14183
|
},
|
|
14184
|
+
{
|
|
14185
|
+
"name": "sidebar-nav-item-fg-on-active",
|
|
14186
|
+
"cssVar": "--sidebar-nav-item-fg-on-active",
|
|
14187
|
+
"type": "color",
|
|
14188
|
+
"description": "Ícone/label sobre o bg ativo mint = primary-foreground #02170F (Figma 2472:322 — nav item single segue o Rail Item Expanded=True).",
|
|
14189
|
+
"value": "oklch(18.34% 0.0338 166.67)"
|
|
14190
|
+
},
|
|
14177
14191
|
{
|
|
14178
14192
|
"name": "sidebar-nav-item-font-size",
|
|
14179
14193
|
"cssVar": "--sidebar-nav-item-font-size",
|
|
@@ -14314,6 +14328,13 @@
|
|
|
14314
14328
|
"description": "Vertical gap between rail groups (logo block vs nav block) = 24px (Figma gap-[var(--spacing/s-24,24px)]).",
|
|
14315
14329
|
"value": "24px"
|
|
14316
14330
|
},
|
|
14331
|
+
{
|
|
14332
|
+
"name": "sidebar-rail-item-bg-active",
|
|
14333
|
+
"cssVar": "--sidebar-rail-item-bg-active",
|
|
14334
|
+
"type": "color",
|
|
14335
|
+
"description": "Bg do item ativo = brand primary mint #19E699 (Figma 2472:312/2472:322 Rail Item Status=Active; página reformulada 2472:306, decisão 2026-08-09 — supersede o cinza do audit 2026-06-17).",
|
|
14336
|
+
"value": "oklch(81.75% 0.1821 159.79)"
|
|
14337
|
+
},
|
|
14317
14338
|
{
|
|
14318
14339
|
"name": "sidebar-rail-item-bg-default",
|
|
14319
14340
|
"cssVar": "--sidebar-rail-item-bg-default",
|
|
@@ -14342,6 +14363,13 @@
|
|
|
14342
14363
|
"description": "Rail nav-item icon color default = muted-foreground #737373 (Figma 1087:204 status=Default).",
|
|
14343
14364
|
"value": "oklch(55.55% 0.0000 0)"
|
|
14344
14365
|
},
|
|
14366
|
+
{
|
|
14367
|
+
"name": "sidebar-rail-item-fg-on-active",
|
|
14368
|
+
"cssVar": "--sidebar-rail-item-fg-on-active",
|
|
14369
|
+
"type": "color",
|
|
14370
|
+
"description": "Ícone/label sobre o bg ativo mint = primary-foreground #02170F (Figma 2472:312/2472:322 Rail Item Status=Active).",
|
|
14371
|
+
"value": "oklch(18.34% 0.0338 166.67)"
|
|
14372
|
+
},
|
|
14345
14373
|
{
|
|
14346
14374
|
"name": "sidebar-rail-item-gap",
|
|
14347
14375
|
"cssVar": "--sidebar-rail-item-gap",
|