@warp-ds/elements 2.8.1 → 2.8.2-next.2

package/dist/packages/toast/toast.test.d.ts

@@ -0,0 +1 @@
+import './toast.js';

package/dist/packages/toast/toast.test.js

@@ -0,0 +1,58 @@
+import { html } from 'lit';
+import { expect, test } from 'vitest';
+import { render } from 'vitest-browser-lit';
+import './toast.js';
+test('renders the toast with text', async () => {
+    const component = html `<w-toast text="Test message" data-testid="toast"></w-toast>`;
+    const page = render(component);
+    await expect.element(page.getByTestId('toast')).toBeVisible();
+    await expect.element(page.getByText('Test message')).toBeVisible();
+});
+test('defaults to success type when no type attribute is set', async () => {
+    const component = html `<w-toast text="Success message" data-testid="toast"></w-toast>`;
+    const page = render(component);
+    const el = page.getByTestId('toast').element();
+    // The type attribute should not be reflected (to avoid hydration mismatch)
+    expect(el.hasAttribute('type')).toBe(false);
+    // But the success icon should be rendered (default behavior)
+    await expect
+        .poll(() => {
+        const icon = el.shadowRoot?.querySelector('w-icon');
+        return icon?.getAttribute('name');
+    })
+        .toBe('Success');
+});
+test('generates unique id when no id attribute is set', async () => {
+    const component = html `<w-toast text="Test message" data-testid="toast"></w-toast>`;
+    const page = render(component);
+    const el = page.getByTestId('toast').element();
+    // An id should be generated
+    expect(el.id).toBeTruthy();
+    expect(el.id.length).toBeGreaterThan(0);
+});
+test('uses specified type when type attribute is set', async () => {
+    const component = html `<w-toast text="Warning message" type="warning" data-testid="toast"></w-toast>`;
+    const page = render(component);
+    const el = page.getByTestId('toast').element();
+    // The type attribute should be reflected
+    expect(el.getAttribute('type')).toBe('warning');
+    // And the warning icon should be rendered
+    await expect
+        .poll(() => {
+        const icon = el.shadowRoot?.querySelector('w-icon');
+        return icon?.getAttribute('name');
+    })
+        .toBe('Warning');
+});
+test('renders error type correctly', async () => {
+    const component = html `<w-toast text="Error message" type="error" data-testid="toast"></w-toast>`;
+    const page = render(component);
+    const el = page.getByTestId('toast').element();
+    // The error icon should be rendered
+    await expect
+        .poll(() => {
+        const icon = el.shadowRoot?.querySelector('w-icon');
+        return icon?.getAttribute('name');
+    })
+        .toBe('Error');
+});

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.1-next.5",
+  "version": "2.8.2-next.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -19,15 +19,12 @@
             {
               "name": "size",
               "description": "Size: small, medium, large or pixel value (e.g. \"32px\")",
-              "value": {
-                "type": "'small' | 'medium' | 'large' | string",
-                "default": "'medium'"
-              }
+              "value": { "type": "'small' | 'medium' | 'large' | string" }
             },
             {
               "name": "locale",
               "description": "Locale used in CDN URL",
-              "value": { "type": "string", "default": "'en'" }
+              "value": { "type": "string" }
             }
           ],
           "events": [],
@@ -97,14 +94,10 @@
             {
               "name": "variant",
               "value": {
-                "type": "'negative' | 'positive' | 'warning' | 'info'",
-                "default": "'info'"
+                "type": "'negative' | 'positive' | 'warning' | 'info'"
               }
             },
