@warp-ds/elements 2.2.0-next.7 → 2.2.0-next.8

package/dist/custom-elements.json

@@ -2,105 +2,6 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "packages/alert/index.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "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)",
-          "name": "WarpAlert",
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "AlertVariants"
-              },
-              "default": "'info'",
-              "attribute": "variant",
-              "reflects": true,
-              "parsedType": {
-                "text": "'negative' | 'positive' | 'warning' | 'info'"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "show",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'alert'",
-              "attribute": "role",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "AlertVariants"
-              },
-              "default": "'info'",
-              "fieldName": "variant",
-              "parsedType": {
-                "text": "'negative' | 'positive' | 'warning' | 'info'"
-              }
-            },
-            {
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "show"
-            },
-            {
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'alert'",
-              "fieldName": "role"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-alert",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-alert",
-          "declaration": {
-            "name": "WarpAlert",
-            "module": "packages/alert/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpAlert",
-          "declaration": {
-            "name": "WarpAlert",
-            "module": "packages/alert/index.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "packages/affix/index.ts",
@@ -240,6 +141,105 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/alert/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "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)",
+          "name": "WarpAlert",
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "AlertVariants"
+              },
+              "default": "'info'",
+              "attribute": "variant",
+              "reflects": true,
+              "parsedType": {
+                "text": "'negative' | 'positive' | 'warning' | 'info'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "show",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "attribute": "role",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "AlertVariants"
+              },
+              "default": "'info'",
+              "fieldName": "variant",
+              "parsedType": {
+                "text": "'negative' | 'positive' | 'warning' | 'info'"
+              }
+            },
+            {
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "show"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "fieldName": "role"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-alert",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-alert",
+          "declaration": {
+            "name": "WarpAlert",
+            "module": "packages/alert/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpAlert",
+          "declaration": {
+            "name": "WarpAlert",
+            "module": "packages/alert/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/badge/index.ts",
@@ -355,149 +355,394 @@
               "type": {
                 "text": "boolean"
               },
-              "attribute": "neutral",
-              "reflects": true
+              "attribute": "neutral",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "role",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "bleed",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "bleed"
+            },
+            {
+              "name": "bordered",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "bordered"
+            },
+            {
+              "name": "info",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "info"
+            },
+            {
+              "name": "neutral",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "neutral"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "role"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-box",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-box",
+          "declaration": {
+            "name": "WarpBox",
+            "module": "packages/box/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpBox",
+          "declaration": {
+            "name": "WarpBox",
+            "module": "packages/box/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/breadcrumbs/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ccBreadcrumbs",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ wrapper: 'flex space-x-8', text: 's-text', link: 's-text-link', separator: 'select-none s-icon', a11y: 'sr-only', }"
+        },
+        {
+          "kind": "class",
+          "description": "Breadcrumbs show the navigation structure for the current location.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-breadcrumbs--docs)",
+          "name": "WarpBreadcrumbs",
+          "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "aria-label"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "ariaLabel"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-breadcrumbs",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ccBreadcrumbs",
+          "declaration": {
+            "name": "ccBreadcrumbs",
+            "module": "packages/breadcrumbs/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-breadcrumbs",
+          "declaration": {
+            "name": "WarpBreadcrumbs",
+            "module": "packages/breadcrumbs/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpBreadcrumbs",
+          "declaration": {
+            "name": "WarpBreadcrumbs",
+            "module": "packages/breadcrumbs/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/link/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "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)",
+          "name": "WarpLink",
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...WarpElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "autofocus",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "ButtonVariant"
+              },
+              "default": "'secondary'",
+              "attribute": "variant",
+              "reflects": true,
+              "parsedType": {
+                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "quiet",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "quiet",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "small",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "small",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "href",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "target",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "rel",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "full-width",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "buttonClass",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "button-class",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "classes",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "ButtonVariant"
+              },
+              "default": "'secondary'",
+              "fieldName": "variant",
+              "parsedType": {
+                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
+              }
+            },
+            {
+              "name": "quiet",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "quiet"
+            },
+            {
+              "name": "small",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "small"
             },
             {
-              "kind": "field",
-              "name": "role",
+              "name": "href",
               "type": {
                 "text": "string"
               },
-              "attribute": "role",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+              "fieldName": "href"
+            },
             {
-              "name": "bleed",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "bleed"
+              "fieldName": "disabled"
             },
             {
-              "name": "bordered",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "fieldName": "bordered"
+              "fieldName": "target"
             },
             {
-              "name": "info",
+              "name": "rel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "fieldName": "info"
+              "fieldName": "rel"
             },
             {
-              "name": "neutral",
+              "name": "full-width",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "neutral"
+              "fieldName": "fullWidth"
             },
             {
-              "name": "role",
+              "name": "button-class",
               "type": {
                 "text": "string"
               },
-              "fieldName": "role"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-box",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-box",
-          "declaration": {
-            "name": "WarpBox",
-            "module": "packages/box/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpBox",
-          "declaration": {
-            "name": "WarpBox",
-            "module": "packages/box/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/breadcrumbs/index.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "ccBreadcrumbs",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ wrapper: 'flex space-x-8', text: 's-text', link: 's-text-link', separator: 'select-none s-icon', a11y: 'sr-only', }"
-        },
-        {
-          "kind": "class",
-          "description": "Breadcrumbs show the navigation structure for the current location.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-breadcrumbs--docs)",
-          "name": "WarpBreadcrumbs",
-          "members": [
+              "fieldName": "buttonClass"
+            },
             {
-              "kind": "field",
-              "name": "ariaLabel",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "attribute": "aria-label"
+              "fieldName": "name"
             }
           ],
-          "attributes": [
+          "mixins": [
             {
-              "name": "aria-label",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "ariaLabel"
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-breadcrumbs",
+          "tagName": "w-link",
           "customElement": true
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "ccBreadcrumbs",
-          "declaration": {
-            "name": "ccBreadcrumbs",
-            "module": "packages/breadcrumbs/index.ts"
-          }
-        },
         {
           "kind": "custom-element-definition",
-          "name": "w-breadcrumbs",
+          "name": "w-link",
           "declaration": {
-            "name": "WarpBreadcrumbs",
-            "module": "packages/breadcrumbs/index.ts"
+            "name": "WarpLink",
+            "module": "packages/link/index.ts"
           }
         },
         {
           "kind": "js",
-          "name": "WarpBreadcrumbs",
+          "name": "WarpLink",
           "declaration": {
-            "name": "WarpBreadcrumbs",
-            "module": "packages/breadcrumbs/index.ts"
+            "name": "WarpLink",
+            "module": "packages/link/index.ts"
           }
         }
       ]
@@ -1077,6 +1322,21 @@
                 "text": "HTMLDivElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "previousMonthButton",
+              "type": {
+                "text": "HTMLButtonElement"
+              },
+              "description": "This is the first focusable element, needed for the modal focus trap.\n\nDon't cache this and other `@query` fields from inside the calendar modal.\nThey work the first time, but once the calendar is closed and reopened\nthe query will point to an element that doesn't exist anymore."
+            },
+            {
+              "kind": "field",
+              "name": "todayCell",
+              "type": {
+                "text": "HTMLTableCellElement"
+              }
+            },
             {
               "kind": "field",
               "name": "selectedCell",
@@ -2864,6 +3124,177 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/steps/index.ts",
+      "declarations": [
+        {
+          "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",
+          "members": [
+            {
+              "kind": "field",
+              "name": "horizontal",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "horizontal",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "right",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "right",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "updateStepsContext"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "horizontal",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "horizontal"
+            },
+            {
+              "name": "right",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "right"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-steps",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "Individual step component that shows a single step in a process",
+          "name": "WarpStep",
+          "members": [
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "active",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "completed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "completed",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_context",
+              "type": {
+                "text": "StepsContext"
+              },
+              "privacy": "private",
+              "default": "{ horizontal: false, right: false, isLast: false, isFirst: false }"
+            },
+            {
+              "kind": "method",
+              "name": "setContext",
+              "parameters": [
+                {
+                  "name": "context",
+                  "type": {
+                    "text": "StepsContext"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getAriaLabel"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "active"
+            },
+            {
+              "name": "completed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "completed"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-step",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-steps",
+          "declaration": {
+            "name": "WarpSteps",
+            "module": "packages/steps/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-step",
+          "declaration": {
+            "name": "WarpStep",
+            "module": "packages/steps/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpSteps",
+          "declaration": {
+            "name": "WarpSteps",
+            "module": "packages/steps/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpStep",
+          "declaration": {
+            "name": "WarpStep",
+            "module": "packages/steps/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/switch/index.ts",
@@ -3031,7 +3462,7 @@
               "type": {
                 "text": "string"
               },
-              "attribute": "helpText",
+              "attribute": "help-text",
               "reflects": true
             },
             {
@@ -3194,7 +3625,7 @@
               "fieldName": "label"
             },
             {
-              "name": "helpText",
+              "name": "help-text",
               "type": {
                 "text": "string"
               },