@cloudscape-design/components 3.0.14 → 3.0.17
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/alert/styles.css.js +19 -19
- package/alert/styles.scoped.css +33 -35
- package/alert/styles.selectors.js +19 -19
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -31
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/toggles/styles.css.js +3 -3
- package/app-layout/toggles/styles.scoped.css +12 -12
- package/app-layout/toggles/styles.selectors.js +3 -3
- package/app-layout/visual-refresh/styles.css.js +59 -59
- package/app-layout/visual-refresh/styles.scoped.css +152 -152
- package/app-layout/visual-refresh/styles.selectors.js +59 -59
- package/area-chart/styles.scoped.css +0 -1
- package/attribute-editor/styles.scoped.css +0 -1
- package/autosuggest/internal.d.ts.map +1 -1
- package/autosuggest/internal.js +19 -33
- package/autosuggest/internal.js.map +1 -1
- package/autosuggest/options-list.d.ts +19 -0
- package/autosuggest/options-list.d.ts.map +1 -0
- package/autosuggest/options-list.js +37 -0
- package/autosuggest/options-list.js.map +1 -0
- package/autosuggest/plain-list.d.ts +3 -5
- package/autosuggest/plain-list.d.ts.map +1 -1
- package/autosuggest/plain-list.js +7 -7
- package/autosuggest/plain-list.js.map +1 -1
- package/autosuggest/virtual-list.d.ts +2 -6
- package/autosuggest/virtual-list.d.ts.map +1 -1
- package/autosuggest/virtual-list.js +7 -7
- package/autosuggest/virtual-list.js.map +1 -1
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +6 -7
- package/badge/styles.selectors.js +5 -5
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +16 -16
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/breadcrumb-group/styles.scoped.css +0 -2
- package/button/styles.css.js +18 -18
- package/button/styles.scoped.css +164 -165
- package/button/styles.selectors.js +18 -18
- package/button-dropdown/category-elements/styles.css.js +12 -12
- package/button-dropdown/category-elements/styles.scoped.css +23 -23
- package/button-dropdown/category-elements/styles.selectors.js +12 -12
- package/button-dropdown/item-element/styles.css.js +13 -13
- package/button-dropdown/item-element/styles.scoped.css +18 -18
- package/button-dropdown/item-element/styles.selectors.js +13 -13
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +0 -2
- package/cards/styles.css.js +37 -37
- package/cards/styles.scoped.css +46 -47
- package/cards/styles.selectors.js +37 -37
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +7 -8
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +33 -33
- package/code-editor/styles.scoped.css +134 -135
- package/code-editor/styles.selectors.js +33 -33
- package/column-layout/styles.scoped.css +0 -1
- package/container/styles.css.js +15 -15
- package/container/styles.scoped.css +26 -27
- package/container/styles.selectors.js +15 -15
- package/date-picker/styles.css.js +24 -24
- package/date-picker/styles.scoped.css +46 -48
- package/date-picker/styles.selectors.js +24 -24
- package/date-range-picker/calendar/grids/day/styles.css.js +21 -21
- package/date-range-picker/calendar/grids/day/styles.scoped.css +50 -50
- package/date-range-picker/calendar/grids/day/styles.selectors.js +21 -21
- package/date-range-picker/calendar/header/button/index.d.ts +1 -2
- package/date-range-picker/calendar/header/button/index.d.ts.map +1 -1
- package/date-range-picker/calendar/header/button/index.js +2 -3
- package/date-range-picker/calendar/header/button/index.js.map +1 -1
- package/date-range-picker/calendar/header/index.d.ts +1 -2
- package/date-range-picker/calendar/header/index.d.ts.map +1 -1
- package/date-range-picker/calendar/header/index.js +3 -3
- package/date-range-picker/calendar/header/index.js.map +1 -1
- package/date-range-picker/calendar/index.js +1 -1
- package/date-range-picker/calendar/index.js.map +1 -1
- package/date-range-picker/styles.css.js +42 -42
- package/date-range-picker/styles.scoped.css +53 -56
- package/date-range-picker/styles.selectors.js +42 -42
- package/expandable-section/styles.css.js +20 -20
- package/expandable-section/styles.scoped.css +42 -43
- package/expandable-section/styles.selectors.js +20 -20
- package/flashbar/styles.css.js +22 -22
- package/flashbar/styles.scoped.css +87 -88
- package/flashbar/styles.selectors.js +22 -22
- package/form/styles.scoped.css +0 -1
- package/form-field/styles.scoped.css +0 -1
- package/grid/styles.scoped.css +0 -1
- package/header/styles.scoped.css +0 -1
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +59 -60
- package/help-panel/styles.selectors.js +4 -4
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +36 -37
- package/input/styles.selectors.js +13 -13
- package/internal/base-component/styles.scoped.css +15 -13
- package/internal/components/abstract-switch/styles.scoped.css +0 -1
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +26 -27
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/chart-filter/styles.scoped.css +0 -1
- package/internal/components/chart-legend/styles.css.js +7 -7
- package/internal/components/chart-legend/styles.scoped.css +16 -17
- package/internal/components/chart-legend/styles.selectors.js +7 -7
- package/internal/components/chart-popover/styles.scoped.css +0 -1
- package/internal/components/chart-series-details/styles.scoped.css +0 -2
- package/internal/components/chart-series-marker/styles.scoped.css +0 -1
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +38 -40
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.scoped.css +0 -1
- package/internal/components/dropdown-status/styles.scoped.css +0 -1
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +15 -15
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +14 -15
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.scoped.css +0 -1
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +3 -4
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +28 -28
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +45 -39
- package/internal/generated/theming/index.js +45 -39
- package/link/styles.css.js +18 -18
- package/link/styles.scoped.css +70 -71
- package/link/styles.selectors.js +18 -18
- package/mixed-line-bar-chart/styles.scoped.css +0 -1
- package/modal/styles.css.js +22 -22
- package/modal/styles.scoped.css +42 -44
- package/modal/styles.selectors.js +22 -22
- package/multiselect/styles.scoped.css +0 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +24 -25
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.scoped.css +0 -1
- package/popover/styles.css.js +48 -48
- package/popover/styles.scoped.css +64 -66
- package/popover/styles.selectors.js +48 -48
- package/progress-bar/styles.scoped.css +0 -1
- package/property-filter/styles.scoped.css +0 -1
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +17 -18
- package/radio-group/styles.selectors.js +9 -9
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +36 -43
- package/segmented-control/styles.selectors.js +14 -14
- package/select/styles.scoped.css +0 -1
- package/side-navigation/styles.css.js +22 -22
- package/side-navigation/styles.scoped.css +33 -34
- package/side-navigation/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +58 -58
- package/split-panel/styles.scoped.css +81 -83
- package/split-panel/styles.selectors.js +58 -58
- package/table/body-cell/styles.css.js +7 -7
- package/table/body-cell/styles.scoped.css +20 -20
- package/table/body-cell/styles.selectors.js +7 -7
- package/table/header-cell/styles.css.js +14 -14
- package/table/header-cell/styles.scoped.css +26 -26
- package/table/header-cell/styles.selectors.js +14 -14
- package/table/resizer/styles.scoped.css +0 -1
- package/table/styles.css.js +32 -32
- package/table/styles.scoped.css +40 -40
- package/table/styles.selectors.js +32 -32
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +39 -40
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +11 -11
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +61 -62
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.scoped.css +0 -1
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +14 -26
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +69 -71
- package/tiles/styles.selectors.js +28 -28
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +15 -16
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +25 -27
- package/token-group/styles.selectors.js +7 -7
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +43 -44
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +68 -71
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +0 -1
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +30 -33
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.scoped.css +0 -1
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +60 -61
- package/wizard/styles.selectors.js +31 -31
- package/autosuggest/hooks/a11y.d.ts +0 -5
- package/autosuggest/hooks/a11y.d.ts.map +0 -1
- package/autosuggest/hooks/a11y.js +0 -24
- package/autosuggest/hooks/a11y.js.map +0 -1
package/wizard/styles.scoped.css
CHANGED
|
@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
93
|
/* stylelint-disable selector-max-universal, selector-max-type */
|
|
94
|
-
.
|
|
94
|
+
.awsui_root_1xupv_wkfqe_94:not(#\9) {
|
|
95
95
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
96
96
|
border-collapse: separate;
|
|
97
97
|
border-spacing: 0;
|
|
@@ -107,7 +107,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
107
107
|
font-stretch: normal;
|
|
108
108
|
line-height: normal;
|
|
109
109
|
-webkit-hyphens: none;
|
|
110
|
-
-ms-hyphens: none;
|
|
111
110
|
hyphens: none;
|
|
112
111
|
letter-spacing: normal;
|
|
113
112
|
list-style: disc outside none;
|
|
@@ -133,7 +132,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
133
132
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
134
133
|
}
|
|
135
134
|
|
|
136
|
-
.
|
|
135
|
+
.awsui_wizard_1xupv_wkfqe_105.awsui_refresh_1xupv_wkfqe_105:not(#\9) {
|
|
137
136
|
column-gap: 24px;
|
|
138
137
|
column-gap: var(--space-xl-a39hup, 24px);
|
|
139
138
|
display: grid;
|
|
@@ -142,27 +141,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
142
141
|
row-gap: 24px;
|
|
143
142
|
row-gap: var(--space-scaled-xl-w2t504, 24px);
|
|
144
143
|
}
|
|
145
|
-
.
|
|
144
|
+
.awsui_wizard_1xupv_wkfqe_105.awsui_refresh_1xupv_wkfqe_105.awsui_small-container_1xupv_wkfqe_112:not(#\9) {
|
|
146
145
|
row-gap: 20px;
|
|
147
146
|
row-gap: var(--space-scaled-l-t03y3z, 20px);
|
|
148
147
|
}
|
|
149
148
|
|
|
150
|
-
.
|
|
149
|
+
.awsui_wizard_1xupv_wkfqe_105:not(#\9):not(.awsui_refresh_1xupv_wkfqe_105) {
|
|
151
150
|
display: flex;
|
|
152
151
|
}
|
|
153
152
|
|
|
154
|
-
.
|
|
153
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105:not(#\9) {
|
|
155
154
|
grid-column: 1;
|
|
156
155
|
grid-row: 1/span 2;
|
|
157
156
|
padding-top: 4px;
|
|
158
157
|
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
159
158
|
z-index: 1;
|
|
160
159
|
}
|
|
161
|
-
.
|
|
160
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul:not(#\9) {
|
|
162
161
|
background: #ffffff;
|
|
163
162
|
background: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
164
163
|
border-radius: 16px;
|
|
165
|
-
border-radius: var(--border-container-
|
|
164
|
+
border-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
166
165
|
box-shadow: 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
|
|
167
166
|
box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
|
|
168
167
|
margin: 0;
|
|
@@ -171,7 +170,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
171
170
|
width: 280px;
|
|
172
171
|
box-sizing: border-box;
|
|
173
172
|
}
|
|
174
|
-
.
|
|
173
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li:not(#\9) {
|
|
175
174
|
display: grid;
|
|
176
175
|
column-gap: 12px;
|
|
177
176
|
column-gap: var(--space-s-hv8c1d, 12px);
|
|
@@ -179,7 +178,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
179
178
|
grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
|
|
180
179
|
grid-template-rows: repeat(2, auto);
|
|
181
180
|
}
|
|
182
|
-
.
|
|
181
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li > hr:not(#\9) {
|
|
183
182
|
background-color: #e9ebed;
|
|
184
183
|
background-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
185
184
|
border: 0;
|
|
@@ -188,7 +187,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
188
187
|
width: 2px;
|
|
189
188
|
width: var(--space-xxxs-k2w98v, 2px);
|
|
190
189
|
}
|
|
191
|
-
.
|
|
190
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li > .awsui_number_1xupv_wkfqe_148:not(#\9) {
|
|
192
191
|
color: #5f6b7a;
|
|
193
192
|
color: var(--color-text-small-le1y42, #5f6b7a);
|
|
194
193
|
font-size: 12px;
|
|
@@ -196,7 +195,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
196
195
|
grid-column: 2;
|
|
197
196
|
grid-row: 1;
|
|
198
197
|
}
|
|
199
|
-
.
|
|
198
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li > a:not(#\9) {
|
|
200
199
|
align-items: start;
|
|
201
200
|
column-gap: 12px;
|
|
202
201
|
column-gap: var(--space-s-hv8c1d, 12px);
|
|
@@ -209,7 +208,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
209
208
|
grid-template-columns: 20px 1fr;
|
|
210
209
|
grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
|
|
211
210
|
}
|
|
212
|
-
.
|
|
211
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li > a > .awsui_circle_1xupv_wkfqe_164:not(#\9) {
|
|
213
212
|
border-radius: 100%;
|
|
214
213
|
grid-column: 1;
|
|
215
214
|
height: 10px;
|
|
@@ -217,13 +216,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
217
216
|
margin-top: 6px;
|
|
218
217
|
width: 10px;
|
|
219
218
|
}
|
|
220
|
-
.
|
|
219
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li > a > .awsui_title_1xupv_wkfqe_172:not(#\9) {
|
|
221
220
|
min-width: 0;
|
|
222
221
|
-ms-word-break: break-all;
|
|
223
222
|
word-break: break-word;
|
|
224
223
|
grid-column: 2;
|
|
225
224
|
}
|
|
226
|
-
.
|
|
225
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li > a[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
227
226
|
outline: thin dotted;
|
|
228
227
|
outline: 0;
|
|
229
228
|
outline: var(--border-link-focus-ring-outline-k2wccv, 0);
|
|
@@ -231,75 +230,75 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
231
230
|
outline-color: #0972d3;
|
|
232
231
|
outline-color: var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
233
232
|
border-radius: 4px;
|
|
234
|
-
border-radius: var(--border-control-focus-ring-
|
|
233
|
+
border-radius: var(--border-radius-control-focus-ring-default-jlgxet, 4px);
|
|
235
234
|
box-shadow: 0 0 0 2px #0972d3;
|
|
236
235
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
237
236
|
}
|
|
238
|
-
.
|
|
237
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li:not(#\9):first-child > hr {
|
|
239
238
|
grid-row: 2/span 2;
|
|
240
239
|
}
|
|
241
|
-
.
|
|
240
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_wkfqe_148 {
|
|
242
241
|
margin-top: 24px;
|
|
243
242
|
margin-top: var(--space-scaled-xl-w2t504, 24px);
|
|
244
243
|
}
|
|
245
|
-
.
|
|
244
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li:not(#\9):last-child > hr {
|
|
246
245
|
grid-row: 1;
|
|
247
246
|
}
|
|
248
|
-
.
|
|
247
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li:not(#\9):only-of-type > hr {
|
|
249
248
|
display: none;
|
|
250
249
|
}
|
|
251
|
-
.
|
|
250
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
|
|
252
251
|
grid-row: 1/span 3;
|
|
253
252
|
}
|
|
254
|
-
.
|
|
253
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li.awsui_active_1xupv_wkfqe_201 > a:not(#\9) {
|
|
255
254
|
cursor: text;
|
|
256
255
|
}
|
|
257
|
-
.
|
|
256
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li.awsui_active_1xupv_wkfqe_201 > a > .awsui_circle_1xupv_wkfqe_164:not(#\9) {
|
|
258
257
|
background-color: #0972d3;
|
|
259
258
|
background-color: var(--color-background-control-checked-9admlu, #0972d3);
|
|
260
259
|
box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px #0972d3, 0 0 0 7px #ffffff;
|
|
261
260
|
box-shadow: 0 0 0 3px var(--color-background-container-content-i8i4a0, #ffffff), 0 0 0 5px var(--color-background-control-checked-9admlu, #0972d3), 0 0 0 7px var(--color-background-container-content-i8i4a0, #ffffff);
|
|
262
261
|
}
|
|
263
|
-
.
|
|
262
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li.awsui_active_1xupv_wkfqe_201 > a > .awsui_title_1xupv_wkfqe_172:not(#\9) {
|
|
264
263
|
color: #0972d3;
|
|
265
264
|
color: var(--color-background-control-checked-9admlu, #0972d3);
|
|
266
265
|
font-weight: 700;
|
|
267
266
|
}
|
|
268
|
-
.
|
|
267
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li.awsui_disabled_1xupv_wkfqe_212 > a:not(#\9) {
|
|
269
268
|
cursor: text;
|
|
270
269
|
}
|
|
271
|
-
.
|
|
270
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li.awsui_disabled_1xupv_wkfqe_212 > a > .awsui_circle_1xupv_wkfqe_164:not(#\9) {
|
|
272
271
|
background-color: #ffffff;
|
|
273
272
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
274
273
|
box-shadow: 0 0 0 2px #9ba7b6, 0 0 0 4px #ffffff;
|
|
275
274
|
box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-3pbb07, #9ba7b6), 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
|
|
276
275
|
}
|
|
277
|
-
.
|
|
276
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li.awsui_disabled_1xupv_wkfqe_212 > a > .awsui_title_1xupv_wkfqe_172:not(#\9) {
|
|
278
277
|
color: #9ba7b6;
|
|
279
278
|
color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
|
|
280
279
|
}
|
|
281
|
-
.
|
|
280
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li.awsui_enabled_1xupv_wkfqe_222 > a > .awsui_circle_1xupv_wkfqe_164:not(#\9) {
|
|
282
281
|
background-color: #414d5c;
|
|
283
282
|
background-color: var(--color-text-interactive-default-eg5fsa, #414d5c);
|
|
284
283
|
box-shadow: 0 0 0 2px #414d5c, 0 0 0 4px #ffffff;
|
|
285
284
|
box-shadow: 0 0 0 2px var(--color-text-interactive-default-eg5fsa, #414d5c), 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
|
|
286
285
|
}
|
|
287
|
-
.
|
|
286
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li.awsui_enabled_1xupv_wkfqe_222 > a > .awsui_title_1xupv_wkfqe_172:not(#\9) {
|
|
288
287
|
color: #414d5c;
|
|
289
288
|
color: var(--color-text-interactive-default-eg5fsa, #414d5c);
|
|
290
289
|
}
|
|
291
|
-
.
|
|
290
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li.awsui_enabled_1xupv_wkfqe_222 > a:not(#\9):hover > .awsui_circle_1xupv_wkfqe_164 {
|
|
292
291
|
background-color: #0972d3;
|
|
293
292
|
background-color: var(--color-background-control-checked-9admlu, #0972d3);
|
|
294
293
|
box-shadow: 0 0 0 2px #0972d3, 0 0 0 4px #ffffff;
|
|
295
294
|
box-shadow: 0 0 0 2px var(--color-background-control-checked-9admlu, #0972d3), 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
|
|
296
295
|
}
|
|
297
|
-
.
|
|
296
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_refresh_1xupv_wkfqe_105 > ul > li.awsui_enabled_1xupv_wkfqe_222 > a:not(#\9):hover > .awsui_title_1xupv_wkfqe_172 {
|
|
298
297
|
color: #0972d3;
|
|
299
298
|
color: var(--color-background-control-checked-9admlu, #0972d3);
|
|
300
299
|
}
|
|
301
300
|
|
|
302
|
-
.
|
|
301
|
+
.awsui_navigation_1xupv_wkfqe_120:not(#\9):not(.awsui_refresh_1xupv_wkfqe_105) {
|
|
303
302
|
color: #9ba7b6;
|
|
304
303
|
color: var(--color-text-disabled-a2nkh4, #9ba7b6);
|
|
305
304
|
display: inline-block;
|
|
@@ -310,120 +309,120 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
310
309
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
311
310
|
width: 200px;
|
|
312
311
|
}
|
|
313
|
-
.
|
|
312
|
+
.awsui_navigation_1xupv_wkfqe_120:not(#\9):not(.awsui_refresh_1xupv_wkfqe_105) > ul {
|
|
314
313
|
list-style: none;
|
|
315
314
|
padding: 0;
|
|
316
315
|
margin: 0;
|
|
317
316
|
}
|
|
318
|
-
.
|
|
317
|
+
.awsui_navigation_1xupv_wkfqe_120:not(#\9):not(.awsui_refresh_1xupv_wkfqe_105) > ul > li {
|
|
319
318
|
padding-bottom: 16px;
|
|
320
319
|
padding-bottom: var(--space-scaled-m-pv0fmt, 16px);
|
|
321
320
|
padding-top: 0;
|
|
322
321
|
}
|
|
323
|
-
.
|
|
322
|
+
.awsui_navigation_1xupv_wkfqe_120:not(#\9):not(.awsui_refresh_1xupv_wkfqe_105) > ul > li:not(:first-child) {
|
|
324
323
|
margin-top: 16px;
|
|
325
324
|
margin-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
326
325
|
}
|
|
327
|
-
.
|
|
326
|
+
.awsui_navigation_1xupv_wkfqe_120:not(#\9):not(.awsui_refresh_1xupv_wkfqe_105) > ul > li:not(:last-child) {
|
|
328
327
|
border-bottom: 1px solid #d1d5db;
|
|
329
328
|
border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-layout-wf5alz, #d1d5db);
|
|
330
329
|
}
|
|
331
330
|
|
|
332
|
-
.
|
|
331
|
+
.awsui_form_1xupv_wkfqe_261:not(#\9):not(.awsui_refresh_1xupv_wkfqe_105) {
|
|
333
332
|
min-width: 0;
|
|
334
333
|
-ms-word-break: break-all;
|
|
335
334
|
word-break: break-word;
|
|
336
335
|
width: 100%;
|
|
337
336
|
}
|
|
338
|
-
.
|
|
337
|
+
.awsui_form_1xupv_wkfqe_261:not(#\9):not(.awsui_refresh_1xupv_wkfqe_105) > .awsui_form-header_1xupv_wkfqe_267 {
|
|
339
338
|
position: relative;
|
|
340
339
|
margin-bottom: 16px;
|
|
341
340
|
margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
|
|
342
341
|
}
|
|
343
342
|
|
|
344
|
-
.
|
|
343
|
+
.awsui_form_1xupv_wkfqe_261.awsui_refresh_1xupv_wkfqe_105:not(#\9) {
|
|
345
344
|
min-width: 0;
|
|
346
345
|
-ms-word-break: break-all;
|
|
347
346
|
word-break: break-word;
|
|
348
347
|
display: contents;
|
|
349
348
|
}
|
|
350
|
-
.
|
|
349
|
+
.awsui_form_1xupv_wkfqe_261.awsui_refresh_1xupv_wkfqe_105 > .awsui_background_1xupv_wkfqe_278:not(#\9) {
|
|
351
350
|
background-color: #ffffff;
|
|
352
351
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
353
352
|
grid-column: 1/span 2;
|
|
354
353
|
grid-row: 1;
|
|
355
354
|
}
|
|
356
|
-
.
|
|
355
|
+
.awsui_form_1xupv_wkfqe_261.awsui_refresh_1xupv_wkfqe_105 > .awsui_form-header_1xupv_wkfqe_267:not(#\9) {
|
|
357
356
|
background-color: #ffffff;
|
|
358
357
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
359
358
|
grid-column: 2;
|
|
360
359
|
grid-row: 1;
|
|
361
360
|
}
|
|
362
|
-
.
|
|
361
|
+
.awsui_form_1xupv_wkfqe_261.awsui_refresh_1xupv_wkfqe_105 > .awsui_form-header_1xupv_wkfqe_267 > .awsui_form-header-content_1xupv_wkfqe_288:not(#\9) {
|
|
363
362
|
padding-top: 24px;
|
|
364
363
|
padding-top: var(--space-scaled-xl-w2t504, 24px);
|
|
365
364
|
padding-bottom: 24px;
|
|
366
365
|
padding-bottom: var(--space-scaled-xl-w2t504, 24px);
|
|
367
366
|
}
|
|
368
|
-
.
|
|
367
|
+
.awsui_form_1xupv_wkfqe_261.awsui_refresh_1xupv_wkfqe_105 > .awsui_form-component_1xupv_wkfqe_292:not(#\9) {
|
|
369
368
|
grid-column: 2;
|
|
370
369
|
grid-row: 2;
|
|
371
370
|
}
|
|
372
|
-
.
|
|
371
|
+
.awsui_form_1xupv_wkfqe_261.awsui_refresh_1xupv_wkfqe_105.awsui_small-container_1xupv_wkfqe_112 > .awsui_form-header_1xupv_wkfqe_267:not(#\9) {
|
|
373
372
|
grid-column: 1/span 2;
|
|
374
373
|
}
|
|
375
|
-
.
|
|
374
|
+
.awsui_form_1xupv_wkfqe_261.awsui_refresh_1xupv_wkfqe_105.awsui_small-container_1xupv_wkfqe_112 > .awsui_form-header_1xupv_wkfqe_267 > .awsui_form-header-content_1xupv_wkfqe_288:not(#\9) {
|
|
376
375
|
padding-top: 0;
|
|
377
376
|
}
|
|
378
|
-
.
|
|
377
|
+
.awsui_form_1xupv_wkfqe_261.awsui_refresh_1xupv_wkfqe_105.awsui_small-container_1xupv_wkfqe_112 > .awsui_form-component_1xupv_wkfqe_292:not(#\9) {
|
|
379
378
|
grid-column: 1/span 2;
|
|
380
379
|
}
|
|
381
380
|
|
|
382
|
-
.
|
|
381
|
+
.awsui_navigation_1xupv_wkfqe_120.awsui_hidden_1xupv_wkfqe_306:not(#\9) {
|
|
383
382
|
display: none;
|
|
384
383
|
}
|
|
385
384
|
|
|
386
|
-
.awsui_collapsed-
|
|
385
|
+
.awsui_collapsed-steps_1xupv_wkfqe_310:not(#\9) {
|
|
387
386
|
color: #414d5c;
|
|
388
387
|
color: var(--color-text-heading-secondary-corkaj, #414d5c);
|
|
389
388
|
font-weight: 700;
|
|
390
389
|
padding-top: 4px;
|
|
391
390
|
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
392
391
|
}
|
|
393
|
-
.awsui_collapsed-steps-extra-
|
|
392
|
+
.awsui_collapsed-steps-extra-padding_1xupv_wkfqe_315:not(#\9) {
|
|
394
393
|
padding-top: 20px;
|
|
395
394
|
padding-top: var(--space-scaled-l-t03y3z, 20px);
|
|
396
395
|
}
|
|
397
|
-
.awsui_collapsed-steps-
|
|
396
|
+
.awsui_collapsed-steps-hidden_1xupv_wkfqe_318:not(#\9) {
|
|
398
397
|
display: none;
|
|
399
398
|
}
|
|
400
399
|
|
|
401
|
-
.awsui_form-header-
|
|
402
|
-
.awsui_navigation-
|
|
403
|
-
.awsui_navigation-link-
|
|
404
|
-
.awsui_navigation-link-
|
|
400
|
+
.awsui_form-header-component_1xupv_wkfqe_322:not(#\9),
|
|
401
|
+
.awsui_navigation-link_1xupv_wkfqe_323:not(#\9),
|
|
402
|
+
.awsui_navigation-link-item_1xupv_wkfqe_324:not(#\9),
|
|
403
|
+
.awsui_navigation-link-label_1xupv_wkfqe_325:not(#\9) {
|
|
405
404
|
/* used in test-utils */
|
|
406
405
|
}
|
|
407
406
|
|
|
408
|
-
.awsui_navigation-link-
|
|
407
|
+
.awsui_navigation-link-active_1xupv_wkfqe_329:not(#\9) {
|
|
409
408
|
font-weight: 700;
|
|
410
409
|
color: #000716;
|
|
411
410
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
412
411
|
}
|
|
413
412
|
|
|
414
|
-
.awsui_navigation-link-
|
|
413
|
+
.awsui_navigation-link-disabled_1xupv_wkfqe_334:not(#\9) {
|
|
415
414
|
color: #9ba7b6;
|
|
416
415
|
color: var(--color-text-control-disabled-3z3eul, #9ba7b6);
|
|
417
416
|
}
|
|
418
417
|
|
|
419
|
-
.awsui_cancel-
|
|
420
|
-
.awsui_previous-
|
|
421
|
-
.awsui_primary-
|
|
422
|
-
.awsui_skip-to-
|
|
418
|
+
.awsui_cancel-button_1xupv_wkfqe_338:not(#\9),
|
|
419
|
+
.awsui_previous-button_1xupv_wkfqe_339:not(#\9),
|
|
420
|
+
.awsui_primary-button_1xupv_wkfqe_340:not(#\9),
|
|
421
|
+
.awsui_skip-to-button_1xupv_wkfqe_341:not(#\9) {
|
|
423
422
|
/* used in test-utils */
|
|
424
423
|
}
|
|
425
424
|
|
|
426
|
-
.awsui_action-
|
|
425
|
+
.awsui_action-buttons_1xupv_wkfqe_345:not(#\9) {
|
|
427
426
|
display: flex;
|
|
428
427
|
justify-content: flex-end;
|
|
429
428
|
}
|
|
@@ -2,36 +2,36 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"wizard": "
|
|
7
|
-
"refresh": "
|
|
8
|
-
"small-container": "awsui_small-
|
|
9
|
-
"navigation": "
|
|
10
|
-
"number": "
|
|
11
|
-
"circle": "
|
|
12
|
-
"title": "
|
|
13
|
-
"active": "
|
|
14
|
-
"disabled": "
|
|
15
|
-
"enabled": "
|
|
16
|
-
"form": "
|
|
17
|
-
"form-header": "awsui_form-
|
|
18
|
-
"background": "
|
|
19
|
-
"form-header-content": "awsui_form-header-
|
|
20
|
-
"form-component": "awsui_form-
|
|
21
|
-
"hidden": "
|
|
22
|
-
"collapsed-steps": "awsui_collapsed-
|
|
23
|
-
"collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-
|
|
24
|
-
"collapsed-steps-hidden": "awsui_collapsed-steps-
|
|
25
|
-
"form-header-component": "awsui_form-header-
|
|
26
|
-
"navigation-link": "awsui_navigation-
|
|
27
|
-
"navigation-link-item": "awsui_navigation-link-
|
|
28
|
-
"navigation-link-label": "awsui_navigation-link-
|
|
29
|
-
"navigation-link-active": "awsui_navigation-link-
|
|
30
|
-
"navigation-link-disabled": "awsui_navigation-link-
|
|
31
|
-
"cancel-button": "awsui_cancel-
|
|
32
|
-
"previous-button": "awsui_previous-
|
|
33
|
-
"primary-button": "awsui_primary-
|
|
34
|
-
"skip-to-button": "awsui_skip-to-
|
|
35
|
-
"action-buttons": "awsui_action-
|
|
5
|
+
"root": "awsui_root_1xupv_wkfqe_94",
|
|
6
|
+
"wizard": "awsui_wizard_1xupv_wkfqe_105",
|
|
7
|
+
"refresh": "awsui_refresh_1xupv_wkfqe_105",
|
|
8
|
+
"small-container": "awsui_small-container_1xupv_wkfqe_112",
|
|
9
|
+
"navigation": "awsui_navigation_1xupv_wkfqe_120",
|
|
10
|
+
"number": "awsui_number_1xupv_wkfqe_148",
|
|
11
|
+
"circle": "awsui_circle_1xupv_wkfqe_164",
|
|
12
|
+
"title": "awsui_title_1xupv_wkfqe_172",
|
|
13
|
+
"active": "awsui_active_1xupv_wkfqe_201",
|
|
14
|
+
"disabled": "awsui_disabled_1xupv_wkfqe_212",
|
|
15
|
+
"enabled": "awsui_enabled_1xupv_wkfqe_222",
|
|
16
|
+
"form": "awsui_form_1xupv_wkfqe_261",
|
|
17
|
+
"form-header": "awsui_form-header_1xupv_wkfqe_267",
|
|
18
|
+
"background": "awsui_background_1xupv_wkfqe_278",
|
|
19
|
+
"form-header-content": "awsui_form-header-content_1xupv_wkfqe_288",
|
|
20
|
+
"form-component": "awsui_form-component_1xupv_wkfqe_292",
|
|
21
|
+
"hidden": "awsui_hidden_1xupv_wkfqe_306",
|
|
22
|
+
"collapsed-steps": "awsui_collapsed-steps_1xupv_wkfqe_310",
|
|
23
|
+
"collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_wkfqe_315",
|
|
24
|
+
"collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_wkfqe_318",
|
|
25
|
+
"form-header-component": "awsui_form-header-component_1xupv_wkfqe_322",
|
|
26
|
+
"navigation-link": "awsui_navigation-link_1xupv_wkfqe_323",
|
|
27
|
+
"navigation-link-item": "awsui_navigation-link-item_1xupv_wkfqe_324",
|
|
28
|
+
"navigation-link-label": "awsui_navigation-link-label_1xupv_wkfqe_325",
|
|
29
|
+
"navigation-link-active": "awsui_navigation-link-active_1xupv_wkfqe_329",
|
|
30
|
+
"navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_wkfqe_334",
|
|
31
|
+
"cancel-button": "awsui_cancel-button_1xupv_wkfqe_338",
|
|
32
|
+
"previous-button": "awsui_previous-button_1xupv_wkfqe_339",
|
|
33
|
+
"primary-button": "awsui_primary-button_1xupv_wkfqe_340",
|
|
34
|
+
"skip-to-button": "awsui_skip-to-button_1xupv_wkfqe_341",
|
|
35
|
+
"action-buttons": "awsui_action-buttons_1xupv_wkfqe_345"
|
|
36
36
|
};
|
|
37
37
|
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { AutosuggestItem } from '../interfaces';
|
|
2
|
-
declare type NativeAttributes = Record<string, any>;
|
|
3
|
-
export declare const useDropdownA11yProps: (listId: string, expanded: boolean, inputAriaLabel?: string | undefined, highlightedOption?: AutosuggestItem | undefined) => [NativeAttributes, NativeAttributes];
|
|
4
|
-
export {};
|
|
5
|
-
//# sourceMappingURL=a11y.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../../../src/autosuggest/hooks/a11y.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,aAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE5C,eAAO,MAAM,oBAAoB,WACvB,MAAM,YACJ,OAAO,2FAGhB,CAAC,gBAAgB,EAAE,gBAAgB,CAsBrC,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
import { generateUniqueId } from '../../internal/hooks/use-unique-id';
|
|
4
|
-
export var useDropdownA11yProps = function (listId, expanded, inputAriaLabel, highlightedOption) {
|
|
5
|
-
var itemProps = {};
|
|
6
|
-
var inputProps = {
|
|
7
|
-
role: 'combobox',
|
|
8
|
-
'aria-autocomplete': 'list',
|
|
9
|
-
'aria-expanded': expanded,
|
|
10
|
-
'aria-controls': listId,
|
|
11
|
-
// 'aria-owns' needed for safari+vo to announce activedescendant content
|
|
12
|
-
'aria-owns': listId
|
|
13
|
-
};
|
|
14
|
-
if (inputAriaLabel) {
|
|
15
|
-
inputProps['aria-label'] = inputAriaLabel;
|
|
16
|
-
}
|
|
17
|
-
if (highlightedOption) {
|
|
18
|
-
var id = generateUniqueId();
|
|
19
|
-
itemProps.id = id;
|
|
20
|
-
inputProps['aria-activedescendant'] = id;
|
|
21
|
-
}
|
|
22
|
-
return [inputProps, itemProps];
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=a11y.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"a11y.js","sourceRoot":"","sources":["../../../../src/autosuggest/hooks/a11y.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAMtE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAClC,MAAc,EACd,QAAiB,EACjB,cAAuB,EACvB,iBAAmC;IAEnC,IAAM,SAAS,GAA2B,EAAE,CAAC;IAC7C,IAAM,UAAU,GAAqB;QACnC,IAAI,EAAE,UAAU;QAChB,mBAAmB,EAAE,MAAM;QAC3B,eAAe,EAAE,QAAQ;QACzB,eAAe,EAAE,MAAM;QACvB,wEAAwE;QACxE,WAAW,EAAE,MAAM;KACpB,CAAC;IAEF,IAAI,cAAc,EAAE;QAClB,UAAU,CAAC,YAAY,CAAC,GAAG,cAAc,CAAC;KAC3C;IAED,IAAI,iBAAiB,EAAE;QACrB,IAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;QAC9B,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC;QAClB,UAAU,CAAC,uBAAuB,CAAC,GAAG,EAAE,CAAC;KAC1C;IAED,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AACjC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { generateUniqueId } from '../../internal/hooks/use-unique-id';\n\nimport { AutosuggestItem } from '../interfaces';\n\ntype NativeAttributes = Record<string, any>;\n\nexport const useDropdownA11yProps = (\n listId: string,\n expanded: boolean,\n inputAriaLabel?: string,\n highlightedOption?: AutosuggestItem\n): [NativeAttributes, NativeAttributes] => {\n const itemProps: Record<string, string> = {};\n const inputProps: NativeAttributes = {\n role: 'combobox',\n 'aria-autocomplete': 'list',\n 'aria-expanded': expanded,\n 'aria-controls': listId,\n // 'aria-owns' needed for safari+vo to announce activedescendant content\n 'aria-owns': listId,\n };\n\n if (inputAriaLabel) {\n inputProps['aria-label'] = inputAriaLabel;\n }\n\n if (highlightedOption) {\n const id = generateUniqueId();\n itemProps.id = id;\n inputProps['aria-activedescendant'] = id;\n }\n\n return [inputProps, itemProps];\n};\n"]}
|