@warp-ds/elements 2.10.0-next.10 → 2.10.0-next.12

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 (188) hide show
  1. package/dist/custom-elements.json +211 -189
  2. package/dist/docs/badge/api.md +4 -4
  3. package/dist/docs/badge/badge.md +4 -4
  4. package/dist/docs/button/api.md +24 -24
  5. package/dist/docs/button/button.md +24 -24
  6. package/dist/docs/checkbox/api.md +2 -2
  7. package/dist/docs/checkbox/checkbox.md +2 -2
  8. package/dist/docs/checkbox-group/api.md +6 -6
  9. package/dist/docs/checkbox-group/checkbox-group.md +6 -6
  10. package/dist/docs/datepicker/api.md +8 -8
  11. package/dist/docs/datepicker/datepicker.md +8 -8
  12. package/dist/docs/expandable/api.md +6 -6
  13. package/dist/docs/expandable/expandable.md +6 -6
  14. package/dist/docs/icon/api.md +4 -4
  15. package/dist/docs/icon/icon.md +4 -4
  16. package/dist/docs/link/api.md +10 -10
  17. package/dist/docs/link/link.md +10 -10
  18. package/dist/docs/modal/api.md +2 -2
  19. package/dist/docs/modal/modal.md +2 -2
  20. package/dist/docs/pagination/api.md +4 -4
  21. package/dist/docs/pagination/pagination.md +4 -4
  22. package/dist/docs/pill/api.md +8 -8
  23. package/dist/docs/pill/pill.md +8 -8
  24. package/dist/docs/select/api.md +10 -10
  25. package/dist/docs/select/select.md +10 -10
  26. package/dist/docs/slider/api.md +22 -22
  27. package/dist/docs/slider/slider.md +22 -22
  28. package/dist/docs/slider-thumb/api.md +12 -12
  29. package/dist/docs/slider-thumb/slider-thumb.md +12 -12
  30. package/dist/docs/tabs/api.md +2 -2
  31. package/dist/docs/tabs/tabs.md +2 -2
  32. package/dist/docs/textarea/api.md +14 -14
  33. package/dist/docs/textarea/textarea.md +14 -14
  34. package/dist/docs/textfield/api.md +34 -34
  35. package/dist/docs/textfield/textfield.md +34 -34
  36. package/dist/index.d.ts +285 -26
  37. package/dist/packages/affix/affix.d.ts +1 -1
  38. package/dist/packages/affix/affix.js +1 -1
  39. package/dist/packages/affix/affix.js.map +4 -4
  40. package/dist/packages/affix/styles.js +2 -2
  41. package/dist/packages/alert/alert.js +3 -3
  42. package/dist/packages/alert/alert.js.map +3 -3
  43. package/dist/packages/alert/styles.js +2 -2
  44. package/dist/packages/attention/attention.js +2 -2
  45. package/dist/packages/attention/attention.js.map +4 -4
  46. package/dist/packages/attention/attention.stories.js +1 -1
  47. package/dist/packages/attention/styles.js +2 -2
  48. package/dist/packages/badge/badge.d.ts +2 -2
  49. package/dist/packages/badge/badge.js +1 -1
  50. package/dist/packages/badge/badge.js.map +3 -3
  51. package/dist/packages/badge/styles.js +2 -2
  52. package/dist/packages/box/box.js +2 -2
  53. package/dist/packages/box/box.js.map +3 -3
  54. package/dist/packages/box/styles.js +2 -2
  55. package/dist/packages/breadcrumbs/breadcrumbs.d.ts +1 -2
  56. package/dist/packages/breadcrumbs/breadcrumbs.js +3 -3
  57. package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
  58. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +1 -1
  59. package/dist/packages/breadcrumbs/styles.js +2 -2
  60. package/dist/packages/button/button.d.ts +11 -11
  61. package/dist/packages/button/button.js +1 -1
  62. package/dist/packages/button/button.js.map +3 -3
  63. package/dist/packages/button/button.react.stories.d.ts +2 -2
  64. package/dist/packages/button/react.d.ts +1 -1
  65. package/dist/packages/card/card.js +2 -2
  66. package/dist/packages/card/card.js.map +4 -4
  67. package/dist/packages/card/styles.js +2 -2
  68. package/dist/packages/checkbox/checkbox.d.ts +2 -2
  69. package/dist/packages/checkbox/checkbox.js.map +2 -2
  70. package/dist/packages/checkbox-group/checkbox-group.d.ts +4 -4
  71. package/dist/packages/checkbox-group/checkbox-group.js.map +2 -2
  72. package/dist/packages/combobox/combobox.js +10 -11
  73. package/dist/packages/combobox/combobox.js.map +4 -4
  74. package/dist/packages/combobox/combobox.react.stories.d.ts +26 -10
  75. package/dist/packages/combobox/react.d.ts +13 -5
  76. package/dist/packages/combobox/styles.js +2 -3
  77. package/dist/packages/datepicker/datepicker.d.ts +5 -5
  78. package/dist/packages/datepicker/datepicker.js +12 -12
  79. package/dist/packages/datepicker/datepicker.js.map +3 -3
  80. package/dist/packages/datepicker/datepicker.react.stories.d.ts +12 -12
  81. package/dist/packages/datepicker/react.d.ts +6 -6
  82. package/dist/packages/expandable/expandable.d.ts +3 -3
  83. package/dist/packages/expandable/expandable.js +11 -11
  84. package/dist/packages/expandable/expandable.js.map +3 -3
  85. package/dist/packages/expandable/styles.js +2 -2
  86. package/dist/packages/icon/icon.d.ts +1 -1
  87. package/dist/packages/icon/icon.js +2 -2
  88. package/dist/packages/icon/icon.js.map +1 -1
  89. package/dist/packages/icon/icon.react.stories.d.ts +1 -1
  90. package/dist/packages/icon/icon.react.stories.js +2 -0
  91. package/dist/packages/icon/icon.stories.d.ts +7 -30
  92. package/dist/packages/icon/icon.stories.js +11 -2
  93. package/dist/packages/link/link.d.ts +5 -5
  94. package/dist/packages/link/link.js.map +1 -1
  95. package/dist/packages/modal/modal.d.ts +1 -1
  96. package/dist/packages/modal/modal.js.map +2 -2
  97. package/dist/packages/modal/modal.react.stories.d.ts +4 -4
  98. package/dist/packages/modal/modal.react.stories.js +9 -1
  99. package/dist/packages/modal/react.d.ts +34 -4
  100. package/dist/packages/modal/react.js +30 -0
  101. package/dist/packages/modal/util.js +3 -1
  102. package/dist/packages/modal-footer/modal-footer.js.map +2 -2
  103. package/dist/packages/modal-header/modal-header.js +4 -4
  104. package/dist/packages/modal-header/modal-header.js.map +3 -3
  105. package/dist/packages/modal-header/react.d.ts +2 -2
  106. package/dist/packages/page-indicator/page-indicator.d.ts +0 -4
  107. package/dist/packages/page-indicator/page-indicator.js +6 -6
  108. package/dist/packages/page-indicator/page-indicator.js.map +4 -4
  109. package/dist/packages/page-indicator/page-indicator.stories.d.ts +8 -26
  110. package/dist/packages/page-indicator/page-indicator.stories.js +9 -7
  111. package/dist/packages/pagination/pagination.d.ts +8 -9
  112. package/dist/packages/pagination/pagination.js +11 -11
  113. package/dist/packages/pagination/pagination.js.map +4 -4
  114. package/dist/packages/pagination/pagination.react.stories.d.ts +6 -6
  115. package/dist/packages/pagination/pagination.test.js +4 -7
  116. package/dist/packages/pagination/react.d.ts +3 -3
  117. package/dist/packages/pagination/styles.js +2 -2
  118. package/dist/packages/pill/pill.d.ts +4 -4
  119. package/dist/packages/pill/pill.js +3 -3
  120. package/dist/packages/pill/pill.js.map +4 -4
  121. package/dist/packages/pill/pill.react.stories.d.ts +8 -8
  122. package/dist/packages/pill/react.d.ts +4 -4
  123. package/dist/packages/pill/styles.js +2 -2
  124. package/dist/packages/radio/form-associated-element.d.ts +1 -1
  125. package/dist/packages/radio/radio.d.ts +1 -1
  126. package/dist/packages/radio-group/radio-group.d.ts +2 -2
  127. package/dist/packages/radio-group/radio-group.js.map +1 -1
  128. package/dist/packages/radio-group/react.d.ts +4 -4
  129. package/dist/packages/select/react.d.ts +3 -3
  130. package/dist/packages/select/select.d.ts +6 -7
  131. package/dist/packages/select/select.js +5 -5
  132. package/dist/packages/select/select.js.map +4 -4
  133. package/dist/packages/select/select.react.stories.d.ts +7 -7
  134. package/dist/packages/select/select.react.stories.js +15 -10
  135. package/dist/packages/select/styles.js +2 -2
  136. package/dist/packages/slider/slider.d.ts +14 -14
  137. package/dist/packages/slider/slider.js +6 -6
  138. package/dist/packages/slider/slider.js.map +3 -3
  139. package/dist/packages/slider/slider.stories.js +1 -0
  140. package/dist/packages/slider-thumb/react.d.ts +2 -2
  141. package/dist/packages/slider-thumb/slider-thumb.d.ts +14 -14
  142. package/dist/packages/slider-thumb/slider-thumb.js +2 -2
  143. package/dist/packages/slider-thumb/slider-thumb.js.map +3 -3
  144. package/dist/packages/slider-thumb/styles.d.ts +1 -0
  145. package/dist/packages/slider-thumb/styles.js +2 -0
  146. package/dist/packages/step/step.js +3 -3
  147. package/dist/packages/step/step.js.map +4 -4
  148. package/dist/packages/step-indicator/step-indicator.js +3 -3
  149. package/dist/packages/step-indicator/step-indicator.js.map +3 -3
  150. package/dist/packages/step-indicator/styles.js +2 -2
  151. package/dist/packages/switch/styles.js +2 -2
  152. package/dist/packages/switch/switch.d.ts +3 -3
  153. package/dist/packages/switch/switch.js +3 -3
  154. package/dist/packages/switch/switch.js.map +3 -3
  155. package/dist/packages/tab/react.d.ts +4 -4
  156. package/dist/packages/tab/tab.d.ts +1 -1
  157. package/dist/packages/tab/tab.js +4 -4
  158. package/dist/packages/tab/tab.js.map +3 -3
  159. package/dist/packages/tab-panel/tab-panel.js +1 -1
  160. package/dist/packages/tab-panel/tab-panel.js.map +3 -3
  161. package/dist/packages/tabs/styles.js +2 -2
  162. package/dist/packages/tabs/tabs.d.ts +4 -3
  163. package/dist/packages/tabs/tabs.js +1 -1
  164. package/dist/packages/tabs/tabs.js.map +3 -3
  165. package/dist/packages/textarea/react.d.ts +9 -9
  166. package/dist/packages/textarea/styles.js +2 -2
  167. package/dist/packages/textarea/textarea.a11y.test.js +1 -1
  168. package/dist/packages/textarea/textarea.d.ts +10 -10
  169. package/dist/packages/textarea/textarea.js +6 -6
  170. package/dist/packages/textarea/textarea.js.map +4 -4
  171. package/dist/packages/textarea/textarea.react.stories.d.ts +18 -18
  172. package/dist/packages/textfield/react.d.ts +9 -9
  173. package/dist/packages/textfield/styles.js +2 -2
  174. package/dist/packages/textfield/textfield.d.ts +22 -22
  175. package/dist/packages/textfield/textfield.js +4 -4
  176. package/dist/packages/textfield/textfield.js.map +3 -3
  177. package/dist/packages/textfield/textfield.react.stories.d.ts +18 -18
  178. package/dist/packages/toast/api.d.ts +1 -1
  179. package/dist/packages/toast/toast.d.ts +1 -1
  180. package/dist/packages/toast/toast.js +3 -3
  181. package/dist/packages/toast/toast.js.map +3 -3
  182. package/dist/packages/toast-container/styles.d.ts +1 -0
  183. package/dist/packages/toast-container/styles.js +2 -0
  184. package/dist/packages/toast-container/toast-container.js +2 -2
  185. package/dist/packages/toast-container/toast-container.js.map +2 -2
  186. package/dist/web-types.json +170 -159
  187. package/eik/index.js +21 -22
  188. package/package.json +4 -4
