@warp-ds/elements 2.3.0-next.10 → 2.3.0-next.12

package/dist/packages/textfield/textfield.react.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 import { TextField } from './react';
 declare const _default: {
     title: string;
-    render(args: Omit<React.HTMLAttributes<import(".").WarpTextField>, "label" | "onblur" | "onchange" | "onfocus" | "oninput" | "onFocus" | "onBlur" | "onChange" | "onInput" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "form" | "mask" | "pattern" | "disabled" | "name" | "type" | "value" | "updated" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "resetFormControl" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "invalid" | "readOnly" | "helpText" | "size" | "max" | "min" | "minLength" | "maxLength" | "placeholder" | "readonly" | "required" | "formatter" | "_hasPrefix" | "_hasSuffix" | "_inputstyles" | "_helptextstyles" | "_label" | "_helpId" | "_id" | "_error" | "handler" | "prefixSlotChange" | "suffixSlotChange"> & {
+    render(args: Omit<React.HTMLAttributes<import(".").WarpTextField>, "label" | "onblur" | "onchange" | "onfocus" | "oninput" | "onFocus" | "onBlur" | "onChange" | "onInput" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "form" | "mask" | "pattern" | "disabled" | "name" | "type" | "value" | "updated" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "resetFormControl" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "invalid" | "helpText" | "readOnly" | "readonly" | "size" | "max" | "min" | "minLength" | "maxLength" | "placeholder" | "required" | "formatter" | "_hasPrefix" | "_hasSuffix" | "_inputstyles" | "_helptextstyles" | "_label" | "_helpId" | "_id" | "_error" | "handler" | "prefixSlotChange" | "suffixSlotChange"> & {
         onBlur?: (e: Event) => void;
         onblur?: (e: Event) => void;
         onChange?: (e: Event) => void;

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.3.0-next.9",
+  "version": "2.3.0-next.11",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -464,22 +464,32 @@
           "attributes": [
             {
               "name": "auto-focus",
+              "description": "Whether the element should receive focus on render.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "autofocus",
               "description": "Whether the element should receive focus on render",
               "value": { "type": "boolean" }
             },
+            {
+              "name": "help-text",
+              "description": "The content displayed as the help text. Paired with `invalid` to show the text as a validation error.",
+              "value": { "type": "string" }
+            },
             {
               "name": "invalid",
-              "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.",
               "value": { "type": "boolean" }
             },
             {
               "name": "always",
-              "description": "Whether to always show a hint",
+              "description": "Whether to always show a hint.",
               "value": { "type": "boolean" }
             },
             {
               "name": "hint",
-              "description": "The content displayed as the help text",
+              "description": "The content displayed as the help text.",
               "value": { "type": "string" }
             },
             {
@@ -502,6 +512,11 @@
               "description": "Renders the field in a readonly state.",
               "value": { "type": "boolean" }
             },
+            {
+              "name": "readonly",
+              "description": "Renders the field in a readonly state.",
+              "value": { "type": "boolean" }
+            },
             { "name": "name", "value": { "type": "string" } },
             { "name": "value", "value": { "type": "string" } }
           ],
@@ -510,22 +525,32 @@
             "properties": [
               {
                 "name": "autoFocus",
+                "description": "Whether the element should receive focus on render.",
+                "type": "boolean"
+              },
+              {
+                "name": "autofocus",
                 "description": "Whether the element should receive focus on render",
                 "type": "boolean"
               },
+              {
+                "name": "helpText",
+                "description": "The content displayed as the help text. Paired with `invalid` to show the text as a validation error.",
+                "type": "string"
+              },
               {
                 "name": "invalid",
-                "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.",
                 "type": "boolean"
               },
               {
                 "name": "always",
-                "description": "Whether to always show a hint",
+                "description": "Whether to always show a hint.",
                 "type": "boolean"
               },
               {
                 "name": "hint",
-                "description": "The content displayed as the help text",
+                "description": "The content displayed as the help text.",
                 "type": "string"
               },
               {
@@ -548,6 +573,11 @@
                 "description": "Renders the field in a readonly state.",
                 "type": "boolean"
               },
+              {
+                "name": "readonly",
+                "description": "Renders the field in a readonly state.",
+                "type": "boolean"
+              },
               { "name": "name", "type": "string" },
               { "name": "value", "type": "string" }
             ],
@@ -1071,7 +1101,8 @@
             { "name": "label", "value": { "type": "string" } },
             { "name": "name", "value": { "type": "string" } },
             { "name": "value", "value": { "type": "string" } },
-            { "name": "disabled", "value": { "type": "boolean" } }
+            { "name": "disabled", "value": { "type": "boolean" } },
+            { "name": "invalid", "value": { "type": "boolean" } }
           ],
           "events": [{ "name": "slidervalidity", "type": "CustomEvent" }],
           "js": {
@@ -1082,6 +1113,12 @@
               { "name": "name", "type": "string" },
               { "name": "value", "type": "string" },
               { "name": "disabled", "type": "boolean" },
+              { "name": "invalid", "type": "boolean" },
+              {
+                "name": "allowValuesOutsideRange",
+                "description": "Set by `<w-slider>`",
+                "type": "boolean"
+              },
               {
                 "name": "markers",
                 "description": "Set by `<w-slider>`",
@@ -1115,10 +1152,20 @@
               {
                 "name": "formatter",
                 "description": "JS hook to help you format the numeric value how you want.",
-                "type": "(value: string) => string"
+                "type": "(value: string, type: 'from' | 'to') => string"
               },
               { "name": "range", "type": "HTMLInputElement" },
-              { "name": "textfield", "type": "WarpTextField" }
+              { "name": "textfield", "type": "WarpTextField" },
+              { "name": "boundaryValue", "type": "string" },
+              {
+                "name": "textFieldDisplayValue",
+                "description": "Value to display in the textfield (shows boundary when focused on empty value)"
+              },
+              {
+                "name": "tooltipDisplayValue",
+                "description": "Value to display in the tooltip",
+                "type": "string | number"
+              }
             ],
             "events": [{ "name": "slidervalidity", "type": "CustomEvent" }]
           }
@@ -1137,6 +1184,14 @@
               "name": "disabled",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "allow-values-outside-range",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "helpText",
+              "value": { "type": "string", "default": "''" }
+            },
             {
               "name": "invalid",
               "value": { "type": "boolean", "default": "false" }
@@ -1191,6 +1246,8 @@
                 "type": "string"
               },
               { "name": "disabled", "type": "boolean" },
+              { "name": "allowValuesOutsideRange", "type": "boolean" },
+              { "name": "helpText", "type": "string" },
               { "name": "invalid", "type": "boolean" },
               {
                 "name": "required",
@@ -1213,8 +1270,10 @@
               {
                 "name": "formatter",
                 "description": "Function to format the to- and from labels and value in the slider thumb tooltip.",
-                "type": "(value: string) => string"
-              }
+                "type": "(value: string, type: 'to' | 'from') => string"
+              },
+              { "name": "edgeMin" },
+              { "name": "edgeMax" }
             ],
             "events": []
           }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.3.0-next.10",
+  "version": "2.3.0-next.12",
   "packageManager": "pnpm@10.20.0",
   "description": "Custom elements for Warp",
   "exports": {