@warp-ds/elements 2.4.0-next.7 → 2.4.0-next.9

package/dist/api.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../packages/utils/window-exists.js", "../packages/toast/api.ts"],
-  "sourcesContent": ["export const windowExists = typeof window !== 'undefined';\n", "import { windowExists } from '../utils/window-exists';\n\nimport { WarpToastContainer } from '../toast-container/toast-container.js';\nimport type { ToastInternal, ToastOptions } from './types';\n\nfunction getToastContainer() {\n  const container = customElements.get('w-toast-container');\n  return container as typeof WarpToastContainer;\n}\n\n/**\n * Creates a new toast\n */\nexport function toast(message: string, options?: ToastOptions) {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n\n  const data: ToastOptions = {\n    id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),\n    text: message,\n    duration: 5000,\n    type: 'success',\n    ...options,\n  };\n\n  toast.set(data);\n  return data;\n}\n\n/**\n * Remove an existing toast\n */\nexport function removeToast(id: string | number): Promise<boolean> | undefined {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n  return toast.del(id);\n}\n\n/**\n * Update an existing toast\n */\nexport function updateToast(id: string | number, options?: ToastOptions): ToastInternal | undefined {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n  toast.set({ ...toast.get(id), ...options });\n  return toast.get(id);\n}\n"],
-  "mappings": "AAAO,IAAMA,EAAe,OAAO,QAAW,YCK9C,SAASC,GAAoB,CAE3B,OADkB,eAAe,IAAI,mBAAmB,CAE1D,CAKO,SAASC,EAAMC,EAAiBC,EAAwB,CAC7D,GAAI,CAACC,EAAc,OAEnB,IAAMH,EAAQD,EAAkB,EAAE,KAAK,EAEjCK,EAAqB,CACzB,GAAI,KAAK,IAAI,EAAE,SAAS,EAAE,EAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAG,CAAC,EACnE,KAAMH,EACN,SAAU,IACV,KAAM,UACN,GAAGC,CACL,EAEA,OAAAF,EAAM,IAAII,CAAI,EACPA,CACT,CAKO,SAASC,EAAYC,EAAmD,CAC7E,OAAKH,EAESJ,EAAkB,EAAE,KAAK,EAC1B,IAAIO,CAAE,EAHA,MAIrB,CAKO,SAASC,EAAYD,EAAqBJ,EAAmD,CAClG,GAAI,CAACC,EAAc,OAEnB,IAAMH,EAAQD,EAAkB,EAAE,KAAK,EACvC,OAAAC,EAAM,IAAI,CAAE,GAAGA,EAAM,IAAIM,CAAE,EAAG,GAAGJ,CAAQ,CAAC,EACnCF,EAAM,IAAIM,CAAE,CACrB",
+  "sourcesContent": ["export const windowExists = typeof window !== 'undefined';\n", "import { WarpToastContainer } from '../toast-container/toast-container.js';\nimport { windowExists } from '../utils/window-exists';\nimport type { ToastInternal, ToastOptions } from './types';\n\nfunction getToastContainer() {\n  const container = customElements.get('w-toast-container');\n  return container as typeof WarpToastContainer;\n}\n\n/**\n * Creates a new toast\n */\nexport function toast(message: string, options?: ToastOptions) {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n\n  const data: ToastOptions = {\n    id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),\n    text: message,\n    duration: 5000,\n    type: 'success',\n    ...options,\n  };\n\n  toast.set(data);\n  return data;\n}\n\n/**\n * Remove an existing toast\n */\nexport function removeToast(id: string | number): Promise<boolean> | undefined {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n  return toast.del(id);\n}\n\n/**\n * Update an existing toast\n */\nexport function updateToast(id: string | number, options?: ToastOptions): ToastInternal | undefined {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n  toast.set({ ...toast.get(id), ...options });\n  return toast.get(id);\n}\n"],
+  "mappings": "AAAO,IAAMA,EAAe,OAAO,QAAW,YCI9C,SAASC,GAAoB,CAE3B,OADkB,eAAe,IAAI,mBAAmB,CAE1D,CAKO,SAASC,EAAMC,EAAiBC,EAAwB,CAC7D,GAAI,CAACC,EAAc,OAEnB,IAAMH,EAAQD,EAAkB,EAAE,KAAK,EAEjCK,EAAqB,CACzB,GAAI,KAAK,IAAI,EAAE,SAAS,EAAE,EAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAG,CAAC,EACnE,KAAMH,EACN,SAAU,IACV,KAAM,UACN,GAAGC,CACL,EAEA,OAAAF,EAAM,IAAII,CAAI,EACPA,CACT,CAKO,SAASC,EAAYC,EAAmD,CAC7E,OAAKH,EAESJ,EAAkB,EAAE,KAAK,EAC1B,IAAIO,CAAE,EAHA,MAIrB,CAKO,SAASC,EAAYD,EAAqBJ,EAAmD,CAClG,GAAI,CAACC,EAAc,OAEnB,IAAMH,EAAQD,EAAkB,EAAE,KAAK,EACvC,OAAAC,EAAM,IAAI,CAAE,GAAGA,EAAM,IAAIM,CAAE,EAAG,GAAGJ,CAAQ,CAAC,EACnCF,EAAM,IAAIM,CAAE,CACrB",
   "names": ["windowExists", "getToastContainer", "toast", "message", "options", "windowExists", "data", "removeToast", "id", "updateToast"]
 }

