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

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.
Files changed (86) hide show
  1. package/dist/custom-elements.json +17 -3
  2. package/dist/docs/affix/affix.md +56 -0
  3. package/dist/docs/affix/api.md +48 -0
  4. package/dist/docs/alert/accessibility.md +30 -0
  5. package/dist/docs/alert/alert.md +208 -0
  6. package/dist/docs/alert/api.md +39 -0
  7. package/dist/docs/alert/examples.md +84 -0
  8. package/dist/docs/alert/usage.md +42 -0
  9. package/dist/docs/attention/api.md +132 -0
  10. package/dist/docs/attention/attention.md +138 -0
  11. package/dist/docs/badge/api.md +28 -0
  12. package/dist/docs/badge/badge.md +36 -0
  13. package/dist/docs/box/api.md +52 -0
  14. package/dist/docs/box/box.md +60 -0
  15. package/dist/docs/breadcrumbs/api.md +20 -0
  16. package/dist/docs/breadcrumbs/breadcrumbs.md +28 -0
  17. package/dist/docs/button/api.md +155 -0
  18. package/dist/docs/button/button.md +163 -0
  19. package/dist/docs/card/api.md +44 -0
  20. package/dist/docs/card/card.md +52 -0
  21. package/dist/docs/combobox/api.md +132 -0
  22. package/dist/docs/combobox/combobox.md +140 -0
  23. package/dist/docs/datepicker/api.md +192 -0
  24. package/dist/docs/datepicker/datepicker.md +202 -0
  25. package/dist/docs/expandable/api.md +100 -0
  26. package/dist/docs/expandable/expandable.md +108 -0
  27. package/dist/docs/link/api.md +87 -0
  28. package/dist/docs/link/link.md +95 -0
  29. package/dist/docs/page-indicator/api.md +28 -0
  30. package/dist/docs/page-indicator/page-indicator.md +35 -0
  31. package/dist/docs/pagination/api.md +44 -0
  32. package/dist/docs/pagination/pagination.md +52 -0
  33. package/dist/docs/pill/api.md +76 -0
  34. package/dist/docs/pill/pill.md +84 -0
  35. package/dist/docs/select/api.md +116 -0
  36. package/dist/docs/select/select.md +124 -0
  37. package/dist/docs/slider/api.md +214 -0
  38. package/dist/docs/slider/slider.md +222 -0
  39. package/dist/docs/slider-thumb/api.md +116 -0
  40. package/dist/docs/slider-thumb/slider-thumb.md +124 -0
  41. package/dist/docs/step/api.md +28 -0
  42. package/dist/docs/step/step.md +34 -0
  43. package/dist/docs/step-indicator/api.md +28 -0
  44. package/dist/docs/step-indicator/step-indicator.md +36 -0
  45. package/dist/docs/switch/api.md +52 -0
  46. package/dist/docs/switch/switch.md +58 -0
  47. package/dist/docs/tab/api.md +76 -0
  48. package/dist/docs/tab/tab.md +84 -0
  49. package/dist/docs/tab-panel/api.md +21 -0
  50. package/dist/docs/tab-panel/tab-panel.md +30 -0
  51. package/dist/docs/tabs/api.md +36 -0
  52. package/dist/docs/tabs/tabs.md +44 -0
  53. package/dist/docs/textarea/api.md +156 -0
  54. package/dist/docs/textarea/textarea.md +164 -0
  55. package/dist/docs/textfield/api.md +194 -0
  56. package/dist/docs/textfield/textfield.md +202 -0
  57. package/dist/docs/toast-container/api.md +14 -0
  58. package/dist/docs/toast-container/toast-container.md +20 -0
  59. package/dist/packages/affix/affix.js +5 -5
  60. package/dist/packages/affix/affix.js.map +2 -2
  61. package/dist/packages/alert/alert.d.ts +15 -0
  62. package/dist/packages/alert/alert.js +6 -6
  63. package/dist/packages/alert/alert.js.map +2 -2
  64. package/dist/packages/attention/attention.js +5 -5
  65. package/dist/packages/attention/attention.js.map +2 -2
  66. package/dist/packages/datepicker/datepicker.js +1 -1
  67. package/dist/packages/datepicker/datepicker.js.map +2 -2
  68. package/dist/packages/expandable/expandable.js +7 -7
  69. package/dist/packages/expandable/expandable.js.map +2 -2
  70. package/dist/packages/icon/icon.js +2 -2
  71. package/dist/packages/icon/icon.js.map +2 -2
  72. package/dist/packages/icon/icon.test.js +14 -0
  73. package/dist/packages/modal-header/modal-header.js +6 -6
  74. package/dist/packages/modal-header/modal-header.js.map +2 -2
  75. package/dist/packages/pagination/pagination.js +3 -3
  76. package/dist/packages/pagination/pagination.js.map +2 -2
  77. package/dist/packages/pill/pill.js +3 -3
  78. package/dist/packages/pill/pill.js.map +2 -2
  79. package/dist/packages/select/select.js +4 -4
  80. package/dist/packages/select/select.js.map +2 -2
  81. package/dist/packages/step/step.js +4 -4
  82. package/dist/packages/step/step.js.map +2 -2
  83. package/dist/packages/toast/toast.js +4 -4
  84. package/dist/packages/toast/toast.js.map +2 -2
  85. package/dist/web-types.json +18 -5
  86. package/package.json +7 -2
