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

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 (205) hide show
  1. package/dist/custom-elements.json +3466 -3502
  2. package/dist/docs/affix/accessibility.md +8 -0
  3. package/dist/docs/affix/affix.md +178 -14
  4. package/dist/docs/affix/api.md +26 -14
  5. package/dist/docs/affix/examples.md +93 -0
  6. package/dist/docs/affix/usage.md +48 -0
  7. package/dist/docs/attention/accessibility.md +1 -0
  8. package/dist/docs/attention/attention.md +6 -0
  9. package/dist/docs/attention/examples.md +1 -0
  10. package/dist/docs/attention/usage.md +1 -0
  11. package/dist/docs/badge/accessibility.md +1 -0
  12. package/dist/docs/badge/badge.md +6 -0
  13. package/dist/docs/badge/examples.md +1 -0
  14. package/dist/docs/badge/usage.md +1 -0
  15. package/dist/docs/box/accessibility.md +1 -0
  16. package/dist/docs/box/box.md +6 -0
  17. package/dist/docs/box/examples.md +1 -0
  18. package/dist/docs/box/usage.md +1 -0
  19. package/dist/docs/breadcrumbs/accessibility.md +1 -0
  20. package/dist/docs/breadcrumbs/breadcrumbs.md +6 -0
  21. package/dist/docs/breadcrumbs/examples.md +1 -0
  22. package/dist/docs/breadcrumbs/usage.md +1 -0
  23. package/dist/docs/button/accessibility.md +1 -0
  24. package/dist/docs/button/button.md +6 -0
  25. package/dist/docs/button/examples.md +1 -0
  26. package/dist/docs/button/usage.md +1 -0
  27. package/dist/docs/card/accessibility.md +1 -0
  28. package/dist/docs/card/card.md +6 -0
  29. package/dist/docs/card/examples.md +1 -0
  30. package/dist/docs/card/usage.md +1 -0
  31. package/dist/docs/combobox/accessibility.md +1 -0
  32. package/dist/docs/combobox/api.md +15 -15
  33. package/dist/docs/combobox/combobox.md +21 -15
  34. package/dist/docs/combobox/examples.md +1 -0
  35. package/dist/docs/combobox/usage.md +1 -0
  36. package/dist/docs/datepicker/accessibility.md +1 -0
  37. package/dist/docs/datepicker/api.md +1 -9
  38. package/dist/docs/datepicker/datepicker.md +7 -9
  39. package/dist/docs/datepicker/examples.md +1 -0
  40. package/dist/docs/datepicker/usage.md +1 -0
  41. package/dist/docs/expandable/accessibility.md +1 -0
  42. package/dist/docs/expandable/examples.md +1 -0
  43. package/dist/docs/expandable/expandable.md +6 -0
  44. package/dist/docs/expandable/usage.md +1 -0
  45. package/dist/docs/link/accessibility.md +1 -0
  46. package/dist/docs/link/examples.md +1 -0
  47. package/dist/docs/link/link.md +6 -0
  48. package/dist/docs/link/usage.md +1 -0
  49. package/dist/docs/page-indicator/accessibility.md +1 -0
  50. package/dist/docs/page-indicator/api.md +2 -2
  51. package/dist/docs/page-indicator/examples.md +1 -0
  52. package/dist/docs/page-indicator/page-indicator.md +8 -2
  53. package/dist/docs/page-indicator/usage.md +1 -0
  54. package/dist/docs/pagination/accessibility.md +1 -0
  55. package/dist/docs/pagination/examples.md +1 -0
  56. package/dist/docs/pagination/pagination.md +6 -0
  57. package/dist/docs/pagination/usage.md +1 -0
  58. package/dist/docs/pill/accessibility.md +1 -0
  59. package/dist/docs/pill/examples.md +1 -0
  60. package/dist/docs/pill/pill.md +6 -0
  61. package/dist/docs/pill/usage.md +1 -0
  62. package/dist/docs/select/accessibility.md +1 -0
  63. package/dist/docs/select/api.md +19 -11
  64. package/dist/docs/select/examples.md +1 -0
  65. package/dist/docs/select/select.md +25 -11
  66. package/dist/docs/select/usage.md +1 -0
  67. package/dist/docs/slider/accessibility.md +1 -0
  68. package/dist/docs/slider/api.md +15 -9
  69. package/dist/docs/slider/examples.md +1 -0
  70. package/dist/docs/slider/slider.md +21 -9
  71. package/dist/docs/slider/usage.md +1 -0
  72. package/dist/docs/slider-thumb/accessibility.md +1 -0
  73. package/dist/docs/slider-thumb/api.md +48 -0
  74. package/dist/docs/slider-thumb/examples.md +1 -0
  75. package/dist/docs/slider-thumb/slider-thumb.md +54 -0
  76. package/dist/docs/slider-thumb/usage.md +1 -0
  77. package/dist/docs/step/accessibility.md +1 -0
  78. package/dist/docs/step/examples.md +1 -0
  79. package/dist/docs/step/step.md +6 -0
  80. package/dist/docs/step/usage.md +1 -0
  81. package/dist/docs/step-indicator/accessibility.md +1 -0
  82. package/dist/docs/step-indicator/examples.md +1 -0
  83. package/dist/docs/step-indicator/step-indicator.md +6 -0
  84. package/dist/docs/step-indicator/usage.md +1 -0
  85. package/dist/docs/switch/accessibility.md +1 -0
  86. package/dist/docs/switch/examples.md +1 -0
  87. package/dist/docs/switch/switch.md +6 -0
  88. package/dist/docs/switch/usage.md +1 -0
  89. package/dist/docs/tab/accessibility.md +1 -0
  90. package/dist/docs/tab/api.md +16 -0
  91. package/dist/docs/tab/examples.md +1 -0
  92. package/dist/docs/tab/tab.md +22 -0
  93. package/dist/docs/tab/usage.md +1 -0
  94. package/dist/docs/tab-panel/accessibility.md +1 -0
  95. package/dist/docs/tab-panel/api.md +16 -0
  96. package/dist/docs/tab-panel/examples.md +1 -0
  97. package/dist/docs/tab-panel/tab-panel.md +22 -0
  98. package/dist/docs/tab-panel/usage.md +1 -0
  99. package/dist/docs/tabs/accessibility.md +1 -0
  100. package/dist/docs/tabs/examples.md +1 -0
  101. package/dist/docs/tabs/tabs.md +6 -0
  102. package/dist/docs/tabs/usage.md +1 -0
  103. package/dist/docs/textarea/accessibility.md +1 -0
  104. package/dist/docs/textarea/examples.md +1 -0
  105. package/dist/docs/textarea/textarea.md +6 -0
  106. package/dist/docs/textarea/usage.md +1 -0
  107. package/dist/docs/textfield/accessibility.md +1 -0
  108. package/dist/docs/textfield/api.md +16 -6
  109. package/dist/docs/textfield/examples.md +1 -0
  110. package/dist/docs/textfield/textfield.md +22 -6
  111. package/dist/docs/textfield/usage.md +1 -0
  112. package/dist/docs/toast/accessibility.md +9 -0
  113. package/dist/docs/toast/api.md +71 -0
  114. package/dist/docs/toast/examples.md +29 -0
  115. package/dist/docs/toast/toast.md +150 -0
  116. package/dist/docs/toast/usage.md +31 -0
  117. package/dist/index.d.ts +312 -305
  118. package/dist/packages/affix/affix.d.ts +29 -6
  119. package/dist/packages/affix/affix.js +24 -11
  120. package/dist/packages/affix/affix.js.map +4 -4
  121. package/dist/packages/affix/affix.stories.d.ts +3 -0
  122. package/dist/packages/affix/affix.stories.js +16 -0
  123. package/dist/packages/affix/affix.test.js +7 -0
  124. package/dist/packages/affix/locales/da/messages.d.mts +1 -0
  125. package/dist/packages/affix/locales/da/messages.mjs +1 -0
  126. package/dist/packages/affix/locales/en/messages.d.mts +1 -0
  127. package/dist/packages/affix/locales/en/messages.mjs +1 -0
  128. package/dist/packages/affix/locales/fi/messages.d.mts +1 -0
  129. package/dist/packages/affix/locales/fi/messages.mjs +1 -0
  130. package/dist/packages/affix/locales/nb/messages.d.mts +1 -0
  131. package/dist/packages/affix/locales/nb/messages.mjs +1 -0
  132. package/dist/packages/affix/locales/sv/messages.d.mts +1 -0
  133. package/dist/packages/affix/locales/sv/messages.mjs +1 -0
  134. package/dist/packages/attention/attention.d.ts +52 -0
  135. package/dist/packages/attention/attention.js.map +2 -2
  136. package/dist/packages/badge/badge.d.ts +8 -0
  137. package/dist/packages/badge/badge.js.map +2 -2
  138. package/dist/packages/badge/badge.react.stories.d.ts +1 -1
  139. package/dist/packages/box/box.d.ts +20 -0
  140. package/dist/packages/box/box.js.map +2 -2
  141. package/dist/packages/box/box.react.stories.d.ts +1 -1
  142. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +1 -1
  143. package/dist/packages/button/button.d.ts +60 -2
  144. package/dist/packages/button/button.js.map +2 -2
  145. package/dist/packages/button/button.react.stories.d.ts +1 -1
  146. package/dist/packages/card/card.d.ts +12 -0
  147. package/dist/packages/card/card.js.map +2 -2
  148. package/dist/packages/card/card.react.stories.d.ts +1 -1
  149. package/dist/packages/combobox/combobox.d.ts +60 -15
  150. package/dist/packages/combobox/combobox.js.map +2 -2
  151. package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
  152. package/dist/packages/datepicker/datepicker.d.ts +32 -5
  153. package/dist/packages/datepicker/datepicker.js.map +2 -2
  154. package/dist/packages/datepicker/datepicker.react.stories.d.ts +1 -1
  155. package/dist/packages/expandable/expandable.d.ts +44 -0
  156. package/dist/packages/expandable/expandable.js.map +2 -2
  157. package/dist/packages/expandable/expandable.react.stories.d.ts +1 -1
  158. package/dist/packages/link/link.d.ts +32 -0
  159. package/dist/packages/link/link.js.map +2 -2
  160. package/dist/packages/link/link.react.stories.d.ts +1 -1
  161. package/dist/packages/page-indicator/page-indicator.d.ts +8 -2
  162. package/dist/packages/page-indicator/page-indicator.js.map +2 -2
  163. package/dist/packages/page-indicator/page-indicator.react.stories.d.ts +1 -1
  164. package/dist/packages/pagination/pagination.d.ts +16 -0
  165. package/dist/packages/pagination/pagination.js.map +2 -2
  166. package/dist/packages/pagination/pagination.react.stories.d.ts +1 -1
  167. package/dist/packages/pill/pill.d.ts +24 -2
  168. package/dist/packages/pill/pill.js.map +2 -2
  169. package/dist/packages/pill/pill.react.stories.d.ts +1 -1
  170. package/dist/packages/select/select.d.ts +56 -12
  171. package/dist/packages/select/select.js.map +2 -2
  172. package/dist/packages/select/select.react.stories.d.ts +1 -1
  173. package/dist/packages/slider/slider.d.ts +65 -8
  174. package/dist/packages/slider/slider.js +7 -7
  175. package/dist/packages/slider/slider.js.map +3 -3
  176. package/dist/packages/slider/slider.test.js +68 -0
  177. package/dist/packages/slider-thumb/slider-thumb.d.ts +44 -6
  178. package/dist/packages/slider-thumb/slider-thumb.js +24 -23
  179. package/dist/packages/slider-thumb/slider-thumb.js.map +3 -3
  180. package/dist/packages/step/step.d.ts +8 -0
  181. package/dist/packages/step/step.js.map +2 -2
  182. package/dist/packages/step-indicator/step-indicator.d.ts +8 -0
  183. package/dist/packages/step-indicator/step-indicator.js.map +2 -2
  184. package/dist/packages/switch/switch.d.ts +16 -0
  185. package/dist/packages/switch/switch.js.map +2 -2
  186. package/dist/packages/tab/tab.d.ts +28 -3
  187. package/dist/packages/tab/tab.js.map +2 -2
  188. package/dist/packages/tab-panel/tab-panel.d.ts +8 -2
  189. package/dist/packages/tab-panel/tab-panel.js.map +2 -2
  190. package/dist/packages/tabs/tabs.d.ts +4 -0
  191. package/dist/packages/tabs/tabs.js.map +2 -2
  192. package/dist/packages/textarea/textarea.d.ts +52 -1
  193. package/dist/packages/textarea/textarea.js.map +2 -2
  194. package/dist/packages/textarea/textarea.react.stories.d.ts +1 -1
  195. package/dist/packages/textfield/textfield.d.ts +92 -4
  196. package/dist/packages/textfield/textfield.js.map +2 -2
  197. package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
  198. package/dist/packages/textfield/textfield.stories.d.ts +3 -0
  199. package/dist/packages/textfield/textfield.stories.js +45 -0
  200. package/dist/packages/toast-container/toast-container.d.ts +14 -0
  201. package/dist/packages/toast-container/toast-container.js.map +2 -2
  202. package/dist/web-types.json +154 -286
  203. package/package.json +3 -3
  204. package/dist/docs/toast-container/api.md +0 -14
  205. package/dist/docs/toast-container/toast-container.md +0 -20
