npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.950 → 3.0.952 - Mend

@cloudscape-design/components-themeable 3.0.950 → 3.0.952

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 (32) hide show

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "d520ccdbc56c9676ebe14c16c0360ad95b99d0d9"
+  "commit": "0e8e875d2e19e4123db4770aa25a786ba4a969f7"
 }

package/lib/internal/scss/alert/styles.scss CHANGED Viewed

@@ -69,8 +69,7 @@
 .alert-focus-wrapper {
   flex: 1;
-  min-inline-size: 70%; // fallback for browsers that don't support calc-size
-  min-inline-size: calc-size(max-content, min(size, 70%));
+  min-inline-size: 70%;
   display: grid;
   grid-template-columns: min-content auto;

package/lib/internal/scss/flashbar/styles.scss CHANGED Viewed

@@ -71,8 +71,7 @@
 .flash-focus-container {
   display: flex;
   flex: 1;
-  min-inline-size: 70%; // fallback for browsers that don't support calc-size
-  min-inline-size: calc-size(max-content, min(size, 70%));
+  min-inline-size: 70%;
   &:focus {
     outline: none;

package/lib/internal/scss/popover/styles.scss CHANGED Viewed

@@ -39,6 +39,7 @@ $trigger-underline-offset: 0.25em;
 }
 .trigger-type-text-inline {
+  @include styles.default-text-style;
   border-block: 0;
   /*
     This transparent border is necessary to maintain space between the trigger and the bottom-positioned popover.

package/lib/internal/template/alert/styles.css.js CHANGED Viewed

@@ -1,32 +1,32 @@
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_o71dh_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_o71dh_1",
-  "root": "awsui_root_mx3cw_o71dh_215",
-  "hidden": "awsui_hidden_mx3cw_o71dh_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_o71dh_298",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_o71dh_310",
-  "header": "awsui_header_mx3cw_o71dh_315",
-  "header-replacement": "awsui_header-replacement_mx3cw_o71dh_316",
-  "action": "awsui_action_mx3cw_o71dh_320",
-  "action-slot": "awsui_action-slot_mx3cw_o71dh_324",
-  "action-button": "awsui_action-button_mx3cw_o71dh_325",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_o71dh_329",
-  "text": "awsui_text_mx3cw_o71dh_361",
-  "icon": "awsui_icon_mx3cw_o71dh_368",
-  "message": "awsui_message_mx3cw_o71dh_371",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_o71dh_375",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_o71dh_379",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_o71dh_383",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_o71dh_387",
-  "content": "awsui_content_mx3cw_o71dh_391",
-  "content-replacement": "awsui_content-replacement_mx3cw_o71dh_392",
-  "dismiss": "awsui_dismiss_mx3cw_o71dh_396",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_o71dh_401",
-  "type-error": "awsui_type-error_mx3cw_o71dh_405",
-  "type-warning": "awsui_type-warning_mx3cw_o71dh_413",
-  "type-success": "awsui_type-success_mx3cw_o71dh_421",
-  "type-info": "awsui_type-info_mx3cw_o71dh_429"
+  "alert": "awsui_alert_mx3cw_i9lhn_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_i9lhn_1",
+  "root": "awsui_root_mx3cw_i9lhn_215",
+  "hidden": "awsui_hidden_mx3cw_i9lhn_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_i9lhn_298",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_i9lhn_310",
+  "header": "awsui_header_mx3cw_i9lhn_315",
+  "header-replacement": "awsui_header-replacement_mx3cw_i9lhn_316",
+  "action": "awsui_action_mx3cw_i9lhn_320",
+  "action-slot": "awsui_action-slot_mx3cw_i9lhn_324",
+  "action-button": "awsui_action-button_mx3cw_i9lhn_325",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_i9lhn_329",
+  "text": "awsui_text_mx3cw_i9lhn_360",
+  "icon": "awsui_icon_mx3cw_i9lhn_367",
+  "message": "awsui_message_mx3cw_i9lhn_370",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_i9lhn_374",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_i9lhn_378",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_i9lhn_382",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_i9lhn_386",
+  "content": "awsui_content_mx3cw_i9lhn_390",
+  "content-replacement": "awsui_content-replacement_mx3cw_i9lhn_391",
+  "dismiss": "awsui_dismiss_mx3cw_i9lhn_395",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_i9lhn_400",
+  "type-error": "awsui_type-error_mx3cw_i9lhn_404",
+  "type-warning": "awsui_type-warning_mx3cw_i9lhn_412",
+  "type-success": "awsui_type-success_mx3cw_i9lhn_420",
+  "type-info": "awsui_type-info_mx3cw_i9lhn_428"
 };

package/lib/internal/template/alert/styles.scoped.css CHANGED Viewed

@@ -190,10 +190,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_alert_mx3cw_o71dh_193:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_o71dh_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
+.awsui_alert_mx3cw_i9lhn_193:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_i9lhn_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_o71dh_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_i9lhn_1 {
   from {
     opacity: 0.2;
   }
@@ -202,17 +202,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_o71dh_193:not(#\9) {
+  .awsui_alert_mx3cw_i9lhn_193:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_o71dh_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_o71dh_193:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_i9lhn_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_i9lhn_193:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_mx3cw_o71dh_215:not(#\9) {
+.awsui_root_mx3cw_i9lhn_215:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -248,11 +248,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_o71dh_215.awsui_hidden_mx3cw_o71dh_250:not(#\9) {
+.awsui_root_mx3cw_i9lhn_215.awsui_hidden_mx3cw_i9lhn_250:not(#\9) {
   display: none;
 }
-.awsui_alert_mx3cw_o71dh_193:not(#\9) {
+.awsui_alert_mx3cw_i9lhn_193:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -297,7 +297,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_alert-wrapper_mx3cw_o71dh_298:not(#\9) {
+.awsui_alert-wrapper_mx3cw_i9lhn_298:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: row;
@@ -305,47 +305,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-alert-action-left-soet49, 20px);
 }
-.awsui_hidden_mx3cw_o71dh_250:not(#\9) {
+.awsui_hidden_mx3cw_i9lhn_250:not(#\9) {
   display: none;
 }
-.awsui_initial-hidden_mx3cw_o71dh_310:not(#\9) {
+.awsui_initial-hidden_mx3cw_i9lhn_310:not(#\9) {
   overflow: hidden;
   block-size: 0;
 }
-.awsui_header_mx3cw_o71dh_315:not(#\9),
-.awsui_header-replacement_mx3cw_o71dh_316:not(#\9) {
+.awsui_header_mx3cw_i9lhn_315:not(#\9),
+.awsui_header-replacement_mx3cw_i9lhn_316:not(#\9) {
   font-weight: 700;
 }
-.awsui_action_mx3cw_o71dh_320:not(#\9) {
+.awsui_action_mx3cw_i9lhn_320:not(#\9) {
   white-space: nowrap;
 }
-.awsui_action-slot_mx3cw_o71dh_324:not(#\9),
-.awsui_action-button_mx3cw_o71dh_325:not(#\9) {
+.awsui_action-slot_mx3cw_i9lhn_324:not(#\9),
+.awsui_action-button_mx3cw_i9lhn_325:not(#\9) {
   /* used in test-utils */
 }
-.awsui_alert-focus-wrapper_mx3cw_o71dh_329:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_i9lhn_329:not(#\9) {
   flex: 1;
   min-inline-size: 70%;
-  min-inline-size: calc-size(max-content, min(size, 70%));
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_o71dh_329:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_i9lhn_329:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_o71dh_329:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_i9lhn_329:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_o71dh_329:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_i9lhn_329:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-90p0io, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_o71dh_329:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_i9lhn_329:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -360,78 +359,78 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_o71dh_329:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_text_mx3cw_o71dh_361:not(#\9) {
+.awsui_text_mx3cw_i9lhn_360:not(#\9) {
   min-inline-size: 0;
   padding-block: var(--border-width-alert-i75nxu, 1px);
   padding-inline: 0;
   margin-block: var(--space-scaled-xxs-krq5fq, 4px);
   margin-inline: var(--space-xxs-y2432o, 4px);
 }
-.awsui_text_mx3cw_o71dh_361.awsui_icon_mx3cw_o71dh_368:not(#\9) {
+.awsui_text_mx3cw_i9lhn_360.awsui_icon_mx3cw_i9lhn_367:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_o71dh_361.awsui_message_mx3cw_o71dh_371:not(#\9) {
+.awsui_text_mx3cw_i9lhn_360.awsui_message_mx3cw_i9lhn_370:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-6y4tnf, 0px);
 }
-.awsui_action-wrapped_mx3cw_o71dh_375:not(#\9) {
+.awsui_action-wrapped_mx3cw_i9lhn_374:not(#\9) {
   margin-block-end: var(--space-xxs-y2432o, 4px);
 }
-.awsui_icon-size-medium_mx3cw_o71dh_379 > .awsui_alert-wrapper_mx3cw_o71dh_298 > .awsui_action-wrapped_mx3cw_o71dh_375:not(#\9) {
+.awsui_icon-size-medium_mx3cw_i9lhn_378 > .awsui_alert-wrapper_mx3cw_i9lhn_298 > .awsui_action-wrapped_mx3cw_i9lhn_374:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-r52788, 16px) + var(--space-xs-6dgkww, 8px));
 }
-.awsui_icon-size-big_mx3cw_o71dh_383 > .awsui_alert-wrapper_mx3cw_o71dh_298 > .awsui_action-wrapped_mx3cw_o71dh_375:not(#\9) {
+.awsui_icon-size-big_mx3cw_i9lhn_382 > .awsui_alert-wrapper_mx3cw_i9lhn_298 > .awsui_action-wrapped_mx3cw_i9lhn_374:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-fdyugp, 32px) + var(--space-xs-6dgkww, 8px));
 }
-.awsui_icon-size-normal_mx3cw_o71dh_387 > .awsui_alert-wrapper_mx3cw_o71dh_298 > .awsui_action-wrapped_mx3cw_o71dh_375:not(#\9) {
+.awsui_icon-size-normal_mx3cw_i9lhn_386 > .awsui_alert-wrapper_mx3cw_i9lhn_298 > .awsui_action-wrapped_mx3cw_i9lhn_374:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-19036g, 16px) + var(--space-xs-6dgkww, 8px));
 }
