@warp-ds/elements 2.9.1-next.3 → 2.9.1-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 (97) hide show
  1. package/dist/custom-elements.json +83 -239
  2. package/dist/docs/affix/affix.md +9 -10
  3. package/dist/docs/affix/api.md +9 -10
  4. package/dist/docs/alert/alert.md +4 -2
  5. package/dist/docs/alert/api.md +4 -2
  6. package/dist/docs/attention/api.md +16 -14
  7. package/dist/docs/attention/attention.md +16 -14
  8. package/dist/docs/badge/api.md +5 -6
  9. package/dist/docs/badge/badge.md +5 -6
  10. package/dist/docs/box/api.md +3 -4
  11. package/dist/docs/box/box.md +3 -4
  12. package/dist/docs/breadcrumbs/accessibility.md +46 -0
  13. package/dist/docs/breadcrumbs/api.md +8 -8
  14. package/dist/docs/breadcrumbs/breadcrumbs.md +127 -9
  15. package/dist/docs/breadcrumbs/examples.md +35 -0
  16. package/dist/docs/breadcrumbs/usage.md +36 -0
  17. package/dist/docs/button/api.md +15 -13
  18. package/dist/docs/button/button.md +15 -13
  19. package/dist/docs/card/api.md +5 -6
  20. package/dist/docs/card/card.md +5 -6
  21. package/dist/docs/combobox/api.md +18 -19
  22. package/dist/docs/combobox/combobox.md +18 -19
  23. package/dist/docs/datepicker/api.md +38 -39
  24. package/dist/docs/datepicker/datepicker.md +38 -39
  25. package/dist/docs/expandable/api.md +11 -12
  26. package/dist/docs/expandable/expandable.md +11 -12
  27. package/dist/docs/link/api.md +8 -6
  28. package/dist/docs/link/link.md +8 -6
  29. package/dist/docs/page-indicator/api.md +7 -8
  30. package/dist/docs/page-indicator/page-indicator.md +7 -8
  31. package/dist/docs/pagination/api.md +17 -9
  32. package/dist/docs/pagination/pagination.md +17 -9
  33. package/dist/docs/pill/api.md +30 -17
  34. package/dist/docs/pill/pill.md +30 -17
  35. package/dist/docs/select/api.md +17 -9
  36. package/dist/docs/select/select.md +17 -9
  37. package/dist/docs/slider/api.md +37 -116
  38. package/dist/docs/slider/examples.md +331 -0
  39. package/dist/docs/slider/slider.md +378 -118
  40. package/dist/docs/slider/usage.md +10 -0
  41. package/dist/docs/slider-thumb/api.md +26 -55
  42. package/dist/docs/slider-thumb/slider-thumb.md +26 -57
  43. package/dist/docs/step/api.md +3 -4
  44. package/dist/docs/step/step.md +3 -4
  45. package/dist/docs/step-indicator/api.md +3 -4
  46. package/dist/docs/step-indicator/step-indicator.md +3 -4
  47. package/dist/docs/switch/api.md +13 -5
  48. package/dist/docs/switch/switch.md +13 -5
  49. package/dist/docs/tab/api.md +9 -62
  50. package/dist/docs/tab/tab.md +9 -70
  51. package/dist/docs/tab-panel/api.md +7 -11
  52. package/dist/docs/tab-panel/tab-panel.md +7 -19
  53. package/dist/docs/tabs/accessibility.md +11 -0
  54. package/dist/docs/tabs/api.md +10 -18
  55. package/dist/docs/tabs/examples.md +68 -0
  56. package/dist/docs/tabs/tabs.md +97 -20
  57. package/dist/docs/tabs/usage.md +8 -0
  58. package/dist/docs/textarea/api.md +15 -16
  59. package/dist/docs/textarea/textarea.md +15 -16
  60. package/dist/docs/textfield/api.md +14 -15
  61. package/dist/docs/textfield/textfield.md +14 -15
  62. package/dist/index.d.ts +124 -224
  63. package/dist/packages/breadcrumbs/breadcrumbs.d.ts +7 -1
  64. package/dist/packages/breadcrumbs/breadcrumbs.js.map +2 -2
  65. package/dist/packages/button/button.react.stories.d.ts +8 -2
  66. package/dist/packages/button/button.react.test.d.ts +1 -0
  67. package/dist/packages/button/button.react.test.js +16 -0
  68. package/dist/packages/button/react.d.ts +5 -1
  69. package/dist/packages/button/react.js +8 -1
  70. package/dist/packages/pagination/pagination.test.js +38 -0
  71. package/dist/packages/select/select.react.stories.d.ts +1 -1
  72. package/dist/packages/slider/slider.d.ts +34 -45
  73. package/dist/packages/slider/slider.js +1 -1
  74. package/dist/packages/slider/slider.js.map +2 -2
  75. package/dist/packages/slider-thumb/slider-thumb.d.ts +36 -31
  76. package/dist/packages/slider-thumb/slider-thumb.js +1 -1
  77. package/dist/packages/slider-thumb/slider-thumb.js.map +2 -2
  78. package/dist/packages/tab/tab.d.ts +29 -24
  79. package/dist/packages/tab/tab.js +3 -3
  80. package/dist/packages/tab/tab.js.map +2 -2
  81. package/dist/packages/tab-panel/tab-panel.d.ts +9 -8
  82. package/dist/packages/tab-panel/tab-panel.js +3 -3
  83. package/dist/packages/tab-panel/tab-panel.js.map +2 -2
  84. package/dist/packages/tabs/index.d.ts +1 -0
  85. package/dist/packages/tabs/index.js +0 -1
  86. package/dist/packages/tabs/react.d.ts +4 -3
  87. package/dist/packages/tabs/tabs.d.ts +9 -3
  88. package/dist/packages/tabs/tabs.js.map +2 -2
  89. package/dist/packages/tabs/tabs.react.stories.d.ts +2 -2
  90. package/dist/web-types.json +201 -93
  91. package/package.json +2 -1
  92. package/dist/docs/tab/accessibility.md +0 -1
  93. package/dist/docs/tab/examples.md +0 -1
  94. package/dist/docs/tab/usage.md +0 -1
  95. package/dist/docs/tab-panel/accessibility.md +0 -1
  96. package/dist/docs/tab-panel/examples.md +0 -1
  97. package/dist/docs/tab-panel/usage.md +0 -1
