npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.332 → 3.0.334 - Mend

@cloudscape-design/components-themeable 3.0.332 → 3.0.334

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

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

@@ -94,34 +94,34 @@ 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_card-inner_p8a6i_1b3zr_97:not(#\9) {
+.awsui_card-inner_p8a6i_7si6p_97:not(#\9) {
   transition-property: background-color;
   transition-duration: var(--motion-duration-transition-show-paced-w46a9p, 180ms);
   transition-timing-function: var(--motion-easing-transition-show-paced-efc0r6, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_card-inner_p8a6i_1b3zr_97:not(#\9) {
+  .awsui_card-inner_p8a6i_7si6p_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_card-inner_p8a6i_1b3zr_97:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_1b3zr_97:not(#\9) {
+.awsui-motion-disabled .awsui_card-inner_p8a6i_7si6p_97:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_7si6p_97:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_card-inner_p8a6i_1b3zr_97:not(#\9)::before {
+.awsui_card-inner_p8a6i_7si6p_97:not(#\9)::before {
   transition-property: border-top-color, border-right-color, border-bottom-color, border-left-color;
   transition-duration: var(--motion-duration-transition-show-paced-w46a9p, 180ms);
   transition-timing-function: var(--motion-easing-transition-show-paced-efc0r6, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_card-inner_p8a6i_1b3zr_97:not(#\9)::before {
+  .awsui_card-inner_p8a6i_7si6p_97:not(#\9)::before {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_card-inner_p8a6i_1b3zr_97:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_1b3zr_97:not(#\9)::before {
+.awsui-motion-disabled .awsui_card-inner_p8a6i_7si6p_97:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_7si6p_97:not(#\9)::before {
   animation: none;
   transition: none;
 }
@@ -130,7 +130,7 @@ 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_root_p8a6i_1b3zr_133:not(#\9) {
+.awsui_root_p8a6i_7si6p_133:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_header-variant-full-page_p8a6i_1b3zr_153.awsui_header-refresh_p8a6i_1b3zr_153:not(#\9) {
+.awsui_header-variant-full-page_p8a6i_7si6p_153.awsui_header-refresh_p8a6i_7si6p_153:not(#\9) {
   border-radius: var(--border-radius-container-53367b, 0px);
   box-sizing: border-box;
   padding-top: 0;
@@ -184,7 +184,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-right: 0;
   padding-bottom: var(--space-container-header-vertical-ezarcz, 12px);
 }
-.awsui_header-variant-full-page_p8a6i_1b3zr_153.awsui_header-refresh_p8a6i_1b3zr_153:not(#\9)::before {
+.awsui_header-variant-full-page_p8a6i_7si6p_153.awsui_header-refresh_p8a6i_7si6p_153:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -199,7 +199,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-53367b, 0px);
   z-index: 1;
 }
-.awsui_header-variant-full-page_p8a6i_1b3zr_153.awsui_header-refresh_p8a6i_1b3zr_153:not(#\9)::after {
+.awsui_header-variant-full-page_p8a6i_7si6p_153.awsui_header-refresh_p8a6i_7si6p_153:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -214,12 +214,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-full-page_p8a6i_1b3zr_153.awsui_header-refresh_p8a6i_1b3zr_153:not(#\9) {
+  .awsui_header-variant-full-page_p8a6i_7si6p_153.awsui_header-refresh_p8a6i_7si6p_153:not(#\9) {
     border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-container-top-1t94bd, #eaeded);
   }
 }
-.awsui_list_p8a6i_1b3zr_196:not(#\9) {
+.awsui_list_p8a6i_7si6p_196:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
@@ -227,68 +227,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
   margin: 0 0 0 calc(var(--space-grid-gutter-jlj43y, 20px) * -1);
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-1_p8a6i_1b3zr_204 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-1_p8a6i_7si6p_204 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 100%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-2_p8a6i_1b3zr_207 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-2_p8a6i_7si6p_207 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 50%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-3_p8a6i_1b3zr_210 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-3_p8a6i_7si6p_210 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 33.3333333333%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-4_p8a6i_1b3zr_213 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-4_p8a6i_7si6p_213 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 25%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-5_p8a6i_1b3zr_216 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-5_p8a6i_7si6p_216 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 20%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-6_p8a6i_1b3zr_219 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-6_p8a6i_7si6p_219 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 16.6666666667%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-7_p8a6i_1b3zr_222 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-7_p8a6i_7si6p_222 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 14.2857142857%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-8_p8a6i_1b3zr_225 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-8_p8a6i_7si6p_225 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 12.5%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-9_p8a6i_1b3zr_228 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-9_p8a6i_7si6p_228 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 11.1111111111%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-10_p8a6i_1b3zr_231 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-10_p8a6i_7si6p_231 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 10%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-11_p8a6i_1b3zr_234 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-11_p8a6i_7si6p_234 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 9.0909090909%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-12_p8a6i_1b3zr_237 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-12_p8a6i_7si6p_237 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 8.3333333333%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-13_p8a6i_1b3zr_240 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-13_p8a6i_7si6p_240 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 7.6923076923%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-14_p8a6i_1b3zr_243 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-14_p8a6i_7si6p_243 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 7.1428571429%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-15_p8a6i_1b3zr_246 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-15_p8a6i_7si6p_246 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 6.6666666667%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-16_p8a6i_1b3zr_249 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-16_p8a6i_7si6p_249 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 6.25%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-17_p8a6i_1b3zr_252 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-17_p8a6i_7si6p_252 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 5.8823529412%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-18_p8a6i_1b3zr_255 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-18_p8a6i_7si6p_255 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 5.5555555556%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-19_p8a6i_1b3zr_258 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-19_p8a6i_7si6p_258 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 5.2631578947%;
 }
-.awsui_list_p8a6i_1b3zr_196.awsui_list-grid-20_p8a6i_1b3zr_261 > .awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_list_p8a6i_7si6p_196.awsui_list-grid-20_p8a6i_7si6p_261 > .awsui_card_p8a6i_7si6p_97:not(#\9) {
   width: 5%;
 }
-.awsui_selection-control_p8a6i_1b3zr_265:not(#\9) {
+.awsui_selection-control_p8a6i_7si6p_265:not(#\9) {
   position: absolute;
   box-sizing: border-box;
   width: calc(var(--size-control-6eaw6l, 14px) + (2 * var(--space-card-horizontal-0pwa5x, 20px)));
@@ -297,19 +297,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: var(--space-scaled-l-w7rqqb, 20px) var(--space-card-horizontal-0pwa5x, 20px);
 }
-.awsui_loading_p8a6i_1b3zr_274:not(#\9),
-.awsui_empty_p8a6i_1b3zr_275:not(#\9) {
+.awsui_loading_p8a6i_7si6p_274:not(#\9),
+.awsui_empty_p8a6i_7si6p_275:not(#\9) {
   overflow: hidden;
   text-align: center;
   color: var(--color-text-empty-ks3bhj, #687078);
   margin-bottom: var(--space-scaled-l-w7rqqb, 20px);
 }
-.awsui_has-header_p8a6i_1b3zr_282:not(#\9) {
+.awsui_has-header_p8a6i_7si6p_282:not(#\9) {
   margin-top: var(--space-grid-gutter-jlj43y, 20px);
 }
-.awsui_card_p8a6i_1b3zr_97:not(#\9) {
+.awsui_card_p8a6i_7si6p_97:not(#\9) {
   display: flex;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -317,7 +317,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 0;
   list-style: none;
 }
-.awsui_card-inner_p8a6i_1b3zr_97:not(#\9) {
+.awsui_card-inner_p8a6i_7si6p_97:not(#\9) {
   position: relative;
   background-color: var(--color-background-container-content-xlzim4, #ffffff);
   margin: 0 0 var(--space-grid-gutter-jlj43y, 20px) var(--space-grid-gutter-jlj43y, 20px);
@@ -328,11 +328,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-width: 0;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_card-inner_p8a6i_1b3zr_97:not(#\9) {
+  .awsui_card-inner_p8a6i_7si6p_97:not(#\9) {
     padding: calc(var(--space-scaled-l-w7rqqb, 20px) - var(--border-item-width-x3q2fl, 1px)) calc(var(--space-card-horizontal-0pwa5x, 20px) - var(--border-item-width-x3q2fl, 1px)) calc(var(--space-scaled-l-w7rqqb, 20px) - var(--border-item-width-x3q2fl, 1px));
   }
 }
-.awsui_card-inner_p8a6i_1b3zr_97:not(#\9)::before {
+.awsui_card-inner_p8a6i_7si6p_97:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -347,7 +347,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-53367b, 0px);
   z-index: 1;
 }
-.awsui_card-inner_p8a6i_1b3zr_97:not(#\9)::after {
+.awsui_card-inner_p8a6i_7si6p_97:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -362,11 +362,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_card-inner_p8a6i_1b3zr_97:not(#\9) {
+  .awsui_card-inner_p8a6i_7si6p_97:not(#\9) {
     border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-container-top-1t94bd, #eaeded);
   }
 }
-.awsui_card-header_p8a6i_1b3zr_343:not(#\9) {
+.awsui_card-header_p8a6i_7si6p_343:not(#\9) {
   font-size: var(--font-heading-m-size-bwdbnx, 18px);
   line-height: var(--font-heading-m-line-height-ahaded, 22px);
   letter-spacing: var(--font-heading-m-letter-spacing-t3csz2, normal);
@@ -374,36 +374,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-teqshp, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-apq2ca, auto);
 }
-.awsui_card-header-inner_p8a6i_1b3zr_351:not(#\9) {
+.awsui_card-header-inner_p8a6i_7si6p_351:not(#\9) {
   width: 100%;
   display: inline-block;
 }
-.awsui_card-selectable_p8a6i_1b3zr_355 > .awsui_card-inner_p8a6i_1b3zr_97 > .awsui_card-header_p8a6i_1b3zr_343:not(#\9) {
+.awsui_card-selectable_p8a6i_7si6p_355 > .awsui_card-inner_p8a6i_7si6p_97 > .awsui_card-header_p8a6i_7si6p_343:not(#\9) {
   width: 90%;
 }
-.awsui_card-selected_p8a6i_1b3zr_358 > .awsui_card-inner_p8a6i_1b3zr_97:not(#\9) {
+.awsui_card-selected_p8a6i_7si6p_358 > .awsui_card-inner_p8a6i_7si6p_97:not(#\9) {
   background-color: var(--color-background-item-selected-7226j1, #f1faff);
 }
-.awsui_card-selected_p8a6i_1b3zr_358 > .awsui_card-inner_p8a6i_1b3zr_97:not(#\9)::before {
+.awsui_card-selected_p8a6i_7si6p_358 > .awsui_card-inner_p8a6i_7si6p_97:not(#\9)::before {
   border: var(--border-item-width-x3q2fl, 1px) solid var(--color-border-item-selected-044zoh, #0073bb);
 }
-.awsui_section_p8a6i_1b3zr_365:not(#\9) {
+.awsui_section_p8a6i_7si6p_365:not(#\9) {
   display: inline-block;
   box-sizing: border-box;
   padding: var(--space-xs-7veqkr, 8px) 0 var(--space-scaled-xs-sg3tfb, 8px) 0;
   vertical-align: top;
 }
-.awsui_section-header_p8a6i_1b3zr_371:not(#\9) {
+.awsui_section-header_p8a6i_7si6p_371:not(#\9) {
   font-size: var(--font-body-m-size-0qqejn, 14px);
   line-height: var(--font-body-m-line-height-9vkzhc, 22px);
   font-weight: var(--font-display-label-weight-udcxbe, 400);
   color: var(--color-text-label-cgoyox, #545b64);
 }
-.awsui_section-content_p8a6i_1b3zr_377:not(#\9) {
+.awsui_section-content_p8a6i_7si6p_377:not(#\9) {
   /* used in test-utils */
 }
-.awsui_section_p8a6i_1b3zr_365:not(#\9):last-child {
+.awsui_section_p8a6i_7si6p_365:not(#\9):last-child {
   padding: var(--space-xs-7veqkr, 8px) 0 0 0;
+}
+.awsui_footer-pagination_p8a6i_7si6p_385:not(#\9) {
+  display: flex;
+  justify-content: end;
 }

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

@@ -2,42 +2,43 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "card-inner": "awsui_card-inner_p8a6i_1b3zr_97",
-  "root": "awsui_root_p8a6i_1b3zr_133",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1b3zr_153",
-  "header-refresh": "awsui_header-refresh_p8a6i_1b3zr_153",
-  "list": "awsui_list_p8a6i_1b3zr_196",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_1b3zr_204",
-  "card": "awsui_card_p8a6i_1b3zr_97",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_1b3zr_207",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_1b3zr_210",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_1b3zr_213",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_1b3zr_216",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_1b3zr_219",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_1b3zr_222",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_1b3zr_225",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_1b3zr_228",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_1b3zr_231",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_1b3zr_234",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_1b3zr_237",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_1b3zr_240",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_1b3zr_243",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_1b3zr_246",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_1b3zr_249",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_1b3zr_252",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_1b3zr_255",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_1b3zr_258",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_1b3zr_261",
-  "selection-control": "awsui_selection-control_p8a6i_1b3zr_265",
-  "loading": "awsui_loading_p8a6i_1b3zr_274",
-  "empty": "awsui_empty_p8a6i_1b3zr_275",
-  "has-header": "awsui_has-header_p8a6i_1b3zr_282",
-  "card-header": "awsui_card-header_p8a6i_1b3zr_343",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_1b3zr_351",
-  "card-selectable": "awsui_card-selectable_p8a6i_1b3zr_355",
-  "card-selected": "awsui_card-selected_p8a6i_1b3zr_358",
-  "section": "awsui_section_p8a6i_1b3zr_365",
-  "section-header": "awsui_section-header_p8a6i_1b3zr_371",
-  "section-content": "awsui_section-content_p8a6i_1b3zr_377"
+  "card-inner": "awsui_card-inner_p8a6i_7si6p_97",
+  "root": "awsui_root_p8a6i_7si6p_133",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_7si6p_153",
+  "header-refresh": "awsui_header-refresh_p8a6i_7si6p_153",
+  "list": "awsui_list_p8a6i_7si6p_196",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_7si6p_204",
+  "card": "awsui_card_p8a6i_7si6p_97",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_7si6p_207",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_7si6p_210",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_7si6p_213",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_7si6p_216",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_7si6p_219",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_7si6p_222",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_7si6p_225",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_7si6p_228",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_7si6p_231",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_7si6p_234",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_7si6p_237",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_7si6p_240",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_7si6p_243",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_7si6p_246",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_7si6p_249",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_7si6p_252",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_7si6p_255",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_7si6p_258",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_7si6p_261",
+  "selection-control": "awsui_selection-control_p8a6i_7si6p_265",
+  "loading": "awsui_loading_p8a6i_7si6p_274",
+  "empty": "awsui_empty_p8a6i_7si6p_275",
+  "has-header": "awsui_has-header_p8a6i_7si6p_282",
+  "card-header": "awsui_card-header_p8a6i_7si6p_343",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_7si6p_351",
+  "card-selectable": "awsui_card-selectable_p8a6i_7si6p_355",
+  "card-selected": "awsui_card-selected_p8a6i_7si6p_358",
+  "section": "awsui_section_p8a6i_7si6p_365",
+  "section-header": "awsui_section-header_p8a6i_7si6p_371",
+  "section-content": "awsui_section-content_p8a6i_7si6p_377",
+  "footer-pagination": "awsui_footer-pagination_p8a6i_7si6p_385"
 };

package/lib/internal/template/flashbar/flash.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"flash.d.ts","sourceRoot":"lib/default/","sources":["flashbar/flash.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAqD1B~~,eAAO,MAAM,cAAc,mEACf,WAAW,GAAG,IAAI,UAAU,MAAM,UAM7C,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,aAAa,CAAC,iBAAiB;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,mFAsGjB,CAAC"}
1	+ {"version":3,"file":"flash.d.ts","sourceRoot":"lib/default/","sources":["flashbar/flash.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAsD1B,eAAO,MAAM,cAAc,mEACf,WAAW,GAAG,IAAI,UAAU,MAAM,UAM7C,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,aAAa,CAAC,iBAAiB;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,mFAsGjB,CAAC"}

package/lib/internal/template/flashbar/flash.js CHANGED Viewed

@@ -16,6 +16,7 @@ const ICON_TYPES = {
     warning: 'status-warning',
     info: 'status-info',
     error: 'status-negative',
+    'in-progress': 'status-in-progress',
 };
 function actionButton(buttonText, onButtonClick) {
     return (React.createElement(InternalButton, { onClick: onButtonClick, className: styles['action-button'], formAction: "none" }, buttonText));

package/lib/internal/template/flashbar/flash.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"flash.js","sourceRoot":"lib/default/","sources":["flashbar/flash.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAClD,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAG5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAE/E,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,gBAAgB;IACzB,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,iBAAiB;~~CAChB~~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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { FlashbarProps } from './interfaces';\nimport React from 'react';\nimport InternalSpinner from '../spinner/internal';\nimport InternalIcon from '../icon/internal';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { InternalButton } from '../button/internal';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { isDevelopment } from '../internal/is-development';\nimport { throttle } from '../internal/utils/throttle';\nimport LiveRegion from '../internal/components/live-region';\nimport { ButtonProps } from '../button/interfaces';\n\nimport { sendDismissMetric } from './internal/analytics';\n\nimport { FOCUS_THROTTLE_DELAY } from './utils';\nimport { DATA_ATTR_ANALYTICS_FLASHBAR } from '../internal/analytics/selectors';\n\nconst ICON_TYPES = {\n success: 'status-positive',\n warning: 'status-warning',\n info: 'status-info',\n error: 'status-negative',\n} as const;\n\nfunction actionButton(\n buttonText: FlashbarProps.MessageDefinition['buttonText'],\n onButtonClick: FlashbarProps.MessageDefinition['onButtonClick']\n) {\n return (\n <InternalButton onClick={onButtonClick} className={styles['action-button']} formAction=\"none\">\n {buttonText}\n </InternalButton>\n );\n}\n\nfunction dismissButton(\n dismissLabel: FlashbarProps.MessageDefinition['dismissLabel'],\n onDismiss: FlashbarProps.MessageDefinition['onDismiss']\n) {\n return (\n <div className={styles['dismiss-button-wrapper']}>\n <InternalButton\n onClick={onDismiss}\n className={styles['dismiss-button']}\n variant=\"flashbar-icon\"\n iconName=\"close\"\n formAction=\"none\"\n ariaLabel={dismissLabel}\n />\n </div>\n );\n}\n\nexport const focusFlashById = throttle(\n (element: HTMLElement \| null, itemId: string) => {\n const selector = `[data-itemid=\"${CSS.escape(itemId)}\"] .${styles['flash-focus-container']}`;\n element?.querySelector<HTMLElement>(selector)?.focus();\n },\n FOCUS_THROTTLE_DELAY,\n { trailing: false }\n);\n\nexport interface FlashProps extends FlashbarProps.MessageDefinition {\n className: string;\n transitionState?: string;\n}\n\nexport const Flash = React.forwardRef(\n (\n {\n id,\n header,\n content,\n dismissible,\n dismissLabel,\n statusIconAriaLabel,\n loading,\n action,\n buttonText,\n onButtonClick,\n onDismiss,\n className,\n transitionState,\n ariaRole,\n type = 'info',\n }: FlashProps,\n ref: React.Ref<HTMLDivElement>\n ) => {\n if (isDevelopment) {\n if (buttonText && !onButtonClick) {\n warnOnce(\n 'Flashbar',\n `You provided a \\`buttonText\\` prop without an \\`onButtonClick\\` handler. This will render a non-interactive action button.`\n );\n }\n\n if (dismissible && !onDismiss) {\n warnOnce(\n 'Flashbar',\n `You have set the \\`dismissible\\` prop without an \\`onDismiss\\` handler. This will render a non-interactive dismiss button.`\n );\n }\n }\n\n const button = action \|\| (buttonText && actionButton(buttonText, onButtonClick));\n\n const iconType = ICON_TYPES[type];\n\n const icon = loading ? <InternalSpinner /> : <InternalIcon name={iconType} />;\n\n const effectiveType = loading ? 'info' : type;\n\n const handleDismiss: ButtonProps['onClick'] = event => {\n sendDismissMetric(effectiveType);\n onDismiss && onDismiss(event);\n };\n\n const analyticsAttributes = {\n [DATA_ATTR_ANALYTICS_FLASHBAR]: effectiveType,\n };\n\n return (\n // We're not using \"polite\" or \"assertive\" here, just turning default behavior off.\n // eslint-disable-next-line @cloudscape-design/prefer-live-region\n <div\n ref={ref}\n role={ariaRole}\n aria-live={ariaRole ? 'off' : undefined}\n data-itemid={id}\n className={clsx(\n styles.flash,\n styles[`flash-type-${effectiveType}`],\n className,\n transitionState && {\n [styles.enter]: transitionState === 'enter',\n [styles.entering]: transitionState === 'entering',\n [styles.entered]: transitionState === 'entered',\n [styles.exit]: transitionState === 'exit',\n [styles.exiting]: transitionState === 'exiting',\n [styles.exited]: transitionState === 'exited',\n }\n )}\n {...analyticsAttributes}\n >\n <div className={styles['flash-body']}>\n <div className={styles['flash-focus-container']} tabIndex={-1}>\n <div\n className={clsx(styles['flash-icon'], styles['flash-text'])}\n role=\"img\"\n aria-label={statusIconAriaLabel}\n >\n {icon}\n </div>\n <div className={clsx(styles['flash-message'], styles['flash-text'])}>\n <div className={styles['flash-header']}>{header}</div>\n <div className={styles['flash-content']}>{content}</div>\n </div>\n </div>\n {button && <div className={styles['action-button-wrapper']}>{button}</div>}\n </div>\n {dismissible && dismissButton(dismissLabel, handleDismiss)}\n {ariaRole === 'status' && (\n <LiveRegion>\n {statusIconAriaLabel} {header} {content}\n </LiveRegion>\n )}\n </div>\n );\n }\n);\n"]}
1	+ {"version":3,"file":"flash.js","sourceRoot":"lib/default/","sources":["flashbar/flash.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { FlashbarProps } from './interfaces';\nimport React from 'react';\nimport InternalSpinner from '../spinner/internal';\nimport InternalIcon from '../icon/internal';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { InternalButton } from '../button/internal';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { isDevelopment } from '../internal/is-development';\nimport { throttle } from '../internal/utils/throttle';\nimport LiveRegion from '../internal/components/live-region';\nimport { ButtonProps } from '../button/interfaces';\n\nimport { sendDismissMetric } from './internal/analytics';\n\nimport { FOCUS_THROTTLE_DELAY } from './utils';\nimport { DATA_ATTR_ANALYTICS_FLASHBAR } from '../internal/analytics/selectors';\n\nconst ICON_TYPES = {\n success: 'status-positive',\n warning: 'status-warning',\n info: 'status-info',\n error: 'status-negative',\n 'in-progress': 'status-in-progress',\n} as const;\n\nfunction actionButton(\n buttonText: FlashbarProps.MessageDefinition['buttonText'],\n onButtonClick: FlashbarProps.MessageDefinition['onButtonClick']\n) {\n return (\n <InternalButton onClick={onButtonClick} className={styles['action-button']} formAction=\"none\">\n {buttonText}\n </InternalButton>\n );\n}\n\nfunction dismissButton(\n dismissLabel: FlashbarProps.MessageDefinition['dismissLabel'],\n onDismiss: FlashbarProps.MessageDefinition['onDismiss']\n) {\n return (\n <div className={styles['dismiss-button-wrapper']}>\n <InternalButton\n onClick={onDismiss}\n className={styles['dismiss-button']}\n variant=\"flashbar-icon\"\n iconName=\"close\"\n formAction=\"none\"\n ariaLabel={dismissLabel}\n />\n </div>\n );\n}\n\nexport const focusFlashById = throttle(\n (element: HTMLElement \| null, itemId: string) => {\n const selector = `[data-itemid=\"${CSS.escape(itemId)}\"] .${styles['flash-focus-container']}`;\n element?.querySelector<HTMLElement>(selector)?.focus();\n },\n FOCUS_THROTTLE_DELAY,\n { trailing: false }\n);\n\nexport interface FlashProps extends FlashbarProps.MessageDefinition {\n className: string;\n transitionState?: string;\n}\n\nexport const Flash = React.forwardRef(\n (\n {\n id,\n header,\n content,\n dismissible,\n dismissLabel,\n statusIconAriaLabel,\n loading,\n action,\n buttonText,\n onButtonClick,\n onDismiss,\n className,\n transitionState,\n ariaRole,\n type = 'info',\n }: FlashProps,\n ref: React.Ref<HTMLDivElement>\n ) => {\n if (isDevelopment) {\n if (buttonText && !onButtonClick) {\n warnOnce(\n 'Flashbar',\n `You provided a \\`buttonText\\` prop without an \\`onButtonClick\\` handler. This will render a non-interactive action button.`\n );\n }\n\n if (dismissible && !onDismiss) {\n warnOnce(\n 'Flashbar',\n `You have set the \\`dismissible\\` prop without an \\`onDismiss\\` handler. This will render a non-interactive dismiss button.`\n );\n }\n }\n\n const button = action \|\| (buttonText && actionButton(buttonText, onButtonClick));\n\n const iconType = ICON_TYPES[type];\n\n const icon = loading ? <InternalSpinner /> : <InternalIcon name={iconType} />;\n\n const effectiveType = loading ? 'info' : type;\n\n const handleDismiss: ButtonProps['onClick'] = event => {\n sendDismissMetric(effectiveType);\n onDismiss && onDismiss(event);\n };\n\n const analyticsAttributes = {\n [DATA_ATTR_ANALYTICS_FLASHBAR]: effectiveType,\n };\n\n return (\n // We're not using \"polite\" or \"assertive\" here, just turning default behavior off.\n // eslint-disable-next-line @cloudscape-design/prefer-live-region\n <div\n ref={ref}\n role={ariaRole}\n aria-live={ariaRole ? 'off' : undefined}\n data-itemid={id}\n className={clsx(\n styles.flash,\n styles[`flash-type-${effectiveType}`],\n className,\n transitionState && {\n [styles.enter]: transitionState === 'enter',\n [styles.entering]: transitionState === 'entering',\n [styles.entered]: transitionState === 'entered',\n [styles.exit]: transitionState === 'exit',\n [styles.exiting]: transitionState === 'exiting',\n [styles.exited]: transitionState === 'exited',\n }\n )}\n {...analyticsAttributes}\n >\n <div className={styles['flash-body']}>\n <div className={styles['flash-focus-container']} tabIndex={-1}>\n <div\n className={clsx(styles['flash-icon'], styles['flash-text'])}\n role=\"img\"\n aria-label={statusIconAriaLabel}\n >\n {icon}\n </div>\n <div className={clsx(styles['flash-message'], styles['flash-text'])}>\n <div className={styles['flash-header']}>{header}</div>\n <div className={styles['flash-content']}>{content}</div>\n </div>\n </div>\n {button && <div className={styles['action-button-wrapper']}>{button}</div>}\n </div>\n {dismissible && dismissButton(dismissLabel, handleDismiss)}\n {ariaRole === 'status' && (\n <LiveRegion>\n {statusIconAriaLabel} {header} {content}\n </LiveRegion>\n )}\n </div>\n );\n }\n);\n"]}

package/lib/internal/template/flashbar/interfaces.d.ts CHANGED Viewed

@@ -27,7 +27,7 @@ export declare namespace FlashbarProps {
         successIconAriaLabel?: string;
         warningIconAriaLabel?: string;
     }
-    type Type = 'success' | 'warning' | 'info' | 'error';
+    type Type = 'success' | 'warning' | 'info' | 'error' | 'in-progress';
     type AriaRole = 'alert' | 'status';
 }
 export interface FlashbarProps extends BaseComponentProps {
@@ -76,10 +76,9 @@ export interface FlashbarProps extends BaseComponentProps {
      * * `warningIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `warning`.
      * * `infoIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `info`.
      * * `successIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `success`.
-     * * `inProgressIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of in-progress items (where `loading` is set to `true`).
+     * * `inProgressIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `in-progress` or with `loading` set to `true`.
      * @i18n
      */
     i18nStrings?: FlashbarProps.I18nStrings;
 }
-export type FlashType = FlashbarProps.Type | 'progress';
 //# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/flashbar/interfaces.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["flashbar/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,iBAAiB;QAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC;QAC1B,QAAQ,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC;QAClC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;QACrC,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;KACpC;IAED,UAAiB,WAAW;QAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;KAC/B;IAED,KAAY,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;~~IAC5D~~,KAAY,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC3C;AAED,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD;;;;;;;;;;;;;;;;;;;;;;;;;;OA0BG;IACH,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAEtD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC;CACzC~~;AAED,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,GAAG,UAAU,CAAC~~"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["flashbar/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,iBAAiB;QAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC;QAC1B,QAAQ,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC;QAClC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;QACrC,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;KACpC;IAED,UAAiB,WAAW;QAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;KAC/B;IAED,KAAY,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,aAAa,CAAC;IAC5E,KAAY,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC3C;AAED,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD;;;;;;;;;;;;;;;;;;;;;;;;;;OA0BG;IACH,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAEtD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC;CACzC"}

package/lib/internal/template/flashbar/interfaces.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["flashbar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\nimport { ButtonProps } from '../button/interfaces';\n\nexport namespace FlashbarProps {\n export interface MessageDefinition {\n header?: React.ReactNode;\n content?: React.ReactNode;\n dismissible?: boolean;\n dismissLabel?: string;\n statusIconAriaLabel?: string;\n loading?: boolean;\n type?: FlashbarProps.Type;\n ariaRole?: FlashbarProps.AriaRole;\n action?: React.ReactNode;\n id?: string;\n buttonText?: ButtonProps['children'];\n onButtonClick?: ButtonProps['onClick'];\n onDismiss?: ButtonProps['onClick'];\n }\n\n export interface I18nStrings {\n ariaLabel?: string;\n errorIconAriaLabel?: string;\n infoIconAriaLabel?: string;\n inProgressIconAriaLabel?: string;\n notificationBarAriaLabel?: string;\n notificationBarText?: string;\n successIconAriaLabel?: string;\n warningIconAriaLabel?: string;\n }\n\n export type Type = 'success' \| 'warning' \| 'info' \| 'error';\n export type AriaRole = 'alert' \| 'status';\n}\n\nexport interface FlashbarProps extends BaseComponentProps {\n /*\n Specifies flash messages that appear in the same order that they are listed.\n * The value is an array of flash message definition objects.\n \n A flash message object contains the following properties:\n * * `header` (ReactNode) - Specifies the heading text.\n * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.\n * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info`. The default is `info`.\n * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.\n * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.\n * When a user clicks on this button the `onDismiss` handler is called.\n * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.\n * * `statusIconAriaLabel` (string) - Specifies an `aria-label` for to the status icon for improved accessibility.\n * * `ariaRole` (string) - For flash messages added after page load, specifies how this message is communicated to assistive\n * technology. Use \"status\" for status updates or informational content. Use \"alert\" for important messages that need the\n * user's attention.\n * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,\n * our UX guidelines only allow you to add a button.\n * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.\n * When a user clicks on this button the `onButtonClick` handler is called.\n * If the `action` property is set, this property is ignored. Deprecated, replaced by `action`.\n * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button\n * using the `action` property. Deprecated, replaced by `action`.\n * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:\n * 1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.\n * 2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.\n /\n items: ReadonlyArray<FlashbarProps.MessageDefinition>;\n\n /\n Specifies whether flash messages should be stacked.\n /\n stackItems?: boolean;\n\n /\n An object containing all the necessary localized strings required by the component. The object should contain:\n \n * `ariaLabel` - Specifies the ARIA label for the list of notifications.\n \n If `stackItems` is set to `true`, it should also contain:\n \n * `notificationBarAriaLabel` - (optional) Specifies the ARIA label for the notification bar\n * * `notificationBarText` - (optional) Specifies the text shown in the notification bar\n * * `errorIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `error`.\n * * `warningIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `warning`.\n * * `infoIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `info`.\n * * `successIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `success`.\n * * `inProgressIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of in-progress ~~items~~ ~~(where~~ `loading` is set to `true~~`).\~~n * @i18n\n */\n i18nStrings?: FlashbarProps.I18nStrings;\n}\n~~\nexport type FlashType = FlashbarProps.Type \| 'progress';\n~~"]}
1	+ {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["flashbar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\nimport { ButtonProps } from '../button/interfaces';\n\nexport namespace FlashbarProps {\n export interface MessageDefinition {\n header?: React.ReactNode;\n content?: React.ReactNode;\n dismissible?: boolean;\n dismissLabel?: string;\n statusIconAriaLabel?: string;\n loading?: boolean;\n type?: FlashbarProps.Type;\n ariaRole?: FlashbarProps.AriaRole;\n action?: React.ReactNode;\n id?: string;\n buttonText?: ButtonProps['children'];\n onButtonClick?: ButtonProps['onClick'];\n onDismiss?: ButtonProps['onClick'];\n }\n\n export interface I18nStrings {\n ariaLabel?: string;\n errorIconAriaLabel?: string;\n infoIconAriaLabel?: string;\n inProgressIconAriaLabel?: string;\n notificationBarAriaLabel?: string;\n notificationBarText?: string;\n successIconAriaLabel?: string;\n warningIconAriaLabel?: string;\n }\n\n export type Type = 'success' \| 'warning' \| 'info' \| 'error' \| 'in-progress';\n export type AriaRole = 'alert' \| 'status';\n}\n\nexport interface FlashbarProps extends BaseComponentProps {\n /*\n Specifies flash messages that appear in the same order that they are listed.\n * The value is an array of flash message definition objects.\n \n A flash message object contains the following properties:\n * * `header` (ReactNode) - Specifies the heading text.\n * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.\n * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info`. The default is `info`.\n * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.\n * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.\n * When a user clicks on this button the `onDismiss` handler is called.\n * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.\n * * `statusIconAriaLabel` (string) - Specifies an `aria-label` for to the status icon for improved accessibility.\n * * `ariaRole` (string) - For flash messages added after page load, specifies how this message is communicated to assistive\n * technology. Use \"status\" for status updates or informational content. Use \"alert\" for important messages that need the\n * user's attention.\n * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,\n * our UX guidelines only allow you to add a button.\n * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.\n * When a user clicks on this button the `onButtonClick` handler is called.\n * If the `action` property is set, this property is ignored. Deprecated, replaced by `action`.\n * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button\n * using the `action` property. Deprecated, replaced by `action`.\n * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:\n * 1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.\n * 2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.\n /\n items: ReadonlyArray<FlashbarProps.MessageDefinition>;\n\n /\n Specifies whether flash messages should be stacked.\n /\n stackItems?: boolean;\n\n /\n An object containing all the necessary localized strings required by the component. The object should contain:\n \n * `ariaLabel` - Specifies the ARIA label for the list of notifications.\n \n If `stackItems` is set to `true`, it should also contain:\n \n * `notificationBarAriaLabel` - (optional) Specifies the ARIA label for the notification bar\n * * `notificationBarText` - (optional) Specifies the text shown in the notification bar\n * * `errorIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `error`.\n * * `warningIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `warning`.\n * * `infoIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `info`.\n * * `successIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `success`.\n * * `inProgressIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `in-progress` or with `loading` set to `true`.\n * @i18n\n */\n i18nStrings?: FlashbarProps.I18nStrings;\n}\n"]}

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

@@ -1,50 +1,51 @@
     import './styles.scoped.css';
     export default {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_s0p2y_93",
-  "enter": "awsui_enter_1q84n_s0p2y_93",
-  "flash-body": "awsui_flash-body_1q84n_s0p2y_107",
-  "flash-message": "awsui_flash-message_1q84n_s0p2y_107",
-  "flash-header": "awsui_flash-header_1q84n_s0p2y_107",
-  "flash-content": "awsui_flash-content_1q84n_s0p2y_108",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_s0p2y_109",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_s0p2y_110",
-  "flash-icon": "awsui_flash-icon_1q84n_s0p2y_133",
-  "entering": "awsui_entering_1q84n_s0p2y_146",
-  "entered": "awsui_entered_1q84n_s0p2y_167",
-  "exiting": "awsui_exiting_1q84n_s0p2y_272",
-  "stack": "awsui_stack_1q84n_s0p2y_294",
-  "animation-running": "awsui_animation-running_1q84n_s0p2y_294",
-  "item": "awsui_item_1q84n_s0p2y_294",
-  "flash-list-item": "awsui_flash-list-item_1q84n_s0p2y_295",
-  "notification-bar": "awsui_notification-bar_1q84n_s0p2y_296",
-  "collapsed": "awsui_collapsed_1q84n_s0p2y_316",
-  "animation-ready": "awsui_animation-ready_1q84n_s0p2y_316",
-  "expanded-only": "awsui_expanded-only_1q84n_s0p2y_316",
-  "expanded": "awsui_expanded_1q84n_s0p2y_316",
-  "flash": "awsui_flash_1q84n_s0p2y_93",
-  "collapsible": "awsui_collapsible_1q84n_s0p2y_380",
-  "short-list": "awsui_short-list_1q84n_s0p2y_386",
-  "visual-refresh": "awsui_visual-refresh_1q84n_s0p2y_386",
-  "status": "awsui_status_1q84n_s0p2y_603",
-  "header": "awsui_header_1q84n_s0p2y_603",
-  "item-count": "awsui_item-count_1q84n_s0p2y_604",
-  "button": "awsui_button_1q84n_s0p2y_605",
-  "type-count": "awsui_type-count_1q84n_s0p2y_640",
-  "count-number": "awsui_count-number_1q84n_s0p2y_640",
-  "icon": "awsui_icon_1q84n_s0p2y_674",
-  "floating": "awsui_floating_1q84n_s0p2y_712",
-  "flashbar": "awsui_flashbar_1q84n_s0p2y_720",
-  "flash-refresh": "awsui_flash-refresh_1q84n_s0p2y_766",
-  "flash-list": "awsui_flash-list_1q84n_s0p2y_295",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_s0p2y_785",
-  "flash-text": "awsui_flash-text_1q84n_s0p2y_812",
-  "dismiss-button": "awsui_dismiss-button_1q84n_s0p2y_110",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_s0p2y_853",
-  "action-button": "awsui_action-button_1q84n_s0p2y_109",
-  "flash-type-success": "awsui_flash-type-success_1q84n_s0p2y_866",
-  "flash-type-error": "awsui_flash-type-error_1q84n_s0p2y_870",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_s0p2y_874",
-  "flash-type-info": "awsui_flash-type-info_1q84n_s0p2y_878"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1s5s7_93",
+  "enter": "awsui_enter_1q84n_1s5s7_93",
+  "flash-body": "awsui_flash-body_1q84n_1s5s7_107",
+  "flash-message": "awsui_flash-message_1q84n_1s5s7_107",
+  "flash-header": "awsui_flash-header_1q84n_1s5s7_107",
+  "flash-content": "awsui_flash-content_1q84n_1s5s7_108",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1s5s7_109",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1s5s7_110",
+  "flash-icon": "awsui_flash-icon_1q84n_1s5s7_133",
+  "entering": "awsui_entering_1q84n_1s5s7_146",
+  "entered": "awsui_entered_1q84n_1s5s7_167",
+  "exiting": "awsui_exiting_1q84n_1s5s7_272",
+  "stack": "awsui_stack_1q84n_1s5s7_294",
+  "animation-running": "awsui_animation-running_1q84n_1s5s7_294",
+  "item": "awsui_item_1q84n_1s5s7_294",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1s5s7_295",
+  "notification-bar": "awsui_notification-bar_1q84n_1s5s7_296",
+  "collapsed": "awsui_collapsed_1q84n_1s5s7_316",
+  "animation-ready": "awsui_animation-ready_1q84n_1s5s7_316",
+  "expanded-only": "awsui_expanded-only_1q84n_1s5s7_316",
+  "expanded": "awsui_expanded_1q84n_1s5s7_316",
+  "flash": "awsui_flash_1q84n_1s5s7_93",
+  "collapsible": "awsui_collapsible_1q84n_1s5s7_380",
+  "short-list": "awsui_short-list_1q84n_1s5s7_386",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1s5s7_386",
+  "status": "awsui_status_1q84n_1s5s7_603",
+  "header": "awsui_header_1q84n_1s5s7_603",
+  "item-count": "awsui_item-count_1q84n_1s5s7_604",
+  "button": "awsui_button_1q84n_1s5s7_605",
+  "type-count": "awsui_type-count_1q84n_1s5s7_640",
+  "count-number": "awsui_count-number_1q84n_1s5s7_640",
+  "icon": "awsui_icon_1q84n_1s5s7_674",
+  "floating": "awsui_floating_1q84n_1s5s7_712",
+  "flashbar": "awsui_flashbar_1q84n_1s5s7_720",
+  "flash-refresh": "awsui_flash-refresh_1q84n_1s5s7_766",
+  "flash-list": "awsui_flash-list_1q84n_1s5s7_295",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1s5s7_785",
+  "flash-text": "awsui_flash-text_1q84n_1s5s7_812",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1s5s7_110",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_1s5s7_853",
+  "action-button": "awsui_action-button_1q84n_1s5s7_109",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1s5s7_866",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1s5s7_870",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1s5s7_874",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1s5s7_875",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1s5s7_876"
 };