-.awsui_content_mx3cw_o71dh_391:not(#\9),
-.awsui_content-replacement_mx3cw_o71dh_392:not(#\9) {
+.awsui_content_mx3cw_i9lhn_390:not(#\9),
+.awsui_content-replacement_mx3cw_i9lhn_391:not(#\9) {
   /* used in test-utils */
 }
-.awsui_dismiss_mx3cw_o71dh_396:not(#\9) {
+.awsui_dismiss_mx3cw_i9lhn_395:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-y2432o, 4px));
   margin-inline-start: var(--space-s-vmutj3, 12px);
 }
-.awsui_dismiss-button_mx3cw_o71dh_401:not(#\9) {
+.awsui_dismiss-button_mx3cw_i9lhn_400:not(#\9) {
   /* used in test-utils */
 }
-.awsui_type-error_mx3cw_o71dh_405:not(#\9) {
+.awsui_type-error_mx3cw_i9lhn_404:not(#\9) {
   border-color: var(--color-border-status-error-5n723o, #d13212);
   background-color: var(--color-background-status-error-ljmwh5, #fdf3f1);
 }
-.awsui_type-error_mx3cw_o71dh_405 > .awsui_alert-wrapper_mx3cw_o71dh_298 > .awsui_alert-focus-wrapper_mx3cw_o71dh_329 > .awsui_icon_mx3cw_o71dh_368:not(#\9) {
+.awsui_type-error_mx3cw_i9lhn_404 > .awsui_alert-wrapper_mx3cw_i9lhn_298 > .awsui_alert-focus-wrapper_mx3cw_i9lhn_329 > .awsui_icon_mx3cw_i9lhn_367:not(#\9) {
   color: var(--color-text-status-error-p5bdwa, #d13212);
 }
-.awsui_type-warning_mx3cw_o71dh_413:not(#\9) {
+.awsui_type-warning_mx3cw_i9lhn_412:not(#\9) {
   border-color: var(--color-border-status-warning-wkps52, #906806);
   background-color: var(--color-background-status-warning-bqz9of, #fffef0);
 }
-.awsui_type-warning_mx3cw_o71dh_413 > .awsui_alert-wrapper_mx3cw_o71dh_298 > .awsui_alert-focus-wrapper_mx3cw_o71dh_329 > .awsui_icon_mx3cw_o71dh_368:not(#\9) {
+.awsui_type-warning_mx3cw_i9lhn_412 > .awsui_alert-wrapper_mx3cw_i9lhn_298 > .awsui_alert-focus-wrapper_mx3cw_i9lhn_329 > .awsui_icon_mx3cw_i9lhn_367:not(#\9) {
   color: var(--color-text-status-warning-3hbtsc, #906806);
 }
-.awsui_type-success_mx3cw_o71dh_421:not(#\9) {
+.awsui_type-success_mx3cw_i9lhn_420:not(#\9) {
   border-color: var(--color-border-status-success-acmcj0, #1d8102);
   background-color: var(--color-background-status-success-igaq7v, #f2f8f0);
 }
-.awsui_type-success_mx3cw_o71dh_421 > .awsui_alert-wrapper_mx3cw_o71dh_298 > .awsui_alert-focus-wrapper_mx3cw_o71dh_329 > .awsui_icon_mx3cw_o71dh_368:not(#\9) {
+.awsui_type-success_mx3cw_i9lhn_420 > .awsui_alert-wrapper_mx3cw_i9lhn_298 > .awsui_alert-focus-wrapper_mx3cw_i9lhn_329 > .awsui_icon_mx3cw_i9lhn_367:not(#\9) {
   color: var(--color-text-status-success-sh9pg0, #1d8102);
 }
-.awsui_type-info_mx3cw_o71dh_429:not(#\9) {
+.awsui_type-info_mx3cw_i9lhn_428:not(#\9) {
   border-color: var(--color-border-status-info-7kw04i, #0073bb);
   background-color: var(--color-background-status-info-zgt1yi, #f1faff);
 }
-.awsui_type-info_mx3cw_o71dh_429 > .awsui_alert-wrapper_mx3cw_o71dh_298 > .awsui_alert-focus-wrapper_mx3cw_o71dh_329 > .awsui_icon_mx3cw_o71dh_368:not(#\9) {
+.awsui_type-info_mx3cw_i9lhn_428 > .awsui_alert-wrapper_mx3cw_i9lhn_298 > .awsui_alert-focus-wrapper_mx3cw_i9lhn_329 > .awsui_icon_mx3cw_i9lhn_367:not(#\9) {
   color: var(--color-text-status-info-1ypqr6, #0073bb);
 }

package/lib/internal/template/alert/styles.selectors.js CHANGED Viewed

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_o71dh_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_o71dh_1",
-  "root": "awsui_root_mx3cw_o71dh_215",
-  "hidden": "awsui_hidden_mx3cw_o71dh_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_o71dh_298",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_o71dh_310",
-  "header": "awsui_header_mx3cw_o71dh_315",
-  "header-replacement": "awsui_header-replacement_mx3cw_o71dh_316",
-  "action": "awsui_action_mx3cw_o71dh_320",
-  "action-slot": "awsui_action-slot_mx3cw_o71dh_324",
-  "action-button": "awsui_action-button_mx3cw_o71dh_325",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_o71dh_329",
-  "text": "awsui_text_mx3cw_o71dh_361",
-  "icon": "awsui_icon_mx3cw_o71dh_368",
-  "message": "awsui_message_mx3cw_o71dh_371",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_o71dh_375",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_o71dh_379",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_o71dh_383",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_o71dh_387",
-  "content": "awsui_content_mx3cw_o71dh_391",
-  "content-replacement": "awsui_content-replacement_mx3cw_o71dh_392",
-  "dismiss": "awsui_dismiss_mx3cw_o71dh_396",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_o71dh_401",
-  "type-error": "awsui_type-error_mx3cw_o71dh_405",
-  "type-warning": "awsui_type-warning_mx3cw_o71dh_413",
-  "type-success": "awsui_type-success_mx3cw_o71dh_421",
-  "type-info": "awsui_type-info_mx3cw_o71dh_429"
+  "alert": "awsui_alert_mx3cw_i9lhn_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_i9lhn_1",
+  "root": "awsui_root_mx3cw_i9lhn_215",
+  "hidden": "awsui_hidden_mx3cw_i9lhn_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_i9lhn_298",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_i9lhn_310",
+  "header": "awsui_header_mx3cw_i9lhn_315",
+  "header-replacement": "awsui_header-replacement_mx3cw_i9lhn_316",
+  "action": "awsui_action_mx3cw_i9lhn_320",
+  "action-slot": "awsui_action-slot_mx3cw_i9lhn_324",
+  "action-button": "awsui_action-button_mx3cw_i9lhn_325",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_i9lhn_329",
+  "text": "awsui_text_mx3cw_i9lhn_360",
+  "icon": "awsui_icon_mx3cw_i9lhn_367",
+  "message": "awsui_message_mx3cw_i9lhn_370",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_i9lhn_374",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_i9lhn_378",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_i9lhn_382",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_i9lhn_386",
+  "content": "awsui_content_mx3cw_i9lhn_390",
+  "content-replacement": "awsui_content-replacement_mx3cw_i9lhn_391",
+  "dismiss": "awsui_dismiss_mx3cw_i9lhn_395",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_i9lhn_400",
+  "type-error": "awsui_type-error_mx3cw_i9lhn_404",
+  "type-warning": "awsui_type-warning_mx3cw_i9lhn_412",
+  "type-success": "awsui_type-success_mx3cw_i9lhn_420",
+  "type-info": "awsui_type-info_mx3cw_i9lhn_428"
 };

package/lib/internal/template/app-layout/drawer/overflow-menu.d.ts.map CHANGED Viewed

	@@ -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"}

package/lib/internal/template/app-layout/drawer/overflow-menu.js CHANGED Viewed

@@ -3,19 +3,20 @@
 import React from 'react';
 import InternalButtonDropdown from '../../button-dropdown/internal';
 import testutilStyles from '../test-classes/styles.css.js';
-const mapDrawerToItem = (drawer) => ({
+const mapDrawerToItem = (drawer, isTypeCheckbox) => ({
     id: drawer.id,
     text: drawer.ariaLabels.drawerName,
     iconName: drawer.trigger.iconName,
     iconSvg: drawer.trigger.iconSvg,
     badge: drawer.badge,
-    itemType: 'checkbox',
+    itemType: isTypeCheckbox ? 'checkbox' : undefined,
     checked: drawer.active,
 });
 export default function OverflowMenu({ items: drawers, onItemClick, customTriggerBuilder, ariaLabel, globalDrawersStartIndex, }) {
-    const itemsFlatList = drawers.map(mapDrawerToItem);
+    const hasGlobalDrawers = globalDrawersStartIndex !== undefined;
+    const itemsFlatList = drawers.map((item, index) => mapDrawerToItem(item, hasGlobalDrawers && index >= globalDrawersStartIndex));
     let items;
-    if (globalDrawersStartIndex !== undefined && globalDrawersStartIndex > 0) {
+    if (hasGlobalDrawers) {
         items = [
             { items: itemsFlatList.slice(0, globalDrawersStartIndex) },
             { items: itemsFlatList.slice(globalDrawersStartIndex) },

package/lib/internal/template/app-layout/drawer/overflow-menu.js.map CHANGED Viewed

	@@ -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"]}

package/lib/internal/template/flashbar/styles.css.js CHANGED Viewed

@@ -1,55 +1,55 @@
     import './styles.scoped.css';
     export default {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_1wgfn_157",
-  "enter": "awsui_enter_1q84n_1wgfn_157",
-  "flash-body": "awsui_flash-body_1q84n_1wgfn_171",
-  "flash-message": "awsui_flash-message_1q84n_1wgfn_171",
-  "flash-header": "awsui_flash-header_1q84n_1wgfn_171",
-  "flash-content": "awsui_flash-content_1q84n_1wgfn_172",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1wgfn_173",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1wgfn_174",
-  "flash-icon": "awsui_flash-icon_1q84n_1wgfn_197",
-  "entering": "awsui_entering_1q84n_1wgfn_210",
-  "entered": "awsui_entered_1q84n_1wgfn_231",
-  "exiting": "awsui_exiting_1q84n_1wgfn_336",
-  "stack": "awsui_stack_1q84n_1wgfn_370",
-  "animation-running": "awsui_animation-running_1q84n_1wgfn_370",
-  "item": "awsui_item_1q84n_1wgfn_370",
-  "flash-list-item": "awsui_flash-list-item_1q84n_1wgfn_371",
-  "notification-bar": "awsui_notification-bar_1q84n_1wgfn_372",
-  "collapsed": "awsui_collapsed_1q84n_1wgfn_392",
-  "animation-ready": "awsui_animation-ready_1q84n_1wgfn_392",
-  "expanded-only": "awsui_expanded-only_1q84n_1wgfn_392",
-  "expanded": "awsui_expanded_1q84n_1wgfn_392",
-  "flash": "awsui_flash_1q84n_1wgfn_157",
-  "collapsible": "awsui_collapsible_1q84n_1wgfn_448",
-  "short-list": "awsui_short-list_1q84n_1wgfn_454",
-  "visual-refresh": "awsui_visual-refresh_1q84n_1wgfn_454",
-  "status": "awsui_status_1q84n_1wgfn_601",
-  "header": "awsui_header_1q84n_1wgfn_601",
-  "item-count": "awsui_item-count_1q84n_1wgfn_602",
-  "button": "awsui_button_1q84n_1wgfn_603",
-  "type-count": "awsui_type-count_1q84n_1wgfn_636",
-  "count-number": "awsui_count-number_1q84n_1wgfn_636",
-  "icon": "awsui_icon_1q84n_1wgfn_670",
-  "floating": "awsui_floating_1q84n_1wgfn_711",
-  "flashbar": "awsui_flashbar_1q84n_1wgfn_715",
-  "initial-hidden": "awsui_initial-hidden_1q84n_1wgfn_773",
-  "flash-list": "awsui_flash-list_1q84n_1wgfn_371",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_1wgfn_797",
-  "flash-text": "awsui_flash-text_1q84n_1wgfn_828",
-  "hidden": "awsui_hidden_1q84n_1wgfn_847",
-  "header-replacement": "awsui_header-replacement_1q84n_1wgfn_852",
-  "content-replacement": "awsui_content-replacement_1q84n_1wgfn_857",
-  "dismiss-button": "awsui_dismiss-button_1q84n_1wgfn_174",
-  "action-wrapped": "awsui_action-wrapped_1q84n_1wgfn_875",
-  "action-button": "awsui_action-button_1q84n_1wgfn_173",
-  "action-slot": "awsui_action-slot_1q84n_1wgfn_882",
-  "flash-type-success": "awsui_flash-type-success_1q84n_1wgfn_886",
-  "flash-type-error": "awsui_flash-type-error_1q84n_1wgfn_890",
-  "flash-type-info": "awsui_flash-type-info_1q84n_1wgfn_894",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1wgfn_895",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_1wgfn_899"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1e5qc_157",
+  "enter": "awsui_enter_1q84n_1e5qc_157",
+  "flash-body": "awsui_flash-body_1q84n_1e5qc_171",
+  "flash-message": "awsui_flash-message_1q84n_1e5qc_171",
+  "flash-header": "awsui_flash-header_1q84n_1e5qc_171",
+  "flash-content": "awsui_flash-content_1q84n_1e5qc_172",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1e5qc_173",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1e5qc_174",
+  "flash-icon": "awsui_flash-icon_1q84n_1e5qc_197",
+  "entering": "awsui_entering_1q84n_1e5qc_210",
+  "entered": "awsui_entered_1q84n_1e5qc_231",
+  "exiting": "awsui_exiting_1q84n_1e5qc_336",
+  "stack": "awsui_stack_1q84n_1e5qc_370",
+  "animation-running": "awsui_animation-running_1q84n_1e5qc_370",
+  "item": "awsui_item_1q84n_1e5qc_370",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1e5qc_371",
+  "notification-bar": "awsui_notification-bar_1q84n_1e5qc_372",
+  "collapsed": "awsui_collapsed_1q84n_1e5qc_392",
+  "animation-ready": "awsui_animation-ready_1q84n_1e5qc_392",
+  "expanded-only": "awsui_expanded-only_1q84n_1e5qc_392",
+  "expanded": "awsui_expanded_1q84n_1e5qc_392",
+  "flash": "awsui_flash_1q84n_1e5qc_157",
+  "collapsible": "awsui_collapsible_1q84n_1e5qc_448",
+  "short-list": "awsui_short-list_1q84n_1e5qc_454",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1e5qc_454",
+  "status": "awsui_status_1q84n_1e5qc_601",
+  "header": "awsui_header_1q84n_1e5qc_601",
+  "item-count": "awsui_item-count_1q84n_1e5qc_602",
+  "button": "awsui_button_1q84n_1e5qc_603",
+  "type-count": "awsui_type-count_1q84n_1e5qc_636",
+  "count-number": "awsui_count-number_1q84n_1e5qc_636",
+  "icon": "awsui_icon_1q84n_1e5qc_670",
+  "floating": "awsui_floating_1q84n_1e5qc_711",
+  "flashbar": "awsui_flashbar_1q84n_1e5qc_715",
+  "initial-hidden": "awsui_initial-hidden_1q84n_1e5qc_773",
+  "flash-list": "awsui_flash-list_1q84n_1e5qc_371",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1e5qc_797",
+  "flash-text": "awsui_flash-text_1q84n_1e5qc_827",
+  "hidden": "awsui_hidden_1q84n_1e5qc_846",
+  "header-replacement": "awsui_header-replacement_1q84n_1e5qc_851",
+  "content-replacement": "awsui_content-replacement_1q84n_1e5qc_856",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1e5qc_174",
+  "action-wrapped": "awsui_action-wrapped_1q84n_1e5qc_874",
+  "action-button": "awsui_action-button_1q84n_1e5qc_173",
+  "action-slot": "awsui_action-slot_1q84n_1e5qc_881",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1e5qc_885",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1e5qc_889",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1e5qc_893",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1e5qc_894",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1e5qc_898"
 };