@warp-ds/elements 2.9.0-next.1 → 2.9.0-next.3

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@warp-ds/elements",
-  "version": "2.8.2-next.6",
+  "version": "2.9.0-next.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -94,10 +94,14 @@
             {
               "name": "variant",
               "value": {
-                "type": "'negative' | 'positive' | 'warning' | 'info'"
+                "type": "'negative' | 'positive' | 'warning' | 'info'",
+                "default": "'info'"
               }
             },
-            { "name": "show", "value": { "type": "boolean" } },
+            {
+              "name": "show",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "role",
               "value": { "type": "string", "default": "'alert'" }
@@ -108,10 +112,19 @@
             "properties": [
               {
                 "name": "variant",
+                "description": "Controls both the color treatment and icon used by the component. Accepted values are `info`, `warning`, `positive`, and `negative`. Use the variant that matches the message severity so users can quickly distinguish informative messages from warnings, errors, and confirmations.",
                 "type": "'negative' | 'positive' | 'warning' | 'info'"
               },
-              { "name": "show", "type": "boolean" },
-              { "name": "role", "type": "string" }
+              {
+                "name": "show",
+                "description": "Alerts are hidden by default (`false`). Set this to `true` to render and expand the content. This is reflected as an attribute, so visibility can be controlled from markup (`show`) or from JavaScript (`element.show = true`).",
+                "type": "boolean"
+              },
+              {
+                "name": "role",
+                "description": "Defaults to `alert` so urgent changes are announced by screen readers. Override this only when your use case requires a different announcement behavior, for example a less assertive live region strategy.",
+                "type": "string"
+              }
             ],
             "events": []
           }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.9.0-next.1",
