@warp-ds/elements 2.3.0-next.3 → 2.3.0-next.31

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.2",
+  "version": "2.3.0-next.30",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -86,19 +86,16 @@
             {
               "name": "variant",
               "value": {
-                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'",
+                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'link' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'",
                 "default": "'secondary'"
               }
             },
-            { "name": "quiet", "value": { "type": "boolean" } },
             { "name": "small", "value": { "type": "boolean" } },
             { "name": "href", "value": { "type": "string" } },
             { "name": "disabled", "value": { "type": "boolean" } },
             { "name": "target", "value": { "type": "string" } },
             { "name": "rel", "value": { "type": "string" } },
-            { "name": "full-width", "value": { "type": "boolean" } },
-            { "name": "button-class", "value": { "type": "string" } },
-            { "name": "name", "value": { "type": "string" } }
+            { "name": "full-width", "value": { "type": "boolean" } }
           ],
           "events": [],
           "js": {
@@ -106,18 +103,14 @@
               { "name": "autofocus", "type": "boolean" },
               {
                 "name": "variant",
-                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
+                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'link' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
               },
-              { "name": "quiet", "type": "boolean" },
               { "name": "small", "type": "boolean" },
               { "name": "href", "type": "string" },
               { "name": "disabled", "type": "boolean" },
               { "name": "target", "type": "string" },
               { "name": "rel", "type": "string" },
-              { "name": "fullWidth", "type": "boolean" },
-              { "name": "buttonClass", "type": "string" },
-              { "name": "name", "type": "string" },
-              { "name": "classes", "type": "string" }
+              { "name": "fullWidth", "type": "boolean" }
             ],
             "events": []
           }
@@ -138,7 +131,7 @@
             {
               "name": "variant",
               "value": {
-                "type": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'",
+                "type": "'negative' | 'primary' | 'secondary' | 'utility' | 'link' | 'pill'",
                 "default": "'secondary'"
               }
             },
@@ -160,7 +153,7 @@
               { "name": "autofocus", "type": "boolean" },
               {
                 "name": "variant",
-                "type": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
+                "type": "'negative' | 'primary' | 'secondary' | 'utility' | 'link' | 'pill'"
               },
               { "name": "quiet", "type": "boolean" },
               { "name": "small", "type": "boolean" },
@@ -464,22 +457,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 +505,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 +518,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 +566,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" }
             ],
@@ -572,13 +595,15 @@
             { "name": "pattern", "value": { "type": "string" } },
             { "name": "placeholder", "value": { "type": "string" } },
             { "name": "read-only", "value": { "type": "boolean" } },
+            { "name": "readonly", "value": { "type": "boolean" } },
             { "name": "required", "value": { "type": "boolean" } },
             {
               "name": "type",
               "value": { "type": "string", "default": "'text'" }
             },
             { "name": "value", "value": { "type": "string" } },
-            { "name": "name", "value": { "type": "string" } }
+            { "name": "name", "value": { "type": "string" } },
+            { "name": "step", "value": { "type": "number" } }
           ],
           "events": [],
           "js": {
@@ -596,10 +621,12 @@
               { "name": "pattern", "type": "string" },
               { "name": "placeholder", "type": "string" },
               { "name": "readOnly", "type": "boolean" },
+              { "name": "readonly", "type": "boolean" },
               { "name": "required", "type": "boolean" },
               { "name": "type", "type": "string" },
               { "name": "value", "type": "string" },
               { "name": "name", "type": "string" },
+              { "name": "step", "type": "number" },
               {
                 "name": "formatter",
                 "description": "Function to format value when the input field.\n\nOnly active when the input field does not have focus,\nsimilar to the accessible input masking example from Filament Group\n\nhttps://css-tricks.com/input-masking/\nhttps://filamentgroup.github.io/politespace/demo/demo.html",
@@ -1059,6 +1086,339 @@
             ]
           }
         },
