@etus/tokens 0.4.0-beta.2 → 0.4.0-beta.4

package/dist/tokens.meta.json

@@ -1511,6 +1511,153 @@
         "light": "oklch(56.08% 0.1221 160.56)",
         "dark": "oklch(87.18% 0.1296 166.48)"
       },
+      {
+        "name": "report-builder-accent",
+        "cssVar": "--report-builder-accent",
+        "type": "color",
+        "light": "oklch(57.37% 0.1946 257.86)",
+        "dark": "oklch(76.61% 0.1083 259.79)"
+      },
+      {
+        "name": "report-builder-accent-bg",
+        "cssVar": "--report-builder-accent-bg",
+        "type": "color",
+        "light": "oklch(95.32% 0.0207 261.77)",
+        "dark": "oklch(34.67% 0.0731 256.69)"
+      },
+      {
+        "name": "report-builder-accent-bg-subtle",
+        "cssVar": "--report-builder-accent-bg-subtle",
+        "type": "color",
+        "light": "oklch(97.14% 0.0108 256.69)",
+        "dark": "oklch(33.49% 0.0383 251.89)"
+      },
+      {
+        "name": "report-builder-accent-border",
+        "cssVar": "--report-builder-accent-border",
+        "type": "color",
+        "light": "oklch(91.09% 0.0388 257.92)",
+        "dark": "oklch(46.92% 0.0851 258.47)"
+      },
+      {
+        "name": "report-builder-accent-bright",
+        "cssVar": "--report-builder-accent-bright",
+        "type": "color",
+        "light": "oklch(63.04% 0.1800 259.96)",
+        "dark": "oklch(76.61% 0.1083 259.79)"
+      },
+      {
+        "name": "report-builder-accent-hover",
+        "cssVar": "--report-builder-accent-hover",
+        "type": "color",
+        "light": "oklch(53.18% 0.1807 258.26)",
+        "dark": "oklch(83.69% 0.0733 259.99)"
+      },
+      {
+        "name": "report-builder-border",
+        "cssVar": "--report-builder-border",
+        "type": "color",
+        "light": "oklch(89.41% 0.0059 264.53)",
+        "dark": "oklch(49.79% 0.0094 253.91)"
+      },
+      {
+        "name": "report-builder-border-strong",
+        "cssVar": "--report-builder-border-strong",
+        "type": "color",
+        "light": "oklch(90.67% 0.0000 0)",
+        "dark": "oklch(36.88% 0.0074 240.02)"
+      },
+      {
+        "name": "report-builder-fg",
+        "cssVar": "--report-builder-fg",
+        "type": "color",
+        "light": "oklch(24.79% 0.0058 271.18)",
+        "dark": "oklch(93.64% 0.0046 258.33)"
+      },
+      {
+        "name": "report-builder-fg-muted",
+        "cssVar": "--report-builder-fg-muted",
+        "type": "color",
+        "light": "oklch(49.79% 0.0094 253.91)",
+        "dark": "oklch(70.28% 0.0111 247.99)"
+      },
+      {
+        "name": "report-builder-fg-secondary",
+        "cssVar": "--report-builder-fg-secondary",
+        "type": "color",
+        "light": "oklch(36.88% 0.0074 240.02)",
+        "dark": "oklch(80.93% 0.0083 253.87)"
+      },
+      {
+        "name": "report-builder-fg-strong",
+        "cssVar": "--report-builder-fg-strong",
+        "type": "color",
+        "light": "rgba(0, 0, 0, 0.87)",
+        "dark": "rgba(232, 234, 237, 0.87)"
+      },
+      {
+        "name": "report-builder-fg-subtle",
+        "cssVar": "--report-builder-fg-subtle",
+        "type": "color",
+        "light": "oklch(56.24% 0.0000 0)",
+        "dark": "oklch(70.28% 0.0111 247.99)"
+      },
+      {
+        "name": "report-builder-on-accent",
+        "cssVar": "--report-builder-on-accent",
+        "type": "color",
+        "light": "oklch(100.00% 0.0000 0)",
+        "dark": "oklch(24.79% 0.0058 271.18)"
+      },
+      {
+        "name": "report-builder-positive",
+        "cssVar": "--report-builder-positive",
+        "type": "color",
+        "light": "oklch(64.75% 0.1603 148.50)",
+        "dark": "oklch(77.44% 0.1039 152.19)"
+      },
+      {
+        "name": "report-builder-shadow",
+        "cssVar": "--report-builder-shadow",
+        "type": "color",
+        "light": "rgba(60, 64, 67, 0.3)",
+        "dark": "rgba(0, 0, 0, 0.5)"
+      },
+      {
+        "name": "report-builder-shadow-subtle",
+        "cssVar": "--report-builder-shadow-subtle",
+        "type": "color",
+        "light": "rgba(60, 64, 67, 0.15)",
+        "dark": "rgba(0, 0, 0, 0.3)"
+      },
+      {
+        "name": "report-builder-surface",
+        "cssVar": "--report-builder-surface",
+        "type": "color",
+        "light": "oklch(100.00% 0.0000 0)",
+        "dark": "oklch(24.79% 0.0058 271.18)"
+      },
+      {
+        "name": "report-builder-surface-hover",
+        "cssVar": "--report-builder-surface-hover",
+        "type": "color",
+        "light": "oklch(96.29% 0.0025 228.78)",
+        "dark": "oklch(33.34% 0.0071 274.76)"
+      },
+      {
+        "name": "report-builder-surface-muted",
+        "cssVar": "--report-builder-surface-muted",
+        "type": "color",
+        "light": "oklch(97.02% 0.0000 0)",
+        "dark": "oklch(28.52% 0.0056 271.22)"
+      },
+      {
+        "name": "report-builder-surface-subtle",
+        "cssVar": "--report-builder-surface-subtle",
+        "type": "color",
+        "light": "oklch(98.16% 0.0017 247.84)",
+        "dark": "oklch(28.52% 0.0056 271.22)"
+      },
       {
         "name": "ring",
         "cssVar": "--ring",
@@ -1613,7 +1760,7 @@
         "type": "color",
         "description": "Sidebar divider (neutral-200)",
         "light": "oklch(92.19% 0.0000 0)",
-        "dark": "oklch(26.86% 0.0000 0)"
+        "dark": "oklch(37.15% 0.0000 0)"
       },
       {
         "name": "sidebar-foreground",
@@ -3904,7 +4051,8 @@
         "name": "accordion-root-gap",
         "cssVar": "--accordion-root-gap",
         "type": "dimension",
-        "value": "8px"
+        "description": "Accordion root gap between items = 16px (spacing.4) per DES-1239 — was 8px (spacing.2).",
+        "value": "16px"
       },
       {
         "name": "accordion-trigger-gap",
@@ -6283,6 +6431,193 @@
         "type": "dimension",
         "value": "8px"
       },
