ui-style-kit-css 2.2.0 → 2.4.0

package/manifest.json

@@ -5,7 +5,7 @@
     "breakingChange": "increment-schemaVersion-before-removing-or-renaming-fields"
   },
   "name": "ui-style-kit-css",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "cascadeLayers": [
     "ui-style-kit.theme_colors",
     "ui-style-kit.native_elements",
@@ -112,6 +112,87 @@
         "default": "./retro-glass.css",
         "visual": "./visual/retro-glass.css"
       }
+    },
+    {
+      "id": "editorial-luxe",
+      "label": "Editorial Lux",
+      "prefix": "luxe",
+      "entrypoints": {
+        "default": "./editorial-luxe.css",
+        "visual": "./visual/editorial-luxe.css"
+      }
+    },
+    {
+      "id": "organic-modern",
+      "label": "Organic Modern",
+      "prefix": "organic",
+      "entrypoints": {
+        "default": "./organic-modern.css",
+        "visual": "./visual/organic-modern.css"
+      }
+    },
+    {
+      "id": "industrial-utility",
+      "label": "Industrial Utility",
+      "prefix": "utility",
+      "entrypoints": {
+        "default": "./industrial-utility.css",
+        "visual": "./visual/industrial-utility.css"
+      }
+    },
+    {
+      "id": "technical-blueprint",
+      "label": "Technical Blueprint",
+      "prefix": "blueprint",
+      "entrypoints": {
+        "default": "./technical-blueprint.css",
+        "visual": "./visual/technical-blueprint.css"
+      }
+    },
+    {
+      "id": "art-deco",
+      "label": "Art Deco",
+      "prefix": "deco",
+      "entrypoints": {
+        "default": "./art-deco.css",
+        "visual": "./visual/art-deco.css"
+      }
+    },
+    {
+      "id": "clay",
+      "label": "Clay",
+      "prefix": "clay",
+      "entrypoints": {
+        "default": "./clay.css",
+        "visual": "./visual/clay.css"
+      }
+    },
+    {
+      "id": "data-terminal",
+      "label": "Data Terminal",
+      "prefix": "terminal",
+      "entrypoints": {
+        "default": "./data-terminal.css",
+        "visual": "./visual/data-terminal.css"
+      }
+    },
+    {
+      "id": "paper-editorial",
+      "label": "Paper Editorial",
+      "prefix": "paper",
+      "entrypoints": {
+        "default": "./paper-editorial.css",
+        "visual": "./visual/paper-editorial.css"
+      }
+    },
+    {
+      "id": "neo-noir",
+      "label": "Neo-Noir",
+      "prefix": "noir",
+      "entrypoints": {
+        "default": "./neo-noir.css",
+        "visual": "./visual/neo-noir.css"
+      }
     }
   ],
   "themes": [
@@ -124,7 +205,17 @@
     "desert-sage",
     "rose-quartz",
     "cyber-lime",
-    "arctic-indigo"
+    "arctic-indigo",
+    "chrome-navy",
+    "recycled-emerald",
+    "industrial-orange",
+    "performance-red",
+    "heritage-brass",
+    "service-blue-red",
+    "newsprint-crimson",
+    "foundry-amber",
+    "soft-orchid",
+    "electric-noir"
   ],
   "modes": [
     "light",
@@ -136,85 +227,85 @@
       {
         "name": "--ui-color-bg",
         "type": "<color>",
-        "namespacedSource": "rgb(var(--usk-bg-rgb))",
-        "producerScope": "[data-ui][data-theme][data-mode]",
+        "namespacedSource": "var(--usk-native-bg)",
+        "producerScope": "[data-ui][data-mode]",
         "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
       },
       {
         "name": "--ui-color-surface",
         "type": "<color>",
         "namespacedSource": "var(--usk-native-surface-strong)",
-        "producerScope": "[data-ui][data-theme][data-mode]",
+        "producerScope": "[data-ui][data-mode]",
         "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
       },
       {
         "name": "--ui-color-text",
         "type": "<color>",
         "namespacedSource": "var(--usk-native-text)",
-        "producerScope": "[data-ui][data-theme][data-mode]",
+        "producerScope": "[data-ui][data-mode]",
         "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
       },
       {
         "name": "--ui-color-muted",
         "type": "<color>",
         "namespacedSource": "var(--usk-native-text-muted)",
-        "producerScope": "[data-ui][data-theme][data-mode]",
+        "producerScope": "[data-ui][data-mode]",
         "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
       },
       {
         "name": "--ui-color-primary",
         "type": "<color>",
         "namespacedSource": "var(--usk-native-primary)",
-        "producerScope": "[data-ui][data-theme][data-mode]",
+        "producerScope": "[data-ui][data-mode]",
         "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
       },
       {
         "name": "--ui-color-on-primary",
         "type": "<color>",
         "namespacedSource": "var(--usk-native-on-primary)",
-        "producerScope": "[data-ui][data-theme][data-mode]",
+        "producerScope": "[data-ui][data-mode]",
         "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
       },
       {
         "name": "--ui-color-border",
         "type": "<color>",
         "namespacedSource": "var(--usk-native-border)",
-        "producerScope": "[data-ui][data-theme][data-mode]",
+        "producerScope": "[data-ui][data-mode]",
         "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
       },
       {
         "name": "--ui-radius-control",
         "type": "<length>",
         "namespacedSource": "var(--usk-native-radius)",
-        "producerScope": "[data-ui][data-theme][data-mode]",
+        "producerScope": "[data-ui][data-mode]",
         "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
       },
       {
         "name": "--ui-shadow-control",
         "type": "<shadow-list>",
         "namespacedSource": "var(--usk-native-shadow)",
-        "producerScope": "[data-ui][data-theme][data-mode]",
+        "producerScope": "[data-ui][data-mode]",
         "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
       },
       {
         "name": "--ui-focus-color",
         "type": "<color>",
         "namespacedSource": "var(--usk-native-focus)",
-        "producerScope": "[data-ui][data-theme][data-mode]",
+        "producerScope": "[data-ui][data-mode]",
         "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
       },
       {
         "name": "--ui-motion-duration",
         "type": "<time>",
         "namespacedSource": "var(--usk-motion-duration)",
-        "producerScope": "[data-ui][data-theme][data-mode]",
+        "producerScope": "[data-ui][data-mode]",
         "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
       },
       {
         "name": "--ui-motion-easing",
         "type": "<easing-function>",
         "namespacedSource": "var(--usk-motion-easing)",
-        "producerScope": "[data-ui][data-theme][data-mode]",
+        "producerScope": "[data-ui][data-mode]",
         "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
       }
     ]