@@ -24,105 +24,105 @@
24
24
 
25
25
  #### options
26
26
 
27
- The available options to select from
27
+
28
28
 
29
29
  - Type: `ComboboxOption[]`
30
30
  - Default: `[]`
31
31
 
32
32
  #### label
33
33
 
34
- Label above input
34
+
35
35
 
36
36
  - Type: `string | undefined`
37
37
  - Default: `''`
38
38
 
39
39
  #### placeholder
40
40
 
41
- Input placeholder
41
+
42
42
 
43
43
  - Type: `string | undefined`
44
44
  - Default: `''`
45
45
 
46
46
  #### value
47
47
 
48
- The input value
48
+
49
49
 
50
50
  - Type: `string`
51
51
  - Default: `''`
52
52
 
53
53
  #### openOnFocus
54
54
 
55
- Whether the popover opens when focus is on the text field
55
+
56
56
 
57
57
  - Type: `boolean`
58
58
  - Default: `false`
59
59
 
60
60
  #### selectOnBlur
61
61
 
62
- Select active option on blur
62
+
63
63
 
64
64
  - Type: `boolean`
65
65
  - Default: `true`
66
66
 
67
67
  #### matchTextSegments
68
68
 
69
- Whether the matching text segments in the options should be highlighted
69
+
70
70
 
