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

package/dist/packages/datepicker/DatePicker.test.js

@@ -6,12 +6,12 @@ import '../button/button.js';
 import './datepicker.js';
 import { DatePicker } from './react.js';
 test('renders the date picker component', async () => {
-    const page = render(React.createElement("form", null,
+    const page = await render(React.createElement("form", null,
         React.createElement(DatePicker, { label: "From date" })));
     await expect.element(page.getByLabelText('From date')).toBeVisible();
 });
 test('can pick a date using a pointer', async () => {
-    const page = render(React.createElement("form", { "data-testid": "flight" },
+    const page = await render(React.createElement("form", { "data-testid": "flight" },
         React.createElement(DatePicker, { label: "From date", name: "from" })));
     await expect.element(page.getByLabelText('From date')).not.toHaveValue();
     await page.getByRole('button').click({ force: true });
@@ -21,7 +21,7 @@ test('can pick a date using a pointer', async () => {
     expect(formData.get('from')).toBeTruthy();
 });
 test.skipIf(server.browser === 'firefox')('can pick a date using keyboard', async () => {
-    const page = render(React.createElement("form", { "data-testid": "flight" },
+    const page = await render(React.createElement("form", { "data-testid": "flight" },
         React.createElement(DatePicker, { label: "From date", name: "from" })));
     await expect.element(page.getByLabelText('From date')).not.toHaveValue();
     await expect.element(page.getByTestId('calendar').query()).not.toBeVisible();
@@ -39,7 +39,7 @@ test.skipIf(server.browser === 'firefox')('can pick a date using keyboard', asyn
     expect(formData.get('from')).toBeTruthy();
 });
 test('can pick a date by typing in the input field', async () => {
-    const page = render(React.createElement("form", { "data-testid": "flight" },
+    const page = await render(React.createElement("form", { "data-testid": "flight" },
         React.createElement(DatePicker, { label: "From date", name: "from" })));
     await expect.element(page.getByLabelText('From date')).not.toHaveValue();
     const toggle = page.getByLabelText('From date').element();
@@ -60,7 +60,7 @@ test('allows for the controlled component pattern', async () => {
                     spy(nextValue);
                 } })));
     };
-    const page = render(React.createElement(TestComponent, null));
+    const page = await render(React.createElement(TestComponent, null));
     await page.getByRole('button').click({ force: true });
     await page.getByRole('gridcell').nth(15).click();
     await expect.element(page.getByLabelText('From date')).toHaveValue();

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.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {

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.2",
+  "packageManager": "pnpm@10.33.0",
   "description": "Custom elements for Warp",
   "exports": {
     ".": {
@@ -319,25 +319,23 @@
     "@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",
@@ -366,14 +364,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)}`;
-}