@cueplusplus/ui 0.15.0 → 0.17.0

package/manifest/components/preview.json

@@ -5,7 +5,7 @@
   "importPath": "@cueplusplus/ui",
   "peerDependencies": [],
   "clientOnly": true,
-  "description": "A card for one component: a stage that is its own theme island, a slot for\ntools at the top right, and a footer.\n\n**Two presentations, one stage.** `\"panel\"`, the default and what every\nexisting caller gets, is that card: a border, a fill, a dot grid under the\nspecimen, and the tools floating over the stage's top right. `\"frame\"` is a\ndesign-canvas frame — no card, no border, no fill; the name, the count and\nthe tools sit in a row *above* the stage rather than over it, four crosshairs\nmark the stage's outer corners, and the stage paints nothing by default, so\nwhatever canvas the frame sits on shows through. Everything below holds in\nboth.\n\n**The stage is the island; the chrome is not.** `theme`, `mode`, `density`,\n`font` and `styleSet` land on the stage element only, and the stage\nrepublishes the theme, density and style-set contexts so an overlay opened on\nit follows it. The tools, the footer, the grips and anything they open stay\nin the scope around the Preview — a `terminal` preview's own controls do not\nturn cyan. With none of the five set, the stage carries no attribute and\ncosts what a `<div>` costs. A stage `theme` with no `mode` repeats the page's\nmode beside it.\n\n**`resizable` is handles of its own**, both axes by default: an edge grip per\naxis that is a keyboard-operable `separator` valued in pixels, and a corner\ngrip for the pointer. Double-click resets an axis. The width never outgrows\nthe frame: its bound in force is the frame's own width, observed live, when\nthat is under `maxWidth`. Not `Resizable`, which is split panes on an\noptional peer.\n\nProps, not a compound: one stage and its slots, each saying what it is.",
+  "description": "A card for one component: a stage that is its own theme island, a slot for\ntools at the top right, and a footer.\n\n**Two presentations, one stage.** `\"panel\"`, the default and what every\nexisting caller gets, is that card: a border, a fill, a dot grid under the\nspecimen, and the tools floating over the stage's top right. `\"frame\"` is a\ndesign-canvas frame — no card, no border, no fill; the name, the count and\nthe tools sit in a row *above* the stage rather than over it, four crosshairs\nmark the stage's outer corners, and the stage paints nothing by default, so\nwhatever canvas the frame sits on shows through. Everything below holds in\nboth.\n\n**The stage is the island; the chrome is not.** `theme`, `mode`, `density`,\n`font` and `styleSet` land on the stage element only, and the stage\nrepublishes the theme (pairing included), density and style-set contexts so\nan overlay opened on it follows it. The tools, the footer, the grips and anything they open stay\nin the scope around the Preview — a `terminal` preview's own controls do not\nturn cyan. With none of the five set, the stage carries no attribute and\ncosts what a `<div>` costs. A stage `theme` with no `mode` repeats the page's\nmode beside it, a stage `theme` or `mode` with no `density` the page's rung,\nand a stage `theme`, `mode` or `font` restates the page's\nstyle set and paint pack beside it, so their theme-reading values resolve\nagainst the stage.\n\n**`resizable` is handles of its own**, both axes by default: an edge grip per\naxis that is a keyboard-operable `separator` valued in pixels, and a corner\ngrip for the pointer. Double-click resets an axis. The width never outgrows\nthe frame: its bound in force is the frame's own width, observed live, when\nthat is under `maxWidth`. Not `Resizable`, which is split panes on an\noptional peer.\n\nProps, not a compound: one stage and its slots, each saying what it is.",
   "props": [
     {
       "name": "children",
@@ -72,49 +72,67 @@
     },
     {
       "name": "font",
-      "type": "\"source\" | \"system\" | \"geist\" | \"inter\" | \"plex\" | \"roboto\" | \"apple\" | \"office\"",
+      "type": "\"source\" | \"system\" | \"geist\" | \"geist-mono\" | \"inter\" | \"plex\" | \"roboto\" | \"apple\" | \"office\" | \"inter-source\" | \"dm\" | \"calsans\"",
       "required": false,
       "defaultValue": null,
-      "description": "A font pairing for the stage only, as `data-font`. Portals still follow the root's pairing.",
+      "description": "A font pairing for the stage only, stamped as `data-font` and republished to\nReact, so an overlay opened on the stage wears the stage's pairing rather\nthan the page's, and `useTheme().font` read on the stage reports it. The\nstage also takes `font-sans` when a pairing is named: `data-font` re-declares\nthe family's custom properties, but `font-family` inherits as an already\ncomputed value, so unclassed text on the stage would otherwise keep the\nfamily it resolved above it. Unset, the stage inherits and adds neither.",
       "control": {
         "kind": "enum",
         "members": [
           "source",
           "system",
           "geist",
+          "geist-mono",
           "inter",
           "plex",
           "roboto",
           "apple",
-          "office"
+          "office",
+          "inter-source",
+          "dm",
+          "calsans"
         ]
       }
     },
     {
       "name": "styleSet",
-      "type": "\"console\" | \"editorial\" | \"marketing\"",
+      "type": "\"console\" | \"editorial\" | \"marketing\" | \"graphite\" | \"tender\" | \"zine\" | \"kiln\" | \"porcelain\"",
       "required": false,
       "defaultValue": null,
-      "description": "A style set for the stage only: `console`, `editorial` or `marketing`.\n\nUnset, the stage inherits and **no attribute is emitted at all** — the same\nrule the other four follow here. Unlike `theme`, naming one loads nothing\nand needs nothing: the three sets are emitted by `@cueplusplus/tokens` into\nthe stylesheet every consumer already imports, so a stage is scoped to\n`[data-style=\"<name>\"]` and the block is on the page by construction.\n\nThe set is republished to React as well as stamped, so a popover opened on\nthe stage follows the stage rather than the page — a portal mounts on\n`<body>` and inherits nothing from the stage's DOM.",
+      "description": "A style set for the stage only: `console`, `editorial`, `marketing` or\n`graphite`.\n\nUnset, the stage inherits and **no attribute is emitted at all** — the same\nrule the other four follow here — unless the stage names a `theme`, a `mode`\nor a `font`. Then it restates the set in force around it, because a set's\nblock declares values that read those axes (its seam ink and band rule\nread the theme, its control and display faces read the pairing) and a\ncustom property resolves where it is declared: restated, they resolve\nagainst the stage. Unlike `theme`, naming one loads nothing and needs\nnothing: every set is emitted by `@cueplusplus/tokens` into the stylesheet\nevery consumer already imports, so a stage is scoped to\n`[data-style=\"<name>\"]` and the block is on the page by construction.\n\nThe set is republished to React as well as stamped, so a popover opened on\nthe stage follows the stage rather than the page — a portal mounts on\n`<body>` and inherits nothing from the stage's DOM.",
       "control": {
         "kind": "enum",
         "members": [
           "console",
           "editorial",
-          "marketing"
+          "marketing",
+          "graphite",
+          "tender",
+          "zine",
+          "kiln",
+          "porcelain"
         ]
       }
     },
     {
       "name": "paint",
-      "type": "\"none\"",
+      "type": "\"none\" | \"bevel\" | \"halo\" | \"hatch\" | \"lift\" | \"frost\" | \"grain\" | \"plume\" | \"matte\" | \"glaze\"",
       "required": false,
       "defaultValue": null,
-      "description": "A look pack for the stage: the finish its surfaces wear.\n\nStamped as `data-paint` on the stage element, and republished to React for\nthe same reason `styleSet` is — a popover opened on the stage mounts on\n`<body>` and inherits nothing from the stage's DOM, so it has to be told.\n\nAbsent means inherit. `none` is a value that opts OUT of an ambient pack,\nwhich is what a stage uses to show a component unpainted inside a page that\nis not.",
+      "description": "A paint pack for the stage: the finish its surfaces wear.\n\nStamped as `data-paint` on the stage element, and republished to React for\nthe same reason `styleSet` is — a popover opened on the stage mounts on\n`<body>` and inherits nothing from the stage's DOM, so it has to be told.\n\nAbsent means inherit — and a stage that names a `theme`, a `mode` or a\n`font` restates the pack in force around it, so the pack's strokes and\ninks, which are the theme's colours mixed, resolve against the stage's\ntheme rather than the page's. `none` is a value that opts OUT of an ambient\npack, which is what a stage uses to show a component unpainted inside a\npage that is not.",
       "control": {
         "kind": "enum",
         "members": [
-          "none"
+          "none",
+          "bevel",
+          "halo",
+          "hatch",
+          "lift",
+          "frost",
+          "grain",
+          "plume",
+          "matte",
+          "glaze"
         ]
       }
     },
@@ -227,6 +245,7 @@
     "--cue-fg-muted",
     "--cue-fg-subtle",
     "--cue-font-mono",
+    "--cue-font-sans",
     "--cue-paint-screen",
     "--cue-paint-screen-size",
     "--cue-radius-control",
@@ -236,6 +255,7 @@
     "--cue-space-5",
     "--cue-space-6",
     "--cue-space-8",
+    "--cue-style-stage-marks",
     "--cue-surface-1",
     "--cue-surface-2",
     "--cue-surface-3",

package/manifest/components/progress.json

@@ -83,9 +83,14 @@
     "--cue-font-mono",
     "--cue-space-2",
     "--cue-space-3",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-tracking",
     "--cue-surface-3",
     "--cue-text-label",
-    "--cue-tracking-caps"
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "Determinate work, drawn as a filling rule.",
   "examples": [

package/manifest/components/prompt-library.json

@@ -82,14 +82,16 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-bg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-radius-surface",
+    "--cue-style-focus-width",
     "--cue-surface-1",
     "--cue-text-body",
     "--cue-text-ui"

package/manifest/components/queue-dock.json

@@ -103,11 +103,13 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-radius-control",
     "--cue-radius-overlay",
+    "--cue-style-focus-width",
     "--cue-surface-2",
     "--cue-text-ui"
   ],

package/manifest/components/radio-group.json

@@ -45,12 +45,20 @@
     "--cue-border-strong",
     "--cue-danger",
     "--cue-fg-muted",
+    "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-md",
     "--cue-icon-sm",
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-5",
+    "--cue-style-body-weight",
+    "--cue-style-control-face",
+    "--cue-style-focus-width",
+    "--cue-style-label-ink",
+    "--cue-style-label-weight",
     "--cue-sunken",
     "--cue-text-ui"
   ],

