@warp-ds/elements 2.5.1-next.5 → 2.5.2

package/dist/.storybook/utilities.d.ts

@@ -3,7 +3,6 @@
  *
  * - Empty strings are treated as not set.
  * - Boolean false don't get set.
- * - camelCase property names are converted to kebab-case attribute names.
  *
  * @example
  * ```ts

package/dist/.storybook/utilities.js

@@ -1,16 +1,8 @@
-/**
- * Converts camelCase to kebab-case.
- * @example camelToKebab('openOnFocus') // 'open-on-focus'
- */
-function camelToKebab(str) {
-    return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
-}
 /**
  * Massages storybook args before being spread to HTML attributes.
  *
  * - Empty strings are treated as not set.
  * - Boolean false don't get set.
- * - camelCase property names are converted to kebab-case attribute names.
  *
  * @example
  * ```ts
@@ -34,27 +26,27 @@ function camelToKebab(str) {
  * ```
  */
 export function prespread(args) {
-    const newArgs = {};
-    for (const field of Object.keys(args)) {
+    const newArgs = {
+        ...args,
+    };
+    for (const field of Object.keys(newArgs)) {
         const value = args[field];
-        // Skip empty strings
-        if (value === '') {
-            continue;
-        }
-        // Convert camelCase to kebab-case for attribute names
-        const attrName = camelToKebab(field);
         // Add Lit syntax for boolean attributes
         if (typeof value === 'boolean') {
-            newArgs[`?${attrName}`] = value;
-            continue;
+            newArgs[`?${field}`] = value;
+            delete newArgs[field];
         }
-        // Add Lit syntax for complex properties (keep camelCase for properties)
+        // Add Lit syntax for complex properties
         if (typeof value === 'object') {
             newArgs[`.${field}`] = value;
-            continue;
+            delete newArgs[field];
+        }
+        // The manifest has a bunch of default empty strings (which we should probably investigate)
+        // that turn on features that should be off in Storybook canvases.
+        // Remove the empty strings.
+        if (newArgs[field] === '') {
+            delete newArgs[field];
         }
-        // String and number values use kebab-case attribute names
-        newArgs[attrName] = value;
     }
     return newArgs;
 }

package/dist/custom-elements.json

@@ -3045,12 +3045,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "packages/toast/toast.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "packages/toast-container/toast-container.ts",
@@ -3176,6 +3170,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/toast/toast.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "removeToast",
+          "declaration": {
+            "name": "removeToast",
+            "module": "./api.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "toast",
+          "declaration": {
+            "name": "toast",
+            "module": "./api.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "updateToast",
+          "declaration": {
+            "name": "updateToast",
+            "module": "./api.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/datepicker/datepicker.ts",
@@ -3912,18 +3937,10 @@
               "privacy": "private",
               "readonly": true
             },
-            {
-              "kind": "field",
-              "name": "_navigationLabelOrDisplayValue",
-              "privacy": "private",
-              "description": "Get the display text for the navigation option or current display value",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "_navigationValueOrInputValue",
               "privacy": "private",
-              "description": "Get the actual value for the navigation option or current value",
               "readonly": true
             },
             {
@@ -4858,564 +4875,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/pagination/pagination.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)",
-          "name": "WarpPagination",
-          "members": [
-            {
-              "kind": "field",
-              "name": "baseUrl",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "base-url",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "pages",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "pages",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "currentPageNumber",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "attribute": "current-page",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "visiblePages",
-              "type": {
-                "text": "number"
-              },
-              "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": [
-            {
-              "name": "base-url",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "baseUrl"
-            },
-            {
-              "name": "pages",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "pages"
-            },
-            {
-              "name": "current-page",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "fieldName": "currentPageNumber"
-            },
-            {
-              "name": "visible-pages",
-              "type": {
-                "text": "number"
-              },
-              "default": "7",
-              "fieldName": "visiblePages"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-pagination",
-          "customElement": true,
-          "modulePath": "packages/pagination/pagination.ts",
-          "definitionPath": "packages/pagination/pagination.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-pagination",
-          "declaration": {
-            "name": "WarpPagination",
-            "module": "packages/pagination/pagination.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpPagination",
-          "declaration": {
-            "name": "WarpPagination",
-            "module": "packages/pagination/pagination.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/textarea/textarea.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A single line text input element.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)",
-          "name": "WarpTextarea",
-          "members": [
-            {
-              "kind": "field",
-              "name": "shadowRootOptions",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "invalid",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "helpText",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "help-text",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "maxRows",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "maximum-rows",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "minRows",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "minimum-rows",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "placeholder"
-            },
-            {
-              "kind": "field",
-              "name": "readOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
-              "attribute": "read-only",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "readonly",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "required",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "optional",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "optional",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "minHeight"
-            },
-            {
-              "kind": "field",
-              "name": "maxHeight"
-            },
-            {
-              "kind": "field",
-              "name": "_textarea",
-              "type": {
-                "text": "HTMLTextAreaElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#initialValue",
-              "privacy": "private",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#uniqueId",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#validationActive",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "#originalHelpText",
-              "privacy": "private",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined"
-            },
-            {
-              "kind": "field",
-              "name": "#hasInteracted",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "resetFormControl",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "type": {
-                "text": "resetFormControl() => void"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "description": "Returns the validation message if the textarea is invalid, otherwise an empty string",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "description": "Returns the validity state of the textarea",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks whether the textarea passes constraint validation",
-              "type": {
-                "text": "checkValidity() => boolean"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks validity and shows the browser's validation message if invalid",
-              "type": {
-                "text": "reportValidity() => boolean"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to clear.",
-              "type": {
-                "text": "setCustomValidity(message: string) => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handler",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "InputEvent"
-                  }
-                }
-              ],
-              "type": {
-                "text": "handler(e: InputEvent) => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#resize",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "target",
-                  "type": {
-                    "text": "HTMLTextAreaElement"
-                  }
-                }
-              ],
-              "description": "Calculate the new height for the area on input"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "disabled"
-            },
-            {
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "invalid"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "label"
-            },
-            {
-              "name": "help-text",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "helpText"
-            },
-            {
-              "name": "maximum-rows",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "maxRows"
-            },
-            {
-              "name": "minimum-rows",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "minRows"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "name"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "placeholder"
-            },
-            {
-              "name": "read-only",
-              "type": {
-                "text": "boolean"
-              },
-              "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
-              "fieldName": "readOnly"
-            },
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "readonly"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "required"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "value"
-            },
-            {
-              "name": "optional",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "optional"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormControlMixin",
-              "package": "@open-wc/form-control"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-textarea",
-          "customElement": true,
-          "modulePath": "packages/textarea/textarea.ts",
-          "definitionPath": "packages/textarea/textarea.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-textarea",
-          "declaration": {
-            "name": "WarpTextarea",
-            "module": "packages/textarea/textarea.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpTextarea",
-          "declaration": {
-            "name": "WarpTextarea",
-            "module": "packages/textarea/textarea.ts"
-          }
-        }
-      ]
     }
   ]
 }