@@ -1,41 +1,43 @@
1
- ## API Documentation
1
+ ## `<w-datepicker>` API
2
+
3
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
2
4
 
3
5
  ### Properties
4
6
 
5
7
  | Name | Type | Default | Summary |
6
8
  |-|-|-|-|
7
- | calendar | `HTMLDivElement` | `-` | - |
8
- | dayFormat | `string` | `'PPPP'` | Decides the format of the day in the calendar as read to screen readers. |
9
- | headerFormat | `string` | `'MMMM yyyy'` | Decides the format of the date as shown in the calendar header. |
10
- | input | `HTMLInputElement` | `-` | - |
11
- | isCalendarOpen | `boolean` | `false` | - |
12
- | isDayDisabled | `(day: Date) => boolean` | `-` | Lets you control if a date in the calendar should be disabled. |
9
+ | calendar (JS only) | `HTMLDivElement` | `-` | - |
10
+ | day-format | `string` | `'PPPP'` | Decides the format of the day in the calendar as read to screen readers. |
11
+ | header-format | `string` | `'MMMM yyyy'` | Decides the format of the date as shown in the calendar header. |
12
+ | input (JS only) | `HTMLInputElement` | `-` | - |
13
+ | isCalendarOpen (JS only) | `boolean` | `false` | - |
14
+ | isDayDisabled (JS only) | `(day: Date) => boolean` | `-` | Lets you control if a date in the calendar should be disabled. |
13
15
  | label | `string` | `-` | - |
14
16
  | lang | `string` | `-` | Takes precedence over the `<html>` lang attribute. |
15
- | month | `unknown` | `-` | - |
17
+ | month (JS only) | `unknown` | `-` | - |
16
18
  | name | `string` | `-` | - |
