@warp-ds/elements 2.4.0-next.1 → 2.4.0-next.11

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.2",
+  "version": "2.4.0-next.10",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -603,7 +603,11 @@
             },
             { "name": "value", "value": { "type": "string" } },
             { "name": "name", "value": { "type": "string" } },
-            { "name": "step", "value": { "type": "number" } }
+            { "name": "step", "value": { "type": "number" } },
+            {
+              "name": "autocomplete",
+              "value": { "type": "string | undefined" }
+            }
           ],
           "events": [],
           "js": {
@@ -627,6 +631,7 @@
               { "name": "value", "type": "string" },
               { "name": "name", "type": "string" },
               { "name": "step", "type": "number" },
+              { "name": "autocomplete", "type": "string | undefined" },
               {
                 "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",
@@ -636,43 +641,6 @@
             "events": []
           }
         },
-        {
-          "name": "w-modal-footer",
-          "description": "The footer section of a modal, typically where you place actions.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)\n---\n",
-          "doc-url": "",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "w-modal-header",
-          "description": "The header section of a modal, typically where you place the title and a close button.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)\n---\n\n\n### **Events:**\n - **backClicked**\n\n### **Slots:**\n - **top** - Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example.",
-          "doc-url": "",
-          "attributes": [
-            { "name": "title", "value": { "type": "string" } },
-            { "name": "back", "value": { "type": "boolean" } },
-            { "name": "no-close", "value": { "type": "boolean" } }
-          ],
-          "slots": [
-            {
-              "name": "top",
-              "description": "Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example."
-            }
-          ],
-          "events": [{ "name": "backClicked", "type": "CustomEvent" }],
-          "js": {
-            "properties": [
-              { "name": "title", "type": "string" },
-              { "name": "back", "type": "boolean" },
-              { "name": "noClose", "type": "boolean" },
-              { "name": "titleEl", "type": "HTMLElement" },
-              { "name": "titleClasses" },
-              { "name": "backButton" },
-              { "name": "closeButton" }
-            ],
-            "events": [{ "name": "backClicked", "type": "CustomEvent" }]
-          }
-        },
         {
           "name": "w-modal",
           "description": "Modals (or dialogs) display important information that users need to acknowledge.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)\n---\n\n\n### **Events:**\n - **shown**\n- **hidden**\n\n### **Slots:**\n - **header** - Typically where you would use the `w-modal-header` component.\n- **content** - The main content of the modal.\n- **footer** - Typically where you would use the `w-modal-footer` component, for things like actions.",
@@ -715,6 +683,43 @@
             ]
           }
         },
+        {
+          "name": "w-modal-header",
+          "description": "The header section of a modal, typically where you place the title and a close button.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)\n---\n\n\n### **Events:**\n - **backClicked**\n\n### **Slots:**\n - **top** - Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "title", "value": { "type": "string" } },
+            { "name": "back", "value": { "type": "boolean" } },
+            { "name": "no-close", "value": { "type": "boolean" } }
+          ],
+          "slots": [
+            {
+              "name": "top",
+              "description": "Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example."
+            }
+          ],
+          "events": [{ "name": "backClicked", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "title", "type": "string" },
+              { "name": "back", "type": "boolean" },
+              { "name": "noClose", "type": "boolean" },
+              { "name": "titleEl", "type": "HTMLElement" },
+              { "name": "titleClasses" },
+              { "name": "backButton" },
+              { "name": "closeButton" }
+            ],
+            "events": [{ "name": "backClicked", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "w-modal-footer",
+          "description": "The footer section of a modal, typically where you place actions.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
         {
           "name": "w-toast-container",
           "description": "\n---\n",
@@ -803,6 +808,33 @@
             "events": []
           }
         },
+        {
+          "name": "w-switch",
+          "description": "\n---\n\n\n### **Events:**\n - **change**",
+          "doc-url": "",
+          "attributes": [
+            { "name": "name", "value": { "type": "string", "default": "''" } },
+            { "name": "value", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "checked",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "change", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "name", "type": "string" },
+              { "name": "value", "type": "string" },
+              { "name": "checked", "type": "boolean" },
+              { "name": "disabled", "type": "boolean" }
+            ],
+            "events": [{ "name": "change", "type": "CustomEvent" }]
+          }
+        },
         {
           "name": "w-combobox",
           "description": "A combobox element for text input with selectable options.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-combobox--docs)\n---\n",
@@ -873,20 +905,15 @@
               "description": "Whether to show optional text",
               "value": { "type": "boolean", "default": "false" }
             },
-            {
-              "name": "class-name",
-              "description": "Additional container styling",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "list-class-name",
-              "description": "Additional list styling",
-              "value": { "type": "string | undefined" }
-            },
             {
               "name": "name",
               "description": "Name attribute for form submission",
               "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "autocomplete",
+              "description": "Autocomplete attribute for the input field",
+              "value": { "type": "string | undefined", "default": "'off'" }
             }
           ],
           "events": [],