71
71
  - Type: `boolean`
72
72
  - Default: `false`
73
73
 
74
74
  #### disableStaticFiltering
75
75
 
76
- Disable client-side static filtering
76
+
77
77
 
78
78
  - Type: `boolean`
79
79
  - Default: `false`
80
80
 
81
81
  #### invalid
82
82
 
83
- Renders the input field in an invalid state
83
+
84
84
 
85
85
  - Type: `boolean`
86
86
  - Default: `false`
87
87
 
88
88
  #### helpText
89
89
 
90
- The content to display as the help text
90
+
91
91
 
92
92
  - Type: `string | undefined`
93
93
  - Default: `''`
94
94
 
95
95
  #### disabled
96
96
 
97
- Whether the element is disabled
97
+
98
98
 
99
99
  - Type: `boolean`
100
100
  - Default: `false`
101
101
 
102
102
  #### required
103
103
 
104
- Whether the element is required
104
+
105
105
 
106
106
  - Type: `boolean`
107
107
  - Default: `false`
108
108
 
109
109
  #### optional
110
110
 
111
- Whether to show optional text
111
+
112
112
 
113
113
  - Type: `boolean`
114
114
  - Default: `false`
115
115
 
116
116
  #### name
117
117
 
118
- Name attribute for form submission
118
+
119
119
 