17
- | navigationDate | `Date` | `-` | - |
18
- | previousMonthButton | `HTMLButtonElement` | `-` | This is the first focusable element, needed for the modal focus trap. |
19
- | selectedCell | `HTMLTableCellElement` | `-` | - |
20
- | selectedDate | `Date \| null` | `-` | - |
21
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
22
- | todayCell | `HTMLTableCellElement` | `-` | - |
23
- | toggleButton | `HTMLButtonElement` | `-` | - |
19
+ | navigationDate (JS only) | `Date` | `-` | - |
20
+ | previousMonthButton (JS only) | `HTMLButtonElement` | `-` | This is the first focusable element, needed for the modal focus trap. |
21
+ | selectedCell (JS only) | `HTMLTableCellElement` | `-` | - |
22
+ | selectedDate (JS only) | `Date \| null` | `-` | - |
23
+ | shadowRootOptions (JS only) | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
24
+ | todayCell (JS only) | `HTMLTableCellElement` | `-` | - |
25
+ | toggleButton (JS only) | `HTMLButtonElement` | `-` | - |
24
26
  | value | `string` | `-` | - |
25
- | weekdayFormat | `string` | `'EEEEEE'` | Decides the format of the weekday as shown above the grid of dates in the calendar. |
26
- | weeks | `unknown` | `-` | - |
27
- | wrapper | `HTMLDivElement` | `-` | - |
27
+ | weekday-format | `string` | `'EEEEEE'` | Decides the format of the weekday as shown above the grid of dates in the calendar. |
28
+ | weeks (JS only) | `unknown` | `-` | - |
29
+ | wrapper (JS only) | `HTMLDivElement` | `-` | - |
28
30
 
29
31
  ### Property Details
30
32
 
31
- #### calendar
33
+ #### calendar (JS only)
32
34
 
33
35
 
34
36
 
35
37
  - Type: `HTMLDivElement`
36
38
  - Default: `-`
37
39
 
38
- #### dayFormat
40
+ #### day-format
39
41
 
40
42
  Decides the format of the day in the calendar as read to screen readers.
41
43
 
@@ -44,7 +46,7 @@ The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/form
44
46
  - Type: `string`
45
47
  - Default: `'PPPP'`
46
48
 
47
- #### headerFormat
49
+ #### header-format
48
50
 
49
51
  Decides the format of the date as shown in the calendar header.
50
52
 
@@ -53,21 +55,21 @@ The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/form
53
55
  - Type: `string`
54
56
  - Default: `'MMMM yyyy'`
55
57
 
56
- #### input
58
+ #### input (JS only)
57
59
 
58
60
 
59
61
 
60
62
  - Type: `HTMLInputElement`
61
63
  - Default: `-`
62
64
 
63
- #### isCalendarOpen
65
+ #### isCalendarOpen (JS only)
64
66
 
65
67
 
66
68
 
67
69
  - Type: `boolean`
68
70
  - Default: `false`
69
71
 
70
- #### isDayDisabled
72
+ #### isDayDisabled (JS only)
71
73
 
72
74
  Lets you control if a date in the calendar should be disabled.
73
75
 
@@ -90,7 +92,7 @@ Takes precedence over the `<html>` lang attribute.
90
92
  - Type: `string`
91
93
  - Default: `-`
92
94
 
93
- #### month
95
+ #### month (JS only)
94
96
 
95
97
 
96
98
 
@@ -104,14 +106,14 @@ Takes precedence over the `<html>` lang attribute.
104
106
  - Type: `string`
105
107
  - Default: `-`
106
108
 
107
- #### navigationDate
109
+ #### navigationDate (JS only)
108
110
 
109
111
 
110
112
 
111
113
  - Type: `Date`
112
114
  - Default: `-`
113
115
 
114
- #### previousMonthButton
116
+ #### previousMonthButton (JS only)
115
117
 
116
118
  This is the first focusable element, needed for the modal focus trap.
117
119
 
@@ -122,35 +124,35 @@ the query will point to an element that doesn't exist anymore.
122
124
  - Type: `HTMLButtonElement`
123
125
  - Default: `-`
124
126
 