package/dist/docs/tabs/api.md ADDED
@@ -0,0 +1,36 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | active | `string` | `-` | - |
8
+ | tabs | `unknown` | `-` | - |
9
+ | activeTab | `unknown` | `-` | - |
10
+
11
+ ### Property Details
12
+
13
+ #### active
14
+
15
+
16
+
17
+ - Type: `string`
18
+ - Default: `-`
19
+
20
+ #### tabs
21
+
22
+
23
+
24
+ - Type: `unknown`
25
+ - Default: `-`
26
+
27
+ #### activeTab
28
+
29
+
30
+
31
+ - Type: `unknown`
32
+ - Default: `-`
33
+
34
+ ### Types
35
+
36
+ No types documented.
package/dist/docs/tabs/tabs.md ADDED
@@ -0,0 +1,44 @@
1
+ # Tabs (w-tabs)
2
+
3
+ ## Description
4
+
5
+ Tabs are used to organize content by grouping similar information on the same page.
6
+
7
+ [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
8
+
9
+ ## API Documentation
10
+
11
+ ### Properties
12
+
13
+ | Name | Type | Default | Summary |
14
+ |-|-|-|-|
15
+ | active | `string` | `-` | - |
16
+ | tabs | `unknown` | `-` | - |
17
+ | activeTab | `unknown` | `-` | - |
18
+
19
+ ### Property Details
20
+
21
+ #### active
22
+
23
+
24
+
25
+ - Type: `string`
26
+ - Default: `-`
27
+
28
+ #### tabs
29
+
30
+
31
+
32
+ - Type: `unknown`
33
+ - Default: `-`
34
+
35
+ #### activeTab
36
+
37
+
38
+
39
+ - Type: `unknown`
40
+ - Default: `-`
41
+
42
+ ### Types
43
+
44
+ No types documented.
package/dist/docs/textarea/api.md ADDED
@@ -0,0 +1,156 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
8
+ | disabled | `boolean` | `false` | - |
9
+ | invalid | `boolean` | `false` | - |
10
+ | label | `string` | `-` | - |
11
+ | helpText | `string` | `-` | - |
12
+ | maxRows | `number` | `-` | - |
13
+ | minRows | `number` | `-` | - |
14
+ | name | `string` | `-` | - |
15
+ | placeholder | `string` | `-` | - |
16
+ | readOnly | `boolean` | `false` | - |
17
+ | readonly | `boolean` | `false` | - |
18
+ | required | `boolean` | `false` | - |
19
+ | value | `string` | `-` | - |
20
+ | optional | `boolean` | `false` | - |
21
+ | minHeight | `unknown` | `-` | - |
22
+ | maxHeight | `unknown` | `-` | - |
23
+ | validationMessage | `string` | `-` | - |
24
+ | validity | `ValidityState` | `-` | - |
25
+
26
+ ### Property Details
27
+
28
+ #### shadowRootOptions
29
+
30
+
31
+
32
+ - Type: `object`
33
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
34
+
35
+ #### disabled
36
+
37
+
38
+
39
+ - Type: `boolean`
40
+ - Default: `false`
41
+
42
+ #### invalid
43
+
44
+
45
+
46
+ - Type: `boolean`
47
+ - Default: `false`
48
+
49
+ #### label
50
+
51
+
52
+
53
+ - Type: `string`
54
+ - Default: `-`
55
+
56
+ #### helpText
57
+
58
+
59
+
60
+ - Type: `string`
61
+ - Default: `-`
62
+
63
+ #### maxRows
64
+
65
+
66
+
67
+ - Type: `number`
68
+ - Default: `-`
69
+
70
+ #### minRows
71
+
72
+
73
+
74
+ - Type: `number`
75
+ - Default: `-`
76
+
77
+ #### name
78
+
79
+
80
+
81
+ - Type: `string`
82
+ - Default: `-`
83
+
84
+ #### placeholder
85
+
86
+
87
+
88
+ - Type: `string`
89
+ - Default: `-`
90
+
91
+ #### readOnly
92
+
93
+
94
+
95
+ - Type: `boolean`
96
+ - Default: `false`
97
+
98
+ #### readonly
99
+
100
+
101
+
102
+ - Type: `boolean`
103
+ - Default: `false`
104
+
105
+ #### required
106
+
107
+
108
+
109
+ - Type: `boolean`
110
+ - Default: `false`
111
+
112
+ #### value
113
+
114
+
115
+
116
+ - Type: `string`
117
+ - Default: `-`
118
+
119
+ #### optional
120
+
121
+
122
+
123
+ - Type: `boolean`
124
+ - Default: `false`
125
+
126
+ #### minHeight
127
+
128
+
129
+
130
+ - Type: `unknown`
131
+ - Default: `-`
132
+
133
+ #### maxHeight
134
+
135
+
136
+
137
+ - Type: `unknown`
138
+ - Default: `-`
139
+
140
+ #### validationMessage
141
+
142
+ Returns the validation message if the textarea is invalid, otherwise an empty string
143
+
144
+ - Type: `string`
145
+ - Default: `-`
146
+
147
+ #### validity
148
+
149
+ Returns the validity state of the textarea
150
+
151
+ - Type: `ValidityState`
152
+ - Default: `-`
153
+
154
+ ### Types
155
+
156
+ No types documented.
package/dist/docs/textarea/textarea.md ADDED
@@ -0,0 +1,164 @@
1
+ # Textarea (w-textarea)
2
+
3
+ ## Description
4
+
5
+ A single line text input element.
6
+
7
+ [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)
8
+
9
+ ## API Documentation
10
+
11
+ ### Properties
12
+
13
+ | Name | Type | Default | Summary |
14
+ |-|-|-|-|
15
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
16
+ | disabled | `boolean` | `false` | - |
17
+ | invalid | `boolean` | `false` | - |
18
+ | label | `string` | `-` | - |
19
+ | helpText | `string` | `-` | - |
20
+ | maxRows | `number` | `-` | - |
21
+ | minRows | `number` | `-` | - |
22
+ | name | `string` | `-` | - |
23
+ | placeholder | `string` | `-` | - |
24
+ | readOnly | `boolean` | `false` | - |
25
+ | readonly | `boolean` | `false` | - |
26
+ | required | `boolean` | `false` | - |
27
+ | value | `string` | `-` | - |
28
+ | optional | `boolean` | `false` | - |
29
+ | minHeight | `unknown` | `-` | - |
30
+ | maxHeight | `unknown` | `-` | - |
31
+ | validationMessage | `string` | `-` | - |
32
+ | validity | `ValidityState` | `-` | - |
33
+
34
+ ### Property Details
35
+
36
+ #### shadowRootOptions
37
+
38
+
39
+
40
+ - Type: `object`
41
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
42
+
43
+ #### disabled
44
+
45
+
46
+
47
+ - Type: `boolean`
48
+ - Default: `false`
49
+
50
+ #### invalid
51
+
52
+
53
+
54
+ - Type: `boolean`
55
+ - Default: `false`
56
+
57
+ #### label
58
+
59
+
60
+
61
+ - Type: `string`
62
+ - Default: `-`
63
+
64
+ #### helpText
65
+
66
+
67
+
68
+ - Type: `string`
69
+ - Default: `-`
70
+
71
+ #### maxRows
72
+
73
+
74
+
75
+ - Type: `number`
76
+ - Default: `-`
77
+
78
+ #### minRows
79
+
80
+
81
+
82
+ - Type: `number`
83
+ - Default: `-`
84
+
85
+ #### name
86
+
87
+
88
+
89
+ - Type: `string`
90
+ - Default: `-`
91
+
92
+ #### placeholder
93
+
94
+
95
+
96
+ - Type: `string`
97
+ - Default: `-`
98
+
99
+ #### readOnly
100
+
101
+
102
+
103
+ - Type: `boolean`
104
+ - Default: `false`
105
+
106
+ #### readonly
107
+
108
+
109
+
110
+ - Type: `boolean`
111
+ - Default: `false`
112
+
113
+ #### required
114
+
115
+
116
+
117
+ - Type: `boolean`
118
+ - Default: `false`
119
+
120
+ #### value
121
+
122
+
123
+
124
+ - Type: `string`
125
+ - Default: `-`
126
+
127
+ #### optional
128
+
129
+
130
+
131
+ - Type: `boolean`
132
+ - Default: `false`
133
+
134
+ #### minHeight
135
+
136
+
137
+
138
+ - Type: `unknown`
139
+ - Default: `-`
140
+
141
+ #### maxHeight
142
+
143
+
144
+
145
+ - Type: `unknown`
146
+ - Default: `-`
147
+
148
+ #### validationMessage
149
+
150
+ Returns the validation message if the textarea is invalid, otherwise an empty string
151
+
152
+ - Type: `string`
153
+ - Default: `-`
154
+
155
+ #### validity
156
+
157
+ Returns the validity state of the textarea
158
+
159
+ - Type: `ValidityState`
160
+ - Default: `-`
161
+
162
+ ### Types
163
+
164
+ No types documented.
package/dist/docs/textfield/api.md ADDED
@@ -0,0 +1,194 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
8
+ | disabled | `boolean` | `false` | - |
9
+ | invalid | `boolean` | `false` | - |
10
+ | id | `string` | `-` | - |
11
+ | label | `string` | `-` | - |
12
+ | helpText | `string` | `-` | - |
13
+ | size | `string` | `-` | - |
14
+ | max | `number` | `-` | - |
15
+ | min | `number` | `-` | - |
16
+ | minLength | `number` | `-` | - |
17
+ | maxLength | `number` | `-` | - |
18
+ | pattern | `string` | `-` | - |
19
+ | placeholder | `string` | `-` | - |
20
+ | readOnly | `boolean` | `false` | - |
21
+ | readonly | `boolean` | `false` | - |
22
+ | required | `boolean` | `false` | - |
23
+ | type | `string` | `-` | - |
24
+ | value | `string` | `-` | - |
25
+ | name | `string` | `-` | - |
26
+ | step | `number` | `-` | - |
27
+ | autocomplete | `string | undefined` | `-` | - |
28
+ | formatter | `(value: string) => string` | `-` | - |
29
+
30
+ ### Property Details
31
+
32
+ #### shadowRootOptions
33
+
34
+
35
+
36
+ - Type: `object`
37
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
38
+
39
+ #### disabled
40
+
41
+
42
+
43
+ - Type: `boolean`
44
+ - Default: `false`
45
+
46
+ #### invalid
47
+
48
+
49
+
50
+ - Type: `boolean`
51
+ - Default: `false`
52
+
53
+ #### id
54
+
55
+
56
+
57
+ - Type: `string`
58
+ - Default: `-`
59
+
60
+ #### label
61
+
62
+
63
+
64
+ - Type: `string`
65
+ - Default: `-`
66
+
67
+ #### helpText
68
+
69
+
70
+
71
+ - Type: `string`
72
+ - Default: `-`
73
+
74
+ #### size
75
+
76
+
77
+
78
+ - Type: `string`
79
+ - Default: `-`
80
+
81
+ #### max
82
+
83
+
84
+
85
+ - Type: `number`
86
+ - Default: `-`
87
+
88
+ #### min
89
+
90
+
91
+
92
+ - Type: `number`
93
+ - Default: `-`
94
+
95
+ #### minLength
96
+
97
+
98
+
99
+ - Type: `number`
100
+ - Default: `-`
101
+
102
+ #### maxLength
103
+
104
+
105
+
106
+ - Type: `number`
107
+ - Default: `-`
108
+
109
+ #### pattern
110
+
111
+
112
+
113
+ - Type: `string`
114
+ - Default: `-`
115
+
116
+ #### placeholder
117
+
118
+
119
+
120
+ - Type: `string`
121
+ - Default: `-`
122
+
123
+ #### readOnly
124
+
125
+
126
+
127
+ - Type: `boolean`
128
+ - Default: `false`
129
+
130
+ #### readonly
131
+
132
+
133
+
134
+ - Type: `boolean`
135
+ - Default: `false`
136
+
137
+ #### required
138
+
139
+
140
+
141
+ - Type: `boolean`
142
+ - Default: `false`
143
+
144
+ #### type
145
+
146
+
147
+
148
+ - Type: `string`
149
+ - Default: `-`
150
+
151
+ #### value
152
+
153
+
154
+
155
+ - Type: `string`
156
+ - Default: `-`
157
+
158
+ #### name
159
+
160
+
161
+
162
+ - Type: `string`
163
+ - Default: `-`
164
+
165
+ #### step
166
+
167
+
168
+
169
+ - Type: `number`
170
+ - Default: `-`
171
+
172
+ #### autocomplete
173
+
174
+
175
+
176
+ - Type: `string | undefined`
177
+ - Default: `-`
178
+
179
+ #### formatter
180
+
181
+ Function to format value when the input field.
182
+
183
+ Only active when the input field does not have focus,
184
+ similar to the accessible input masking example from Filament Group
185
+
186
+ https://css-tricks.com/input-masking/
187
+ https://filamentgroup.github.io/politespace/demo/demo.html
188
+
189
+ - Type: `(value: string) => string`
190
+ - Default: `-`
191
+
192
+ ### Types
193
+
194
+ No types documented.