package/manifest/components/radio.json

@@ -56,12 +56,20 @@
     "--cue-border-strong",
     "--cue-danger",
     "--cue-fg-muted",
+    "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-md",
     "--cue-icon-sm",
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-5",
+    "--cue-style-body-weight",
+    "--cue-style-control-face",
+    "--cue-style-focus-width",
+    "--cue-style-label-ink",
+    "--cue-style-label-weight",
     "--cue-sunken",
     "--cue-text-ui"
   ],

package/manifest/components/rating.json

@@ -156,9 +156,12 @@
   "tokensUsed": [
     "--cue-accent",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-icon-md",
     "--cue-icon-sm",
-    "--cue-space-1"
+    "--cue-space-1",
+    "--cue-style-focus-width"
   ],
   "summary": "A 0–N rating, drawn as marks and built as a radio group.",
   "examples": [

package/manifest/components/reasoning-panel.json

@@ -98,12 +98,14 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-leading-ui",
     "--cue-stream",
+    "--cue-style-focus-width",
     "--cue-surface-3",
     "--cue-text-body"
   ],

package/manifest/components/recommendation-card.json

@@ -109,7 +109,7 @@
   "examples": [
     {
       "title": "Usage",
-      "code": "import { RecommendationCard } from \"@cueplusplus/ui/elements\";\n\n<RecommendationCard\n  state=\"idle\"\n  question=\"Enable draft autosave?\"\n  confidenceLabel=\"high confidence\"\n  acceptedLabel=\"Enabled for every thread\"\n  onAccept={() => accept()}\n>\n  Wire{\" \"}\n  <span className=\"bg-surface-2 text-fg-muted rounded-(--radius-control) px-1.5 py-0.5 font-mono text-(length:--cue-text-label)\">\n    runtime.drafts\n  </span>{\" \"}\n  with three lines.\n</RecommendationCard>",
+      "code": "import { RecommendationCard } from \"@cueplusplus/ui/elements\";\n\n<RecommendationCard\n  state=\"idle\"\n  question=\"Enable draft autosave?\"\n  confidenceLabel=\"high confidence\"\n  acceptedLabel=\"Enabled for every thread\"\n  onAccept={() => accept()}\n>\n  Wire{\" \"}\n  <span className=\"bg-surface-2 text-fg-muted rounded-control px-1.5 py-0.5 font-mono text-(length:--cue-text-label)\">\n    runtime.drafts\n  </span>{\" \"}\n  with three lines.\n</RecommendationCard>",
       "language": "tsx"
     }
   ],