120
120
  - Type: `string | undefined`
121
121
  - Default: `''`
122
122
 
123
123
  #### autocomplete
124
124
 
125
- Autocomplete attribute for the input field
125
+
126
126
 
127
127
  - Type: `string | undefined`
128
128
  - Default: `'off'`
@@ -6,6 +6,12 @@ A combobox element for text input with selectable options.
6
6
 
7
7
  [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-combobox--docs)
8
8
 
9
+ ## Usage
10
+
11
+ ## Accessibility
12
+
13
+ ## Examples
14
+
9
15
  ## API Documentation
10
16
 
11
17
  ### Properties
@@ -32,105 +38,105 @@ A combobox element for text input with selectable options.
32
38
 
33
39
  #### options
34
40
 
35
- The available options to select from
41
+
36
42
 
37
43
  - Type: `ComboboxOption[]`
38
44
  - Default: `[]`
39
45
 
40
46
  #### label
41
47
 
42
- Label above input
48
+
43
49
 
44
50
  - Type: `string | undefined`
45
51
  - Default: `''`
46
52
 
47
53
  #### placeholder
48
54
 
49
- Input placeholder
55
+
50
56
 
51
57
  - Type: `string | undefined`
52
58
  - Default: `''`
53
59
 
54
60
  #### value