+      {
+        "name": "chart-card-bg",
+        "cssVar": "--chart-card-bg",
+        "type": "color",
+        "description": "ChartCard container background — Figma core/background/card (#fafafa), flat sem shadow (node 1727-20403, DES-1253).",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-border",
+        "cssVar": "--chart-card-border",
+        "type": "color",
+        "description": "ChartCard border — Figma container default é flat (sem borda); consumido só pela variante code-only `outlined` (core/border/border #e5e5e5).",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-chart-height",
+        "cssVar": "--chart-card-chart-height",
+        "type": "dimension",
+        "description": "ChartCard default chart-wrapper height (128px / h-32). Container do slot — o chart é injetado pelo consumer (chart-agnostic, DES-1253).",
+        "value": "8rem"
+      },
+      {
+        "name": "chart-card-empty-state-caption-color",
+        "cssVar": "--chart-card-empty-state-caption-color",
+        "type": "color",
+        "description": "ChartCard Empty State caption color — Figma core/background/muted-foreground (#737373).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-empty-state-caption-line-height",
+        "cssVar": "--chart-card-empty-state-caption-line-height",
+        "type": "dimension",
+        "description": "ChartCard Empty State caption line-height — Figma Paragraph/P2 (24px).",
+        "value": "24px"
+      },
+      {
+        "name": "chart-card-empty-state-caption-size",
+        "cssVar": "--chart-card-empty-state-caption-size",
+        "type": "dimension",
+        "description": "ChartCard Empty State caption font-size — Figma Paragraph/P2 (16px).",
+        "value": "16px"
+      },
+      {
+        "name": "chart-card-empty-state-icon-radius",
+        "cssVar": "--chart-card-empty-state-icon-radius",
+        "type": "dimension",
+        "description": "ChartCard Empty State featured-icon (BarChartBig) square radius — Figma radius/lg (12px).",
+        "value": "12px"
+      },
+      {
+        "name": "chart-card-empty-state-title-color",
+        "cssVar": "--chart-card-empty-state-title-color",
+        "type": "color",
+        "description": "ChartCard Empty State title color — Figma core/background/popover-foreground (#171717).",
+        "value": "oklch(20.46% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-empty-state-title-line-height",
+        "cssVar": "--chart-card-empty-state-title-line-height",
+        "type": "dimension",
+        "description": "ChartCard Empty State title line-height — Figma Heading/H3 (32px).",
+        "value": "32px"
+      },
+      {
+        "name": "chart-card-empty-state-title-size",
+        "cssVar": "--chart-card-empty-state-title-size",
+        "type": "dimension",
+        "description": "ChartCard Empty State title font-size — Figma Heading/H3 (24px).",
+        "value": "24px"
+      },
+      {
+        "name": "chart-card-empty-state-title-weight",
+        "cssVar": "--chart-card-empty-state-title-weight",
+        "description": "ChartCard Empty State title weight — Figma Heading/H3 Bold (700).",
+        "value": "700"
+      },
+      {
+        "name": "chart-card-featured-icon-bg",
+        "cssVar": "--chart-card-featured-icon-bg",
+        "type": "color",
+        "description": "ChartCard Title Row Featured Icon pill bg — Figma core/background/muted (#f5f5f5). Slot mantido; ícone é representativo (DES-1253).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-fg",
+        "cssVar": "--chart-card-fg",
+        "type": "color",
+        "description": "ChartCard default text foreground (Figma).",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-footer-caption-color",
+        "cssVar": "--chart-card-footer-caption-color",
+        "type": "color",
+        "description": "ChartCard Card Footer caption — Figma core/background/muted-foreground (#737373).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-footer-trend-color",
+        "cssVar": "--chart-card-footer-trend-color",
+        "type": "color",
+        "description": "ChartCard Card Footer trend text — Figma core/background/card-foreground (#0a0a0a).",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-gap",
+        "cssVar": "--chart-card-gap",
+        "type": "dimension",
+        "description": "ChartCard gap entre rows (Title Row / Chart / Footer) — Figma spacing/s-24 (24px).",
+        "value": "24px"
+      },
+      {
+        "name": "chart-card-padding-bottom",
+        "cssVar": "--chart-card-padding-bottom",
+        "type": "dimension",
+        "description": "ChartCard padding-bottom — Figma spacing/s-24 (24px), assimétrico.",
+        "value": "24px"
+      },
+      {
+        "name": "chart-card-padding-top",
+        "cssVar": "--chart-card-padding-top",
+        "type": "dimension",
+        "description": "ChartCard padding-top — Figma spacing/s-20 (20px), assimétrico.",
+        "value": "20px"
+      },
+      {
+        "name": "chart-card-padding-x",
+        "cssVar": "--chart-card-padding-x",
+        "type": "dimension",
+        "description": "ChartCard padding horizontal — Figma spacing/s-24 (24px).",
+        "value": "24px"
+      },
+      {
+        "name": "chart-card-previous-color",
+        "cssVar": "--chart-card-previous-color",
+        "type": "color",
+        "description": "ChartCard previous-value / caption foreground — Figma core/background/muted-foreground (#737373).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-radius",
+        "cssVar": "--chart-card-radius",
+        "type": "dimension",
+        "description": "ChartCard container radius — Figma radius/xl (16px). Pre-fix usava Tailwind rounded-lg (8px).",
+        "value": "16px"
+      },
+      {
+        "name": "chart-card-title-color",
+        "cssVar": "--chart-card-title-color",
+        "type": "color",
+        "description": "ChartCard title color — Figma core/background/surface-foreground (#262626).",
+        "value": "oklch(20.46% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-title-line-height",
+        "cssVar": "--chart-card-title-line-height",
+        "type": "dimension",
+        "description": "ChartCard title line-height — Figma Heading/H5 (24px).",
+        "value": "24px"
+      },
+      {
+        "name": "chart-card-title-size",
+        "cssVar": "--chart-card-title-size",
+        "type": "dimension",
+        "description": "ChartCard title font-size — Figma Heading/H5 (18px). Pre-fix usava text-sm (14px) per DES-1253.",
+        "value": "18px"
+      },
+      {
+        "name": "chart-card-title-weight",
+        "cssVar": "--chart-card-title-weight",
+        "description": "ChartCard title weight — Figma Heading/H5 SemiBold (600). Pre-fix usava font-bold (700).",
+        "value": "600"
+      },
+      {
+        "name": "chart-card-value-color",
+        "cssVar": "--chart-card-value-color",
+        "type": "color",
+        "description": "ChartCard KPI value foreground (Figma).",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-value-size",
+        "cssVar": "--chart-card-value-size",
+        "type": "dimension",
+        "description": "ChartCard KPI value size (default) — Figma 20px (text-xl).",
+        "value": "20px"
+      },
       {
         "name": "chart-indicator-dot-size",
         "cssVar": "--chart-indicator-dot-size",
@@ -7793,7 +8128,8 @@
         "name": "date-picker-preset-min-width",
         "cssVar": "--date-picker-preset-min-width",
         "type": "dimension",
-        "value": "140px"
+        "description": "Preset list min-width = 168px per DES-1263 — was 140px (consumed by DateRangePicker presets).",
+        "value": "168px"
       },
       {
         "name": "date-picker-trigger-border-default",
@@ -7927,7 +8263,8 @@
         "name": "date-picker-trigger-text-sm",
         "cssVar": "--date-picker-trigger-text-sm",
         "type": "dimension",
-        "value": "12px"
+        "description": "Trigger sm font-size = 14px (text/sm) per DES-1261 — dropped the 12px override (too small, sub-14px); now matches the md trigger text and is shared by DateRangePicker.",
+        "value": "14px"
       },
       {
         "name": "date-range-picker-calendar-gap",
@@ -9599,6 +9936,20 @@
         "type": "dimension",
         "value": "14px"
       },
