ui-style-kit-css 2.4.0 → 2.5.0

package/manifest.json

@@ -5,7 +5,7 @@
     "breakingChange": "increment-schemaVersion-before-removing-or-renaming-fields"
   },
   "name": "ui-style-kit-css",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "cascadeLayers": [
     "ui-style-kit.theme_colors",
     "ui-style-kit.native_elements",
@@ -215,7 +215,12 @@
     "newsprint-crimson",
     "foundry-amber",
     "soft-orchid",
-    "electric-noir"
+    "electric-noir",
+    "signal-yellow",
+    "botanical-green",
+    "cobalt-electric",
+    "stone-graphite",
+    "walnut-clay"
   ],
   "modes": [
     "light",
@@ -450,6 +455,220 @@
           "selector": ".ui-tooltip",
           "sourceSuffix": "tooltip"
         }
+      ],
+      "tabs": [
+        {
+          "selector": ".ui-tabs",
+          "sourceSuffix": "tabs"
+        },
+        {
+          "selector": ".ui-tab-list",
+          "sourceSuffix": "tab-list"
+        },
+        {
+          "selector": ".ui-tab",
+          "sourceSuffix": "tab"
+        },
+        {
+          "selector": ".ui-tab-panel",
+          "sourceSuffix": "tab-panel"
+        }
+      ],
+      "pagination": [
+        {
+          "selector": ".ui-pagination",
+          "sourceSuffix": "pagination"
+        },
+        {
+          "selector": ".ui-pagination-item",
+          "sourceSuffix": "pagination-item"
+        },
+        {
+          "selector": ".ui-pagination-link",
+          "sourceSuffix": "pagination-link"
+        }
+      ],
+      "breadcrumb": [
+        {
+          "selector": ".ui-breadcrumb",
+          "sourceSuffix": "breadcrumb"
+        },
+        {
+          "selector": ".ui-breadcrumb-list",
+          "sourceSuffix": "breadcrumb-list"
+        },
+        {
+          "selector": ".ui-breadcrumb-item",
+          "sourceSuffix": "breadcrumb-item"
+        },
+        {
+          "selector": ".ui-breadcrumb-link",
+          "sourceSuffix": "breadcrumb-link"
+        },
+        {
+          "selector": ".ui-breadcrumb-separator",
+          "sourceSuffix": "breadcrumb-separator"
+        }
+      ],
+      "skeleton": [
+        {
+          "selector": ".ui-skeleton",
+          "sourceSuffix": "skeleton"
+        }
+      ],
+      "emptyState": [
+        {
+          "selector": ".ui-empty-state",
+          "sourceSuffix": "empty-state"
+        },
+        {
+          "selector": ".ui-empty-state-icon",
+          "sourceSuffix": "empty-state-icon"
+        },
+        {
+          "selector": ".ui-empty-state-title",
+          "sourceSuffix": "empty-state-title"
+        },
+        {
+          "selector": ".ui-empty-state-body",
+          "sourceSuffix": "empty-state-body"
+        },
+        {
+          "selector": ".ui-empty-state-actions",
+          "sourceSuffix": "empty-state-actions"
+        }
+      ],
+      "metric": [
+        {
+          "selector": ".ui-metric",
+          "sourceSuffix": "metric"
+        },
+        {
+          "selector": ".ui-metric-label",
+          "sourceSuffix": "metric-label"
+        },
+        {
+          "selector": ".ui-metric-value",
+          "sourceSuffix": "metric-value"
+        },
+        {
+          "selector": ".ui-metric-detail",
+          "sourceSuffix": "metric-detail"
+        }
+      ],
+      "chip": [
+        {
+          "selector": ".ui-chip",
+          "sourceSuffix": "chip"
+        },
+        {
+          "selector": ".ui-chip-group",
+          "sourceSuffix": "chip-group"
+        }
+      ],
+      "avatar": [
+        {
+          "selector": ".ui-avatar",
+          "sourceSuffix": "avatar"
+        },
+        {
+          "selector": ".ui-avatar-group",
+          "sourceSuffix": "avatar-group"
+        }
+      ],
+      "stepper": [
+        {
+          "selector": ".ui-stepper",
+          "sourceSuffix": "stepper"
+        },
+        {
+          "selector": ".ui-step",
+          "sourceSuffix": "step"
+        },
+        {
+          "selector": ".ui-step-marker",
+          "sourceSuffix": "step-marker"
+        },
+        {
+          "selector": ".ui-step-label",
+          "sourceSuffix": "step-label"
+        }
+      ],
+      "toast": [
+        {
+          "selector": ".ui-toast-stack",
+          "sourceSuffix": "toast-stack"
+        },
+        {
+          "selector": ".ui-toast",
+          "sourceSuffix": "toast"
+        },
+        {
+          "selector": ".ui-toast-title",
+          "sourceSuffix": "toast-title"
+        },
+        {
+          "selector": ".ui-toast-body",
+          "sourceSuffix": "toast-body"
+        },
+        {
+          "selector": ".ui-toast-actions",
+          "sourceSuffix": "toast-actions"
+        }
+      ],
+      "popover": [
+        {
+          "selector": ".ui-popover",
+          "sourceSuffix": "popover"
+        }
+      ],
+      "menu": [
+        {
+          "selector": ".ui-menu",
+          "sourceSuffix": "menu"
+        },
+        {
+          "selector": ".ui-menu-item",
+          "sourceSuffix": "menu-item"
+        },
+        {
+          "selector": ".ui-menu-group",
+          "sourceSuffix": "menu-group"
+        },
+        {
+          "selector": ".ui-menu-separator",
+          "sourceSuffix": "menu-separator"
+        }
+      ],
+      "segmentedControl": [
+        {
+          "selector": ".ui-segmented-control",
+          "sourceSuffix": "segmented-control"
+        },
+        {
+          "selector": ".ui-segment",
+          "sourceSuffix": "segment"
+        }
+      ],
+      "fileUpload": [
+        {
+          "selector": ".ui-file-upload",
+          "sourceSuffix": "file-upload"
+        },
+        {
+          "selector": ".ui-dropzone",
+          "sourceSuffix": "dropzone"
+        }
+      ],
+      "listbox": [
+        {
+          "selector": ".ui-listbox",
+          "sourceSuffix": "listbox"
+        },
+        {
+          "selector": ".ui-listbox-option",
+          "sourceSuffix": "listbox-option"
+        }
       ]
     },
     "variantAttribute": {
@@ -474,6 +693,36 @@
           "success",
           "warning",
           "danger"
+        ],
+        ".ui-chip": [
+          "primary",
+          "secondary",
+          "success",
+          "warning",
+          "danger"
+        ],
+        ".ui-toast": [
+          "info",
+          "success",
+          "warning",
+          "danger"
+        ]
+      }
+    },
+    "stateAttributes": {
+      ".ui-skeleton": {
+        "data-shape": [
+          "text",
+          "circle",
+          "block"
+        ]
+      },
+      ".ui-step": {
+        "data-state": [
+          "complete",
+          "current",
+          "upcoming",
+          "error"
         ]
       }
     },