125
- #### selectedCell
127
+ #### selectedCell (JS only)
126
128
 
127
129
 
128
130
 
129
131
  - Type: `HTMLTableCellElement`
130
132
  - Default: `-`
131
133
 
132
- #### selectedDate
134
+ #### selectedDate (JS only)
133
135
 
134
136
 
135
137
 
136
- - Type: `Date \| null`
138
+ - Type: `Date | null`
137
139
  - Default: `-`
138
140
 
139
- #### shadowRootOptions
141
+ #### shadowRootOptions (JS only)
140
142
 
141
143
 
142
144
 
143
145
  - Type: `object`
144
146
  - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
145
147
 
146
- #### todayCell
148
+ #### todayCell (JS only)
147
149
 
148
150
 
149
151
 
150
152
  - Type: `HTMLTableCellElement`
151
153
  - Default: `-`
152
154
 
153
- #### toggleButton
155
+ #### toggleButton (JS only)
154
156
 
155
157
 
156
158
 
@@ -164,7 +166,7 @@ the query will point to an element that doesn't exist anymore.
164
166
  - Type: `string`
165
167
  - Default: `-`
166
168
 
167
- #### weekdayFormat
169
+ #### weekday-format
168
170
 
169
171
  Decides the format of the weekday as shown above the grid of dates in the calendar.
170
172
 
@@ -173,20 +175,17 @@ The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/form
173
175
  - Type: `string`
174
176
  - Default: `'EEEEEE'`
175
177
 
176
- #### weeks
178
+ #### weeks (JS only)
177
179
 
178
180
 
179
181
 
180
182
  - Type: `unknown`
181
183
  - Default: `-`
182
184
 
183
- #### wrapper
185
+ #### wrapper (JS only)
184
186
 
185
187
 
186
188
 
187
189
  - Type: `HTMLDivElement`
188
190
  - Default: `-`
189
191
 
190
- ### Types
191
-
192
- No types documented.
@@ -14,44 +14,46 @@ Uses the `lang` attribute on either the element or on `<html>` to determine the
14
14
 
15
15
  ## Examples
16
16
 
17
- ## API Documentation
17
+ ## `<w-datepicker>` API
18
+
19
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
18
20
 
19
21
  ### Properties
20
22
 
21
23
  | Name | Type | Default | Summary |
22
24
  |-|-|-|-|
23
- | calendar | `HTMLDivElement` | `-` | - |
24
- | dayFormat | `string` | `'PPPP'` | Decides the format of the day in the calendar as read to screen readers. |
25
- | headerFormat | `string` | `'MMMM yyyy'` | Decides the format of the date as shown in the calendar header. |
26
- | input | `HTMLInputElement` | `-` | - |
27
- | isCalendarOpen | `boolean` | `false` | - |
28
- | isDayDisabled | `(day: Date) => boolean` | `-` | Lets you control if a date in the calendar should be disabled. |
25
+ | calendar (JS only) | `HTMLDivElement` | `-` | - |
26
+ | day-format | `string` | `'PPPP'` | Decides the format of the day in the calendar as read to screen readers. |
27
+ | header-format | `string` | `'MMMM yyyy'` | Decides the format of the date as shown in the calendar header. |
28
+ | input (JS only) | `HTMLInputElement` | `-` | - |
29
+ | isCalendarOpen (JS only) | `boolean` | `false` | - |
30
+ | isDayDisabled (JS only) | `(day: Date) => boolean` | `-` | Lets you control if a date in the calendar should be disabled. |
29
31
  | label | `string` | `-` | - |
30
32
  | lang | `string` | `-` | Takes precedence over the `<html>` lang attribute. |
31
- | month | `unknown` | `-` | - |
33
+ | month (JS only) | `unknown` | `-` | - |
32
34
  | name | `string` | `-` | - |
