npm - @aceshooting/lyra-ui - Versions diffs - 7.5.0 → 7.7.0 - Mend

@aceshooting/lyra-ui 7.5.0 → 7.7.0

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.

Files changed (1078) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@aceshooting/lyra-ui",
-  "version": "7.5.0",
+  "version": "7.7.0",
   "description": "Free, independent Lit web components: an open-source alternative to Shoelace and Web Awesome with accessible forms, dashboards, charts, and agent UI.",
   "keywords": [
     "web-components",
@@ -654,7 +654,7 @@
     "maplibre-gl": ">=5 <7",
     "marked": "^18.0.7",
     "papaparse": "^5.5.4",
-    "pdfjs-dist": "^6.1.200",
+    "pdfjs-dist": "^6.2.108",
     "postal-mime": "^2.7.5",
     "qrcode": "^1.5.4",
     "shiki": "^4.3.1",
@@ -777,9 +777,9 @@
     "mammoth": "^1.12.0",
     "maplibre-gl": "^6.0.0",
     "marked": "^18.0.7",
-    "oxc-parser": "^0.141.0",
+    "oxc-parser": "^0.142.0",
     "papaparse": "^5.5.4",
-    "pdfjs-dist": "^6.1.200",
+    "pdfjs-dist": "^6.2.108",
     "pixelmatch": "^7.2.0",
     "playwright": "^1.62.0",
     "pngjs": "^7.0.0",
@@ -802,9 +802,14 @@
     "check:script-paths": "node scripts/check-script-paths.mjs",
     "check:form-associated": "node scripts/check-form-associated.mjs",
     "check:event-barrel": "node scripts/check-event-barrel.mjs",
+    "check:event-contracts": "node scripts/check-event-contracts.mjs",
+    "test:event-contracts": "node scripts/check-event-contracts.test.mjs",
     "check:cycles": "node scripts/check-import-cycles.mjs",
     "check:hit-area": "node scripts/check-hit-area.mjs",
+    "test:hit-area": "node scripts/check-hit-area.test.mjs",
     "check:numeric-guards": "node scripts/check-numeric-guards.mjs",
+    "check:default-strings": "node scripts/check-default-strings.mjs",
+    "test:default-strings": "node scripts/check-default-strings.test.mjs",
     "test:tooling": "node scripts/component-families.test.mjs && node scripts/maplibre-peer-range.test.mjs && node scripts/migrate-wa.test.mjs && node scripts/visual-regression-compare.test.mjs",
     "test:types": "tsc --noEmit -p tsconfig.type-tests.json",
     "style-policy": "node scripts/check-style-policy.mjs",
@@ -827,7 +832,7 @@
     "llms-freshness": "node scripts/check-llms-freshness.mjs",
     "migrate-wa": "node scripts/migrate-wa.mjs",
     "test:migrate-wa": "node scripts/migrate-wa.test.mjs",
-    "contract-policy": "pnpm run check:script-paths && pnpm run style-policy && pnpm run check:source-policy && pnpm run check:part-reachability && pnpm run test:part-reachability && pnpm run provenance-policy && pnpm run contract-checklist && node scripts/check-component-coverage.mjs && pnpm run manifest:check && pnpm run manifest:coverage && pnpm run llms-freshness && pnpm run llms:check && pnpm run test:architecture && pnpm run check-side-effects && pnpm run check:form-associated && pnpm run check:event-barrel && pnpm run check:cycles && pnpm run check:hit-area && pnpm run check:numeric-guards && pnpm run test:tooling && pnpm run check:llms-root-barrel && pnpm run test:llms-root-barrel && pnpm run test:llms-gaps",
+    "contract-policy": "pnpm run check:script-paths && pnpm run style-policy && pnpm run check:source-policy && pnpm run check:part-reachability && pnpm run test:part-reachability && pnpm run provenance-policy && pnpm run contract-checklist && node scripts/check-component-coverage.mjs && pnpm run manifest:check && pnpm run manifest:coverage && pnpm run llms-freshness && pnpm run llms:check && pnpm run test:architecture && pnpm run check-side-effects && pnpm run check:form-associated && pnpm run check:event-barrel && pnpm run check:event-contracts && pnpm run test:event-contracts && pnpm run check:cycles && pnpm run check:hit-area && pnpm run test:hit-area && pnpm run check:numeric-guards && pnpm run check:default-strings && pnpm run test:default-strings && pnpm run test:tooling && pnpm run check:llms-root-barrel && pnpm run test:llms-root-barrel && pnpm run test:llms-gaps",
     "lint": "pnpm run contract-policy && tsc --noEmit -p tsconfig.json && pnpm run test:types"
   }
 }

