@warp-ds/elements 2.2.0-next.27 → 2.2.0-next.29
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 +106 -124
- package/dist/index.d.ts +31 -31
- package/dist/packages/attention/index.d.ts +0 -1
- package/dist/packages/attention/index.js +27 -18
- package/dist/packages/attention/index.js.map +3 -3
- package/dist/packages/button/button.stories.d.ts +4 -0
- package/dist/packages/button/button.stories.js +33 -1
- package/dist/packages/modal/index.js +18 -35
- package/dist/packages/modal/index.js.map +2 -2
- package/dist/packages/modal/modal-header.js +13 -30
- package/dist/packages/modal/modal-header.js.map +2 -2
- package/dist/packages/modal/modal.stories.js +1 -1
- package/dist/packages/slider/index.js +155 -95
- package/dist/packages/slider/index.js.map +3 -3
- package/dist/packages/slider/slider-thumb.js +108 -66
- package/dist/packages/slider/slider-thumb.js.map +3 -3
- package/dist/packages/slider/slider.js +45 -27
- package/dist/packages/slider/slider.js.map +3 -3
- package/dist/packages/slider/slider.react.stories.js +2 -3
- package/dist/packages/slider/slider.stories.d.ts +1 -0
- package/dist/packages/slider/slider.stories.js +6 -12
- package/dist/packages/slider/styles/w-slider-thumb.styles.js +62 -27
- package/dist/packages/slider/styles/w-slider.styles.js +32 -16
- package/dist/packages/textfield/index.js +12 -3
- package/dist/packages/textfield/index.js.map +2 -2
- package/dist/packages/textfield/styles/w-textfield.styles.js +9 -0
- package/dist/packages/toast/index.js +3 -3
- package/dist/packages/toast/index.js.map +2 -2
- package/dist/packages/toast/toast.js +3 -3
- package/dist/packages/toast/toast.js.map +2 -2
- package/dist/vscode.html-custom-data.json +20 -20
- package/dist/web-types.json +39 -39
- package/package.json +1 -1
|
@@ -21,6 +21,24 @@
|
|
|
21
21
|
],
|
|
22
22
|
"references": []
|
|
23
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
|
+
},
|
|
24
42
|
{
|
|
25
43
|
"name": "w-link",
|
|
26
44
|
"description": "Buttons are used to perform actions, with different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-link--docs)\n\n---\n\n",
|
|
@@ -29,9 +47,9 @@
|
|
|
29
47
|
{
|
|
30
48
|
"name": "variant",
|
|
31
49
|
"values": [
|
|
50
|
+
{ "name": "negative" },
|
|
32
51
|
{ "name": "primary" },
|
|
33
52
|
{ "name": "secondary" },
|
|
34
|
-
{ "name": "negative" },
|
|
35
53
|
{ "name": "negativeQuiet" },
|
|
36
54
|
{ "name": "utility" },
|
|
37
55
|
{ "name": "pill" },
|
|
@@ -68,9 +86,9 @@
|
|
|
68
86
|
{
|
|
69
87
|
"name": "variant",
|
|
70
88
|
"values": [
|
|
89
|
+
{ "name": "negative" },
|
|
71
90
|
{ "name": "primary" },
|
|
72
91
|
{ "name": "secondary" },
|
|
73
|
-
{ "name": "negative" },
|
|
74
92
|
{ "name": "utility" },
|
|
75
93
|
{ "name": "pill" },
|
|
76
94
|
{ "name": "link" }
|
|
@@ -112,24 +130,6 @@
|
|
|
112
130
|
],
|
|
113
131
|
"references": []
|
|
114
132
|
},
|
|
115
|
-
{
|
|
116
|
-
"name": "w-alert",
|
|
117
|
-
"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",
|
|
118
|
-
"attributes": [
|
|
119
|
-
{
|
|
120
|
-
"name": "variant",
|
|
121
|
-
"values": [
|
|
122
|
-
{ "name": "negative" },
|
|
123
|
-
{ "name": "positive" },
|
|
124
|
-
{ "name": "warning" },
|
|
125
|
-
{ "name": "info" }
|
|
126
|
-
]
|
|
127
|
-
},
|
|
128
|
-
{ "name": "show", "values": [] },
|
|
129
|
-
{ "name": "role", "values": [] }
|
|
130
|
-
],
|
|
131
|
-
"references": []
|
|
132
|
-
},
|
|
133
133
|
{
|
|
134
134
|
"name": "w-badge",
|
|
135
135
|
"description": "`w-badge` is used for showing a small amount of non-interactive color-categorized metadata, like a status or count.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-badge--docs)\n\n---\n\n",
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
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.28",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -43,6 +43,40 @@
|
|
|
43
43
|
"events": []
|
|
44
44
|
}
|
|
45
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
|
+
},
|
|
46
80
|
{
|
|
47
81
|
"name": "w-link",
|
|
48
82
|
"description": "Buttons are used to perform actions, with different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-link--docs)\n---\n",
|
|
@@ -52,7 +86,7 @@
|
|
|
52
86
|
{
|
|
53
87
|
"name": "variant",
|
|
54
88
|
"value": {
|
|
55
|
-
"type": "'
|
|
89
|
+
"type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'",
|
|
56
90
|
"default": "'secondary'"
|
|
57
91
|
}
|
|
58
92
|
},
|
|
@@ -72,7 +106,7 @@
|
|
|
72
106
|
{ "name": "autofocus", "type": "boolean" },
|
|
73
107
|
{
|
|
74
108
|
"name": "variant",
|
|
75
|
-
"type": "'
|
|
109
|
+
"type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
|
|
76
110
|
},
|
|
77
111
|
{ "name": "quiet", "type": "boolean" },
|
|
78
112
|
{ "name": "small", "type": "boolean" },
|
|
@@ -104,7 +138,7 @@
|
|
|
104
138
|
{
|
|
105
139
|
"name": "variant",
|
|
106
140
|
"value": {
|
|
107
|
-
"type": "'
|
|
141
|
+
"type": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'",
|
|
108
142
|
"default": "'secondary'"
|
|
109
143
|
}
|
|
110
144
|
},
|
|
@@ -126,7 +160,7 @@
|
|
|
126
160
|
{ "name": "autofocus", "type": "boolean" },
|
|
127
161
|
{
|
|
128
162
|
"name": "variant",
|
|
129
|
-
"type": "'
|
|
163
|
+
"type": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
|
|
130
164
|
},
|
|
131
165
|
{ "name": "quiet", "type": "boolean" },
|
|
132
166
|
{ "name": "small", "type": "boolean" },
|
|
@@ -223,40 +257,6 @@
|
|
|
223
257
|
"events": []
|
|
224
258
|
}
|
|
225
259
|
},
|
|
226
|
-
{
|
|
227
|
-
"name": "w-alert",
|
|
228
|
-
"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",
|
|
229
|
-
"doc-url": "",
|
|
230
|
-
"attributes": [
|
|
231
|
-
{
|
|
232
|
-
"name": "variant",
|
|
233
|
-
"value": {
|
|
234
|
-
"type": "'negative' | 'positive' | 'warning' | 'info'",
|
|
235
|
-
"default": "'info'"
|
|
236
|
-
}
|
|
237
|
-
},
|
|
238
|
-
{
|
|
239
|
-
"name": "show",
|
|
240
|
-
"value": { "type": "boolean", "default": "false" }
|
|
241
|
-
},
|
|
242
|
-
{
|
|
243
|
-
"name": "role",
|
|
244
|
-
"value": { "type": "string", "default": "'alert'" }
|
|
245
|
-
}
|
|
246
|
-
],
|
|
247
|
-
"events": [],
|
|
248
|
-
"js": {
|
|
249
|
-
"properties": [
|
|
250
|
-
{
|
|
251
|
-
"name": "variant",
|
|
252
|
-
"type": "'negative' | 'positive' | 'warning' | 'info'"
|
|
253
|
-
},
|
|
254
|
-
{ "name": "show", "type": "boolean" },
|
|
255
|
-
{ "name": "role", "type": "string" }
|
|
256
|
-
],
|
|
257
|
-
"events": []
|
|
258
|
-
}
|
|
259
|
-
},
|
|
260
260
|
{
|
|
261
261
|
"name": "w-badge",
|
|
262
262
|
"description": "`w-badge` is used for showing a small amount of non-interactive color-categorized metadata, like a status or count.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-badge--docs)\n---\n",
|