33
- | navigationDate | `Date` | `-` | - |
34
- | previousMonthButton | `HTMLButtonElement` | `-` | This is the first focusable element, needed for the modal focus trap. |
35
- | selectedCell | `HTMLTableCellElement` | `-` | - |
36
- | selectedDate | `Date \| null` | `-` | - |
37
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
38
- | todayCell | `HTMLTableCellElement` | `-` | - |
39
- | toggleButton | `HTMLButtonElement` | `-` | - |
35
+ | navigationDate (JS only) | `Date` | `-` | - |
36
+ | previousMonthButton (JS only) | `HTMLButtonElement` | `-` | This is the first focusable element, needed for the modal focus trap. |
37
+ | selectedCell (JS only) | `HTMLTableCellElement` | `-` | - |
38
+ | selectedDate (JS only) | `Date \| null` | `-` | - |
39
+ | shadowRootOptions (JS only) | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
40
+ | todayCell (JS only) | `HTMLTableCellElement` | `-` | - |
41
+ | toggleButton (JS only) | `HTMLButtonElement` | `-` | - |
40
42
  | value | `string` | `-` | - |
41
- | weekdayFormat | `string` | `'EEEEEE'` | Decides the format of the weekday as shown above the grid of dates in the calendar. |
42
- | weeks | `unknown` | `-` | - |
43
- | wrapper | `HTMLDivElement` | `-` | - |
43
+ | weekday-format | `string` | `'EEEEEE'` | Decides the format of the weekday as shown above the grid of dates in the calendar. |
44
+ | weeks (JS only) | `unknown` | `-` | - |
45
+ | wrapper (JS only) | `HTMLDivElement` | `-` | - |
44
46
 
45
47
  ### Property Details
46
48
 
47
- #### calendar
49
+ #### calendar (JS only)
48
50
 
49
51
 
50
52
 
51
53
  - Type: `HTMLDivElement`
52
54
  - Default: `-`
53
55
 
54
- #### dayFormat
56
+ #### day-format
55
57
 
56
58
  Decides the format of the day in the calendar as read to screen readers.
57
59
 
@@ -60,7 +62,7 @@ The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/form
60
62
  - Type: `string`
61
63
  - Default: `'PPPP'`
62
64
 
63
- #### headerFormat
65
+ #### header-format
64
66
 
65
67
  Decides the format of the date as shown in the calendar header.
66
68
 
@@ -69,21 +71,21 @@ The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/form
69
71
  - Type: `string`
70
72
  - Default: `'MMMM yyyy'`
71
73
 
72
- #### input
74
+ #### input (JS only)
73
75
 
74
76
 
75
77
 
76
78
  - Type: `HTMLInputElement`
77
79
  - Default: `-`
78
80
 
79
- #### isCalendarOpen
81
+ #### isCalendarOpen (JS only)
80
82
 
81
83
 
82
84
 
83
85
  - Type: `boolean`
84
86
  - Default: `false`
85
87
 
86
- #### isDayDisabled
88
+ #### isDayDisabled (JS only)
87
89
 
88
90
  Lets you control if a date in the calendar should be disabled.
89
91
 
@@ -106,7 +108,7 @@ Takes precedence over the `<html>` lang attribute.
106
108
  - Type: `string`
107
109
  - Default: `-`
108
110
 
109
- #### month
111
+ #### month (JS only)
110
112
 
111
113
 
112
114
 
@@ -120,14 +122,14 @@ Takes precedence over the `<html>` lang attribute.
120
122
  - Type: `string`
121
123
  - Default: `-`
122
124
 
123
- #### navigationDate
125
+ #### navigationDate (JS only)
124
126
 
125
127
 
126
128
 
127
129
  - Type: `Date`
128
130
  - Default: `-`
129
131
 
130
- #### previousMonthButton
132
+ #### previousMonthButton (JS only)
131
133
 
132
134
  This is the first focusable element, needed for the modal focus trap.
133
135
 
@@ -138,35 +140,35 @@ the query will point to an element that doesn't exist anymore.
138
140
  - Type: `HTMLButtonElement`
139
141
  - Default: `-`
140
142
 
141
- #### selectedCell
143
+ #### selectedCell (JS only)
142
144
 
143
145
 
144
146
 
145
147
  - Type: `HTMLTableCellElement`
146
148
  - Default: `-`
147
149
 
