@cueplusplus/ui 0.16.0 → 0.18.0

package/manifest/tokens.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 2,
   "library": "@cueplusplus/tokens",
-  "version": "0.16.0",
+  "version": "0.18.0",
   "themes": [
     {
       "name": "cue",
@@ -27,6 +27,18 @@
         "ultra-large"
       ]
     },
+    {
+      "name": "graphite",
+      "package": "@cueplusplus/theme-graphite",
+      "supportsLight": true,
+      "densities": [
+        "ultra-compact",
+        "compact",
+        "normal",
+        "large",
+        "ultra-large"
+      ]
+    },
     {
       "name": "hivehub",
       "package": "@cueplusplus/theme-hivehub",
@@ -39,6 +51,18 @@
         "ultra-large"
       ]
     },
+    {
+      "name": "kiln",
+      "package": "@cueplusplus/theme-kiln",
+      "supportsLight": true,
+      "densities": [
+        "ultra-compact",
+        "compact",
+        "normal",
+        "large",
+        "ultra-large"
+      ]
+    },
     {
       "name": "luma",
       "package": "@cueplusplus/theme-luma",
@@ -51,6 +75,18 @@
         "ultra-large"
       ]
     },
+    {
+      "name": "porcelain",
+      "package": "@cueplusplus/theme-porcelain",
+      "supportsLight": true,
+      "densities": [
+        "ultra-compact",
+        "compact",
+        "normal",
+        "large",
+        "ultra-large"
+      ]
+    },
     {
       "name": "quotamate",
       "package": "@cueplusplus/theme-quotamate",
@@ -99,6 +135,18 @@
         "ultra-large"
       ]
     },
+    {
+      "name": "tender",
+      "package": "@cueplusplus/theme-tender",
+      "supportsLight": true,
+      "densities": [
+        "ultra-compact",
+        "compact",
+        "normal",
+        "large",
+        "ultra-large"
+      ]
+    },
     {
       "name": "terminal",
       "package": "@cueplusplus/theme-terminal",
@@ -122,6 +170,18 @@
         "large",
         "ultra-large"
       ]
