@cueplusplus/ui 0.15.0 → 0.16.0

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/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",

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",

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",

package/manifest/components/theme-provider.json

@@ -96,14 +96,20 @@
     },
     {
       "name": "paint",
-      "type": "\"none\"",
+      "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"
+          "none",
+          "bevel",
+          "halo",
+          "hatch",
+          "lift",
+          "frost",
+          "grain"
         ]
       }
     },
@@ -162,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-field.json

@@ -55,6 +55,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-3",

package/manifest/components/toast.json

@@ -81,6 +81,17 @@
     "--cue-info",
     "--cue-leading-ui",
     "--cue-ok",
+    "--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",

package/manifest/components/toggle-group.json

@@ -85,25 +85,7 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-border",
-    "--cue-border-strong",
-    "--cue-control-lg",
-    "--cue-control-md",
-    "--cue-control-sm",
-    "--cue-danger",
-    "--cue-fg",
-    "--cue-fg-subtle",
-    "--cue-focus",
-    "--cue-font-mono",
-    "--cue-radius-control",
-    "--cue-space-1",
-    "--cue-space-3",
-    "--cue-space-4",
-    "--cue-space-5",
-    "--cue-sunken",
-    "--cue-text-body",
-    "--cue-text-label",
-    "--cue-text-ui"
+    "--cue-space-1"
   ],
   "summary": "A cluster of toggles sharing one pressed state — and it may be empty.",
   "examples": [

package/manifest/components/toggle.json

@@ -88,16 +88,11 @@
   "tokensUsed": [
     "--cue-accent",
     "--cue-accent-soft",
-    "--cue-border",
-    "--cue-border-strong",
     "--cue-control-lg",
     "--cue-control-md",
     "--cue-control-sm",
-    "--cue-danger",
     "--cue-fg",
     "--cue-fg-muted",
-    "--cue-fg-subtle",
-    "--cue-focus",
     "--cue-font-mono",
     "--cue-icon-md",
     "--cue-icon-sm",
@@ -105,7 +100,6 @@
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
-    "--cue-sunken",
     "--cue-surface-2",
     "--cue-text-body",
     "--cue-text-label",

package/manifest/components/toolbar.json

@@ -155,6 +155,7 @@
     "--cue-icon-md",
     "--cue-icon-sm",
     "--cue-pad-row-x",
+    "--cue-paint-fade-length",
     "--cue-radius-control",
     "--cue-space-1",
     "--cue-space-2",

package/manifest/components/tooltip.json

@@ -148,6 +148,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",