@cloudscape-design/components 3.0.1179 → 3.0.1180

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.
@@ -2034,5 +2034,5 @@ body {
2034
2034
  }
2035
2035
  }
2036
2036
  :root {
2037
- --awsui-version-info-75aed8ba: true;
2037
+ --awsui-version-info-7746a982: true;
2038
2038
  }
@@ -1,27 +1,27 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "selectable-item": "awsui_selectable-item_15o6u_7ubzk_145",
5
- "parent": "awsui_parent_15o6u_7ubzk_164",
6
- "interactiveGroups": "awsui_interactiveGroups_15o6u_7ubzk_164",
7
- "highlighted": "awsui_highlighted_15o6u_7ubzk_164",
8
- "selected": "awsui_selected_15o6u_7ubzk_164",
9
- "selectable-item-content": "awsui_selectable-item-content_15o6u_7ubzk_167",
10
- "pad-bottom": "awsui_pad-bottom_15o6u_7ubzk_171",
11
- "virtual": "awsui_virtual_15o6u_7ubzk_178",
12
- "has-background": "awsui_has-background_15o6u_7ubzk_181",
13
- "child": "awsui_child_15o6u_7ubzk_184",
14
- "disabled": "awsui_disabled_15o6u_7ubzk_190",
15
- "is-keyboard": "awsui_is-keyboard_15o6u_7ubzk_218",
16
- "visual-refresh": "awsui_visual-refresh_15o6u_7ubzk_228",
17
- "next-item-selected": "awsui_next-item-selected_15o6u_7ubzk_242",
18
- "previous-item-selected": "awsui_previous-item-selected_15o6u_7ubzk_252",
19
- "sticky": "awsui_sticky_15o6u_7ubzk_297",
20
- "with-scrollbar": "awsui_with-scrollbar_15o6u_7ubzk_316",
21
- "after-header": "awsui_after-header_15o6u_7ubzk_319",
22
- "measure-strut": "awsui_measure-strut_15o6u_7ubzk_348",
23
- "screenreader-content": "awsui_screenreader-content_15o6u_7ubzk_360",
24
- "option-content": "awsui_option-content_15o6u_7ubzk_366",
25
- "select-all": "awsui_select-all_15o6u_7ubzk_370"
4
+ "selectable-item": "awsui_selectable-item_15o6u_11e6r_145",
5
+ "parent": "awsui_parent_15o6u_11e6r_164",
6
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_11e6r_164",
7
+ "highlighted": "awsui_highlighted_15o6u_11e6r_164",
8
+ "selected": "awsui_selected_15o6u_11e6r_164",
9
+ "selectable-item-content": "awsui_selectable-item-content_15o6u_11e6r_167",
10
+ "pad-bottom": "awsui_pad-bottom_15o6u_11e6r_171",
11
+ "virtual": "awsui_virtual_15o6u_11e6r_178",
12
+ "has-background": "awsui_has-background_15o6u_11e6r_181",
13
+ "child": "awsui_child_15o6u_11e6r_184",
14
+ "disabled": "awsui_disabled_15o6u_11e6r_190",
15
+ "is-keyboard": "awsui_is-keyboard_15o6u_11e6r_205",
16
+ "visual-refresh": "awsui_visual-refresh_15o6u_11e6r_215",
17
+ "next-item-selected": "awsui_next-item-selected_15o6u_11e6r_229",
18
+ "previous-item-selected": "awsui_previous-item-selected_15o6u_11e6r_239",
19
+ "sticky": "awsui_sticky_15o6u_11e6r_271",
20
+ "with-scrollbar": "awsui_with-scrollbar_15o6u_11e6r_290",
21
+ "after-header": "awsui_after-header_15o6u_11e6r_293",
22
+ "measure-strut": "awsui_measure-strut_15o6u_11e6r_322",
23
+ "screenreader-content": "awsui_screenreader-content_15o6u_11e6r_334",
24
+ "option-content": "awsui_option-content_15o6u_11e6r_340",
25
+ "select-all": "awsui_select-all_15o6u_11e6r_344"
26
26
  };
