@cloudscape-design/components 3.0.938 → 3.0.940

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.
@@ -1,32 +1,32 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "alert": "awsui_alert_mx3cw_qqm2s_193",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_qqm2s_1",
6
- "root": "awsui_root_mx3cw_qqm2s_215",
7
- "hidden": "awsui_hidden_mx3cw_qqm2s_250",
8
- "alert-wrapper": "awsui_alert-wrapper_mx3cw_qqm2s_298",
9
- "initial-hidden": "awsui_initial-hidden_mx3cw_qqm2s_310",
10
- "header": "awsui_header_mx3cw_qqm2s_315",
11
- "header-replacement": "awsui_header-replacement_mx3cw_qqm2s_316",
12
- "action": "awsui_action_mx3cw_qqm2s_320",
13
- "action-slot": "awsui_action-slot_mx3cw_qqm2s_324",
14
- "action-button": "awsui_action-button_mx3cw_qqm2s_325",
15
- "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_qqm2s_329",
16
- "text": "awsui_text_mx3cw_qqm2s_361",
17
- "icon": "awsui_icon_mx3cw_qqm2s_368",
18
- "message": "awsui_message_mx3cw_qqm2s_371",
19
- "action-wrapped": "awsui_action-wrapped_mx3cw_qqm2s_375",
20
- "icon-size-medium": "awsui_icon-size-medium_mx3cw_qqm2s_379",
21
- "icon-size-big": "awsui_icon-size-big_mx3cw_qqm2s_383",
22
- "icon-size-normal": "awsui_icon-size-normal_mx3cw_qqm2s_387",
23
- "content": "awsui_content_mx3cw_qqm2s_391",
24
- "content-replacement": "awsui_content-replacement_mx3cw_qqm2s_392",
25
- "dismiss": "awsui_dismiss_mx3cw_qqm2s_396",
26
- "dismiss-button": "awsui_dismiss-button_mx3cw_qqm2s_401",
27
- "type-error": "awsui_type-error_mx3cw_qqm2s_405",
28
- "type-warning": "awsui_type-warning_mx3cw_qqm2s_413",
29
- "type-success": "awsui_type-success_mx3cw_qqm2s_421",
30
- "type-info": "awsui_type-info_mx3cw_qqm2s_429"
4
+ "alert": "awsui_alert_mx3cw_1r6ai_193",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1r6ai_1",
6
+ "root": "awsui_root_mx3cw_1r6ai_215",
7
+ "hidden": "awsui_hidden_mx3cw_1r6ai_250",
8
+ "alert-wrapper": "awsui_alert-wrapper_mx3cw_1r6ai_298",
9
+ "initial-hidden": "awsui_initial-hidden_mx3cw_1r6ai_310",
10
+ "header": "awsui_header_mx3cw_1r6ai_315",
11
+ "header-replacement": "awsui_header-replacement_mx3cw_1r6ai_316",
12
+ "action": "awsui_action_mx3cw_1r6ai_320",
13
+ "action-slot": "awsui_action-slot_mx3cw_1r6ai_324",
14
+ "action-button": "awsui_action-button_mx3cw_1r6ai_325",
15
+ "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1r6ai_329",
16
+ "text": "awsui_text_mx3cw_1r6ai_360",
17
+ "icon": "awsui_icon_mx3cw_1r6ai_367",
18
+ "message": "awsui_message_mx3cw_1r6ai_370",
19
+ "action-wrapped": "awsui_action-wrapped_mx3cw_1r6ai_374",
20
+ "icon-size-medium": "awsui_icon-size-medium_mx3cw_1r6ai_378",
21
+ "icon-size-big": "awsui_icon-size-big_mx3cw_1r6ai_382",
22
+ "icon-size-normal": "awsui_icon-size-normal_mx3cw_1r6ai_386",
23
+ "content": "awsui_content_mx3cw_1r6ai_390",
24
+ "content-replacement": "awsui_content-replacement_mx3cw_1r6ai_391",
25
+ "dismiss": "awsui_dismiss_mx3cw_1r6ai_395",
26
+ "dismiss-button": "awsui_dismiss-button_mx3cw_1r6ai_400",
27
+ "type-error": "awsui_type-error_mx3cw_1r6ai_404",
28
+ "type-warning": "awsui_type-warning_mx3cw_1r6ai_412",
29
+ "type-success": "awsui_type-success_mx3cw_1r6ai_420",
30
+ "type-info": "awsui_type-info_mx3cw_1r6ai_428"
31
31
  };
32
32
 