+      {
+        "name": "header-content-height",
+        "cssVar": "--header-content-height",
+        "type": "dimension",
+        "description": "HeaderNav/HeaderActions content row height (Figma h-9 = 36px). Drives a composed header to 76px. DES-1271.",
+        "value": "36px"
+      },
+      {
+        "name": "header-height",
+        "cssVar": "--header-height",
+        "type": "dimension",
+        "description": "Min height for a logo-only header (Figma 'Logo Left'/'Logo Centered' = 64px). Grows to 76px when HeaderNav/HeaderActions are present (content row 36px + padding-y 2×20px). DES-1271.",
+        "value": "64px"
+      },
       {
         "name": "header-root-bg",
         "cssVar": "--header-root-bg",
@@ -9615,13 +9966,15 @@
         "name": "header-root-padding-x",
         "cssVar": "--header-root-padding-x",
         "type": "dimension",
-        "value": "16px"
+        "description": "Horizontal padding — Figma spacing/s-32 (32px). DES-1271.",
+        "value": "32px"
       },
       {
         "name": "header-root-padding-y",
         "cssVar": "--header-root-padding-y",
         "type": "dimension",
-        "value": "12px"
+        "description": "Vertical padding — Figma spacing/s-20 (20px). DES-1271.",
+        "value": "20px"
       },
       {
         "name": "header-size-lg-height",
@@ -9808,6 +10161,55 @@
         "description": "IftaLabel input wrapper top padding (24px to accommodate floating label).",
         "value": "24px"
       },