package/manifest/components/resizable.json

@@ -61,7 +61,10 @@
     "--cue-accent",
     "--cue-border",
     "--cue-border-strong",
-    "--cue-space-6"
+    "--cue-focus",
+    "--cue-focus-ring",
+    "--cue-space-6",
+    "--cue-style-focus-width"
   ],
   "summary": "Split panes the user can drag, on `react-resizable-panels`.",
   "examples": [

package/manifest/components/revert-dock.json

@@ -157,14 +157,16 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-border",
     "--cue-danger",
     "--cue-danger-fg",
     "--cue-fg",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-radius-control",
     "--cue-radius-overlay",
+    "--cue-style-focus-width",
     "--cue-surface-2",
     "--cue-text-ui",
     "--cue-warn"

package/manifest/components/row.json

@@ -70,15 +70,19 @@
     "interactive": "false"
   },
   "tokensUsed": [
-    "--cue-accent",
     "--cue-bg",
     "--cue-border",
     "--cue-fg",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-pad-row-x",
     "--cue-pad-row-y",
     "--cue-radius-surface",
     "--cue-space-3",
+    "--cue-style-data-face",
+    "--cue-style-focus-width",
+    "--cue-style-seam-color",
     "--cue-surface-2",
     "--cue-text-ui"
   ],