-            {
-              "name": "show",
-              "value": { "type": "boolean", "default": "false" }
-            },
+            { "name": "show", "value": { "type": "boolean" } },
             {
               "name": "role",
               "value": { "type": "string", "default": "'alert'" }
@@ -135,8 +128,7 @@
             {
               "name": "variant",
               "value": {
-                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'",
-                "default": "'secondary'"
+                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
               }
             },
             {
@@ -180,10 +172,7 @@
           "attributes": [
             {
               "name": "type",
-              "value": {
-                "type": "'button' | 'submit' | 'reset'",
-                "default": "'button'"
-              }
+              "value": { "type": "'button' | 'submit' | 'reset'" }
             },
             {
               "name": "autofocus",
@@ -331,8 +320,7 @@
             {
               "name": "variant",
               "value": {
-                "type": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'",
-                "default": "'neutral'"
+                "type": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
               }
             },
             {
@@ -396,14 +384,9 @@
           "name": "w-breadcrumbs",
           "description": "Breadcrumbs show the navigation structure for the current location.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-breadcrumbs--docs)\n---\n",
           "doc-url": "",
-          "attributes": [
-            { "name": "aria-label", "value": { "type": "string" } }
-          ],
+          "attributes": [],
           "events": [],
-          "js": {
-            "properties": [{ "name": "ariaLabel", "type": "string" }],
-            "events": []
-          }
+          "js": { "properties": [{ "name": "ariaLabel" }], "events": [] }
         },
         {
           "name": "w-card",
@@ -671,7 +654,7 @@
             {
               "name": "autocomplete",
               "description": "Autocomplete attribute for the input field",
-              "value": { "type": "string | undefined", "default": "'off'" }
+              "value": { "type": "string | undefined" }
             }
           ],
           "events": [],
@@ -997,12 +980,12 @@
             {
               "name": "selected-page",
               "description": "Currently selected page (1-based index, clamped to valid range)",
-              "value": { "type": "number", "default": "1" }
+              "value": { "type": "number" }
             },
             {
               "name": "page-count",
               "description": "Total number of pages (minimum 1)",
-              "value": { "type": "number", "default": "1" }
+              "value": { "type": "number" }
             }
           ],
           "events": [],
@@ -1029,14 +1012,8 @@
           "attributes": [
             { "name": "base-url", "value": { "type": "string" } },
             { "name": "pages", "value": { "type": "number" } },
-            {
-              "name": "current-page",
-              "value": { "type": "number", "default": "1" }
-            },
-            {
-              "name": "visible-pages",
-              "value": { "type": "number", "default": "7" }
-            }
+            { "name": "current-page", "value": { "type": "number" } },
+            { "name": "visible-pages", "value": { "type": "number" } }
           ],
           "events": [
             {
@@ -1402,10 +1379,7 @@
               "name": "required",
               "value": { "type": "boolean", "default": "false" }
             },
-            {
-              "name": "type",
-              "value": { "type": "string", "default": "'text'" }
-            },
+            { "name": "type", "value": { "type": "string" } },
             { "name": "value", "value": { "type": "string" } },
             { "name": "name", "value": { "type": "string" } },
             { "name": "step", "value": { "type": "number" } },
@@ -1730,17 +1704,9 @@
           "name": "w-tab-panel",
           "description": "Tab panel component that holds content for individual tabs.\nEach tab panel should have a name that matches a corresponding tab.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)\n---\n",
           "doc-url": "",
-          "attributes": [
-            {
-              "name": "hidden",
-              "value": { "type": "boolean", "default": "true" }
-            }
-          ],
+          "attributes": [],
           "events": [],
-          "js": {
-            "properties": [{ "name": "hidden", "type": "boolean" }],
-            "events": []
-          }
+          "js": { "properties": [], "events": [] }
         },
         {
           "name": "w-tabs",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.8.1",
+  "version": "2.8.2-next.2",
   "packageManager": "pnpm@10.30.3",
   "description": "Custom elements for Warp",
   "exports": {
@@ -365,7 +365,7 @@
     "rimraf": "6.0.1",
     "rollup": "^4.52.3",
     "scroll-doctor": "2.0.2",
-    "semantic-release": "24.0.0",
+    "semantic-release": "25.0.3",
     "storybook": "^9.1.4",
     "tslib": "^2.8.1",
     "typescript": "5.5.3",
@@ -381,7 +381,8 @@
     "lit": "3.x"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "eik": {
     "files": "eik",