@cueplusplus/ui 0.18.2 → 0.20.0

package/manifest/tokens.json

@@ -1,8 +1,20 @@
 {
   "schemaVersion": 2,
   "library": "@cueplusplus/tokens",
-  "version": "0.18.2",
+  "version": "0.20.0",
   "themes": [
+    {
+      "name": "command",
+      "package": "@cueplusplus/theme-command",
+      "supportsLight": true,
+      "densities": [
+        "ultra-compact",
+        "compact",
+        "normal",
+        "large",
+        "ultra-large"
+      ]
+    },
     {
       "name": "cue",
       "package": "@cueplusplus/theme-cue",
@@ -63,6 +75,18 @@
         "ultra-large"
       ]
     },
+    {
+      "name": "ledger",
+      "package": "@cueplusplus/theme-ledger",
+      "supportsLight": true,
+      "densities": [
+        "ultra-compact",
+        "compact",
+        "normal",
+        "large",
+        "ultra-large"
+      ]
+    },
     {
       "name": "luma",
       "package": "@cueplusplus/theme-luma",
@@ -75,6 +99,18 @@
         "ultra-large"
       ]
     },
+    {
+      "name": "monolith",
+      "package": "@cueplusplus/theme-monolith",
+      "supportsLight": true,
+      "densities": [
+        "ultra-compact",
+        "compact",
+        "normal",
+        "large",
+        "ultra-large"
+      ]
+    },
     {
       "name": "porcelain",
       "package": "@cueplusplus/theme-porcelain",
@@ -87,6 +123,18 @@
         "ultra-large"
       ]
     },
