ui-style-kit-css 2.5.0 → 2.6.0

package/manifest.json

@@ -5,13 +5,14 @@
     "breakingChange": "increment-schemaVersion-before-removing-or-renaming-fields"
   },
   "name": "ui-style-kit-css",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "cascadeLayers": [
     "ui-style-kit.theme_colors",
     "ui-style-kit.native_elements",
     "ui-style-kit.components",
     "ui-style-kit.presets",
-    "ui-style-kit.compat_layout"
+    "ui-style-kit.compat_layout",
+    "ui-style-kit.clean_defaults"
   ],
   "presets": [
     {
@@ -20,7 +21,8 @@
       "prefix": "saas",
       "entrypoints": {
         "default": "./minimal-saas.css",
-        "visual": "./visual/minimal-saas.css"
+        "visual": "./visual/minimal-saas.css",
+        "standalone": "./presets/minimal-saas.css"
       }
     },
     {
@@ -29,7 +31,8 @@
       "prefix": "bento",
       "entrypoints": {
         "default": "./bento.css",
-        "visual": "./visual/bento.css"
+        "visual": "./visual/bento.css",
+        "standalone": "./presets/bento.css"
       }
     },
     {
@@ -38,7 +41,8 @@
       "prefix": "max",
       "entrypoints": {
         "default": "./maximalist.css",
-        "visual": "./visual/maximalist.css"
+        "visual": "./visual/maximalist.css",
+        "standalone": "./presets/maximalist.css"
       }
     },
     {
@@ -47,7 +51,8 @@
       "prefix": "bau",
       "entrypoints": {
         "default": "./bauhaus.css",
-        "visual": "./visual/bauhaus.css"
+        "visual": "./visual/bauhaus.css",
+        "standalone": "./presets/bauhaus.css"
       }
     },
     {
@@ -56,7 +61,8 @@
       "prefix": "tactile",
       "entrypoints": {
         "default": "./tactile.css",
-        "visual": "./visual/tactile.css"
+        "visual": "./visual/tactile.css",
+        "standalone": "./presets/tactile.css"
       }
     },
     {
@@ -65,7 +71,8 @@
       "prefix": "neo",
       "entrypoints": {
         "default": "./neumorphism.css",
-        "visual": "./visual/neumorphism.css"
+        "visual": "./visual/neumorphism.css",
+        "standalone": "./presets/neumorphism.css"
       }
     },
     {
@@ -74,7 +81,8 @@
       "prefix": "retro",
       "entrypoints": {
         "default": "./retrofuturism.css",
-        "visual": "./visual/retrofuturism.css"
+        "visual": "./visual/retrofuturism.css",
+        "standalone": "./presets/retrofuturism.css"
       }
     },
     {
@@ -83,7 +91,8 @@
       "prefix": "brutal",
       "entrypoints": {
         "default": "./brutalism.css",
-        "visual": "./visual/brutalism.css"
+        "visual": "./visual/brutalism.css",
+        "standalone": "./presets/brutalism.css"
       }
     },
     {
@@ -92,7 +101,8 @@
       "prefix": "cyber",
       "entrypoints": {
         "default": "./cyberpunk.css",
-        "visual": "./visual/cyberpunk.css"
+        "visual": "./visual/cyberpunk.css",
+        "standalone": "./presets/cyberpunk.css"
       }
     },
     {
@@ -101,7 +111,8 @@
       "prefix": "y2k",
       "entrypoints": {
         "default": "./y2k.css",
-        "visual": "./visual/y2k.css"
+        "visual": "./visual/y2k.css",
+        "standalone": "./presets/y2k.css"
       }
     },
     {
@@ -110,7 +121,8 @@
       "prefix": "rg",
       "entrypoints": {
         "default": "./retro-glass.css",
-        "visual": "./visual/retro-glass.css"
+        "visual": "./visual/retro-glass.css",
+        "standalone": "./presets/retro-glass.css"
       }
     },
     {
@@ -119,7 +131,8 @@
       "prefix": "luxe",
       "entrypoints": {
         "default": "./editorial-luxe.css",
-        "visual": "./visual/editorial-luxe.css"
+        "visual": "./visual/editorial-luxe.css",
+        "standalone": "./presets/editorial-luxe.css"
       }
     },
     {
@@ -128,7 +141,8 @@
       "prefix": "organic",
       "entrypoints": {
         "default": "./organic-modern.css",
-        "visual": "./visual/organic-modern.css"
+        "visual": "./visual/organic-modern.css",
+        "standalone": "./presets/organic-modern.css"
       }
     },
     {
@@ -137,7 +151,8 @@
       "prefix": "utility",
       "entrypoints": {
         "default": "./industrial-utility.css",
-        "visual": "./visual/industrial-utility.css"
+        "visual": "./visual/industrial-utility.css",
+        "standalone": "./presets/industrial-utility.css"
       }
     },
     {
@@ -146,7 +161,8 @@
       "prefix": "blueprint",
       "entrypoints": {
         "default": "./technical-blueprint.css",
-        "visual": "./visual/technical-blueprint.css"
+        "visual": "./visual/technical-blueprint.css",
+        "standalone": "./presets/technical-blueprint.css"
       }
     },
     {
@@ -155,7 +171,8 @@
       "prefix": "deco",
       "entrypoints": {
         "default": "./art-deco.css",
-        "visual": "./visual/art-deco.css"
+        "visual": "./visual/art-deco.css",
+        "standalone": "./presets/art-deco.css"
       }
     },
     {
@@ -164,7 +181,8 @@
       "prefix": "clay",
       "entrypoints": {
         "default": "./clay.css",
-        "visual": "./visual/clay.css"
+        "visual": "./visual/clay.css",
+        "standalone": "./presets/clay.css"
       }
     },
     {
@@ -173,7 +191,8 @@
       "prefix": "terminal",
       "entrypoints": {
         "default": "./data-terminal.css",
-        "visual": "./visual/data-terminal.css"
+        "visual": "./visual/data-terminal.css",
+        "standalone": "./presets/data-terminal.css"
       }
     },
     {
@@ -182,7 +201,8 @@
       "prefix": "paper",
       "entrypoints": {
         "default": "./paper-editorial.css",
-        "visual": "./visual/paper-editorial.css"
+        "visual": "./visual/paper-editorial.css",
+        "standalone": "./presets/paper-editorial.css"
       }
     },
     {
@@ -191,7 +211,8 @@
       "prefix": "noir",
       "entrypoints": {
         "default": "./neo-noir.css",
-        "visual": "./visual/neo-noir.css"
+        "visual": "./visual/neo-noir.css",
+        "standalone": "./presets/neo-noir.css"
       }
     }
   ],
