@warp-ds/elements 2.2.0-next.20 → 2.2.0-next.21

package/dist/vscode.html-custom-data.json

@@ -2,6 +2,24 @@
   "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
   "version": 1.1,
   "tags": [
+    {
+      "name": "w-alert",
+      "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)\n\n---\n\n",
+      "attributes": [
+        {
+          "name": "variant",
+          "values": [
+            { "name": "negative" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "info" }
+          ]
+        },
+        { "name": "show", "values": [] },
+        { "name": "role", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "w-affix",
       "description": "This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-affix--docs)\n\n---\n\n",
@@ -22,20 +40,70 @@
       "references": []
     },
     {
-      "name": "w-alert",
-      "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)\n\n---\n\n",
+      "name": "w-link",
+      "description": "Buttons are used to perform actions, with different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-link--docs)\n\n---\n\n",
       "attributes": [
+        { "name": "autofocus", "values": [] },
         {
           "name": "variant",
           "values": [
             { "name": "negative" },
-            { "name": "positive" },
-            { "name": "warning" },
-            { "name": "info" }
+            { "name": "primary" },
+            { "name": "secondary" },
+            { "name": "negativeQuiet" },
+            { "name": "utility" },
+            { "name": "pill" },
+            { "name": "link" },
+            { "name": "quiet" },
+            { "name": "utilityQuiet" }
           ]
         },
-        { "name": "show", "values": [] },
-        { "name": "role", "values": [] }
+        { "name": "quiet", "values": [] },
+        { "name": "small", "values": [] },
+        { "name": "href", "values": [] },
+        { "name": "disabled", "values": [] },
+        { "name": "target", "values": [] },
+        { "name": "rel", "values": [] },
+        { "name": "full-width", "values": [] },
+        { "name": "button-class", "values": [] },
+        { "name": "name", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "w-button",
+      "description": "Buttons are used to perform actions, widh different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)\n\n---\n\n",
+      "attributes": [
+        {
+          "name": "type",
+          "values": [
+            { "name": "button" },
+            { "name": "submit" },
+            { "name": "reset" }
+          ]
+        },
+        { "name": "autofocus", "values": [] },
+        {
+          "name": "variant",
+          "values": [
+            { "name": "negative" },
+            { "name": "primary" },
+            { "name": "secondary" },
+            { "name": "utility" },
+            { "name": "pill" },
+            { "name": "link" }
+          ]
+        },
+        { "name": "quiet", "values": [] },
+        { "name": "small", "values": [] },
+        { "name": "loading", "values": [] },
+        { "name": "href", "values": [] },
+        { "name": "target", "values": [] },
+        { "name": "rel", "values": [] },
+        { "name": "full-width", "values": [] },
+        { "name": "button-class", "values": [] },
+        { "name": "name", "values": [] },
+        { "name": "value", "values": [] }
       ],
       "references": []
     },
@@ -109,74 +177,6 @@
       "attributes": [{ "name": "aria-label", "values": [] }],
       "references": []
     },
-    {
-      "name": "w-link",
-      "description": "Buttons are used to perform actions, with different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-link--docs)\n\n---\n\n",
-      "attributes": [
-        { "name": "autofocus", "values": [] },
-        {
-          "name": "variant",
-          "values": [
-            { "name": "negative" },
-            { "name": "primary" },
-            { "name": "secondary" },
-            { "name": "negativeQuiet" },
-            { "name": "utility" },
-            { "name": "pill" },
-            { "name": "link" },
-            { "name": "quiet" },
-            { "name": "utilityQuiet" }
-          ]
-        },
-        { "name": "quiet", "values": [] },
-        { "name": "small", "values": [] },
-        { "name": "href", "values": [] },
-        { "name": "disabled", "values": [] },
-        { "name": "target", "values": [] },
-        { "name": "rel", "values": [] },
-        { "name": "full-width", "values": [] },
-        { "name": "button-class", "values": [] },
-        { "name": "name", "values": [] }
-      ],
-      "references": []
-    },
-    {
-      "name": "w-button",
-      "description": "Buttons are used to perform actions, widh different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)\n\n---\n\n",
-      "attributes": [
-        {
-          "name": "type",
-          "values": [
-            { "name": "button" },
-            { "name": "submit" },
-            { "name": "reset" }
-          ]
-        },
-        { "name": "autofocus", "values": [] },
-        {
-          "name": "variant",
-          "values": [
-            { "name": "negative" },
-            { "name": "primary" },
-            { "name": "secondary" },
-            { "name": "utility" },
-            { "name": "pill" },
-            { "name": "link" }
-          ]
-        },
-        { "name": "quiet", "values": [] },
-        { "name": "small", "values": [] },
-        { "name": "loading", "values": [] },
-        { "name": "href", "values": [] },
-        { "name": "target", "values": [] },
-        { "name": "rel", "values": [] },
-        { "name": "full-width", "values": [] },
-        { "name": "button-class", "values": [] },
-        { "name": "name", "values": [] },
-        { "name": "value", "values": [] }
-      ],
-      "references": []
-    },
     {
       "name": "w-card",
       "description": "Card is a layout component used for separating content areas on a page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-card--docs)\n\n---\n\n",
@@ -597,7 +597,6 @@
           "description": "Renders the field in a readonly state.",
           "values": []
         },
-        { "name": "_options", "values": [] },
         { "name": "name", "values": [] },
         { "name": "value", "values": [] }
       ],
@@ -699,15 +698,6 @@
       ],
       "references": []
     },
-    {
-      "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\n\n### **Events:**\n - **change**",
-      "attributes": [
-        { "name": "active", "values": [] },
-        { "name": "tab-class", "values": [] }
-      ],
-      "references": []
-    },
     {
       "name": "w-tab",
       "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---\n\n",
@@ -728,6 +718,21 @@
         { "name": "hidden", "values": [] }
       ],
       "references": []
+    },
+    {
+      "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\n\n### **Events:**\n - **change**",
+      "attributes": [
+        { "name": "active", "values": [] },
+        { "name": "tab-class", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "w-toast-container",
+      "description": "\n\n---\n\n",
+      "attributes": [],
+      "references": []
     }
   ]
 }

