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

package/dist/custom-elements.json

@@ -2,6 +2,105 @@
   "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",
@@ -141,105 +240,6 @@
         }
       ]
     },
-    {
-      "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",
@@ -837,17 +837,324 @@
               "attribute": "flat"
             },
             {
-              "kind": "field",
-              "name": "clickable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "clickable"
+              "kind": "field",
+              "name": "clickable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "clickable"
+            },
+            {
+              "kind": "method",
+              "name": "keypressed",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "buttonText"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "selected"
+            },
+            {
+              "name": "flat",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "flat"
+            },
+            {
+              "name": "clickable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "clickable"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-card",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ccCard",
+          "declaration": {
+            "name": "ccCard",
+            "module": "packages/card/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-card",
+          "declaration": {
+            "name": "WarpCard",
+            "module": "packages/card/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpCard",
+          "declaration": {
+            "name": "WarpCard",
+            "module": "packages/card/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/datepicker/datepicker.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An input for dates.\n\nUses the `lang` attribute on either the element or on `<html>` to determine the locale options.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-datepicker--docs)",
+          "name": "WarpDatepicker",
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...WarpElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "Takes precedence over the `<html>` lang attribute.",
+              "attribute": "lang",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "headerFormat",
+              "type": {
+                "text": "string"
+              },
+              "default": "'MMMM yyyy'",
+              "description": "Decides the format of the date as shown in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "attribute": "header-format"
+            },
+            {
+              "kind": "field",
+              "name": "weekdayFormat",
+              "type": {
+                "text": "string"
+              },
+              "default": "'EEEEEE'",
+              "description": "Decides the format of the weekday as shown above the grid of dates in the calendar.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "attribute": "weekday-format"
+            },
+            {
+              "kind": "field",
+              "name": "isDayDisabled",
+              "type": {
+                "text": "(day: Date) => boolean"
+              },
+              "description": "Lets you control if a date in the calendar should be disabled.\n\nThis needs to be set on the element instance in JavaScript, not as an HTML attribute."
+            },
+            {
+              "kind": "field",
+              "name": "dayFormat",
+              "type": {
+                "text": "string"
+              },
+              "default": "'PPPP'",
+              "description": "Decides the format of the day in the calendar as read to screen readers.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "attribute": "day-format"
+            },
+            {
+              "kind": "field",
+              "name": "isCalendarOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "navigationDate",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selectedDate",
+              "type": {
+                "text": "Date | null"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "month",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "weeks",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "calendar",
+              "type": {
+                "text": "HTMLDivElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "toggleButton",
+              "type": {
+                "text": "HTMLButtonElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "wrapper",
+              "type": {
+                "text": "HTMLDivElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selectedCell",
+              "type": {
+                "text": "HTMLTableCellElement"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#toggleCalendarOpen",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent | KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#nextMonth",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#previousMonth",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#dispatchChangeEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#onInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onInputClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onInputKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "keypressed",
+              "name": "#onCalendarKeyDown",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "e",
@@ -858,67 +1165,121 @@
               ]
             },
             {
-              "kind": "field",
-              "name": "buttonText"
+              "kind": "method",
+              "name": "#onCalendarSelect",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent | KeyboardEvent"
+                  }
+                }
+              ]
             }
           ],
           "attributes": [
             {
-              "name": "selected",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "selected"
+              "fieldName": "label"
             },
             {
-              "name": "flat",
+              "name": "lang",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "flat"
+              "description": "Takes precedence over the `<html>` lang attribute.",
+              "fieldName": "lang"
             },
             {
-              "name": "clickable",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "clickable"
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "header-format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'MMMM yyyy'",
+              "description": "Decides the format of the date as shown in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "fieldName": "headerFormat"
+            },
+            {
+              "name": "weekday-format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'EEEEEE'",
+              "description": "Decides the format of the weekday as shown above the grid of dates in the calendar.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "fieldName": "weekdayFormat"
+            },
+            {
+              "name": "day-format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'PPPP'",
+              "description": "Decides the format of the day in the calendar as read to screen readers.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "fieldName": "dayFormat"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-card",
+          "tagName": "w-datepicker",
           "customElement": true
         }
       ],
       "exports": [
         {
-          "kind": "js",
-          "name": "ccCard",
+          "kind": "custom-element-definition",
+          "name": "w-datepicker",
           "declaration": {
-            "name": "ccCard",
-            "module": "packages/card/index.ts"
+            "name": "WarpDatepicker",
+            "module": "packages/datepicker/datepicker.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "w-card",
+          "kind": "js",
+          "name": "WarpDatepicker",
           "declaration": {
-            "name": "WarpCard",
-            "module": "packages/card/index.ts"
+            "name": "WarpDatepicker",
+            "module": "packages/datepicker/datepicker.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/datepicker/index.ts",
+      "declarations": [],
+      "exports": [
         {
           "kind": "js",
-          "name": "WarpCard",
+          "name": "*",
           "declaration": {
-            "name": "WarpCard",
-            "module": "packages/card/index.ts"
+            "name": "*",
+            "package": "./datepicker.js"
           }
         }
       ]
@@ -1755,6 +2116,83 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/pageindicator/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WarpPageIndicator",
+          "members": [
+            {
+              "kind": "field",
+              "name": "selectedPage",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Currently selected page (1-based index)",
+              "attribute": "selected-page"
+            },
+            {
+              "kind": "field",
+              "name": "pageCount",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Total number of pages",
+              "attribute": "page-count"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "selected-page",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Currently selected page (1-based index)",
+              "fieldName": "selectedPage"
+            },
+            {
+              "name": "page-count",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Total number of pages",
+              "fieldName": "pageCount"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-pageindicator",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpPageIndicator",
+          "declaration": {
+            "name": "WarpPageIndicator",
+            "module": "packages/pageindicator/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-pageindicator",
+          "declaration": {
+            "name": "WarpPageIndicator",
+            "module": "packages/pageindicator/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/pagination/index.ts",
@@ -1801,6 +2239,28 @@
               "default": "7",
               "attribute": "visible-pages",
               "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "#dispatchClickPage",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "page-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
             }
           ],
           "attributes": [
@@ -2404,6 +2864,89 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/switch/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WarpSwitch",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "value"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-switch",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpSwitch",
+          "declaration": {
+            "name": "WarpSwitch",
+            "module": "packages/switch/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-switch",
+          "declaration": {
+            "name": "WarpSwitch",
+            "module": "packages/switch/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/textfield/index.ts",