@@ -958,18 +985,13 @@
                 "type": "boolean"
               },
               {
-                "name": "containerClassName",
-                "description": "Additional container styling",
+                "name": "name",
+                "description": "Name attribute for form submission",
                 "type": "string | undefined"
               },
               {
-                "name": "listClassName",
-                "description": "Additional list styling",
-                "type": "string | undefined"
-              },
-              {
-                "name": "name",
-                "description": "Name attribute for form submission",
+                "name": "autocomplete",
+                "description": "Autocomplete attribute for the input field",
                 "type": "string | undefined"
               }
             ],
@@ -1015,18 +1037,18 @@
           }
         },
         {
-          "name": "w-pageindicator",
-          "description": "\n---\n",
+          "name": "w-page-indicator",
+          "description": "A page indicator component that displays a series of dots representing pages.\nOne dot is highlighted to indicate the currently selected page.\n---\n",
           "doc-url": "",
           "attributes": [
             {
               "name": "selected-page",
-              "description": "Currently selected page (1-based index)",
+              "description": "Currently selected page (1-based index, clamped to valid range)",
               "value": { "type": "number", "default": "1" }
             },
             {
               "name": "page-count",
-              "description": "Total number of pages",
+              "description": "Total number of pages (minimum 1)",
               "value": { "type": "number", "default": "1" }
             }
           ],
@@ -1035,12 +1057,12 @@
             "properties": [
               {
                 "name": "selectedPage",
-                "description": "Currently selected page (1-based index)",
+                "description": "Currently selected page (1-based index, clamped to valid range)",
                 "type": "number"
               },
               {
                 "name": "pageCount",
-                "description": "Total number of pages",
+                "description": "Total number of pages (minimum 1)",
                 "type": "number"
               }
             ],
@@ -1615,29 +1637,6 @@
             "events": []
           }
         },
-        {
-          "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": [
-            {
-              "name": "horizontal",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "right",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "horizontal", "type": "boolean" },
-              { "name": "right", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "w-step",
           "description": "Individual step component that shows a single step in a process\n---\n",
@@ -1662,30 +1661,26 @@
           }
         },
         {
-          "name": "w-switch",
-          "description": "\n---\n\n\n### **Events:**\n - **change**",
+          "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": [
-            { "name": "name", "value": { "type": "string", "default": "''" } },
-            { "name": "value", "value": { "type": "string", "default": "''" } },
             {
-              "name": "checked",
+              "name": "horizontal",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "disabled",
+              "name": "right",
               "value": { "type": "boolean", "default": "false" }
             }
           ],
-          "events": [{ "name": "change", "type": "CustomEvent" }],
+          "events": [],
           "js": {
             "properties": [
-              { "name": "name", "type": "string" },
-              { "name": "value", "type": "string" },
-              { "name": "checked", "type": "boolean" },
-              { "name": "disabled", "type": "boolean" }
+              { "name": "horizontal", "type": "boolean" },
+              { "name": "right", "type": "boolean" }
             ],
-            "events": [{ "name": "change", "type": "CustomEvent" }]
+            "events": []
           }
         },
         {
@@ -1693,8 +1688,7 @@
           "description": "Individual tab component used within w-tabs container.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)\n---\n",
           "doc-url": "",
           "attributes": [
-            { "name": "name", "value": { "type": "string" } },
-            { "name": "label", "value": { "type": "string", "default": "''" } },
+            { "name": "for", "value": { "type": "string", "default": "''" } },
             {
               "name": "active",
               "value": { "type": "boolean", "default": "false" }
@@ -1702,43 +1696,45 @@
             {
               "name": "over",
               "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "tab-class",
-              "value": { "type": "string", "default": "''" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
-              { "name": "name", "type": "string" },
-              { "name": "label", "type": "string" },
+              { "name": "for", "type": "string" },
               { "name": "active", "type": "boolean" },
-              { "name": "over", "type": "boolean" },
-              { "name": "tabClass", "type": "string" }
+              { "name": "over", "type": "boolean" }
             ],
             "events": []
           }
         },
         {
-          "name": "w-tabs",
-          "description": "Tabs are used to organize content by grouping similar information on the same page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)\n---\n\n\n### **Events:**\n - **change**",
+          "name": "w-tab-panel",
+          "description": "Tab panel component that holds content for individual tabs.\nEach tab panel should have a name that matches a corresponding tab.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)\n---\n",
           "doc-url": "",
           "attributes": [
             {
-              "name": "active",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "tab-class",
-              "value": { "type": "string", "default": "''" }
+              "name": "hidden",
+              "value": { "type": "boolean", "default": "true" }
             }
           ],
+          "events": [],
+          "js": {
+            "properties": [{ "name": "hidden", "type": "boolean" }],
+            "events": []
+          }
+        },
+        {
+          "name": "w-tabs",
+          "description": "Tabs are used to organize content by grouping similar information on the same page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)\n---\n\n\n### **Events:**\n - **change**",
+          "doc-url": "",
+          "attributes": [
+            { "name": "active", "value": { "type": "string", "default": "''" } }
+          ],
           "events": [{ "name": "change", "type": "CustomEvent" }],
           "js": {
             "properties": [
               { "name": "active", "type": "string" },
-              { "name": "tabClass", "type": "string" },
               { "name": "tabs" },
               { "name": "activeTab" }
             ],