@cloudscape-design/components 3.0.1114 → 3.0.1116

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 (62) hide show
  1. package/alert/internal.d.ts.map +1 -1
  2. package/alert/internal.js +15 -4
  3. package/alert/internal.js.map +1 -1
  4. package/app-layout/runtime-drawer/index.d.ts +5 -3
  5. package/app-layout/runtime-drawer/index.d.ts.map +1 -1
  6. package/app-layout/runtime-drawer/index.js +16 -11
  7. package/app-layout/runtime-drawer/index.js.map +1 -1
  8. package/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.d.ts +6 -2
  9. package/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.d.ts.map +1 -1
  10. package/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.js +2 -3
  11. package/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.js.map +1 -1
  12. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +26 -25
  13. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +75 -69
  14. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +26 -25
  15. package/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts +6 -1
  16. package/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts.map +1 -1
  17. package/app-layout/visual-refresh-toolbar/state/use-ai-drawer.js +5 -3
  18. package/app-layout/visual-refresh-toolbar/state/use-ai-drawer.js.map +1 -1
  19. package/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
  20. package/app-layout/visual-refresh-toolbar/state/use-app-layout.js +1 -0
  21. package/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
  22. package/cards/analytics-metadata/interfaces.d.ts +1 -0
  23. package/cards/analytics-metadata/interfaces.d.ts.map +1 -1
  24. package/cards/analytics-metadata/interfaces.js.map +1 -1
  25. package/cards/index.d.ts.map +1 -1
  26. package/cards/index.js +3 -0
  27. package/cards/index.js.map +1 -1
  28. package/code-editor/styles.css.js +33 -33
  29. package/code-editor/styles.scoped.css +140 -140
  30. package/code-editor/styles.selectors.js +33 -33
  31. package/internal/base-component/styles.scoped.css +2 -2
  32. package/internal/environment.js +2 -2
  33. package/internal/environment.json +2 -2
  34. package/internal/generated/styles/tokens.d.ts +75 -0
  35. package/internal/generated/styles/tokens.js +126 -51
  36. package/internal/generated/theming/index.cjs +3087 -2511
  37. package/internal/generated/theming/index.js +3087 -2511
  38. package/internal/manifest.json +1 -1
  39. package/internal/plugins/widget/interfaces.d.ts +3 -0
  40. package/internal/plugins/widget/interfaces.d.ts.map +1 -1
  41. package/internal/plugins/widget/interfaces.js.map +1 -1
  42. package/package.json +1 -1
  43. package/select/parts/styles.css.js +20 -19
  44. package/select/parts/styles.scoped.css +23 -20
  45. package/select/parts/styles.selectors.js +20 -19
  46. package/select/parts/trigger.d.ts.map +1 -1
  47. package/select/parts/trigger.js +1 -1
  48. package/select/parts/trigger.js.map +1 -1
  49. package/test-utils/dom/token-group/index.js +4 -6
  50. package/test-utils/dom/token-group/index.js.map +1 -1
  51. package/test-utils/dom/token-group/token.js +2 -5
  52. package/test-utils/dom/token-group/token.js.map +1 -1
  53. package/test-utils/selectors/token-group/index.js +4 -6
  54. package/test-utils/selectors/token-group/index.js.map +1 -1
  55. package/test-utils/selectors/token-group/token.js +2 -5
  56. package/test-utils/selectors/token-group/token.js.map +1 -1
  57. package/token/dismiss-button.d.ts.map +1 -1
  58. package/token/dismiss-button.js +2 -1
  59. package/token/dismiss-button.js.map +1 -1
  60. package/token/internal.d.ts.map +1 -1
  61. package/token/internal.js +2 -1
  62. package/token/internal.js.map +1 -1