+    },
+    {
+      "name": "zine",
+      "package": "@cueplusplus/theme-zine",
+      "supportsLight": true,
+      "densities": [
+        "ultra-compact",
+        "compact",
+        "normal",
+        "large",
+        "ultra-large"
+      ]
     }
   ],
   "densities": [
@@ -134,12 +194,16 @@
   "fonts": [
     "system",
     "geist",
+    "geist-mono",
     "inter",
     "plex",
     "roboto",
     "source",
     "apple",
-    "office"
+    "office",
+    "inter-source",
+    "dm",
+    "calsans"
   ],
   "modes": [
     "dark",
@@ -149,6 +213,9 @@
   "colorTokens": [
     "--cue-accent",
     "--cue-accent-fg",
+    "--cue-accent-fill",
+    "--cue-accent-fill-fg",
+    "--cue-accent-fill-hover",
     "--cue-accent-hover",
     "--cue-accent-soft",
     "--cue-bg",
@@ -180,6 +247,7 @@
     "--cue-row-hover",
     "--cue-scrim",
     "--cue-selection",
+    "--cue-shade",
     "--cue-stream",
     "--cue-stream-border",
     "--cue-stream-soft",
@@ -229,9 +297,314 @@
     "--cue-band-rule",
     "--cue-band-rule-color",
     "--cue-band-y",
+    "--cue-band-y-bottom",
+    "--cue-band-y-top",
     "--cue-leading-prose",
     "--cue-measure-prose",
+    "--cue-style-accordion-rule-ink",
+    "--cue-style-accordion-rule-style",
+    "--cue-style-appbar-height",
+    "--cue-style-appbar-inset",
+    "--cue-style-avatar-edge",
+    "--cue-style-avatar-radius",
+    "--cue-style-band-title-leading",
+    "--cue-style-band-title-size",
+    "--cue-style-band-title-weight",
+    "--cue-style-band-width",
+    "--cue-style-body-face",
+    "--cue-style-body-leading",
+    "--cue-style-body-size",
+    "--cue-style-body-weight",
+    "--cue-style-caption-case",
+    "--cue-style-caption-ink",
+    "--cue-style-caption-size",
+    "--cue-style-caption-weight",
+    "--cue-style-card-gap",
+    "--cue-style-card-pad",
+    "--cue-style-cell-leading",
+    "--cue-style-cell-pad",
+    "--cue-style-check-edge",
+    "--cue-style-check-glyph-size",
+    "--cue-style-check-hover-edge",
+    "--cue-style-check-radius",
+    "--cue-style-check-size",
+    "--cue-style-chip-case",
+    "--cue-style-chip-edge",
+    "--cue-style-chip-fill",
+    "--cue-style-chip-gap",
+    "--cue-style-chip-height",
+    "--cue-style-chip-ink",
+    "--cue-style-chip-leading",
+    "--cue-style-chip-pad",
+    "--cue-style-chip-radius",
+    "--cue-style-chip-size",
+    "--cue-style-chip-tracking",
+    "--cue-style-choice-gap",
+    "--cue-style-chrome-rule",
+    "--cue-style-chrome-rule-style",
+    "--cue-style-code-weight",
+    "--cue-style-collapse-body-ink",
+    "--cue-style-collapse-body-leading",
+    "--cue-style-collapse-body-pad",
+    "--cue-style-collapse-body-size",
+    "--cue-style-collapse-body-tracking",
+    "--cue-style-collapse-caret-ink",
+    "--cue-style-collapse-caret-opacity",
+    "--cue-style-collapse-caret-size",
+    "--cue-style-collapse-gap",
+    "--cue-style-collapse-height",
+    "--cue-style-collapse-hover-ground",
+    "--cue-style-collapse-hover-ink",
+    "--cue-style-collapse-leading",
+    "--cue-style-collapse-open-ink",
+    "--cue-style-collapse-pad",
+    "--cue-style-collapse-radius",
+    "--cue-style-collapse-size",
+    "--cue-style-collapse-weight",
+    "--cue-style-control-case",
+    "--cue-style-control-face",
+    "--cue-style-control-gap",
+    "--cue-style-control-label-leading",
+    "--cue-style-control-pad",
+    "--cue-style-control-step-size",
+    "--cue-style-control-tracking",
+    "--cue-style-control-trim",
+    "--cue-style-control-weight",
+    "--cue-style-crumb-face",
+    "--cue-style-crumb-gap",
+    "--cue-style-crumb-hover-ink",
+    "--cue-style-crumb-ink",
+    "--cue-style-crumb-separator-opacity",
+    "--cue-style-crumb-size",
+    "--cue-style-data-face",
+    "--cue-style-day-ink",
+    "--cue-style-day-size",
+    "--cue-style-description-leading",
+    "--cue-style-description-tracking",
+    "--cue-style-dialog-pad",
+    "--cue-style-dialog-radius",
+    "--cue-style-disabled-edge",
+    "--cue-style-disabled-fill",
+    "--cue-style-disabled-ink",
+    "--cue-style-disabled-opacity",
+    "--cue-style-disclosure-hover-ink",
+    "--cue-style-disclosure-ink",
+    "--cue-style-disclosure-weight",
     "--cue-style-display",
+    "--cue-style-display-face",
+    "--cue-style-display-variation",
+    "--cue-style-display-weight",
+    "--cue-style-empty-gap",
+    "--cue-style-empty-icon-size",
+    "--cue-style-empty-pad",
+    "--cue-style-empty-title-face",
+    "--cue-style-empty-title-leading",
+    "--cue-style-empty-title-size",
+    "--cue-style-empty-title-weight",
+    "--cue-style-eyebrow-face",
+    "--cue-style-eyebrow-glyph",
+    "--cue-style-eyebrow-ink",
+    "--cue-style-eyebrow-size",
+    "--cue-style-eyebrow-weight",
+    "--cue-style-field-focus-offset",
+    "--cue-style-field-gap",
+    "--cue-style-field-hover-edge",
+    "--cue-style-field-pad",
+    "--cue-style-focus-edge",
+    "--cue-style-focus-offset",
+    "--cue-style-focus-width",
+    "--cue-style-footer-rule",
+    "--cue-style-footer-rule-style",
+    "--cue-style-glyph-ink",
+    "--cue-style-glyph-opacity",
+    "--cue-style-glyph-size",
+    "--cue-style-group-gap",
+    "--cue-style-group-label-ink",
+    "--cue-style-group-label-pad",
+    "--cue-style-group-label-size",
+    "--cue-style-gutter",
+    "--cue-style-heading-face",
+    "--cue-style-heading-ink",
+    "--cue-style-heading-leading",
+    "--cue-style-heading-size",
+    "--cue-style-heading-tracking",
+    "--cue-style-heading-weight",
+    "--cue-style-help-ink",
+    "--cue-style-help-leading",
+    "--cue-style-help-size",
+    "--cue-style-hover-card-width",
+    "--cue-style-hover-ink",
+    "--cue-style-inline-link-ink",
+    "--cue-style-input-face",
+    "--cue-style-input-leading",
+    "--cue-style-kbd-edge",
+    "--cue-style-kbd-fill",
+    "--cue-style-kbd-height",
+    "--cue-style-kbd-leading",
+    "--cue-style-kbd-pad",
+    "--cue-style-kbd-radius",
+    "--cue-style-kbd-size",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-leading",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
+    "--cue-style-label-weight",
+    "--cue-style-leading-display",
+    "--cue-style-lede-ink",
+    "--cue-style-lede-leading",
+    "--cue-style-lede-size",
+    "--cue-style-link-hover-ink",
+    "--cue-style-link-ink",
+    "--cue-style-link-offset",
+    "--cue-style-link-rule",
+    "--cue-style-link-weight",
+    "--cue-style-listbox-pad",
+    "--cue-style-menu-highlight",
+    "--cue-style-menu-item-radius",
+    "--cue-style-menu-min-width",
+    "--cue-style-menu-separator-inset",
+    "--cue-style-meter-radius",
+    "--cue-style-nav-active-ground",
+    "--cue-style-nav-caret-ink",
+    "--cue-style-nav-case",
+    "--cue-style-nav-face",
+    "--cue-style-nav-height",
+    "--cue-style-nav-hover-ground",
+    "--cue-style-nav-ink",
+    "--cue-style-nav-open-ground",
+    "--cue-style-nav-pad",
+    "--cue-style-nav-size",
+    "--cue-style-nav-tracking",
+    "--cue-style-nav-weight",
+    "--cue-style-option-height",
+    "--cue-style-option-highlight-ink",
+    "--cue-style-option-ink",
+    "--cue-style-option-leading",
+    "--cue-style-option-pad",
+    "--cue-style-option-selected-ground",
+    "--cue-style-option-selected-hover-ground",
+    "--cue-style-option-selected-ink",
+    "--cue-style-otp-gap",
+    "--cue-style-outline-edge",
+    "--cue-style-outline-hover-edge",
+    "--cue-style-outline-hover-ground",
+    "--cue-style-overlay-ground",
+    "--cue-style-overlay-title-leading",
+    "--cue-style-overlay-title-size",
+    "--cue-style-page-current-edge",
+    "--cue-style-page-current-ground",
+    "--cue-style-page-current-rim",
+    "--cue-style-page-title-face",
+    "--cue-style-page-title-leading",
+    "--cue-style-page-title-size",
+    "--cue-style-page-title-tracking",
+    "--cue-style-page-title-weight",
+    "--cue-style-palette-footer-pad",
+    "--cue-style-palette-rule",
+    "--cue-style-panel-pad-x",
+    "--cue-style-panel-pad-y",
+    "--cue-style-panel-rule",
+    "--cue-style-popover-pad",
+    "--cue-style-popover-width",
+    "--cue-style-prose-ink",
+    "--cue-style-prose-size",
+    "--cue-style-prose-tracking",
+    "--cue-style-quiet-ink",
+    "--cue-style-radio-checked-ground",
+    "--cue-style-radio-dot-ink",
+    "--cue-style-radio-dot-size",
+    "--cue-style-row-block-pad",
+    "--cue-style-row-disabled-opacity",
+    "--cue-style-row-ink",
+    "--cue-style-row-pad",
+    "--cue-style-row-rule-style",
+    "--cue-style-scrollbar-size",
+    "--cue-style-scrollbar-thumb",
+    "--cue-style-seam-color",
+    "--cue-style-secondary-edge",
+    "--cue-style-secondary-ground",
+    "--cue-style-secondary-hover-edge",
+    "--cue-style-secondary-hover-ground",
+    "--cue-style-secondary-hover-ink",
+    "--cue-style-secondary-ink",
+    "--cue-style-section-rule",
+    "--cue-style-segment-edge",
+    "--cue-style-segment-ground",
+    "--cue-style-segment-idle-ink",
+    "--cue-style-segment-ink",
+    "--cue-style-segment-inset",
+    "--cue-style-segment-pad",
+    "--cue-style-segment-rim",
+    "--cue-style-segment-track",
+    "--cue-style-segment-weight",
+    "--cue-style-selected-ground",
+    "--cue-style-selected-ink",
+    "--cue-style-selected-weight",
+    "--cue-style-skeleton-radius",
+    "--cue-style-slider-thumb-edge",
+    "--cue-style-slider-thumb-fill",
+    "--cue-style-slider-thumb-rim",
+    "--cue-style-slider-thumb-size",
+    "--cue-style-slider-track-height",
+    "--cue-style-slider-track-ink",
+    "--cue-style-stage-marks",
+    "--cue-style-stat-detail-leading",
+    "--cue-style-stat-detail-size",
+    "--cue-style-stat-gap",
+    "--cue-style-stat-leading",
+    "--cue-style-stat-size",
+    "--cue-style-stat-tracking",
+    "--cue-style-stat-weight",
+    "--cue-style-stepper-width",
+    "--cue-style-subheading-face",
+    "--cue-style-subheading-leading",
+    "--cue-style-subheading-size",
+    "--cue-style-subheading-tracking",
+    "--cue-style-subheading-weight",
+    "--cue-style-switch-disabled-thumb",
+    "--cue-style-switch-edge",
+    "--cue-style-switch-thumb",
+    "--cue-style-tab-hover-ink",
+    "--cue-style-tab-radius",
+    "--cue-style-tab-rule",
+    "--cue-style-tab-underline",
+    "--cue-style-tag-edge",
+    "--cue-style-tag-pad",
+    "--cue-style-text-focus-offset",
+    "--cue-style-textarea-pad",
+    "--cue-style-title-face",
+    "--cue-style-title-leading",
+    "--cue-style-title-size",
+    "--cue-style-title-tracking",
+    "--cue-style-title-variation",
+    "--cue-style-title-weight",
+    "--cue-style-toast-pad-x",
+    "--cue-style-toast-pad-y",
+    "--cue-style-toast-width",
+    "--cue-style-toggle-edge",
+    "--cue-style-toggle-hover-edge",
+    "--cue-style-toggle-hover-ground",
+    "--cue-style-toggle-hover-ink",
+    "--cue-style-toggle-ink",
+    "--cue-style-toggle-pressed-edge",
+    "--cue-style-toggle-pressed-ground",
+    "--cue-style-toggle-pressed-ink",
+    "--cue-style-toolbar-edge",
+    "--cue-style-toolbar-gap",
+    "--cue-style-toolbar-height",
+    "--cue-style-toolbar-pad",
+    "--cue-style-toolbar-radius",
+    "--cue-style-toolbar-rim",
+    "--cue-style-toolbar-separator-height",
+    "--cue-style-tooltip-face",
+    "--cue-style-tooltip-ink",
+    "--cue-style-tooltip-leading",
+    "--cue-style-tooltip-pad",
+    "--cue-style-tooltip-radius",
+    "--cue-style-tooltip-tracking",
+    "--cue-style-tracking-display",
     "--cue-tracking-caps",
     "--cue-tracking-caps-loose",
     "--cue-tracking-caps-tight"
@@ -239,7 +612,12 @@
   "styleSets": [
     "console",
     "editorial",
-    "marketing"
+    "marketing",
+    "graphite",
+    "tender",
+    "zine",
+    "kiln",
+    "porcelain"
   ],
   "styleRootOnly": [
     "--cue-leading-ui",
@@ -248,6 +626,7 @@
     "--cue-measure-broad"
   ],
   "paintTokens": [
+    "--cue-paint-danger-glow-ink",
     "--cue-paint-fade",
     "--cue-paint-fade-length",
     "--cue-paint-glass-fallback-ink",
@@ -260,11 +639,13 @@
     "--cue-paint-ground-pattern",
     "--cue-paint-ground-pattern-ink",
     "--cue-paint-ground-pattern-size",
+    "--cue-paint-rest-shade",
     "--cue-paint-rim-ink",
     "--cue-paint-rim-width",
     "--cue-paint-screen",
     "--cue-paint-screen-ink",
     "--cue-paint-screen-size",
+    "--cue-paint-scrim-filter",
     "--cue-paint-shade-far",
     "--cue-paint-shade-hairline",
     "--cue-paint-shade-near",
@@ -273,6 +654,10 @@
     "--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-raised-from",
+    "--cue-paint-stroke-raised-to",
     "--cue-paint-stroke-to",
     "--cue-paint-stroke-width",
     "--cue-paint-texture",
@@ -287,7 +672,10 @@
     "lift",
     "frost",
     "bevel",
-    "grain"
+    "grain",
+    "plume",
+    "matte",
+    "glaze"
   ],
   "utilityMap": {
     "--color-bg": "--cue-bg",
@@ -305,6 +693,9 @@
     "--color-accent-hover": "--cue-accent-hover",
     "--color-accent-fg": "--cue-accent-fg",
     "--color-accent-soft": "--cue-accent-soft",
+    "--color-accent-fill": "--cue-accent-fill",
+    "--color-accent-fill-fg": "--cue-accent-fill-fg",
+    "--color-accent-fill-hover": "--cue-accent-fill-hover",
     "--color-ok": "--cue-ok",
     "--color-busy": "--cue-busy",
     "--color-warn": "--cue-warn",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cueplusplus/ui",
-  "version": "0.16.0",
+  "version": "0.18.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/tokens": "0.16.0",
-    "@cueplusplus/theme-base": "^1.0.3"
+    "@cueplusplus/theme-base": "^1.1.0",
+    "@cueplusplus/tokens": "0.18.0"
   },
   "peerDependencies": {
     "@assistant-ui/react": "^0.15.16",
@@ -260,10 +260,10 @@
     "tsdown": "0.22.14",
     "typescript": "^5.7.0",
     "vitest": "^4.1.10",
-    "@cueplusplus/theme-tools": "1.0.4",
-    "@repo/typescript-config": "0.0.0",
+    "@cueplusplus/theme-tools": "1.1.0",
+    "@repo/eslint-config": "0.0.0",
     "@repo/docgen": "0.0.0",
-    "@repo/eslint-config": "0.0.0"
+    "@repo/typescript-config": "0.0.0"
   },
   "scripts": {
     "build": "pnpm run check:manifest && tsdown",