@warp-ds/elements 2.4.0-next.2 → 2.4.0-next.3

package/dist/packages/textfield/textfield.react.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 import { TextField } from './react';
 declare const _default: {
     title: string;
-    render(args: Omit<React.HTMLAttributes<import(".").WarpTextField>, "label" | "onblur" | "onchange" | "onfocus" | "oninput" | "onFocus" | "onBlur" | "onChange" | "onInput" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "form" | "mask" | "pattern" | "disabled" | "type" | "name" | "value" | "updated" | "firstUpdated" | "resetFormControl" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "invalid" | "step" | "helpText" | "readOnly" | "readonly" | "size" | "max" | "min" | "minLength" | "maxLength" | "placeholder" | "required" | "formatter" | "_hasPrefix" | "_hasSuffix" | "_inputstyles" | "_helptextstyles" | "_label" | "_helpId" | "_id" | "_error" | "handler" | "prefixSlotChange" | "suffixSlotChange"> & {
+    render(args: Omit<React.HTMLAttributes<import(".").WarpTextField>, "label" | "onblur" | "onchange" | "onfocus" | "oninput" | "onFocus" | "onBlur" | "onChange" | "onInput" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "form" | "mask" | "pattern" | "disabled" | "type" | "name" | "value" | "updated" | "firstUpdated" | "resetFormControl" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "invalid" | "step" | "helpText" | "readOnly" | "readonly" | "size" | "max" | "min" | "minLength" | "maxLength" | "placeholder" | "required" | "autocomplete" | "formatter" | "_hasPrefix" | "_hasSuffix" | "_inputstyles" | "_helptextstyles" | "_label" | "_helpId" | "_id" | "_error" | "handler" | "prefixSlotChange" | "suffixSlotChange"> & {
         onBlur?: (e: Event) => void;
         onblur?: (e: Event) => void;
         onChange?: (e: Event) => void;

package/dist/packages/textfield/textfield.test.js

@@ -66,3 +66,12 @@ test('renders affix component in the suffix slot', async () => {
     const page = render(component);
     await expect.element(page.getByText('kr')).toBeVisible();
 });
+test('renders with no autocomplete attribute when none provided', async () => {
+    const component = html `<w-textfield data-testid="textfield"></w-textfield>`;
+    const page = render(component);
+    const locator = page.getByTestId('textfield');
+    await expect.element(locator).toBeVisible();
+    const el = (await locator.element());
+    expect(el.hasAttribute('autocomplete')).toBe(false);
+    expect(el.shadowRoot.querySelector('input').hasAttribute('autocomplete')).toBe(false);
+});

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@warp-ds/elements",
-  "version": "2.4.0-next.1",
+  "version": "2.4.0-next.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -603,7 +603,11 @@
             },
             { "name": "value", "value": { "type": "string" } },
             { "name": "name", "value": { "type": "string" } },
-            { "name": "step", "value": { "type": "number" } }
+            { "name": "step", "value": { "type": "number" } },
+            {
+              "name": "autocomplete",
+              "value": { "type": "string | undefined" }
+            }
           ],
           "events": [],
           "js": {
@@ -627,6 +631,7 @@
               { "name": "value", "type": "string" },
               { "name": "name", "type": "string" },
               { "name": "step", "type": "number" },
+              { "name": "autocomplete", "type": "string | undefined" },
               {
                 "name": "formatter",
                 "description": "Function to format value when the input field.\n\nOnly active when the input field does not have focus,\nsimilar to the accessible input masking example from Filament Group\n\nhttps://css-tricks.com/input-masking/\nhttps://filamentgroup.github.io/politespace/demo/demo.html",
@@ -873,20 +878,15 @@
               "description": "Whether to show optional text",
               "value": { "type": "boolean", "default": "false" }
             },
-            {
-              "name": "class-name",
-              "description": "Additional container styling",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "list-class-name",
-              "description": "Additional list styling",
-              "value": { "type": "string | undefined" }
-            },
             {
               "name": "name",
               "description": "Name attribute for form submission",
               "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "autocomplete",
+              "description": "Autocomplete attribute for the input field",
+              "value": { "type": "string | undefined", "default": "'off'" }
             }
           ],
           "events": [],
@@ -958,18 +958,13 @@
                 "type": "boolean"
               },
               {
-                "name": "containerClassName",
-                "description": "Additional container styling",
-                "type": "string | undefined"
-              },
-              {
-                "name": "listClassName",
-                "description": "Additional list styling",
+                "name": "name",
+                "description": "Name attribute for form submission",
                 "type": "string | undefined"
               },
               {
-                "name": "name",
-                "description": "Name attribute for form submission",
+                "name": "autocomplete",
+                "description": "Autocomplete attribute for the input field",
                 "type": "string | undefined"
               }
             ],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.4.0-next.2",
+  "version": "2.4.0-next.3",
   "packageManager": "pnpm@10.20.0",
   "description": "Custom elements for Warp",
   "exports": {