55
61
 
56
- The input value
62
+
57
63
 
58
64
  - Type: `string`
59
65
  - Default: `''`
60
66
 
61
67
  #### openOnFocus
62
68
 
63
- Whether the popover opens when focus is on the text field
69
+
64
70
 
65
71
  - Type: `boolean`
66
72
  - Default: `false`
67
73
 
68
74
  #### selectOnBlur
69
75
 
70
- Select active option on blur
76
+
71
77
 
72
78
  - Type: `boolean`
73
79
  - Default: `true`
74
80
 
75
81
  #### matchTextSegments
76
82
 
77
- Whether the matching text segments in the options should be highlighted
83
+
78
84
 
79
85
  - Type: `boolean`
80
86
  - Default: `false`
81
87
 
82
88
  #### disableStaticFiltering
83
89
 
84
- Disable client-side static filtering
90
+
85
91
 
86
92
  - Type: `boolean`
87
93
  - Default: `false`
88
94
 
89
95
  #### invalid
90
96
 
91
- Renders the input field in an invalid state
97
+
92
98
 
93
99
  - Type: `boolean`
94
100
  - Default: `false`
95
101
 
96
102
  #### helpText
97
103
 
98
- The content to display as the help text
104
+
99
105
 
100
106
  - Type: `string | undefined`
101
107
  - Default: `''`
102
108
 
103
109
  #### disabled
104
110
 
105
- Whether the element is disabled
111
+
106
112
 
107
113
  - Type: `boolean`
108
114
  - Default: `false`
109
115
 
110
116
  #### required
111
117
 
112
- Whether the element is required
118
+
113
119
 
114
120
  - Type: `boolean`
115
121
  - Default: `false`
116
122
 
117
123
  #### optional
118
124
 
119
- Whether to show optional text
125
+
120
126
 
121
127
  - Type: `boolean`
122
128
  - Default: `false`
123
129
 
124
130
  #### name
125
131
 
126
- Name attribute for form submission
132
+
127
133
 
128
134
  - Type: `string | undefined`
129
135
  - Default: `''`
130
136
 
131
137
  #### autocomplete
132
138
 
133
- Autocomplete attribute for the input field
139
+
134
140
 
135
141
  - Type: `string | undefined`
136
142
  - Default: `'off'`
@@ -0,0 +1 @@
1
+ ## Examples
@@ -0,0 +1 @@
1
+ ## Usage
@@ -0,0 +1 @@
1
+ ## Accessibility
@@ -44,7 +44,7 @@
44
44
 
45
45
  #### lang
46
46
 
47
- Takes precedence over the `<html>` lang attribute.
47
+
48
48
 
49
49
  - Type: `string`
50
50
  - Default: `-`
@@ -65,36 +65,28 @@ Takes precedence over the `<html>` lang attribute.
65
65
 
66
66
  #### headerFormat
67
67
 
68
- Decides the format of the date as shown in the calendar header.
69
68
 
70
- The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
71
69
 
72
70
  - Type: `string`
73
71
  - Default: `'MMMM yyyy'`
74
72
 
75
73
  #### weekdayFormat
76
74
 
77
- Decides the format of the weekday as shown above the grid of dates in the calendar.
78
75
 
79
- The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
80
76
 
81
77
  - Type: `string`
82
78
  - Default: `'EEEEEE'`
83
79
 
84
80
  #### isDayDisabled
85
81
 
86
- Lets you control if a date in the calendar should be disabled.
87
82
 
88
- This needs to be set on the element instance in JavaScript, not as an HTML attribute.
89
83
 
90
84
  - Type: `(day: Date) => boolean`
91
85
  - Default: `-`
92
86
 
93
87
  #### dayFormat
94
88
 
95
- Decides the format of the day in the calendar as read to screen readers.
96
89
 
97
- The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
98
90
 