27
27
 
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_selectable-item_15o6u_7ubzk_145:not(#\9) {
145
+ .awsui_selectable-item_15o6u_11e6r_145:not(#\9) {
146
146
  font-size: var(--font-size-body-m-a7nh2n, 14px);
147
147
  line-height: var(--line-height-body-m-2mh3ke, 20px);
148
148
  color: var(--color-text-body-default-vvtq8u, #0f141a);
@@ -161,191 +161,165 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
161
161
  overflow: hidden;
162
162
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
163
163
  }
164
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164) {
164
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164.awsui_interactiveGroups_15o6u_11e6r_164:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164) {
165
165
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
166
166
  }
167
- .awsui_selectable-item_15o6u_7ubzk_145 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
167
+ .awsui_selectable-item_15o6u_11e6r_145 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
168
168
  padding-block: var(--space-xxs-hwfkai, 4px);
169
169
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
170
170
  }
171
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_pad-bottom_15o6u_7ubzk_171:not(#\9) {
171
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_pad-bottom_15o6u_11e6r_171:not(#\9) {
172
172
  padding-block-end: var(--border-item-width-miijiw, 2px);
173
173
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
174
174
  }
175
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_pad-bottom_15o6u_7ubzk_171 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
175
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_pad-bottom_15o6u_11e6r_171 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
176
176
  padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px));
177
177
  }
178
- .awsui_selectable-item_15o6u_7ubzk_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_7ubzk_145.awsui_virtual_15o6u_7ubzk_178:not(#\9) {
178
+ .awsui_selectable-item_15o6u_11e6r_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_11e6r_145.awsui_virtual_15o6u_11e6r_178:not(#\9) {
179
179
  margin-block-start: calc(-1 * var(--border-item-width-miijiw, 2px));
180
180
  }
181
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_has-background_15o6u_7ubzk_181:not(#\9) {
181
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_has-background_15o6u_11e6r_181:not(#\9) {
182
182
  background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
183
183
  }
184
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_child_15o6u_7ubzk_184:not(#\9) {
184
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_child_15o6u_11e6r_184:not(#\9) {
185
185
  padding-inline-start: var(--border-item-width-miijiw, 2px);
186
186
  }
187
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_child_15o6u_7ubzk_184 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
187
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_child_15o6u_11e6r_184 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
188
188
  padding-inline-start: var(--space-xxl-32srm4, 32px);
189
189
  }
190
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_disabled_15o6u_7ubzk_190 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
190
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_disabled_15o6u_11e6r_190 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
191
191
  color: var(--color-text-dropdown-item-disabled-8m65hf, #b4b4bb);
192
192
  }
193
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164:not(#\9) {
193
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_highlighted_15o6u_11e6r_164:not(#\9), .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164:not(#\9) {
194
194
  color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
195
195
  border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
196
196
  border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
197
197
  border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
198
198
  border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
199
- border-width: 0;
200
- padding-block: 0;
201
- padding-inline: 0;
202
- }
203
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
204
- padding-block: calc(var(--space-xxs-hwfkai, 4px) + var(--border-item-width-miijiw, 2px));
205
- padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-miijiw, 2px));
206
- }
207
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164.awsui_child_15o6u_7ubzk_184 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_child_15o6u_7ubzk_184 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
208
- padding-inline-start: calc(var(--space-xxl-32srm4, 32px) + var(--border-item-width-miijiw, 2px));
209
- }
210
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164.awsui_pad-bottom_15o6u_7ubzk_171 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_pad-bottom_15o6u_7ubzk_171 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
211
- padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px) + var(--border-item-width-miijiw, 2px));
212
199
  }