-  "packageManager": "pnpm@10.30.3",
+  "version": "2.9.0-next.3",
+  "packageManager": "pnpm@10.33.0",
   "description": "Custom elements for Warp",
   "exports": {
     ".": {
@@ -140,6 +140,9 @@
       "types": "./dist/packages/*/react.d.ts",
       "import": "./dist/packages/*/react.js"
     },
+    "./docs/*": {
+      "default": "./dist/docs/*"
+    },
     "./*": {
       "types": "./dist/packages/*/*.d.ts",
       "import": "./dist/packages/*/*.js"
@@ -270,6 +273,7 @@
     "build:bundle": "tsc --project tsconfig.json --outDir .tmp --declaration false --sourceMap true && rollup -c ./build/bundle.js && rimraf .tmp",
     "build:cloak": "node ./build/cloak.js",
     "build:components": "node ./build/components.js",
+    "build:docs": "node ./build/docs.js",
     "build:eik-components-backwards-compat": "node ./build/components-eik.js",
     "build:editor": "node ./build/editor.js",
     "build:entrypoint": "node ./build/entrypoint.js",
@@ -277,7 +281,7 @@
     "build:polyfill": "node ./build/polyfill.js",
     "build:storybook": "pnpm run messages:compile && tsc && pnpm run build:manifest && pnpm run build:entrypoint && storybook build && pnpm run build:polyfill && touch ./storybook-static/.nojekyll",
     "build:styles": "node ./build/styles.js",
-    "build": "rimraf dist && rimraf eik && pnpm messages:compile && tsc && pnpm build:manifest && pnpm build:editor && pnpm build:components && pnpm run build:cloak && pnpm build:bundle && pnpm build:eik-components-backwards-compat && pnpm run build:polyfill",
+    "build": "rimraf dist && rimraf eik && pnpm messages:compile && tsc && pnpm build:manifest && pnpm build:editor && pnpm build:components && pnpm run build:cloak && pnpm build:bundle && pnpm build:eik-components-backwards-compat && pnpm run build:polyfill && pnpm run build:docs",
     "check": "pnpm biome check --write .",
     "clean": "rimraf .pnpm-store node_modules dist eik storybook-static entrypoint.js",
     "commit": "cz",
@@ -319,29 +323,28 @@
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-replace": "^6.0.2",
-    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-terser": "^1.0.0",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "@storybook/addon-a11y": "^9.1.4",
-    "@storybook/addon-docs": "^9.1.4",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/builder-vite": "^9.1.4",
-    "@storybook/react": "^9.1.10",
-    "@storybook/react-vite": "^9.1.10",
-    "@storybook/web-components": "^9.1.4",
-    "@storybook/web-components-vite": "^9.1.4",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/builder-vite": "^10.3.5",
+    "@storybook/react": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@storybook/web-components": "^10.3.5",
+    "@storybook/web-components-vite": "^10.3.5",
     "@types/node": "24.10.15",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
-    "@unocss/core": "^66.5.0",
-    "@vitejs/plugin-react": "^5.0.2",
-    "@vitest/browser": "^3.2.4",
-    "@vitest/utils": "^3.2.4",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser": "^4.1.4",
+    "@vitest/browser-playwright": "^4.1.4",
+    "@vitest/utils": "^4.1.4",
     "@warp-ds/core": "1.1.8",
     "@warp-ds/css": "2.1.1",
     "@warp-ds/uno": "2.1.0",
     "@wc-toolkit/cem-validator": "^1.0.3",
+    "@wc-toolkit/jsdoc-tags": "^1.2.0",
     "@wc-toolkit/jsx-types": "^1.4.2",
     "@wc-toolkit/storybook-helpers": "^10.0.0",
     "@wc-toolkit/type-parser": "^1.2.0",
@@ -366,14 +369,14 @@
     "rollup": "^4.52.3",
     "scroll-doctor": "2.0.2",
     "semantic-release": "25.0.3",
-    "storybook": "^9.1.4",
+    "storybook": "^10.3.5",
     "tslib": "^2.8.1",
     "typescript": "5.5.3",
-    "unocss": "0.x",
-    "vite": "^6.0.0",
-    "vitest": "^3.2.4",
-    "vitest-browser-lit": "^0.1.0",
-    "vitest-browser-react": "^1.0.1"
+    "unocss": "^66.6.8",
+    "vite": "^8.0.8",
+    "vitest": "^4.1.4",
+    "vitest-browser-lit": "^1.0.1",
+    "vitest-browser-react": "^2.2.0"
   },
   "dependencies": {
     "@lit/react": "^1.0.8",

package/dist/packages/utils/index.d.ts

@@ -1,10 +0,0 @@
-export function kebabCaseAttributes(constructor: any): {
-    new (): {
-        [x: string]: any;
-    };
-    [x: string]: any;
-    createProperty(name: any, options: any): void;
-};
-export function classes(defn: any): string;
-export function fclasses(definition: any): import("lit/async-directive.js").DirectiveResult<typeof import("lit/directives/class-map.js").ClassMapDirective>;
-export function generateRandomId(): string;

package/dist/packages/utils/index.js

@@ -1,37 +0,0 @@
-import { classMap } from 'lit/directives/class-map.js';
-const camelCaseToKebabCase = (str) => str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
-// Source: https://medium.com/@dayton-bobbitt/generating-attributes-for-litelement-properties-f972ef658137
-export function kebabCaseAttributes(constructor) {
-    return class extends constructor {
-        static createProperty(name, options) {
-            let customOptions = options;
-            // derive the attribute name if not already defined or disabled
-            if (typeof options?.attribute === 'undefined' || options?.attribute === true) {
-                customOptions = Object.assign({}, options, {
-                    attribute: camelCaseToKebabCase(name.toString()),
-                });
-            }
-            super.createProperty(name, customOptions);
-        }
-    };
-}
-export function classes(defn) {
-    const classes = [];
-    for (const [key, value] of Object.entries(defn)) {
-        if (value)
-            classes.push(key);
-    }
-    return classes.join(' ');
-}
-export function fclasses(definition) {
-    const defn = {};
-    for (const [key, value] of Object.entries(definition)) {
-        for (const className of key.split(' ')) {
-            defn[className] = value;
-        }
-    }
-    return classMap(defn);
-}
-export function generateRandomId() {
-    return `m${Math.random().toString(36).slice(2)}`;
-}