package/dist/web-types.json

@@ -1,11 +1,45 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@warp-ds/elements",
-  "version": "2.2.0-next.19",
+  "version": "2.2.0-next.20",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
+        {
+          "name": "w-alert",
+          "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "value": {
+                "type": "'negative' | 'positive' | 'warning' | 'info'",
+                "default": "'info'"
+              }
+            },
+            {
+              "name": "show",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "role",
+              "value": { "type": "string", "default": "'alert'" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "variant",
+                "type": "'negative' | 'positive' | 'warning' | 'info'"
+              },
+              { "name": "show", "type": "boolean" },
+              { "name": "role", "type": "string" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "w-affix",
           "description": "This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-affix--docs)\n---\n",
@@ -44,35 +78,101 @@
           }
         },
         {
-          "name": "w-alert",
-          "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)\n---\n",
+          "name": "w-link",
+          "description": "Buttons are used to perform actions, with different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-link--docs)\n---\n",
           "doc-url": "",
           "attributes": [
+            { "name": "autofocus", "value": { "type": "boolean" } },
             {
               "name": "variant",
               "value": {
-                "type": "'negative' | 'positive' | 'warning' | 'info'",
-                "default": "'info'"
+                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'",
+                "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" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "autofocus", "type": "boolean" },
+              {
+                "name": "variant",
+                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
+              },
+              { "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" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "w-button",
+          "description": "Buttons are used to perform actions, widh different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)\n---\n",
+          "doc-url": "",
+          "attributes": [
             {
-              "name": "show",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "type",
+              "value": {
+                "type": "'button' | 'submit' | 'reset'",
+                "default": "'button'"
+              }
             },
+            { "name": "autofocus", "value": { "type": "boolean" } },
             {
-              "name": "role",
-              "value": { "type": "string", "default": "'alert'" }
-            }
+              "name": "variant",
+              "value": {
+                "type": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'",
+                "default": "'secondary'"
+              }
+            },
+            { "name": "quiet", "value": { "type": "boolean" } },
+            { "name": "small", "value": { "type": "boolean" } },
+            { "name": "loading", "value": { "type": "boolean" } },
+            { "name": "href", "value": { "type": "string" } },
+            { "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": "value", "value": { "type": "string" } }
           ],
           "events": [],
           "js": {
             "properties": [
+              { "name": "type", "type": "'button' | 'submit' | 'reset'" },
+              { "name": "autofocus", "type": "boolean" },
               {
                 "name": "variant",
-                "type": "'negative' | 'positive' | 'warning' | 'info'"
+                "type": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
               },
-              { "name": "show", "type": "boolean" },
-              { "name": "role", "type": "string" }
+              { "name": "quiet", "type": "boolean" },
+              { "name": "small", "type": "boolean" },
+              { "name": "loading", "type": "boolean" },
+              { "name": "href", "type": "string" },
+              { "name": "target", "type": "string" },
+              { "name": "rel", "type": "string" },
+              { "name": "fullWidth", "type": "boolean" },
+              { "name": "buttonClass", "type": "string" },
+              { "name": "name", "type": "string" },
+              { "name": "value", "type": "string" },
+              { "name": "ariaValueTextLoading" }
             ],
             "events": []
           }
@@ -227,106 +327,6 @@
             "events": []
           }
         },
-        {
-          "name": "w-link",
-          "description": "Buttons are used to perform actions, with different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-link--docs)\n---\n",
-          "doc-url": "",
-          "attributes": [
-            { "name": "autofocus", "value": { "type": "boolean" } },
-            {
-              "name": "variant",
-              "value": {
-                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'",
-                "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" } }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "autofocus", "type": "boolean" },
-              {
-                "name": "variant",
-                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
-              },
-              { "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" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "w-button",
-          "description": "Buttons are used to perform actions, widh different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)\n---\n",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "type",
-              "value": {
-                "type": "'button' | 'submit' | 'reset'",
-                "default": "'button'"
-              }
-            },
-            { "name": "autofocus", "value": { "type": "boolean" } },
-            {
-              "name": "variant",
-              "value": {
-                "type": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'",
-                "default": "'secondary'"
-              }
-            },
-            { "name": "quiet", "value": { "type": "boolean" } },
-            { "name": "small", "value": { "type": "boolean" } },
-            { "name": "loading", "value": { "type": "boolean" } },
-            { "name": "href", "value": { "type": "string" } },
-            { "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": "value", "value": { "type": "string" } }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "type", "type": "'button' | 'submit' | 'reset'" },
-              { "name": "autofocus", "type": "boolean" },
-              {
-                "name": "variant",
-                "type": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
-              },
-              { "name": "quiet", "type": "boolean" },
-              { "name": "small", "type": "boolean" },
-              { "name": "loading", "type": "boolean" },
-              { "name": "href", "type": "string" },
-              { "name": "target", "type": "string" },
-              { "name": "rel", "type": "string" },
-              { "name": "fullWidth", "type": "boolean" },
-              { "name": "buttonClass", "type": "string" },
-              { "name": "name", "type": "string" },
-              { "name": "value", "type": "string" },
-              { "name": "ariaValueTextLoading" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "w-card",
           "description": "Card is a layout component used for separating content areas on a page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-card--docs)\n---\n",
@@ -1264,7 +1264,6 @@
               "description": "Renders the field in a readonly state.",
               "value": { "type": "boolean" }
             },
-            { "name": "_options", "value": { "type": "string" } },
             { "name": "name", "value": { "type": "string" } },
             { "name": "value", "value": { "type": "string" } }
           ],