@@ -531,7 +780,53 @@
           ".ui-table-wrap",
           ".ui-progress",
           ".ui-progress-bar",
-          ".ui-toolbar"
+          ".ui-toolbar",
+          ".ui-tabs",
+          ".ui-tab-list",
+          ".ui-tab",
+          ".ui-tab-panel",
+          ".ui-pagination",
+          ".ui-pagination-item",
+          ".ui-pagination-link",
+          ".ui-breadcrumb",
+          ".ui-breadcrumb-list",
+          ".ui-breadcrumb-item",
+          ".ui-breadcrumb-link",
+          ".ui-breadcrumb-separator",
+          ".ui-skeleton",
+          ".ui-empty-state",
+          ".ui-empty-state-icon",
+          ".ui-empty-state-title",
+          ".ui-empty-state-body",
+          ".ui-empty-state-actions",
+          ".ui-metric",
+          ".ui-metric-label",
+          ".ui-metric-value",
+          ".ui-metric-detail",
+          ".ui-chip",
+          ".ui-chip-group",
+          ".ui-avatar",
+          ".ui-avatar-group",
+          ".ui-stepper",
+          ".ui-step",
+          ".ui-step-marker",
+          ".ui-step-label",
+          ".ui-toast-stack",
+          ".ui-toast",
+          ".ui-toast-title",
+          ".ui-toast-body",
+          ".ui-toast-actions",
+          ".ui-popover",
+          ".ui-menu",
+          ".ui-menu-item",
+          ".ui-menu-group",
+          ".ui-menu-separator",
+          ".ui-segmented-control",
+          ".ui-segment",
+          ".ui-file-upload",
+          ".ui-dropzone",
+          ".ui-listbox",
+          ".ui-listbox-option"
         ]
       },
       "pending": {
@@ -768,15 +1063,65 @@
       "tooltip-right",
       "tooltip-top",
       "visually-hidden",
-      "well"
+      "well",
+      "tabs",
+      "tab-list",
+      "tab",
+      "tab-panel",
+      "pagination",
+      "pagination-item",
+      "pagination-link",
+      "breadcrumb",
+      "breadcrumb-list",
+      "breadcrumb-item",
+      "breadcrumb-link",
+      "breadcrumb-separator",
+      "skeleton",
+      "empty-state",
+      "empty-state-icon",
+      "empty-state-title",
+      "empty-state-body",
+      "empty-state-actions",
+      "metric",
+      "metric-label",
+      "metric-value",
+      "metric-detail",
+      "chip",
+      "chip-group",
+      "chip-primary",
+      "chip-secondary",
+      "chip-success",
+      "chip-warning",
+      "chip-danger",
+      "avatar",
+      "avatar-group",
+      "stepper",
+      "step",
+      "step-marker",
+      "step-label",
+      "toast-stack",
+      "toast",
+      "toast-title",
+      "toast-body",
+      "toast-actions",
+      "toast-info",
+      "toast-success",
+      "toast-warning",
+      "toast-danger",
+      "popover",
+      "menu",
+      "menu-item",
+      "menu-group",
+      "menu-separator",
+      "segmented-control",
+      "segment",
+      "file-upload",
+      "dropzone",
+      "listbox",
+      "listbox-option"
     ],
     "presetExtras": {
-      "minimal-saas": [
-        "empty-state",
-        "metric",
-        "metric-label",
-        "metric-value"
-      ],
+      "minimal-saas": [],
       "bento": [
         "actions",
         "alert-info",
@@ -800,7 +1145,6 @@
         "hero-copy",
         "inline-actions",
         "input-icon",
-        "listbox",
         "live-dot",
         "live-status",
         "loading",
@@ -808,7 +1152,6 @@
         "middle-grid",
         "quota",
         "quota-copy",
-        "segment",
         "service-card",
         "service-icon",
         "service-row",
@@ -816,7 +1159,6 @@
         "sidebar",
         "sidebar-note",
         "sidebar-spacer",
-        "skeleton",
         "sliders",
         "spin",
         "stage",
@@ -824,18 +1166,15 @@
         "stat-label",
         "stat-value",
         "status",
-        "stepper",
         "switch-row",
         "system",
         "table-panel",
         "table-tools",
-        "tabs",
         "theme-toggle",
         "tile",
         "tile-lg",
         "tile-md",
         "tile-sm",
-        "toast",
         "top-grid",
         "usage",
         "usage-cell",
@@ -871,7 +1210,6 @@
         "hero-copy",
         "inline-actions",
         "input-icon",
-        "listbox",
         "live-dot",
         "live-status",
         "loading",
@@ -881,7 +1219,6 @@
         "quota-copy",
         "rail",
         "reference",
-        "segment",
         "service-card",
         "service-icon",
         "service-row",
@@ -889,18 +1226,14 @@
         "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",
@@ -941,10 +1274,6 @@
       ],
       "cyberpunk": [
         "accordion",
-        "avatar",
-        "avatar-group",
-        "breadcrumb",
-        "chip",
         "choice",
         "code",
         "console",
@@ -960,23 +1289,14 @@
         "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": [
@@ -984,14 +1304,8 @@
       ],
       "retro-glass": [
         "accordion",
-        "avatar",
         "avatar-danger",
-        "avatar-group",
         "avatar-neutral",
-        "breadcrumb",
-        "chip",
-        "chip-danger",
-        "chip-warning",
         "choice",
         "code",
         "console",
@@ -1007,30 +1321,17 @@
         "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",
@@ -1043,7 +1344,6 @@
         "colophon",
         "section-title",
         "section-number",
-        "file-upload",
         "file-drop",
         "input-valid",
         "help-error",
@@ -1053,27 +1353,16 @@
         "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",
@@ -1084,7 +1373,6 @@
         "project-list",
         "project-item",
         "search",
-        "avatar",
         "status-card",
         "score",
         "avatar-row",
@@ -1118,11 +1406,7 @@
         "range",
         "value",
         "progress-steps",
-        "tabs",
-        "tab",
-        "pagination",
         "segmented",
-        "stepper",
         "dialog",
         "dialog-actions",
         "feedback-stack",
@@ -1130,7 +1414,6 @@
       ],
       "industrial-utility": [
         "alert-info",
-        "breadcrumb",
         "button-guarded",
         "control-cell",
         "control-grid",
@@ -1139,36 +1422,25 @@
         "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"
@@ -1178,18 +1450,11 @@
         "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",
@@ -1197,37 +1462,21 @@
         "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",
@@ -1245,18 +1494,14 @@
         "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",
@@ -1265,13 +1510,7 @@
         "stage-list",
         "stage",
         "stage-number",
-        "tabs",
-        "tab-list",
-        "tab",
-        "tab-panel",
         "segmented",
-        "segment",
-        "stepper",
         "badge-info",
         "badge-outline",
         "alert-info",
@@ -1280,7 +1519,6 @@
         "dialog",
         "dialog-actions",
         "details",
-        "skeleton",
         "palette",
         "swatch"
       ],
@@ -1314,7 +1552,6 @@
         "select-menu",
         "option",
         "tags",
-        "chip",
         "choices",
         "range",
         "range-scale",
@@ -1324,46 +1561,27 @@
         "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"
+        "dialog-actions"
       ],
+      "data-terminal": [],
       "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",
@@ -1375,11 +1593,6 @@
         "masthead",
         "masthead-title",
         "meter",
-        "metric",
-        "metric-label",
-        "metric-value",
-        "pagination",
-        "popover",
         "property-stamp",
         "pullquote",
         "rule",
@@ -1391,19 +1604,12 @@
         "segmented",
         "select-wrap",
         "sheet",
-        "skeleton",
         "slider",
         "stage",
         "stage-track",
-        "swatch",
-        "tab",
-        "tabs"
+        "swatch"
       ],
       "neo-noir": [
-        "empty-state",
-        "metric",
-        "metric-label",
-        "metric-value",
         "sheet",
         "identity",
         "brand-line",
@@ -1411,22 +1617,14 @@
         "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",