213
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164:not(#\9) {
200
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_highlighted_15o6u_11e6r_164:not(#\9) {
214
201
  z-index: 3;
215
202
  background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
216
203
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
217
204
  }
218
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164.awsui_is-keyboard_15o6u_7ubzk_218:not(#\9) {
205
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_highlighted_15o6u_11e6r_164.awsui_is-keyboard_15o6u_11e6r_205:not(#\9) {
219
206
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-focused-zacqlp, #424650);
220
207
  }
221
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164.awsui_disabled_15o6u_7ubzk_190:not(#\9) {
208
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_highlighted_15o6u_11e6r_164.awsui_disabled_15o6u_11e6r_190:not(#\9) {
222
209
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-dimmed-hover-ga9sch, #8c8c94);
223
210
  background-color: var(--color-background-dropdown-item-dimmed-dhho03, transparent);
224
211
  }
225
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164.awsui_disabled_15o6u_7ubzk_190 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
212
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_highlighted_15o6u_11e6r_164.awsui_disabled_15o6u_11e6r_190 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
226
213
  color: var(--color-text-dropdown-item-dimmed-tq8vh3, #b4b4bb);
227
214
  }
228
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164:not(#\9):not(.awsui_visual-refresh_15o6u_7ubzk_228).awsui_is-keyboard_15o6u_7ubzk_218 {
215
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_highlighted_15o6u_11e6r_164:not(#\9):not(.awsui_visual-refresh_15o6u_11e6r_215).awsui_is-keyboard_15o6u_11e6r_205 {
229
216
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
230
217
  }
231
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164:not(#\9) {
218
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164:not(#\9) {
232
219
  z-index: 2;
233
220
  background-color: var(--color-background-dropdown-item-selected-f3v6te, #f0fbff);
234
221
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
235
222
  }
236
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164:not(#\9) {
223
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164.awsui_highlighted_15o6u_11e6r_164:not(#\9) {
237
224
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0), inset 0 0 0 calc(2 * var(--border-item-width-miijiw, 2px)) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
238
225
  }
239
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164.awsui_is-keyboard_15o6u_7ubzk_218:not(#\9) {
226
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164.awsui_highlighted_15o6u_11e6r_164.awsui_is-keyboard_15o6u_11e6r_205:not(#\9) {
240
227
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0), inset 0 0 0 calc(2 * var(--border-item-width-miijiw, 2px)) var(--color-border-dropdown-item-focused-zacqlp, #424650);
241
228
  }
242
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_next-item-selected_15o6u_7ubzk_242:not(#\9) {
229
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164.awsui_next-item-selected_15o6u_11e6r_229:not(#\9) {
243
230
  border-end-start-radius: 0;
244
231
  border-end-end-radius: 0;
245
232
  }
246
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164:not(#\9):not(.awsui_visual-refresh_15o6u_7ubzk_228) {
233
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164.awsui_highlighted_15o6u_11e6r_164:not(#\9):not(.awsui_visual-refresh_15o6u_11e6r_215) {
247
234
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
248
235
  }
249
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164:not(#\9):not(.awsui_visual-refresh_15o6u_7ubzk_228).awsui_is-keyboard_15o6u_7ubzk_218 {
236
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164.awsui_highlighted_15o6u_11e6r_164:not(#\9):not(.awsui_visual-refresh_15o6u_11e6r_215).awsui_is-keyboard_15o6u_11e6r_205 {
250
237
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-focused-zacqlp, #424650);
251
238
  }
252
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164 + .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_previous-item-selected_15o6u_7ubzk_252:not(#\9) {
239
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164 + .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164:not(#\9), .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164.awsui_previous-item-selected_15o6u_11e6r_239:not(#\9) {
253
240
  border-start-start-radius: 0;
254
241
  border-start-end-radius: 0;
255
242
  }
256
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164:not(#\9):not(.awsui_disabled_15o6u_7ubzk_190) > .awsui_selectable-item-content_15o6u_7ubzk_167 {
243
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164:not(#\9):not(.awsui_disabled_15o6u_11e6r_190) > .awsui_selectable-item-content_15o6u_11e6r_167 {
257
244
  color: var(--color-text-dropdown-group-label-2tmyik, #424650);
258
245
  }
259
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164:not(#\9):not(.awsui_interactiveGroups_15o6u_7ubzk_164) {
246
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164:not(#\9):not(.awsui_interactiveGroups_15o6u_11e6r_164) {
260
247
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-group-ylcnh8, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
261
248
  padding-block: 0;
262
249
  padding-inline: 0;
263
250
  }
264
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164:not(#\9):not(.awsui_interactiveGroups_15o6u_7ubzk_164):not(:has(> .awsui_selectable-item-content_15o6u_7ubzk_167)) {
251
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164:not(#\9):not(.awsui_interactiveGroups_15o6u_11e6r_164):not(:has(> .awsui_selectable-item-content_15o6u_11e6r_167)) {
265
252
  padding-block: var(--border-item-width-miijiw, 2px);
266
253
  padding-inline: var(--border-item-width-miijiw, 2px);
267
254
  }
268
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164:not(#\9):not(.awsui_interactiveGroups_15o6u_7ubzk_164) > .awsui_selectable-item-content_15o6u_7ubzk_167 {
255
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164:not(#\9):not(.awsui_interactiveGroups_15o6u_11e6r_164) > .awsui_selectable-item-content_15o6u_11e6r_167 {
269
256
  padding-block: var(--space-xs-ymlm0b, 8px);
270
257
  padding-inline: var(--space-xs-ymlm0b, 8px);
271
258
  font-weight: bold;
272
259
  }
273
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
260
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164.awsui_interactiveGroups_15o6u_11e6r_164 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
274
261
  padding-block: var(--space-xs-ymlm0b, 8px);
275
262
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
276
263
  font-weight: bold;
277
264
  }
278
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
265
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164.awsui_interactiveGroups_15o6u_11e6r_164.awsui_highlighted_15o6u_11e6r_164 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
279
266
  color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
280
267
  }
281
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_selected_15o6u_7ubzk_164:not(#\9) {
282
- border-width: 0;
283
- padding-block: 0;
284
- padding-inline: 0;
285
- }
286
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_selected_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
287
- padding-block: calc(var(--space-xxs-hwfkai, 4px) + var(--border-item-width-miijiw, 2px));
288
- padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-miijiw, 2px));
289
- }
290
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_selected_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
291
- padding-block: calc(var(--space-xs-ymlm0b, 8px) + var(--border-item-width-miijiw, 2px));
292
- padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-miijiw, 2px));
293
- }
294
- .awsui_selectable-item_15o6u_7ubzk_145:not(#\9):not(.awsui_disabled_15o6u_7ubzk_190):not(.awsui_parent_15o6u_7ubzk_164), .awsui_selectable-item_15o6u_7ubzk_145.awsui_interactiveGroups_15o6u_7ubzk_164:not(#\9):not(.awsui_disabled_15o6u_7ubzk_190) {
268
+ .awsui_selectable-item_15o6u_11e6r_145:not(#\9):not(.awsui_disabled_15o6u_11e6r_190):not(.awsui_parent_15o6u_11e6r_164), .awsui_selectable-item_15o6u_11e6r_145.awsui_interactiveGroups_15o6u_11e6r_164:not(#\9):not(.awsui_disabled_15o6u_11e6r_190) {
295
269
  cursor: pointer;
296
270
  }
297
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297 + .awsui_selectable-item_15o6u_7ubzk_145:not(#\9):not(.awsui_sticky_15o6u_7ubzk_297):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164) {
271
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271 + .awsui_selectable-item_15o6u_11e6r_145:not(#\9):not(.awsui_sticky_15o6u_11e6r_271):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164) {
298
272
  box-shadow: inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
299
273
  }
300
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9) {
274
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9) {
301
275
  position: sticky;
302
276
  inset-block-start: 0;
303
277
  margin-block-end: var(--border-item-width-miijiw, 2px);
304
278
  z-index: 4;
305
279
  padding-inline: var(--border-item-width-miijiw, 2px);
306
280
  }
307
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297.awsui_highlighted_15o6u_7ubzk_164:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297.awsui_selected_15o6u_7ubzk_164:not(#\9) {
281
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271.awsui_highlighted_15o6u_11e6r_164:not(#\9), .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271.awsui_selected_15o6u_11e6r_164:not(#\9) {
308
282
  padding-inline: var(--border-item-width-miijiw, 2px);
309
283
  }
310
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
284
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
311
285
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
312
286
  }
313
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164) {
287
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164) {
314
288
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset var(--border-width-popover-nflirh, 2px) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb);
315
289
  }
316
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164):not(.awsui_with-scrollbar_15o6u_7ubzk_316) {
290
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164):not(.awsui_with-scrollbar_15o6u_11e6r_290) {
317
291
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset var(--border-width-popover-nflirh, 2px) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb), inset calc(-1 * var(--border-width-popover-nflirh, 2px)) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb);
318
292
  }
319
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164):not(.awsui_after-header_15o6u_7ubzk_319) {
293
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164):not(.awsui_after-header_15o6u_11e6r_293) {
320
294
  border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
321
295
  }
322
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164):not(.awsui_after-header_15o6u_7ubzk_319):not(.awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164):not(.awsui_after-header_15o6u_7ubzk_319).awsui_with-scrollbar_15o6u_7ubzk_316) {
296
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164):not(.awsui_after-header_15o6u_11e6r_293):not(.awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164):not(.awsui_after-header_15o6u_11e6r_293).awsui_with-scrollbar_15o6u_11e6r_290) {
323
297
  border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
324
298
  }