+        {
+          "name": "w-radio",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "form",
+              "description": "The string pointing to a form's id.",
+              "value": { "type": "string | null", "default": "null" }
+            },
+            {
+              "name": "value",
+              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "appearance",
+              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "value": {
+                "type": "'default' | 'button' | 'clickable'",
+                "default": "'default'"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the radio.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "checked", "type": "boolean" },
+              {
+                "name": "form",
+                "description": "The string pointing to a form's id.",
+                "type": "string | null"
+              },
+              {
+                "name": "value",
+                "description": "The radio's value. When selected, the radio group will receive this value.",
+                "type": "string"
+              },
+              {
+                "name": "appearance",
+                "description": "The radio's value. When selected, the radio group will receive this value.",
+                "type": "'default' | 'button' | 'clickable'"
+              },
+              {
+                "name": "size",
+                "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
+                "type": "'small' | 'medium' | 'large'"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the radio.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "w-radio-group",
+          "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the radio group.\n\n### **Slots:**\n - **label** - Alternative to the `label` attribute should you need custom HTML.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "hint",
+              "description": "The radio groups's hint. If you need to display HTML, use the `hint` slot instead.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "name",
+              "description": "The name of the radio group, submitted as a name/value pair with form data.",
+              "value": { "type": "string | null", "default": "null" }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the radio group and all child radios.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "orientation",
+              "description": "The orientation in which to show radio items.",
+              "value": {
+                "type": "'horizontal' | 'vertical'",
+                "default": "'vertical'"
+              }
+            },
+            {
+              "name": "value",
+              "description": "The default value of the form control. Primarily used for resetting the form control.",
+              "value": { "type": "string | null" }
+            },
+            {
+              "name": "size",
+              "description": "The radio group's size. This size will be applied to all child radios and radio buttons, except when explicitly overridden.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            },
+            {
+              "name": "required",
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "with-label",
+              "description": "Used for SSR. if true, will show slotted label on initial render.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "with-hint",
+              "description": "Used for SSR. if true, will show slotted hint on initial render.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "label",
+              "description": "Alternative to the `label` attribute should you need custom HTML."
+            }
+          ],
+          "events": [
+            { "name": "input", "type": "InputEvent" },
+            { "name": "change", "type": "Event" }
+          ],
+          "js": {
+            "properties": [
+              { "name": "hasRadioButtons", "type": "boolean" },
+              { "name": "defaultSlot", "type": "HTMLSlotElement" },
+              {
+                "name": "label",
+                "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+                "type": "string"
+              },
+              {
+                "name": "hint",
+                "description": "The radio groups's hint. If you need to display HTML, use the `hint` slot instead.",
+                "type": "string"
+              },
+              {
+                "name": "name",
+                "description": "The name of the radio group, submitted as a name/value pair with form data.",
+                "type": "string | null"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the radio group and all child radios.",
+                "type": "boolean"
+              },
+              {
+                "name": "orientation",
+                "description": "The orientation in which to show radio items.",
+                "type": "'horizontal' | 'vertical'"
+              },
+              {
+                "name": "value",
+                "description": "The current value of the radio group, submitted as a name/value pair with form data."
+              },
+              {
+                "name": "defaultValue",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "type": "string | null"
+              },
+              {
+                "name": "size",
+                "description": "The radio group's size. This size will be applied to all child radios and radio buttons, except when explicitly overridden.",
+                "type": "'small' | 'medium' | 'large'"
+              },
+              {
+                "name": "required",
+                "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+                "type": "boolean"
+              },
+              {
+                "name": "withLabel",
+                "description": "Used for SSR. if true, will show slotted label on initial render.",
+                "type": "boolean"
+              },
+              {
+                "name": "withHint",
+                "description": "Used for SSR. if true, will show slotted hint on initial render.",
+                "type": "boolean"
+              },
+              {
+                "name": "validationTarget",
+                "description": "We use the first available radio as the validationTarget similar to native HTML that shows the validation popup on\nthe first radio element."
+              }
+            ],
+            "events": [
+              { "name": "input", "type": "InputEvent" },
+              { "name": "change", "type": "Event" }
+            ]
+          }
+        },
+        {
+          "name": "w-checkbox",
+          "description": "\n---\n\n\n### **Events:**\n - **change**\n\n### **Methods:**\n - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "title", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "name",
+              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "value",
+              "description": "The value of the checkbox, submitted as a name/value pair with form data.",
+              "value": { "type": "string | null" }
+            },
+            {
+              "name": "size",
+              "description": "The checkbox's size.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the checkbox.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "indeterminate",
+              "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "checked",
+              "description": "The default value of the form control. Primarily used for resetting the form control.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "form",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "value": { "type": "null", "default": "null" }
+            },
+            {
+              "name": "required",
+              "description": "Makes the checkbox a required field.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "hint",
+              "description": "The checkbox's hint. If you need to display HTML, use the `hint` slot instead.",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "change", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "input", "type": "HTMLInputElement" },
+              { "name": "title", "type": "string" },
+              {
+                "name": "name",
+                "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+                "type": "string"
+              },
+              {
+                "name": "value",
+                "description": "The value of the checkbox, submitted as a name/value pair with form data.",
+                "type": "string | null"
+              },
+              {
+                "name": "size",
+                "description": "The checkbox's size.",
+                "type": "'small' | 'medium' | 'large'"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the checkbox.",
+                "type": "boolean"
+              },
+              {
+                "name": "indeterminate",
+                "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
+                "type": "boolean"
+              },
+              {
+                "name": "checked",
+                "description": "Draws the checkbox in a checked state.",
+                "type": "boolean"
+              },
+              {
+                "name": "defaultChecked",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "type": "boolean"
+              },
+              {
+                "name": "form",
+                "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+                "type": "null"
+              },
+              {
+                "name": "required",
+                "description": "Makes the checkbox a required field.",
+                "type": "boolean"
+              },
+              {
+                "name": "hint",
+                "description": "The checkbox's hint. If you need to display HTML, use the `hint` slot instead.",
+                "type": "string"
+              }
+            ],
+            "events": [{ "name": "change", "type": "Event" }]
+          }
+        },
+        {
+          "name": "w-checkbox-group",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
         {
           "name": "w-slider-thumb",
           "description": "Component to place inside a `<w-slider>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)\n---\n\n\n### **Events:**\n - **slidervalidity**",
@@ -1069,7 +1429,11 @@
             { "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", "default": "false" }
+            }
           ],
           "events": [{ "name": "slidervalidity", "type": "CustomEvent" }],
           "js": {
@@ -1080,6 +1444,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>`",
@@ -1113,10 +1483,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" }]
           }
@@ -1135,6 +1515,15 @@
               "name": "disabled",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "allow-values-outside-range",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "error", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "help-text",
+              "value": { "type": "string", "default": "''" }
+            },
             {
               "name": "invalid",
               "value": { "type": "boolean", "default": "false" }
@@ -1155,7 +1544,7 @@
             {
               "name": "suffix",
               "description": "Suffix used in text input fields and for the min and max values of the slider.",
-              "value": { "type": "string" }
+              "value": { "type": "string", "default": "''" }
             }
           ],
           "slots": [
@@ -1189,6 +1578,9 @@
                 "type": "string"
               },
               { "name": "disabled", "type": "boolean" },
+              { "name": "allowValuesOutsideRange", "type": "boolean" },
+              { "name": "error", "type": "string" },
+              { "name": "helpText", "type": "string" },
               { "name": "invalid", "type": "boolean" },
               {
                 "name": "required",
@@ -1211,14 +1603,20 @@
               {
                 "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": "_invalidMessage", "type": "string" },
+              { "name": "_hasInternalError", "type": "boolean" },
+              { "name": "edgeMin" },
+              { "name": "edgeMax" },
+              { "name": "componentHasError", "type": "boolean" },
+              { "name": "errorText", "type": "string" }
             ],
             "events": []
           }
         },
         {
-          "name": "w-steps",
+          "name": "w-step-indicator",
           "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)\n---\n",
           "doc-url": "",
           "attributes": [
@@ -1268,8 +1666,10 @@
           "description": "\n---\n\n\n### **Events:**\n - **change**",
           "doc-url": "",
           "attributes": [
+            { "name": "name", "value": { "type": "string", "default": "''" } },
+            { "name": "value", "value": { "type": "string", "default": "''" } },
             {
-              "name": "value",
+              "name": "checked",
               "value": { "type": "boolean", "default": "false" }
             },
             {
@@ -1280,7 +1680,9 @@
           "events": [{ "name": "change", "type": "CustomEvent" }],
           "js": {
             "properties": [
-              { "name": "value", "type": "boolean" },
+              { "name": "name", "type": "string" },
+              { "name": "value", "type": "string" },
+              { "name": "checked", "type": "boolean" },
               { "name": "disabled", "type": "boolean" }
             ],
             "events": [{ "name": "change", "type": "CustomEvent" }]
@@ -1342,6 +1744,47 @@
             ],
             "events": [{ "name": "change", "type": "CustomEvent" }]
           }
+        },
+        {
+          "name": "w-textarea",
+          "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)\n---\n",
+          "doc-url": "",
+          "attributes": [
+            { "name": "disabled", "value": { "type": "boolean" } },
+            { "name": "invalid", "value": { "type": "boolean" } },
+            { "name": "label", "value": { "type": "string" } },
+            { "name": "help-text", "value": { "type": "string" } },
+            { "name": "maximum-rows", "value": { "type": "number" } },
+            { "name": "minimum-rows", "value": { "type": "number" } },
+            { "name": "name", "value": { "type": "string" } },
+            { "name": "placeholder", "value": { "type": "string" } },
+            { "name": "read-only", "value": { "type": "boolean" } },
+            { "name": "readonly", "value": { "type": "boolean" } },
+            { "name": "required", "value": { "type": "boolean" } },
+            { "name": "value", "value": { "type": "string" } },
+            { "name": "optional", "value": { "type": "boolean" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "disabled", "type": "boolean" },
+              { "name": "invalid", "type": "boolean" },
+              { "name": "label", "type": "string" },
+              { "name": "helpText", "type": "string" },
+              { "name": "maxRows", "type": "number" },
+              { "name": "minRows", "type": "number" },
+              { "name": "name", "type": "string" },
+              { "name": "placeholder", "type": "string" },
+              { "name": "readOnly", "type": "boolean" },
+              { "name": "readonly", "type": "boolean" },
+              { "name": "required", "type": "boolean" },
+              { "name": "value", "type": "string" },
+              { "name": "optional", "type": "boolean" },
+              { "name": "minHeight" },
+              { "name": "maxHeight" }
+            ],
+            "events": []
+          }
         }
       ]
     },