@cloudscape-design/components 3.0.1104 → 3.0.1106

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +25 -25
  2. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +75 -70
  3. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +25 -25
  4. package/internal/base-component/styles.scoped.css +1 -1
  5. package/internal/environment.js +2 -2
  6. package/internal/environment.json +2 -2
  7. package/internal/generated/theming/index.cjs +18 -14
  8. package/internal/generated/theming/index.cjs.d.ts +18 -0
  9. package/internal/generated/theming/index.d.ts +18 -0
  10. package/internal/generated/theming/index.js +18 -14
  11. package/internal/manifest.json +1 -1
  12. package/package.json +1 -1
  13. package/select/utils/use-select.js +1 -1
  14. package/select/utils/use-select.js.map +1 -1
package/app-layout/visual-refresh-toolbar/drawer/styles.css.js CHANGED
@@ -1,30 +1,30 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "drawer": "awsui_drawer_12i0j_1xox5_193",
5
- "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1xox5_207",
6
- "legacy": "awsui_legacy_12i0j_1xox5_221",
7
- "ai-drawer": "awsui_ai-drawer_12i0j_1xox5_221",
8
- "last-opened": "awsui_last-opened_12i0j_1xox5_229",
9
- "drawer-global": "awsui_drawer-global_12i0j_1xox5_233",
10
- "drawer-expanded": "awsui_drawer-expanded_12i0j_1xox5_242",
11
- "drawer-hidden": "awsui_drawer-hidden_12i0j_1xox5_246",
12
- "has-next-siblings": "awsui_has-next-siblings_12i0j_1xox5_256",
13
- "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1xox5_256",
14
- "drawer-content-container": "awsui_drawer-content-container_12i0j_1xox5_270",
15
- "drawer-gap": "awsui_drawer-gap_12i0j_1xox5_273",
16
- "drawer-close-button": "awsui_drawer-close-button_12i0j_1xox5_291",
17
- "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1xox5_297",
18
- "drawer-content": "awsui_drawer-content_12i0j_1xox5_270",
19
- "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1xox5_309",
20
- "drawer-slider": "awsui_drawer-slider_12i0j_1xox5_312",
21
- "drawer-actions": "awsui_drawer-actions_12i0j_1xox5_362",
22
- "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1xox5_416",
23
- "drawer-content-header": "awsui_drawer-content-header_12i0j_1xox5_436",
24
- "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1xox5_449",
25
- "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1xox5_466",
26
- "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1xox5_505",
27
- "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1xox5_505",
28
- "drawer-content-content": "awsui_drawer-content-content_12i0j_1xox5_578"
4
+ "drawer": "awsui_drawer_12i0j_z49q4_193",
5
+ "with-expanded-motion": "awsui_with-expanded-motion_12i0j_z49q4_207",
6
+ "legacy": "awsui_legacy_12i0j_z49q4_221",
7
+ "ai-drawer": "awsui_ai-drawer_12i0j_z49q4_221",
8
+ "last-opened": "awsui_last-opened_12i0j_z49q4_229",
9
+ "drawer-global": "awsui_drawer-global_12i0j_z49q4_233",
10
+ "drawer-expanded": "awsui_drawer-expanded_12i0j_z49q4_242",
11
+ "drawer-hidden": "awsui_drawer-hidden_12i0j_z49q4_246",
12
+ "has-next-siblings": "awsui_has-next-siblings_12i0j_z49q4_256",
13
+ "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_z49q4_256",
14
+ "drawer-content-container": "awsui_drawer-content-container_12i0j_z49q4_270",
15
+ "drawer-gap": "awsui_drawer-gap_12i0j_z49q4_273",
16
+ "drawer-close-button": "awsui_drawer-close-button_12i0j_z49q4_291",
17
+ "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_z49q4_297",
18
+ "drawer-content": "awsui_drawer-content_12i0j_z49q4_270",
19
+ "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_z49q4_309",
20
+ "drawer-slider": "awsui_drawer-slider_12i0j_z49q4_312",
21
+ "drawer-actions": "awsui_drawer-actions_12i0j_z49q4_362",
22
+ "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_z49q4_418",
23
+ "drawer-content-header": "awsui_drawer-content-header_12i0j_z49q4_437",
24
+ "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_z49q4_450",
25
+ "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_z49q4_467",
26
+ "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_z49q4_506",
27
+ "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_z49q4_506",
28
+ "drawer-content-content": "awsui_drawer-content-content_12i0j_z49q4_579"
29
29
  };
30
30
 
package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css CHANGED
@@ -190,7 +190,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
191
191
  SPDX-License-Identifier: Apache-2.0
192
192
  */
193
- .awsui_drawer_12i0j_1xox5_193:not(#\9) {
193
+ .awsui_drawer_12i0j_z49q4_193:not(#\9) {
194
194
  position: sticky;
195
195
  z-index: 830;
196
196
  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
@@ -204,56 +204,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
204
204
  pointer-events: auto;
205
205
  word-wrap: break-word;
206
206
  }
207
- .awsui_drawer_12i0j_1xox5_193.awsui_with-expanded-motion_12i0j_1xox5_207:not(#\9) {
207
+ .awsui_drawer_12i0j_z49q4_193.awsui_with-expanded-motion_12i0j_z49q4_207:not(#\9) {
208
208
  transition: inline-size var(--motion-duration-refresh-only-slow-ugjy90, 250ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1)), min-inline-size var(--motion-duration-refresh-only-slow-ugjy90, 250ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1));
209
209
  }