package/manifest/components/scroll-area.json

@@ -82,9 +82,11 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-border-strong",
-    "--cue-space-3"
+    "--cue-focus",
+    "--cue-focus-ring",
+    "--cue-space-3",
+    "--cue-style-focus-width"
   ],
   "summary": "A scrolling region with the system's own scrollbar instead of the platform's.",
   "examples": [

package/manifest/components/scrollable-tabs-list.json

@@ -48,17 +48,36 @@
   "tokensUsed": [
     "--cue-accent",
     "--cue-border",
+    "--cue-border-width",
     "--cue-control-md",
     "--cue-edge-fade",
     "--cue-fg",
     "--cue-fg-muted",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-sm",
+    "--cue-paint-fade-length",
+    "--cue-paint-rest-shade",
+    "--cue-paint-shadow-scale",
     "--cue-radius-control",
+    "--cue-radius-scale",
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-4",
     "--cue-space-5",
+    "--cue-style-control-face",
+    "--cue-style-focus-width",
+    "--cue-style-segment-edge",
+    "--cue-style-segment-ground",
+    "--cue-style-segment-idle-ink",
+    "--cue-style-segment-ink",
+    "--cue-style-segment-inset",
+    "--cue-style-segment-track",
+    "--cue-style-segment-weight",
+    "--cue-style-tab-radius",
+    "--cue-style-tab-rule",
+    "--cue-style-tab-underline",
     "--cue-surface-1",
     "--cue-surface-2",
     "--cue-text-ui"

package/manifest/components/scrub-input.json

@@ -208,7 +208,6 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-border",
     "--cue-border-strong",
     "--cue-control-lg",
@@ -218,14 +217,28 @@
     "--cue-fg",
     "--cue-fg-subtle",
     "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
+    "--cue-paint-rest-shade",
+    "--cue-paint-shadow-scale",
+    "--cue-paint-stroke-angle",
+    "--cue-paint-stroke-from",
+    "--cue-paint-stroke-to",
+    "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
+    "--cue-style-body-weight",
+    "--cue-style-control-step-size",
+    "--cue-style-field-focus-offset",
+    "--cue-style-focus-edge",
+    "--cue-style-focus-width",
+    "--cue-style-input-face",
     "--cue-sunken",
     "--cue-text-body",
+    "--cue-text-emphasis",
     "--cue-text-label",
     "--cue-text-ui"
   ],

package/manifest/components/seam-cell.json

@@ -57,6 +57,7 @@
     "--cue-border",
     "--cue-radius-surface",
     "--cue-space-5",
+    "--cue-style-seam-color",
     "--cue-sunken",
     "--cue-surface-1",
     "--cue-surface-2",

package/manifest/components/seam-grid.json

@@ -50,6 +50,7 @@
     "--cue-border",
     "--cue-radius-surface",
     "--cue-space-5",
+    "--cue-style-seam-color",
     "--cue-sunken",
     "--cue-surface-1",
     "--cue-surface-2",

package/manifest/components/seam-list.json

@@ -15,15 +15,19 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-bg",
     "--cue-border",
     "--cue-fg",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-pad-row-x",
     "--cue-pad-row-y",
     "--cue-radius-surface",
     "--cue-space-3",
+    "--cue-style-data-face",
+    "--cue-style-focus-width",
+    "--cue-style-seam-color",
     "--cue-surface-2",
     "--cue-text-ui"
   ],

package/manifest/components/search-input.json

@@ -145,7 +145,6 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-border",
     "--cue-border-strong",
     "--cue-control-lg",