325
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164).awsui_after-header_15o6u_7ubzk_319 {
299
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164).awsui_after-header_15o6u_11e6r_293 {
326
300
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-background-dropdown-item-default-qmc033, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset var(--border-width-popover-nflirh, 2px) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb);
327
301
  }
328
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164).awsui_after-header_15o6u_7ubzk_319:not(.awsui_with-scrollbar_15o6u_7ubzk_316) {
302
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164).awsui_after-header_15o6u_11e6r_293:not(.awsui_with-scrollbar_15o6u_11e6r_290) {
329
303
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-background-dropdown-item-default-qmc033, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset var(--border-width-popover-nflirh, 2px) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb), inset calc(-1 * var(--border-width-popover-nflirh, 2px)) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb);
330
304
  }
331
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297.awsui_disabled_15o6u_7ubzk_190.awsui_highlighted_15o6u_7ubzk_164:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297.awsui_disabled_15o6u_7ubzk_190.awsui_selected_15o6u_7ubzk_164:not(#\9) {
305
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271.awsui_disabled_15o6u_11e6r_190.awsui_highlighted_15o6u_11e6r_164:not(#\9), .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271.awsui_disabled_15o6u_11e6r_190.awsui_selected_15o6u_11e6r_164:not(#\9) {
332
306
  box-shadow: none;
333
307
  }
334
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_virtual_15o6u_7ubzk_178:not(#\9) {
308
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_virtual_15o6u_11e6r_178:not(#\9) {
335
309
  position: absolute;
336
310
  inset-block-start: var(--border-dropdown-virtual-offset-width-3wp954, 2px);
337
311
  inset-inline-start: 0;
338
312
  inline-size: 100%;
339
313
  box-sizing: border-box;
340
314
  }
341
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_virtual_15o6u_7ubzk_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_7ubzk_164, .awsui_highlighted_15o6u_7ubzk_164) {
315
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_virtual_15o6u_11e6r_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_11e6r_164, .awsui_highlighted_15o6u_11e6r_164) {
342
316
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-top-gp2d1p, transparent), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
343
317
  }