@@ -8,7 +8,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
8
8
  |-|-|-|-|
9
9
  | locale | `string` | `-` | Locale used for `<title>` text. |
10
10
  | name | `string` | `-` | Icon filename (without .svg) |
11
- | size | [`'small' \| 'medium' \| 'large' \| PixelValue`](#small-medium-large-pixelvalue) | `"medium"` | Size: small, medium, large or pixel value (e.g. "32px"). |
11
+ | size | [`'small' \| 'medium' \| 'large' \| PixelValue \| undefined`](#small-medium-large-pixelvalue-undefined) | `"medium"` | Size: small, medium, large or pixel value (e.g. "32px"). |
12
12
 
13
13
  ### Property Details
14
14
 
@@ -32,12 +32,12 @@ Icon filename (without .svg)
32
32
 
33
33
  Size: small, medium, large or pixel value (e.g. "32px").
34
34
 
35
- - Type: [`'small' | 'medium' | 'large' | PixelValue`](#small-medium-large-pixelvalue)
35
+ - Type: [`'small' | 'medium' | 'large' | PixelValue | undefined`](#small-medium-large-pixelvalue-undefined)
36
36
  - Default: `"medium"`
37
37
 
38
38
  ### Types
39
39
 
40
- #### 'small' | 'medium' | 'large' | PixelValue
40
+ #### 'small' | 'medium' | 'large' | PixelValue | undefined
41
41
 
42
- `'small' | 'medium' | 'large' | `${number}px``
42
+ `'small' | 'medium' | 'large' | `${number}px` | undefined`
43
43
 
@@ -80,7 +80,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
80
80
  |-|-|-|-|
81
81
  | locale | `string` | `-` | Locale used for `<title>` text. |
82
82
  | name | `string` | `-` | Icon filename (without .svg) |
83
- | size | [`'small' \| 'medium' \| 'large' \| PixelValue`](#small-medium-large-pixelvalue) | `"medium"` | Size: small, medium, large or pixel value (e.g. "32px"). |
83
+ | size | [`'small' \| 'medium' \| 'large' \| PixelValue \| undefined`](#small-medium-large-pixelvalue-undefined) | `"medium"` | Size: small, medium, large or pixel value (e.g. "32px"). |
84
84
 
85
85
  ### Property Details
86
86
 
@@ -104,12 +104,12 @@ Icon filename (without .svg)
104
104
 
105
105
  Size: small, medium, large or pixel value (e.g. "32px").
106
106
 
107
- - Type: [`'small' | 'medium' | 'large' | PixelValue`](#small-medium-large-pixelvalue)
107
+ - Type: [`'small' | 'medium' | 'large' | PixelValue | undefined`](#small-medium-large-pixelvalue-undefined)
108
108
  - Default: `"medium"`
109
109
 
110
110
  ### Types
111
111
 
112
- #### 'small' | 'medium' | 'large' | PixelValue
112
+ #### 'small' | 'medium' | 'large' | PixelValue | undefined
113
113
 
114
- `'small' | 'medium' | 'large' | `${number}px``
114
+ `'small' | 'medium' | 'large' | `${number}px` | undefined`
115
115
 
@@ -9,11 +9,11 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
9
9
  | autofocus | `boolean` | `false` | Focus the link after it is rendered |
10
10
  | disabled | `boolean` | `false` | Applies disabled styling, but you need to disable clicks on your own. |
11
11
  | full-width | `boolean` | `false` | Makes the link take up the full width of its parent |
12
- | href | `string` | `-` | The URL the link points to |
13
- | rel | `string` | `-` | Relationship of the linked URL. |
12
+ | href | `string \| undefined` | `-` | The URL the link points to |
13
+ | rel | `string \| undefined` | `-` | Relationship of the linked URL. |
14
14
  | small | `boolean` | `false` | Render a smaller version |
15
- | target | `string` | `-` | Where to display the linked URL (e.g. `_blank`) |
16
- | variant | [`ButtonVariant`](#buttonvariant) | `-` | Visual style for the link/button. |
15
+ | target | `string \| undefined` | `-` | Where to display the linked URL (e.g. `_blank`) |
16
+ | variant | [`ButtonVariant \| undefined`](#buttonvariant-undefined) | `-` | Visual style for the link/button. |
17
17
 
18
18
  ### Property Details
19
19
 
@@ -44,7 +44,7 @@ Makes the link take up the full width of its parent
44
44
 
45
45
  The URL the link points to
46
46
 
47
- - Type: `string`
47
+ - Type: `string | undefined`
48
48
  - Default: `-`
49
49
 
50
50
  #### rel
@@ -53,7 +53,7 @@ Relationship of the linked URL.
53
53
 
54
54
  If `target="_blank"` and `rel` is not provided, the component uses `noopener`.
55
55
 
56
- - Type: `string`
56
+ - Type: `string | undefined`
57
57
  - Default: `-`
58
58
 
59
59
  #### small
@@ -67,19 +67,19 @@ Render a smaller version
67
67
 
68
68
  Where to display the linked URL (e.g. `_blank`)
69
69
 
70
- - Type: `string`
70
+ - Type: `string | undefined`
71
71
  - Default: `-`
72
72
 
73
73
  #### variant
74
74
 
75
75
  Visual style for the link/button.
76
76
 
77
- - Type: [`ButtonVariant`](#buttonvariant)
77
+ - Type: [`ButtonVariant | undefined`](#buttonvariant-undefined)
78
78
  - Default: `-`
79
79
 
80
80
  ### Types
81
81
 
82
- #### ButtonVariant
82
+ #### ButtonVariant | undefined
83
83
 
84
- `'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'`
84
+ `'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | undefined`
85
85
 
@@ -116,11 +116,11 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
116
116
  | autofocus | `boolean` | `false` | Focus the link after it is rendered |
117
117
  | disabled | `boolean` | `false` | Applies disabled styling, but you need to disable clicks on your own. |
118
118
  | full-width | `boolean` | `false` | Makes the link take up the full width of its parent |
119
- | href | `string` | `-` | The URL the link points to |
120
- | rel | `string` | `-` | Relationship of the linked URL. |
119
+ | href | `string \| undefined` | `-` | The URL the link points to |
120
+ | rel | `string \| undefined` | `-` | Relationship of the linked URL. |
121
121
  | small | `boolean` | `false` | Render a smaller version |
122
- | target | `string` | `-` | Where to display the linked URL (e.g. `_blank`) |
123
- | variant | [`ButtonVariant`](#buttonvariant) | `-` | Visual style for the link/button. |
122
+ | target | `string \| undefined` | `-` | Where to display the linked URL (e.g. `_blank`) |
123
+ | variant | [`ButtonVariant \| undefined`](#buttonvariant-undefined) | `-` | Visual style for the link/button. |
124
124
 
125
125
  ### Property Details
126
126
 
@@ -151,7 +151,7 @@ Makes the link take up the full width of its parent
151
151
 
152
152
  The URL the link points to
153
153
 
154
- - Type: `string`
154
+ - Type: `string | undefined`
155
155
  - Default: `-`
156
156
 
157
157
  #### rel
@@ -160,7 +160,7 @@ Relationship of the linked URL.
160
160
 
161
161
  If `target="_blank"` and `rel` is not provided, the component uses `noopener`.
162
162
 
163
- - Type: `string`
163
+ - Type: `string | undefined`
164
164
  - Default: `-`
165
165
 
166
166
  #### small
@@ -174,19 +174,19 @@ Render a smaller version
174
174
 
175
175
  Where to display the linked URL (e.g. `_blank`)
176
176
 
177
- - Type: `string`
177
+ - Type: `string | undefined`
178
178
  - Default: `-`
179
179
 
180
180
  #### variant
181
181
 
182
182
  Visual style for the link/button.
183
183
 
184
- - Type: [`ButtonVariant`](#buttonvariant)
184
+ - Type: [`ButtonVariant | undefined`](#buttonvariant-undefined)
185
185
  - Default: `-`
186
186
 
187
187
  ### Types
188
188
 
189
- #### ButtonVariant
189
+ #### ButtonVariant | undefined
190
190
 
191
- `'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'`
191
+ `'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | undefined`
192
192
 
@@ -6,7 +6,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
6
6
 
7
7
  | Name | Type | Default | Summary |
8
8
  |-|-|-|-|
9
- | content-id | `string` | `-` | - |
9
+ | content-id | `string \| undefined` | `-` | - |
10
10
  | ignore-backdrop-clicks | `boolean` | `false` | Ignores clicks to the backdrop when set |
11
11
  | show | `boolean` | `false` | Controls if the modal should show or hide. |
12
12
 
@@ -16,7 +16,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
16
16
 
17
17
 
18
18
 
19
- - Type: `string`
19
+ - Type: `string | undefined`
20
20
  - Default: `-`
21
21
 
22
22
  #### ignore-backdrop-clicks
@@ -195,7 +195,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
195
195
 
196
196
  | Name | Type | Default | Summary |
197
197
  |-|-|-|-|
198
- | content-id | `string` | `-` | - |
198
+ | content-id | `string \| undefined` | `-` | - |
199
199
  | ignore-backdrop-clicks | `boolean` | `false` | Ignores clicks to the backdrop when set |
200
200
  | show | `boolean` | `false` | Controls if the modal should show or hide. |
201
201
 
@@ -205,7 +205,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
205
205
 
206
206
 
207
207
 
208
- - Type: `string`
208
+ - Type: `string | undefined`
209
209
  - Default: `-`
210
210
 
211
211
  #### ignore-backdrop-clicks
@@ -6,9 +6,9 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
6
6
 
7
7
  | Name | Type | Default | Summary |
8
8
  |-|-|-|-|
9
- | base-url | `string` | `-` | The base URL used to construct page links, for example `/search?page=`. |
9
+ | base-url | `string \| undefined` | `-` | The base URL used to construct page links, for example `/search?page=`. |
10
10
  | current-page | `number` | `1` | The currently active page number. |
11
- | pages | `number` | `-` | The total number of pages. |
11
+ | pages | `number` | `0` | The total number of pages. |
12
12
  | visible-pages | `number` | `7` | The maximum number of page numbers visible. |
13
13
 
14
14
  ### Property Details
@@ -19,7 +19,7 @@ The base URL used to construct page links, for example `/search?page=`.
19
19
 
20
20
  The page number is appended to this URL.
21
21
 
22
- - Type: `string`
22
+ - Type: `string | undefined`
23
23
  - Default: `-`
24
24
 
25
25
  #### current-page
@@ -34,7 +34,7 @@ The currently active page number.
34
34
  The total number of pages.
35
35
 
36
36
  - Type: `number`
37
- - Default: `-`
37
+ - Default: `0`
38
38
 
39
39
  #### visible-pages
40
40
 
@@ -58,9 +58,9 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
58
58
 
59
59
  | Name | Type | Default | Summary |
60
60
  |-|-|-|-|
61
- | base-url | `string` | `-` | The base URL used to construct page links, for example `/search?page=`. |
61
+ | base-url | `string \| undefined` | `-` | The base URL used to construct page links, for example `/search?page=`. |
62
62
  | current-page | `number` | `1` | The currently active page number. |
63
- | pages | `number` | `-` | The total number of pages. |
63
+ | pages | `number` | `0` | The total number of pages. |
64
64
  | visible-pages | `number` | `7` | The maximum number of page numbers visible. |
65
65
 
66
66
  ### Property Details
@@ -71,7 +71,7 @@ The base URL used to construct page links, for example `/search?page=`.
71
71
 
72
72
  The page number is appended to this URL.
73
73
 
74
- - Type: `string`
74
+ - Type: `string | undefined`
75
75
  - Default: `-`
76
76
 
77
77
  #### current-page
@@ -86,7 +86,7 @@ The currently active page number.
86
86
  The total number of pages.
87
87
 
88
88
  - Type: `number`
89
- - Default: `-`
89
+ - Default: `0`
90
90
 
91
91
  #### visible-pages
92
92
 
@@ -7,10 +7,10 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
7
7
  | Name | Type | Default | Summary |
8
8
  |-|-|-|-|
9
9
  | can-close | `boolean` | `false` | Whether the pill should be removable via a close button. |
10
- | close-aria-label | `string` | `-` | Label read by screen readers when targeting the close button. |
11
- | close-sr-label | `string` | `-` | **Deprecated**: Used "close-arial-label" instead. |
12
- | open-aria-label | `string` | `-` | Label read by screen readers when targeting the pill. |
13
- | open-sr-label | `string` | `-` | **Deprecated**: Used "open-arial-label" instead. |
10
+ | close-aria-label | `string \| undefined` | `-` | Label read by screen readers when targeting the close button. |
11
+ | close-sr-label | `string \| undefined` | `-` | **Deprecated**: Used "close-arial-label" instead. |
12
+ | open-aria-label | `string \| undefined` | `-` | Label read by screen readers when targeting the pill. |
13
+ | open-sr-label | `string \| undefined` | `-` | **Deprecated**: Used "open-arial-label" instead. |
14
14
  | suggestion | `boolean` | `false` | Whether the pill should be rendered as a suggestion. |
15
15
 
16
16
  ### Property Details
@@ -26,7 +26,7 @@ Whether the pill should be removable via a close button.
26
26
 
27
27
  Label read by screen readers when targeting the close button.
28
28
 
29
- - Type: `string`
29
+ - Type: `string | undefined`
30
30
  - Default: `-`
31
31
 
32
32
  #### close-sr-label
@@ -35,14 +35,14 @@ Label read by screen readers when targeting the close button.
35
35
 
36
36
 
37
37
 
38
- - Type: `string`
38
+ - Type: `string | undefined`
39
39
  - Default: `-`
40
40
 
41
41
  #### open-aria-label
42
42
 
43
43
  Label read by screen readers when targeting the pill.
44
44
 
45
- - Type: `string`
45
+ - Type: `string | undefined`
46
46
  - Default: `-`
47
47
 
48
48
  #### open-sr-label
@@ -51,7 +51,7 @@ Label read by screen readers when targeting the pill.
51
51
 
52
52
 
53
53
 
54
- - Type: `string`
54
+ - Type: `string | undefined`
55
55
  - Default: `-`
56
56
 
57
57
  #### suggestion
@@ -54,10 +54,10 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
54
54
  | Name | Type | Default | Summary |
55
55
  |-|-|-|-|
56
56
  | can-close | `boolean` | `false` | Whether the pill should be removable via a close button. |
57
- | close-aria-label | `string` | `-` | Label read by screen readers when targeting the close button. |
58
- | close-sr-label | `string` | `-` | **Deprecated**: Used "close-arial-label" instead. |
59
- | open-aria-label | `string` | `-` | Label read by screen readers when targeting the pill. |
60
- | open-sr-label | `string` | `-` | **Deprecated**: Used "open-arial-label" instead. |
57
+ | close-aria-label | `string \| undefined` | `-` | Label read by screen readers when targeting the close button. |
58
+ | close-sr-label | `string \| undefined` | `-` | **Deprecated**: Used "close-arial-label" instead. |
59
+ | open-aria-label | `string \| undefined` | `-` | Label read by screen readers when targeting the pill. |
60
+ | open-sr-label | `string \| undefined` | `-` | **Deprecated**: Used "open-arial-label" instead. |
61
61
  | suggestion | `boolean` | `false` | Whether the pill should be rendered as a suggestion. |
62
62
 
63
63
  ### Property Details
@@ -73,7 +73,7 @@ Whether the pill should be removable via a close button.
73
73
 
74
74
  Label read by screen readers when targeting the close button.
75
75
 
76
- - Type: `string`
76
+ - Type: `string | undefined`
77
77
  - Default: `-`
78
78
 
79
79
  #### close-sr-label
@@ -82,14 +82,14 @@ Label read by screen readers when targeting the close button.
82
82
 
83
83
 
84
84
 
85
- - Type: `string`
85
+ - Type: `string | undefined`
86
86
  - Default: `-`
87
87
 
88
88
  #### open-aria-label
89
89
 
90
90
  Label read by screen readers when targeting the pill.
91
91
 
92
- - Type: `string`
92
+ - Type: `string | undefined`
93
93
  - Default: `-`
94
94
 
95
95
  #### open-sr-label
@@ -98,7 +98,7 @@ Label read by screen readers when targeting the pill.
98
98
 
99
99
 
100
100
 
101
- - Type: `string`
101
+ - Type: `string | undefined`
102
102
  - Default: `-`
103
103
 
104
104
  #### suggestion
@@ -10,15 +10,15 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
10
10
  | auto-focus | `boolean` | `false` | Whether the element should receive focus on render. **Deprecated**: Use the native `autofocus` attribute instead. |
11
11
  | autofocus | `boolean` | `false` | Whether the element should receive focus on render |
12
12
  | disabled | `boolean` | `false` | Renders the field in a disabled state. |
13
- | help-text | `string` | `-` | The content displayed as the help text. |
14
- | hint | `string` | `-` | The content displayed as the help text. **Deprecated**: Use `help-text` instead. |
13
+ | help-text | `string \| undefined` | `-` | The content displayed as the help text. |
14
+ | hint | `string \| undefined` | `-` | The content displayed as the help text. **Deprecated**: Use `help-text` instead. |
15
15
  | invalid | `boolean` | `false` | Renders the field in an invalid state. |
16
- | label | `string` | `-` | The content to display as the label. |
17
- | name | `string` | `-` | The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form. |
16
+ | label | `string \| undefined` | `-` | The content to display as the label. |
17
+ | name | `string \| undefined` | `-` | The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form. |
18
18
  | optional | `boolean` | `false` | Whether to show the optional indicator after the label. |
19
19
  | read-only | `boolean` | `false` | Renders the field in a readonly state. **Deprecated**: Use the native readonly attribute instead. |
20
20
  | readonly | `boolean` | `false` | Renders the field in a readonly state. |
21
- | value | `string` | `-` | Lets you set the current value. |
21
+ | value | `string \| undefined` | `-` | Lets you set the current value. |
22
22
 
23
23
  ### Property Details
24
24
 
@@ -60,7 +60,7 @@ The content displayed as the help text.
60
60
 
61
61
  Paired with `invalid` to show the text as a validation error.
62
62
 
63
- - Type: `string`
63
+ - Type: `string | undefined`
64
64
  - Default: `-`
65
65
 
66
66
  #### hint
@@ -69,7 +69,7 @@ Paired with `invalid` to show the text as a validation error.
69
69
 
70
70
  The content displayed as the help text.
71
71
 
72
- - Type: `string`
72
+ - Type: `string | undefined`
73
73
  - Default: `-`
74
74
 
75
75
  #### invalid
@@ -85,14 +85,14 @@ Paired with `help-text` to provide feedback about the error.
85
85
 
86
86
  The content to display as the label.
87
87
 
88
- - Type: `string`
88
+ - Type: `string | undefined`
89
89
  - Default: `-`
90
90
 
91
91
  #### name
92
92
 
93
93
  The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form.
94
94
 
95
- - Type: `string`
95
+ - Type: `string | undefined`
96
96
  - Default: `-`
97
97
 
98
98
  #### optional
@@ -122,7 +122,7 @@ Renders the field in a readonly state.
122
122
 
123
123
  Lets you set the current value.
124
124
 
125
- - Type: `string`
125
+ - Type: `string | undefined`
126
126
  - Default: `-`
127
127
 
128
128
  ### Events
@@ -172,15 +172,15 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
172
172
  | auto-focus | `boolean` | `false` | Whether the element should receive focus on render. **Deprecated**: Use the native `autofocus` attribute instead. |
173
173
  | autofocus | `boolean` | `false` | Whether the element should receive focus on render |
174
174
  | disabled | `boolean` | `false` | Renders the field in a disabled state. |
175
- | help-text | `string` | `-` | The content displayed as the help text. |
176
- | hint | `string` | `-` | The content displayed as the help text. **Deprecated**: Use `help-text` instead. |
175
+ | help-text | `string \| undefined` | `-` | The content displayed as the help text. |
176
+ | hint | `string \| undefined` | `-` | The content displayed as the help text. **Deprecated**: Use `help-text` instead. |
177
177
  | invalid | `boolean` | `false` | Renders the field in an invalid state. |
178
- | label | `string` | `-` | The content to display as the label. |
179
- | name | `string` | `-` | The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form. |
178
+ | label | `string \| undefined` | `-` | The content to display as the label. |
179
+ | name | `string \| undefined` | `-` | The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form. |
180
180
  | optional | `boolean` | `false` | Whether to show the optional indicator after the label. |
181
181
  | read-only | `boolean` | `false` | Renders the field in a readonly state. **Deprecated**: Use the native readonly attribute instead. |
182
182
  | readonly | `boolean` | `false` | Renders the field in a readonly state. |
183
- | value | `string` | `-` | Lets you set the current value. |
183
+ | value | `string \| undefined` | `-` | Lets you set the current value. |
184
184
 
185
185
  ### Property Details
186
186
 
@@ -222,7 +222,7 @@ The content displayed as the help text.
222
222
 
223
223
  Paired with `invalid` to show the text as a validation error.
224
224
 
225
- - Type: `string`
225
+ - Type: `string | undefined`
226
226
  - Default: `-`
227
227
 
228
228
  #### hint
@@ -231,7 +231,7 @@ Paired with `invalid` to show the text as a validation error.
231
231
 
232
232
  The content displayed as the help text.
233
233
 
234
- - Type: `string`
234
+ - Type: `string | undefined`
235
235
  - Default: `-`
236
236
 
237
237
  #### invalid
@@ -247,14 +247,14 @@ Paired with `help-text` to provide feedback about the error.
247
247
 
248
248
  The content to display as the label.
249
249
 
250
- - Type: `string`
250
+ - Type: `string | undefined`
251
251
  - Default: `-`
252
252
 
253
253
  #### name
254
254
 
255
255
  The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form.
256
256
 
257
- - Type: `string`
257
+ - Type: `string | undefined`
258
258
  - Default: `-`
259
259
 
260
260
  #### optional
@@ -284,7 +284,7 @@ Renders the field in a readonly state.
284
284
 
285
285
  Lets you set the current value.
286
286
 
287
- - Type: `string`
287
+ - Type: `string | undefined`
288
288
  - Default: `-`
289
289
 
290
290
  ### Events
@@ -7,21 +7,21 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
7
7
  | Name | Type | Default | Summary |
8
8
  |-|-|-|-|
9
9
  | disabled | `boolean` | `false` | - |
10
- | error | `string` | `-` | Validation error text, if any |
11
- | help-text | `string` | `-` | Additional description to show below the fieldset |
10
+ | error | `string \| undefined` | `-` | Validation error text, if any |
11
+ | help-text | `string \| undefined` | `-` | Additional description to show below the fieldset |
12
12
  | hidden-textfield | `boolean` | `false` | Should only be used in special cases |
13
13
  | invalid | `boolean` | `false` | Sets the form fields and fieldset in an invalid state |
14
- | label | `string` | `-` | The slider fieldset label. Required for proper accessibility. |
15
- | labelFormatter (JS only) | `(slot: SliderSlot) => string` | `-` | Formatter for the min and max labels below the range. |
16
- | markers | `number` | `-` | Pass a value similar to step to create visual markers at that interval |
17
- | max | `string` | `100` | The maximum allowed value in the range inputs |
18
- | min | `string` | `0` | The minimum allowed value in the range inputs |
14
+ | label | `string \| undefined` | `-` | The slider fieldset label. Required for proper accessibility. |
15
+ | labelFormatter (JS only) | `((slot: SliderSlot) => string) \| undefined` | `-` | Formatter for the min and max labels below the range. |
16
+ | markers | `number \| undefined` | `-` | Pass a value similar to step to create visual markers at that interval |
17
+ | max | `string \| undefined` | `100` | The maximum allowed value in the range inputs |
18
+ | min | `string \| undefined` | `0` | The minimum allowed value in the range inputs |
19
19
  | open-ended | `boolean` | `false` | Whether or not to allow values outside the range such as "Before 1950" and "2025+". |
20
20
  | required | `boolean` | `false` | Ensures a child slider thumb has a value before allowing the containing form to submit |
21
- | step | `number` | `-` | ets step on the range input to jump between values when dragging |
22
- | suffix | `string` | `-` | Suffix used in text input fields and for the min and max values of the slider |
23
- | tooltipFormatter (JS only) | `(value: string, slot: SliderSlot) => string` | `-` | Overrides valueFormatter for the tooltip. |
24
- | valueFormatter (JS only) | `(value: string, slot: SliderSlot) => string` | `-` | Formatter for the tooltip and input mask values |
21
+ | step | `number \| undefined` | `-` | ets step on the range input to jump between values when dragging |
22
+ | suffix | `string \| undefined` | `-` | Suffix used in text input fields and for the min and max values of the slider |
23
+ | tooltipFormatter (JS only) | `((value: string, slot: SliderSlot) => string) \| undefined` | `-` | Overrides valueFormatter for the tooltip. |
24
+ | valueFormatter (JS only) | `((value: string, slot: SliderSlot) => string) \| undefined` | `-` | Formatter for the tooltip and input mask values |
25
25
 
26
26
  ### Property Details
27
27
 
@@ -36,14 +36,14 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
36
36
 
37
37
  Validation error text, if any
38
38
 
39
- - Type: `string`
39
+ - Type: `string | undefined`
40
40
  - Default: `-`
41
41
 
42
42
  #### help-text
43
43
 
44
44
  Additional description to show below the fieldset
45
45
 
46
- - Type: `string`
46
+ - Type: `string | undefined`
47
47
  - Default: `-`
48
48
 
49
49
  #### hidden-textfield
@@ -66,35 +66,35 @@ The slider fieldset label. Required for proper accessibility.
66
66
 
67
67
  If you need to display HTML, use the `label` slot instead (f. ex. `<legend class="sr-only" slot="label">Production year</legend>`)
68
68
 
69
- - Type: `string`
69
+ - Type: `string | undefined`
70
70
  - Default: `-`
71
71
 
72
72
  #### labelFormatter (JS only)
73
73
 
74
74
  Formatter for the min and max labels below the range.
75
75
 
76
- - Type: `(slot: SliderSlot) => string`
76
+ - Type: `((slot: SliderSlot) => string) | undefined`
77
77
  - Default: `-`
78
78
 
79
79
  #### markers
80
80
 
81
81
  Pass a value similar to step to create visual markers at that interval
82
82
 
83
- - Type: `number`
83
+ - Type: `number | undefined`
84
84
  - Default: `-`
85
85
 
86
86
  #### max
87
87
 
88
88
  The maximum allowed value in the range inputs
89
89
 
90
- - Type: `string`
90
+ - Type: `string | undefined`
91
91
  - Default: `100`
92
92
 
93
93
  #### min
94
94
 
95
95
  The minimum allowed value in the range inputs
96
96
 
97
- - Type: `string`
97
+ - Type: `string | undefined`
98
98
  - Default: `0`
99
99
 
100
100
  #### open-ended
@@ -115,14 +115,14 @@ Ensures a child slider thumb has a value before allowing the containing form to
115
115
 
116
116
  ets step on the range input to jump between values when dragging
117
117
 
118
- - Type: `number`
118
+ - Type: `number | undefined`
119
119
  - Default: `-`
120
120
 
121
121
  #### suffix
122
122
 
123
123
  Suffix used in text input fields and for the min and max values of the slider
124
124
 
125
- - Type: `string`
125
+ - Type: `string | undefined`
126
126
  - Default: `-`
127
127
 
128
128
  #### tooltipFormatter (JS only)
@@ -131,13 +131,13 @@ Overrides valueFormatter for the tooltip.
131
131
 
132
132
  Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip.
133
133
 
134
- - Type: `(value: string, slot: SliderSlot) => string`
134
+ - Type: `((value: string, slot: SliderSlot) => string) | undefined`
135
135
  - Default: `-`
136
136
 
137
137
  #### valueFormatter (JS only)
138
138
 
139
139
  Formatter for the tooltip and input mask values
140
140
 
141
- - Type: `(value: string, slot: SliderSlot) => string`
141
+ - Type: `((value: string, slot: SliderSlot) => string) | undefined`
142
142
  - Default: `-`
143
143