@@ -155,15 +154,29 @@
     "--cue-fg",
     "--cue-fg-subtle",
     "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-md",
     "--cue-icon-sm",
+    "--cue-paint-rest-shade",
+    "--cue-paint-shadow-scale",
+    "--cue-paint-stroke-angle",
+    "--cue-paint-stroke-from",
+    "--cue-paint-stroke-to",
+    "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
+    "--cue-style-body-weight",
+    "--cue-style-control-step-size",
+    "--cue-style-field-focus-offset",
+    "--cue-style-focus-edge",
+    "--cue-style-focus-width",
+    "--cue-style-input-face",
     "--cue-sunken",
     "--cue-text-body",
+    "--cue-text-emphasis",
     "--cue-text-label",
     "--cue-text-ui"
   ],

package/manifest/components/section-header.json

@@ -100,18 +100,31 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-border",
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-sm",
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-4",
+    "--cue-style-data-face",
+    "--cue-style-focus-width",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
+    "--cue-style-label-weight",
+    "--cue-style-section-rule",
     "--cue-text-label",
-    "--cue-tracking-caps"
+    "--cue-text-micro",
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "A faint label with a rule running off it — the heading for a group of rows.",
   "examples": [

package/manifest/components/segmented-control.json

@@ -130,21 +130,38 @@
     "--cue-accent",
     "--cue-accent-soft",
     "--cue-border",
+    "--cue-border-width",
     "--cue-control-lg",
     "--cue-control-md",
     "--cue-control-sm",
     "--cue-edge-fade",
     "--cue-fg",
     "--cue-fg-muted",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-md",
     "--cue-icon-sm",
+    "--cue-paint-fade-length",
+    "--cue-paint-rest-shade",
+    "--cue-paint-shadow-scale",
     "--cue-radius-control",
+    "--cue-radius-scale",
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
+    "--cue-style-control-face",
+    "--cue-style-focus-width",
+    "--cue-style-segment-edge",
+    "--cue-style-segment-ground",
+    "--cue-style-segment-idle-ink",
+    "--cue-style-segment-ink",
+    "--cue-style-segment-inset",
+    "--cue-style-segment-rim",
+    "--cue-style-segment-track",
+    "--cue-style-segment-weight",
     "--cue-surface-1",
     "--cue-text-body",
     "--cue-text-label",

package/manifest/components/select.json

@@ -197,9 +197,24 @@
     "--cue-fg-muted",
     "--cue-fg-subtle",
     "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-md",
     "--cue-icon-sm",
+    "--cue-paint-rest-shade",
+    "--cue-paint-rim-width",
+    "--cue-paint-shade-far",
+    "--cue-paint-shade-hairline",
+    "--cue-paint-shade-near",
+    "--cue-paint-shadow-scale",
+    "--cue-paint-shadow-spread",
+    "--cue-paint-sheen-ink",
+    "--cue-paint-stroke-angle",
+    "--cue-paint-stroke-from",
+    "--cue-paint-stroke-overlay-from",
+    "--cue-paint-stroke-overlay-to",
+    "--cue-paint-stroke-to",
+    "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-space-1",
@@ -207,9 +222,22 @@
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
+    "--cue-style-body-weight",
+    "--cue-style-control-face",
+    "--cue-style-control-step-size",
+    "--cue-style-field-focus-offset",
+    "--cue-style-focus-edge",
+    "--cue-style-focus-width",
+    "--cue-style-input-face",
+    "--cue-style-menu-highlight",
+    "--cue-style-menu-item-radius",
+    "--cue-style-option-ink",
+    "--cue-style-option-selected-ink",
+    "--cue-style-overlay-ground",
     "--cue-sunken",
     "--cue-surface-2",
     "--cue-text-body",
+    "--cue-text-emphasis",
     "--cue-text-label",
     "--cue-text-ui"
   ],

package/manifest/components/settings-panel.json

@@ -117,9 +117,12 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-radius-surface",
+    "--cue-style-focus-width",
     "--cue-surface-3",
     "--cue-text-body",
     "--cue-text-ui"

package/manifest/components/shape-section.json

@@ -43,6 +43,8 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-font-sans",
     "--cue-leading-ui",
@@ -50,10 +52,16 @@
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-4",
+    "--cue-style-focus-width",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-tracking",
     "--cue-text-label",
     "--cue-text-micro",
     "--cue-text-ui",
-    "--cue-tracking-caps"
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "Section 3 of the configurator — geometry and type, which belong to the density axis rather than the theme.",
   "examples": [