@@ -368,6 +459,7 @@
         ".ui-button": [
           "primary",
           "secondary",
+          "warning",
           "danger",
           "ghost"
         ],
@@ -591,6 +683,7 @@
       "badge",
       "badge-danger",
       "badge-primary",
+      "badge-seal",
       "badge-secondary",
       "badge-success",
       "badge-warning",
@@ -598,27 +691,40 @@
       "bg-secondary",
       "border",
       "button",
+      "button-cut",
       "button-danger",
+      "button-warning",
       "button-ghost",
+      "button-outline-heavy",
       "button-pill",
       "button-primary",
       "button-secondary",
+      "callout-bar",
       "card",
+      "card-accent-edge",
+      "card-feature",
+      "card-media",
+      "card-service",
       "check",
       "check-control",
       "copy",
       "disabled",
       "divider",
+      "eyebrow",
+      "feature-item",
+      "feature-strip",
       "field",
       "heading",
       "help-text",
       "hover-lift",
       "icon-button",
+      "icon-medallion",
       "input",
       "inset",
       "kicker",
       "label",
       "loading-spinner",
+      "media-scrim",
       "nav",
       "nav-link",
       "panel",
@@ -672,14 +778,68 @@
         "metric-value"
       ],
       "bento": [
+        "actions",
+        "alert-info",
+        "badges",
+        "bottom-grid",
+        "brand",
+        "brand-mark",
+        "canvas",
+        "choices",
+        "dialog-close",
+        "dialog-icon",
+        "dialog-surface",
+        "dialog-toolbar",
+        "dialog-zone",
+        "file",
+        "form-grid",
+        "form-panel",
         "grid-feature",
+        "hero",
+        "hero-art",
+        "hero-copy",
+        "inline-actions",
+        "input-icon",
+        "listbox",
+        "live-dot",
+        "live-status",
+        "loading",
+        "metrics-stack",
+        "middle-grid",
+        "quota",
+        "quota-copy",
+        "segment",
+        "service-card",
+        "service-icon",
+        "service-row",
+        "sheet",
+        "sidebar",
+        "sidebar-note",
+        "sidebar-spacer",
+        "skeleton",
+        "sliders",
+        "spin",
+        "stage",
         "stat",
         "stat-label",
         "stat-value",
+        "status",
+        "stepper",
+        "switch-row",
+        "system",
+        "table-panel",
+        "table-tools",
+        "tabs",
+        "theme-toggle",
         "tile",
         "tile-lg",
         "tile-md",
-        "tile-sm"
+        "tile-sm",
+        "toast",
+        "top-grid",
+        "usage",
+        "usage-cell",
+        "utility-stack"
       ],
       "maximalist": [
         "callout",
@@ -687,14 +847,92 @@
         "wiggle"
       ],
       "bauhaus": [
+        "actions",
+        "alert-text",
+        "badges",
         "block",
+        "bottom-grid",
+        "brand",
+        "brand-mark",
+        "canvas",
+        "choices",
+        "compact-switch",
         "composition",
-        "rail"
+        "dialog-close",
+        "dialog-icon",
+        "dialog-surface",
+        "dialog-toolbar",
+        "dialog-zone",
+        "file",
+        "form-grid",
+        "form-panel",
+        "hero",
+        "hero-art",
+        "hero-copy",
+        "inline-actions",
+        "input-icon",
+        "listbox",
+        "live-dot",
+        "live-status",
+        "loading",
+        "metrics-stack",
+        "middle-grid",
+        "quota",
+        "quota-copy",
+        "rail",
+        "reference",
+        "segment",
+        "service-card",
+        "service-icon",
+        "service-row",
+        "sheet",
+        "sidebar",
+        "sidebar-note",
+        "sidebar-spacer",
+        "skeleton",
+        "sliders",
+        "spin",
+        "status",
+        "stepper",
+        "switch-row",
+        "system",
+        "table-panel",
+        "table-tools",
+        "tabs",
+        "theme-toggle",
+        "toast",
+        "tooltip-panel",
+        "top-grid",
+        "usage",
+        "usage-cell",
+        "utility-stack"
       ],
       "tactile": [
         "bevel",
         "knob",
-        "pressed"
+        "pressed",
+        "workspace-shell",
+        "workspace-sidebar",
+        "workspace-brand",
+        "workspace-brand-mark",
+        "workspace-menu",
+        "workspace-link",
+        "workspace-icon",
+        "workspace-sidebar-note",
+        "workspace-main",
+        "workspace-header",
+        "workspace-title",
+        "workspace-body",
+        "workspace-settings",
+        "workspace-row",
+        "workspace-fields",
+        "workspace-switches",
+        "workspace-security",
+        "workspace-readiness",
+        "workspace-gauge",
+        "workspace-gauge-key",
+        "workspace-shelf",
+        "workspace-progress"
       ],
       "neumorphism": [],
       "retrofuturism": [],
