@warp-ds/elements 2.8.2-next.6 → 2.9.0-next.2

package/dist/custom-elements.json

@@ -591,7 +591,7 @@
               "attribute": "variant",
               "reflects": true,
               "parsedType": {
-                "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
+                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'"
               }
             },
             {
@@ -601,9 +601,20 @@
                 "text": "boolean"
               },
               "default": "false",
+              "deprecated": "Use `variant=\"quiet\"` instead",
               "attribute": "quiet",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "iconOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "icon-only",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "small",
@@ -642,6 +653,16 @@
               "attribute": "target",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "rel",
@@ -667,6 +688,7 @@
               "type": {
                 "text": "string"
               },
+              "deprecated": "This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.",
               "attribute": "button-class",
               "reflects": true
             },
@@ -740,7 +762,7 @@
               },
               "fieldName": "variant",
               "parsedType": {
-                "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
+                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'"
               }
             },
             {
@@ -749,8 +771,17 @@
                 "text": "boolean"
               },
               "default": "false",
+              "deprecated": "Use `variant=\"quiet\"` instead",
               "fieldName": "quiet"
             },
+            {
+              "name": "icon-only",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "iconOnly"
+            },
             {
               "name": "small",
               "type": {
@@ -781,6 +812,14 @@
               },
               "fieldName": "target"
             },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
             {
               "name": "rel",
               "type": {
@@ -801,6 +840,7 @@
               "type": {
                 "text": "string"
               },
+              "deprecated": "This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.",
               "fieldName": "buttonClass"
             },
             {
@@ -1016,13 +1056,6 @@
                 "text": "defaultAriaLabel() => void"
               }
             },