148
- #### selectedDate
150
+ #### selectedDate (JS only)
149
151
 
150
152
 
151
153
 
152
- - Type: `Date \| null`
154
+ - Type: `Date | null`
153
155
  - Default: `-`
154
156
 
155
- #### shadowRootOptions
157
+ #### shadowRootOptions (JS only)
156
158
 
157
159
 
158
160
 
159
161
  - Type: `object`
160
162
  - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
161
163
 
162
- #### todayCell
164
+ #### todayCell (JS only)
163
165
 
164
166
 
165
167
 
166
168
  - Type: `HTMLTableCellElement`
167
169
  - Default: `-`
168
170
 
169
- #### toggleButton
171
+ #### toggleButton (JS only)
170
172
 
171
173
 
172
174
 
@@ -180,7 +182,7 @@ the query will point to an element that doesn't exist anymore.
180
182
  - Type: `string`
181
183
  - Default: `-`
182
184
 
183
- #### weekdayFormat
185
+ #### weekday-format
184
186
 
185
187
  Decides the format of the weekday as shown above the grid of dates in the calendar.
186
188
 
@@ -189,20 +191,17 @@ The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/form
189
191
  - Type: `string`
190
192
  - Default: `'EEEEEE'`
191
193
 
192
- #### weeks
194
+ #### weeks (JS only)
193
195
 
194
196
 
195
197
 
196
198
  - Type: `unknown`
197
199
  - Default: `-`
198
200
 
199
- #### wrapper
201
+ #### wrapper (JS only)
200
202
 
201
203
 
202
204
 
203
205
  - Type: `HTMLDivElement`
204
206
  - Default: `-`
205
207
 
206
- ### Types
207
-
208
- No types documented.
@@ -1,4 +1,6 @@
1
- ## API Documentation
1
+ ## `<w-expandable>` API
2
+
3
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
2
4
 
3
5
  ### Properties
4
6
 
@@ -9,11 +11,11 @@
9
11
  | animated | `boolean` | `false` | - |
10
12
  | bleed | `boolean` | `false` | - |
11
13
  | box | `boolean` | `false` | - |
12
- | buttonClass | `string` | `-` | - |
13
- | contentClass | `string` | `-` | - |
14
+ | button-class | `string` | `-` | - |
15
+ | content-class | `string` | `-` | - |
14
16
  | expanded | `boolean` | `false` | - |
15
- | headingLevel | `number` | `-` | - |
16
- | noChevron | `boolean` | `false` | - |
17
+ | heading-level | `number` | `-` | - |
18
+ | no-chevron | `boolean` | `false` | - |
17
19
  | title | `string` | `-` | - |
18
20
 
19
21
  ### Property Details
@@ -53,14 +55,14 @@
53
55
  - Type: `boolean`
54
56
  - Default: `false`
55
57
 
56
- #### buttonClass
58
+ #### button-class
57
59
 
58
60
 
59
61
 
60
62
  - Type: `string`
61
63
  - Default: `-`
62
64
 
63
- #### contentClass
65
+ #### content-class
64
66
 
65
67
 
66
68
 
@@ -74,14 +76,14 @@
74
76
  - Type: `boolean`
75
77
  - Default: `false`
76
78
 
77
- #### headingLevel
79
+ #### heading-level
78
80
 
79
81
 
80
82
 
81
83
  - Type: `number`
82
84
  - Default: `-`
83
85
 
84
- #### noChevron
86
+ #### no-chevron
85
87
 
86
88
 
87
89
 
@@ -95,6 +97,3 @@
95
97
  - Type: `string`
96
98
  - Default: `-`
97
99
 
98
- ### Types
99
-
100
- No types documented.
@@ -12,7 +12,9 @@ Expandable is a layout component used for creating expandable content areas on a
12
12
 
13
13
  ## Examples
14
14
 
15
- ## API Documentation
15
+ ## `<w-expandable>` API
16
+
17
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
16
18
 
17
19
  ### Properties
18
20
 
@@ -23,11 +25,11 @@ Expandable is a layout component used for creating expandable content areas on a
23
25
  | animated | `boolean` | `false` | - |
