@warp-ds/elements 2.8.0-next.4 → 2.8.0-next.6

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

@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/web-components-vite';
 import type { WarpTextField } from './textfield.js';
 import './textfield.js';
+import '../affix/affix.js';
 declare const args: Partial<WarpTextField> & {
     [key: string]: any;
 };
@@ -14,6 +15,7 @@ export declare const Invalid: Story;
 export declare const Disabled: Story;
 export declare const ReadOnly: Story;
 export declare const Required: Story;
-export declare const WithAffix: Story;
+export declare const WithSuffix: Story;
+export declare const WithPrefix: Story;
 export declare const Masking: Story;
 export declare const FormParticipation: Story;

package/dist/packages/textfield/textfield.stories.js

@@ -3,6 +3,7 @@ import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
 import { html } from 'lit';
 import { prespread } from '../../.storybook/utilities.js';
 import './textfield.js';
+import '../affix/affix.js';
 const { events, args, argTypes } = getStorybookHelpers('w-textfield');
 const meta = {
     title: 'Forms/Textfield',
@@ -70,7 +71,7 @@ export const Required = {
         type: 'email',
     },
 };
-export const WithAffix = {
+export const WithSuffix = {
     args: {
         label: 'Price',
         placeholder: '1 000 000',
@@ -84,6 +85,20 @@ export const WithAffix = {
     `;
     },
 };
+export const WithPrefix = {
+    args: {
+        label: 'Price',
+        placeholder: '1 000 000',
+        type: 'text',
+    },
+    render(args) {
+        return html `
+      <w-textfield ${spread(prespread(args))}>
+        <w-affix slot="prefix" label="kr"></w-affix>
+      </w-textfield>
+    `;
+    },
+};
 export const Masking = {
     args: {
         label: 'Price',

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.8.0-next.3",
+  "version": "2.8.0-next.5",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1672,11 +1672,14 @@
           "description": "Individual tab component used within w-tabs container.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)\n---\n",
           "doc-url": "",
           "attributes": [
+            { "name": "id", "value": { "type": "string", "default": "''" } },
             { "name": "for", "value": { "type": "string", "default": "''" } },
             {
-              "name": "active",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "aria-selected",
+              "value": { "type": "'true' | 'false'" }
             },
+            { "name": "tabindex", "value": { "type": "number" } },
+            { "name": "active", "value": { "type": "boolean" } },
             {
               "name": "over",
               "value": { "type": "boolean", "default": "false" }
@@ -1685,7 +1688,10 @@
           "events": [],
           "js": {
             "properties": [
+              { "name": "id", "type": "string" },
               { "name": "for", "type": "string" },
+              { "name": "ariaSelected", "type": "'true' | 'false'" },
+              { "name": "tabIndex", "type": "number" },
               { "name": "active", "type": "boolean" },
               { "name": "over", "type": "boolean" }
             ],
@@ -1712,9 +1718,7 @@
           "name": "w-tabs",
           "description": "Tabs are used to organize content by grouping similar information on the same page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)\n---\n\n\n### **Events:**\n - **change**",
           "doc-url": "",
-          "attributes": [
-            { "name": "active", "value": { "type": "string", "default": "''" } }
-          ],
+          "attributes": [{ "name": "active", "value": { "type": "string" } }],
           "events": [{ "name": "change", "type": "CustomEvent" }],
           "js": {
             "properties": [

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.8.0-next.4",
-  "packageManager": "pnpm@10.20.0",
+  "version": "2.8.0-next.6",
+  "packageManager": "pnpm@10.30.2",
   "description": "Custom elements for Warp",
   "exports": {
     ".": {