@warp-ds/elements 2.3.0-next.2 → 2.3.0-next.20

package/dist/custom-elements.json

@@ -1884,17 +1884,38 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the element should receive focus on render",
+              "description": "Whether the element should receive focus on render.",
+              "deprecated": "Use the native `autofocus` attribute instead.",
               "attribute": "auto-focus",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the element should receive focus on render",
+              "attribute": "autofocus",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "description": "The content displayed as the help text. Paired with `invalid` to show the text as a validation error.",
+              "attribute": "help-text",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "invalid",
               "type": {
                 "text": "boolean"
               },
-              "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
+              "description": "Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error.",
               "attribute": "invalid",
               "reflects": true
             },
@@ -1904,7 +1925,8 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to always show a hint",
+              "description": "Whether to always show a hint.",
+              "deprecated": "Use `help-text` instead and only set it if you want to display the help text.",
               "attribute": "always",
               "reflects": true
             },
@@ -1914,7 +1936,8 @@
               "type": {
                 "text": "string"
               },
-              "description": "The content displayed as the help text",
+              "description": "The content displayed as the help text.",
+              "deprecated": "Use `help-text` instead.",
               "attribute": "hint",
               "reflects": true
             },
@@ -1955,9 +1978,20 @@
                 "text": "boolean"
               },
               "description": "Renders the field in a readonly state.",
+              "deprecated": "Use the native readonly attribute instead.",
               "attribute": "read-only",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in a readonly state.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "name",
@@ -2040,15 +2074,32 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the element should receive focus on render",
+              "description": "Whether the element should receive focus on render.",
+              "deprecated": "Use the native `autofocus` attribute instead.",
               "fieldName": "autoFocus"
             },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the element should receive focus on render",
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The content displayed as the help text. Paired with `invalid` to show the text as a validation error.",
+              "fieldName": "helpText"
+            },
             {
               "name": "invalid",
               "type": {
                 "text": "boolean"
               },
-              "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
+              "description": "Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error.",
               "fieldName": "invalid"
             },
             {
@@ -2056,7 +2107,8 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to always show a hint",
+              "description": "Whether to always show a hint.",
+              "deprecated": "Use `help-text` instead and only set it if you want to display the help text.",
               "fieldName": "always"
             },
             {
@@ -2064,7 +2116,8 @@
               "type": {
                 "text": "string"
               },
-              "description": "The content displayed as the help text",
+              "description": "The content displayed as the help text.",
+              "deprecated": "Use `help-text` instead.",
               "fieldName": "hint"
             },
             {
@@ -2097,8 +2150,17 @@
                 "text": "boolean"
               },
               "description": "Renders the field in a readonly state.",
+              "deprecated": "Use the native readonly attribute instead.",
               "fieldName": "readOnly"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in a readonly state.",
+              "fieldName": "readonly"
+            },
             {
               "name": "name",
               "type": {
@@ -2281,9 +2343,19 @@
               "type": {
                 "text": "boolean"
               },
+              "deprecated": "Use the native readonly attribute instead.",
               "attribute": "read-only",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "required",
@@ -2321,6 +2393,15 @@
               "attribute": "name",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "step",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "formatter",
@@ -2449,8 +2530,16 @@
               "type": {
                 "text": "boolean"
               },
+              "deprecated": "Use the native readonly attribute instead.",
               "fieldName": "readOnly"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "readonly"
+            },
             {
               "name": "required",
               "type": {
@@ -2479,6 +2568,13 @@
                 "text": "string"
               },
               "fieldName": "name"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "step"
             }
           ],
           "mixins": [
@@ -5342,6 +5438,34 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/rip-and-tear-checkbox/checkbox-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WCheckboxGroup",
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true,
+          "modulePath": "packages/rip-and-tear-checkbox/checkbox-group.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WCheckboxGroup",
+          "declaration": {
+            "name": "WCheckboxGroup",
+            "module": "packages/rip-and-tear-checkbox/checkbox-group.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/slider/slider-thumb.ts",
@@ -5414,6 +5538,25 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "allowValuesOutsideRange",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Set by `<w-slider>`"
+            },
             {
               "kind": "field",
               "name": "markers",
@@ -5460,13 +5603,14 @@
               "type": {
                 "text": "string"
               },
+              "default": "''",
               "description": "Set by `<w-slider>`"
             },
             {
               "kind": "field",
               "name": "formatter",
               "type": {
-                "text": "(value: string) => string"
+                "text": "(value: string, type: 'from' | 'to') => string"
               },
               "description": "JS hook to help you format the numeric value how you want."
             },
@@ -5504,13 +5648,60 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "#syncRangeValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleValidity",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "error",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleValueChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<{ shouldCancel: boolean; originalValue?: string }>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "isFromTextInput",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#onInput",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "Promise<boolean>"
                 }
               },
               "parameters": [
@@ -5521,6 +5712,67 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "#onRangeSliderKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onTextFieldFocus",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onTextFieldBlur",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "boundaryValue",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "textFieldDisplayValue",
+              "description": "Value to display in the textfield (shows boundary when focused on empty value)",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "tooltipDisplayValue",
+              "type": {
+                "text": "string | number"
+              },
+              "description": "Value to display in the tooltip",
+              "readonly": true
             }
           ],
           "events": [
@@ -5573,6 +5825,14 @@
                 "text": "boolean"
               },
               "fieldName": "disabled"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "invalid"
             }
           ],
           "mixins": [
@@ -5670,6 +5930,35 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "allowValuesOutsideRange",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "allow-values-outside-range"
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "error",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "help-text",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "invalid",
@@ -5734,6 +6023,7 @@
               "type": {
                 "text": "string"
               },
+              "default": "''",
               "description": "Suffix used in text input fields and for the min and max values of the slider.",
               "attribute": "suffix",
               "reflects": true
@@ -5742,22 +6032,48 @@
               "kind": "field",
               "name": "formatter",
               "type": {
-                "text": "(value: string) => string"
+                "text": "(value: string, type: 'to' | 'from') => string"
               },
               "description": "Function to format the to- and from labels and value in the slider thumb tooltip."
             },
             {
-              "kind": "method",
-              "name": "#syncSliderThumbs",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
+              "kind": "field",
+              "name": "_invalidMessage",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_hasInternalError",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "#syncSliderThumbs",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "edgeMin",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "edgeMax",
+              "readonly": true
+            },
+            {
+              "kind": "method",
               "name": "#onInput",
               "privacy": "private",
               "parameters": [
@@ -5769,6 +6085,11 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#doValidation",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "#onSliderValidity",
@@ -5782,6 +6103,30 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#getEdgeValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "boundary",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "WarpSliderThumb"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#updateActiveTrack",
@@ -5795,6 +6140,22 @@
                 }
               ],
               "description": "We use CSS variables to fill the active track with a background color."