package/dist/custom-elements.json

@@ -6629,70 +6629,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "packages/tab-panel/tab-panel.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "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)",
-          "name": "WarpTabPanel",
-          "members": [
-            {
-              "kind": "field",
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "attribute": "hidden",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "_syncA11yAttributes",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "fieldName": "hidden"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-tab-panel",
-          "customElement": true,
-          "modulePath": "packages/tab-panel/tab-panel.ts",
-          "definitionPath": "packages/tab-panel/tab-panel.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WarpTabPanel",
-          "declaration": {
-            "name": "WarpTabPanel",
-            "module": "packages/tab-panel/tab-panel.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-tab-panel",
-          "declaration": {
-            "name": "WarpTabPanel",
-            "module": "packages/tab-panel/tab-panel.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "packages/tab/tab.ts",
@@ -6712,16 +6648,6 @@
               "attribute": "for",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "label",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "active",
@@ -6742,16 +6668,6 @@
               "attribute": "over",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "tabClass",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "tab-class",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "_classes",
@@ -6760,7 +6676,7 @@
             },
             {
               "kind": "field",
-              "name": "_hasChildren",
+              "name": "_hasIcon",
               "privacy": "private",
               "readonly": true
             }
@@ -6774,14 +6690,6 @@
               "default": "''",
               "fieldName": "for"
             },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "label"
-            },
             {
               "name": "active",
               "type": {
@@ -6797,14 +6705,6 @@
               },
               "default": "false",
               "fieldName": "over"
-            },
-            {
-              "name": "tab-class",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "tabClass"
             }
           ],
           "superclass": {
@@ -6838,31 +6738,85 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/tabs/tabs.ts",
+      "path": "packages/tab-panel/tab-panel.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Tabs are used to organize content by grouping similar information on the same page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
-          "name": "WarpTabs",
+          "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)",
+          "name": "WarpTabPanel",
           "members": [
             {
               "kind": "field",
-              "name": "active",
+              "name": "hidden",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "active",
+              "default": "true",
+              "attribute": "hidden",
               "reflects": true
             },
+            {
+              "kind": "method",
+              "name": "_syncA11yAttributes",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "hidden"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-tab-panel",
+          "customElement": true,
+          "modulePath": "packages/tab-panel/tab-panel.ts",
+          "definitionPath": "packages/tab-panel/tab-panel.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpTabPanel",
+          "declaration": {
+            "name": "WarpTabPanel",
+            "module": "packages/tab-panel/tab-panel.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-tab-panel",
+          "declaration": {
+            "name": "WarpTabPanel",
+            "module": "packages/tab-panel/tab-panel.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/tabs/tabs.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Tabs are used to organize content by grouping similar information on the same page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
+          "name": "WarpTabs",
+          "members": [
             {
               "kind": "field",
-              "name": "tabClass",
+              "name": "active",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "tab-class",
+              "attribute": "active",
               "reflects": true
             },
             {
@@ -6977,14 +6931,6 @@
               },
               "default": "''",
               "fieldName": "active"
-            },
-            {
-              "name": "tab-class",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "tabClass"
             }
           ],
           "superclass": {

package/dist/index.d.ts

@@ -29,8 +29,8 @@ import type { WarpSliderThumb } from "./packages/slider-thumb/slider-thumb.ts";
 import type { WarpSlider } from "./packages/slider/slider.ts";
 import type { WarpStep } from "./packages/step/step.ts";
 import type { WarpStepIndicator } from "./packages/step-indicator/step-indicator.ts";
-import type { WarpTabPanel } from "./packages/tab-panel/tab-panel.ts";
 import type { WarpTab } from "./packages/tab/tab.ts";
+import type { WarpTabPanel } from "./packages/tab-panel/tab-panel.ts";
 import type { WarpTabs } from "./packages/tabs/tabs.ts";
 import type { WarpTextarea } from "./packages/textarea/textarea.ts";
 
@@ -1683,49 +1683,37 @@ export type WarpStepIndicatorSolidJsProps = {
   textContent?: string | number;
 };
 
-export type WarpTabPanelProps = {
-  /**  */
-  hidden?: WarpTabPanel["hidden"];
-};
-
-export type WarpTabPanelSolidJsProps = {
-  /**  */
-  "prop:hidden"?: WarpTabPanel["hidden"];
-
-  /** Set the innerHTML of the element */
-  innerHTML?: string;
-  /** Set the textContent of the element */
-  textContent?: string | number;
-};
-
 export type WarpTabProps = {
   /**  */
   for?: WarpTab["for"];
   /**  */
-  label?: WarpTab["label"];
-  /**  */
   active?: WarpTab["active"];
   /**  */
   over?: WarpTab["over"];
-  /**  */
-  "tab-class"?: WarpTab["tabClass"];
-  /**  */
-  tabClass?: WarpTab["tabClass"];
 };
 
 export type WarpTabSolidJsProps = {
   /**  */
   "prop:for"?: WarpTab["for"];
   /**  */
-  "prop:label"?: WarpTab["label"];
-  /**  */
   "prop:active"?: WarpTab["active"];
   /**  */
   "prop:over"?: WarpTab["over"];
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+export type WarpTabPanelProps = {
   /**  */
-  "attr:tab-class"?: WarpTab["tabClass"];
+  hidden?: WarpTabPanel["hidden"];
+};
+
+export type WarpTabPanelSolidJsProps = {
   /**  */
-  "prop:tabClass"?: WarpTab["tabClass"];
+  "prop:hidden"?: WarpTabPanel["hidden"];
 
   /** Set the innerHTML of the element */
   innerHTML?: string;
@@ -1736,10 +1724,6 @@ export type WarpTabSolidJsProps = {
 export type WarpTabsProps = {
   /**  */
   active?: WarpTabs["active"];
-  /**  */
-  "tab-class"?: WarpTabs["tabClass"];
-  /**  */
-  tabClass?: WarpTabs["tabClass"];
 
   /**  */
   onchange?: (e: CustomEvent) => void;
@@ -1749,10 +1733,6 @@ export type WarpTabsSolidJsProps = {
   /**  */
   "prop:active"?: WarpTabs["active"];
   /**  */
-  "attr:tab-class"?: WarpTabs["tabClass"];
-  /**  */
-  "prop:tabClass"?: WarpTabs["tabClass"];
-  /**  */
   "on:change"?: (e: CustomEvent) => void;
 
   /** Set the innerHTML of the element */
@@ -2722,8 +2702,7 @@ export type CustomElements = {
   >;
 
   /**
-   * Tab panel component that holds content for individual tabs.
-   * Each tab panel should have a name that matches a corresponding tab.
+   * Individual tab component used within w-tabs container.
    *
    * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
    *
@@ -2731,14 +2710,15 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `hidden`: undefined
+   * - `for`: undefined
+   * - `active`: undefined
+   * - `over`: undefined
    */
-  "w-tab-panel": Partial<
-    WarpTabPanelProps & BaseProps<WarpTabPanel> & BaseEvents
-  >;
+  "w-tab": Partial<WarpTabProps & BaseProps<WarpTab> & BaseEvents>;
 
   /**
-   * Individual tab component used within w-tabs container.
+   * Tab panel component that holds content for individual tabs.
+   * Each tab panel should have a name that matches a corresponding tab.
    *
    * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
    *
@@ -2746,13 +2726,11 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `for`: undefined
-   * - `label`: undefined
-   * - `active`: undefined
-   * - `over`: undefined
-   * - `tab-class`/`tabClass`: undefined
+   * - `hidden`: undefined
    */
-  "w-tab": Partial<WarpTabProps & BaseProps<WarpTab> & BaseEvents>;
+  "w-tab-panel": Partial<
+    WarpTabPanelProps & BaseProps<WarpTabPanel> & BaseEvents
+  >;
 
   /**
    * Tabs are used to organize content by grouping similar information on the same page.
@@ -2764,7 +2742,6 @@ export type CustomElements = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `active`: undefined
-   * - `tab-class`/`tabClass`: undefined
    * - `tabs`: undefined (property only) (readonly)
    * - `activeTab`: undefined (property only) (readonly)
    *
@@ -3777,8 +3754,7 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   * Tab panel component that holds content for individual tabs.
-   * Each tab panel should have a name that matches a corresponding tab.
+   * Individual tab component used within w-tabs container.
    *
    * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
    *
@@ -3786,17 +3762,17 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `hidden`: undefined
+   * - `for`: undefined
+   * - `active`: undefined
+   * - `over`: undefined
    */
-  "w-tab-panel": Partial<
-    WarpTabPanelProps &
-      WarpTabPanelSolidJsProps &
-      BaseProps<WarpTabPanel> &
-      BaseEvents
+  "w-tab": Partial<
+    WarpTabProps & WarpTabSolidJsProps & BaseProps<WarpTab> & BaseEvents
   >;
 
   /**
-   * Individual tab component used within w-tabs container.
+   * Tab panel component that holds content for individual tabs.
+   * Each tab panel should have a name that matches a corresponding tab.
    *
    * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
    *
@@ -3804,14 +3780,13 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `for`: undefined
-   * - `label`: undefined
-   * - `active`: undefined
-   * - `over`: undefined
-   * - `tab-class`/`tabClass`: undefined
+   * - `hidden`: undefined
    */
-  "w-tab": Partial<
-    WarpTabProps & WarpTabSolidJsProps & BaseProps<WarpTab> & BaseEvents
+  "w-tab-panel": Partial<
+    WarpTabPanelProps &
+      WarpTabPanelSolidJsProps &
+      BaseProps<WarpTabPanel> &
+      BaseEvents
   >;
 
   /**
@@ -3824,7 +3799,6 @@ export type CustomElementsSolidJs = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `active`: undefined
-   * - `tab-class`/`tabClass`: undefined
    * - `tabs`: undefined (property only) (readonly)
    * - `activeTab`: undefined (property only) (readonly)
    *

package/dist/packages/alert/react.js

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
 import { createComponent } from '@lit/react';
+import { LitElement } from 'lit';
 import React from 'react';
 // decouple from CDN by providing a dummy class
 class Component extends LitElement {