+      {
+        "name": "image-gallery-empty-border-color",
+        "cssVar": "--image-gallery-empty-border-color",
+        "type": "color",
+        "description": "Empty-state dashed border color — maps the code's border-muted.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "image-gallery-empty-radius",
+        "cssVar": "--image-gallery-empty-radius",
+        "type": "dimension",
+        "description": "Empty-state container border radius — maps the code's rounded-lg.",
+        "value": "12px"
+      },
+      {
+        "name": "image-gallery-item-radius",
+        "cssVar": "--image-gallery-item-radius",
+        "type": "dimension",
+        "description": "Border radius of each gallery image/item — maps the code's rounded-md (DES-1275). Gaps são code-only por decisão do Gabriel (config via Tailwind, não tokenizados).",
+        "value": "8px"
+      },
+      {
+        "name": "image-gallery-loading-background",
+        "cssVar": "--image-gallery-loading-background",
+        "type": "color",
+        "description": "Skeleton placeholder background no loading state — maps the code's bg-muted.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "image-gallery-selection-opacity",
+        "cssVar": "--image-gallery-selection-opacity",
+        "type": "number",
+        "description": "Opacity aplicada aos itens NÃO-selecionados em selection mode (Figma Type=Selected esmaece os não-selecionados).",
+        "value": "0.5"
+      },
+      {
+        "name": "image-gallery-selection-ring-color",
+        "cssVar": "--image-gallery-selection-ring-color",
+        "type": "color",
+        "description": "Selected item border/ring color — Figma core/border/ring (#19e699, brand-primary-500) per DES-1275.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "image-gallery-selection-ring-width",
+        "cssVar": "--image-gallery-selection-ring-width",
+        "type": "dimension",
+        "description": "Selected item border/ring width — Figma Type=Selected usa 2px solid.",
+        "value": "2px"
+      },
       {
         "name": "image-rounded-circle",
         "cssVar": "--image-rounded-circle",
@@ -11212,6 +11614,69 @@
         "type": "dimension",
         "value": "8px"
       },
