@warp-ds/elements 2.9.0 → 2.9.1-next.2

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

@@ -101,3 +101,20 @@ test('uses specified type when type attribute is set', async () => {
     })
         .toBe('email');
 });
+test('submits the associated form when input has focus and user presses Enter', async () => {
+    const screen = render(html `
+    <form>
+      <w-textfield data-testid="textfield" name="test" value="Submit this!"></w-textfield>
+      <button type="submit">Submit</button>
+    </form>
+  `);
+    const onSubmit = vi.fn();
+    const form = document.querySelector('form');
+    form.addEventListener('submit', (event) => {
+        event.preventDefault();
+        onSubmit();
+    });
+    await userEvent.click(screen.getByTestId('textfield'));
+    await userEvent.keyboard('{Enter}');
+    expect(onSubmit).toHaveBeenCalled();
+});

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.9.0-next.6",
+  "version": "2.9.1-next.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -666,30 +666,58 @@
           "attributes": [
             {
               "name": "bleed",
+              "description": "Makes the box bleed to the container edge.\nExtends the box into the horizontal gutter on narrow screens. Adds negative horizontal margins and square side corners below the small breakpoint, then restores the normal margins and rounded corners from the small breakpoint and up.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "bordered",
+              "description": "Shows the box as a bordered surface.\nUse this when the content needs a clear visual boundary from the surrounding page.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "info",
+              "description": "Shows the box with information styling.\nUse this for supporting informational content that should be visually separated from the surrounding page.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "neutral",
+              "description": "Shows the box with neutral styling.\nUse this for quiet grouped content that needs a background without strong emphasis.",
               "value": { "type": "boolean", "default": "false" }
             },
-            { "name": "role", "value": { "type": "string" } }
+            {
+              "name": "role",
+              "description": "ARIA role for the box wrapper.\nDefaults to a role of `region`. Set `role=\"none\"` to override this behaviour for purely visual grouping, or set a specific role when the box has a clearer semantic purpose.",
+              "value": { "type": "string", "default": "'region'" }
+            }
           ],
           "events": [],
           "js": {
             "properties": [
-              { "name": "bleed", "type": "boolean" },
-              { "name": "bordered", "type": "boolean" },
-              { "name": "info", "type": "boolean" },
-              { "name": "neutral", "type": "boolean" },
-              { "name": "role", "type": "string" }
+              {
+                "name": "bleed",
+                "description": "Makes the box bleed to the container edge.\nExtends the box into the horizontal gutter on narrow screens. Adds negative horizontal margins and square side corners below the small breakpoint, then restores the normal margins and rounded corners from the small breakpoint and up.",
+                "type": "boolean"
+              },
+              {
+                "name": "bordered",
+                "description": "Shows the box as a bordered surface.\nUse this when the content needs a clear visual boundary from the surrounding page.",
+                "type": "boolean"
+              },
+              {
+                "name": "info",
+                "description": "Shows the box with information styling.\nUse this for supporting informational content that should be visually separated from the surrounding page.",
+                "type": "boolean"
+              },
+              {
+                "name": "neutral",
+                "description": "Shows the box with neutral styling.\nUse this for quiet grouped content that needs a background without strong emphasis.",
+                "type": "boolean"
+              },
+              {
+                "name": "role",
+                "description": "ARIA role for the box wrapper.\nDefaults to a role of `region`. Set `role=\"none\"` to override this behaviour for purely visual grouping, or set a specific role when the box has a clearer semantic purpose.",
+                "type": "string"
+              }
             ],
             "events": []
           }

package/package.json

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