+    {
+      "name": "prism",
+      "package": "@cueplusplus/theme-prism",
+      "supportsLight": true,
+      "densities": [
+        "ultra-compact",
+        "compact",
+        "normal",
+        "large",
+        "ultra-large"
+      ]
+    },
     {
       "name": "quotamate",
       "package": "@cueplusplus/theme-quotamate",
@@ -203,7 +251,9 @@
     "office",
     "inter-source",
     "dm",
-    "calsans"
+    "calsans",
+    "fraunces-mono",
+    "jetbrains-mono"
   ],
   "modes": [
     "dark",
@@ -307,6 +357,7 @@
     "--cue-style-appbar-inset",
     "--cue-style-avatar-edge",
     "--cue-style-avatar-radius",
+    "--cue-style-band-ground-image",
     "--cue-style-band-title-leading",
     "--cue-style-band-title-size",
     "--cue-style-band-title-weight",
@@ -362,10 +413,13 @@
     "--cue-style-collapse-size",
     "--cue-style-collapse-weight",
     "--cue-style-control-case",
+    "--cue-style-control-cut",
+    "--cue-style-control-cut-clip",
     "--cue-style-control-face",
     "--cue-style-control-gap",
     "--cue-style-control-label-leading",
     "--cue-style-control-pad",
+    "--cue-style-control-radius",
     "--cue-style-control-step-size",
     "--cue-style-control-tracking",
     "--cue-style-control-trim",
@@ -391,6 +445,7 @@
     "--cue-style-disclosure-ink",
     "--cue-style-disclosure-weight",
     "--cue-style-display",
+    "--cue-style-display-case",
     "--cue-style-display-face",
     "--cue-style-display-variation",
     "--cue-style-display-weight",
@@ -410,14 +465,19 @@
     "--cue-style-field-gap",
     "--cue-style-field-hover-edge",
     "--cue-style-field-pad",
+    "--cue-style-field-radius",
     "--cue-style-focus-edge",
     "--cue-style-focus-offset",
     "--cue-style-focus-width",
     "--cue-style-footer-rule",
     "--cue-style-footer-rule-style",
+    "--cue-style-frame-lines",
+    "--cue-style-frame-lines-content",
     "--cue-style-glyph-ink",
     "--cue-style-glyph-opacity",
     "--cue-style-glyph-size",
+    "--cue-style-grid-lines",
+    "--cue-style-grid-lines-content",
     "--cue-style-group-gap",
     "--cue-style-group-label-ink",
     "--cue-style-group-label-pad",
@@ -432,6 +492,14 @@
     "--cue-style-help-ink",
     "--cue-style-help-leading",
     "--cue-style-help-size",
+    "--cue-style-hero-align",
+    "--cue-style-hero-columns",
+    "--cue-style-hero-media-order",
+    "--cue-style-hero-title-clip-2",
+    "--cue-style-hero-title-fill-2",
+    "--cue-style-hero-title-ink-2",
+    "--cue-style-hero-title-size",
+    "--cue-style-hero-title-text-2",
     "--cue-style-hover-card-width",
     "--cue-style-hover-ink",
     "--cue-style-inline-link-ink",
@@ -444,6 +512,7 @@
     "--cue-style-kbd-pad",
     "--cue-style-kbd-radius",
     "--cue-style-kbd-size",
+    "--cue-style-keyword-fill",
     "--cue-style-label-case",
     "--cue-style-label-face",
     "--cue-style-label-ink",
@@ -466,7 +535,13 @@
     "--cue-style-menu-min-width",
     "--cue-style-menu-separator-inset",
     "--cue-style-meter-radius",
+    "--cue-style-motif-gloss",
+    "--cue-style-motif-halftone",
+    "--cue-style-motif-particles",
+    "--cue-style-motif-ribbon",
+    "--cue-style-motif-shown",
     "--cue-style-nav-active-ground",
+    "--cue-style-nav-align",
     "--cue-style-nav-caret-ink",
     "--cue-style-nav-case",
     "--cue-style-nav-face",
@@ -496,6 +571,10 @@
     "--cue-style-page-current-edge",
     "--cue-style-page-current-ground",
     "--cue-style-page-current-rim",
+    "--cue-style-page-frame-position",
+    "--cue-style-page-ground-image",
+    "--cue-style-page-ground-repeat",
+    "--cue-style-page-ground-tile",
     "--cue-style-page-title-face",
     "--cue-style-page-title-leading",
     "--cue-style-page-title-size",
@@ -508,6 +587,7 @@
     "--cue-style-panel-rule",
     "--cue-style-popover-pad",
     "--cue-style-popover-width",
+    "--cue-style-primary-fill",
     "--cue-style-prose-ink",
     "--cue-style-prose-size",
     "--cue-style-prose-tracking",
@@ -515,6 +595,8 @@
     "--cue-style-radio-checked-ground",
     "--cue-style-radio-dot-ink",
     "--cue-style-radio-dot-size",
+    "--cue-style-rail-counter",
+    "--cue-style-rail-counter-content",
     "--cue-style-row-block-pad",
     "--cue-style-row-disabled-opacity",
     "--cue-style-row-ink",
@@ -523,6 +605,7 @@
     "--cue-style-scrollbar-size",
     "--cue-style-scrollbar-thumb",
     "--cue-style-seam-color",
+    "--cue-style-secondary-cut",
     "--cue-style-secondary-edge",
     "--cue-style-secondary-ground",
     "--cue-style-secondary-hover-edge",
@@ -552,8 +635,10 @@
     "--cue-style-stage-marks",
     "--cue-style-stat-detail-leading",
     "--cue-style-stat-detail-size",
+    "--cue-style-stat-divider",
     "--cue-style-stat-gap",
     "--cue-style-stat-leading",
+    "--cue-style-stat-numeral-ink",
     "--cue-style-stat-size",
     "--cue-style-stat-tracking",
     "--cue-style-stat-weight",
@@ -563,6 +648,7 @@
     "--cue-style-subheading-size",
     "--cue-style-subheading-tracking",
     "--cue-style-subheading-weight",
+    "--cue-style-surface-radius",
     "--cue-style-switch-disabled-thumb",
     "--cue-style-switch-edge",
     "--cue-style-switch-thumb",
@@ -617,7 +703,11 @@
     "tender",
     "zine",
     "kiln",
-    "porcelain"
+    "porcelain",
+    "ledger",
+    "command",
+    "monolith",
+    "prism"
   ],
   "styleRootOnly": [
     "--cue-leading-ui",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cueplusplus/ui",
-  "version": "0.18.2",
+  "version": "0.20.0",
   "description": "CUE++ design system components: Tailwind v4 styled wrappers over Base UI, driven by @cueplusplus/tokens.",
   "license": "MIT",
   "type": "module",
@@ -145,8 +145,8 @@
     "clsx": "^2.1.1",
     "culori": "^4.0.2",
     "tailwind-merge": "^3.6.0",
-    "@cueplusplus/theme-base": "^1.1.0",
-    "@cueplusplus/tokens": "0.18.2"
+    "@cueplusplus/tokens": "0.20.0",
+    "@cueplusplus/theme-base": "^1.3.0"
   },
   "peerDependencies": {
     "@assistant-ui/react": "^0.15.16",
@@ -261,9 +261,9 @@
     "typescript": "^5.7.0",
     "vitest": "^4.1.10",
     "@repo/docgen": "0.0.0",
-    "@cueplusplus/theme-tools": "1.1.0",
-    "@repo/eslint-config": "0.0.0",
-    "@repo/typescript-config": "0.0.0"
+    "@cueplusplus/theme-tools": "1.2.0",
+    "@repo/typescript-config": "0.0.0",
+    "@repo/eslint-config": "0.0.0"
   },
   "scripts": {
     "build": "pnpm run check:manifest && tsdown",

package/dist/system/_paint-ground-pattern.js

@@ -1,30 +0,0 @@
-//#region src/system/_paint-ground-pattern.ts
-/**
-* A repeating pattern on a page-level ground.
-*
-* **Distinct from a texture, and the difference is the layer.** A texture is
-* noise on a pseudo-element *over* the host (`_paint-texture.ts`); a ground
-* pattern is a repeating geometry painted as the host's own `background-image`,
-* beneath its content and beside its `background-color`. A page can carry both:
-* a hatch under a grain.
-*
-* **It sets `background-image`, so a host that paints its own image cannot take
-* it.** The two adopting surfaces paint a `background-color` only.
-*
-* **Its own module**, because `@repo/docgen` attributes a token by the file its
-* class string lives in, including through a type-only import.
-*
-* **The ink is spent by the pack's own image, not here.** A pattern is a whole
-* CSS `<image>` a pack writes, and `--cue-paint-ground-pattern-ink` is the name
-* that image references — which is why §4 documents these four image slots as
-* freezing their ink at the element the pack block sits on, and why they are
-* page-level devices where that costs nothing measurable.
-*
-* At the default `--cue-paint-ground-pattern` is `none`, so the host paints
-* exactly what it painted before.
-*
-* @internal Not part of the public API.
-*/
-const GROUND_PATTERN_CLASSES = "bg-[image:var(--cue-paint-ground-pattern)] bg-[length:var(--cue-paint-ground-pattern-size)]";
-//#endregion
-export { GROUND_PATTERN_CLASSES };