@warp-ds/elements 2.9.0-next.2 → 2.9.0-next.4
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 +101 -173
- package/dist/docs/affix/accessibility.md +1 -0
- package/dist/docs/affix/affix.md +58 -0
- package/dist/docs/affix/api.md +44 -0
- package/dist/docs/affix/examples.md +1 -0
- package/dist/docs/affix/usage.md +1 -0
- package/dist/docs/alert/accessibility.md +30 -0
- package/dist/docs/alert/alert.md +208 -0
- package/dist/docs/alert/api.md +39 -0
- package/dist/docs/alert/examples.md +84 -0
- package/dist/docs/alert/usage.md +42 -0
- package/dist/docs/attention/accessibility.md +1 -0
- package/dist/docs/attention/api.md +132 -0
- package/dist/docs/attention/attention.md +144 -0
- package/dist/docs/attention/examples.md +1 -0
- package/dist/docs/attention/usage.md +1 -0
- package/dist/docs/badge/accessibility.md +1 -0
- package/dist/docs/badge/api.md +28 -0
- package/dist/docs/badge/badge.md +42 -0
- package/dist/docs/badge/examples.md +1 -0
- package/dist/docs/badge/usage.md +1 -0
- package/dist/docs/box/accessibility.md +1 -0
- package/dist/docs/box/api.md +52 -0
- package/dist/docs/box/box.md +66 -0
- package/dist/docs/box/examples.md +1 -0
- package/dist/docs/box/usage.md +1 -0
- package/dist/docs/breadcrumbs/accessibility.md +1 -0
- package/dist/docs/breadcrumbs/api.md +20 -0
- package/dist/docs/breadcrumbs/breadcrumbs.md +34 -0
- package/dist/docs/breadcrumbs/examples.md +1 -0
- package/dist/docs/breadcrumbs/usage.md +1 -0
- package/dist/docs/button/accessibility.md +1 -0
- package/dist/docs/button/api.md +155 -0
- package/dist/docs/button/button.md +169 -0
- package/dist/docs/button/examples.md +1 -0
- package/dist/docs/button/usage.md +1 -0
- package/dist/docs/card/accessibility.md +1 -0
- package/dist/docs/card/api.md +44 -0
- package/dist/docs/card/card.md +58 -0
- package/dist/docs/card/examples.md +1 -0
- package/dist/docs/card/usage.md +1 -0
- package/dist/docs/combobox/accessibility.md +1 -0
- package/dist/docs/combobox/api.md +132 -0
- package/dist/docs/combobox/combobox.md +146 -0
- package/dist/docs/combobox/examples.md +1 -0
- package/dist/docs/combobox/usage.md +1 -0
- package/dist/docs/datepicker/accessibility.md +1 -0
- package/dist/docs/datepicker/api.md +184 -0
- package/dist/docs/datepicker/datepicker.md +200 -0
- package/dist/docs/datepicker/examples.md +1 -0
- package/dist/docs/datepicker/usage.md +1 -0
- package/dist/docs/expandable/accessibility.md +1 -0
- package/dist/docs/expandable/api.md +100 -0
- package/dist/docs/expandable/examples.md +1 -0
- package/dist/docs/expandable/expandable.md +114 -0
- package/dist/docs/expandable/usage.md +1 -0
- package/dist/docs/link/accessibility.md +1 -0
- package/dist/docs/link/api.md +87 -0
- package/dist/docs/link/examples.md +1 -0
- package/dist/docs/link/link.md +101 -0
- package/dist/docs/link/usage.md +1 -0
- package/dist/docs/page-indicator/accessibility.md +1 -0
- package/dist/docs/page-indicator/api.md +28 -0
- package/dist/docs/page-indicator/examples.md +1 -0
- package/dist/docs/page-indicator/page-indicator.md +41 -0
- package/dist/docs/page-indicator/usage.md +1 -0
- package/dist/docs/pagination/accessibility.md +1 -0
- package/dist/docs/pagination/api.md +44 -0
- package/dist/docs/pagination/examples.md +1 -0
- package/dist/docs/pagination/pagination.md +58 -0
- package/dist/docs/pagination/usage.md +1 -0
- package/dist/docs/pill/accessibility.md +1 -0
- package/dist/docs/pill/api.md +76 -0
- package/dist/docs/pill/examples.md +1 -0
- package/dist/docs/pill/pill.md +90 -0
- package/dist/docs/pill/usage.md +1 -0
- package/dist/docs/select/accessibility.md +1 -0
- package/dist/docs/select/api.md +124 -0
- package/dist/docs/select/examples.md +1 -0
- package/dist/docs/select/select.md +138 -0
- package/dist/docs/select/usage.md +1 -0
- package/dist/docs/slider/accessibility.md +1 -0
- package/dist/docs/slider/api.md +220 -0
- package/dist/docs/slider/examples.md +1 -0
- package/dist/docs/slider/slider.md +234 -0
- package/dist/docs/slider/usage.md +1 -0
- package/dist/docs/slider-thumb/accessibility.md +1 -0
- package/dist/docs/slider-thumb/api.md +164 -0
- package/dist/docs/slider-thumb/examples.md +1 -0
- package/dist/docs/slider-thumb/slider-thumb.md +178 -0
- package/dist/docs/slider-thumb/usage.md +1 -0
- package/dist/docs/step/accessibility.md +1 -0
- package/dist/docs/step/api.md +28 -0
- package/dist/docs/step/examples.md +1 -0
- package/dist/docs/step/step.md +40 -0
- package/dist/docs/step/usage.md +1 -0
- package/dist/docs/step-indicator/accessibility.md +1 -0
- package/dist/docs/step-indicator/api.md +28 -0
- package/dist/docs/step-indicator/examples.md +1 -0
- package/dist/docs/step-indicator/step-indicator.md +42 -0
- package/dist/docs/step-indicator/usage.md +1 -0
- package/dist/docs/switch/accessibility.md +1 -0
- package/dist/docs/switch/api.md +52 -0
- package/dist/docs/switch/examples.md +1 -0
- package/dist/docs/switch/switch.md +64 -0
- package/dist/docs/switch/usage.md +1 -0
- package/dist/docs/tab/accessibility.md +1 -0
- package/dist/docs/tab/api.md +92 -0
- package/dist/docs/tab/examples.md +1 -0
- package/dist/docs/tab/tab.md +106 -0
- package/dist/docs/tab/usage.md +1 -0
- package/dist/docs/tab-panel/accessibility.md +1 -0
- package/dist/docs/tab-panel/api.md +37 -0
- package/dist/docs/tab-panel/examples.md +1 -0
- package/dist/docs/tab-panel/tab-panel.md +52 -0
- package/dist/docs/tab-panel/usage.md +1 -0
- package/dist/docs/tabs/accessibility.md +1 -0
- package/dist/docs/tabs/api.md +36 -0
- package/dist/docs/tabs/examples.md +1 -0
- package/dist/docs/tabs/tabs.md +50 -0
- package/dist/docs/tabs/usage.md +1 -0
- package/dist/docs/textarea/accessibility.md +1 -0
- package/dist/docs/textarea/api.md +156 -0
- package/dist/docs/textarea/examples.md +1 -0
- package/dist/docs/textarea/textarea.md +170 -0
- package/dist/docs/textarea/usage.md +1 -0
- package/dist/docs/textfield/accessibility.md +1 -0
- package/dist/docs/textfield/api.md +204 -0
- package/dist/docs/textfield/examples.md +1 -0
- package/dist/docs/textfield/textfield.md +218 -0
- package/dist/docs/textfield/usage.md +1 -0
- package/dist/docs/toast/accessibility.md +9 -0
- package/dist/docs/toast/api.md +71 -0
- package/dist/docs/toast/examples.md +29 -0
- package/dist/docs/toast/toast.md +150 -0
- package/dist/docs/toast/usage.md +31 -0
- package/dist/index.d.ts +104 -97
- package/dist/packages/affix/affix.d.ts +16 -2
- package/dist/packages/affix/affix.js +5 -5
- package/dist/packages/affix/affix.js.map +2 -2
- package/dist/packages/alert/alert.d.ts +15 -0
- package/dist/packages/alert/alert.js +6 -6
- package/dist/packages/alert/alert.js.map +2 -2
- package/dist/packages/attention/attention.d.ts +52 -0
- package/dist/packages/attention/attention.js +5 -5
- package/dist/packages/attention/attention.js.map +2 -2
- package/dist/packages/badge/badge.d.ts +8 -0
- package/dist/packages/badge/badge.js.map +2 -2
- package/dist/packages/box/box.d.ts +20 -0
- package/dist/packages/box/box.js.map +2 -2
- package/dist/packages/button/button.d.ts +60 -2
- package/dist/packages/button/button.js.map +2 -2
- package/dist/packages/card/card.d.ts +12 -0
- package/dist/packages/card/card.js.map +2 -2
- package/dist/packages/combobox/combobox.d.ts +60 -15
- package/dist/packages/combobox/combobox.js.map +2 -2
- package/dist/packages/datepicker/datepicker.d.ts +32 -5
- package/dist/packages/datepicker/datepicker.js +1 -1
- package/dist/packages/datepicker/datepicker.js.map +2 -2
- package/dist/packages/expandable/expandable.d.ts +44 -0
- package/dist/packages/expandable/expandable.js +7 -7
- package/dist/packages/expandable/expandable.js.map +2 -2
- package/dist/packages/icon/icon.js +2 -2
- package/dist/packages/icon/icon.js.map +2 -2
- package/dist/packages/icon/icon.test.js +14 -0
- package/dist/packages/link/link.d.ts +32 -0
- package/dist/packages/link/link.js.map +2 -2
- package/dist/packages/modal-header/modal-header.js +6 -6
- package/dist/packages/modal-header/modal-header.js.map +2 -2
- package/dist/packages/page-indicator/page-indicator.d.ts +8 -2
- package/dist/packages/page-indicator/page-indicator.js.map +2 -2
- package/dist/packages/pagination/pagination.d.ts +16 -0
- package/dist/packages/pagination/pagination.js +3 -3
- package/dist/packages/pagination/pagination.js.map +2 -2
- package/dist/packages/pill/pill.d.ts +24 -2
- package/dist/packages/pill/pill.js +3 -3
- package/dist/packages/pill/pill.js.map +2 -2
- package/dist/packages/select/select.d.ts +56 -12
- package/dist/packages/select/select.js +4 -4
- package/dist/packages/select/select.js.map +2 -2
- package/dist/packages/slider/slider.d.ts +65 -8
- package/dist/packages/slider/slider.js +7 -7
- package/dist/packages/slider/slider.js.map +3 -3
- package/dist/packages/slider/slider.test.js +68 -0
- package/dist/packages/slider-thumb/slider-thumb.d.ts +44 -6
- package/dist/packages/slider-thumb/slider-thumb.js +24 -23
- package/dist/packages/slider-thumb/slider-thumb.js.map +3 -3
- package/dist/packages/step/step.d.ts +8 -0
- package/dist/packages/step/step.js +4 -4
- package/dist/packages/step/step.js.map +2 -2
- package/dist/packages/step-indicator/step-indicator.d.ts +8 -0
- package/dist/packages/step-indicator/step-indicator.js.map +2 -2
- package/dist/packages/switch/switch.d.ts +16 -0
- package/dist/packages/switch/switch.js.map +2 -2
- package/dist/packages/tab/tab.d.ts +28 -3
- package/dist/packages/tab/tab.js.map +2 -2
- package/dist/packages/tab-panel/tab-panel.d.ts +8 -2
- package/dist/packages/tab-panel/tab-panel.js.map +2 -2
- package/dist/packages/tabs/tabs.d.ts +4 -0
- package/dist/packages/tabs/tabs.js.map +2 -2
- package/dist/packages/textarea/textarea.d.ts +52 -1
- package/dist/packages/textarea/textarea.js.map +2 -2
- package/dist/packages/textfield/textfield.d.ts +92 -4
- package/dist/packages/textfield/textfield.js.map +2 -2
- package/dist/packages/toast/toast.js +4 -4
- package/dist/packages/toast/toast.js.map +2 -2
- package/dist/packages/toast-container/toast-container.d.ts +14 -0
- package/dist/packages/toast-container/toast-container.js.map +2 -2
- package/dist/web-types.json +77 -225
- package/package.json +8 -3
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
## API Documentation
|
|
2
|
+
|
|
3
|
+
### Properties
|
|
4
|
+
|
|
5
|
+
| Name | Type | Default | Summary |
|
|
6
|
+
|-|-|-|-|
|
|
7
|
+
| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
|
|
8
|
+
| label | `string` | `-` | - |
|
|
9
|
+
| lang | `string` | `-` | - |
|
|
10
|
+
| name | `string` | `-` | - |
|
|
11
|
+
| value | `string` | `-` | - |
|
|
12
|
+
| headerFormat | `string` | `'MMMM yyyy'` | - |
|
|
13
|
+
| weekdayFormat | `string` | `'EEEEEE'` | - |
|
|
14
|
+
| isDayDisabled | `(day: Date) => boolean` | `-` | - |
|
|
15
|
+
| dayFormat | `string` | `'PPPP'` | - |
|
|
16
|
+
| isCalendarOpen | `boolean` | `false` | - |
|
|
17
|
+
| navigationDate | `Date` | `-` | - |
|
|
18
|
+
| selectedDate | `Date | null` | `-` | - |
|
|
19
|
+
| month | `unknown` | `-` | - |
|
|
20
|
+
| weeks | `unknown` | `-` | - |
|
|
21
|
+
| calendar | `HTMLDivElement` | `-` | - |
|
|
22
|
+
| input | `HTMLInputElement` | `-` | - |
|
|
23
|
+
| toggleButton | `HTMLButtonElement` | `-` | - |
|
|
24
|
+
| wrapper | `HTMLDivElement` | `-` | - |
|
|
25
|
+
| previousMonthButton | `HTMLButtonElement` | `-` | - |
|
|
26
|
+
| todayCell | `HTMLTableCellElement` | `-` | - |
|
|
27
|
+
| selectedCell | `HTMLTableCellElement` | `-` | - |
|
|
28
|
+
|
|
29
|
+
### Property Details
|
|
30
|
+
|
|
31
|
+
#### shadowRootOptions
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
- Type: `object`
|
|
36
|
+
- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
|
|
37
|
+
|
|
38
|
+
#### label
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
- Type: `string`
|
|
43
|
+
- Default: `-`
|
|
44
|
+
|
|
45
|
+
#### lang
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
- Type: `string`
|
|
50
|
+
- Default: `-`
|
|
51
|
+
|
|
52
|
+
#### name
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
- Type: `string`
|
|
57
|
+
- Default: `-`
|
|
58
|
+
|
|
59
|
+
#### value
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
- Type: `string`
|
|
64
|
+
- Default: `-`
|
|
65
|
+
|
|
66
|
+
#### headerFormat
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
- Type: `string`
|
|
71
|
+
- Default: `'MMMM yyyy'`
|
|
72
|
+
|
|
73
|
+
#### weekdayFormat
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
- Type: `string`
|
|
78
|
+
- Default: `'EEEEEE'`
|
|
79
|
+
|
|
80
|
+
#### isDayDisabled
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
- Type: `(day: Date) => boolean`
|
|
85
|
+
- Default: `-`
|
|
86
|
+
|
|
87
|
+
#### dayFormat
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
- Type: `string`
|
|
92
|
+
- Default: `'PPPP'`
|
|
93
|
+
|
|
94
|
+
#### isCalendarOpen
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
- Type: `boolean`
|
|
99
|
+
- Default: `false`
|
|
100
|
+
|
|
101
|
+
#### navigationDate
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
- Type: `Date`
|
|
106
|
+
- Default: `-`
|
|
107
|
+
|
|
108
|
+
#### selectedDate
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
- Type: `Date | null`
|
|
113
|
+
- Default: `-`
|
|
114
|
+
|
|
115
|
+
#### month
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
- Type: `unknown`
|
|
120
|
+
- Default: `-`
|
|
121
|
+
|
|
122
|
+
#### weeks
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
- Type: `unknown`
|
|
127
|
+
- Default: `-`
|
|
128
|
+
|
|
129
|
+
#### calendar
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
- Type: `HTMLDivElement`
|
|
134
|
+
- Default: `-`
|
|
135
|
+
|
|
136
|
+
#### input
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
- Type: `HTMLInputElement`
|
|
141
|
+
- Default: `-`
|
|
142
|
+
|
|
143
|
+
#### toggleButton
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
- Type: `HTMLButtonElement`
|
|
148
|
+
- Default: `-`
|
|
149
|
+
|
|
150
|
+
#### wrapper
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
- Type: `HTMLDivElement`
|
|
155
|
+
- Default: `-`
|
|
156
|
+
|
|
157
|
+
#### previousMonthButton
|
|
158
|
+
|
|
159
|
+
This is the first focusable element, needed for the modal focus trap.
|
|
160
|
+
|
|
161
|
+
Don't cache this and other `@query` fields from inside the calendar modal.
|
|
162
|
+
They work the first time, but once the calendar is closed and reopened
|
|
163
|
+
the query will point to an element that doesn't exist anymore.
|
|
164
|
+
|
|
165
|
+
- Type: `HTMLButtonElement`
|
|
166
|
+
- Default: `-`
|
|
167
|
+
|
|
168
|
+
#### todayCell
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
|
|
172
|
+
- Type: `HTMLTableCellElement`
|
|
173
|
+
- Default: `-`
|
|
174
|
+
|
|
175
|
+
#### selectedCell
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
- Type: `HTMLTableCellElement`
|
|
180
|
+
- Default: `-`
|
|
181
|
+
|
|
182
|
+
### Types
|
|
183
|
+
|
|
184
|
+
No types documented.
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
# Datepicker (w-datepicker)
|
|
2
|
+
|
|
3
|
+
## Description
|
|
4
|
+
|
|
5
|
+
An input for dates.
|
|
6
|
+
|
|
7
|
+
Uses the `lang` attribute on either the element or on `<html>` to determine the locale options.
|
|
8
|
+
|
|
9
|
+
[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-datepicker--docs)
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
## Accessibility
|
|
14
|
+
|
|
15
|
+
## Examples
|
|
16
|
+
|
|
17
|
+
## API Documentation
|
|
18
|
+
|
|
19
|
+
### Properties
|
|
20
|
+
|
|
21
|
+
| Name | Type | Default | Summary |
|
|
22
|
+
|-|-|-|-|
|
|
23
|
+
| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
|
|
24
|
+
| label | `string` | `-` | - |
|
|
25
|
+
| lang | `string` | `-` | - |
|
|
26
|
+
| name | `string` | `-` | - |
|
|
27
|
+
| value | `string` | `-` | - |
|
|
28
|
+
| headerFormat | `string` | `'MMMM yyyy'` | - |
|
|
29
|
+
| weekdayFormat | `string` | `'EEEEEE'` | - |
|
|
30
|
+
| isDayDisabled | `(day: Date) => boolean` | `-` | - |
|
|
31
|
+
| dayFormat | `string` | `'PPPP'` | - |
|
|
32
|
+
| isCalendarOpen | `boolean` | `false` | - |
|
|
33
|
+
| navigationDate | `Date` | `-` | - |
|
|
34
|
+
| selectedDate | `Date | null` | `-` | - |
|
|
35
|
+
| month | `unknown` | `-` | - |
|
|
36
|
+
| weeks | `unknown` | `-` | - |
|
|
37
|
+
| calendar | `HTMLDivElement` | `-` | - |
|
|
38
|
+
| input | `HTMLInputElement` | `-` | - |
|
|
39
|
+
| toggleButton | `HTMLButtonElement` | `-` | - |
|
|
40
|
+
| wrapper | `HTMLDivElement` | `-` | - |
|
|
41
|
+
| previousMonthButton | `HTMLButtonElement` | `-` | - |
|
|
42
|
+
| todayCell | `HTMLTableCellElement` | `-` | - |
|
|
43
|
+
| selectedCell | `HTMLTableCellElement` | `-` | - |
|
|
44
|
+
|
|
45
|
+
### Property Details
|
|
46
|
+
|
|
47
|
+
#### shadowRootOptions
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
- Type: `object`
|
|
52
|
+
- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
|
|
53
|
+
|
|
54
|
+
#### label
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
- Type: `string`
|
|
59
|
+
- Default: `-`
|
|
60
|
+
|
|
61
|
+
#### lang
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
- Type: `string`
|
|
66
|
+
- Default: `-`
|
|
67
|
+
|
|
68
|
+
#### name
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
- Type: `string`
|
|
73
|
+
- Default: `-`
|
|
74
|
+
|
|
75
|
+
#### value
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
- Type: `string`
|
|
80
|
+
- Default: `-`
|
|
81
|
+
|
|
82
|
+
#### headerFormat
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
- Type: `string`
|
|
87
|
+
- Default: `'MMMM yyyy'`
|
|
88
|
+
|
|
89
|
+
#### weekdayFormat
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
- Type: `string`
|
|
94
|
+
- Default: `'EEEEEE'`
|
|
95
|
+
|
|
96
|
+
#### isDayDisabled
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
- Type: `(day: Date) => boolean`
|
|
101
|
+
- Default: `-`
|
|
102
|
+
|
|
103
|
+
#### dayFormat
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
- Type: `string`
|
|
108
|
+
- Default: `'PPPP'`
|
|
109
|
+
|
|
110
|
+
#### isCalendarOpen
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
- Type: `boolean`
|
|
115
|
+
- Default: `false`
|
|
116
|
+
|
|
117
|
+
#### navigationDate
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
- Type: `Date`
|
|
122
|
+
- Default: `-`
|
|
123
|
+
|
|
124
|
+
#### selectedDate
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
- Type: `Date | null`
|
|
129
|
+
- Default: `-`
|
|
130
|
+
|
|
131
|
+
#### month
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
- Type: `unknown`
|
|
136
|
+
- Default: `-`
|
|
137
|
+
|
|
138
|
+
#### weeks
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
- Type: `unknown`
|
|
143
|
+
- Default: `-`
|
|
144
|
+
|
|
145
|
+
#### calendar
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
- Type: `HTMLDivElement`
|
|
150
|
+
- Default: `-`
|
|
151
|
+
|
|
152
|
+
#### input
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
- Type: `HTMLInputElement`
|
|
157
|
+
- Default: `-`
|
|
158
|
+
|
|
159
|
+
#### toggleButton
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
- Type: `HTMLButtonElement`
|
|
164
|
+
- Default: `-`
|
|
165
|
+
|
|
166
|
+
#### wrapper
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
- Type: `HTMLDivElement`
|
|
171
|
+
- Default: `-`
|
|
172
|
+
|
|
173
|
+
#### previousMonthButton
|
|
174
|
+
|
|
175
|
+
This is the first focusable element, needed for the modal focus trap.
|
|
176
|
+
|
|
177
|
+
Don't cache this and other `@query` fields from inside the calendar modal.
|
|
178
|
+
They work the first time, but once the calendar is closed and reopened
|
|
179
|
+
the query will point to an element that doesn't exist anymore.
|
|
180
|
+
|
|
181
|
+
- Type: `HTMLButtonElement`
|
|
182
|
+
- Default: `-`
|
|
183
|
+
|
|
184
|
+
#### todayCell
|
|
185
|
+
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
- Type: `HTMLTableCellElement`
|
|
189
|
+
- Default: `-`
|
|
190
|
+
|
|
191
|
+
#### selectedCell
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
- Type: `HTMLTableCellElement`
|
|
196
|
+
- Default: `-`
|
|
197
|
+
|
|
198
|
+
### Types
|
|
199
|
+
|
|
200
|
+
No types documented.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
## Examples
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
## Usage
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
## Accessibility
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
## API Documentation
|
|
2
|
+
|
|
3
|
+
### Properties
|
|
4
|
+
|
|
5
|
+
| Name | Type | Default | Summary |
|
|
6
|
+
|-|-|-|-|
|
|
7
|
+
| expanded | `boolean` | `false` | - |
|
|
8
|
+
| title | `string` | `-` | - |
|
|
9
|
+
| box | `boolean` | `false` | - |
|
|
10
|
+
| bleed | `boolean` | `false` | - |
|
|
11
|
+
| buttonClass | `string` | `-` | - |
|
|
12
|
+
| contentClass | `string` | `-` | - |
|
|
13
|
+
| noChevron | `boolean` | `false` | - |
|
|
14
|
+
| animated | `boolean` | `false` | - |
|
|
15
|
+
| headingLevel | `number` | `-` | - |
|
|
16
|
+
| _hasTitle | `boolean` | `true` | - |
|
|
17
|
+
| _showChevronUp | `boolean` | `false` | - |
|
|
18
|
+
|
|
19
|
+
### Property Details
|
|
20
|
+
|
|
21
|
+
#### expanded
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
- Type: `boolean`
|
|
26
|
+
- Default: `false`
|
|
27
|
+
|
|
28
|
+
#### title
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
- Type: `string`
|
|
33
|
+
- Default: `-`
|
|
34
|
+
|
|
35
|
+
#### box
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
- Type: `boolean`
|
|
40
|
+
- Default: `false`
|
|
41
|
+
|
|
42
|
+
#### bleed
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
- Type: `boolean`
|
|
47
|
+
- Default: `false`
|
|
48
|
+
|
|
49
|
+
#### buttonClass
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
- Type: `string`
|
|
54
|
+
- Default: `-`
|
|
55
|
+
|
|
56
|
+
#### contentClass
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
- Type: `string`
|
|
61
|
+
- Default: `-`
|
|
62
|
+
|
|
63
|
+
#### noChevron
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
- Type: `boolean`
|
|
68
|
+
- Default: `false`
|
|
69
|
+
|
|
70
|
+
#### animated
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
- Type: `boolean`
|
|
75
|
+
- Default: `false`
|
|
76
|
+
|
|
77
|
+
#### headingLevel
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
- Type: `number`
|
|
82
|
+
- Default: `-`
|
|
83
|
+
|
|
84
|
+
#### _hasTitle
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
- Type: `boolean`
|
|
89
|
+
- Default: `true`
|
|
90
|
+
|
|
91
|
+
#### _showChevronUp
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
- Type: `boolean`
|
|
96
|
+
- Default: `false`
|
|
97
|
+
|
|
98
|
+
### Types
|
|
99
|
+
|
|
100
|
+
No types documented.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
## Examples
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
# Expandable (w-expandable)
|
|
2
|
+
|
|
3
|
+
## Description
|
|
4
|
+
|
|
5
|
+
Expandable is a layout component used for creating expandable content areas on a page.
|
|
6
|
+
|
|
7
|
+
[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-expandable--docs)
|
|
8
|
+
|
|
9
|
+
## Usage
|
|
10
|
+
|
|
11
|
+
## Accessibility
|
|
12
|
+
|
|
13
|
+
## Examples
|
|
14
|
+
|
|
15
|
+
## API Documentation
|
|
16
|
+
|
|
17
|
+
### Properties
|
|
18
|
+
|
|
19
|
+
| Name | Type | Default | Summary |
|
|
20
|
+
|-|-|-|-|
|
|
21
|
+
| expanded | `boolean` | `false` | - |
|
|
22
|
+
| title | `string` | `-` | - |
|
|
23
|
+
| box | `boolean` | `false` | - |
|
|
24
|
+
| bleed | `boolean` | `false` | - |
|
|
25
|
+
| buttonClass | `string` | `-` | - |
|
|
26
|
+
| contentClass | `string` | `-` | - |
|
|
27
|
+
| noChevron | `boolean` | `false` | - |
|
|
28
|
+
| animated | `boolean` | `false` | - |
|
|
29
|
+
| headingLevel | `number` | `-` | - |
|
|
30
|
+
| _hasTitle | `boolean` | `true` | - |
|
|
31
|
+
| _showChevronUp | `boolean` | `false` | - |
|
|
32
|
+
|
|
33
|
+
### Property Details
|
|
34
|
+
|
|
35
|
+
#### expanded
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
- Type: `boolean`
|
|
40
|
+
- Default: `false`
|
|
41
|
+
|
|
42
|
+
#### title
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
- Type: `string`
|
|
47
|
+
- Default: `-`
|
|
48
|
+
|
|
49
|
+
#### box
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
- Type: `boolean`
|
|
54
|
+
- Default: `false`
|
|
55
|
+
|
|
56
|
+
#### bleed
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
- Type: `boolean`
|
|
61
|
+
- Default: `false`
|
|
62
|
+
|
|
63
|
+
#### buttonClass
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
- Type: `string`
|
|
68
|
+
- Default: `-`
|
|
69
|
+
|
|
70
|
+
#### contentClass
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
- Type: `string`
|
|
75
|
+
- Default: `-`
|
|
76
|
+
|
|
77
|
+
#### noChevron
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
- Type: `boolean`
|
|
82
|
+
- Default: `false`
|
|
83
|
+
|
|
84
|
+
#### animated
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
- Type: `boolean`
|
|
89
|
+
- Default: `false`
|
|
90
|
+
|
|
91
|
+
#### headingLevel
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
- Type: `number`
|
|
96
|
+
- Default: `-`
|
|
97
|
+
|
|
98
|
+
#### _hasTitle
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
- Type: `boolean`
|
|
103
|
+
- Default: `true`
|
|
104
|
+
|
|
105
|
+
#### _showChevronUp
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
- Type: `boolean`
|
|
110
|
+
- Default: `false`
|
|
111
|
+
|
|
112
|
+
### Types
|
|
113
|
+
|
|
114
|
+
No types documented.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
## Usage
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
## Accessibility
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
## API Documentation
|
|
2
|
+
|
|
3
|
+
### Properties
|
|
4
|
+
|
|
5
|
+
| Name | Type | Default | Summary |
|
|
6
|
+
|-|-|-|-|
|
|
7
|
+
| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
|
|
8
|
+
| autofocus | `boolean` | `false` | - |
|
|
9
|
+
| variant | [`ButtonVariant`](#buttonvariant) | `-` | - |
|
|
10
|
+
| small | `boolean` | `false` | - |
|
|
11
|
+
| href | `string` | `-` | - |
|
|
12
|
+
| disabled | `boolean` | `false` | - |
|
|
13
|
+
| target | `string` | `-` | - |
|
|
14
|
+
| rel | `string` | `-` | - |
|
|
15
|
+
| fullWidth | `boolean` | `false` | - |
|
|
16
|
+
|
|
17
|
+
### Property Details
|
|
18
|
+
|
|
19
|
+
#### shadowRootOptions
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
- Type: `object`
|
|
24
|
+
- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
|
|
25
|
+
|
|
26
|
+
#### autofocus
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
- Type: `boolean`
|
|
31
|
+
- Default: `false`
|
|
32
|
+
|
|
33
|
+
#### variant
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
- Type: [`ButtonVariant`](#buttonvariant)
|
|
38
|
+
- Default: `-`
|
|
39
|
+
|
|
40
|
+
#### small
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
- Type: `boolean`
|
|
45
|
+
- Default: `false`
|
|
46
|
+
|
|
47
|
+
#### href
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
- Type: `string`
|
|
52
|
+
- Default: `-`
|
|
53
|
+
|
|
54
|
+
#### disabled
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
- Type: `boolean`
|
|
59
|
+
- Default: `false`
|
|
60
|
+
|
|
61
|
+
#### target
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
- Type: `string`
|
|
66
|
+
- Default: `-`
|
|
67
|
+
|
|
68
|
+
#### rel
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
- Type: `string`
|
|
73
|
+
- Default: `-`
|
|
74
|
+
|
|
75
|
+
#### fullWidth
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
- Type: `boolean`
|
|
80
|
+
- Default: `false`
|
|
81
|
+
|
|
82
|
+
### Types
|
|
83
|
+
|
|
84
|
+
#### ButtonVariant
|
|
85
|
+
|
|
86
|
+
`'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'`
|
|
87
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
## Examples
|