+      {
+        "name": "modal-icon-pill-color-default-bg",
+        "cssVar": "--modal-icon-pill-color-default-bg",
+        "type": "color",
+        "description": "Neutral icon-pill bg (core/background/muted #f5f5f5).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "modal-icon-pill-color-default-fg",
+        "cssVar": "--modal-icon-pill-color-default-fg",
+        "type": "color",
+        "description": "Neutral icon-pill glyph (muted-foreground).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "modal-icon-pill-color-destructive-bg",
+        "cssVar": "--modal-icon-pill-color-destructive-bg",
+        "type": "color",
+        "description": "Destructive intent pill bg (status/destructive/subtle #fef2f2). Reusa tokens STATUS.",
+        "value": "oklch(97.05% 0.0129 17.38)"
+      },
+      {
+        "name": "modal-icon-pill-color-destructive-fg",
+        "cssVar": "--modal-icon-pill-color-destructive-fg",
+        "type": "color",
+        "description": "Destructive intent pill glyph (status/destructive/subtle-foreground #b91c1c).",
+        "value": "oklch(50.54% 0.1905 27.52)"
+      },
+      {
+        "name": "modal-icon-pill-color-warning-bg",
+        "cssVar": "--modal-icon-pill-color-warning-bg",
+        "type": "color",
+        "description": "Warning intent pill bg (status/warning/subtle #fefce8). Reusa tokens STATUS — sem --modal-type-* (DES-1285).",
+        "value": "oklch(98.73% 0.0262 102.21)"
+      },
+      {
+        "name": "modal-icon-pill-color-warning-fg",
+        "cssVar": "--modal-icon-pill-color-warning-fg",
+        "type": "color",
+        "description": "Warning intent pill glyph (status/warning/subtle-foreground #a16207).",
+        "value": "oklch(55.38% 0.1207 66.44)"
+      },
+      {
+        "name": "modal-icon-pill-icon-size",
+        "cssVar": "--modal-icon-pill-icon-size",
+        "type": "dimension",
+        "description": "Modal icon-pill glyph size — 16px para os intent pills (Warning/Destructive TriangleAlert).",
+        "value": "16px"
+      },
+      {
+        "name": "modal-icon-pill-padding",
+        "cssVar": "--modal-icon-pill-padding",
+        "type": "dimension",
+        "description": "Modal icon-pill inner padding 8px (spacing/2) — Figma Modal set 1425:10036, node 1522-12503 (DES-1285).",
+        "value": "8px"
+      },
+      {
+        "name": "modal-icon-pill-radius",
+        "cssVar": "--modal-icon-pill-radius",
+        "type": "dimension",
+        "description": "Modal icon-pill fully-rounded shape (radius/pill 999px) per Figma.",
+        "value": "999px"
+      },
       {
         "name": "modal-overlay-bg",
         "cssVar": "--modal-overlay-bg",
@@ -11727,9 +12192,10 @@
         "value": "oklch(86.06% 0.1731 91.94)"
       },
       {
-        "name": "notification-dot-left",
-        "cssVar": "--notification-dot-left",
+        "name": "notification-dot-gap",
+        "cssVar": "--notification-dot-gap",
         "type": "dimension",
+        "description": "Inline gap between the unread dot and the title per DES-1289 — Figma renders the dot inline in the title (spacing/1-5 = 6px), replacing the former absolute top/left offsets.",
         "value": "6px"
       },
       {
@@ -11738,12 +12204,6 @@
         "type": "dimension",
         "value": "8px"
       },
