@warp-ds/elements 2.2.0-next.14 → 2.2.0-next.15
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/custom-elements.json +107 -99
- package/dist/packages/slider/index.js +19 -19
- package/dist/packages/slider/index.js.map +3 -3
- package/dist/packages/slider/slider-thumb.d.ts +2 -0
- package/dist/packages/slider/slider-thumb.js +15 -15
- package/dist/packages/slider/slider-thumb.js.map +3 -3
- package/dist/packages/slider/slider.js +3 -3
- package/dist/packages/slider/slider.js.map +2 -2
- package/dist/packages/slider/slider.test.js +21 -0
- package/dist/vscode.html-custom-data.json +18 -18
- package/dist/web-types.json +40 -35
- package/package.json +1 -1
|
@@ -60,3 +60,24 @@ test('can set slider value via the number input', async () => {
|
|
|
60
60
|
const formData = new FormData(page.getByTestId('form').element());
|
|
61
61
|
expect(formData.get('value')).toBe('50');
|
|
62
62
|
});
|
|
63
|
+
test('deleting from number input works as expected', async () => {
|
|
64
|
+
const component = html `
|
|
65
|
+
<form data-testid="form">
|
|
66
|
+
<w-slider label="Production year" min="1950" max="2025" over under>
|
|
67
|
+
<p slot="description">Try typing a from value higher than a to value</p>
|
|
68
|
+
<w-slider-thumb slot="from" name="from"></w-slider-thumb>
|
|
69
|
+
<w-slider-thumb slot="to" name="to"></w-slider-thumb>
|
|
70
|
+
</w-slider>
|
|
71
|
+
</form>
|
|
72
|
+
`;
|
|
73
|
+
const page = render(component);
|
|
74
|
+
await expect.element(page.getByRole('spinbutton').last()).toHaveValue(2025);
|
|
75
|
+
await userEvent.type(page.getByRole('spinbutton').last(), '{Backspace}');
|
|
76
|
+
await expect.element(page.getByRole('spinbutton').last()).toHaveValue(202);
|
|
77
|
+
await userEvent.type(page.getByRole('spinbutton').last(), '{Backspace}');
|
|
78
|
+
await expect.element(page.getByRole('spinbutton').last()).toHaveValue(20);
|
|
79
|
+
await userEvent.type(page.getByRole('spinbutton').last(), '{Backspace}');
|
|
80
|
+
await expect.element(page.getByRole('spinbutton').last()).toHaveValue(2);
|
|
81
|
+
await userEvent.type(page.getByRole('spinbutton').last(), '{Backspace}');
|
|
82
|
+
await expect.element(page.getByRole('spinbutton').last()).not.toHaveValue();
|
|
83
|
+
});
|
|
@@ -2,24 +2,6 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
3
|
"version": 1.1,
|
|
4
4
|
"tags": [
|
|
5
|
-
{
|
|
6
|
-
"name": "w-alert",
|
|
7
|
-
"description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)\n\n---\n\n",
|
|
8
|
-
"attributes": [
|
|
9
|
-
{
|
|
10
|
-
"name": "variant",
|
|
11
|
-
"values": [
|
|
12
|
-
{ "name": "negative" },
|
|
13
|
-
{ "name": "positive" },
|
|
14
|
-
{ "name": "warning" },
|
|
15
|
-
{ "name": "info" }
|
|
16
|
-
]
|
|
17
|
-
},
|
|
18
|
-
{ "name": "show", "values": [] },
|
|
19
|
-
{ "name": "role", "values": [] }
|
|
20
|
-
],
|
|
21
|
-
"references": []
|
|
22
|
-
},
|
|
23
5
|
{
|
|
24
6
|
"name": "w-affix",
|
|
25
7
|
"description": "This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-affix--docs)\n\n---\n\n",
|
|
@@ -39,6 +21,24 @@
|
|
|
39
21
|
],
|
|
40
22
|
"references": []
|
|
41
23
|
},
|
|
24
|
+
{
|
|
25
|
+
"name": "w-alert",
|
|
26
|
+
"description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)\n\n---\n\n",
|
|
27
|
+
"attributes": [
|
|
28
|
+
{
|
|
29
|
+
"name": "variant",
|
|
30
|
+
"values": [
|
|
31
|
+
{ "name": "negative" },
|
|
32
|
+
{ "name": "positive" },
|
|
33
|
+
{ "name": "warning" },
|
|
34
|
+
{ "name": "info" }
|
|
35
|
+
]
|
|
36
|
+
},
|
|
37
|
+
{ "name": "show", "values": [] },
|
|
38
|
+
{ "name": "role", "values": [] }
|
|
39
|
+
],
|
|
40
|
+
"references": []
|
|
41
|
+
},
|
|
42
42
|
{
|
|
43
43
|
"name": "w-attention",
|
|
44
44
|
"description": "\n\n---\n\n",
|
package/dist/web-types.json
CHANGED
|
@@ -1,45 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@warp-ds/elements",
|
|
4
|
-
"version": "2.2.0-next.
|
|
4
|
+
"version": "2.2.0-next.14",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
|
-
{
|
|
10
|
-
"name": "w-alert",
|
|
11
|
-
"description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)\n---\n",
|
|
12
|
-
"doc-url": "",
|
|
13
|
-
"attributes": [
|
|
14
|
-
{
|
|
15
|
-
"name": "variant",
|
|
16
|
-
"value": {
|
|
17
|
-
"type": "'negative' | 'positive' | 'warning' | 'info'",
|
|
18
|
-
"default": "'info'"
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
"name": "show",
|
|
23
|
-
"value": { "type": "boolean", "default": "false" }
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
"name": "role",
|
|
27
|
-
"value": { "type": "string", "default": "'alert'" }
|
|
28
|
-
}
|
|
29
|
-
],
|
|
30
|
-
"events": [],
|
|
31
|
-
"js": {
|
|
32
|
-
"properties": [
|
|
33
|
-
{
|
|
34
|
-
"name": "variant",
|
|
35
|
-
"type": "'negative' | 'positive' | 'warning' | 'info'"
|
|
36
|
-
},
|
|
37
|
-
{ "name": "show", "type": "boolean" },
|
|
38
|
-
{ "name": "role", "type": "string" }
|
|
39
|
-
],
|
|
40
|
-
"events": []
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
9
|
{
|
|
44
10
|
"name": "w-affix",
|
|
45
11
|
"description": "This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-affix--docs)\n---\n",
|
|
@@ -77,6 +43,40 @@
|
|
|
77
43
|
"events": []
|
|
78
44
|
}
|
|
79
45
|
},
|
|
46
|
+
{
|
|
47
|
+
"name": "w-alert",
|
|
48
|
+
"description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)\n---\n",
|
|
49
|
+
"doc-url": "",
|
|
50
|
+
"attributes": [
|
|
51
|
+
{
|
|
52
|
+
"name": "variant",
|
|
53
|
+
"value": {
|
|
54
|
+
"type": "'negative' | 'positive' | 'warning' | 'info'",
|
|
55
|
+
"default": "'info'"
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"name": "show",
|
|
60
|
+
"value": { "type": "boolean", "default": "false" }
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"name": "role",
|
|
64
|
+
"value": { "type": "string", "default": "'alert'" }
|
|
65
|
+
}
|
|
66
|
+
],
|
|
67
|
+
"events": [],
|
|
68
|
+
"js": {
|
|
69
|
+
"properties": [
|
|
70
|
+
{
|
|
71
|
+
"name": "variant",
|
|
72
|
+
"type": "'negative' | 'positive' | 'warning' | 'info'"
|
|
73
|
+
},
|
|
74
|
+
{ "name": "show", "type": "boolean" },
|
|
75
|
+
{ "name": "role", "type": "string" }
|
|
76
|
+
],
|
|
77
|
+
"events": []
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
80
|
{
|
|
81
81
|
"name": "w-attention",
|
|
82
82
|
"description": "\n---\n",
|
|
@@ -1074,6 +1074,11 @@
|
|
|
1074
1074
|
"description": "Set by `<w-slider>`",
|
|
1075
1075
|
"type": "string"
|
|
1076
1076
|
},
|
|
1077
|
+
{
|
|
1078
|
+
"name": "required",
|
|
1079
|
+
"description": "Set by `<w-slider>`",
|
|
1080
|
+
"type": "boolean"
|
|
1081
|
+
},
|
|
1077
1082
|
{
|
|
1078
1083
|
"name": "step",
|
|
1079
1084
|
"description": "Set by `<w-slider>`",
|