24
26
  | bleed | `boolean` | `false` | - |
25
27
  | box | `boolean` | `false` | - |
26
- | buttonClass | `string` | `-` | - |
27
- | contentClass | `string` | `-` | - |
28
+ | button-class | `string` | `-` | - |
29
+ | content-class | `string` | `-` | - |
28
30
  | expanded | `boolean` | `false` | - |
29
- | headingLevel | `number` | `-` | - |
30
- | noChevron | `boolean` | `false` | - |
31
+ | heading-level | `number` | `-` | - |
32
+ | no-chevron | `boolean` | `false` | - |
31
33
  | title | `string` | `-` | - |
32
34
 
33
35
  ### Property Details
@@ -67,14 +69,14 @@ Expandable is a layout component used for creating expandable content areas on a
67
69
  - Type: `boolean`
68
70
  - Default: `false`
69
71
 
70
- #### buttonClass
72
+ #### button-class
71
73
 
72
74
 
73
75
 
74
76
  - Type: `string`
75
77
  - Default: `-`
76
78
 
77
- #### contentClass
79
+ #### content-class
78
80
 
79
81
 
80
82
 
@@ -88,14 +90,14 @@ Expandable is a layout component used for creating expandable content areas on a
88
90
  - Type: `boolean`
89
91
  - Default: `false`
90
92
 
91
- #### headingLevel
93
+ #### heading-level
92
94
 
93
95
 
94
96
 
95
97
  - Type: `number`
96
98
  - Default: `-`
97
99
 
98
- #### noChevron
100
+ #### no-chevron
99
101
 
100
102
 
101
103
 
@@ -109,6 +111,3 @@ Expandable is a layout component used for creating expandable content areas on a
109
111
  - Type: `string`
110
112
  - Default: `-`
111
113
 
112
- ### Types
113
-
114
- No types documented.
@@ -1,4 +1,6 @@
1
- ## API Documentation
1
+ ## `<w-link>` API
2
+
3
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
2
4
 
3
5
  ### Properties
4
6
 
@@ -6,10 +8,10 @@
6
8
  |-|-|-|-|
7
9
  | autofocus | `boolean` | `false` | - |
8
10
  | disabled | `boolean` | `false` | - |
9
- | fullWidth | `boolean` | `false` | - |
11
+ | full-width | `boolean` | `false` | - |
10
12
  | href | `string` | `-` | - |
11
13
  | rel | `string` | `-` | - |
12
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
14
+ | shadowRootOptions (JS only) | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
13
15
  | small | `boolean` | `false` | - |
14
16
  | target | `string` | `-` | - |