-      {
-        "name": "notification-dot-top",
-        "cssVar": "--notification-dot-top",
-        "type": "dimension",
-        "value": "16px"
-      },
       {
         "name": "notification-root-gap",
         "cssVar": "--notification-root-gap",
@@ -11815,7 +12275,9 @@
       {
         "name": "panel-root-shadow",
         "cssVar": "--panel-root-shadow",
-        "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
+        "type": "shadow",
+        "description": "Panel elevation consolidated onto the canonical shadow-md token per DES-1291 — was a bespoke dual-layer drop-shadow. The Panel refactor (Onda 3) should consume var(--shadow-md) directly for dark-mode awareness.",
+        "value": "0 4px 8px 0 rgb(0 0 0 / 0.10), 0 2px 4px 0 rgb(0 0 0 / 0.06)"
       },
       {
         "name": "panel-size-lg",
@@ -16159,8 +16621,8 @@
         "name": "topbar-root-background",
         "cssVar": "--topbar-root-background",
         "type": "color",
-        "description": "Topbar surface background — mirrors Figma --core/background/surface (#fafafa) via the local muted alias.",
-        "value": "oklch(97.02% 0.0000 0)"
+        "description": "Topbar surface background — aliases surface (neutral-50, #fafafa), mirroring Figma core/background/surface and matching the Sidebar chrome.",
+        "value": "oklch(98.51% 0.0000 0)"
       },
       {
         "name": "topbar-root-border-color",