210
210
  @media (prefers-reduced-motion: reduce) {
211
- .awsui_drawer_12i0j_1xox5_193.awsui_with-expanded-motion_12i0j_1xox5_207:not(#\9) {
211
+ .awsui_drawer_12i0j_z49q4_193.awsui_with-expanded-motion_12i0j_z49q4_207:not(#\9) {
212
212
  animation: none;
213
213
  transition: none;
214
214
  }
215
215
  }
216
- .awsui-motion-disabled .awsui_drawer_12i0j_1xox5_193.awsui_with-expanded-motion_12i0j_1xox5_207:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_1xox5_193.awsui_with-expanded-motion_12i0j_1xox5_207:not(#\9) {
216
+ .awsui-motion-disabled .awsui_drawer_12i0j_z49q4_193.awsui_with-expanded-motion_12i0j_z49q4_207:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_z49q4_193.awsui_with-expanded-motion_12i0j_z49q4_207:not(#\9) {
217
217
  animation: none;
218
218
  transition: none;
219
219
  }
220
220
  @media (min-width: 689px) {
221
- .awsui_drawer_12i0j_1xox5_193:not(#\9):not(.awsui_legacy_12i0j_1xox5_221):not(.awsui_ai-drawer_12i0j_1xox5_221) {
221
+ .awsui_drawer_12i0j_z49q4_193:not(#\9):not(.awsui_legacy_12i0j_z49q4_221):not(.awsui_ai-drawer_12i0j_z49q4_221) {
222
222
  border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
223
223
  }
224
224
  }
225
225
  @media (max-width: 688px) {
226
- .awsui_drawer_12i0j_1xox5_193:not(#\9) {
226
+ .awsui_drawer_12i0j_z49q4_193:not(#\9) {
227
227
  inline-size: 100%;
228
228
  }
229
- .awsui_drawer_12i0j_1xox5_193.awsui_last-opened_12i0j_1xox5_229:not(#\9) {
229
+ .awsui_drawer_12i0j_z49q4_193.awsui_last-opened_12i0j_z49q4_229:not(#\9) {
230
230
  z-index: 1001;
231
231
  }
232
232
  }
233
- .awsui_drawer_12i0j_1xox5_193.awsui_drawer-global_12i0j_1xox5_233:not(#\9) {
233
+ .awsui_drawer_12i0j_z49q4_193.awsui_drawer-global_12i0j_z49q4_233:not(#\9) {
234
234
  display: block;
235
235
  }
236
236
  @media (min-width: 689px) {
237
- .awsui_drawer_12i0j_1xox5_193.awsui_drawer-global_12i0j_1xox5_233:not(#\9) {
237
+ .awsui_drawer_12i0j_z49q4_193.awsui_drawer-global_12i0j_z49q4_233:not(#\9) {
238
238
  inline-size: var(--awsui-drawer-size-vl73au);
239
239
  }
240
240
  }
241
241
  @media (max-width: 688px) {
242
- .awsui_drawer_12i0j_1xox5_193.awsui_drawer-global_12i0j_1xox5_233:not(#\9):not(.awsui_last-opened_12i0j_1xox5_229):not(.awsui_drawer-expanded_12i0j_1xox5_242) {
242
+ .awsui_drawer_12i0j_z49q4_193.awsui_drawer-global_12i0j_z49q4_233:not(#\9):not(.awsui_last-opened_12i0j_z49q4_229):not(.awsui_drawer-expanded_12i0j_z49q4_242) {
243
243
  display: none;
244
244
  }
245
245
  }
246
- .awsui_drawer_12i0j_1xox5_193.awsui_drawer-hidden_12i0j_1xox5_246:not(#\9) {
246
+ .awsui_drawer_12i0j_z49q4_193.awsui_drawer-hidden_12i0j_z49q4_246:not(#\9) {
247
247
  display: none;
248
248
  }
249
- .awsui_drawer_12i0j_1xox5_193.awsui_drawer-expanded_12i0j_1xox5_242:not(#\9) {
249
+ .awsui_drawer_12i0j_z49q4_193.awsui_drawer-expanded_12i0j_z49q4_242:not(#\9) {
250
250
  inline-size: 100%;
251
251
  }
252
252
  @media (min-width: 689px) {
253
- .awsui_drawer_12i0j_1xox5_193.awsui_drawer-expanded_12i0j_1xox5_242:not(#\9) {
253
+ .awsui_drawer_12i0j_z49q4_193.awsui_drawer-expanded_12i0j_z49q4_242:not(#\9) {
254
254
  border-inline-start: none;
255
255
  }
256
- .awsui_drawer_12i0j_1xox5_193.awsui_drawer-expanded_12i0j_1xox5_242.awsui_has-next-siblings_12i0j_1xox5_256 > .awsui_global-drawer-wrapper_12i0j_1xox5_256:not(#\9):after {
256
+ .awsui_drawer_12i0j_z49q4_193.awsui_drawer-expanded_12i0j_z49q4_242.awsui_has-next-siblings_12i0j_z49q4_256 > .awsui_global-drawer-wrapper_12i0j_z49q4_256:not(#\9):after {
257
257
  content: "";
258
258
  position: absolute;
259
259
  block-size: 100%;
@@ -263,14 +263,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
263
263
  border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
264
264
  box-sizing: border-box;
265
265
  }
266
- .awsui_drawer_12i0j_1xox5_193.awsui_drawer-expanded_12i0j_1xox5_242 > .awsui_global-drawer-wrapper_12i0j_1xox5_256:not(#\9) {
266
+ .awsui_drawer_12i0j_z49q4_193.awsui_drawer-expanded_12i0j_z49q4_242 > .awsui_global-drawer-wrapper_12i0j_z49q4_256:not(#\9) {
267
267
  inline-size: 100%;
268
268
  grid-template-columns: 8px 1fr;
269
269
  }
270
- .awsui_drawer_12i0j_1xox5_193.awsui_drawer-expanded_12i0j_1xox5_242 > .awsui_global-drawer-wrapper_12i0j_1xox5_256 > .awsui_drawer-content-container_12i0j_1xox5_270:not(#\9) {
270
+ .awsui_drawer_12i0j_z49q4_193.awsui_drawer-expanded_12i0j_z49q4_242 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
271
271
  grid-column: 2;
272
272
  }
273
- .awsui_drawer_12i0j_1xox5_193.awsui_drawer-expanded_12i0j_1xox5_242 > .awsui_global-drawer-wrapper_12i0j_1xox5_256 > .awsui_drawer-gap_12i0j_1xox5_273:not(#\9) {
273
+ .awsui_drawer_12i0j_z49q4_193.awsui_drawer-expanded_12i0j_z49q4_242 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-gap_12i0j_z49q4_273:not(#\9) {
274
274
  grid-column: 1;
275
275
  grid-row: 1;
276
276
  block-size: 100%;
@@ -279,7 +279,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
279
279
  border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
280
280
  }
281
281
  }
282
- .awsui_drawer_12i0j_1xox5_193 > .awsui_drawer-content-container_12i0j_1xox5_270:not(#\9) {
282
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
283
283
  grid-column: 1/span 2;
284
284
  grid-row: 1;
285
285
  display: grid;
@@ -288,13 +288,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
288
288
  overflow-y: auto;
289
289
  min-inline-size: var(--awsui-drawer-size-vl73au);
290
290
  }
291
- .awsui_drawer_12i0j_1xox5_193 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-close-button_12i0j_1xox5_291:not(#\9) {
291
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-close-button_12i0j_z49q4_291:not(#\9) {
292
292
  grid-column: 3;
293
293
  grid-row: 2;
294
294
  z-index: 1;
295
295
  align-self: start;
296
296
  }
297
- .awsui_drawer_12i0j_1xox5_193 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-expanded-mode-button_12i0j_1xox5_297:not(#\9) {
297
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-expanded-mode-button_12i0j_z49q4_297:not(#\9) {
298
298
  grid-column: 2;
299
299
  grid-row: 2;
300
300
  z-index: 1;
@@ -302,32 +302,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
302
302
  display: flex;
303
303
  justify-content: flex-end;
304
304
  }
305
- .awsui_drawer_12i0j_1xox5_193 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270:not(#\9) {
305
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270:not(#\9) {
306
306
  grid-column: 1/span 4;
307
307
  grid-row: 1/span 2;
308
308
  }
309
- .awsui_drawer_12i0j_1xox5_193 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270.awsui_drawer-content-hidden_12i0j_1xox5_309:not(#\9) {
309
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270.awsui_drawer-content-hidden_12i0j_z49q4_309:not(#\9) {
310
310
  display: none;
311
311
  }
312
- .awsui_drawer_12i0j_1xox5_193 > .awsui_drawer-slider_12i0j_1xox5_312:not(#\9) {
312
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_drawer-slider_12i0j_z49q4_312:not(#\9) {
313
313
  grid-column: 1;
314
314
  grid-row: 1;
315
315
  block-size: 100%;
316
316
  display: flex;
317
317
  align-items: center;
318
318
  }
319
- .awsui_drawer_12i0j_1xox5_193 > .awsui_global-drawer-wrapper_12i0j_1xox5_256:not(#\9) {
319
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256:not(#\9) {
320
320
  display: grid;
321
321
  min-inline-size: var(--awsui-drawer-size-vl73au);
322
322
  grid-template-columns: 8px var(--space-m-dsumyt, 16px) 1fr;
323
323
  overflow: hidden;
324
324
  }
325
325
  @media (max-width: 688px) {
326
- .awsui_drawer_12i0j_1xox5_193 > .awsui_global-drawer-wrapper_12i0j_1xox5_256:not(#\9) {
326
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256:not(#\9) {
327
327
  grid-template-columns: 1fr;
328
328
  }
329
329
  }
330
- .awsui_drawer_12i0j_1xox5_193 > .awsui_global-drawer-wrapper_12i0j_1xox5_256 > .awsui_drawer-gap_12i0j_1xox5_273:not(#\9) {
330
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-gap_12i0j_z49q4_273:not(#\9) {
331
331
  grid-column: 1;
332
332
  grid-row: 1;
333
333
  block-size: 100%;
@@ -336,13 +336,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
336
336
  border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
337
337
  box-sizing: border-box;
338
338
  }
339
- .awsui_drawer_12i0j_1xox5_193 > .awsui_global-drawer-wrapper_12i0j_1xox5_256 > .awsui_drawer-slider_12i0j_1xox5_312:not(#\9) {
339
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-slider_12i0j_z49q4_312:not(#\9) {
340
340
  grid-column: 2;
341
341
  grid-row: 1;
342
342
  display: flex;
343
343
  align-items: center;
344
344
  }
345
- .awsui_drawer_12i0j_1xox5_193 > .awsui_global-drawer-wrapper_12i0j_1xox5_256 > .awsui_drawer-content-container_12i0j_1xox5_270:not(#\9) {
345
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
346
346
  grid-row: 1;
347
347
  display: grid;
348
348
  grid-template-columns: var(--space-m-dsumyt, 16px) 1fr auto var(--space-m-dsumyt, 16px);
@@ -350,16 +350,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
350
350
  overflow-y: auto;
351
351
  }
352
352
  @media (min-width: 689px) {
353
- .awsui_drawer_12i0j_1xox5_193 > .awsui_global-drawer-wrapper_12i0j_1xox5_256 > .awsui_drawer-content-container_12i0j_1xox5_270:not(#\9) {
353
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
354
354
  grid-column: 2/span 2;
355
355
  }
356
356
  }
357
357
  @media (max-width: 688px) {
358
- .awsui_drawer_12i0j_1xox5_193 > .awsui_global-drawer-wrapper_12i0j_1xox5_256 > .awsui_drawer-content-container_12i0j_1xox5_270:not(#\9) {
358
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
359
359
  grid-column: 1/span 2;
360
360
  }
361
361
  }
362
- .awsui_drawer_12i0j_1xox5_193 > .awsui_global-drawer-wrapper_12i0j_1xox5_256 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-actions_12i0j_1xox5_362:not(#\9) {
362
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-actions_12i0j_z49q4_362:not(#\9) {
363
363
  position: absolute;
364
364
  display: flex;
365
365
  inset-block-start: 0;
@@ -367,13 +367,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
367
367
  padding-inline-end: var(--space-m-dsumyt, 16px);
368
368
  padding-block-start: 14px;
369
369
  }
370
- .awsui_drawer_12i0j_1xox5_193 > .awsui_global-drawer-wrapper_12i0j_1xox5_256 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-close-button_12i0j_1xox5_291:not(#\9) {
370
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-close-button_12i0j_z49q4_291:not(#\9) {
371
371
  grid-column: 3;
372
372
  grid-row: 2;
373
373
  z-index: 1;
374
374
  align-self: start;
375
375
  }
376
- .awsui_drawer_12i0j_1xox5_193 > .awsui_global-drawer-wrapper_12i0j_1xox5_256 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-expanded-mode-button_12i0j_1xox5_297:not(#\9) {
376
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-expanded-mode-button_12i0j_z49q4_297:not(#\9) {
377
377
  grid-column: 2;
378
378
  grid-row: 2;
379
379
  z-index: 1;
@@ -381,59 +381,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
381
381
  display: flex;
382
382
  justify-content: flex-end;
383
383
  }
384
- .awsui_drawer_12i0j_1xox5_193 > .awsui_global-drawer-wrapper_12i0j_1xox5_256 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270:not(#\9) {
384
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270:not(#\9) {
385
385
  grid-column: 1/span 4;
386
386
  grid-row: 1/span 2;
387
387
  }
388
- .awsui_drawer_12i0j_1xox5_193 > .awsui_global-drawer-wrapper_12i0j_1xox5_256 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270.awsui_drawer-content-hidden_12i0j_1xox5_309:not(#\9) {
388
+ .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270.awsui_drawer-content-hidden_12i0j_z49q4_309:not(#\9) {
389
389
  display: none;
390
390
  }
391
391
  @media (max-width: 688px) {
392
392
  @media not print {
393
- .awsui_drawer_12i0j_1xox5_193:not(#\9):not(.awsui_ai-drawer_12i0j_1xox5_221) {
393
+ .awsui_drawer_12i0j_z49q4_193:not(#\9):not(.awsui_ai-drawer_12i0j_z49q4_221) {
394
394
  /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
395
395
  }
396
- .awsui-polaris-dark-mode .awsui_drawer_12i0j_1xox5_193:not(#\9):not(.awsui_ai-drawer_12i0j_1xox5_221), .awsui-dark-mode .awsui_drawer_12i0j_1xox5_193:not(#\9):not(.awsui_ai-drawer_12i0j_1xox5_221) {
396
+ .awsui-polaris-dark-mode .awsui_drawer_12i0j_z49q4_193:not(#\9):not(.awsui_ai-drawer_12i0j_z49q4_221), .awsui-dark-mode .awsui_drawer_12i0j_z49q4_193:not(#\9):not(.awsui_ai-drawer_12i0j_z49q4_221) {
397
397
  border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
398
398
  }
399
399
  }
400
400
  }
401
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221:not(#\9) {
401
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221:not(#\9) {
402
402
  grid-template-columns: 1fr var(--space-xs-ymlm0b, 8px);
403
403
  background: #161d26;
404
404
  }
405
405
  @media (max-width: 688px) {
406
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221:not(#\9) {
406
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221:not(#\9) {
407
407
  grid-template-columns: 1fr;
408
408
  z-index: 1001;
409
409
  }
410
410
  }
411
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-slider_12i0j_1xox5_312:not(#\9) {
411
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-slider_12i0j_z49q4_312:not(#\9) {
412
+ display: flex;
413
+ justify-content: center;
412
414
  inline-size: var(--space-xs-ymlm0b, 8px);
413
415
  overflow: hidden;
414
416
  grid-column: 2;
415
417
  }
416
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 .awsui_ai-drawer-slider-handle_12i0j_1xox5_416:not(#\9) {
417
- transform: translate(-4px);
418
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 .awsui_ai-drawer-slider-handle_12i0j_z49q4_418:not(#\9) {
418
419
  color: var(--color-text-interactive-inverted-default-xlc0d5, #dedee3);
419
420
  }
420
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 .awsui_ai-drawer-slider-handle_12i0j_1xox5_416:not(#\9):hover {
421
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 .awsui_ai-drawer-slider-handle_12i0j_z49q4_418:not(#\9):hover {
421
422
  stroke: var(--color-text-interactive-inverted-hover-65rnp7, #f9f9fa);
422
423
  }
423
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270:not(#\9) {
424
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
424
425
  min-inline-size: calc(var(--awsui-drawer-min-size-vl73au) - var(--space-xs-ymlm0b, 8px));
425
426
  grid-column: 1/span 1;
426
427
  background-color: var(--color-background-layout-panel-content-xto15e, #ffffff);
427
428
  }
428
429
  @media (min-width: 689px) {
429
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270:not(#\9) {
430
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
430
431
  border-start-end-radius: var(--space-xxs-hwfkai, 4px);
431
432
  }
432
433
  }
433
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270:not(#\9) {
434
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270:not(#\9) {
434
435
  grid-row: 1/span 4;
435
436
  }
436
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436:not(#\9) {
437
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437:not(#\9) {
437
438
  block-size: 41px;
438
439
  position: sticky;
439
440
  z-index: 1000;
@@ -446,7 +447,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
446
447
  border-image: linear-gradient(90deg, #962eff 0%, #5c7fff 30%, #09f 50%, #b8e7ff 70%, #8575ff 100%) 1;
447
448
  box-sizing: border-box;
448
449
  }
449
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-content-header-content_12i0j_1xox5_449:not(#\9) {
450
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-content-header-content_12i0j_z49q4_450:not(#\9) {
450
451
  display: flex;
451
452
  flex: 1;
452
453
  align-items: center;
@@ -456,23 +457,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
456
457
  padding-inline-end: var(--space-m-dsumyt, 16px);
457
458
  }
458
459
  @media not print {
459
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-content-header-content_12i0j_1xox5_449:not(#\9) {
460
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-content-header-content_12i0j_z49q4_450:not(#\9) {
460
461
  /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
461
462
  }
462
- .awsui-polaris-dark-mode .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-content-header-content_12i0j_1xox5_449:not(#\9), .awsui-dark-mode .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-content-header-content_12i0j_1xox5_449:not(#\9) {
463
+ .awsui-polaris-dark-mode .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-content-header-content_12i0j_z49q4_450:not(#\9), .awsui-dark-mode .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-content-header-content_12i0j_z49q4_450:not(#\9) {
463
464
  border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
464
465
  }
465
466
  @media (min-width: 689px) {
466
- .awsui-polaris-dark-mode .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-content-header-content_12i0j_1xox5_449:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_1xox5_466), .awsui-dark-mode .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-content-header-content_12i0j_1xox5_449:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_1xox5_466) {
467
+ .awsui-polaris-dark-mode .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-content-header-content_12i0j_z49q4_450:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_z49q4_467), .awsui-dark-mode .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-content-header-content_12i0j_z49q4_450:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_z49q4_467) {
467
468
  border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
468
469
  border-start-end-radius: var(--space-xxs-hwfkai, 4px);
469
470
  }
470
471
  }
471
472
  }
472
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-content-header-content_12i0j_1xox5_449 > .awsui_drawer-actions_12i0j_1xox5_362:not(#\9) {
473
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-content-header-content_12i0j_z49q4_450 > .awsui_drawer-actions_12i0j_z49q4_362:not(#\9) {
473
474
  display: flex;
474
475
  }
475
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466:not(#\9) {
476
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467:not(#\9) {
476
477
  position: relative;
477
478
  display: flex;
478
479
  align-items: center;
@@ -481,7 +482,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
481
482
  padding-inline: var(--space-static-m-m6qboo, 16px);
482
483
  background-color: #161d26;
483
484
  }
484
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466:not(#\9):before, .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466:not(#\9):after {
485
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467:not(#\9):before, .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467:not(#\9):after {
485
486
  content: "";
486
487
  position: absolute;
487
488
  inset-block-start: 0;
@@ -491,28 +492,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
491
492
  background: #161d26;
492
493
  }
493
494
  @media not print {
494
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466:not(#\9):before, .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466:not(#\9):after {
495
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467:not(#\9):before, .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467:not(#\9):after {
495
496
  /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
496
497
  }
497
- .awsui-polaris-dark-mode .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466:not(#\9):before, .awsui-dark-mode .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466:not(#\9):before, .awsui-polaris-dark-mode .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466:not(#\9):after, .awsui-dark-mode .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466:not(#\9):after {
498
+ .awsui-polaris-dark-mode .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467:not(#\9):before, .awsui-dark-mode .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467:not(#\9):before, .awsui-polaris-dark-mode .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467:not(#\9):after, .awsui-dark-mode .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467:not(#\9):after {
498
499
  display: none;
499
500
  }
500
501
  }
501
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466:not(#\9):after {
502
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467:not(#\9):after {
502
503
  background-color: var(--color-background-layout-panel-content-xto15e, #ffffff);
503
504
  border-start-end-radius: var(--space-xxs-hwfkai, 4px);
504
505
  }
505
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1xox5_505:not(#\9) {
506
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_z49q4_506:not(#\9) {
506
507
  position: relative;
507
508
  }
508
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1xox5_505:not(#\9):has(:focus-visible) {
509
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_z49q4_506:not(#\9):has(:focus-visible) {
509
510
  position: relative;
510
511
  }
511
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1xox5_505:not(#\9):has(:focus-visible) {
512
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_z49q4_506:not(#\9):has(:focus-visible) {
512
513
  outline: 2px dotted transparent;
513
514
  outline-offset: calc(3px - 1px);
514
515
  }
515
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1xox5_505:not(#\9):has(:focus-visible)::before {
516
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_z49q4_506:not(#\9):has(:focus-visible)::before {
516
517
  content: " ";
517
518
  display: block;
518
519
  position: absolute;
@@ -526,7 +527,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
526
527
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
527
528
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
528
529
  }
529
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1xox5_505 > .awsui_drawer-back-to-console-button_12i0j_1xox5_505:not(#\9) {
530
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_z49q4_506 > .awsui_drawer-back-to-console-button_12i0j_z49q4_506:not(#\9) {
530
531
  border-collapse: separate;
531
532
  border-spacing: 0;
532
533
  box-sizing: border-box;
@@ -572,30 +573,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
572
573
  color: #ffffff;
573
574
  cursor: pointer;
574
575
  }
575
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-header_12i0j_1xox5_436 > .awsui_drawer-back-to-console-slot_12i0j_1xox5_466 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1xox5_505 > .awsui_drawer-back-to-console-button_12i0j_1xox5_505:not(#\9):focus {
576
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-header_12i0j_z49q4_437 > .awsui_drawer-back-to-console-slot_12i0j_z49q4_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_z49q4_506 > .awsui_drawer-back-to-console-button_12i0j_z49q4_506:not(#\9):focus {
576
577
  outline: none;
577
578
  }
578
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221 > .awsui_drawer-content-container_12i0j_1xox5_270 > .awsui_drawer-content_12i0j_1xox5_270 > .awsui_drawer-content-content_12i0j_1xox5_578:not(#\9) {
579
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270 > .awsui_drawer-content-content_12i0j_z49q4_579:not(#\9) {
579
580
  display: flex;
580
581
  flex-direction: column;
581
582
  block-size: calc(100% - 41px);
582
583
  }
583
584
  @media (min-width: 689px) {
584
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1xox5_242) > .awsui_drawer-content-container_12i0j_1xox5_270 {
585
- clip-path: inset(0 0 -9999px 0 round var(--space-xxs-hwfkai, 4px));
585
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221:not(#\9):not(.awsui_drawer-expanded_12i0j_z49q4_242) > .awsui_drawer-content-container_12i0j_z49q4_270 {
586
+ clip-path: inset(0 0 -9999px 0 round 0 var(--space-xxs-hwfkai, 4px) 0 0);
587
+ /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
588
+ }
589
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221:not(#\9):not(.awsui_drawer-expanded_12i0j_z49q4_242) > .awsui_drawer-content-container_12i0j_z49q4_270:dir(rtl) {
590
+ clip-path: inset(0 0 -9999px 0 round var(--space-xxs-hwfkai, 4px) 0 0 0);
586
591
  }
587
592
  @media not print {
588
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1xox5_242) > .awsui_drawer-content-container_12i0j_1xox5_270 {
593
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221:not(#\9):not(.awsui_drawer-expanded_12i0j_z49q4_242) > .awsui_drawer-content-container_12i0j_z49q4_270 {
589
594
  /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
590
595
  }
591
- .awsui-polaris-dark-mode .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1xox5_242) > .awsui_drawer-content-container_12i0j_1xox5_270, .awsui-dark-mode .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1xox5_242) > .awsui_drawer-content-container_12i0j_1xox5_270 {
596
+ .awsui-polaris-dark-mode .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221:not(#\9):not(.awsui_drawer-expanded_12i0j_z49q4_242) > .awsui_drawer-content-container_12i0j_z49q4_270, .awsui-dark-mode .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221:not(#\9):not(.awsui_drawer-expanded_12i0j_z49q4_242) > .awsui_drawer-content-container_12i0j_z49q4_270 {
592
597
  border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
593
598
  }
594
599
  }
595
600
  }
596
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221.awsui_drawer-expanded_12i0j_1xox5_242:not(#\9) {
601
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221.awsui_drawer-expanded_12i0j_z49q4_242:not(#\9) {
597
602
  grid-template-columns: 1fr;
598
603
  }
599
- .awsui_drawer_12i0j_1xox5_193.awsui_ai-drawer_12i0j_1xox5_221.awsui_drawer-expanded_12i0j_1xox5_242 > .awsui_drawer-content-container_12i0j_1xox5_270:not(#\9) {
604
+ .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221.awsui_drawer-expanded_12i0j_z49q4_242 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
600
605
  border-start-end-radius: 0;
601
606
  }
package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js CHANGED
@@ -2,30 +2,30 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "drawer": "awsui_drawer_12i0j_1xox5_193",
6
- "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1xox5_207",
7
- "legacy": "awsui_legacy_12i0j_1xox5_221",
8
- "ai-drawer": "awsui_ai-drawer_12i0j_1xox5_221",
9
- "last-opened": "awsui_last-opened_12i0j_1xox5_229",
10
- "drawer-global": "awsui_drawer-global_12i0j_1xox5_233",
11
- "drawer-expanded": "awsui_drawer-expanded_12i0j_1xox5_242",
12
- "drawer-hidden": "awsui_drawer-hidden_12i0j_1xox5_246",
13
- "has-next-siblings": "awsui_has-next-siblings_12i0j_1xox5_256",
14
- "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1xox5_256",
15
- "drawer-content-container": "awsui_drawer-content-container_12i0j_1xox5_270",
16
- "drawer-gap": "awsui_drawer-gap_12i0j_1xox5_273",
17
- "drawer-close-button": "awsui_drawer-close-button_12i0j_1xox5_291",
18
- "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1xox5_297",
19
- "drawer-content": "awsui_drawer-content_12i0j_1xox5_270",
20
- "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1xox5_309",
21
- "drawer-slider": "awsui_drawer-slider_12i0j_1xox5_312",
22
- "drawer-actions": "awsui_drawer-actions_12i0j_1xox5_362",
23
- "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1xox5_416",
24
- "drawer-content-header": "awsui_drawer-content-header_12i0j_1xox5_436",
25
- "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1xox5_449",
26
- "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1xox5_466",
27
- "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1xox5_505",
28
- "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1xox5_505",
29
- "drawer-content-content": "awsui_drawer-content-content_12i0j_1xox5_578"
5
+ "drawer": "awsui_drawer_12i0j_z49q4_193",
6
+ "with-expanded-motion": "awsui_with-expanded-motion_12i0j_z49q4_207",
7
+ "legacy": "awsui_legacy_12i0j_z49q4_221",
8
+ "ai-drawer": "awsui_ai-drawer_12i0j_z49q4_221",
9
+ "last-opened": "awsui_last-opened_12i0j_z49q4_229",
10
+ "drawer-global": "awsui_drawer-global_12i0j_z49q4_233",
11
+ "drawer-expanded": "awsui_drawer-expanded_12i0j_z49q4_242",
12
+ "drawer-hidden": "awsui_drawer-hidden_12i0j_z49q4_246",
13
+ "has-next-siblings": "awsui_has-next-siblings_12i0j_z49q4_256",
14
+ "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_z49q4_256",
15
+ "drawer-content-container": "awsui_drawer-content-container_12i0j_z49q4_270",
16
+ "drawer-gap": "awsui_drawer-gap_12i0j_z49q4_273",
17
+ "drawer-close-button": "awsui_drawer-close-button_12i0j_z49q4_291",
18
+ "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_z49q4_297",
19
+ "drawer-content": "awsui_drawer-content_12i0j_z49q4_270",
20
+ "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_z49q4_309",
21
+ "drawer-slider": "awsui_drawer-slider_12i0j_z49q4_312",
22
+ "drawer-actions": "awsui_drawer-actions_12i0j_z49q4_362",
23
+ "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_z49q4_418",
24
+ "drawer-content-header": "awsui_drawer-content-header_12i0j_z49q4_437",
25
+ "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_z49q4_450",
26
+ "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_z49q4_467",
27
+ "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_z49q4_506",
28
+ "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_z49q4_506",
29
+ "drawer-content-content": "awsui_drawer-content-content_12i0j_z49q4_579"
30
30
  };
31
31
 
package/internal/base-component/styles.scoped.css CHANGED
@@ -2043,5 +2043,5 @@
2043
2043
  }
2044
2044
  }
2045
2045
  :root {
2046
- --awsui-version-info-9ee78842: true;
2046
+ --awsui-version-info-188a3701: true;
2047
2047
  }
package/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (9ee78842)";
3
- export var GIT_SHA = "9ee78842";
2
+ export var PACKAGE_VERSION = "3.0.0 (188a3701)";
3
+ export var GIT_SHA = "188a3701";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "console";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (9ee78842)",
4
- "GIT_SHA": "9ee78842",
3
+ "PACKAGE_VERSION": "3.0.0 (188a3701)",
4
+ "GIT_SHA": "188a3701",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "console",
7
7
  "ALWAYS_VISUAL_REFRESH": true
package/internal/generated/theming/index.cjs CHANGED
@@ -1359,8 +1359,8 @@ module.exports.preset = {
1359
1359
  "dark": "{colorBorderDividerDefault}"
1360
1360
  },
1361
1361
  "colorBorderPopover": {
1362
- "light": "{colorGrey400}",
1363
- "dark": "{colorGrey600}"
1362
+ "light": "{colorBorderDropdownContainer}",
1363
+ "dark": "{colorBorderDropdownContainer}"
1364
1364
  },
1365
1365
  "colorBorderSegmentActive": {
1366
1366
  "light": "{colorBorderSegmentDefault}",
@@ -3643,8 +3643,8 @@ module.exports.preset = {
3643
3643
  "dark": "{colorBorderDividerDefault}"
3644
3644
  },
3645
3645
  "colorBorderPopover": {
3646
- "light": "{colorGrey600}",
3647
- "dark": "{colorGrey600}"
3646
+ "light": "{colorBorderDropdownContainer}",
3647
+ "dark": "{colorBorderDropdownContainer}"
3648
3648
  },
3649
3649
  "colorBorderSegmentActive": {
3650
3650
  "light": "{colorBorderSegmentDefault}",
@@ -4825,8 +4825,8 @@ module.exports.preset = {
4825
4825
  "dark": "{colorBorderDividerDefault}"
4826
4826
  },
4827
4827
  "colorBorderPopover": {
4828
- "light": "{colorGrey600}",
4829
- "dark": "{colorGrey600}"
4828
+ "light": "{colorBorderDropdownContainer}",
4829
+ "dark": "{colorBorderDropdownContainer}"
4830
4830
  },
4831
4831
  "colorBorderSegmentActive": {
4832
4832
  "light": "{colorBorderSegmentDefault}",
@@ -5939,8 +5939,8 @@ module.exports.preset = {
5939
5939
  "dark": "{colorBorderDividerDefault}"
5940
5940
  },
5941
5941
  "colorBorderPopover": {
5942
- "light": "{colorGrey400}",
5943
- "dark": "{colorGrey600}"
5942
+ "light": "{colorBorderDropdownContainer}",
5943
+ "dark": "{colorBorderDropdownContainer}"
5944
5944
  },
5945
5945
  "colorBorderSegmentActive": {
5946
5946
  "light": "{colorBorderSegmentDefault}",
@@ -7053,8 +7053,8 @@ module.exports.preset = {
7053
7053
  "dark": "{colorBorderDividerDefault}"
7054
7054
  },
7055
7055
  "colorBorderPopover": {
7056
- "light": "{colorGrey400}",
7057
- "dark": "{colorGrey600}"
7056
+ "light": "{colorBorderDropdownContainer}",
7057
+ "dark": "{colorBorderDropdownContainer}"
7058
7058
  },
7059
7059
  "colorBorderSegmentActive": {
7060
7060
  "light": "{colorBorderSegmentDefault}",
@@ -8167,8 +8167,8 @@ module.exports.preset = {
8167
8167
  "dark": "{colorBorderDividerDefault}"
8168
8168
  },
8169
8169
  "colorBorderPopover": {
8170
- "light": "{colorGrey400}",
8171
- "dark": "{colorGrey600}"
8170
+ "light": "{colorBorderDropdownContainer}",
8171
+ "dark": "{colorBorderDropdownContainer}"
8172
8172
  },
8173
8173
  "colorBorderSegmentActive": {
8174
8174
  "light": "{colorBorderSegmentDefault}",
@@ -9283,8 +9283,8 @@ module.exports.preset = {
9283
9283
  "dark": "{colorBorderDividerDefault}"
9284
9284
  },
9285
9285
  "colorBorderPopover": {
9286
- "light": "{colorGrey600}",
9287
- "dark": "{colorGrey600}"
9286
+ "light": "{colorBorderDropdownContainer}",
9287
+ "dark": "{colorBorderDropdownContainer}"
9288
9288
  },
9289
9289
  "colorBorderSegmentActive": {
9290
9290
  "light": "{colorBorderSegmentDefault}",
@@ -10572,12 +10572,14 @@ module.exports.preset = {
10572
10572
  "colorBorderControlDefault",
10573
10573
  "colorBorderDividerDefault",
10574
10574
  "colorBorderDividerSecondary",
10575
+ "colorBorderDropdownContainer",
10575
10576
  "colorBorderDropdownItemHover",
10576
10577
  "colorBorderInputDefault",
10577
10578
  "colorBorderInputFocused",
10578
10579
  "colorBorderItemFocused",
10579
10580
  "colorBorderDropdownItemFocused",
10580
10581
  "colorBorderItemSelected",
10582
+ "colorBorderPopover",
10581
10583
  "colorBorderSegmentActive",
10582
10584
  "colorBorderSegmentDefault",
10583
10585
  "colorBorderSegmentDisabled",
@@ -10933,12 +10935,14 @@ module.exports.preset = {
10933
10935
  "colorBorderControlDefault",
10934
10936
  "colorBorderDividerDefault",
10935
10937
  "colorBorderDividerSecondary",
10938
+ "colorBorderDropdownContainer",
10936
10939
  "colorBorderDropdownItemHover",
10937
10940
  "colorBorderInputDefault",
10938
10941
  "colorBorderInputFocused",
10939
10942
  "colorBorderItemFocused",
10940
10943
  "colorBorderDropdownItemFocused",
10941
10944
  "colorBorderItemSelected",
10945
+ "colorBorderPopover",
10942
10946
  "colorBorderSegmentActive",
10943
10947
  "colorBorderSegmentDefault",
10944
10948
  "colorBorderSegmentDisabled",
package/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -139,12 +139,14 @@ export declare interface TypedOverride {
139
139
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
140
140
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
141
141
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
142
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
142
143
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
143
144
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
144
145
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
145
146
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
146
147
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
147
148
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
149
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
148
150
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
149
151
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
150
152
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -406,12 +408,14 @@ export declare interface TypedOverride {
406
408
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
407
409
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
408
410
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
411
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
409
412
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
410
413
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
411
414
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
412
415
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
413
416
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
414
417
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
418
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
415
419
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
416
420
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
417
421
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -673,12 +677,14 @@ export declare interface TypedOverride {
673
677
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
674
678
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
675
679
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
680
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
676
681
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
677
682
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
678
683
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
679
684
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
680
685
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
681
686
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
687
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
682
688
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
683
689
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
684
690
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -940,12 +946,14 @@ export declare interface TypedOverride {
940
946
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
941
947
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
942
948
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
949
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
943
950
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
944
951
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
945
952
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
946
953
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
947
954
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
948
955
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
956
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
949
957
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
950
958
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
951
959
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1207,12 +1215,14 @@ export declare interface TypedOverride {
1207
1215
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1208
1216
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1209
1217
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1218
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1210
1219
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1211
1220
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1212
1221
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1213
1222
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1214
1223
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1215
1224
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1225
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1216
1226
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1217
1227
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1218
1228
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1474,12 +1484,14 @@ export declare interface TypedOverride {
1474
1484
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1475
1485
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1476
1486
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1487
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1477
1488
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1478
1489
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1479
1490
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1480
1491
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1481
1492
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1482
1493
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1494
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1483
1495
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1484
1496
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1485
1497
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1741,12 +1753,14 @@ export declare interface TypedOverride {
1741
1753
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1742
1754
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1743
1755
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1756
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1744
1757
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1745
1758
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1746
1759
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1747
1760
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1748
1761
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1749
1762
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1763
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1750
1764
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1751
1765
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1752
1766
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2008,12 +2022,14 @@ export declare interface TypedOverride {
2008
2022
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2009
2023
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2010
2024
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2025
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2011
2026
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2012
2027
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2013
2028
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2014
2029
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2015
2030
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2016
2031
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2032
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2017
2033
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2018
2034
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2019
2035
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2275,12 +2291,14 @@ export declare interface TypedOverride {
2275
2291
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2276
2292
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2277
2293
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2294
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2278
2295
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2279
2296
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2280
2297
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2281
2298
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2282
2299
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2283
2300
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2301
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2284
2302
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2285
2303
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2286
2304
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.d.ts CHANGED
@@ -139,12 +139,14 @@ export declare interface TypedOverride {
139
139
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
140
140
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
141
141
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
142
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
142
143
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
143
144
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
144
145
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
145
146
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
146
147
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
147
148
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
149
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
148
150
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
149
151
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
150
152
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -406,12 +408,14 @@ export declare interface TypedOverride {
406
408
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
407
409
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
408
410
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
411
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
409
412
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
410
413
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
411
414
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
412
415
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
413
416
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
414
417
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
418
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
415
419
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
416
420
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
417
421
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -673,12 +677,14 @@ export declare interface TypedOverride {
673
677
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
674
678
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
675
679
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
680
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
676
681
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
677
682
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
678
683
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
679
684
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
680
685
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
681
686
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
687
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
682
688
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
683
689
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
684
690
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -940,12 +946,14 @@ export declare interface TypedOverride {
940
946
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
941
947
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
942
948
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
949
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
943
950
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
944
951
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
945
952
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
946
953
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
947
954
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
948
955
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
956
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
949
957
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
950
958
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
951
959
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1207,12 +1215,14 @@ export declare interface TypedOverride {
1207
1215
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1208
1216
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1209
1217
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1218
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1210
1219
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1211
1220
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1212
1221
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1213
1222
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1214
1223
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1215
1224
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1225
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1216
1226
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1217
1227
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1218
1228
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1474,12 +1484,14 @@ export declare interface TypedOverride {
1474
1484
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1475
1485
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1476
1486
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1487
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1477
1488
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1478
1489
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1479
1490
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1480
1491
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1481
1492
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1482
1493
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1494
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1483
1495
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1484
1496
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1485
1497
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1741,12 +1753,14 @@ export declare interface TypedOverride {
1741
1753
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1742
1754
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1743
1755
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1756
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1744
1757
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1745
1758
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1746
1759
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1747
1760
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1748
1761
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1749
1762
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1763
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1750
1764
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1751
1765
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1752
1766
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2008,12 +2022,14 @@ export declare interface TypedOverride {
2008
2022
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2009
2023
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2010
2024
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2025
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2011
2026
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2012
2027
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2013
2028
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2014
2029
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2015
2030
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2016
2031
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2032
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2017
2033
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2018
2034
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2019
2035
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2275,12 +2291,14 @@ export declare interface TypedOverride {
2275
2291
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2276
2292
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2277
2293
  colorBorderDividerSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2294
+ colorBorderDropdownContainer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2278
2295
  colorBorderDropdownItemHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2279
2296
  colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2280
2297
  colorBorderInputFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2281
2298
  colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2282
2299
  colorBorderDropdownItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2283
2300
  colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2301
+ colorBorderPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2284
2302
  colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2285
2303
  colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2286
2304
  colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.js CHANGED
@@ -1359,8 +1359,8 @@ export var preset = {
1359
1359
  "dark": "{colorBorderDividerDefault}"
1360
1360
  },
1361
1361
  "colorBorderPopover": {
1362
- "light": "{colorGrey400}",
1363
- "dark": "{colorGrey600}"
1362
+ "light": "{colorBorderDropdownContainer}",
1363
+ "dark": "{colorBorderDropdownContainer}"
1364
1364
  },
1365
1365
  "colorBorderSegmentActive": {
1366
1366
  "light": "{colorBorderSegmentDefault}",
@@ -3643,8 +3643,8 @@ export var preset = {
3643
3643
  "dark": "{colorBorderDividerDefault}"
3644
3644
  },
3645
3645
  "colorBorderPopover": {
3646
- "light": "{colorGrey600}",
3647
- "dark": "{colorGrey600}"
3646
+ "light": "{colorBorderDropdownContainer}",
3647
+ "dark": "{colorBorderDropdownContainer}"
3648
3648
  },
3649
3649
  "colorBorderSegmentActive": {
3650
3650
  "light": "{colorBorderSegmentDefault}",
@@ -4825,8 +4825,8 @@ export var preset = {
4825
4825
  "dark": "{colorBorderDividerDefault}"
4826
4826
  },
4827
4827
  "colorBorderPopover": {
4828
- "light": "{colorGrey600}",
4829
- "dark": "{colorGrey600}"
4828
+ "light": "{colorBorderDropdownContainer}",
4829
+ "dark": "{colorBorderDropdownContainer}"
4830
4830
  },
4831
4831
  "colorBorderSegmentActive": {
4832
4832
  "light": "{colorBorderSegmentDefault}",
@@ -5939,8 +5939,8 @@ export var preset = {
5939
5939
  "dark": "{colorBorderDividerDefault}"
5940
5940
  },
5941
5941
  "colorBorderPopover": {
5942
- "light": "{colorGrey400}",
5943
- "dark": "{colorGrey600}"
5942
+ "light": "{colorBorderDropdownContainer}",
5943
+ "dark": "{colorBorderDropdownContainer}"
5944
5944
  },
5945
5945
  "colorBorderSegmentActive": {
5946
5946
  "light": "{colorBorderSegmentDefault}",
@@ -7053,8 +7053,8 @@ export var preset = {
7053
7053
  "dark": "{colorBorderDividerDefault}"
7054
7054
  },
7055
7055
  "colorBorderPopover": {
7056
- "light": "{colorGrey400}",
7057
- "dark": "{colorGrey600}"
7056
+ "light": "{colorBorderDropdownContainer}",
7057
+ "dark": "{colorBorderDropdownContainer}"
7058
7058
  },
7059
7059
  "colorBorderSegmentActive": {
7060
7060
  "light": "{colorBorderSegmentDefault}",
@@ -8167,8 +8167,8 @@ export var preset = {
8167
8167
  "dark": "{colorBorderDividerDefault}"
8168
8168
  },
8169
8169
  "colorBorderPopover": {
8170
- "light": "{colorGrey400}",
8171
- "dark": "{colorGrey600}"
8170
+ "light": "{colorBorderDropdownContainer}",
8171
+ "dark": "{colorBorderDropdownContainer}"
8172
8172
  },
8173
8173
  "colorBorderSegmentActive": {
8174
8174
  "light": "{colorBorderSegmentDefault}",
@@ -9283,8 +9283,8 @@ export var preset = {
9283
9283
  "dark": "{colorBorderDividerDefault}"
9284
9284
  },
9285
9285
  "colorBorderPopover": {
9286
- "light": "{colorGrey600}",
9287
- "dark": "{colorGrey600}"
9286
+ "light": "{colorBorderDropdownContainer}",
9287
+ "dark": "{colorBorderDropdownContainer}"
9288
9288
  },
9289
9289
  "colorBorderSegmentActive": {
9290
9290
  "light": "{colorBorderSegmentDefault}",
@@ -10572,12 +10572,14 @@ export var preset = {
10572
10572
  "colorBorderControlDefault",
10573
10573
  "colorBorderDividerDefault",
10574
10574
  "colorBorderDividerSecondary",
10575
+ "colorBorderDropdownContainer",
10575
10576
  "colorBorderDropdownItemHover",
10576
10577
  "colorBorderInputDefault",
10577
10578
  "colorBorderInputFocused",
10578
10579
  "colorBorderItemFocused",
10579
10580
  "colorBorderDropdownItemFocused",
10580
10581
  "colorBorderItemSelected",
10582
+ "colorBorderPopover",
10581
10583
  "colorBorderSegmentActive",
10582
10584
  "colorBorderSegmentDefault",
10583
10585
  "colorBorderSegmentDisabled",
@@ -10933,12 +10935,14 @@ export var preset = {
10933
10935
  "colorBorderControlDefault",
10934
10936
  "colorBorderDividerDefault",
10935
10937
  "colorBorderDividerSecondary",
10938
+ "colorBorderDropdownContainer",
10936
10939
  "colorBorderDropdownItemHover",
10937
10940
  "colorBorderInputDefault",
10938
10941
  "colorBorderInputFocused",
10939
10942
  "colorBorderItemFocused",
10940
10943
  "colorBorderDropdownItemFocused",
10941
10944
  "colorBorderItemSelected",
10945
+ "colorBorderPopover",
10942
10946
  "colorBorderSegmentActive",
10943
10947
  "colorBorderSegmentDefault",
10944
10948
  "colorBorderSegmentDisabled",
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "9ee788421f5635b3db145489b04ec5181825deb2"
2
+ "commit": "188a3701cbb87552e60e7a93d61adc0282858c9b"
3
3
  }
package/package.json CHANGED
@@ -151,7 +151,7 @@
151
151
  "./internal/base-component/index.js",
152
152
  "./internal/base-component/styles.css.js"
153
153
  ],
154
- "version": "3.0.1104",
154
+ "version": "3.0.1106",
155
155
  "repository": {
156
156
  "type": "git",
157
157
  "url": "https://github.com/cloudscape-design/components.git"
package/select/utils/use-select.js CHANGED
@@ -90,7 +90,7 @@ export function useSelect({ selectedOptions, updateSelectedOption, options, filt
90
90
  closeDropdown();
91
91
  }
92
92
  },
93
- preventNativeSpace: !hasFilter || !!highlightedOption,
93
+ preventNativeSpace: !hasFilter || (highlightedOption && highlightType.type === 'keyboard'),
94
94
  });
95
95
  const triggerKeyDownHandler = useTriggerKeyboard({
96
96
  openDropdown: () => openDropdown(true),
package/select/utils/use-select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject } from 'react';\nimport { useEffect, useRef } from 'react';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonTriggerProps } from '../../internal/components/button-trigger';\nimport { DropdownProps } from '../../internal/components/dropdown/interfaces';\nimport { DropdownStatusProps } from '../../internal/components/dropdown-status';\nimport { DropdownOption, OptionDefinition, OptionGroup } from '../../internal/components/option/interfaces';\nimport { isGroup, isGroupInteractive, isInteractive } from '../../internal/components/option/utils/filter-options';\nimport { OptionsListProps } from '../../internal/components/options-list';\nimport { useHighlightedOption } from '../../internal/components/options-list/utils/use-highlight-option';\nimport { getOptionId } from '../../internal/components/options-list/utils/use-ids';\nimport { useMenuKeyboard, useTriggerKeyboard } from '../../internal/components/options-list/utils/use-keyboard';\nimport { useOpenState } from '../../internal/components/options-list/utils/use-open-state';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../internal/events';\nimport useForwardFocus from '../../internal/hooks/forward-focus';\nimport { usePrevious } from '../../internal/hooks/use-previous';\nimport { FilterProps } from '../parts/filter';\nimport { ItemProps } from '../parts/item';\nimport { connectOptionsByValue } from './connect-options';\n\nexport type MenuProps = Omit<OptionsListProps, 'children'> & { ref: React.RefObject<HTMLDivElement> };\nexport type GetOptionProps = (option: DropdownOption, index: number) => ItemProps;\n\ninterface UseSelectProps {\n selectedOptions: ReadonlyArray<OptionDefinition>;\n updateSelectedOption: (option: OptionDefinition) => void;\n options: ReadonlyArray<DropdownOption>;\n filteringType: string;\n keepOpen?: boolean;\n embedded?: boolean;\n onBlur?: NonCancelableEventHandler;\n onFocus?: NonCancelableEventHandler;\n externalRef: React.Ref<any>;\n fireLoadItems: (filteringText: string) => void;\n setFilteringValue?: (filteringText: string) => void;\n useInteractiveGroups?: boolean;\n statusType: DropdownStatusProps.StatusType;\n isAllSelected?: boolean;\n isSomeSelected?: boolean;\n toggleAll?: () => void;\n}\n\nexport interface SelectTriggerProps extends ButtonTriggerProps {\n ref: RefObject<HTMLButtonElement>;\n}\n\nexport function useSelect({\n selectedOptions,\n updateSelectedOption,\n options,\n filteringType,\n onBlur,\n onFocus,\n externalRef,\n keepOpen,\n embedded,\n fireLoadItems,\n setFilteringValue,\n useInteractiveGroups = false,\n statusType,\n isAllSelected,\n isSomeSelected,\n toggleAll,\n}: UseSelectProps) {\n const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;\n\n const isHighlightable = (option?: DropdownOption) => !!option && (useInteractiveGroups || option.type !== 'parent');\n\n const filterRef = useRef<HTMLInputElement>(null);\n const triggerRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const hasFilter = filteringType !== 'none' && !embedded;\n const activeRef = hasFilter ? filterRef : menuRef;\n const __selectedOptions = connectOptionsByValue(options, selectedOptions);\n const __selectedValuesSet = selectedOptions.reduce((selectedValuesSet: Set<string>, item: OptionDefinition) => {\n if (item.value) {\n selectedValuesSet.add(item.value);\n }\n return selectedValuesSet;\n }, new Set<string>());\n const [\n { highlightType, highlightedOption, highlightedIndex },\n {\n moveHighlightWithKeyboard,\n resetHighlightWithKeyboard,\n setHighlightedIndexWithMouse,\n highlightOptionWithKeyboard,\n highlightFirstOptionWithMouse,\n goHomeWithKeyboard,\n goEndWithKeyboard,\n },\n ] = useHighlightedOption({ options: options, isHighlightable });\n\n const { isOpen, openDropdown, closeDropdown, toggleDropdown, openedWithKeyboard } = useOpenState({\n defaultOpen: embedded,\n onOpen: () => fireLoadItems(''),\n onClose: () => {\n resetHighlightWithKeyboard();\n setFilteringValue?.('');\n },\n });\n\n const handleFocus = () => {\n fireNonCancelableEvent(onFocus, {});\n };\n\n const handleBlur = () => {\n fireNonCancelableEvent(onBlur, {});\n closeDropdown();\n };\n\n const hasSelectedOption = __selectedOptions.length > 0;\n const menuId = useUniqueId('option-list');\n const dialogId = useUniqueId('dialog');\n const highlightedOptionId = getOptionId(menuId, highlightedIndex);\n\n const closeDropdownIfNecessary = () => {\n if (!keepOpen) {\n triggerRef.current?.focus();\n closeDropdown();\n }\n };\n\n const selectOption = (option?: DropdownOption) => {\n const optionToSelect = option || highlightedOption;\n if (!optionToSelect || !interactivityCheck(optionToSelect)) {\n return;\n }\n if (optionToSelect.type === 'select-all' && toggleAll) {\n toggleAll();\n } else {\n updateSelectedOption(optionToSelect.option);\n }\n closeDropdownIfNecessary();\n };\n\n const activeKeyDownHandler = useMenuKeyboard({\n goUp: () => {\n if (\n (!useInteractiveGroups && highlightedOption?.type === 'child' && highlightedIndex === 1) ||\n highlightedIndex === 0\n ) {\n goEndWithKeyboard();\n return;\n }\n moveHighlightWithKeyboard(-1);\n },\n goDown: () => {\n if (highlightedIndex === options.length - 1) {\n goHomeWithKeyboard();\n return;\n }\n\n moveHighlightWithKeyboard(1);\n },\n selectOption,\n goHome: goHomeWithKeyboard,\n goEnd: goEndWithKeyboard,\n closeDropdown: () => {\n if (!embedded) {\n triggerRef.current?.focus();\n closeDropdown();\n }\n },\n preventNativeSpace: !hasFilter || !!highlightedOption,\n });\n\n const triggerKeyDownHandler = useTriggerKeyboard({\n openDropdown: () => openDropdown(true),\n goHome: goHomeWithKeyboard,\n });\n\n const getDropdownProps: () => Pick<\n DropdownProps,\n 'onFocus' | 'onBlur' | 'dropdownContentId' | 'dropdownContentRole'\n > = () => ({\n onFocus: handleFocus,\n onBlur: handleBlur,\n dropdownContentId: dialogId,\n dropdownContentRole: hasFilter ? 'dialog' : undefined,\n });\n\n const getTriggerProps = (disabled = false, autoFocus = false) => {\n const triggerProps: SelectTriggerProps = {\n ref: triggerRef,\n onFocus: () => closeDropdown(),\n autoFocus,\n ariaHasPopup: hasFilter ? 'dialog' : 'listbox',\n ariaControls: isOpen ? (hasFilter ? dialogId : menuId) : undefined,\n };\n if (!disabled) {\n triggerProps.onMouseDown = (event: CustomEvent) => {\n event.preventDefault(); // prevent current focus from blurring as it immediately closes the dropdown\n if (isOpen) {\n triggerRef.current?.focus();\n }\n toggleDropdown();\n };\n triggerProps.onKeyDown = triggerKeyDownHandler;\n }\n return triggerProps;\n };\n\n const getFilterProps = (): Partial<FilterProps> => {\n if (!hasFilter || !setFilteringValue) {\n return {};\n }\n\n return {\n ref: filterRef,\n onKeyDown: activeKeyDownHandler,\n onChange: event => {\n setFilteringValue(event.detail.value);\n resetHighlightWithKeyboard();\n },\n __onDelayedInput: event => {\n fireLoadItems(event.detail.value);\n },\n nativeInputAttributes: {\n 'aria-activedescendant': highlightedOptionId,\n ['aria-owns']: menuId,\n ['aria-controls']: menuId,\n },\n };\n };\n\n const getMenuProps = () => {\n const menuProps: MenuProps = {\n id: menuId,\n ref: menuRef,\n open: isOpen,\n onMouseUp: itemIndex => {\n if (itemIndex > -1) {\n selectOption(options[itemIndex]);\n }\n },\n onMouseMove: itemIndex => {\n if (itemIndex > -1) {\n setHighlightedIndexWithMouse(itemIndex);\n }\n },\n statusType,\n };\n if (!hasFilter) {\n menuProps.onKeyDown = activeKeyDownHandler;\n menuProps.nativeAttributes = {\n 'aria-activedescendant': highlightedOptionId,\n };\n }\n if (embedded) {\n menuProps.onFocus = () => {\n if (!highlightedOption) {\n goHomeWithKeyboard();\n }\n };\n menuProps.onBlur = () => {\n resetHighlightWithKeyboard();\n };\n }\n return menuProps;\n };\n const getGroupState = (option: OptionGroup) => {\n const totalSelected = option.options.filter(item => !!item.value && __selectedValuesSet.has(item.value)).length;\n const hasSelected = totalSelected > 0;\n const allSelected = totalSelected === option.options.length;\n return {\n selected: hasSelected && allSelected && useInteractiveGroups,\n indeterminate: hasSelected && !allSelected,\n };\n };\n\n const getOptionProps = (option: DropdownOption, index: number) => {\n const isSelectAll = option.type === 'select-all';\n const highlighted = option === highlightedOption;\n const groupState = isGroup(option.option) ? getGroupState(option.option) : undefined;\n const selected = isSelectAll ? isAllSelected : __selectedOptions.indexOf(option) > -1 || !!groupState?.selected;\n const nextOption = options[index + 1]?.option;\n const isNextSelected =\n !!nextOption && isGroup(nextOption)\n ? getGroupState(nextOption).selected\n : __selectedOptions.indexOf(options[index + 1]) > -1;\n const previousOption = options[index - 1]?.option;\n const isPreviousSelected =\n !!previousOption && isGroup(previousOption)\n ? getGroupState(previousOption).selected\n : __selectedOptions.indexOf(options[index - 1]) > -1;\n const optionProps: any = {\n key: index,\n option,\n highlighted,\n selected,\n isNextSelected,\n isPreviousSelected,\n indeterminate: !!groupState?.indeterminate || (isSelectAll && !isAllSelected && isSomeSelected),\n ['data-mouse-target']: isHighlightable(option) ? index : -1,\n id: getOptionId(menuId, index),\n };\n\n return optionProps;\n };\n\n const prevOpen = usePrevious<boolean>(isOpen);\n useEffect(() => {\n // highlight the first selected option, when opening the Select component without filter input\n // keep the focus in the filter input when opening, so that screenreader can recognize the combobox\n if (isOpen && !prevOpen && options.length > 0 && !hasFilter) {\n if (openedWithKeyboard) {\n if (__selectedOptions[0]) {\n highlightOptionWithKeyboard(__selectedOptions[0]);\n } else {\n goHomeWithKeyboard();\n }\n } else {\n if (!__selectedOptions[0] || !options.includes(__selectedOptions[0])) {\n highlightFirstOptionWithMouse();\n } else {\n const highlightedIndex = options.indexOf(__selectedOptions[0]);\n setHighlightedIndexWithMouse(highlightedIndex, true);\n }\n }\n }\n }, [\n isOpen,\n __selectedOptions,\n hasSelectedOption,\n setHighlightedIndexWithMouse,\n highlightOptionWithKeyboard,\n highlightFirstOptionWithMouse,\n goHomeWithKeyboard,\n openedWithKeyboard,\n options,\n prevOpen,\n hasFilter,\n ]);\n\n useEffect(() => {\n if (isOpen && !embedded) {\n // dropdown-fit calculations ensure that the dropdown will fit inside the current\n // viewport, so prevent the browser from trying to scroll it into view (e.g. if\n // scroll-padding-top is set on a parent)\n activeRef.current?.focus({ preventScroll: true });\n }\n }, [isOpen, activeRef, embedded]);\n\n useForwardFocus(externalRef, triggerRef as React.RefObject<HTMLElement>);\n const highlightedGroupSelected =\n !!highlightedOption && isGroup(highlightedOption.option) && getGroupState(highlightedOption.option).selected;\n const announceSelected =\n !!highlightedOption && (__selectedOptions.indexOf(highlightedOption) > -1 || highlightedGroupSelected);\n\n return {\n isOpen,\n highlightedOption,\n highlightedIndex,\n highlightType,\n getTriggerProps,\n getDropdownProps,\n getMenuProps,\n getFilterProps,\n getOptionProps,\n highlightOption: highlightOptionWithKeyboard,\n selectOption,\n announceSelected,\n dialogId,\n };\n}\n"]}
1
+ {"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject } from 'react';\nimport { useEffect, useRef } from 'react';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonTriggerProps } from '../../internal/components/button-trigger';\nimport { DropdownProps } from '../../internal/components/dropdown/interfaces';\nimport { DropdownStatusProps } from '../../internal/components/dropdown-status';\nimport { DropdownOption, OptionDefinition, OptionGroup } from '../../internal/components/option/interfaces';\nimport { isGroup, isGroupInteractive, isInteractive } from '../../internal/components/option/utils/filter-options';\nimport { OptionsListProps } from '../../internal/components/options-list';\nimport { useHighlightedOption } from '../../internal/components/options-list/utils/use-highlight-option';\nimport { getOptionId } from '../../internal/components/options-list/utils/use-ids';\nimport { useMenuKeyboard, useTriggerKeyboard } from '../../internal/components/options-list/utils/use-keyboard';\nimport { useOpenState } from '../../internal/components/options-list/utils/use-open-state';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../internal/events';\nimport useForwardFocus from '../../internal/hooks/forward-focus';\nimport { usePrevious } from '../../internal/hooks/use-previous';\nimport { FilterProps } from '../parts/filter';\nimport { ItemProps } from '../parts/item';\nimport { connectOptionsByValue } from './connect-options';\n\nexport type MenuProps = Omit<OptionsListProps, 'children'> & { ref: React.RefObject<HTMLDivElement> };\nexport type GetOptionProps = (option: DropdownOption, index: number) => ItemProps;\n\ninterface UseSelectProps {\n selectedOptions: ReadonlyArray<OptionDefinition>;\n updateSelectedOption: (option: OptionDefinition) => void;\n options: ReadonlyArray<DropdownOption>;\n filteringType: string;\n keepOpen?: boolean;\n embedded?: boolean;\n onBlur?: NonCancelableEventHandler;\n onFocus?: NonCancelableEventHandler;\n externalRef: React.Ref<any>;\n fireLoadItems: (filteringText: string) => void;\n setFilteringValue?: (filteringText: string) => void;\n useInteractiveGroups?: boolean;\n statusType: DropdownStatusProps.StatusType;\n isAllSelected?: boolean;\n isSomeSelected?: boolean;\n toggleAll?: () => void;\n}\n\nexport interface SelectTriggerProps extends ButtonTriggerProps {\n ref: RefObject<HTMLButtonElement>;\n}\n\nexport function useSelect({\n selectedOptions,\n updateSelectedOption,\n options,\n filteringType,\n onBlur,\n onFocus,\n externalRef,\n keepOpen,\n embedded,\n fireLoadItems,\n setFilteringValue,\n useInteractiveGroups = false,\n statusType,\n isAllSelected,\n isSomeSelected,\n toggleAll,\n}: UseSelectProps) {\n const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;\n\n const isHighlightable = (option?: DropdownOption) => !!option && (useInteractiveGroups || option.type !== 'parent');\n\n const filterRef = useRef<HTMLInputElement>(null);\n const triggerRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const hasFilter = filteringType !== 'none' && !embedded;\n const activeRef = hasFilter ? filterRef : menuRef;\n const __selectedOptions = connectOptionsByValue(options, selectedOptions);\n const __selectedValuesSet = selectedOptions.reduce((selectedValuesSet: Set<string>, item: OptionDefinition) => {\n if (item.value) {\n selectedValuesSet.add(item.value);\n }\n return selectedValuesSet;\n }, new Set<string>());\n const [\n { highlightType, highlightedOption, highlightedIndex },\n {\n moveHighlightWithKeyboard,\n resetHighlightWithKeyboard,\n setHighlightedIndexWithMouse,\n highlightOptionWithKeyboard,\n highlightFirstOptionWithMouse,\n goHomeWithKeyboard,\n goEndWithKeyboard,\n },\n ] = useHighlightedOption({ options: options, isHighlightable });\n\n const { isOpen, openDropdown, closeDropdown, toggleDropdown, openedWithKeyboard } = useOpenState({\n defaultOpen: embedded,\n onOpen: () => fireLoadItems(''),\n onClose: () => {\n resetHighlightWithKeyboard();\n setFilteringValue?.('');\n },\n });\n\n const handleFocus = () => {\n fireNonCancelableEvent(onFocus, {});\n };\n\n const handleBlur = () => {\n fireNonCancelableEvent(onBlur, {});\n closeDropdown();\n };\n\n const hasSelectedOption = __selectedOptions.length > 0;\n const menuId = useUniqueId('option-list');\n const dialogId = useUniqueId('dialog');\n const highlightedOptionId = getOptionId(menuId, highlightedIndex);\n\n const closeDropdownIfNecessary = () => {\n if (!keepOpen) {\n triggerRef.current?.focus();\n closeDropdown();\n }\n };\n\n const selectOption = (option?: DropdownOption) => {\n const optionToSelect = option || highlightedOption;\n if (!optionToSelect || !interactivityCheck(optionToSelect)) {\n return;\n }\n if (optionToSelect.type === 'select-all' && toggleAll) {\n toggleAll();\n } else {\n updateSelectedOption(optionToSelect.option);\n }\n closeDropdownIfNecessary();\n };\n\n const activeKeyDownHandler = useMenuKeyboard({\n goUp: () => {\n if (\n (!useInteractiveGroups && highlightedOption?.type === 'child' && highlightedIndex === 1) ||\n highlightedIndex === 0\n ) {\n goEndWithKeyboard();\n return;\n }\n moveHighlightWithKeyboard(-1);\n },\n goDown: () => {\n if (highlightedIndex === options.length - 1) {\n goHomeWithKeyboard();\n return;\n }\n\n moveHighlightWithKeyboard(1);\n },\n selectOption,\n goHome: goHomeWithKeyboard,\n goEnd: goEndWithKeyboard,\n closeDropdown: () => {\n if (!embedded) {\n triggerRef.current?.focus();\n closeDropdown();\n }\n },\n preventNativeSpace: !hasFilter || (highlightedOption && highlightType.type === 'keyboard'),\n });\n\n const triggerKeyDownHandler = useTriggerKeyboard({\n openDropdown: () => openDropdown(true),\n goHome: goHomeWithKeyboard,\n });\n\n const getDropdownProps: () => Pick<\n DropdownProps,\n 'onFocus' | 'onBlur' | 'dropdownContentId' | 'dropdownContentRole'\n > = () => ({\n onFocus: handleFocus,\n onBlur: handleBlur,\n dropdownContentId: dialogId,\n dropdownContentRole: hasFilter ? 'dialog' : undefined,\n });\n\n const getTriggerProps = (disabled = false, autoFocus = false) => {\n const triggerProps: SelectTriggerProps = {\n ref: triggerRef,\n onFocus: () => closeDropdown(),\n autoFocus,\n ariaHasPopup: hasFilter ? 'dialog' : 'listbox',\n ariaControls: isOpen ? (hasFilter ? dialogId : menuId) : undefined,\n };\n if (!disabled) {\n triggerProps.onMouseDown = (event: CustomEvent) => {\n event.preventDefault(); // prevent current focus from blurring as it immediately closes the dropdown\n if (isOpen) {\n triggerRef.current?.focus();\n }\n toggleDropdown();\n };\n triggerProps.onKeyDown = triggerKeyDownHandler;\n }\n return triggerProps;\n };\n\n const getFilterProps = (): Partial<FilterProps> => {\n if (!hasFilter || !setFilteringValue) {\n return {};\n }\n\n return {\n ref: filterRef,\n onKeyDown: activeKeyDownHandler,\n onChange: event => {\n setFilteringValue(event.detail.value);\n resetHighlightWithKeyboard();\n },\n __onDelayedInput: event => {\n fireLoadItems(event.detail.value);\n },\n nativeInputAttributes: {\n 'aria-activedescendant': highlightedOptionId,\n ['aria-owns']: menuId,\n ['aria-controls']: menuId,\n },\n };\n };\n\n const getMenuProps = () => {\n const menuProps: MenuProps = {\n id: menuId,\n ref: menuRef,\n open: isOpen,\n onMouseUp: itemIndex => {\n if (itemIndex > -1) {\n selectOption(options[itemIndex]);\n }\n },\n onMouseMove: itemIndex => {\n if (itemIndex > -1) {\n setHighlightedIndexWithMouse(itemIndex);\n }\n },\n statusType,\n };\n if (!hasFilter) {\n menuProps.onKeyDown = activeKeyDownHandler;\n menuProps.nativeAttributes = {\n 'aria-activedescendant': highlightedOptionId,\n };\n }\n if (embedded) {\n menuProps.onFocus = () => {\n if (!highlightedOption) {\n goHomeWithKeyboard();\n }\n };\n menuProps.onBlur = () => {\n resetHighlightWithKeyboard();\n };\n }\n return menuProps;\n };\n const getGroupState = (option: OptionGroup) => {\n const totalSelected = option.options.filter(item => !!item.value && __selectedValuesSet.has(item.value)).length;\n const hasSelected = totalSelected > 0;\n const allSelected = totalSelected === option.options.length;\n return {\n selected: hasSelected && allSelected && useInteractiveGroups,\n indeterminate: hasSelected && !allSelected,\n };\n };\n\n const getOptionProps = (option: DropdownOption, index: number) => {\n const isSelectAll = option.type === 'select-all';\n const highlighted = option === highlightedOption;\n const groupState = isGroup(option.option) ? getGroupState(option.option) : undefined;\n const selected = isSelectAll ? isAllSelected : __selectedOptions.indexOf(option) > -1 || !!groupState?.selected;\n const nextOption = options[index + 1]?.option;\n const isNextSelected =\n !!nextOption && isGroup(nextOption)\n ? getGroupState(nextOption).selected\n : __selectedOptions.indexOf(options[index + 1]) > -1;\n const previousOption = options[index - 1]?.option;\n const isPreviousSelected =\n !!previousOption && isGroup(previousOption)\n ? getGroupState(previousOption).selected\n : __selectedOptions.indexOf(options[index - 1]) > -1;\n const optionProps: any = {\n key: index,\n option,\n highlighted,\n selected,\n isNextSelected,\n isPreviousSelected,\n indeterminate: !!groupState?.indeterminate || (isSelectAll && !isAllSelected && isSomeSelected),\n ['data-mouse-target']: isHighlightable(option) ? index : -1,\n id: getOptionId(menuId, index),\n };\n\n return optionProps;\n };\n\n const prevOpen = usePrevious<boolean>(isOpen);\n useEffect(() => {\n // highlight the first selected option, when opening the Select component without filter input\n // keep the focus in the filter input when opening, so that screenreader can recognize the combobox\n if (isOpen && !prevOpen && options.length > 0 && !hasFilter) {\n if (openedWithKeyboard) {\n if (__selectedOptions[0]) {\n highlightOptionWithKeyboard(__selectedOptions[0]);\n } else {\n goHomeWithKeyboard();\n }\n } else {\n if (!__selectedOptions[0] || !options.includes(__selectedOptions[0])) {\n highlightFirstOptionWithMouse();\n } else {\n const highlightedIndex = options.indexOf(__selectedOptions[0]);\n setHighlightedIndexWithMouse(highlightedIndex, true);\n }\n }\n }\n }, [\n isOpen,\n __selectedOptions,\n hasSelectedOption,\n setHighlightedIndexWithMouse,\n highlightOptionWithKeyboard,\n highlightFirstOptionWithMouse,\n goHomeWithKeyboard,\n openedWithKeyboard,\n options,\n prevOpen,\n hasFilter,\n ]);\n\n useEffect(() => {\n if (isOpen && !embedded) {\n // dropdown-fit calculations ensure that the dropdown will fit inside the current\n // viewport, so prevent the browser from trying to scroll it into view (e.g. if\n // scroll-padding-top is set on a parent)\n activeRef.current?.focus({ preventScroll: true });\n }\n }, [isOpen, activeRef, embedded]);\n\n useForwardFocus(externalRef, triggerRef as React.RefObject<HTMLElement>);\n const highlightedGroupSelected =\n !!highlightedOption && isGroup(highlightedOption.option) && getGroupState(highlightedOption.option).selected;\n const announceSelected =\n !!highlightedOption && (__selectedOptions.indexOf(highlightedOption) > -1 || highlightedGroupSelected);\n\n return {\n isOpen,\n highlightedOption,\n highlightedIndex,\n highlightType,\n getTriggerProps,\n getDropdownProps,\n getMenuProps,\n getFilterProps,\n getOptionProps,\n highlightOption: highlightOptionWithKeyboard,\n selectOption,\n announceSelected,\n dialogId,\n };\n}\n"]}