99
91
  - Type: `string`
100
92
  - Default: `'PPPP'`
@@ -8,6 +8,12 @@ Uses the `lang` attribute on either the element or on `<html>` to determine the
8
8
 
9
9
  [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-datepicker--docs)
10
10
 
11
+ ## Usage
12
+
13
+ ## Accessibility
14
+
15
+ ## Examples
16
+
11
17
  ## API Documentation
12
18
 
13
19
  ### Properties
@@ -54,7 +60,7 @@ Uses the `lang` attribute on either the element or on `<html>` to determine the
54
60
 
55
61
  #### lang
56
62
 
57
- Takes precedence over the `<html>` lang attribute.
63
+
58
64
 
59
65
  - Type: `string`
60
66
  - Default: `-`
@@ -75,36 +81,28 @@ Takes precedence over the `<html>` lang attribute.
75
81
 
76
82
  #### headerFormat
77
83
 
78
- Decides the format of the date as shown in the calendar header.
79
84
 
80
- The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
81
85
 
82
86
  - Type: `string`
83
87
  - Default: `'MMMM yyyy'`
84
88
 
85
89
  #### weekdayFormat
86
90
 
87
- Decides the format of the weekday as shown above the grid of dates in the calendar.
88
91
 
89
- The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
90
92
 
91
93
  - Type: `string`
92
94
  - Default: `'EEEEEE'`
93
95
 
94
96
  #### isDayDisabled
95
97
 
96
- Lets you control if a date in the calendar should be disabled.
97
98
 
98
- This needs to be set on the element instance in JavaScript, not as an HTML attribute.
99
99
 
100
100
  - Type: `(day: Date) => boolean`
101
101
  - Default: `-`
102
102
 
103
103
  #### dayFormat
104
104
 
105
- Decides the format of the day in the calendar as read to screen readers.
106
105
 
107
- The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
108
106
 
109
107
  - Type: `string`
110
108
  - Default: `'PPPP'`
@@ -0,0 +1 @@
1
+ ## Examples
@@ -0,0 +1 @@
1
+ ## Usage
@@ -0,0 +1 @@
1
+ ## Accessibility
@@ -0,0 +1 @@
1
+ ## Examples
@@ -6,6 +6,12 @@ Expandable is a layout component used for creating expandable content areas on a
6
6
 
7
7
  [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-expandable--docs)
8
8
 
9
+ ## Usage
10
+
11
+ ## Accessibility
12
+
13
+ ## Examples
14
+
9
15
  ## API Documentation
10
16
 
11
17
  ### Properties
@@ -0,0 +1 @@
1
+ ## Usage
@@ -0,0 +1 @@
1
+ ## Accessibility
@@ -0,0 +1 @@
1
+ ## Examples
@@ -6,6 +6,12 @@ Buttons are used to perform actions, with different visuals for different needs.
6
6
 
7
7
  [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-link--docs)
8
8
 
9
+ ## Usage
10
+
11
+ ## Accessibility
12
+
13
+ ## Examples
14
+
9
15
  ## API Documentation
10
16
 
11
17
  ### Properties
@@ -0,0 +1 @@
1
+ ## Usage
@@ -0,0 +1 @@
1
+ ## Accessibility
@@ -11,14 +11,14 @@
11
11
 
12
12
  #### selectedPage
13
13
 
14
- Currently selected page (1-based index, clamped to valid range)
14
+
15
15
 
16
16
  - Type: `number`
17
17
  - Default: `-`
18
18
 
19
19
  #### pageCount
20
20
 
21
- Total number of pages (minimum 1)
21
+
22
22
 
23
23
  - Type: `number`
24
24
  - Default: `-`
@@ -0,0 +1 @@
1
+ ## Examples
@@ -5,6 +5,12 @@
5
5
  A page indicator component that displays a series of dots representing pages.
6
6
  One dot is highlighted to indicate the currently selected page.
7
7
 
8
+ ## Usage
9
+
10
+ ## Accessibility
11
+
12
+ ## Examples
13
+
8
14
  ## API Documentation
9
15
 
10
16
  ### Properties
@@ -18,14 +24,14 @@ One dot is highlighted to indicate the currently selected page.
18
24
 
19
25
  #### selectedPage
20
26
 
21
- Currently selected page (1-based index, clamped to valid range)
27
+
22
28
 