@@ -317,356 +338,362 @@
   },
   "semanticComponentApi": {
     "presetSwitchAttribute": "data-ui",
+    "classNamespaces": {
+      "canonical": "usk",
+      "compatibility": [
+        "ui"
+      ]
+    },
     "selectorsByRole": {
       "button": [
         {
-          "selector": ".ui-button",
+          "selector": ".usk-button",
           "sourceSuffix": "button"
         },
         {
-          "selector": ".ui-icon-button",
+          "selector": ".usk-icon-button",
           "sourceSuffix": "icon-button"
         }
       ],
       "card": [
         {
-          "selector": ".ui-card",
+          "selector": ".usk-card",
           "sourceSuffix": "card"
         }
       ],
       "form": [
         {
-          "selector": ".ui-field",
+          "selector": ".usk-field",
           "sourceSuffix": "field"
         },
         {
-          "selector": ".ui-label",
+          "selector": ".usk-label",
           "sourceSuffix": "label"
         },
         {
-          "selector": ".ui-help-text",
+          "selector": ".usk-help-text",
           "sourceSuffix": "help-text"
         },
         {
-          "selector": ".ui-input",
+          "selector": ".usk-input",
           "sourceSuffix": "input"
         },
         {
-          "selector": ".ui-select",
+          "selector": ".usk-select",
           "sourceSuffix": "select"
         },
         {
-          "selector": ".ui-textarea",
+          "selector": ".usk-textarea",
           "sourceSuffix": "textarea"
         },
         {
-          "selector": ".ui-check",
+          "selector": ".usk-check",
           "sourceSuffix": "check"
         },
         {
-          "selector": ".ui-check-control",
+          "selector": ".usk-check-control",
           "sourceSuffix": "check-control"
         },
         {
-          "selector": ".ui-radio",
+          "selector": ".usk-radio",
           "sourceSuffix": "radio"
         },
         {
-          "selector": ".ui-radio-control",
+          "selector": ".usk-radio-control",
           "sourceSuffix": "radio-control"
         },
         {
-          "selector": ".ui-switch",
+          "selector": ".usk-switch",
           "sourceSuffix": "switch"
         },
         {
-          "selector": ".ui-switch-track",
+          "selector": ".usk-switch-track",
           "sourceSuffix": "switch-track"
         },
         {
-          "selector": ".ui-switch-thumb",
+          "selector": ".usk-switch-thumb",
           "sourceSuffix": "switch-thumb"
         }
       ],
       "badge": [
         {
-          "selector": ".ui-badge",
+          "selector": ".usk-badge",
           "sourceSuffix": "badge"
         }
       ],
       "alert": [
         {
-          "selector": ".ui-alert",
+          "selector": ".usk-alert",
           "sourceSuffix": "alert"
         },
         {
-          "selector": ".ui-alert-title",
+          "selector": ".usk-alert-title",
           "sourceSuffix": "alert-title"
         },
         {
-          "selector": ".ui-alert-body",
+          "selector": ".usk-alert-body",
           "sourceSuffix": "alert-body"
         }
       ],
       "navigation": [
         {
-          "selector": ".ui-nav",
+          "selector": ".usk-nav",
           "sourceSuffix": "nav"
         },
         {
-          "selector": ".ui-nav-link",
+          "selector": ".usk-nav-link",
           "sourceSuffix": "nav-link"
         }
       ],
       "table": [
         {
-          "selector": ".ui-table",
+          "selector": ".usk-table",
           "sourceSuffix": "table"
         },
         {
-          "selector": ".ui-table-wrap",
+          "selector": ".usk-table-wrap",
           "sourceSuffix": "table-wrap"
         }
       ],
       "progress": [
         {
-          "selector": ".ui-progress",
+          "selector": ".usk-progress",
           "sourceSuffix": "progress"
         },
         {
-          "selector": ".ui-progress-bar",
+          "selector": ".usk-progress-bar",
           "sourceSuffix": "progress-bar"
         }
       ],
       "toolbar": [
         {
-          "selector": ".ui-toolbar",
+          "selector": ".usk-toolbar",
           "sourceSuffix": "toolbar"
         }
       ],
       "loading": [
         {
-          "selector": ".ui-spinner",
+          "selector": ".usk-spinner",
           "sourceSuffix": "spinner"
         }
       ],
       "tooltip": [
         {
-          "selector": ".ui-tooltip",
+          "selector": ".usk-tooltip",
           "sourceSuffix": "tooltip"
         }
       ],
       "tabs": [
         {
-          "selector": ".ui-tabs",
+          "selector": ".usk-tabs",
           "sourceSuffix": "tabs"
         },
         {
-          "selector": ".ui-tab-list",
+          "selector": ".usk-tab-list",
           "sourceSuffix": "tab-list"
         },
         {
-          "selector": ".ui-tab",
+          "selector": ".usk-tab",
           "sourceSuffix": "tab"
         },
         {
-          "selector": ".ui-tab-panel",
+          "selector": ".usk-tab-panel",
           "sourceSuffix": "tab-panel"
         }
       ],
       "pagination": [
         {
-          "selector": ".ui-pagination",
+          "selector": ".usk-pagination",
           "sourceSuffix": "pagination"
         },
         {
-          "selector": ".ui-pagination-item",
+          "selector": ".usk-pagination-item",
           "sourceSuffix": "pagination-item"
         },
         {
-          "selector": ".ui-pagination-link",
+          "selector": ".usk-pagination-link",
           "sourceSuffix": "pagination-link"
         }
       ],
       "breadcrumb": [
         {
-          "selector": ".ui-breadcrumb",
+          "selector": ".usk-breadcrumb",
           "sourceSuffix": "breadcrumb"
         },
         {
-          "selector": ".ui-breadcrumb-list",
+          "selector": ".usk-breadcrumb-list",
           "sourceSuffix": "breadcrumb-list"
         },
         {
-          "selector": ".ui-breadcrumb-item",
+          "selector": ".usk-breadcrumb-item",
           "sourceSuffix": "breadcrumb-item"
         },
         {
-          "selector": ".ui-breadcrumb-link",
+          "selector": ".usk-breadcrumb-link",
           "sourceSuffix": "breadcrumb-link"
         },
         {
-          "selector": ".ui-breadcrumb-separator",
+          "selector": ".usk-breadcrumb-separator",
           "sourceSuffix": "breadcrumb-separator"
         }
       ],
       "skeleton": [
         {
-          "selector": ".ui-skeleton",
+          "selector": ".usk-skeleton",
           "sourceSuffix": "skeleton"
         }
       ],
       "emptyState": [
         {
-          "selector": ".ui-empty-state",
+          "selector": ".usk-empty-state",
           "sourceSuffix": "empty-state"
         },
         {
-          "selector": ".ui-empty-state-icon",
+          "selector": ".usk-empty-state-icon",
           "sourceSuffix": "empty-state-icon"
         },
         {
-          "selector": ".ui-empty-state-title",
+          "selector": ".usk-empty-state-title",
           "sourceSuffix": "empty-state-title"
         },
         {
-          "selector": ".ui-empty-state-body",
+          "selector": ".usk-empty-state-body",
           "sourceSuffix": "empty-state-body"
         },
         {
-          "selector": ".ui-empty-state-actions",
+          "selector": ".usk-empty-state-actions",
           "sourceSuffix": "empty-state-actions"
         }
       ],
       "metric": [
         {
-          "selector": ".ui-metric",
+          "selector": ".usk-metric",
           "sourceSuffix": "metric"
         },
         {
-          "selector": ".ui-metric-label",
+          "selector": ".usk-metric-label",
           "sourceSuffix": "metric-label"
         },
         {
-          "selector": ".ui-metric-value",
+          "selector": ".usk-metric-value",
           "sourceSuffix": "metric-value"
         },
         {
-          "selector": ".ui-metric-detail",
+          "selector": ".usk-metric-detail",
           "sourceSuffix": "metric-detail"
         }
       ],
       "chip": [
         {
-          "selector": ".ui-chip",
+          "selector": ".usk-chip",
           "sourceSuffix": "chip"
         },
         {
-          "selector": ".ui-chip-group",
+          "selector": ".usk-chip-group",
           "sourceSuffix": "chip-group"
         }
       ],
       "avatar": [
         {
-          "selector": ".ui-avatar",
+          "selector": ".usk-avatar",
           "sourceSuffix": "avatar"
         },
         {
-          "selector": ".ui-avatar-group",
+          "selector": ".usk-avatar-group",
           "sourceSuffix": "avatar-group"
         }
       ],
       "stepper": [
         {
-          "selector": ".ui-stepper",
+          "selector": ".usk-stepper",
           "sourceSuffix": "stepper"
         },
         {
-          "selector": ".ui-step",
+          "selector": ".usk-step",
           "sourceSuffix": "step"
         },
         {
-          "selector": ".ui-step-marker",
+          "selector": ".usk-step-marker",
           "sourceSuffix": "step-marker"
         },
         {
-          "selector": ".ui-step-label",
+          "selector": ".usk-step-label",
           "sourceSuffix": "step-label"
         }
       ],
       "toast": [
         {
-          "selector": ".ui-toast-stack",
+          "selector": ".usk-toast-stack",
           "sourceSuffix": "toast-stack"
         },
         {
-          "selector": ".ui-toast",
+          "selector": ".usk-toast",
           "sourceSuffix": "toast"
         },
         {
-          "selector": ".ui-toast-title",
+          "selector": ".usk-toast-title",
           "sourceSuffix": "toast-title"
         },
         {
-          "selector": ".ui-toast-body",
+          "selector": ".usk-toast-body",
           "sourceSuffix": "toast-body"
         },
         {
-          "selector": ".ui-toast-actions",
+          "selector": ".usk-toast-actions",
           "sourceSuffix": "toast-actions"
         }
       ],
       "popover": [
         {
-          "selector": ".ui-popover",
+          "selector": ".usk-popover",
           "sourceSuffix": "popover"
         }
       ],
       "menu": [
         {
-          "selector": ".ui-menu",
+          "selector": ".usk-menu",
           "sourceSuffix": "menu"
         },
         {
-          "selector": ".ui-menu-item",
+          "selector": ".usk-menu-item",
           "sourceSuffix": "menu-item"
         },
         {
-          "selector": ".ui-menu-group",
+          "selector": ".usk-menu-group",
           "sourceSuffix": "menu-group"
         },
         {
-          "selector": ".ui-menu-separator",
+          "selector": ".usk-menu-separator",
           "sourceSuffix": "menu-separator"
         }
       ],
       "segmentedControl": [
         {
-          "selector": ".ui-segmented-control",
+          "selector": ".usk-segmented-control",
           "sourceSuffix": "segmented-control"
         },
         {
-          "selector": ".ui-segment",
+          "selector": ".usk-segment",
           "sourceSuffix": "segment"
         }
       ],
       "fileUpload": [
         {
-          "selector": ".ui-file-upload",
+          "selector": ".usk-file-upload",
           "sourceSuffix": "file-upload"
         },
         {
-          "selector": ".ui-dropzone",
+          "selector": ".usk-dropzone",
           "sourceSuffix": "dropzone"
         }
       ],
       "listbox": [
         {
-          "selector": ".ui-listbox",
+          "selector": ".usk-listbox",
           "sourceSuffix": "listbox"
         },
         {
-          "selector": ".ui-listbox-option",
+          "selector": ".usk-listbox-option",
           "sourceSuffix": "listbox-option"
         }
       ]
@@ -675,33 +702,33 @@
       "name": "data-ui-variant",
       "neutral": "omitted",
       "valuesBySelector": {
-        ".ui-button": [
+        ".usk-button": [
           "primary",
           "secondary",
           "warning",
           "danger",
           "ghost"
         ],
-        ".ui-badge": [
+        ".usk-badge": [
           "primary",
           "secondary",
           "success",
           "warning",
           "danger"
         ],
-        ".ui-alert": [
+        ".usk-alert": [
           "success",
           "warning",
           "danger"
         ],
-        ".ui-chip": [
+        ".usk-chip": [
           "primary",
           "secondary",
           "success",
           "warning",
           "danger"
         ],
-        ".ui-toast": [
+        ".usk-toast": [
           "info",
           "success",
           "warning",
@@ -710,14 +737,14 @@
       }
     },
     "stateAttributes": {
-      ".ui-skeleton": {
+      ".usk-skeleton": {
         "data-shape": [
           "text",
           "circle",
           "block"
         ]
       },
-      ".ui-step": {
+      ".usk-step": {
         "data-state": [
           "complete",
           "current",
@@ -747,86 +774,86 @@
       "retained": {
         "status": "implemented",
         "selectors": [
-          ".ui-spinner",
-          ".ui-tooltip"
+          ".usk-spinner",
+          ".usk-tooltip"
         ]
       },
       "implemented": {
         "status": "implemented",
         "selectors": [
-          ".ui-button",
-          ".ui-icon-button",
-          ".ui-card",
-          ".ui-field",
-          ".ui-label",
-          ".ui-help-text",
-          ".ui-input",
-          ".ui-select",
-          ".ui-textarea",
-          ".ui-check",
-          ".ui-check-control",
-          ".ui-radio",
-          ".ui-radio-control",
-          ".ui-switch",
-          ".ui-switch-track",
-          ".ui-switch-thumb",
-          ".ui-badge",
-          ".ui-alert",
-          ".ui-alert-title",
-          ".ui-alert-body",
-          ".ui-nav",
-          ".ui-nav-link",
-          ".ui-table",
-          ".ui-table-wrap",
-          ".ui-progress",
-          ".ui-progress-bar",
-          ".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"
+          ".usk-button",
+          ".usk-icon-button",
+          ".usk-card",
+          ".usk-field",
+          ".usk-label",
+          ".usk-help-text",
+          ".usk-input",
+          ".usk-select",
+          ".usk-textarea",
+          ".usk-check",
+          ".usk-check-control",
+          ".usk-radio",
+          ".usk-radio-control",
+          ".usk-switch",
+          ".usk-switch-track",
+          ".usk-switch-thumb",
+          ".usk-badge",
+          ".usk-alert",
+          ".usk-alert-title",
+          ".usk-alert-body",
+          ".usk-nav",
+          ".usk-nav-link",
+          ".usk-table",
+          ".usk-table-wrap",
+          ".usk-progress",
+          ".usk-progress-bar",
+          ".usk-toolbar",
+          ".usk-tabs",
+          ".usk-tab-list",
+          ".usk-tab",
+          ".usk-tab-panel",
+          ".usk-pagination",
+          ".usk-pagination-item",
+          ".usk-pagination-link",
+          ".usk-breadcrumb",
+          ".usk-breadcrumb-list",
+          ".usk-breadcrumb-item",
+          ".usk-breadcrumb-link",
+          ".usk-breadcrumb-separator",
+          ".usk-skeleton",
+          ".usk-empty-state",
+          ".usk-empty-state-icon",
+          ".usk-empty-state-title",
+          ".usk-empty-state-body",
+          ".usk-empty-state-actions",
+          ".usk-metric",
+          ".usk-metric-label",
+          ".usk-metric-value",
+          ".usk-metric-detail",
+          ".usk-chip",
+          ".usk-chip-group",
+          ".usk-avatar",
+          ".usk-avatar-group",
+          ".usk-stepper",
+          ".usk-step",
+          ".usk-step-marker",
+          ".usk-step-label",
+          ".usk-toast-stack",
+          ".usk-toast",
+          ".usk-toast-title",
+          ".usk-toast-body",
+          ".usk-toast-actions",
+          ".usk-popover",
+          ".usk-menu",
+          ".usk-menu-item",
+          ".usk-menu-group",
+          ".usk-menu-separator",
+          ".usk-segmented-control",
+          ".usk-segment",
+          ".usk-file-upload",
+          ".usk-dropzone",
+          ".usk-listbox",
+          ".usk-listbox-option"
         ]
       },
       "pending": {
@@ -968,6 +995,12 @@
     ]
   },
   "classApi": {
+    "globalUtilities": [
+      "flush",
+      "usk-flush",
+      "usk-underline",
+      "usk-wrapper"
+    ],
     "universalVisualSuffixes": [
       "alert",
       "alert-body",