@warp-ds/elements 2.8.0 → 2.8.1-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/packages/breadcrumbs/breadcrumbs.js +1 -1
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +2 -2
- package/dist/packages/breadcrumbs/breadcrumbs.test.js +7 -0
- package/dist/packages/textfield/textfield.js +1 -1
- package/dist/packages/textfield/textfield.js.map +2 -2
- package/dist/packages/textfield/textfield.stories.d.ts +3 -1
- package/dist/packages/textfield/textfield.stories.js +16 -1
- package/dist/web-types.json +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/web-components-vite';
|
|
2
2
|
import type { WarpTextField } from './textfield.js';
|
|
3
3
|
import './textfield.js';
|
|
4
|
+
import '../affix/affix.js';
|
|
4
5
|
declare const args: Partial<WarpTextField> & {
|
|
5
6
|
[key: string]: any;
|
|
6
7
|
};
|
|
@@ -14,6 +15,7 @@ export declare const Invalid: Story;
|
|
|
14
15
|
export declare const Disabled: Story;
|
|
15
16
|
export declare const ReadOnly: Story;
|
|
16
17
|
export declare const Required: Story;
|
|
17
|
-
export declare const
|
|
18
|
+
export declare const WithSuffix: Story;
|
|
19
|
+
export declare const WithPrefix: Story;
|
|
18
20
|
export declare const Masking: Story;
|
|
19
21
|
export declare const FormParticipation: Story;
|
|
@@ -3,6 +3,7 @@ import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
|
|
|
3
3
|
import { html } from 'lit';
|
|
4
4
|
import { prespread } from '../../.storybook/utilities.js';
|
|
5
5
|
import './textfield.js';
|
|
6
|
+
import '../affix/affix.js';
|
|
6
7
|
const { events, args, argTypes } = getStorybookHelpers('w-textfield');
|
|
7
8
|
const meta = {
|
|
8
9
|
title: 'Forms/Textfield',
|
|
@@ -70,7 +71,7 @@ export const Required = {
|
|
|
70
71
|
type: 'email',
|
|
71
72
|
},
|
|
72
73
|
};
|
|
73
|
-
export const
|
|
74
|
+
export const WithSuffix = {
|
|
74
75
|
args: {
|
|
75
76
|
label: 'Price',
|
|
76
77
|
placeholder: '1 000 000',
|
|
@@ -84,6 +85,20 @@ export const WithAffix = {
|
|
|
84
85
|
`;
|
|
85
86
|
},
|
|
86
87
|
};
|
|
88
|
+
export const WithPrefix = {
|
|
89
|
+
args: {
|
|
90
|
+
label: 'Price',
|
|
91
|
+
placeholder: '1 000 000',
|
|
92
|
+
type: 'text',
|
|
93
|
+
},
|
|
94
|
+
render(args) {
|
|
95
|
+
return html `
|
|
96
|
+
<w-textfield ${spread(prespread(args))}>
|
|
97
|
+
<w-affix slot="prefix" label="kr"></w-affix>
|
|
98
|
+
</w-textfield>
|
|
99
|
+
`;
|
|
100
|
+
},
|
|
101
|
+
};
|
|
87
102
|
export const Masking = {
|
|
88
103
|
args: {
|
|
89
104
|
label: 'Price',
|
package/dist/web-types.json
CHANGED