ui-style-kit-css 2.0.4 → 2.2.0

package/manifest.json

@@ -0,0 +1,758 @@
+{
+  "schemaVersion": 1,
+  "schemaPolicy": {
+    "compatibility": "additive-within-major",
+    "breakingChange": "increment-schemaVersion-before-removing-or-renaming-fields"
+  },
+  "name": "ui-style-kit-css",
+  "version": "2.2.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"
+  ],
+  "presets": [
+    {
+      "id": "minimal-saas",
+      "label": "Minimal SaaS",
+      "prefix": "saas",
+      "entrypoints": {
+        "default": "./minimal-saas.css",
+        "visual": "./visual/minimal-saas.css"
+      }
+    },
+    {
+      "id": "bento",
+      "label": "Bento UI",
+      "prefix": "bento",
+      "entrypoints": {
+        "default": "./bento.css",
+        "visual": "./visual/bento.css"
+      }
+    },
+    {
+      "id": "maximalist",
+      "label": "Maximalist / Playful",
+      "prefix": "max",
+      "entrypoints": {
+        "default": "./maximalist.css",
+        "visual": "./visual/maximalist.css"
+      }
+    },
+    {
+      "id": "bauhaus",
+      "label": "Bauhaus / Swiss Modern",
+      "prefix": "bau",
+      "entrypoints": {
+        "default": "./bauhaus.css",
+        "visual": "./visual/bauhaus.css"
+      }
+    },
+    {
+      "id": "tactile",
+      "label": "Skeuomorphic / Tactile",
+      "prefix": "tactile",
+      "entrypoints": {
+        "default": "./tactile.css",
+        "visual": "./visual/tactile.css"
+      }
+    },
+    {
+      "id": "neumorphism",
+      "label": "Neumorphism",
+      "prefix": "neo",
+      "entrypoints": {
+        "default": "./neumorphism.css",
+        "visual": "./visual/neumorphism.css"
+      }
+    },
+    {
+      "id": "retrofuturism",
+      "label": "Retrofuturism",
+      "prefix": "retro",
+      "entrypoints": {
+        "default": "./retrofuturism.css",
+        "visual": "./visual/retrofuturism.css"
+      }
+    },
+    {
+      "id": "brutalism",
+      "label": "Brutalism",
+      "prefix": "brutal",
+      "entrypoints": {
+        "default": "./brutalism.css",
+        "visual": "./visual/brutalism.css"
+      }
+    },
+    {
+      "id": "cyberpunk",
+      "label": "Cyberpunk",
+      "prefix": "cyber",
+      "entrypoints": {
+        "default": "./cyberpunk.css",
+        "visual": "./visual/cyberpunk.css"
+      }
+    },
+    {
+      "id": "y2k",
+      "label": "Y2K",
+      "prefix": "y2k",
+      "entrypoints": {
+        "default": "./y2k.css",
+        "visual": "./visual/y2k.css"
+      }
+    },
+    {
+      "id": "retro-glass",
+      "label": "Retro Glass",
+      "prefix": "rg",
+      "entrypoints": {
+        "default": "./retro-glass.css",
+        "visual": "./visual/retro-glass.css"
+      }
+    }
+  ],
+  "themes": [
+    "midnight-gold",
+    "ocean-steel",
+    "forest-moss",
+    "sunset-ember",
+    "royal-plum",
+    "graphite-cyan",
+    "desert-sage",
+    "rose-quartz",
+    "cyber-lime",
+    "arctic-indigo"
+  ],
+  "modes": [
+    "light",
+    "dark",
+    "contrast"
+  ],
+  "tokens": {
+    "sharedSemantic": [
+      {
+        "name": "--ui-color-bg",
+        "type": "<color>",
+        "namespacedSource": "rgb(var(--usk-bg-rgb))",
+        "producerScope": "[data-ui][data-theme][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]",
+        "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]",
+        "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]",
+        "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]",
+        "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]",
+        "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]",
+        "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]",
+        "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]",
+        "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]",
+        "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]",
+        "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]",
+        "standaloneExpectation": "available-with-ui-style-kit-entrypoints"
+      }
+    ]
+  },
+  "semanticComponentApi": {
+    "presetSwitchAttribute": "data-ui",
+    "selectorsByRole": {
+      "button": [
+        {
+          "selector": ".ui-button",
+          "sourceSuffix": "button"
+        },
+        {
+          "selector": ".ui-icon-button",
+          "sourceSuffix": "icon-button"
+        }
+      ],
+      "card": [
+        {
+          "selector": ".ui-card",
+          "sourceSuffix": "card"
+        }
+      ],
+      "form": [
+        {
+          "selector": ".ui-field",
+          "sourceSuffix": "field"
+        },
+        {
+          "selector": ".ui-label",
+          "sourceSuffix": "label"
+        },
+        {
+          "selector": ".ui-help-text",
+          "sourceSuffix": "help-text"
+        },
+        {
+          "selector": ".ui-input",
+          "sourceSuffix": "input"
+        },
+        {
+          "selector": ".ui-select",
+          "sourceSuffix": "select"
+        },
+        {
+          "selector": ".ui-textarea",
+          "sourceSuffix": "textarea"
+        },
+        {
+          "selector": ".ui-check",
+          "sourceSuffix": "check"
+        },
+        {
+          "selector": ".ui-check-control",
+          "sourceSuffix": "check-control"
+        },
+        {
+          "selector": ".ui-radio",
+          "sourceSuffix": "radio"
+        },
+        {
+          "selector": ".ui-radio-control",
+          "sourceSuffix": "radio-control"
+        },
+        {
+          "selector": ".ui-switch",
+          "sourceSuffix": "switch"
+        },
+        {
+          "selector": ".ui-switch-track",
+          "sourceSuffix": "switch-track"
+        },
+        {
+          "selector": ".ui-switch-thumb",
+          "sourceSuffix": "switch-thumb"
+        }
+      ],
+      "badge": [
+        {
+          "selector": ".ui-badge",
+          "sourceSuffix": "badge"
+        }
+      ],
+      "alert": [
+        {
+          "selector": ".ui-alert",
+          "sourceSuffix": "alert"
+        },
+        {
+          "selector": ".ui-alert-title",
+          "sourceSuffix": "alert-title"
+        },
+        {
+          "selector": ".ui-alert-body",
+          "sourceSuffix": "alert-body"
+        }
+      ],
+      "navigation": [
+        {
+          "selector": ".ui-nav",
+          "sourceSuffix": "nav"
+        },
+        {
+          "selector": ".ui-nav-link",
+          "sourceSuffix": "nav-link"
+        }
+      ],
+      "table": [
+        {
+          "selector": ".ui-table",
+          "sourceSuffix": "table"
+        },
+        {
+          "selector": ".ui-table-wrap",
+          "sourceSuffix": "table-wrap"
+        }
+      ],
+      "progress": [
+        {
+          "selector": ".ui-progress",
+          "sourceSuffix": "progress"
+        },
+        {
+          "selector": ".ui-progress-bar",
+          "sourceSuffix": "progress-bar"
+        }
+      ],
+      "toolbar": [
+        {
+          "selector": ".ui-toolbar",
+          "sourceSuffix": "toolbar"
+        }
+      ],
+      "loading": [
+        {
+          "selector": ".ui-spinner",
+          "sourceSuffix": "spinner"
+        }
+      ],
+      "tooltip": [
+        {
+          "selector": ".ui-tooltip",
+          "sourceSuffix": "tooltip"
+        }
+      ]
+    },
+    "variantAttribute": {
+      "name": "data-ui-variant",
+      "neutral": "omitted",
+      "valuesBySelector": {
+        ".ui-button": [
+          "primary",
+          "secondary",
+          "danger",
+          "ghost"
+        ],
+        ".ui-badge": [
+          "primary",
+          "secondary",
+          "success",
+          "warning",
+          "danger"
+        ],
+        ".ui-alert": [
+          "success",
+          "warning",
+          "danger"
+        ]
+      }
+    },
+    "nativeFallbacks": [
+      {
+        "roles": [
+          "modal",
+          "dialog"
+        ],
+        "element": "dialog",
+        "genericSelectors": []
+      }
+    ],
+    "presetPrefixedClasses": {
+      "status": "supported",
+      "uses": [
+        "compatibility",
+        "advanced"
+      ]
+    },
+    "implementationStatus": {
+      "retained": {
+        "status": "implemented",
+        "selectors": [
+          ".ui-spinner",
+          ".ui-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"
+        ]
+      },
+      "pending": {
+        "status": "pending",
+        "targetTask": 11,
+        "selectors": []
+      }
+    }
+  },
+  "nativeElements": {
+    "fullyThemed": [
+      "a",
+      "abbr",
+      "address",
+      "article",
+      "aside",
+      "b",
+      "bdi",
+      "bdo",
+      "blockquote",
+      "body",
+      "button",
+      "caption",
+      "cite",
+      "code",
+      "data",
+      "dd",
+      "del",
+      "details",
+      "dfn",
+      "dialog",
+      "div",
+      "dl",
+      "dt",
+      "em",
+      "fieldset",
+      "figcaption",
+      "figure",
+      "footer",
+      "form",
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
+      "header",
+      "hgroup",
+      "hr",
+      "html",
+      "i",
+      "input",
+      "ins",
+      "kbd",
+      "label",
+      "legend",
+      "li",
+      "main",
+      "mark",
+      "menu",
+      "meter",
+      "nav",
+      "ol",
+      "output",
+      "p",
+      "pre",
+      "progress",
+      "q",
+      "rp",
+      "rt",
+      "ruby",
+      "s",
+      "samp",
+      "search",
+      "section",
+      "select",
+      "small",
+      "span",
+      "strong",
+      "sub",
+      "summary",
+      "sup",
+      "table",
+      "tbody",
+      "td",
+      "textarea",
+      "tfoot",
+      "th",
+      "thead",
+      "time",
+      "tr",
+      "u",
+      "ul",
+      "var"
+    ],
+    "progressivelyEnhanced": [
+      "area",
+      "audio",
+      "br",
+      "canvas",
+      "col",
+      "colgroup",
+      "embed",
+      "iframe",
+      "img",
+      "map",
+      "math",
+      "object",
+      "optgroup",
+      "option",
+      "picture",
+      "selectedcontent",
+      "slot",
+      "svg",
+      "video",
+      "wbr"
+    ],
+    "platformOwned": [
+      "audio-controls",
+      "color-picker-dialog",
+      "datalist-popup",
+      "date-time-picker-dialog",
+      "select-popup",
+      "video-controls"
+    ],
+    "nonRendered": [
+      "base",
+      "datalist",
+      "head",
+      "link",
+      "meta",
+      "noscript",
+      "script",
+      "source",
+      "style",
+      "template",
+      "title",
+      "track"
+    ]
+  },
+  "classApi": {
+    "universalVisualSuffixes": [
+      "alert",
+      "alert-body",
+      "alert-danger",
+      "alert-success",
+      "alert-title",
+      "alert-warning",
+      "badge",
+      "badge-danger",
+      "badge-primary",
+      "badge-secondary",
+      "badge-success",
+      "badge-warning",
+      "bg-primary",
+      "bg-secondary",
+      "border",
+      "button",
+      "button-danger",
+      "button-ghost",
+      "button-pill",
+      "button-primary",
+      "button-secondary",
+      "card",
+      "check",
+      "check-control",
+      "copy",
+      "disabled",
+      "divider",
+      "field",
+      "heading",
+      "help-text",
+      "hover-lift",
+      "icon-button",
+      "input",
+      "inset",
+      "kicker",
+      "label",
+      "loading-spinner",
+      "nav",
+      "nav-link",
+      "panel",
+      "pill",
+      "progress",
+      "progress-bar",
+      "radio",
+      "radio-control",
+      "rounded",
+      "rounded-lg",
+      "rounded-xl",
+      "select",
+      "skip-link",
+      "spinner",
+      "spinner-lg",
+      "spinner-sm",
+      "sr-only",
+      "subtitle",
+      "surface",
+      "surface-lg",
+      "surface-sm",
+      "switch",
+      "switch-thumb",
+      "switch-track",
+      "table",
+      "table-wrap",
+      "text-accent",
+      "text-danger",
+      "text-muted",
+      "text-primary",
+      "text-secondary",
+      "text-success",
+      "text-warning",
+      "textarea",
+      "title",
+      "toolbar",
+      "tooltip",
+      "tooltip-arrow",
+      "tooltip-bottom",
+      "tooltip-left",
+      "tooltip-right",
+      "tooltip-top",
+      "visually-hidden",
+      "well"
+    ],
+    "presetExtras": {
+      "minimal-saas": [
+        "empty-state",
+        "metric",
+        "metric-label",
+        "metric-value"
+      ],
+      "bento": [
+        "grid-feature",
+        "stat",
+        "stat-label",
+        "stat-value",
+        "tile",
+        "tile-lg",
+        "tile-md",
+        "tile-sm"
+      ],
+      "maximalist": [
+        "callout",
+        "sticker",
+        "wiggle"
+      ],
+      "bauhaus": [
+        "block",
+        "composition",
+        "rail"
+      ],
+      "tactile": [
+        "bevel",
+        "knob",
+        "pressed"
+      ],
+      "neumorphism": [],
+      "retrofuturism": [],
+      "brutalism": [
+        "pressed"
+      ],
+      "cyberpunk": [
+        "console"
+      ],
+      "y2k": [
+        "bubble"
+      ],
+      "retro-glass": [
+        "console"
+      ]
+    },
+    "deprecatedStructuralSuffixes": [
+      "page",
+      "container",
+      "section",
+      "grid",
+      "stack",
+      "cluster",
+      "split"
+    ]
+  },
+  "nativeParts": {
+    "standard": [
+      "accent-color",
+      "color-scheme",
+      "dialog-backdrop",
+      "file-selector-button",
+      "list-marker",
+      "placeholder",
+      "selection",
+      "summary-marker"
+    ],
+    "vendorSpecific": [
+      "calendar-picker-indicator",
+      "color-swatch",
+      "number-spinner",
+      "progress-track",
+      "progress-value",
+      "range-thumb",
+      "range-track",
+      "scrollbar",
+      "search-cancel-button",
+      "select-indicator"
+    ],
+    "platformOwned": [
+      "color-picker-dialog",
+      "datalist-popup",
+      "date-time-picker-dialog",
+      "select-option-rendering",
+      "select-popup"
+    ],
+    "nonRendered": [
+      "datalist"
+    ]
+  }
+}