23
29
  - Type: `number`
24
30
  - Default: `-`
25
31
 
26
32
  #### pageCount
27
33
 
28
- Total number of pages (minimum 1)
34
+
29
35
 
30
36
  - Type: `number`
31
37
  - Default: `-`
@@ -0,0 +1 @@
1
+ ## Usage
@@ -0,0 +1 @@
1
+ ## Accessibility
@@ -0,0 +1 @@
1
+ ## Examples
@@ -6,6 +6,12 @@ Pagination allows users to navigate through multiple pages of content by providi
6
6
 
7
7
  [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)
8
8
 
9
+ ## Usage
10
+
11
+ ## Accessibility
12
+
13
+ ## Examples
14
+
9
15
  ## API Documentation
10
16
 
11
17
  ### Properties
@@ -0,0 +1 @@
1
+ ## Usage
@@ -0,0 +1 @@
1
+ ## Accessibility
@@ -0,0 +1 @@
1
+ ## Examples
@@ -6,6 +6,12 @@ Pill is a type of button that is often used as a filter, but can also be used as
6
6
 
7
7
  [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-pill--docs)
8
8
 
9
+ ## Usage
10
+
11
+ ## Accessibility
12
+
13
+ ## Examples
14
+
9
15
  ## API Documentation
10
16
 
11
17
  ### Properties
@@ -0,0 +1 @@
1
+ ## Usage
@@ -0,0 +1 @@
1
+ ## Accessibility
@@ -17,82 +17,83 @@
17
17
  | readonly | `boolean` | `false` | - |
18
18
  | name | `string` | `-` | - |
19
19
  | value | `string` | `-` | - |
20
+ | _options | `unknown` | `-` | - |
20
21
 
21
22
  ### Property Details
22
23
 
23
24
  #### autoFocus
24
25
 
25
- Whether the element should receive focus on render.
26
+
26
27
 
27
28
  - Type: `boolean`
28
29
  - Default: `false`
29
30
 
30
31
  #### autofocus
31
32
 
32
- Whether the element should receive focus on render
33
+
33
34
 
34
35
  - Type: `boolean`
35
36
  - Default: `false`
36
37
 
37
38
  #### helpText
38
39
 
39
- The content displayed as the help text. Paired with `invalid` to show the text as a validation error.
40
+
40
41
 
41
42
  - Type: `string`
42
43
  - Default: `-`
43
44
 
44
45
  #### invalid
45
46
 
46
- Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error.
47
+
47
48
 
48
49
  - Type: `boolean`
49
50
  - Default: `false`
50
51
 
51
52
  #### always
52
53
 
53
- Whether to always show a hint.
54
+
54
55
 
55
56
  - Type: `boolean`
56
57
  - Default: `false`
57
58
 
58
59
  #### hint
59
60
 
60
- The content displayed as the help text.
61
+
61
62
 
62
63
  - Type: `string`
63
64
  - Default: `-`
64
65
 
65
66
  #### label
66
67
 
67
- The content to disply as the label
68
+
68
69
 
69
70
  - Type: `string`
70
71
  - Default: `-`
71
72
 
72
73
  #### optional
73
74
 
74
- Whether to show optional text
75
+
75
76
 
76
77
  - Type: `boolean`
77
78
  - Default: `false`
78
79
 
79
80
  #### disabled
80
81
 
81
- Renders the field in a disabled state.
82
+
82
83
 
83
84
  - Type: `boolean`
84
85
  - Default: `false`
85
86
 
86
87
  #### readOnly
87
88
 
88
- Renders the field in a readonly state.
89
+
89
90
 
90
91
  - Type: `boolean`
91
92
  - Default: `false`
92
93
 
93
94
  #### readonly
94
95
 
95
- Renders the field in a readonly state.
96
+
96
97
 
97
98
  - Type: `boolean`
98
99
  - Default: `false`
@@ -111,6 +112,13 @@ Renders the field in a readonly state.
111
112
  - Type: `string`
112
113
  - Default: `-`
113
114
 
115
+ #### _options
116
+
117
+
118
+
119
+ - Type: `unknown`
120
+ - Default: `-`
121
+
114
122
  ### Types
115
123
 
116
124
  No types documented.
@@ -0,0 +1 @@
1
+ ## Examples