@@ -190,10 +190,10 @@ 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_alert_mx3cw_qqm2s_193:not(#\9) {
194
- animation: awsui_awsui-motion-fade-in_mx3cw_qqm2s_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
193
+ .awsui_alert_mx3cw_1r6ai_193:not(#\9) {
194
+ animation: awsui_awsui-motion-fade-in_mx3cw_1r6ai_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
195
195
  }
196
- @keyframes awsui_awsui-motion-fade-in_mx3cw_qqm2s_1 {
196
+ @keyframes awsui_awsui-motion-fade-in_mx3cw_1r6ai_1 {
197
197
  from {
198
198
  opacity: 0.2;
199
199
  }
@@ -202,17 +202,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
202
202
  }
203
203
  }
204
204
  @media (prefers-reduced-motion: reduce) {
205
- .awsui_alert_mx3cw_qqm2s_193:not(#\9) {
205
+ .awsui_alert_mx3cw_1r6ai_193:not(#\9) {
206
206
  animation: none;
207
207
  transition: none;
208
208
  }
209
209
  }
210
- .awsui-motion-disabled .awsui_alert_mx3cw_qqm2s_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_qqm2s_193:not(#\9) {
210
+ .awsui-motion-disabled .awsui_alert_mx3cw_1r6ai_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1r6ai_193:not(#\9) {
211
211
  animation: none;
212
212
  transition: none;
213
213
  }
214
214
 
215
- .awsui_root_mx3cw_qqm2s_215:not(#\9) {
215
+ .awsui_root_mx3cw_1r6ai_215:not(#\9) {
216
216
  border-collapse: separate;
217
217
  border-spacing: 0;
218
218
  box-sizing: border-box;
@@ -248,11 +248,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
248
248
  overflow: hidden;
249
249
  display: block;
250
250
  }
251
- .awsui_root_mx3cw_qqm2s_215.awsui_hidden_mx3cw_qqm2s_250:not(#\9) {
251
+ .awsui_root_mx3cw_1r6ai_215.awsui_hidden_mx3cw_1r6ai_250:not(#\9) {
252
252
  display: none;
253
253
  }
254
254
 
255
- .awsui_alert_mx3cw_qqm2s_193:not(#\9) {
255
+ .awsui_alert_mx3cw_1r6ai_193:not(#\9) {
256
256
  border-collapse: separate;
257
257
  border-spacing: 0;
258
258
  box-sizing: border-box;
@@ -297,7 +297,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
297
297
  background-color: var(--color-background-container-content-z79u4u, #ffffff);
298
298
  }
299
299
 
300
- .awsui_alert-wrapper_mx3cw_qqm2s_298:not(#\9) {
300
+ .awsui_alert-wrapper_mx3cw_1r6ai_298:not(#\9) {
301
301
  flex: 1;
302
302
  display: flex;
303
303
  flex-direction: row;
@@ -305,47 +305,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
305
305
  column-gap: var(--space-alert-action-left-ea9czk, 12px);
306
306
  }
307
307
 
308
- .awsui_hidden_mx3cw_qqm2s_250:not(#\9) {
308
+ .awsui_hidden_mx3cw_1r6ai_250:not(#\9) {
309
309
  display: none;
310
310
  }
311
311
 
312
- .awsui_initial-hidden_mx3cw_qqm2s_310:not(#\9) {
312
+ .awsui_initial-hidden_mx3cw_1r6ai_310:not(#\9) {
313
313
  overflow: hidden;
314
314
  block-size: 0;
315
315
  }
316
316
 
317
- .awsui_header_mx3cw_qqm2s_315:not(#\9),
318
- .awsui_header-replacement_mx3cw_qqm2s_316:not(#\9) {
317
+ .awsui_header_mx3cw_1r6ai_315:not(#\9),
318
+ .awsui_header-replacement_mx3cw_1r6ai_316:not(#\9) {
319
319
  font-weight: 700;
320
320
  }
321
321
 
322
- .awsui_action_mx3cw_qqm2s_320:not(#\9) {
322
+ .awsui_action_mx3cw_1r6ai_320:not(#\9) {
323
323
  white-space: nowrap;
324
324
  }
325
325
 
326
- .awsui_action-slot_mx3cw_qqm2s_324:not(#\9),
327
- .awsui_action-button_mx3cw_qqm2s_325:not(#\9) {
326
+ .awsui_action-slot_mx3cw_1r6ai_324:not(#\9),
327
+ .awsui_action-button_mx3cw_1r6ai_325:not(#\9) {
328
328
  /* used in test-utils */
329
329
  }
330
330
 
331
- .awsui_alert-focus-wrapper_mx3cw_qqm2s_329:not(#\9) {
331
+ .awsui_alert-focus-wrapper_mx3cw_1r6ai_329:not(#\9) {
332
332
  flex: 1;
333
333
  min-inline-size: 70%;
334
- min-inline-size: calc-size(max-content, min(size, 70%));
335
334
  display: grid;
336
335
  grid-template-columns: min-content auto;
337
336
  }
338
- .awsui_alert-focus-wrapper_mx3cw_qqm2s_329:not(#\9):focus {
337
+ .awsui_alert-focus-wrapper_mx3cw_1r6ai_329:not(#\9):focus {
339
338
  outline: none;
340
339
  }
341
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_qqm2s_329:not(#\9):focus {
340
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1r6ai_329:not(#\9):focus {
342
341
  position: relative;
343
342
  }
344
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_qqm2s_329:not(#\9):focus {
343
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1r6ai_329:not(#\9):focus {
345
344
  outline: 2px dotted transparent;
346
345
  outline-offset: calc(var(--space-button-focus-outline-gutter-cqfd0c, 4px) - 1px);
347
346
  }
348
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_qqm2s_329:not(#\9):focus::before {
347
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1r6ai_329:not(#\9):focus::before {
349
348
  content: " ";
350
349
  display: block;
351
350
  position: absolute;
@@ -360,78 +359,78 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_qqm2s_329:n
360
359
  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
361
360
  }
362
361
 
363
- .awsui_text_mx3cw_qqm2s_361:not(#\9) {
362
+ .awsui_text_mx3cw_1r6ai_360:not(#\9) {
364
363
  min-inline-size: 0;
365
364
  padding-block: var(--border-width-alert-t0f3yn, 2px);
366
365
  padding-inline: 0;
367
366
  margin-block: var(--space-scaled-xxs-7597g1, 4px);
368
367
  margin-inline: var(--space-xxs-p8yyaw, 4px);
369
368
  }
370
- .awsui_text_mx3cw_qqm2s_361.awsui_icon_mx3cw_qqm2s_368:not(#\9) {
369
+ .awsui_text_mx3cw_1r6ai_360.awsui_icon_mx3cw_1r6ai_367:not(#\9) {
371
370
  margin-inline-start: 0;
372
371
  }
373
- .awsui_text_mx3cw_qqm2s_361.awsui_message_mx3cw_qqm2s_371:not(#\9) {
372
+ .awsui_text_mx3cw_1r6ai_360.awsui_message_mx3cw_1r6ai_370:not(#\9) {
374
373
  margin-inline-end: var(--space-alert-message-right-knlb6u, 4px);
375
374
  }
376
375
 
377
- .awsui_action-wrapped_mx3cw_qqm2s_375:not(#\9) {
376
+ .awsui_action-wrapped_mx3cw_1r6ai_374:not(#\9) {
378
377
  margin-block-end: var(--space-xxs-p8yyaw, 4px);
379
378
  }
380
379
 
381
- .awsui_icon-size-medium_mx3cw_qqm2s_379 > .awsui_alert-wrapper_mx3cw_qqm2s_298 > .awsui_action-wrapped_mx3cw_qqm2s_375:not(#\9) {
380
+ .awsui_icon-size-medium_mx3cw_1r6ai_378 > .awsui_alert-wrapper_mx3cw_1r6ai_298 > .awsui_action-wrapped_mx3cw_1r6ai_374:not(#\9) {
382
381
  margin-inline-start: calc(var(--size-icon-medium-y9xuoq, 20px) + var(--space-xs-zb16t3, 8px));
383
382
  }
384
383
 
385
- .awsui_icon-size-big_mx3cw_qqm2s_383 > .awsui_alert-wrapper_mx3cw_qqm2s_298 > .awsui_action-wrapped_mx3cw_qqm2s_375:not(#\9) {
384
+ .awsui_icon-size-big_mx3cw_1r6ai_382 > .awsui_alert-wrapper_mx3cw_1r6ai_298 > .awsui_action-wrapped_mx3cw_1r6ai_374:not(#\9) {
386
385
  margin-inline-start: calc(var(--size-icon-big-zkdryd, 32px) + var(--space-xs-zb16t3, 8px));
387
386
  }
388
387
 
389
- .awsui_icon-size-normal_mx3cw_qqm2s_387 > .awsui_alert-wrapper_mx3cw_qqm2s_298 > .awsui_action-wrapped_mx3cw_qqm2s_375:not(#\9) {
388
+ .awsui_icon-size-normal_mx3cw_1r6ai_386 > .awsui_alert-wrapper_mx3cw_1r6ai_298 > .awsui_action-wrapped_mx3cw_1r6ai_374:not(#\9) {
390
389
  margin-inline-start: calc(var(--size-icon-normal-0m1722, 16px) + var(--space-xs-zb16t3, 8px));
391
390
  }
392
391
 
393
- .awsui_content_mx3cw_qqm2s_391:not(#\9),
394
- .awsui_content-replacement_mx3cw_qqm2s_392:not(#\9) {
392
+ .awsui_content_mx3cw_1r6ai_390:not(#\9),
393
+ .awsui_content-replacement_mx3cw_1r6ai_391:not(#\9) {
395
394
  /* used in test-utils */
396
395
  }
397
396
 
398
- .awsui_dismiss_mx3cw_qqm2s_396:not(#\9) {
397
+ .awsui_dismiss_mx3cw_1r6ai_395:not(#\9) {
399
398
  margin-inline-end: calc(-1 * var(--space-xxs-p8yyaw, 4px));
400
399
  margin-inline-start: var(--space-s-34lx8l, 12px);
401
400
  }
402
401
 
403
- .awsui_dismiss-button_mx3cw_qqm2s_401:not(#\9) {
402
+ .awsui_dismiss-button_mx3cw_1r6ai_400:not(#\9) {
404
403
  /* used in test-utils */
405
404
  }
406
405
 
407
- .awsui_type-error_mx3cw_qqm2s_405:not(#\9) {
406
+ .awsui_type-error_mx3cw_1r6ai_404:not(#\9) {
408
407
  border-color: var(--color-border-status-error-adxa56, #db0000);
409
408
  background-color: var(--color-background-status-error-5fz45j, #fff5f5);
410
409
  }
411
- .awsui_type-error_mx3cw_qqm2s_405 > .awsui_alert-wrapper_mx3cw_qqm2s_298 > .awsui_alert-focus-wrapper_mx3cw_qqm2s_329 > .awsui_icon_mx3cw_qqm2s_368:not(#\9) {
410
+ .awsui_type-error_mx3cw_1r6ai_404 > .awsui_alert-wrapper_mx3cw_1r6ai_298 > .awsui_alert-focus-wrapper_mx3cw_1r6ai_329 > .awsui_icon_mx3cw_1r6ai_367:not(#\9) {
412
411
  color: var(--color-text-status-error-5676bj, #db0000);
413
412
  }
414
413
 
415
- .awsui_type-warning_mx3cw_qqm2s_413:not(#\9) {
414
+ .awsui_type-warning_mx3cw_1r6ai_412:not(#\9) {
416
415
  border-color: var(--color-border-status-warning-3feumr, #855900);
417
416
  background-color: var(--color-background-status-warning-03nxlw, #fffef0);
418
417
  }
419
- .awsui_type-warning_mx3cw_qqm2s_413 > .awsui_alert-wrapper_mx3cw_qqm2s_298 > .awsui_alert-focus-wrapper_mx3cw_qqm2s_329 > .awsui_icon_mx3cw_qqm2s_368:not(#\9) {
418
+ .awsui_type-warning_mx3cw_1r6ai_412 > .awsui_alert-wrapper_mx3cw_1r6ai_298 > .awsui_alert-focus-wrapper_mx3cw_1r6ai_329 > .awsui_icon_mx3cw_1r6ai_367:not(#\9) {
420
419
  color: var(--color-text-status-warning-csaw41, #855900);
421
420
  }
422
421
 
423
- .awsui_type-success_mx3cw_qqm2s_421:not(#\9) {
422
+ .awsui_type-success_mx3cw_1r6ai_420:not(#\9) {
424
423
  border-color: var(--color-border-status-success-4x6srk, #00802f);
425
424
  background-color: var(--color-background-status-success-ua29ej, #effff1);
426
425
  }
427
- .awsui_type-success_mx3cw_qqm2s_421 > .awsui_alert-wrapper_mx3cw_qqm2s_298 > .awsui_alert-focus-wrapper_mx3cw_qqm2s_329 > .awsui_icon_mx3cw_qqm2s_368:not(#\9) {
426
+ .awsui_type-success_mx3cw_1r6ai_420 > .awsui_alert-wrapper_mx3cw_1r6ai_298 > .awsui_alert-focus-wrapper_mx3cw_1r6ai_329 > .awsui_icon_mx3cw_1r6ai_367:not(#\9) {
428
427
  color: var(--color-text-status-success-gqp5xk, #00802f);
429
428
  }
430
429
 
431
- .awsui_type-info_mx3cw_qqm2s_429:not(#\9) {
430
+ .awsui_type-info_mx3cw_1r6ai_428:not(#\9) {
432
431
  border-color: var(--color-border-status-info-z6pwqy, #006ce0);
433
432
  background-color: var(--color-background-status-info-gflgo4, #f0fbff);
434
433
  }
435
- .awsui_type-info_mx3cw_qqm2s_429 > .awsui_alert-wrapper_mx3cw_qqm2s_298 > .awsui_alert-focus-wrapper_mx3cw_qqm2s_329 > .awsui_icon_mx3cw_qqm2s_368:not(#\9) {
434
+ .awsui_type-info_mx3cw_1r6ai_428 > .awsui_alert-wrapper_mx3cw_1r6ai_298 > .awsui_alert-focus-wrapper_mx3cw_1r6ai_329 > .awsui_icon_mx3cw_1r6ai_367:not(#\9) {
436
435
  color: var(--color-text-status-info-7rlubr, #006ce0);
437
436
  }
@@ -2,32 +2,32 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "alert": "awsui_alert_mx3cw_qqm2s_193",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_qqm2s_1",
7
- "root": "awsui_root_mx3cw_qqm2s_215",
8
- "hidden": "awsui_hidden_mx3cw_qqm2s_250",
9
- "alert-wrapper": "awsui_alert-wrapper_mx3cw_qqm2s_298",
10
- "initial-hidden": "awsui_initial-hidden_mx3cw_qqm2s_310",
11
- "header": "awsui_header_mx3cw_qqm2s_315",
12
- "header-replacement": "awsui_header-replacement_mx3cw_qqm2s_316",
13
- "action": "awsui_action_mx3cw_qqm2s_320",
14
- "action-slot": "awsui_action-slot_mx3cw_qqm2s_324",
15
- "action-button": "awsui_action-button_mx3cw_qqm2s_325",
16
- "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_qqm2s_329",
17
- "text": "awsui_text_mx3cw_qqm2s_361",
18
- "icon": "awsui_icon_mx3cw_qqm2s_368",
19
- "message": "awsui_message_mx3cw_qqm2s_371",
20
- "action-wrapped": "awsui_action-wrapped_mx3cw_qqm2s_375",
21
- "icon-size-medium": "awsui_icon-size-medium_mx3cw_qqm2s_379",
22
- "icon-size-big": "awsui_icon-size-big_mx3cw_qqm2s_383",
23
- "icon-size-normal": "awsui_icon-size-normal_mx3cw_qqm2s_387",
24
- "content": "awsui_content_mx3cw_qqm2s_391",
25
- "content-replacement": "awsui_content-replacement_mx3cw_qqm2s_392",
26
- "dismiss": "awsui_dismiss_mx3cw_qqm2s_396",
27
- "dismiss-button": "awsui_dismiss-button_mx3cw_qqm2s_401",
28
- "type-error": "awsui_type-error_mx3cw_qqm2s_405",
29
- "type-warning": "awsui_type-warning_mx3cw_qqm2s_413",
30
- "type-success": "awsui_type-success_mx3cw_qqm2s_421",
31
- "type-info": "awsui_type-info_mx3cw_qqm2s_429"
5
+ "alert": "awsui_alert_mx3cw_1r6ai_193",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1r6ai_1",
7
+ "root": "awsui_root_mx3cw_1r6ai_215",
8
+ "hidden": "awsui_hidden_mx3cw_1r6ai_250",
9
+ "alert-wrapper": "awsui_alert-wrapper_mx3cw_1r6ai_298",
10
+ "initial-hidden": "awsui_initial-hidden_mx3cw_1r6ai_310",
11
+ "header": "awsui_header_mx3cw_1r6ai_315",
12
+ "header-replacement": "awsui_header-replacement_mx3cw_1r6ai_316",
13
+ "action": "awsui_action_mx3cw_1r6ai_320",
14
+ "action-slot": "awsui_action-slot_mx3cw_1r6ai_324",
15
+ "action-button": "awsui_action-button_mx3cw_1r6ai_325",
16
+ "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1r6ai_329",
17
+ "text": "awsui_text_mx3cw_1r6ai_360",
18
+ "icon": "awsui_icon_mx3cw_1r6ai_367",
19
+ "message": "awsui_message_mx3cw_1r6ai_370",
20
+ "action-wrapped": "awsui_action-wrapped_mx3cw_1r6ai_374",
21
+ "icon-size-medium": "awsui_icon-size-medium_mx3cw_1r6ai_378",
22
+ "icon-size-big": "awsui_icon-size-big_mx3cw_1r6ai_382",
23
+ "icon-size-normal": "awsui_icon-size-normal_mx3cw_1r6ai_386",
24
+ "content": "awsui_content_mx3cw_1r6ai_390",
25
+ "content-replacement": "awsui_content-replacement_mx3cw_1r6ai_391",
26
+ "dismiss": "awsui_dismiss_mx3cw_1r6ai_395",
27
+ "dismiss-button": "awsui_dismiss-button_mx3cw_1r6ai_400",
28
+ "type-error": "awsui_type-error_mx3cw_1r6ai_404",
29
+ "type-warning": "awsui_type-warning_mx3cw_1r6ai_412",
30
+ "type-success": "awsui_type-success_mx3cw_1r6ai_420",
31
+ "type-info": "awsui_type-info_mx3cw_1r6ai_428"
32
32
  };
33
33
 
@@ -1 +1 @@
1
- {"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/drawer/overflow-menu.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,mBAAmB,EACnB,2BAA2B,EAE5B,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/C,KAAK,MAAM,GAAG,cAAc,CAAC,MAAM,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE3D,UAAU,iBAAiB;IACzB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB,WAAW,EAAE,sBAAsB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC1E,oBAAoB,CAAC,EAAE,2BAA2B,CAAC,sBAAsB,CAAC,CAAC;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAYD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EAAE,OAAO,EACd,WAAW,EACX,oBAAoB,EACpB,SAAS,EACT,uBAAuB,GACxB,EAAE,iBAAiB,eAuBnB"}
1
+ {"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/drawer/overflow-menu.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,mBAAmB,EACnB,2BAA2B,EAE5B,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/C,KAAK,MAAM,GAAG,cAAc,CAAC,MAAM,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE3D,UAAU,iBAAiB;IACzB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB,WAAW,EAAE,sBAAsB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC1E,oBAAoB,CAAC,EAAE,2BAA2B,CAAC,sBAAsB,CAAC,CAAC;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAYD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EAAE,OAAO,EACd,WAAW,EACX,oBAAoB,EACpB,SAAS,EACT,uBAAuB,GACxB,EAAE,iBAAiB,eA0BnB"}
@@ -3,19 +3,20 @@
3
3
  import React from 'react';
4
4
  import InternalButtonDropdown from '../../button-dropdown/internal';
5
5
  import testutilStyles from '../test-classes/styles.css.js';
6
- const mapDrawerToItem = (drawer) => ({
6
+ const mapDrawerToItem = (drawer, isTypeCheckbox) => ({
7
7
  id: drawer.id,
8
8
  text: drawer.ariaLabels.drawerName,
9
9
  iconName: drawer.trigger.iconName,
10
10
  iconSvg: drawer.trigger.iconSvg,
11
11
  badge: drawer.badge,
12
- itemType: 'checkbox',
12
+ itemType: isTypeCheckbox ? 'checkbox' : undefined,
13
13
  checked: drawer.active,
14
14
  });
15
15
  export default function OverflowMenu({ items: drawers, onItemClick, customTriggerBuilder, ariaLabel, globalDrawersStartIndex, }) {
16
- const itemsFlatList = drawers.map(mapDrawerToItem);
16
+ const hasGlobalDrawers = globalDrawersStartIndex !== undefined;
17
+ const itemsFlatList = drawers.map((item, index) => mapDrawerToItem(item, hasGlobalDrawers && index >= globalDrawersStartIndex));
17
18
  let items;
18
- if (globalDrawersStartIndex !== undefined && globalDrawersStartIndex > 0) {
19
+ if (hasGlobalDrawers) {
19
20
  items = [
20
21
  { items: itemsFlatList.slice(0, globalDrawersStartIndex) },
21
22
  { items: itemsFlatList.slice(globalDrawersStartIndex) },
@@ -1 +1 @@
1
- {"version":3,"file":"overflow-menu.js","sourceRoot":"","sources":["../../../../src/app-layout/drawer/overflow-menu.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,sBAAsB,MAAM,gCAAgC,CAAC;AAIpE,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAY3D,MAAM,eAAe,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC;IAC3C,EAAE,EAAE,MAAM,CAAC,EAAE;IACb,IAAI,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU;IAClC,QAAQ,EAAE,MAAM,CAAC,OAAQ,CAAC,QAAQ;IAClC,OAAO,EAAE,MAAM,CAAC,OAAQ,CAAC,OAAO;IAChC,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,QAAQ,EAAE,UAA0C;IACpD,OAAO,EAAE,MAAM,CAAC,MAAM;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EAAE,OAAO,EACd,WAAW,EACX,oBAAoB,EACpB,SAAS,EACT,uBAAuB,GACL;IAClB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACnD,IAAI,KAAyC,CAAC;IAC9C,IAAI,uBAAuB,KAAK,SAAS,IAAI,uBAAuB,GAAG,CAAC,EAAE;QACxE,KAAK,GAAG;YACN,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,uBAAuB,CAAC,EAAE;YAC1D,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,uBAAuB,CAAC,EAAE;SACxD,CAAC;KACH;SAAM;QACL,KAAK,GAAG,aAAa,CAAC;KACvB;IAED,OAAO,CACL,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,cAAc,CAAC,eAAe,CAAC,EAC1C,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,MAAM,EACd,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,IAAI,GACtB,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport {\n ButtonDropdownProps,\n InternalButtonDropdownProps,\n InternalItemOrGroup,\n} from '../../button-dropdown/interfaces';\nimport InternalButtonDropdown from '../../button-dropdown/internal';\nimport { CancelableEventHandler } from '../../internal/events';\nimport { AppLayoutProps } from '../interfaces';\n\nimport testutilStyles from '../test-classes/styles.css.js';\n\ntype Drawer = AppLayoutProps.Drawer & { active?: boolean };\n\ninterface OverflowMenuProps {\n items: Array<Drawer>;\n onItemClick: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n customTriggerBuilder?: InternalButtonDropdownProps['customTriggerBuilder'];\n ariaLabel?: string;\n globalDrawersStartIndex?: number;\n}\n\nconst mapDrawerToItem = (drawer: Drawer) => ({\n id: drawer.id,\n text: drawer.ariaLabels.drawerName,\n iconName: drawer.trigger!.iconName,\n iconSvg: drawer.trigger!.iconSvg,\n badge: drawer.badge,\n itemType: 'checkbox' as ButtonDropdownProps.ItemType,\n checked: drawer.active,\n});\n\nexport default function OverflowMenu({\n items: drawers,\n onItemClick,\n customTriggerBuilder,\n ariaLabel,\n globalDrawersStartIndex,\n}: OverflowMenuProps) {\n const itemsFlatList = drawers.map(mapDrawerToItem);\n let items: ReadonlyArray<InternalItemOrGroup>;\n if (globalDrawersStartIndex !== undefined && globalDrawersStartIndex > 0) {\n items = [\n { items: itemsFlatList.slice(0, globalDrawersStartIndex) },\n { items: itemsFlatList.slice(globalDrawersStartIndex) },\n ];\n } else {\n items = itemsFlatList;\n }\n\n return (\n <InternalButtonDropdown\n items={items}\n className={testutilStyles['overflow-menu']}\n onItemClick={onItemClick}\n ariaLabel={ariaLabel}\n variant=\"icon\"\n customTriggerBuilder={customTriggerBuilder}\n expandToViewport={true}\n />\n );\n}\n"]}
1
+ {"version":3,"file":"overflow-menu.js","sourceRoot":"","sources":["../../../../src/app-layout/drawer/overflow-menu.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,sBAAsB,MAAM,gCAAgC,CAAC;AAIpE,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAY3D,MAAM,eAAe,GAAG,CAAC,MAAc,EAAE,cAAuB,EAAE,EAAE,CAAC,CAAC;IACpE,EAAE,EAAE,MAAM,CAAC,EAAE;IACb,IAAI,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU;IAClC,QAAQ,EAAE,MAAM,CAAC,OAAQ,CAAC,QAAQ;IAClC,OAAO,EAAE,MAAM,CAAC,OAAQ,CAAC,OAAO;IAChC,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAE,UAA2C,CAAC,CAAC,CAAC,SAAS;IACnF,OAAO,EAAE,MAAM,CAAC,MAAM;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EAAE,OAAO,EACd,WAAW,EACX,oBAAoB,EACpB,SAAS,EACT,uBAAuB,GACL;IAClB,MAAM,gBAAgB,GAAG,uBAAuB,KAAK,SAAS,CAAC;IAC/D,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAChD,eAAe,CAAC,IAAI,EAAE,gBAAgB,IAAI,KAAK,IAAI,uBAAuB,CAAC,CAC5E,CAAC;IACF,IAAI,KAAyC,CAAC;IAC9C,IAAI,gBAAgB,EAAE;QACpB,KAAK,GAAG;YACN,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,uBAAuB,CAAC,EAAE;YAC1D,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,uBAAuB,CAAC,EAAE;SACxD,CAAC;KACH;SAAM;QACL,KAAK,GAAG,aAAa,CAAC;KACvB;IAED,OAAO,CACL,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,cAAc,CAAC,eAAe,CAAC,EAC1C,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,MAAM,EACd,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,IAAI,GACtB,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport {\n ButtonDropdownProps,\n InternalButtonDropdownProps,\n InternalItemOrGroup,\n} from '../../button-dropdown/interfaces';\nimport InternalButtonDropdown from '../../button-dropdown/internal';\nimport { CancelableEventHandler } from '../../internal/events';\nimport { AppLayoutProps } from '../interfaces';\n\nimport testutilStyles from '../test-classes/styles.css.js';\n\ntype Drawer = AppLayoutProps.Drawer & { active?: boolean };\n\ninterface OverflowMenuProps {\n items: Array<Drawer>;\n onItemClick: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n customTriggerBuilder?: InternalButtonDropdownProps['customTriggerBuilder'];\n ariaLabel?: string;\n globalDrawersStartIndex?: number;\n}\n\nconst mapDrawerToItem = (drawer: Drawer, isTypeCheckbox: boolean) => ({\n id: drawer.id,\n text: drawer.ariaLabels.drawerName,\n iconName: drawer.trigger!.iconName,\n iconSvg: drawer.trigger!.iconSvg,\n badge: drawer.badge,\n itemType: isTypeCheckbox ? ('checkbox' as ButtonDropdownProps.ItemType) : undefined,\n checked: drawer.active,\n});\n\nexport default function OverflowMenu({\n items: drawers,\n onItemClick,\n customTriggerBuilder,\n ariaLabel,\n globalDrawersStartIndex,\n}: OverflowMenuProps) {\n const hasGlobalDrawers = globalDrawersStartIndex !== undefined;\n const itemsFlatList = drawers.map((item, index) =>\n mapDrawerToItem(item, hasGlobalDrawers && index >= globalDrawersStartIndex)\n );\n let items: ReadonlyArray<InternalItemOrGroup>;\n if (hasGlobalDrawers) {\n items = [\n { items: itemsFlatList.slice(0, globalDrawersStartIndex) },\n { items: itemsFlatList.slice(globalDrawersStartIndex) },\n ];\n } else {\n items = itemsFlatList;\n }\n\n return (\n <InternalButtonDropdown\n items={items}\n className={testutilStyles['overflow-menu']}\n onItemClick={onItemClick}\n ariaLabel={ariaLabel}\n variant=\"icon\"\n customTriggerBuilder={customTriggerBuilder}\n expandToViewport={true}\n />\n );\n}\n"]}
@@ -1,55 +1,55 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "flash-with-motion": "awsui_flash-with-motion_1q84n_tmdyd_157",
5
- "enter": "awsui_enter_1q84n_tmdyd_157",
6
- "flash-body": "awsui_flash-body_1q84n_tmdyd_171",
7
- "flash-message": "awsui_flash-message_1q84n_tmdyd_171",
8
- "flash-header": "awsui_flash-header_1q84n_tmdyd_171",
9
- "flash-content": "awsui_flash-content_1q84n_tmdyd_172",
10
- "action-button-wrapper": "awsui_action-button-wrapper_1q84n_tmdyd_173",
11
- "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_tmdyd_174",
12
- "flash-icon": "awsui_flash-icon_1q84n_tmdyd_197",
13
- "entering": "awsui_entering_1q84n_tmdyd_210",
14
- "entered": "awsui_entered_1q84n_tmdyd_231",
15
- "exiting": "awsui_exiting_1q84n_tmdyd_336",
16
- "stack": "awsui_stack_1q84n_tmdyd_370",
17
- "animation-running": "awsui_animation-running_1q84n_tmdyd_370",
18
- "item": "awsui_item_1q84n_tmdyd_370",
19
- "flash-list-item": "awsui_flash-list-item_1q84n_tmdyd_371",
20
- "notification-bar": "awsui_notification-bar_1q84n_tmdyd_372",
21
- "collapsed": "awsui_collapsed_1q84n_tmdyd_392",
22
- "animation-ready": "awsui_animation-ready_1q84n_tmdyd_392",
23
- "expanded-only": "awsui_expanded-only_1q84n_tmdyd_392",
24
- "expanded": "awsui_expanded_1q84n_tmdyd_392",
25
- "flash": "awsui_flash_1q84n_tmdyd_157",
26
- "collapsible": "awsui_collapsible_1q84n_tmdyd_448",
27
- "short-list": "awsui_short-list_1q84n_tmdyd_454",
28
- "visual-refresh": "awsui_visual-refresh_1q84n_tmdyd_454",
29
- "status": "awsui_status_1q84n_tmdyd_601",
30
- "header": "awsui_header_1q84n_tmdyd_601",
31
- "item-count": "awsui_item-count_1q84n_tmdyd_602",
32
- "button": "awsui_button_1q84n_tmdyd_603",
33
- "type-count": "awsui_type-count_1q84n_tmdyd_636",
34
- "count-number": "awsui_count-number_1q84n_tmdyd_636",
35
- "icon": "awsui_icon_1q84n_tmdyd_670",
36
- "floating": "awsui_floating_1q84n_tmdyd_711",
37
- "flashbar": "awsui_flashbar_1q84n_tmdyd_715",
38
- "initial-hidden": "awsui_initial-hidden_1q84n_tmdyd_773",
39
- "flash-list": "awsui_flash-list_1q84n_tmdyd_371",
40
- "flash-focus-container": "awsui_flash-focus-container_1q84n_tmdyd_797",
41
- "flash-text": "awsui_flash-text_1q84n_tmdyd_828",
42
- "hidden": "awsui_hidden_1q84n_tmdyd_847",
43
- "header-replacement": "awsui_header-replacement_1q84n_tmdyd_852",
44
- "content-replacement": "awsui_content-replacement_1q84n_tmdyd_857",
45
- "dismiss-button": "awsui_dismiss-button_1q84n_tmdyd_174",
46
- "action-wrapped": "awsui_action-wrapped_1q84n_tmdyd_875",
47
- "action-button": "awsui_action-button_1q84n_tmdyd_173",
48
- "action-slot": "awsui_action-slot_1q84n_tmdyd_882",
49
- "flash-type-success": "awsui_flash-type-success_1q84n_tmdyd_886",
50
- "flash-type-error": "awsui_flash-type-error_1q84n_tmdyd_890",
51
- "flash-type-info": "awsui_flash-type-info_1q84n_tmdyd_894",
52
- "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_tmdyd_895",
53
- "flash-type-warning": "awsui_flash-type-warning_1q84n_tmdyd_899"
4
+ "flash-with-motion": "awsui_flash-with-motion_1q84n_16b58_157",
5
+ "enter": "awsui_enter_1q84n_16b58_157",
6
+ "flash-body": "awsui_flash-body_1q84n_16b58_171",
7
+ "flash-message": "awsui_flash-message_1q84n_16b58_171",
8
+ "flash-header": "awsui_flash-header_1q84n_16b58_171",
9
+ "flash-content": "awsui_flash-content_1q84n_16b58_172",
10
+ "action-button-wrapper": "awsui_action-button-wrapper_1q84n_16b58_173",
11
+ "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_16b58_174",
12
+ "flash-icon": "awsui_flash-icon_1q84n_16b58_197",
13
+ "entering": "awsui_entering_1q84n_16b58_210",
14
+ "entered": "awsui_entered_1q84n_16b58_231",
15
+ "exiting": "awsui_exiting_1q84n_16b58_336",
16
+ "stack": "awsui_stack_1q84n_16b58_370",
17
+ "animation-running": "awsui_animation-running_1q84n_16b58_370",
18
+ "item": "awsui_item_1q84n_16b58_370",
19
+ "flash-list-item": "awsui_flash-list-item_1q84n_16b58_371",
20
+ "notification-bar": "awsui_notification-bar_1q84n_16b58_372",
21
+ "collapsed": "awsui_collapsed_1q84n_16b58_392",
22
+ "animation-ready": "awsui_animation-ready_1q84n_16b58_392",
23
+ "expanded-only": "awsui_expanded-only_1q84n_16b58_392",
24
+ "expanded": "awsui_expanded_1q84n_16b58_392",
25
+ "flash": "awsui_flash_1q84n_16b58_157",
26
+ "collapsible": "awsui_collapsible_1q84n_16b58_448",
27
+ "short-list": "awsui_short-list_1q84n_16b58_454",
28
+ "visual-refresh": "awsui_visual-refresh_1q84n_16b58_454",
29
+ "status": "awsui_status_1q84n_16b58_601",
30
+ "header": "awsui_header_1q84n_16b58_601",
31
+ "item-count": "awsui_item-count_1q84n_16b58_602",
32
+ "button": "awsui_button_1q84n_16b58_603",
33
+ "type-count": "awsui_type-count_1q84n_16b58_636",
34
+ "count-number": "awsui_count-number_1q84n_16b58_636",
35
+ "icon": "awsui_icon_1q84n_16b58_670",
36
+ "floating": "awsui_floating_1q84n_16b58_711",
37
+ "flashbar": "awsui_flashbar_1q84n_16b58_715",
38
+ "initial-hidden": "awsui_initial-hidden_1q84n_16b58_773",
39
+ "flash-list": "awsui_flash-list_1q84n_16b58_371",
40
+ "flash-focus-container": "awsui_flash-focus-container_1q84n_16b58_797",
41
+ "flash-text": "awsui_flash-text_1q84n_16b58_827",
42
+ "hidden": "awsui_hidden_1q84n_16b58_846",
43
+ "header-replacement": "awsui_header-replacement_1q84n_16b58_851",
44
+ "content-replacement": "awsui_content-replacement_1q84n_16b58_856",
45
+ "dismiss-button": "awsui_dismiss-button_1q84n_16b58_174",
46
+ "action-wrapped": "awsui_action-wrapped_1q84n_16b58_874",
47
+ "action-button": "awsui_action-button_1q84n_16b58_173",
48
+ "action-slot": "awsui_action-slot_1q84n_16b58_881",
49
+ "flash-type-success": "awsui_flash-type-success_1q84n_16b58_885",
50
+ "flash-type-error": "awsui_flash-type-error_1q84n_16b58_889",
51
+ "flash-type-info": "awsui_flash-type-info_1q84n_16b58_893",
52
+ "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_16b58_894",
53
+ "flash-type-warning": "awsui_flash-type-warning_1q84n_16b58_898"
54
54
  };
55
55