@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.
- package/dist/custom-elements.json +83 -239
- package/dist/docs/affix/affix.md +9 -10
- package/dist/docs/affix/api.md +9 -10
- package/dist/docs/alert/alert.md +4 -2
- package/dist/docs/alert/api.md +4 -2
- package/dist/docs/attention/api.md +16 -14
- package/dist/docs/attention/attention.md +16 -14
- package/dist/docs/badge/api.md +5 -6
- package/dist/docs/badge/badge.md +5 -6
- package/dist/docs/box/api.md +3 -4
- package/dist/docs/box/box.md +3 -4
- package/dist/docs/breadcrumbs/accessibility.md +46 -0
- package/dist/docs/breadcrumbs/api.md +8 -8
- package/dist/docs/breadcrumbs/breadcrumbs.md +127 -9
- package/dist/docs/breadcrumbs/examples.md +35 -0
- package/dist/docs/breadcrumbs/usage.md +36 -0
- package/dist/docs/button/api.md +15 -13
- package/dist/docs/button/button.md +15 -13
- package/dist/docs/card/api.md +5 -6
- package/dist/docs/card/card.md +5 -6
- package/dist/docs/combobox/api.md +18 -19
- package/dist/docs/combobox/combobox.md +18 -19
- package/dist/docs/datepicker/api.md +38 -39
- package/dist/docs/datepicker/datepicker.md +38 -39
- package/dist/docs/expandable/api.md +11 -12
- package/dist/docs/expandable/expandable.md +11 -12
- package/dist/docs/link/api.md +8 -6
- package/dist/docs/link/link.md +8 -6
- package/dist/docs/page-indicator/api.md +7 -8
- package/dist/docs/page-indicator/page-indicator.md +7 -8
- package/dist/docs/pagination/api.md +17 -9
- package/dist/docs/pagination/pagination.md +17 -9
- package/dist/docs/pill/api.md +30 -17
- package/dist/docs/pill/pill.md +30 -17
- package/dist/docs/select/api.md +17 -9
- package/dist/docs/select/select.md +17 -9
- package/dist/docs/slider/api.md +37 -116
- package/dist/docs/slider/examples.md +331 -0
- package/dist/docs/slider/slider.md +378 -118
- package/dist/docs/slider/usage.md +10 -0
- package/dist/docs/slider-thumb/api.md +26 -55
- package/dist/docs/slider-thumb/slider-thumb.md +26 -57
- package/dist/docs/step/api.md +3 -4
- package/dist/docs/step/step.md +3 -4
- package/dist/docs/step-indicator/api.md +3 -4
- package/dist/docs/step-indicator/step-indicator.md +3 -4
- package/dist/docs/switch/api.md +13 -5
- package/dist/docs/switch/switch.md +13 -5
- package/dist/docs/tab/api.md +9 -62
- package/dist/docs/tab/tab.md +9 -70
- package/dist/docs/tab-panel/api.md +7 -11
- package/dist/docs/tab-panel/tab-panel.md +7 -19
- package/dist/docs/tabs/accessibility.md +11 -0
- package/dist/docs/tabs/api.md +10 -18
- package/dist/docs/tabs/examples.md +68 -0
- package/dist/docs/tabs/tabs.md +97 -20
- package/dist/docs/tabs/usage.md +8 -0
- package/dist/docs/textarea/api.md +15 -16
- package/dist/docs/textarea/textarea.md +15 -16
- package/dist/docs/textfield/api.md +14 -15
- package/dist/docs/textfield/textfield.md +14 -15
- package/dist/index.d.ts +124 -224
- package/dist/packages/breadcrumbs/breadcrumbs.d.ts +7 -1
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +2 -2
- package/dist/packages/button/button.react.stories.d.ts +8 -2
- package/dist/packages/button/button.react.test.d.ts +1 -0
- package/dist/packages/button/button.react.test.js +16 -0
- package/dist/packages/button/react.d.ts +5 -1
- package/dist/packages/button/react.js +8 -1
- package/dist/packages/pagination/pagination.test.js +38 -0
- package/dist/packages/select/select.react.stories.d.ts +1 -1
- package/dist/packages/slider/slider.d.ts +34 -45
- package/dist/packages/slider/slider.js +1 -1
- package/dist/packages/slider/slider.js.map +2 -2
- package/dist/packages/slider-thumb/slider-thumb.d.ts +36 -31
- package/dist/packages/slider-thumb/slider-thumb.js +1 -1
- package/dist/packages/slider-thumb/slider-thumb.js.map +2 -2
- package/dist/packages/tab/tab.d.ts +29 -24
- package/dist/packages/tab/tab.js +3 -3
- package/dist/packages/tab/tab.js.map +2 -2
- package/dist/packages/tab-panel/tab-panel.d.ts +9 -8
- package/dist/packages/tab-panel/tab-panel.js +3 -3
- package/dist/packages/tab-panel/tab-panel.js.map +2 -2
- package/dist/packages/tabs/index.d.ts +1 -0
- package/dist/packages/tabs/index.js +0 -1
- package/dist/packages/tabs/react.d.ts +4 -3
- package/dist/packages/tabs/tabs.d.ts +9 -3
- package/dist/packages/tabs/tabs.js.map +2 -2
- package/dist/packages/tabs/tabs.react.stories.d.ts +2 -2
- package/dist/web-types.json +201 -93
- package/package.json +2 -1
- package/dist/docs/tab/accessibility.md +0 -1
- package/dist/docs/tab/examples.md +0 -1
- package/dist/docs/tab/usage.md +0 -1
- package/dist/docs/tab-panel/accessibility.md +0 -1
- package/dist/docs/tab-panel/examples.md +0 -1
- package/dist/docs/tab-panel/usage.md +0 -1
|
@@ -1,41 +1,43 @@
|
|
|
1
|
-
## API
|
|
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
|
-
|
|
|
9
|
-
|
|
|
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
|
-
|
|
|
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
|
-
####
|
|
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
|
-
####
|
|
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
|
|
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
|
-
####
|
|
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
|
|
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
|
-
|
|
|
25
|
-
|
|
|
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
|
-
|
|
|
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
|
-
####
|
|
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
|
-
####
|
|
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
|
|
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
|
-
####
|
|
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
|
|
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
|
-
|
|
|
13
|
-
|
|
|
14
|
+
| button-class | `string` | `-` | - |
|
|
15
|
+
| content-class | `string` | `-` | - |
|
|
14
16
|
| expanded | `boolean` | `false` | - |
|
|
15
|
-
|
|
|
16
|
-
|
|
|
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
|
-
####
|
|
58
|
+
#### button-class
|
|
57
59
|
|
|
58
60
|
|
|
59
61
|
|
|
60
62
|
- Type: `string`
|
|
61
63
|
- Default: `-`
|
|
62
64
|
|
|
63
|
-
####
|
|
65
|
+
#### content-class
|
|
64
66
|
|
|
65
67
|
|
|
66
68
|
|
|
@@ -74,14 +76,14 @@
|
|
|
74
76
|
- Type: `boolean`
|
|
75
77
|
- Default: `false`
|
|
76
78
|
|
|
77
|
-
####
|
|
79
|
+
#### heading-level
|
|
78
80
|
|
|
79
81
|
|
|
80
82
|
|
|
81
83
|
- Type: `number`
|
|
82
84
|
- Default: `-`
|
|
83
85
|
|
|
84
|
-
####
|
|
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
|
|
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
|
-
|
|
|
27
|
-
|
|
|
28
|
+
| button-class | `string` | `-` | - |
|
|
29
|
+
| content-class | `string` | `-` | - |
|
|
28
30
|
| expanded | `boolean` | `false` | - |
|
|
29
|
-
|
|
|
30
|
-
|
|
|
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
|
-
####
|
|
72
|
+
#### button-class
|
|
71
73
|
|
|
72
74
|
|
|
73
75
|
|
|
74
76
|
- Type: `string`
|
|
75
77
|
- Default: `-`
|
|
76
78
|
|
|
77
|
-
####
|
|
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
|
-
####
|
|
93
|
+
#### heading-level
|
|
92
94
|
|
|
93
95
|
|
|
94
96
|
|
|
95
97
|
- Type: `number`
|
|
96
98
|
- Default: `-`
|
|
97
99
|
|
|
98
|
-
####
|
|
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.
|
package/dist/docs/link/api.md
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
## API
|
|
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
|
-
|
|
|
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
|
-
####
|
|
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'
|
|
88
|
+
`'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'`
|
|
87
89
|
|
package/dist/docs/link/link.md
CHANGED
|
@@ -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
|
|
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
|
-
|
|
|
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
|
-
####
|
|
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'
|
|
102
|
+
`'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'`
|
|
101
103
|
|
|
@@ -1,28 +1,27 @@
|
|
|
1
|
-
## API
|
|
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
|
-
|
|
|
8
|
-
|
|
|
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
|
-
####
|
|
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
|
-
####
|
|
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
|
|
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
|
-
|
|
|
21
|
-
|
|
|
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
|
-
####
|
|
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
|
-
####
|
|
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.
|