@warp-ds/elements 2.9.0-next.1 → 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 (92) hide show
  1. package/dist/custom-elements.json +17 -10
  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/index.d.ts +0 -2
  60. package/dist/packages/affix/affix.js +5 -5
  61. package/dist/packages/affix/affix.js.map +2 -2
  62. package/dist/packages/alert/alert.d.ts +15 -0
  63. package/dist/packages/alert/alert.js +6 -6
  64. package/dist/packages/alert/alert.js.map +2 -2
  65. package/dist/packages/alert/alert.test.js +1 -1
  66. package/dist/packages/attention/attention.d.ts +0 -1
  67. package/dist/packages/attention/attention.js +21 -21
  68. package/dist/packages/attention/attention.js.map +4 -4
  69. package/dist/packages/datepicker/DatePicker.test.js +5 -5
  70. package/dist/packages/datepicker/datepicker.js +1 -1
  71. package/dist/packages/datepicker/datepicker.js.map +2 -2
  72. package/dist/packages/expandable/expandable.js +7 -7
  73. package/dist/packages/expandable/expandable.js.map +2 -2
  74. package/dist/packages/icon/icon.js +2 -2
  75. package/dist/packages/icon/icon.js.map +2 -2
  76. package/dist/packages/icon/icon.test.js +14 -0
  77. package/dist/packages/modal-header/modal-header.js +6 -6
  78. package/dist/packages/modal-header/modal-header.js.map +2 -2
  79. package/dist/packages/pagination/pagination.js +3 -3
  80. package/dist/packages/pagination/pagination.js.map +2 -2
  81. package/dist/packages/pill/pill.js +3 -3
  82. package/dist/packages/pill/pill.js.map +2 -2
  83. package/dist/packages/select/select.js +4 -4
  84. package/dist/packages/select/select.js.map +2 -2
  85. package/dist/packages/step/step.js +4 -4
  86. package/dist/packages/step/step.js.map +2 -2
  87. package/dist/packages/toast/toast.js +4 -4
  88. package/dist/packages/toast/toast.js.map +2 -2
  89. package/dist/web-types.json +18 -5
  90. package/package.json +26 -23
  91. package/dist/packages/utils/index.d.ts +0 -10
  92. package/dist/packages/utils/index.js +0 -37
@@ -0,0 +1,76 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
8
+ | id | `string` | `-` | - |
9
+ | for | `string` | `-` | - |
10
+ | tabIndex | `number` | `-` | - |
11
+ | _computedAriaSelected | `'true' | 'false' | undefined` | `-` | - |
12
+ | ariaSelected | `'true' | 'false'` | `-` | - |
13
+ | active | `boolean` | `false` | - |
14
+ | over | `boolean` | `false` | - |
15
+
16
+ ### Property Details
17
+
18
+ #### shadowRootOptions
19
+
20
+
21
+
22
+ - Type: `object`
23
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
24
+
25
+ #### id
26
+
27
+
28
+
29
+ - Type: `string`
30
+ - Default: `-`
31
+
32
+ #### for
33
+
34
+
35
+
36
+ - Type: `string`
37
+ - Default: `-`
38
+
39
+ #### tabIndex
40
+
41
+ Override tabIndex setter to set _parentTabIndex (for backwards compatibility).
42
+
43
+ - Type: `number`
44
+ - Default: `-`
45
+
46
+ #### _computedAriaSelected
47
+
48
+ Computed aria-selected: prefers parent-managed, falls back to own property
49
+
50
+ - Type: `'true' | 'false' | undefined`
51
+ - Default: `-`
52
+
53
+ #### ariaSelected
54
+
55
+
56
+
57
+ - Type: `'true' | 'false'`
58
+ - Default: `-`
59
+
60
+ #### active
61
+
62
+
63
+
64
+ - Type: `boolean`
65
+ - Default: `false`
66
+
67
+ #### over
68
+
69
+
70
+
71
+ - Type: `boolean`
72
+ - Default: `false`
73
+
74
+ ### Types
75
+
76
+ No types documented.
@@ -0,0 +1,84 @@
1
+ # Tab (w-tab)
2
+
3
+ ## Description
4
+
5
+ Individual tab component used within w-tabs container.
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
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
16
+ | id | `string` | `-` | - |
17
+ | for | `string` | `-` | - |
18
+ | tabIndex | `number` | `-` | - |
19
+ | _computedAriaSelected | `'true' | 'false' | undefined` | `-` | - |
20
+ | ariaSelected | `'true' | 'false'` | `-` | - |
21
+ | active | `boolean` | `false` | - |
22
+ | over | `boolean` | `false` | - |
23
+
24
+ ### Property Details
25
+
26
+ #### shadowRootOptions
27
+
28
+
29
+
30
+ - Type: `object`
31
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
32
+
33
+ #### id
34
+
35
+
36
+
37
+ - Type: `string`
38
+ - Default: `-`
39
+
40
+ #### for
41
+
42
+
43
+
44
+ - Type: `string`
45
+ - Default: `-`
46
+
47
+ #### tabIndex
48
+
49
+ Override tabIndex setter to set _parentTabIndex (for backwards compatibility).
50
+
51
+ - Type: `number`
52
+ - Default: `-`
53
+
54
+ #### _computedAriaSelected
55
+
56
+ Computed aria-selected: prefers parent-managed, falls back to own property
57
+
58
+ - Type: `'true' | 'false' | undefined`
59
+ - Default: `-`
60
+
61
+ #### ariaSelected
62
+
63
+
64
+
65
+ - Type: `'true' | 'false'`
66
+ - Default: `-`
67
+
68
+ #### active
69
+
70
+
71
+
72
+ - Type: `boolean`
73
+ - Default: `false`
74
+
75
+ #### over
76
+
77
+
78
+
79
+ - Type: `boolean`
80
+ - Default: `false`
81
+
82
+ ### Types
83
+
84
+ No types documented.
@@ -0,0 +1,21 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | active | `boolean` | `-` | - |
8
+
9
+ ### Property Details
10
+
11
+ #### active
12
+
13
+ Whether this panel is active (visible).
14
+ Set by parent w-tabs via the _parentActive property.
15
+
16
+ - Type: `boolean`
17
+ - Default: `-`
18
+
19
+ ### Types
20
+
21
+ No types documented.
@@ -0,0 +1,30 @@
1
+ # TabPanel (w-tab-panel)
2
+
3
+ ## Description
4
+
5
+ Tab panel component that holds content for individual tabs.
6
+ Each tab panel should have a name that matches a corresponding tab.
7
+
8
+ [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
9
+
10
+ ## API Documentation
11
+
12
+ ### Properties
13
+
14
+ | Name | Type | Default | Summary |
15
+ |-|-|-|-|
16
+ | active | `boolean` | `-` | - |
17
+
18
+ ### Property Details
19
+
20
+ #### active
21
+
22
+ Whether this panel is active (visible).
23
+ Set by parent w-tabs via the _parentActive property.
24
+
25
+ - Type: `boolean`
26
+ - Default: `-`
27
+
28
+ ### Types
29
+
30
+ No types documented.
@@ -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.
@@ -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.
@@ -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.
@@ -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.