15
17
  | variant | [`ButtonVariant`](#buttonvariant) | `-` | - |
@@ -30,7 +32,7 @@
30
32
  - Type: `boolean`
31
33
  - Default: `false`
32
34
 
33
- #### fullWidth
35
+ #### full-width
34
36
 
35
37
 
36
38
 
@@ -51,7 +53,7 @@
51
53
  - Type: `string`
52
54
  - Default: `-`
53
55
 
54
- #### shadowRootOptions
56
+ #### shadowRootOptions (JS only)
55
57
 
56
58
 
57
59
 
@@ -83,5 +85,5 @@
83
85
 
84
86
  #### ButtonVariant
85
87
 
86
- `'negative' \| 'primary' \| 'secondary' \| 'negativeQuiet' \| 'utility' \| 'quiet' \| 'utilityQuiet' \| 'overlay' \| 'overlayInverted' \| 'overlayQuiet' \| 'overlayInvertedQuiet'`
88
+ `'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'`
87
89
 
@@ -12,7 +12,9 @@ Buttons are used to perform actions, with different visuals for different needs.
12
12
 
13
13
  ## Examples
14
14
 
15
- ## API Documentation
15
+ ## `<w-link>` API
16
+
17
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
16
18
 
17
19
  ### Properties
18
20
 
@@ -20,10 +22,10 @@ Buttons are used to perform actions, with different visuals for different needs.
20
22
  |-|-|-|-|
21
23
  | autofocus | `boolean` | `false` | - |
22
24
  | disabled | `boolean` | `false` | - |
23
- | fullWidth | `boolean` | `false` | - |
25
+ | full-width | `boolean` | `false` | - |
24
26
  | href | `string` | `-` | - |
25
27
  | rel | `string` | `-` | - |
26
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
28
+ | shadowRootOptions (JS only) | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
27
29
  | small | `boolean` | `false` | - |
28
30
  | target | `string` | `-` | - |
29
31
  | variant | [`ButtonVariant`](#buttonvariant) | `-` | - |
@@ -44,7 +46,7 @@ Buttons are used to perform actions, with different visuals for different needs.
44
46
  - Type: `boolean`
45
47
  - Default: `false`
46
48
 
47
- #### fullWidth
49
+ #### full-width
48
50
 
49
51
 
50
52
 
@@ -65,7 +67,7 @@ Buttons are used to perform actions, with different visuals for different needs.
65
67
  - Type: `string`
66
68
  - Default: `-`
67
69
 
68
- #### shadowRootOptions
70
+ #### shadowRootOptions (JS only)
69
71
 
70
72
 
71
73
 
@@ -97,5 +99,5 @@ Buttons are used to perform actions, with different visuals for different needs.
97
99
 
98
100
  #### ButtonVariant
99
101
 
100
- `'negative' \| 'primary' \| 'secondary' \| 'negativeQuiet' \| 'utility' \| 'quiet' \| 'utilityQuiet' \| 'overlay' \| 'overlayInverted' \| 'overlayQuiet' \| 'overlayInvertedQuiet'`
102
+ `'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'`
101
103
 
@@ -1,28 +1,27 @@
1
- ## API Documentation
1
+ ## `<w-page-indicator>` API
2
+
3
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
2
4
 
3
5
  ### Properties
4
6
 
5
7
  | Name | Type | Default | Summary |
6
8
  |-|-|-|-|
7
- | pageCount | `number` | `-` | Total number of pages (minimum 1) |
8
- | selectedPage | `number` | `-` | Currently selected page (1-based index, clamped to valid range) |
9
+ | page-count | `number` | `-` | Total number of pages (minimum 1) |
10
+ | selected-page | `number` | `-` | Currently selected page (1-based index, clamped to valid range) |
9
11
 
10
12
  ### Property Details
11
13
 
12
- #### pageCount
14
+ #### page-count
13
15
 
14
16
  Total number of pages (minimum 1)
15
17
 
16
18
  - Type: `number`
17
19
  - Default: `-`
18
20
 
19
- #### selectedPage
21
+ #### selected-page
20
22
 
21
23
  Currently selected page (1-based index, clamped to valid range)
22
24
 
23
25
  - Type: `number`
24
26
  - Default: `-`
25
27
 
26
- ### Types
27
-
28
- No types documented.
@@ -11,31 +11,30 @@ One dot is highlighted to indicate the currently selected page.
11
11
 
12
12
  ## Examples
13
13
 
14
- ## API Documentation
14
+ ## `<w-page-indicator>` API
15
+
16
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
15
17
 
16
18
  ### Properties
17
19
 
18
20
  | Name | Type | Default | Summary |
19
21
  |-|-|-|-|
20
- | pageCount | `number` | `-` | Total number of pages (minimum 1) |
21
- | selectedPage | `number` | `-` | Currently selected page (1-based index, clamped to valid range) |
22
+ | page-count | `number` | `-` | Total number of pages (minimum 1) |
23
+ | selected-page | `number` | `-` | Currently selected page (1-based index, clamped to valid range) |
22
24
 
23
25
  ### Property Details
24
26
 
25
- #### pageCount
27
+ #### page-count
26
28
 
27
29
  Total number of pages (minimum 1)
28
30
 
29
31
  - Type: `number`
30
32
  - Default: `-`
31
33
 
32
- #### selectedPage
34
+ #### selected-page
33
35
 
34
36
  Currently selected page (1-based index, clamped to valid range)
35
37
 
36
38
  - Type: `number`
37
39
  - Default: `-`
38
40
 
39
- ### Types
40
-
41
- No types documented.