@@ -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_z49q4_193:not(#\9) {
193
+ .awsui_drawer_12i0j_1z01s_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_z49q4_193.awsui_with-expanded-motion_12i0j_z49q4_207:not(#\9) {
207
+ .awsui_drawer_12i0j_1z01s_193.awsui_with-expanded-motion_12i0j_1z01s_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_z49q4_193.awsui_with-expanded-motion_12i0j_z49q4_207:not(#\9) {
211
+ .awsui_drawer_12i0j_1z01s_193.awsui_with-expanded-motion_12i0j_1z01s_207:not(#\9) {
212
212
  animation: none;
213
213
  transition: none;
214
214
  }
215
215
  }
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) {
216
+ .awsui-motion-disabled .awsui_drawer_12i0j_1z01s_193.awsui_with-expanded-motion_12i0j_1z01s_207:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_1z01s_193.awsui_with-expanded-motion_12i0j_1z01s_207:not(#\9) {
217
217
  animation: none;
218
218
  transition: none;
219
219
  }
220
220
  @media (min-width: 689px) {
221
- .awsui_drawer_12i0j_z49q4_193:not(#\9):not(.awsui_legacy_12i0j_z49q4_221):not(.awsui_ai-drawer_12i0j_z49q4_221) {
221
+ .awsui_drawer_12i0j_1z01s_193:not(#\9):not(.awsui_legacy_12i0j_1z01s_221):not(.awsui_ai-drawer_12i0j_1z01s_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_z49q4_193:not(#\9) {
226
+ .awsui_drawer_12i0j_1z01s_193:not(#\9) {
227
227
  inline-size: 100%;
228
228
  }
229
- .awsui_drawer_12i0j_z49q4_193.awsui_last-opened_12i0j_z49q4_229:not(#\9) {
229
+ .awsui_drawer_12i0j_1z01s_193.awsui_last-opened_12i0j_1z01s_229:not(#\9) {
230
230
  z-index: 1001;
231
231
  }
232
232
  }
233
- .awsui_drawer_12i0j_z49q4_193.awsui_drawer-global_12i0j_z49q4_233:not(#\9) {
233
+ .awsui_drawer_12i0j_1z01s_193.awsui_drawer-global_12i0j_1z01s_233:not(#\9) {
234
234
  display: block;
235
235
  }
236
236
  @media (min-width: 689px) {
237
- .awsui_drawer_12i0j_z49q4_193.awsui_drawer-global_12i0j_z49q4_233:not(#\9) {
237
+ .awsui_drawer_12i0j_1z01s_193.awsui_drawer-global_12i0j_1z01s_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_z49q4_193.awsui_drawer-global_12i0j_z49q4_233:not(#\9):not(.awsui_last-opened_12i0j_z49q4_229):not(.awsui_drawer-expanded_12i0j_z49q4_242) {
242
+ .awsui_drawer_12i0j_1z01s_193.awsui_drawer-global_12i0j_1z01s_233:not(#\9):not(.awsui_last-opened_12i0j_1z01s_229):not(.awsui_drawer-expanded_12i0j_1z01s_242) {
243
243
  display: none;
244
244
  }
245
245
  }
246
- .awsui_drawer_12i0j_z49q4_193.awsui_drawer-hidden_12i0j_z49q4_246:not(#\9) {
246
+ .awsui_drawer_12i0j_1z01s_193.awsui_drawer-hidden_12i0j_1z01s_246:not(#\9) {
247
247
  display: none;
248
248
  }
249
- .awsui_drawer_12i0j_z49q4_193.awsui_drawer-expanded_12i0j_z49q4_242:not(#\9) {
249
+ .awsui_drawer_12i0j_1z01s_193.awsui_drawer-expanded_12i0j_1z01s_242:not(#\9) {
250
250
  inline-size: 100%;
251
251
  }
252
252
  @media (min-width: 689px) {
253
- .awsui_drawer_12i0j_z49q4_193.awsui_drawer-expanded_12i0j_z49q4_242:not(#\9) {
253
+ .awsui_drawer_12i0j_1z01s_193.awsui_drawer-expanded_12i0j_1z01s_242:not(#\9) {
254
254
  border-inline-start: none;
255
255
  }
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 {
256
+ .awsui_drawer_12i0j_1z01s_193.awsui_drawer-expanded_12i0j_1z01s_242.awsui_has-next-siblings_12i0j_1z01s_256 > .awsui_global-drawer-wrapper_12i0j_1z01s_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_z49q4_193.awsui_drawer-expanded_12i0j_z49q4_242 > .awsui_global-drawer-wrapper_12i0j_z49q4_256:not(#\9) {
266
+ .awsui_drawer_12i0j_1z01s_193.awsui_drawer-expanded_12i0j_1z01s_242 > .awsui_global-drawer-wrapper_12i0j_1z01s_256:not(#\9) {
267
267
  inline-size: 100%;
268
268
  grid-template-columns: 8px 1fr;
269
269
  }
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) {
270
+ .awsui_drawer_12i0j_1z01s_193.awsui_drawer-expanded_12i0j_1z01s_242 > .awsui_global-drawer-wrapper_12i0j_1z01s_256 > .awsui_drawer-content-container_12i0j_1z01s_270:not(#\9) {
271
271
  grid-column: 2;
272
272
  }
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) {
273
+ .awsui_drawer_12i0j_1z01s_193.awsui_drawer-expanded_12i0j_1z01s_242 > .awsui_global-drawer-wrapper_12i0j_1z01s_256 > .awsui_drawer-gap_12i0j_1z01s_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_z49q4_193 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
282
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_drawer-content-container_12i0j_1z01s_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_z49q4_193 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-close-button_12i0j_z49q4_291:not(#\9) {
291
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-close-button_12i0j_1z01s_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_z49q4_193 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-expanded-mode-button_12i0j_z49q4_297:not(#\9) {
297
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-expanded-mode-button_12i0j_1z01s_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_z49q4_193 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270:not(#\9) {
305
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270:not(#\9) {
306
306
  grid-column: 1/span 4;
307
307
  grid-row: 1/span 2;
308
308
  }
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) {
309
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270.awsui_drawer-content-hidden_12i0j_1z01s_309:not(#\9) {
310
310
  display: none;
311
311
  }
312
- .awsui_drawer_12i0j_z49q4_193 > .awsui_drawer-slider_12i0j_z49q4_312:not(#\9) {
312
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_drawer-slider_12i0j_1z01s_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_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256:not(#\9) {
319
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_global-drawer-wrapper_12i0j_1z01s_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_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256:not(#\9) {
326
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_global-drawer-wrapper_12i0j_1z01s_256:not(#\9) {
327
327
  grid-template-columns: 1fr;
328
328
  }
329
329
  }
330
- .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-gap_12i0j_z49q4_273:not(#\9) {
330
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_global-drawer-wrapper_12i0j_1z01s_256 > .awsui_drawer-gap_12i0j_1z01s_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_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-slider_12i0j_z49q4_312:not(#\9) {
339
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_global-drawer-wrapper_12i0j_1z01s_256 > .awsui_drawer-slider_12i0j_1z01s_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_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
345
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_global-drawer-wrapper_12i0j_1z01s_256 > .awsui_drawer-content-container_12i0j_1z01s_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_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
353
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_global-drawer-wrapper_12i0j_1z01s_256 > .awsui_drawer-content-container_12i0j_1z01s_270:not(#\9) {
354
354
  grid-column: 2/span 2;
355
355
  }
356
356
  }
357
357
  @media (max-width: 688px) {
358
- .awsui_drawer_12i0j_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
358
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_global-drawer-wrapper_12i0j_1z01s_256 > .awsui_drawer-content-container_12i0j_1z01s_270:not(#\9) {
359
359
  grid-column: 1/span 2;
360
360
  }
361
361
  }
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) {
362
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_global-drawer-wrapper_12i0j_1z01s_256 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-actions_12i0j_1z01s_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_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) {
370
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_global-drawer-wrapper_12i0j_1z01s_256 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-close-button_12i0j_1z01s_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_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) {
376
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_global-drawer-wrapper_12i0j_1z01s_256 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-expanded-mode-button_12i0j_1z01s_297:not(#\9) {
377
377
  grid-column: 2;
378
378
  grid-row: 2;
379
379
  z-index: 1;
@@ -381,60 +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_z49q4_193 > .awsui_global-drawer-wrapper_12i0j_z49q4_256 > .awsui_drawer-content-container_12i0j_z49q4_270 > .awsui_drawer-content_12i0j_z49q4_270:not(#\9) {
384
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_global-drawer-wrapper_12i0j_1z01s_256 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270:not(#\9) {
385
385
  grid-column: 1/span 4;
386
386
  grid-row: 1/span 2;
387
387
  }
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) {
388
+ .awsui_drawer_12i0j_1z01s_193 > .awsui_global-drawer-wrapper_12i0j_1z01s_256 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270.awsui_drawer-content-hidden_12i0j_1z01s_309:not(#\9) {
389
389
  display: none;
390
390
  }
391
391
  @media (max-width: 688px) {
392
392
  @media not print {
393
- .awsui_drawer_12i0j_z49q4_193:not(#\9):not(.awsui_ai-drawer_12i0j_z49q4_221) {
393
+ .awsui_drawer_12i0j_1z01s_193:not(#\9):not(.awsui_ai-drawer_12i0j_1z01s_221) {
394
394
  /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
395
395
  }
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) {
396
+ .awsui-polaris-dark-mode .awsui_drawer_12i0j_1z01s_193:not(#\9):not(.awsui_ai-drawer_12i0j_1z01s_221), .awsui-dark-mode .awsui_drawer_12i0j_1z01s_193:not(#\9):not(.awsui_ai-drawer_12i0j_1z01s_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_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221:not(#\9) {
401
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_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_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221:not(#\9) {
406
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221:not(#\9) {
407
407
  grid-template-columns: 1fr;
408
408
  z-index: 1001;
409
409
  }
410
410
  }
411
- .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-slider_12i0j_z49q4_312:not(#\9) {
411
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-slider_12i0j_1z01s_312:not(#\9) {
412
412
  display: flex;
413
413
  justify-content: center;
414
414
  inline-size: var(--space-xs-ymlm0b, 8px);
415
415
  overflow: hidden;
416
416
  grid-column: 2;
417
417
  }
418
- .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 .awsui_ai-drawer-slider-handle_12i0j_z49q4_418:not(#\9) {
418
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 .awsui_ai-drawer-slider-handle_12i0j_1z01s_418:not(#\9) {
419
419
  color: var(--color-text-interactive-inverted-default-xlc0d5, #dedee3);
420
420
  }
421
- .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 .awsui_ai-drawer-slider-handle_12i0j_z49q4_418:not(#\9):hover {
421
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 .awsui_ai-drawer-slider-handle_12i0j_1z01s_418:not(#\9):hover {
422
422
  stroke: var(--color-text-interactive-inverted-hover-65rnp7, #f9f9fa);
423
423
  }
424
- .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
424
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270:not(#\9) {
425
425
  min-inline-size: calc(var(--awsui-drawer-min-size-vl73au) - var(--space-xs-ymlm0b, 8px));
426
426
  grid-column: 1/span 1;
427
427
  background-color: var(--color-background-layout-panel-content-xto15e, #ffffff);
428
428
  }
429
429
  @media (min-width: 689px) {
430
- .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221 > .awsui_drawer-content-container_12i0j_z49q4_270:not(#\9) {
430
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270:not(#\9) {
431
431
  border-start-end-radius: var(--space-xxs-hwfkai, 4px);
432
432
  }
433
433
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270:not(#\9) {
435
435
  grid-row: 1/span 4;
436
436
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437:not(#\9) {
438
438
  block-size: 41px;
439
439
  position: sticky;
440
440
  z-index: 1000;
@@ -447,7 +447,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
447
447
  border-image: linear-gradient(90deg, #962eff 0%, #5c7fff 30%, #09f 50%, #b8e7ff 70%, #8575ff 100%) 1;
448
448
  box-sizing: border-box;
449
449
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-content-header-content_12i0j_1z01s_450:not(#\9) {
451
451
  display: flex;
452
452
  flex: 1;
453
453
  align-items: center;
@@ -457,23 +457,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
457
457
  padding-inline-end: var(--space-m-dsumyt, 16px);
458
458
  }
459
459
  @media not print {
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-content-header-content_12i0j_1z01s_450:not(#\9) {
461
461
  /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
462
462
  }
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
+ .awsui-polaris-dark-mode .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-content-header-content_12i0j_1z01s_450:not(#\9), .awsui-dark-mode .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-content-header-content_12i0j_1z01s_450:not(#\9) {
464
464
  border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
465
465
  }
466
466
  @media (min-width: 689px) {
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
+ .awsui-polaris-dark-mode .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-content-header-content_12i0j_1z01s_450:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_1z01s_467), .awsui-dark-mode .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-content-header-content_12i0j_1z01s_450:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_1z01s_467) {
468
468
  border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
469
469
  border-start-end-radius: var(--space-xxs-hwfkai, 4px);
470
470
  }
471
471
  }
472
472
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-content-header-content_12i0j_1z01s_450 > .awsui_drawer-actions_12i0j_1z01s_362:not(#\9) {
474
474
  display: flex;
475
475
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467:not(#\9) {
477
477
  position: relative;
478
478
  display: flex;
479
479
  align-items: center;
@@ -482,7 +482,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
482
482
  padding-inline: var(--space-static-m-m6qboo, 16px);
483
483
  background-color: #161d26;
484
484
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467:not(#\9):before, .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467:not(#\9):after {
486
486
  content: "";
487
487
  position: absolute;
488
488
  inset-block-start: 0;
@@ -492,28 +492,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
492
492
  background: #161d26;
493
493
  }
494
494
  @media not print {
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467:not(#\9):before, .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467:not(#\9):after {
496
496
  /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
497
497
  }
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
+ .awsui-polaris-dark-mode .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467:not(#\9):before, .awsui-dark-mode .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467:not(#\9):before, .awsui-polaris-dark-mode .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467:not(#\9):after, .awsui-dark-mode .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467:not(#\9):after {
499
499
  display: none;
500
500
  }
501
501
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467:not(#\9):after {
503
503
  background-color: var(--color-background-layout-panel-content-xto15e, #ffffff);
504
504
  border-start-end-radius: var(--space-xxs-hwfkai, 4px);
505
505
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1z01s_506:not(#\9) {
507
507
  position: relative;
508
508
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1z01s_506:not(#\9):has(:focus-visible) {
510
510
  position: relative;
511
511
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1z01s_506:not(#\9):has(:focus-visible) {
513
513
  outline: 2px dotted transparent;
514
514
  outline-offset: calc(3px - 1px);
515
515
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1z01s_506:not(#\9):has(:focus-visible)::before {
517
517
  content: " ";
518
518
  display: block;
519
519
  position: absolute;
@@ -527,7 +527,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
527
527
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
528
528
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
529
529
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1z01s_506 > .awsui_drawer-back-to-console-button_12i0j_1z01s_506:not(#\9) {
531
531
  border-collapse: separate;
532
532
  border-spacing: 0;
533
533
  box-sizing: border-box;
@@ -573,34 +573,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
573
573
  color: #ffffff;
574
574
  cursor: pointer;
575
575
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1z01s_506 > .awsui_drawer-back-to-console-button_12i0j_1z01s_506:not(#\9):focus {
577
577
  outline: none;
578
578
  }
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
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-header_12i0j_1z01s_437 > .awsui_drawer-back-to-console-slot_12i0j_1z01s_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1z01s_506 > .awsui_drawer-back-to-console-custom-button_12i0j_1z01s_579:not(#\9) {
580
+ all: initial;
581
+ display: flex;
582
+ cursor: pointer;
583
+ text-align: center;
584
+ }
585
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221 > .awsui_drawer-content-container_12i0j_1z01s_270 > .awsui_drawer-content_12i0j_1z01s_270 > .awsui_drawer-content-content_12i0j_1z01s_585:not(#\9) {
580
586
  display: flex;
581
587
  flex-direction: column;
582
588
  block-size: calc(100% - 41px);
583
589
  }
584
590
  @media (min-width: 689px) {
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 {
591
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1z01s_242) > .awsui_drawer-content-container_12i0j_1z01s_270 {
586
592
  clip-path: inset(0 0 -9999px 0 round 0 var(--space-xxs-hwfkai, 4px) 0 0);
587
593
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
588
594
  }
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) {
595
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1z01s_242) > .awsui_drawer-content-container_12i0j_1z01s_270:dir(rtl) {
590
596
  clip-path: inset(0 0 -9999px 0 round var(--space-xxs-hwfkai, 4px) 0 0 0);
591
597
  }
592
598
  @media not print {
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 {
599
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1z01s_242) > .awsui_drawer-content-container_12i0j_1z01s_270 {
594
600
  /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
595
601
  }
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 {
602
+ .awsui-polaris-dark-mode .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1z01s_242) > .awsui_drawer-content-container_12i0j_1z01s_270, .awsui-dark-mode .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1z01s_242) > .awsui_drawer-content-container_12i0j_1z01s_270 {
597
603
  border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
598
604
  }
599
605
  }
600
606
  }
601
- .awsui_drawer_12i0j_z49q4_193.awsui_ai-drawer_12i0j_z49q4_221.awsui_drawer-expanded_12i0j_z49q4_242:not(#\9) {
607
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221.awsui_drawer-expanded_12i0j_1z01s_242:not(#\9) {
602
608
  grid-template-columns: 1fr;
603
609
  }
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) {
610
+ .awsui_drawer_12i0j_1z01s_193.awsui_ai-drawer_12i0j_1z01s_221.awsui_drawer-expanded_12i0j_1z01s_242 > .awsui_drawer-content-container_12i0j_1z01s_270:not(#\9) {
605
611
  border-start-end-radius: 0;
606
612
  }
@@ -2,30 +2,31 @@
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_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"
5
+ "drawer": "awsui_drawer_12i0j_1z01s_193",
6
+ "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1z01s_207",
7
+ "legacy": "awsui_legacy_12i0j_1z01s_221",
8
+ "ai-drawer": "awsui_ai-drawer_12i0j_1z01s_221",
9
+ "last-opened": "awsui_last-opened_12i0j_1z01s_229",
10
+ "drawer-global": "awsui_drawer-global_12i0j_1z01s_233",
11
+ "drawer-expanded": "awsui_drawer-expanded_12i0j_1z01s_242",
12
+ "drawer-hidden": "awsui_drawer-hidden_12i0j_1z01s_246",
13
+ "has-next-siblings": "awsui_has-next-siblings_12i0j_1z01s_256",
14
+ "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1z01s_256",
15
+ "drawer-content-container": "awsui_drawer-content-container_12i0j_1z01s_270",
16
+ "drawer-gap": "awsui_drawer-gap_12i0j_1z01s_273",
17
+ "drawer-close-button": "awsui_drawer-close-button_12i0j_1z01s_291",
18
+ "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1z01s_297",
19
+ "drawer-content": "awsui_drawer-content_12i0j_1z01s_270",
20
+ "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1z01s_309",
21
+ "drawer-slider": "awsui_drawer-slider_12i0j_1z01s_312",
22
+ "drawer-actions": "awsui_drawer-actions_12i0j_1z01s_362",
23
+ "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1z01s_418",
24
+ "drawer-content-header": "awsui_drawer-content-header_12i0j_1z01s_437",
25
+ "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1z01s_450",
26
+ "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1z01s_467",
27
+ "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1z01s_506",
28
+ "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1z01s_506",
29
+ "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_1z01s_579",
30
+ "drawer-content-content": "awsui_drawer-content-content_12i0j_1z01s_585"
30
31
  };
31
32
 
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { WidgetMessage } from '../../../internal/plugins/widget/interfaces';
2
3
  export interface OnChangeParams {
3
4
  initiatedByUserAction: boolean;
@@ -6,16 +7,19 @@ interface UseDrawersProps {
6
7
  onAiDrawerFocus: () => void;
7
8
  expandedDrawerId: string | null;
8
9
  setExpandedDrawerId: (value: string | null) => void;
10
+ getMaxAiDrawerSize: () => number;
9
11
  }
10
12
  export declare function useAiDrawer({
11
13
  onAiDrawerFocus,
12
14
  expandedDrawerId,
13
- setExpandedDrawerId
15
+ setExpandedDrawerId,
16
+ getMaxAiDrawerSize
14
17
  }: UseDrawersProps): {
15
18
  aiDrawer: (import("../..").AppLayoutProps.Drawer & {
16
19
  orderPriority?: number | undefined;
17
20
  onToggle?: import("../../../internal/events").NonCancelableEventHandler<import("../../../internal/plugins/controllers/drawers").DrawerStateChangeParams> | undefined;
18
21
  headerActions?: readonly import("../../..").ButtonGroupProps.Item[] | undefined;
22
+ exitExpandedModeTrigger?: import("react").ReactNode;
19
23
  }) | null;
20
24
  aiDrawerMessageHandler: (event: WidgetMessage) => void;
21
25
  onActiveAiDrawerChange: (newDrawerId: string | null, {
@@ -25,6 +29,7 @@ export declare function useAiDrawer({
25
29
  orderPriority?: number | undefined;
26
30
  onToggle?: import("../../../internal/events").NonCancelableEventHandler<import("../../../internal/plugins/controllers/drawers").DrawerStateChangeParams> | undefined;
27
31
  headerActions?: readonly import("../../..").ButtonGroupProps.Item[] | undefined;
32
+ exitExpandedModeTrigger?: import("react").ReactNode;
28
33
  }) | null;
29
34
  activeAiDrawerId: string | null;
30
35
  activeAiDrawerSize: number;
@@ -1 +1 @@
1
- {"version":3,"file":"use-ai-drawer.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-ai-drawer.ts"],"names":[],"mappings":"AAMA,OAAO,EAA0C,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAGpH,MAAM,WAAW,cAAc;IAC7B,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAMD,UAAU,eAAe;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,WAAW,CAAC,EAAE,eAAe,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,EAAE,eAAe;;;;;;oCAuC9D,aAAa;0CA1BrC,MAAM,GAAG,IAAI,8BACC,cAAc;;;;;;;;;mCAPL,MAAM;EAmF7C"}
1
+ {"version":3,"file":"use-ai-drawer.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-ai-drawer.ts"],"names":[],"mappings":";AAMA,OAAO,EAA0C,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAIpH,MAAM,WAAW,cAAc;IAC7B,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAMD,UAAU,eAAe;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,MAAM,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,EAC1B,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,EAAE,eAAe;;;;;;;oCAwCuB,aAAa;0CA1BrC,MAAM,GAAG,IAAI,8BACC,cAAc;;;;;;;;;;mCARL,MAAM;EAoF7C"}
@@ -3,10 +3,11 @@
3
3
  import { useRef, useState } from 'react';
4
4
  import { fireNonCancelableEvent } from '../../../internal/events';
5
5
  import { metrics } from '../../../internal/metrics';
6
+ import { getLimitedValue } from '../../../split-panel/utils/size-utils';
6
7
  import { mapRuntimeConfigToAiDrawer } from '../../runtime-drawer';
7
8
  const DEFAULT_ON_CHANGE_PARAMS = { initiatedByUserAction: true };
8
9
  const MIN_DRAWER_SIZE = 400;
9
- export function useAiDrawer({ onAiDrawerFocus, expandedDrawerId, setExpandedDrawerId }) {
10
+ export function useAiDrawer({ onAiDrawerFocus, expandedDrawerId, setExpandedDrawerId, getMaxAiDrawerSize, }) {
10
11
  var _a, _b;
11
12
  const [runtimeDrawer, setRuntimeDrawer] = useState(null);
12
13
  const [activeAiDrawerId, setActiveAiDrawerId] = useState(null);
@@ -14,8 +15,9 @@ export function useAiDrawer({ onAiDrawerFocus, expandedDrawerId, setExpandedDraw
14
15
  const aiDrawerWasOpenRef = useRef(false);
15
16
  aiDrawerWasOpenRef.current = aiDrawerWasOpenRef.current || !!activeAiDrawerId;
16
17
  function onActiveAiDrawerResize(size) {
17
- setSize(size);
18
- fireNonCancelableEvent(activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.onResize, { id: activeAiDrawerId, size });
18
+ const limitedSize = getLimitedValue(minAiDrawerSize, size, getMaxAiDrawerSize());
19
+ setSize(limitedSize);
20
+ fireNonCancelableEvent(activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.onResize, { id: activeAiDrawerId, size: limitedSize });
19
21
  }
20
22
  function onActiveAiDrawerChange(newDrawerId, { initiatedByUserAction } = DEFAULT_ON_CHANGE_PARAMS) {
21
23
  setActiveAiDrawerId(newDrawerId);