@@ -702,13 +940,521 @@
         "pressed"
       ],
       "cyberpunk": [
-        "console"
+        "accordion",
+        "avatar",
+        "avatar-group",
+        "breadcrumb",
+        "chip",
+        "choice",
+        "code",
+        "console",
+        "dropdown",
+        "error-text",
+        "file",
+        "helper",
+        "input-icon",
+        "input-wrap",
+        "list",
+        "meter",
+        "modal",
+        "modal-actions",
+        "option",
+        "overline",
+        "pagination",
+        "pagination-page",
+        "popover",
+        "progress-magenta",
+        "quote",
+        "range",
+        "range-critical",
+        "section-title",
+        "segment",
+        "segmented",
+        "skeleton",
+        "step",
+        "stepper",
+        "tab",
+        "tabs",
+        "tags",
+        "toast",
+        "token-swatch"
       ],
       "y2k": [
         "bubble"
       ],
       "retro-glass": [
-        "console"
+        "accordion",
+        "avatar",
+        "avatar-danger",
+        "avatar-group",
+        "avatar-neutral",
+        "breadcrumb",
+        "chip",
+        "chip-danger",
+        "chip-warning",
+        "choice",
+        "code",
+        "console",
+        "dropdown",
+        "error-text",
+        "file",
+        "helper",
+        "input-icon",
+        "input-wrap",
+        "list",
+        "meter",
+        "modal",
+        "modal-actions",
+        "option",
+        "overline",
+        "pagination",
+        "pagination-page",
+        "popover",
+        "progress-danger",
+        "quote",
+        "range",
+        "range-critical",
+        "section-title",
+        "segment",
+        "segmented",
+        "skeleton",
+        "step",
+        "stepper",
+        "tab",
+        "tabs",
+        "tags",
+        "toast",
+        "token-swatch"
+      ],
+      "editorial-luxe": [
+        "empty-state",
+        "metric",
+        "metric-label",
+        "metric-value",
+        "sheet",
+        "masthead",
+        "masthead-title",
+        "collection-rail",
+        "portrait",
+        "story",
+        "story-title",
+        "byline",
+        "deck",
+        "colophon",
+        "section-title",
+        "section-number",
+        "file-upload",
+        "file-drop",
+        "input-valid",
+        "help-error",
+        "select-panel",
+        "option",
+        "range",
+        "range-scale",
+        "segmented-progress",
+        "meter",
+        "tabs",
+        "tab-list",
+        "tab",
+        "tab-panel",
+        "badge-medallion",
+        "badge-brass",
+        "pagination",
+        "stepper",
+        "dialog",
+        "dialog-actions",
+        "details",
+        "skeleton",
+        "alert-mark",
+        "alert-close",
+        "switch-segment"
+      ],
+      "organic-modern": [
+        "empty-state",
+        "metric",
+        "metric-label",
+        "metric-value",
+        "sheet",
+        "icon",
+        "masthead",
+        "brand",
+        "workspace",
+        "sidebar",
+        "project-canvas",
+        "project-list",
+        "project-item",
+        "search",
+        "avatar",
+        "status-card",
+        "score",
+        "avatar-row",
+        "quote-card",
+        "photo",
+        "hero-card",
+        "hero-overlay",
+        "overview-row",
+        "data-row",
+        "materials",
+        "material",
+        "material-image",
+        "impact",
+        "performance",
+        "notices",
+        "notice",
+        "add-material",
+        "control-lab",
+        "section-heading",
+        "button-outline",
+        "button-grid",
+        "input-grid",
+        "field-wide",
+        "input-action",
+        "file-drop",
+        "token-input",
+        "token",
+        "expanded-select",
+        "option",
+        "choice-columns",
+        "range",
+        "value",
+        "progress-steps",
+        "tabs",
+        "tab",
+        "pagination",
+        "segmented",
+        "stepper",
+        "dialog",
+        "dialog-actions",
+        "feedback-stack",
+        "alert-info"
+      ],
+      "industrial-utility": [
+        "alert-info",
+        "breadcrumb",
+        "button-guarded",
+        "control-cell",
+        "control-grid",
+        "control-name",
+        "details",
+        "dialog",
+        "dropdown",
+        "emergency-stop",
+        "empty-state",
+        "file",
+        "help",
+        "key-switch",
+        "meter",
+        "metric",
+        "metric-label",
+        "metric-value",
+        "nameplate",
+        "option",
+        "overline",
+        "pagination",
+        "panel-body",
+        "panel-header",
+        "pilot-light",
+        "popover",
+        "readout",
+        "readout-label",
+        "rivet",
+        "segmented",
+        "skeleton",
+        "slider",
+        "stage",
+        "stage-track",
+        "tab",
+        "tabs",
+        "three-position",
+        "ticks",
+        "toast",
+        "toast-stack",
+        "toggle",
+        "token",
+        "token-row"
+      ],
+      "technical-blueprint": [
+        "datum",
+        "line-swatch",
+        "sheet",
+        "accordion",
+        "avatar",
+        "avatar-danger",
+        "avatar-group",
+        "avatar-neutral",
+        "breadcrumb",
+        "chip",
+        "chip-danger",
+        "chip-warning",
+        "choice",
+        "code",
+        "dropdown",
+        "empty-state",
+        "error-text",
+        "file",
+        "helper",
+        "input-icon",
+        "input-wrap",
+        "list",
+        "meter",
+        "metric",
+        "metric-label",
+        "metric-value",
+        "modal",
+        "modal-actions",
+        "option",
+        "overline",
+        "pagination",
+        "pagination-page",
+        "popover",
+        "progress-danger",
+        "quote",
+        "range",
+        "range-critical",
+        "section-title",
+        "segment",
+        "segmented",
+        "skeleton",
+        "step",
+        "stepper",
+        "tab",
+        "tabs",
+        "tags",
+        "toast",
+        "token-swatch"
+      ],
+      "art-deco": [
+        "empty-state",
+        "metric",
+        "metric-label",
+        "metric-value",
+        "sheet",
+        "fan",
+        "frame",
+        "frame-navy",
+        "masthead",
+        "masthead-title",
+        "monogram",
+        "stat",
+        "stat-value",
+        "stat-label",
+        "health",
+        "meta-grid",
+        "meta",
+        "status-dot",
+        "performance",
+        "section-title",
+        "number",
+        "breadcrumb",
+        "pagination",
+        "button-loading",
+        "input-valid",
+        "help-error",
+        "file-upload",
+        "file",
+        "select-panel",
+        "option",
+        "group-label",
+        "multi",
+        "chip",
+        "slider-wrap",
+        "slider",
+        "slider-output",
+        "meter",
+        "step-progress",
+        "stage-list",
+        "stage",
+        "stage-number",
+        "tabs",
+        "tab-list",
+        "tab",
+        "tab-panel",
+        "segmented",
+        "segment",
+        "stepper",
+        "badge-info",
+        "badge-outline",
+        "alert-info",
+        "alert-icon",
+        "alert-close",
+        "dialog",
+        "dialog-actions",
+        "details",
+        "skeleton",
+        "palette",
+        "swatch"
+      ],
+      "clay": [
+        "helper",
+        "component-matrix",
+        "choice-stack",
+        "control-band",
+        "feedback-band",
+        "navigation-band",
+        "data-band",
+        "studio",
+        "loading-track",
+        "palette-grid",
+        "threshold-scale",
+        "tab-media",
+        "sheet",
+        "rail",
+        "rail-link",
+        "studio-mark",
+        "masthead",
+        "palette",
+        "swatch",
+        "reference-section",
+        "section-title",
+        "button-matrix",
+        "button-outline",
+        "field-row",
+        "input-wrap",
+        "file-zone",
+        "select-menu",
+        "option",
+        "tags",
+        "chip",
+        "choices",
+        "range",
+        "range-scale",
+        "value-flag",
+        "segments",
+        "milestones",
+        "milestone",
+        "threshold",
+        "vertical-progress",
+        "tabs",
+        "tab",
+        "tab-panel",
+        "pagination",
+        "segmented",
+        "quantity",
+        "alert-info",
+        "alert-close",
+        "avatar",
+        "avatar-group",
+        "dialog",
+        "dialog-actions",
+        "empty-state",
+        "metric",
+        "metric-label",
+        "metric-value"
+      ],
+      "data-terminal": [
+        "empty-state",
+        "metric",
+        "metric-label",
+        "metric-value"
+      ],
+      "paper-editorial": [
+        "article-deck",
+        "binding",
+        "breadcrumb",
+        "button-loading",
+        "button-text",
+        "byline",
+        "caption",
+        "chip",
+        "details",
+        "dialog",
+        "dialog-body",
+        "dropcap",
+        "edition-stamp",
+        "empty-state",
+        "file",
+        "file-upload",
+        "folio",
+        "folio-section",
+        "footnote",
+        "help",
+        "help-error",
+        "input-icon",
+        "manual-meta",
+        "marginalia",
+        "masthead",
+        "masthead-title",
+        "meter",
+        "metric",
+        "metric-label",
+        "metric-value",
+        "pagination",
+        "popover",
+        "property-stamp",
+        "pullquote",
+        "rule",
+        "rule-double",
+        "ruler",
+        "search",
+        "section-index",
+        "section-title",
+        "segmented",
+        "select-wrap",
+        "sheet",
+        "skeleton",
+        "slider",
+        "stage",
+        "stage-track",
+        "swatch",
+        "tab",
+        "tabs"
+      ],
+      "neo-noir": [
+        "empty-state",
+        "metric",
+        "metric-label",
+        "metric-value",
+        "sheet",
+        "identity",
+        "brand-line",
+        "edition",
+        "section-title",
+        "section-number",
+        "breadcrumbs",
+        "tabs",
+        "tab",
+        "tab-panel",
+        "pagination",
+        "segmented",
+        "stepper-track",
+        "step",
+        "step-marker",
+        "button-outline",
+        "field-row",
+        "file-zone",
+        "file-state",
+        "listbox",
+        "option",
+        "chips",
+        "chip",
+        "range",
+        "slider-value",
+        "range-scale",
+        "range-legend",
+        "segments",
+        "workflow",
+        "threshold",
+        "threshold-labels",
+        "badge-review",
+        "alert-close",
+        "processing",
+        "progress-cell",
+        "dialog",
+        "dialog-meta",
+        "dialog-actions",
+        "swatches",
+        "swatch",
+        "display-sample",
+        "alpha",
+        "mono-sample",
+        "geometry-row",
+        "shape",
+        "line-samples",
+        "texture-sample",
+        "ratio",
+        "focus-sample",
+        "color-safe",
+        "details"
       ]
     },
     "deprecatedStructuralSuffixes": [
@@ -724,6 +1470,7 @@
   "nativeParts": {
     "standard": [
       "accent-color",
+      "choice-control",
       "color-scheme",
       "dialog-backdrop",
       "file-selector-button",
@@ -736,8 +1483,10 @@
       "calendar-picker-indicator",
       "color-swatch",
       "number-spinner",
+      "progress-indeterminate",
       "progress-track",
       "progress-value",
+      "range-progress",
       "range-thumb",
       "range-track",
       "scrollbar",