package/vscode-css-data.json CHANGED Viewed

@@ -169,6 +169,55 @@
         "value": "**`<lr-approval-queue>`** (default: `var(--lr-color-brand)`) — Selected request border."
       }
     },
+    {
+      "name": "--lr-archive-viewer-highlight-accent-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-archive-viewer>`** — Accent highlight background."
+      }
+    },
+    {
+      "name": "--lr-archive-viewer-highlight-active-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-archive-viewer>`** — Active highlight background."
+      }
+    },
+    {
+      "name": "--lr-archive-viewer-highlight-active-outline",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-archive-viewer>`** — Active fallback-highlight outline."
+      }
+    },
+    {
+      "name": "--lr-archive-viewer-highlight-danger-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-archive-viewer>`** — Danger highlight background."
+      }
+    },
+    {
+      "name": "--lr-archive-viewer-highlight-neutral-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-archive-viewer>`** — Neutral highlight background."
+      }
+    },
+    {
+      "name": "--lr-archive-viewer-highlight-success-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-archive-viewer>`** — Success highlight background."
+      }
+    },
+    {
+      "name": "--lr-archive-viewer-highlight-warning-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-archive-viewer>`** — Warning highlight background."
+      }
+    },
     {
       "name": "--lr-artifact-panel-view-active-bg",
       "description": {
@@ -789,7 +838,7 @@
       "name": "--lr-chart-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-size-280px)`) — The host's `block-size`. Set on the host element from the `height` property on every change (custom properties only cascade downward, so it cannot be set from inside the shadow root); a host-level override is overwritten the next time `height` changes."
+        "value": "**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-size-280px)`) — The plot region's `block-size` and the host's minimum block size. A visible data table or wrapping DOM legend grows the host in normal flow instead of overlapping following content. Set on the host from `height`."
       }
     },
     {
@@ -1359,6 +1408,27 @@
         "value": "**`<lr-compare-panel>`** (default: `var(--lr-size-24rem)`) — Cap on how tall each pane's scroll region grows before it scrolls internally."
       }
     },
+    {
+      "name": "--lr-compare-panel-selected-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-compare-panel>`** (default: `var(--lr-color-brand-quiet)`) — Selected vote button background."
+      }
+    },
+    {
+      "name": "--lr-compare-panel-selected-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-compare-panel>`** (default: `var(--lr-color-brand)`) — Selected vote button border color."
+      }
+    },
+    {
+      "name": "--lr-compare-panel-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-compare-panel>`** (default: `var(--lr-color-brand)`) — Selected vote button text color."
+      }
+    },
     {
       "name": "--lr-confirm-bar-approved-color",
       "description": {
@@ -1520,6 +1590,13 @@
         "value": "**`<lr-dashboard-grid>`** (default: `var(--lr-space-m)`) — Gap between cells on both axes. Written inline on `[part=\"base\"]` from the `gap` property (in px) on every render."
       }
     },
+    {
+      "name": "--lr-dashboard-grid-interaction-shadow",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-dashboard-grid>`** (default: `var(--lr-shadow)`) — Box shadow applied to a cell for the duration of its pointer drag or resize interaction."
+      }
+    },
     {
       "name": "--lr-dashboard-grid-row-height",
       "description": {
@@ -2199,6 +2276,48 @@
         "value": "**`<lr-flow-minimap>`** (default: `var(--lr-size-12rem)`) — Map inline size."
       }
     },
+    {
+      "name": "--lr-flow-minimap-node-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-minimap>`** (default: `var(--lr-color-border-strong)`) — Fill of nodes without an execution status."
+      }
+    },
+    {
+      "name": "--lr-flow-minimap-node-denied-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-minimap>`** (default: `var(--lr-color-warning)`) — Denied-node fill."
+      }
+    },
+    {
+      "name": "--lr-flow-minimap-node-error-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-minimap>`** (default: `var(--lr-color-danger)`) — Failed-node fill."
+      }
+    },
+    {
+      "name": "--lr-flow-minimap-node-pending-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-minimap>`** (default: `var(--lr-color-border-strong)`) — Pending-node fill."
+      }
+    },
+    {
+      "name": "--lr-flow-minimap-node-running-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-minimap>`** (default: `var(--lr-color-brand)`) — Running-node fill."
+      }
+    },
+    {
+      "name": "--lr-flow-minimap-node-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-minimap>`** (default: `var(--lr-color-success)`) — Successful-node fill."
+      }
+    },
     {
       "name": "--lr-flow-node-compact-gap",
       "description": {
@@ -2241,6 +2360,90 @@
         "value": "**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Border color of the card while `selected`. Overriding the selection color otherwise requires hijacking the library-wide `--lr-color-brand` token."
       }
     },
