@warp-ds/elements 2.8.2-next.5 → 2.9.0-next.1

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"
             },
             {
@@ -2351,6 +2391,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "default": "''",
               "description": "Label above input",
               "attribute": "label",
               "reflects": true
@@ -2361,6 +2402,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "default": "''",
               "description": "Input placeholder",
               "attribute": "placeholder",
               "reflects": true
@@ -2384,7 +2426,8 @@
               },
               "default": "false",
               "description": "Whether the popover opens when focus is on the text field",
-              "attribute": "open-on-focus"
+              "attribute": "open-on-focus",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2394,7 +2437,8 @@
               },
               "default": "true",
               "description": "Select active option on blur",
-              "attribute": "select-on-blur"
+              "attribute": "select-on-blur",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2404,7 +2448,8 @@
               },
               "default": "false",
               "description": "Whether the matching text segments in the options should be highlighted",
-              "attribute": "match-text-segments"
+              "attribute": "match-text-segments",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2414,7 +2459,8 @@
               },
               "default": "false",
               "description": "Disable client-side static filtering",
-              "attribute": "disable-static-filtering"
+              "attribute": "disable-static-filtering",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2433,6 +2479,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "default": "''",
               "description": "The content to display as the help text",
               "attribute": "help-text",
               "reflects": true
@@ -2476,6 +2523,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "default": "''",
               "description": "Name attribute for form submission",
               "attribute": "name",
               "reflects": true
@@ -2486,6 +2534,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "default": "'off'",
               "description": "Autocomplete attribute for the input field",
               "attribute": "autocomplete",
               "reflects": true
@@ -2754,6 +2803,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "default": "''",
               "description": "Label above input",
               "fieldName": "label"
             },
@@ -2762,6 +2812,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "default": "''",
               "description": "Input placeholder",
               "fieldName": "placeholder"
             },
@@ -2824,6 +2875,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "default": "''",
               "description": "The content to display as the help text",
               "fieldName": "helpText"
             },
@@ -2859,6 +2911,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "default": "''",
               "description": "Name attribute for form submission",
               "fieldName": "name"
             },
@@ -2867,6 +2920,7 @@
               "type": {
                 "text": "string | undefined"
               },
+              "default": "'off'",
               "description": "Autocomplete attribute for the input field",
               "fieldName": "autocomplete"
             }
@@ -6448,6 +6502,12 @@
             }
           ],
           "events": [
+            {
+              "name": "thumbreset",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
             {
               "name": "slidervalidity",
               "type": {
@@ -6769,6 +6829,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
@@ -2555,6 +2573,7 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
+   * - `thumbreset`: undefined
    * - `slidervalidity`: undefined
    *
    * ## Methods
@@ -2891,10 +2910,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
@@ -3604,6 +3625,7 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
+   * - `thumbreset`: undefined
    * - `slidervalidity`: undefined
    *
    * ## Methods