+            },
+            {
+              "kind": "field",
+              "name": "componentHasError",
+              "type": {
+                "text": "boolean"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "errorText",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true
             }
           ],
           "attributes": [
@@ -5814,6 +6175,30 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "allow-values-outside-range",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "allowValuesOutsideRange"
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "error"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "helpText"
+            },
             {
               "name": "invalid",
               "type": {
@@ -5865,6 +6250,7 @@
               "type": {
                 "text": "string"
               },
+              "default": "''",
               "description": "Suffix used in text input fields and for the min and max values of the slider.",
               "fieldName": "suffix"
             }
@@ -5911,7 +6297,7 @@
         {
           "kind": "class",
           "description": "Steps are used to show progress through a process or to guide users through a multi-step task.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)",
-          "name": "WarpSteps",
+          "name": "WarpStepIndicator",
           "members": [
             {
               "kind": "field",
@@ -5963,7 +6349,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-steps",
+          "tagName": "w-step-indicator",
           "customElement": true,
           "modulePath": "packages/steps/index.ts",
           "definitionPath": "packages/steps/index.ts"
@@ -6056,9 +6442,9 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "w-steps",
+          "name": "w-step-indicator",
           "declaration": {
-            "name": "WarpSteps",
+            "name": "WarpStepIndicator",
             "module": "packages/steps/index.ts"
           }
         },
@@ -6072,9 +6458,9 @@
         },
         {
           "kind": "js",
-          "name": "WarpSteps",
+          "name": "WarpStepIndicator",
           "declaration": {
-            "name": "WarpSteps",
+            "name": "WarpStepIndicator",
             "module": "packages/steps/index.ts"
           }
         },
@@ -6493,6 +6879,307 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/textarea/textarea.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A single line text input element.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)",
+          "name": "WarpTextarea",
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "help-text",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "maxRows",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "maximum-rows",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "minRows",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "minimum-rows",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
+              "attribute": "read-only",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "readonly",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "optional",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "optional",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "minHeight"
+            },
+            {
+              "kind": "field",
+              "name": "maxHeight"
+            },
+            {
+              "kind": "method",
+              "name": "handler",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ],
+              "type": {
+                "text": "handler(e: InputEvent) => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#resize",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLTextAreaElement"
+                  }
+                }
+              ],
+              "description": "Calculate the new height for the area on input"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "disabled"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "invalid"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "helpText"
+            },
+            {
+              "name": "maximum-rows",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "maxRows"
+            },
+            {
+              "name": "minimum-rows",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "minRows"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "read-only",
+              "type": {
+                "text": "boolean"
+              },
+              "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
+              "fieldName": "readOnly"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "readonly"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "required"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "optional",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "optional"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-textarea",
+          "customElement": true,
+          "modulePath": "packages/textarea/textarea.ts",
+          "definitionPath": "packages/textarea/textarea.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-textarea",
+          "declaration": {
+            "name": "WarpTextarea",
+            "module": "packages/textarea/textarea.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpTextarea",
+          "declaration": {
+            "name": "WarpTextarea",
+            "module": "packages/textarea/textarea.ts"
+          }
+        }
+      ]
     }
   ]
 }