+    {
+      "name": "--lr-flow-node-status-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-color-border-strong)`) — Status-dot color when no execution status is set."
+      }
+    },
+    {
+      "name": "--lr-flow-node-status-denied-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-color-warning)`) — Denied status-dot color."
+      }
+    },
+    {
+      "name": "--lr-flow-node-status-error-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-color-danger)`) — Error status-dot color."
+      }
+    },
+    {
+      "name": "--lr-flow-node-status-pending-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-color-border-strong)`) — Pending status-dot color."
+      }
+    },
+    {
+      "name": "--lr-flow-node-status-running-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Running status-dot color."
+      }
+    },
+    {
+      "name": "--lr-flow-node-status-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-node>`** (default: `var(--lr-color-success)`) — Success status-dot color."
+      }
+    },
+    {
+      "name": "--lr-flow-run-overlay-status-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-run-overlay>`** (default: `var(--lr-color-border-strong)`) — Count-dot color when no execution status is set."
+      }
+    },
+    {
+      "name": "--lr-flow-run-overlay-status-denied-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-run-overlay>`** (default: `var(--lr-color-warning)`) — Denied count-dot color."
+      }
+    },
+    {
+      "name": "--lr-flow-run-overlay-status-error-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-run-overlay>`** (default: `var(--lr-color-danger)`) — Error count-dot color."
+      }
+    },
+    {
+      "name": "--lr-flow-run-overlay-status-pending-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-run-overlay>`** (default: `var(--lr-color-border-strong)`) — Pending count-dot color."
+      }
+    },
+    {
+      "name": "--lr-flow-run-overlay-status-running-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-run-overlay>`** (default: `var(--lr-color-brand)`) — Running count-dot color."
+      }
+    },
+    {
+      "name": "--lr-flow-run-overlay-status-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-flow-run-overlay>`** (default: `var(--lr-color-success)`) — Success count-dot color."
+      }
+    },
     {
       "name": "--lr-gauge-fill",
       "description": {
@@ -2297,6 +2500,13 @@
         "value": "**`<lr-graph-legend>`** (default: `var(--lr-color-text-quiet)`) — Text color for a filtered-out (hidden) legend row's label/count, independent of the shared quiet-text token."
       }
     },
+    {
+      "name": "--lr-graph-legend-hidden-swatch-opacity",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-graph-legend>`** (default: `0.5`) — Opacity of a filtered-out row's decorative swatch."
+      }
+    },
     {
       "name": "--lr-graph-selected-color",
       "description": {
@@ -2717,6 +2927,13 @@
         "value": "**`<lr-json-viewer>`** (default: `var(--lr-color-brand)`) — Number value color."
       }
     },
+    {
+      "name": "--lr-json-viewer-row-hover-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-json-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Hover background for a structural row."
+      }
+    },
     {
       "name": "--lr-json-viewer-string-color",
       "description": {
@@ -3463,7 +3680,7 @@
       "name": "--lr-rating-empty-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-rating>`** (default: `var(--lr-color-border)`) — Unfilled-star color."
+        "value": "**`<lr-rating>`** (default: `var(--lr-color-border)`) — Unfilled-star color, retained during hover preview."
       }
     },
     {
@@ -3893,6 +4110,20 @@
         "value": "**`<lr-source-picker>`** (default: `color-mix(in srgb, var(--lr-color-brand) 50%, var(--lr-color-surface))`) — Background of a partially-selected entry's `[part=\"checkbox\"]`."
       }
     },