-            {
-              "kind": "method",
-              "name": "setAriaLabels",
-              "type": {
-                "text": "setAriaLabels() => void"
-              }
-            },
             {
               "kind": "method",
               "name": "close",
@@ -6462,6 +6495,12 @@
             }
           ],
           "events": [
+            {
+              "name": "thumbreset",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
             {
               "name": "slidervalidity",
               "type": {
@@ -6783,6 +6822,19 @@
               "name": "edgeMax",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "#onThumbReset",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#onInput",

package/dist/index.d.ts

@@ -245,9 +245,13 @@ export type WarpButtonProps = {
   autofocus?: WarpButton["autofocus"];
   /**  */
   variant?: WarpButton["variant"];
-  /**  */
+  /** @deprecated Use `variant="quiet"` instead  */
   quiet?: WarpButton["quiet"];
   /**  */
+  "icon-only"?: WarpButton["iconOnly"];
+  /**  */
+  iconOnly?: WarpButton["iconOnly"];
+  /**  */
   small?: WarpButton["small"];
   /**  */
   loading?: WarpButton["loading"];
@@ -256,14 +260,16 @@ export type WarpButtonProps = {
   /**  */
   target?: WarpButton["target"];
   /**  */
+  disabled?: WarpButton["disabled"];
+  /**  */
   rel?: WarpButton["rel"];
   /**  */
   "full-width"?: WarpButton["fullWidth"];
   /**  */
   fullWidth?: WarpButton["fullWidth"];
-  /**  */
+  /** @deprecated This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.  */
   "button-class"?: WarpButton["buttonClass"];
-  /**  */
+  /** @deprecated This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.  */
   buttonClass?: WarpButton["buttonClass"];
   /**  */
   name?: WarpButton["name"];
@@ -280,9 +286,13 @@ export type WarpButtonSolidJsProps = {
   "prop:autofocus"?: WarpButton["autofocus"];
   /**  */
   "prop:variant"?: WarpButton["variant"];
-  /**  */
+  /** @deprecated Use `variant="quiet"` instead  */
   "prop:quiet"?: WarpButton["quiet"];
   /**  */
+  "bool:icon-only"?: WarpButton["iconOnly"];
+  /**  */
+  "prop:iconOnly"?: WarpButton["iconOnly"];
+  /**  */
   "prop:small"?: WarpButton["small"];
   /**  */
   "prop:loading"?: WarpButton["loading"];
@@ -291,14 +301,16 @@ export type WarpButtonSolidJsProps = {
   /**  */
   "prop:target"?: WarpButton["target"];
   /**  */
+  "prop:disabled"?: WarpButton["disabled"];
+  /**  */
   "prop:rel"?: WarpButton["rel"];
   /**  */
   "bool:full-width"?: WarpButton["fullWidth"];
   /**  */
   "prop:fullWidth"?: WarpButton["fullWidth"];
-  /**  */
+  /** @deprecated This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.  */
   "attr:button-class"?: WarpButton["buttonClass"];
-  /**  */
+  /** @deprecated This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.  */
   "prop:buttonClass"?: WarpButton["buttonClass"];
   /**  */
   "prop:name"?: WarpButton["name"];
@@ -1427,6 +1439,8 @@ export type WarpSliderThumbProps = {
   /**  */
   textfield?: WarpSliderThumb["textfield"];
 
+  /**  */
+  onthumbreset?: (e: CustomEvent) => void;
   /**  */
   onslidervalidity?: (e: CustomEvent) => void;
 };
@@ -1453,6 +1467,8 @@ export type WarpSliderThumbSolidJsProps = {
   /**  */
   "prop:textfield"?: WarpSliderThumb["textfield"];
   /**  */
+  "on:thumbreset"?: (e: CustomEvent) => void;
+  /**  */
   "on:slidervalidity"?: (e: CustomEvent) => void;
 
   /** Set the innerHTML of the element */
@@ -1902,10 +1918,12 @@ export type CustomElements = {
    * - `autofocus`: undefined
    * - `variant`: undefined
    * - `quiet`: undefined
+   * - `icon-only`/`iconOnly`: undefined
    * - `small`: undefined
    * - `loading`: undefined
    * - `href`: undefined
    * - `target`: undefined
+   * - `disabled`: undefined
    * - `rel`: undefined
    * - `full-width`/`fullWidth`: undefined
    * - `button-class`/`buttonClass`: undefined
@@ -1952,7 +1970,6 @@ export type CustomElements = {
    * - `pointingAtDirection() => void`: undefined
    * - `activeAttentionType() => void`: undefined
    * - `defaultAriaLabel() => void`: undefined
-   * - `setAriaLabels() => void`: undefined
    * - `close() => void`: undefined
    * - `keypressed(e: KeyboardEvent) => void`: undefined
    */
@@ -2555,6 +2572,7 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
+   * - `thumbreset`: undefined
    * - `slidervalidity`: undefined
    *
    * ## Methods
@@ -2891,10 +2909,12 @@ export type CustomElementsSolidJs = {
    * - `autofocus`: undefined
    * - `variant`: undefined
    * - `quiet`: undefined
+   * - `icon-only`/`iconOnly`: undefined
    * - `small`: undefined
    * - `loading`: undefined
    * - `href`: undefined
    * - `target`: undefined
+   * - `disabled`: undefined
    * - `rel`: undefined
    * - `full-width`/`fullWidth`: undefined
    * - `button-class`/`buttonClass`: undefined
@@ -2946,7 +2966,6 @@ export type CustomElementsSolidJs = {
    * - `pointingAtDirection() => void`: undefined
    * - `activeAttentionType() => void`: undefined
    * - `defaultAriaLabel() => void`: undefined
-   * - `setAriaLabels() => void`: undefined
    * - `close() => void`: undefined
    * - `keypressed(e: KeyboardEvent) => void`: undefined
    */
@@ -3604,6 +3623,7 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
+   * - `thumbreset`: undefined
    * - `slidervalidity`: undefined
    *
    * ## Methods

package/dist/packages/alert/alert.test.js

@@ -5,7 +5,7 @@ import './alert.js';
 test('renders an info', async () => {
     const page = render(html `<w-alert variant="info" show data-testid="infoMessage">This is information</w-alert>`);
     // Verify the icon correct icon is rendered
-    await expect.poll(() => page.getByTestId('infoMessage').element().shadowRoot.querySelector('w-icon')).toBeVisible();
+    await expect.poll(() => page.getByTestId('infoMessage').element().shadowRoot?.querySelector('w-icon')).toBeVisible();
     await expect.element(page.getByTestId('infoMessage')).toBeVisible();
     await expect.element(page.getByText('This is information')).toBeVisible();
 });

package/dist/packages/attention/attention.d.ts

@@ -58,7 +58,6 @@ declare class WarpAttention extends LitElement {
     pointingAtDirection(): string;
     activeAttentionType(): string;
     defaultAriaLabel(): string;
-    setAriaLabels(): void;
     firstUpdated(): void;
     close(): void;
     keypressed(e: KeyboardEvent): void;