@warp-ds/elements 2.5.1-next.3 → 2.5.1

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

@@ -3912,18 +3912,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,464 +4850,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": "#initialValue",
-              "privacy": "private",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#uniqueId",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "resetFormControl",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "type": {
-                "text": "resetFormControl() => 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"
-          }
-        }
-      ]
     }
   ]
 }