344
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_virtual_15o6u_7ubzk_178.awsui_parent_15o6u_7ubzk_164:not(#\9):not(.awsui_interactiveGroups_15o6u_7ubzk_164) {
318
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_virtual_15o6u_11e6r_178.awsui_parent_15o6u_11e6r_164:not(#\9):not(.awsui_interactiveGroups_15o6u_11e6r_164) {
345
319
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-group-ylcnh8, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
346
320
  }
347
321
 
348
- .awsui_measure-strut_15o6u_7ubzk_348:not(#\9) {
322
+ .awsui_measure-strut_15o6u_11e6r_322:not(#\9) {
349
323
  position: absolute;
350
324
  pointer-events: none;
351
325
  block-size: 100%;
@@ -353,20 +327,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
353
327
  inset-block-start: 0;
354
328
  inset-inline-start: 0;
355
329
  }
356
- .awsui_selectable-item_15o6u_7ubzk_145.awsui_virtual_15o6u_7ubzk_178 > .awsui_measure-strut_15o6u_7ubzk_348:not(#\9) {
330
+ .awsui_selectable-item_15o6u_11e6r_145.awsui_virtual_15o6u_11e6r_178 > .awsui_measure-strut_15o6u_11e6r_322:not(#\9) {
357
331
  block-size: calc(100% - var(--border-item-width-miijiw, 2px));
358
332
  }
359
333
 
360
- .awsui_screenreader-content_15o6u_7ubzk_360:not(#\9) {
334
+ .awsui_screenreader-content_15o6u_11e6r_334:not(#\9) {
361
335
  position: absolute !important;
362
336
  inset-block-start: -9999px !important;
363
337
  inset-inline-start: -9999px !important;
364
338
  }
365
339
 
366
- .awsui_option-content_15o6u_7ubzk_366:not(#\9) {
340
+ .awsui_option-content_15o6u_11e6r_340:not(#\9) {
367
341
  /* used in test-utils */
368
342
  }
369
343
 
370
- .awsui_select-all_15o6u_7ubzk_370:not(#\9) {
344
+ .awsui_select-all_15o6u_11e6r_344:not(#\9) {
371
345
  /* used in test-utils */
372
346
  }
@@ -2,27 +2,27 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "selectable-item": "awsui_selectable-item_15o6u_7ubzk_145",
6
- "parent": "awsui_parent_15o6u_7ubzk_164",
7
- "interactiveGroups": "awsui_interactiveGroups_15o6u_7ubzk_164",
8
- "highlighted": "awsui_highlighted_15o6u_7ubzk_164",
9
- "selected": "awsui_selected_15o6u_7ubzk_164",
10
- "selectable-item-content": "awsui_selectable-item-content_15o6u_7ubzk_167",
11
- "pad-bottom": "awsui_pad-bottom_15o6u_7ubzk_171",
12
- "virtual": "awsui_virtual_15o6u_7ubzk_178",
13
- "has-background": "awsui_has-background_15o6u_7ubzk_181",
14
- "child": "awsui_child_15o6u_7ubzk_184",
15
- "disabled": "awsui_disabled_15o6u_7ubzk_190",
16
- "is-keyboard": "awsui_is-keyboard_15o6u_7ubzk_218",
17
- "visual-refresh": "awsui_visual-refresh_15o6u_7ubzk_228",
18
- "next-item-selected": "awsui_next-item-selected_15o6u_7ubzk_242",
19
- "previous-item-selected": "awsui_previous-item-selected_15o6u_7ubzk_252",
20
- "sticky": "awsui_sticky_15o6u_7ubzk_297",
21
- "with-scrollbar": "awsui_with-scrollbar_15o6u_7ubzk_316",
22
- "after-header": "awsui_after-header_15o6u_7ubzk_319",
23
- "measure-strut": "awsui_measure-strut_15o6u_7ubzk_348",
24
- "screenreader-content": "awsui_screenreader-content_15o6u_7ubzk_360",
25
- "option-content": "awsui_option-content_15o6u_7ubzk_366",
26
- "select-all": "awsui_select-all_15o6u_7ubzk_370"
5
+ "selectable-item": "awsui_selectable-item_15o6u_11e6r_145",
6
+ "parent": "awsui_parent_15o6u_11e6r_164",
7
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_11e6r_164",
8
+ "highlighted": "awsui_highlighted_15o6u_11e6r_164",
9
+ "selected": "awsui_selected_15o6u_11e6r_164",
10
+ "selectable-item-content": "awsui_selectable-item-content_15o6u_11e6r_167",
11
+ "pad-bottom": "awsui_pad-bottom_15o6u_11e6r_171",
12
+ "virtual": "awsui_virtual_15o6u_11e6r_178",
13
+ "has-background": "awsui_has-background_15o6u_11e6r_181",
14
+ "child": "awsui_child_15o6u_11e6r_184",
15
+ "disabled": "awsui_disabled_15o6u_11e6r_190",
16
+ "is-keyboard": "awsui_is-keyboard_15o6u_11e6r_205",
17
+ "visual-refresh": "awsui_visual-refresh_15o6u_11e6r_215",
18
+ "next-item-selected": "awsui_next-item-selected_15o6u_11e6r_229",
19
+ "previous-item-selected": "awsui_previous-item-selected_15o6u_11e6r_239",
20
+ "sticky": "awsui_sticky_15o6u_11e6r_271",
21
+ "with-scrollbar": "awsui_with-scrollbar_15o6u_11e6r_290",
22
+ "after-header": "awsui_after-header_15o6u_11e6r_293",
23
+ "measure-strut": "awsui_measure-strut_15o6u_11e6r_322",
24
+ "screenreader-content": "awsui_screenreader-content_15o6u_11e6r_334",
25
+ "option-content": "awsui_option-content_15o6u_11e6r_340",
26
+ "select-all": "awsui_select-all_15o6u_11e6r_344"
27
27
  };
28
28
 
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (75aed8ba)";
3
- export var GIT_SHA = "75aed8ba";
2
+ export var PACKAGE_VERSION = "3.0.0 (7746a982)";
3
+ export var GIT_SHA = "7746a982";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (75aed8ba)",
4
- "GIT_SHA": "75aed8ba",
3
+ "PACKAGE_VERSION": "3.0.0 (7746a982)",
4
+ "GIT_SHA": "7746a982",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": true
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "75aed8ba02420e27a42eeef9890e17f4781e3f16"
2
+ "commit": "7746a982f5fe8edfd2a7888955c15e0d165af2bf"
3
3
  }
package/package.json CHANGED
@@ -158,7 +158,7 @@
158
158
  "./internal/base-component/index.js",
159
159
  "./internal/base-component/styles.css.js"
160
160
  ],
161
- "version": "3.0.1179",
161
+ "version": "3.0.1180",
162
162
  "repository": {
163
163
  "type": "git",
164
164
  "url": "https://github.com/cloudscape-design/components.git"