+    {
+      "name": "--lr-span-waterfall-denied-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-span-waterfall>`** (default: `var(--lr-color-warning)`) — Denied bar fill."
+      }
+    },
+    {
+      "name": "--lr-span-waterfall-error-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-span-waterfall>`** (default: `var(--lr-color-danger)`) — Error bar fill."
+      }
+    },
     {
       "name": "--lr-span-waterfall-name-width",
       "description": {
@@ -3900,6 +4131,13 @@
         "value": "**`<lr-span-waterfall>`** (default: `8rem`) — Width of the name gutter column."
       }
     },
+    {
+      "name": "--lr-span-waterfall-pending-border-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-span-waterfall>`** (default: `var(--lr-color-border-strong)`) — Pending bar border."
+      }
+    },
     {
       "name": "--lr-span-waterfall-row-active-bg",
       "description": {
@@ -3907,6 +4145,20 @@
         "value": "**`<lr-span-waterfall>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."
       }
     },
+    {
+      "name": "--lr-span-waterfall-running-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-span-waterfall>`** (default: `var(--lr-color-brand)`) — Running stripe foreground."
+      }
+    },
+    {
+      "name": "--lr-span-waterfall-running-stripe-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-span-waterfall>`** (default: `var(--lr-color-brand-quiet)`) — Running stripe background."
+      }
+    },
     {
       "name": "--lr-span-waterfall-stripe-speed",
       "description": {
@@ -3914,6 +4166,13 @@
         "value": "**`<lr-span-waterfall>`** — Animation duration for a `running` span's striped bar; defaults to `--lr-transition-ambient`."
       }
     },
+    {
+      "name": "--lr-span-waterfall-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-span-waterfall>`** (default: `var(--lr-color-success)`) — Success bar fill."
+      }
+    },
     {
       "name": "--lr-sparkline-area-opacity",
       "description": {
@@ -3977,6 +4236,20 @@
         "value": "**`<lr-stack-trace>`** (default: `var(--lr-font-mono)`) — Font family for the parsed frames and the verbatim raw fallback."
       }
     },
+    {
+      "name": "--lr-stack-trace-interactive-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stack-trace>`** (default: `var(--lr-color-brand)`) — Interactive frame/toggle accent."
+      }
+    },
+    {
+      "name": "--lr-stack-trace-internal-frame-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stack-trace>`** (default: `var(--lr-color-text-quiet)`) — Internal frame foreground."
+      }
+    },
     {
       "name": "--lr-stack-trace-max-height",
       "description": {
@@ -4012,6 +4285,27 @@
         "value": "**`<lr-stat>`** (default: `var(--lr-color-success)`) — Text color of the trend pill when its polarity is \"good\". Independent of the headline value's `variant=\"success\"` tint, which reads the shared `--lr-color-success` token directly."
       }
     },
+    {
+      "name": "--lr-stat-value-danger-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stat>`** (default: `var(--lr-color-danger)`) — Headline value color for the `danger` variant."
+      }
+    },
+    {
+      "name": "--lr-stat-value-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stat>`** (default: `var(--lr-color-success)`) — Headline value color for the `success` variant."
+      }
+    },
+    {
+      "name": "--lr-stat-value-warning-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-stat>`** (default: `var(--lr-color-warning)`) — Headline value color for the `warning` variant."
+      }
+    },
     {
       "name": "--lr-stepper-current-color",
       "description": {
@@ -4362,6 +4656,27 @@
         "value": "**`<lr-task-list>`** (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."
       }
     },
+    {
+      "name": "--lr-task-list-error-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-task-list>`** (default: `var(--lr-color-danger)`) — Error status icon color."
+      }
+    },
+    {
+      "name": "--lr-task-list-pending-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-task-list>`** (default: `var(--lr-color-text-quiet)`) — Pending status icon color."
+      }
+    },
+    {
+      "name": "--lr-task-list-running-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-task-list>`** (default: `var(--lr-color-brand)`) — Running status icon color."
+      }
+    },
     {
       "name": "--lr-task-list-spin",
       "description": {
@@ -4369,6 +4684,13 @@
         "value": "**`<lr-task-list>`** (default: `var(--lr-transition-ambient)`) — Running-status icon spin animation duration/timing."
       }
     },