@@ -1312,8 +1311,7 @@
                 "type": "boolean"
               },
               { "name": "name", "type": "string" },
-              { "name": "value", "type": "string" },
-              { "name": "_options" }
+              { "name": "value", "type": "string" }
             ],
             "events": []
           }
@@ -1600,29 +1598,6 @@
             "events": [{ "name": "change", "type": "CustomEvent" }]
           }
         },
-        {
-          "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": "''" }
-            },
-            {
-              "name": "tab-class",
-              "value": { "type": "string", "default": "''" }
-            }
-          ],
-          "events": [{ "name": "change", "type": "CustomEvent" }],
-          "js": {
-            "properties": [
-              { "name": "active", "type": "string" },
-              { "name": "tabClass", "type": "string" }
-            ],
-            "events": [{ "name": "change", "type": "CustomEvent" }]
-          }
-        },
         {
           "name": "w-tab",
           "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",
@@ -1674,6 +1649,39 @@
             ],
             "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": "''" }
+            },
+            {
+              "name": "tab-class",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "change", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "active", "type": "string" },
+              { "name": "tabClass", "type": "string" },
+              { "name": "tabs" },
+              { "name": "activeTab" }
+            ],
+            "events": [{ "name": "change", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "w-toast-container",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
         }
       ]
     },