@cueplusplus/ui 0.14.1 → 0.16.0

package/manifest/components/input.json

@@ -71,6 +71,10 @@
     "--cue-fg-subtle",
     "--cue-focus",
     "--cue-font-mono",
+    "--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",

package/manifest/components/ledger.json

@@ -259,7 +259,8 @@
     "--cue-space-2",
     "--cue-space-3",
     "--cue-text-label",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "Grouped dense rows under sticky tier headings and gutter slugs, with an opt-in disclosure that folds a heading without leaving the outline.",
   "examples": [

package/manifest/components/log-viewer.json

@@ -133,6 +133,13 @@
     "--cue-info",
     "--cue-ok",
     "--cue-pad-row-x",
+    "--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-radius-control",
     "--cue-radius-surface",
     "--cue-space-2",

package/manifest/components/menubar.json

@@ -144,6 +144,17 @@
     "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-leading-ui",
+    "--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-to",
+    "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",
@@ -154,7 +165,8 @@
     "--cue-surface-2",
     "--cue-text-emphasis",
     "--cue-text-label",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "The desktop-application menu bar: a row of words, each dropping a menu.",
   "examples": [

package/manifest/components/message-list.json

@@ -85,6 +85,13 @@
     "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-icon-sm",
+    "--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-radius-control",
     "--cue-space-2",
     "--cue-space-4",

package/manifest/components/message.json

@@ -119,7 +119,8 @@
     "--cue-space-4",
     "--cue-surface-1",
     "--cue-text-body",
-    "--cue-text-micro"
+    "--cue-text-micro",
+    "--cue-tracking-caps"
   ],
   "summary": "One turn in a conversation.",
   "examples": [

package/manifest/components/multi-select.json

@@ -212,6 +212,17 @@
     "--cue-font-mono",
     "--cue-icon-sm",
     "--cue-leading-ui",
+    "--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-to",
+    "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",
@@ -225,7 +236,8 @@
     "--cue-text-body",
     "--cue-text-emphasis",
     "--cue-text-label",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "Several values out of a known set, each shown as a removable chip inside the field.",
   "examples": [

package/manifest/components/musical-time-input.json

@@ -102,6 +102,10 @@
     "--cue-fg-subtle",
     "--cue-focus",
     "--cue-font-mono",
+    "--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",

package/manifest/components/navigation-menu.json

@@ -229,6 +229,17 @@
     "--cue-font-mono",
     "--cue-icon-sm",
     "--cue-leading-ui",
+    "--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-to",
+    "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",
@@ -239,7 +250,8 @@
     "--cue-surface-3",
     "--cue-text-emphasis",
     "--cue-text-label",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "The marketing-shaped navigation header: a strip of words, each opening a panel of destinations.",
   "examples": [

package/manifest/components/number-field.json

@@ -92,6 +92,10 @@
     "--cue-fg-subtle",
     "--cue-focus",
     "--cue-font-mono",
+    "--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",

package/manifest/components/otp-field.json

@@ -123,6 +123,10 @@
     "--cue-fg-subtle",
     "--cue-focus",
     "--cue-font-mono",
+    "--cue-paint-stroke-angle",
+    "--cue-paint-stroke-from",
+    "--cue-paint-stroke-to",
+    "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-space-1",
     "--cue-space-2",

package/manifest/components/panel-header.json

@@ -54,6 +54,8 @@
     "--cue-font-mono",
     "--cue-pad-row-x",
     "--cue-pad-row-y",
+    "--cue-paint-rim-ink",
+    "--cue-paint-rim-width",
     "--cue-radius-surface",
     "--cue-space-2",
     "--cue-space-3",

package/manifest/components/panel.json

@@ -20,6 +20,8 @@
     "--cue-font-mono",
     "--cue-pad-row-x",
     "--cue-pad-row-y",
+    "--cue-paint-rim-ink",
+    "--cue-paint-rim-width",
     "--cue-radius-surface",
     "--cue-space-2",
     "--cue-space-3",

package/manifest/components/password-input.json

@@ -134,6 +134,10 @@
     "--cue-focus",
     "--cue-font-mono",
     "--cue-icon-md",
+    "--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",

package/manifest/components/popover.json

@@ -179,6 +179,17 @@
     "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-leading-ui",
+    "--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-to",
+    "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",
@@ -189,7 +200,8 @@
     "--cue-surface-2",
     "--cue-text-emphasis",
     "--cue-text-label",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "A panel anchored to the control that opened it.",
   "examples": [

package/manifest/components/preset-section.json

@@ -62,7 +62,8 @@
     "--cue-space-4",
     "--cue-text-label",
     "--cue-text-micro",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "Section 1 of the configurator — the four choices that are not token edits at all.",
   "examples": [

package/manifest/components/preview.json

@@ -105,6 +105,25 @@
         ]
       }
     },
+    {
+      "name": "paint",
+      "type": "\"none\" | \"bevel\" | \"halo\" | \"hatch\" | \"lift\" | \"frost\" | \"grain\"",
+      "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.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "none",
+          "bevel",
+          "halo",
+          "hatch",
+          "lift",
+          "frost",
+          "grain"
+        ]
+      }
+    },
     {
       "name": "resizable",
       "type": "boolean | PreviewResizeOptions",
@@ -214,7 +233,8 @@
     "--cue-fg-muted",
     "--cue-fg-subtle",
     "--cue-font-mono",
-    "--cue-hair-strong",
+    "--cue-paint-screen",
+    "--cue-paint-screen-size",
     "--cue-radius-control",
     "--cue-radius-surface",
     "--cue-space-2",

package/manifest/components/progress.json

@@ -84,7 +84,8 @@
     "--cue-space-2",
     "--cue-space-3",
     "--cue-surface-3",
-    "--cue-text-label"
+    "--cue-text-label",
+    "--cue-tracking-caps"
   ],
   "summary": "Determinate work, drawn as a filling rule.",
   "examples": [

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

@@ -54,6 +54,7 @@
     "--cue-fg-muted",
     "--cue-font-mono",
     "--cue-icon-sm",
+    "--cue-paint-fade-length",
     "--cue-radius-control",
     "--cue-space-1",
     "--cue-space-2",

package/manifest/components/scrub-input.json

@@ -219,6 +219,10 @@
     "--cue-fg-subtle",
     "--cue-focus",
     "--cue-font-mono",
+    "--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",

package/manifest/components/search-input.json

@@ -158,6 +158,10 @@
     "--cue-font-mono",
     "--cue-icon-md",
     "--cue-icon-sm",
+    "--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",

package/manifest/components/section-header.json

@@ -110,7 +110,8 @@
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-4",
-    "--cue-text-label"
+    "--cue-text-label",
+    "--cue-tracking-caps"
   ],
   "summary": "A faint label with a rule running off it — the heading for a group of rows.",
   "examples": [

package/manifest/components/segmented-control.json

@@ -139,6 +139,7 @@
     "--cue-font-mono",
     "--cue-icon-md",
     "--cue-icon-sm",
+    "--cue-paint-fade-length",
     "--cue-radius-control",
     "--cue-space-1",
     "--cue-space-2",

package/manifest/components/select.json

@@ -200,6 +200,17 @@
     "--cue-font-mono",
     "--cue-icon-md",
     "--cue-icon-sm",
+    "--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-to",
+    "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-space-1",

package/manifest/components/shape-section.json

@@ -52,7 +52,8 @@
     "--cue-space-4",
     "--cue-text-label",
     "--cue-text-micro",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "Section 3 of the configurator — geometry and type, which belong to the density axis rather than the theme.",
   "examples": [

package/manifest/components/sheet.json

@@ -169,6 +169,17 @@
     "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-leading-ui",
+    "--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-to",
+    "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",
@@ -180,7 +191,8 @@
     "--cue-surface-2",
     "--cue-text-emphasis",
     "--cue-text-label",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "A modal panel that slides in from an edge: an inspector, a filter drawer, a details pane.",
   "examples": [

package/manifest/components/sidebar.json

@@ -215,7 +215,8 @@
     "--cue-surface-1",
     "--cue-surface-2",
     "--cue-text-label",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "The console's navigation column: sections of items, its own scroller, and a rail that collapses it to icons.",
   "examples": [

package/manifest/components/slider.json

@@ -76,7 +76,8 @@
     "--cue-font-mono",
     "--cue-space-2",
     "--cue-space-3",
-    "--cue-text-label"
+    "--cue-text-label",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "A continuous value control: one thumb, or several for a range.",
   "examples": [

package/manifest/components/stat.json

@@ -81,6 +81,7 @@
     "--cue-text-label",
     "--cue-text-micro",
     "--cue-text-title",
+    "--cue-tracking-caps",
     "--cue-warn"
   ],
   "summary": "One number, named: the console's KPI tile.",

package/manifest/components/stepper.json

@@ -77,7 +77,8 @@
     "--cue-radius-control",
     "--cue-space-2",
     "--cue-space-3",
-    "--cue-text-label"
+    "--cue-text-label",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "The step trail: `1 target · 2 preview · 3 apply`, as one line of mono text.",
   "examples": [

package/manifest/components/table-scroll-region.json

@@ -42,7 +42,8 @@
     "--cue-surface-1",
     "--cue-table-group-top",
     "--cue-text-label",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "A named keyboard-focusable horizontal viewport for wide semantic tables.",
   "examples": [],

package/manifest/components/table.json

@@ -235,7 +235,8 @@
     "--cue-surface-1",
     "--cue-table-group-top",
     "--cue-text-label",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "The semantic table: mono uppercase headers, hairline rows, tabular numerals.",
   "examples": [

package/manifest/components/tabs.json

@@ -107,6 +107,7 @@
     "--cue-fg-muted",
     "--cue-font-mono",
     "--cue-icon-sm",
+    "--cue-paint-fade-length",
     "--cue-radius-control",
     "--cue-space-1",
     "--cue-space-2",

package/manifest/components/tags-input.json

@@ -212,6 +212,17 @@
     "--cue-font-mono",
     "--cue-icon-sm",
     "--cue-leading-ui",
+    "--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-to",
+    "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",
@@ -225,7 +236,8 @@
     "--cue-text-body",
     "--cue-text-emphasis",
     "--cue-text-label",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "Free-form tags, each a removable chip. Enter or a separator key commits what is in the box.",
   "examples": [

package/manifest/components/terminal-frame.json

@@ -116,6 +116,7 @@
     "--cue-sunken",
     "--cue-text-label",
     "--cue-text-ui",
+    "--cue-tracking-caps",
     "--cue-warn"
   ],
   "summary": "A recessed terminal: mono, `$`-prefixed commands, optional typed playback.",

package/manifest/components/textarea.json

@@ -67,6 +67,10 @@
     "--cue-focus",
     "--cue-font-mono",
     "--cue-leading-ui",
+    "--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",

package/manifest/components/theme-configurator.json

@@ -129,6 +129,17 @@
     "--cue-font-sans",
     "--cue-icon-sm",
     "--cue-leading-ui",
+    "--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-to",
+    "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",
@@ -140,7 +151,8 @@
     "--cue-surface-2",
     "--cue-text-emphasis",
     "--cue-text-label",
-    "--cue-text-ui"
+    "--cue-text-ui",
+    "--cue-tracking-caps"
   ],
   "summary": "The floating panel that edits the design system it is drawn with.",
   "examples": [

package/manifest/components/theme-provider.json

@@ -94,6 +94,25 @@
         ]
       }
     },
+    {
+      "name": "paint",
+      "type": "\"none\" | \"bevel\" | \"halo\" | \"hatch\" | \"lift\" | \"frost\" | \"grain\"",
+      "required": false,
+      "defaultValue": null,
+      "description": "A look pack for this subtree. Opt-in: a provider that names none stamps no\n`data-paint`, and a nested one inherits the pack stamped around it.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "none",
+          "bevel",
+          "halo",
+          "hatch",
+          "lift",
+          "frost",
+          "grain"
+        ]
+      }
+    },
     {
       "name": "fontScale",
       "type": "number",
@@ -149,7 +168,7 @@
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "The Content-Security-Policy nonce for every `<style>` element this tree\nrenders — this library's and Base UI's.\n\nWhen `overrides.densities` is set this provider emits one `<style>`\nelement (see {@link ThemeProviderProps.overrides}). Under a policy of\n`style-src-elem 'self' 'nonce-<per-request>'` the browser refuses that\nelement on every page load, because an element React renders on the client\ncannot pick up a server nonce by itself. Pass the request's nonce here and\nit is set on the element.\n\nIt also reaches **Base UI**. Given a nonce, this provider renders\n`@base-ui/react`'s own `CSPProvider` around the tree, so the hoisted\n`<style>` that `ScrollAreaRoot` and `SelectPopup` emit carries it too.\nWithout that, a strict policy refuses it by content hash on every page\nrendering a Select, a Popover or a ScrollArea — and a consumer has no way\nto guess the remedy lives in a peer dependency's provider. An outer\n`CSPProvider` a consumer renders itself is left alone: no nonce here means\nno provider here, rather than one that overwrites theirs with `undefined`.\n\n`prepaintScript()` returns a *string* the application renders in a\n`<script>` of its own — so the application already controls that element's\nnonce, and between it and this prop a strict policy needs nothing else\nfrom here.\n\n**Pass this OR render your own `CSPProvider` — not both.** Base UI's\ncontext carries a second value beside the nonce, `disableStyleElements`,\nand its provider is the only public way to set either: the package exports\n`CSPProvider` and no hook, so a provider rendered here *replaces* an outer\none rather than extending it. Given a nonce this provider therefore sets\n`disableStyleElements` back to its default, and a consumer who had turned\nit on outside loses it silently — Base UI resumes emitting the very style\nelement they suppressed. An application already rendering its own\n`CSPProvider` needs nothing from this prop: leave it unset and the outer\ncontext survives untouched, which is the case\n`base-ui-nonce-outer-provider.test.tsx` pins.\n\n**A nonce cannot rescue a style ATTRIBUTE**, and this provider always sets\none on its root: `color-scheme` and `--cue-font-scale`, plus the font\nfamilies and overrides where they are given. CSP has no nonce form for\n`style-src-attr` — it is `'unsafe-inline'` or `'none'` — so an application\nserving `style-src-attr 'none'` loses those declarations, silently. That is\na policy decision rather than something this prop can change.",
+      "description": "The Content-Security-Policy nonce this provider hands on: to its own\ndensity-layer `<style>`, and — through Base UI's `CSPProvider` — to Base\nUI's scrollbar `<style>` and to the pre-hydration `<script>` a\n`<Slider thumbAlignment=\"edge\">` renders. List it in `script-src`, and in\nwhichever directive governs style elements: `style-src-elem` if the policy\nhas one, otherwise `style-src`. It does not reach `ThemeConfigurator`'s\n`<style>` or the application's pre-paint `<script>`.\n\nThe density layer — one `<style data-cue-overrides>` when\n`overrides.densities` yields a valid declaration (see\n{@link ThemeProviderProps.overrides}) — takes its nonce **from this prop\nalone**: not from an outer `CSPProvider`, and not from an outer\n`ThemeProvider`. A nested provider that sets its own `overrides.densities`\nneeds its own `nonce`.\n\nBase UI's scrollbar rule gets the nonce wherever React creates it in the\nbrowser. **It does not get it in server-rendered HTML** under a framework\nthat hands React a script-only nonce, which includes Next.js 16: React's\nserver renderer (19.2, and the canary Next.js 16 bundles) writes a\n`precedence` style's nonce only from its render option `nonce: { style }`.\nAllow that rule by hash, or turn on Base\nUI's `disableStyleElements` and ship the rule yourself;\n`docs/CONSUMING.md` §4.5 has both, with the hash.\n\n`prepaintScript()` returns a *string* the application renders in a\n`<script>` of its own, so put the same nonce on that element yourself.\n\n**An outer `CSPProvider` that sets `disableStyleElements` is switched off\ninside this provider once a nonce is given.** Base UI's `CSPProvider`\nbuilds its context from its own props alone, so the one rendered here\n*replaces* an outer one rather than extending it. Either leave this prop\nunset — only when no `overrides.densities` needs it and, wherever a\n`<Slider thumbAlignment=\"edge\">` renders, the outer provider carries the\nnonce — or render\n`<CSPProvider nonce={nonce} disableStyleElements>` again inside this\nprovider's children (with the nonce, or Base UI's pre-hydration script\nthere loses it), and again inside any nested provider given a nonce. An\napplication already rendering its own `CSPProvider` can leave this prop\nunset: Base UI's pre-hydration script takes the outer nonce, and so does\nits scrollbar rule wherever React creates it in the browser — the case\n`base-ui-nonce-outer-provider.test.tsx` pins — but the density layer then\nhas none.\n\n**A nonce cannot rescue a style ATTRIBUTE.** This provider's root always\ncarries one — `color-scheme` and `--cue-font-scale`, plus `fontFamilies`,\n`overrides.colors`, `overrides.fonts` and `style` where given — and many\ncomponents, and Base UI's form roots, render their own. A policy whose\n`style-src` (or, without one, `default-src`) does not allow all inline\nstyle — a nonce or a hash in it, or no `'unsafe-inline'` — therefore needs\nan explicit `style-src-attr 'unsafe-inline'`: a nonce or hash in the\ngoverning list makes the browser ignore `'unsafe-inline'`. The browser\nreports a refused attribute as a CSP violation; this library adds no\nwarning of its own.",
       "control": {
         "kind": "string"
       }

package/manifest/components/time-boundary.json

@@ -38,7 +38,8 @@
   "tokensUsed": [
     "--cue-accent",
     "--cue-border",
-    "--cue-fg-subtle"
+    "--cue-fg-subtle",
+    "--cue-tracking-caps"
   ],
   "summary": "The rule that says the day changed: a label centred between two hairlines.",
   "examples": [