+    {
+      "name": "--lr-task-list-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-task-list>`** (default: `var(--lr-color-success)`) — Success status icon color."
+      }
+    },
     {
       "name": "--lr-terminal-height",
       "description": {
@@ -4425,6 +4747,13 @@
         "value": "**`<lr-terminal>`** (default: `var(--lr-color-warning)`) — Outline color for a line containing a non-active search match."
       }
     },
+    {
+      "name": "--lr-test-results-failed-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-test-results>`** (default: `var(--lr-color-danger)`) — Failed-state foreground."
+      }
+    },
     {
       "name": "--lr-test-results-filter-active-bg",
       "description": {
@@ -4446,6 +4775,27 @@
         "value": "**`<lr-test-results>`** (default: `var(--lr-color-brand)`) — Text color of a pressed (active) status filter toggle. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(filter-toggle)[aria-pressed]` is invalid CSS."
       }
     },
+    {
+      "name": "--lr-test-results-passed-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-test-results>`** (default: `var(--lr-color-success)`) — Passed-state foreground."
+      }
+    },
+    {
+      "name": "--lr-test-results-running-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-test-results>`** (default: `var(--lr-color-brand)`) — Running-state foreground."
+      }
+    },
+    {
+      "name": "--lr-test-results-skipped-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-test-results>`** (default: `var(--lr-color-text-quiet)`) — Skipped-state foreground."
+      }
+    },
     {
       "name": "--lr-textarea-max-block-size",
       "description": {
@@ -4460,6 +4810,13 @@
         "value": "**`<lr-thinking-panel>`** (default: `var(--lr-size-16rem)`) — Cap on how tall the expanded reasoning transcript grows before `[part=\"body\"]` scrolls internally."
       }
     },
+    {
+      "name": "--lr-thinking-panel-pending-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-thinking-panel>`** (default: `var(--lr-color-brand)`) — Live pending-state color."
+      }
+    },
     {
       "name": "--lr-thread-list-excerpt-highlight-background",
       "description": {
@@ -5160,6 +5517,76 @@
         "value": "**`<lr-chat-message>`** (default: `1.8s ease-in-out`) — Streaming-indicator animation duration and timing function.\n\n**`<lr-skeleton>`** (default: `1.8s ease-in-out`) — Animation duration and timing function shared by the pulse and sheen effects.\n\n**`<lr-tool-call-chip>`** (default: `1.8s ease-in-out`) — Pending-icon pulse duration and timing."
       }
     },
+    {
+      "name": "--lr-tree-badge-brand-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tree-node>`** (default: `var(--lr-color-brand-quiet)`) — Brand badge background."
+      }
+    },
+    {
+      "name": "--lr-tree-badge-brand-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tree-node>`** (default: `var(--lr-color-brand)`) — Brand badge text color."
+      }
+    },
+    {
+      "name": "--lr-tree-badge-danger-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tree-node>`** (default: `var(--lr-color-danger-quiet)`) — Danger badge background."
+      }
+    },
+    {
+      "name": "--lr-tree-badge-danger-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tree-node>`** (default: `var(--lr-color-danger)`) — Danger badge text color."
+      }
+    },
+    {
+      "name": "--lr-tree-badge-neutral-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tree-node>`** (default: `var(--lr-color-surface)`) — Neutral badge background."
+      }
+    },
+    {
+      "name": "--lr-tree-badge-neutral-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tree-node>`** (default: `var(--lr-color-text-quiet)`) — Neutral badge text color."
+      }
+    },
+    {
+      "name": "--lr-tree-badge-success-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tree-node>`** (default: `var(--lr-color-success-quiet)`) — Success badge background."
+      }
+    },
+    {
+      "name": "--lr-tree-badge-success-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tree-node>`** (default: `var(--lr-color-success)`) — Success badge text color."
+      }
+    },
+    {
+      "name": "--lr-tree-badge-warning-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tree-node>`** (default: `var(--lr-color-warning-quiet)`) — Warning badge background."
+      }
+    },
+    {
+      "name": "--lr-tree-badge-warning-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-tree-node>`** (default: `var(--lr-color-warning)`) — Warning badge text color."
+      }
+    },
     {
       "name": "--lr-tree-depth",
       "description": {