@cloudscape-design/components 3.0.22 → 3.0.25

package/modal/styles.scoped.css

@@ -103,9 +103,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 .awsui_dialog_1d2i7_1q6b4_105:not(#\9) {
-  animation: awsui_modal-slide-up_1d2i7_1q6b4_1 180ms ease-out, awsui_awsui-motion-fade-in-0_1d2i7_1q6b4_1 180ms ease-out;
   animation: awsui_modal-slide-up_1d2i7_1q6b4_1 var(--motion-duration-slow-0273ow, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_1q6b4_1 var(--motion-duration-slow-0273ow, 180ms) ease-out;
-  animation-delay: 90ms;
   animation-delay: var(--motion-duration-fast-nk2ap0, 90ms);
   animation-fill-mode: both;
 }
@@ -129,9 +127,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_dialog_1d2i7_1q6b4_105.awsui_refresh_1d2i7_1q6b4_128:not(#\9) {
   animation: awsui_awsui-motion-scale-popup_1d2i7_1q6b4_1, awsui_awsui-motion-fade-in-0_1d2i7_1q6b4_1;
-  animation-duration: 115ms;
   animation-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
-  animation-timing-function: cubic-bezier(0, 0, 0, 1);
   animation-timing-function: var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
   animation-fill-mode: both;
 }
@@ -163,7 +159,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_root_1d2i7_1q6b4_161:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_1d2i7_1q6b4_1 270ms ease-out;
   animation: awsui_awsui-motion-fade-in_1d2i7_1q6b4_1 var(--motion-duration-extra-slow-8ks5rs, 270ms) ease-out;
   animation-fill-mode: both;
 }
@@ -186,7 +181,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition: none;
 }
 .awsui_root_1d2i7_1q6b4_161.awsui_refresh_1d2i7_1q6b4_128:not(#\9) {
-  animation-duration: 115ms;
   animation-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -234,16 +228,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
-  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
-  background-color: rgba(35, 47, 62, 0.7);
   background-color: var(--color-background-modal-overlay-17dapf, rgba(35, 47, 62, 0.7));
   display: flex;
   align-items: center;
@@ -265,7 +254,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_focus-lock_1d2i7_1q6b4_228:not(#\9) {
   align-self: flex-start;
   margin: auto;
-  padding: 12px 0;
   padding: var(--space-s-hv8c1d, 12px) 0;
   z-index: 5000;
   pointer-events: none;
@@ -275,7 +263,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: static;
   top: 0;
   transform: translate(0, 0);
-  width: calc(100vw - 12px * 2);
   width: calc(100vw - var(--space-s-hv8c1d, 12px) * 2);
   box-sizing: border-box;
   outline: none;
@@ -292,7 +279,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-width: 820px;
 }
 .awsui_dialog_1d2i7_1q6b4_105.awsui_max_1d2i7_1q6b4_255.awsui_breakpoint-xs_1d2i7_1q6b4_255:not(#\9) {
-  max-width: calc(100vw - (2 * 4 * 10px + 40px));
   max-width: calc(100vw - (2 * 4 * 10px + var(--space-xxxl-bo9z7f, 40px)));
   margin: auto;
 }
@@ -327,38 +313,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
-  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   display: block;
-  background-color: #ffffff;
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
-  box-shadow: 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
   box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
-  border-top: 0px solid transparent;
   border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
-  border-radius: 16px;
   border-radius: var(--border-radius-container-gh9ysk, 16px);
   box-sizing: border-box;
-  box-shadow: 0px 4px 20px 1px rgba(0, 7, 22, 0.1);
   box-shadow: var(--shadow-modal-3qhlqt, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
   word-wrap: break-word;
 }
 @media screen and (-ms-high-contrast: active) {
   .awsui_container_1d2i7_1q6b4_260:not(#\9) {
-    border: 2px solid transparent;
     border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
   }
 }
 
 .awsui_content_1d2i7_1q6b4_284:not(#\9) {
-  padding: 0px 24px 16px;
   padding: var(--space-container-content-top-fsd8nr, 0px) var(--space-modal-horizontal-738tw9, 24px) var(--space-modal-content-bottom-cecclv, 16px);
 }
 .awsui_content_1d2i7_1q6b4_284.awsui_no-paddings_1d2i7_1q6b4_287:not(#\9) {
@@ -366,13 +341,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_header_1d2i7_1q6b4_291:not(#\9) {
-  padding: 12px 24px;
   padding: var(--space-s-hv8c1d, 12px) var(--space-modal-horizontal-738tw9, 24px);
-  background-color: #ffffff;
   background-color: var(--color-background-container-header-4flbq5, #ffffff);
-  border-bottom: 1px solid transparent;
   border-bottom: 1px solid var(--color-border-container-divider-4ade7z, transparent);
-  border-radius: 16px 16px 0 0;
   border-radius: var(--border-radius-container-gh9ysk, 16px) var(--border-radius-container-gh9ysk, 16px) 0 0;
 }
 
@@ -381,9 +352,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_footer_1d2i7_1q6b4_302:not(#\9) {
-  border-top: 2px solid #e9ebed;
   border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
-  padding: 12px 24px;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-ddrezg, 24px);
 }
 .awsui_footer_1d2i7_1q6b4_302:not(#\9):after {

package/multiselect/styles.scoped.css

@@ -120,13 +120,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
-  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }

package/package.json

@@ -110,6 +110,6 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.22",
+  "version": "3.0.25",
   "license": "Apache-2.0"
 }

package/pagination/styles.scoped.css

@@ -120,14 +120,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
-  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   display: flex;
   flex-direction: row;
@@ -140,9 +136,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 
 .awsui_button_fvjdu_1wwfw_111:not(#\9),
 .awsui_dots_fvjdu_1wwfw_112:not(#\9) {
-  min-width: 20px;
   min-width: var(--space-l-4vl6xu, 20px);
-  border: 2px solid transparent;
   border: var(--border-field-width-idlekx, 2px) solid transparent;
 }
 
@@ -159,63 +153,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_button_fvjdu_1wwfw_111[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: 2px solid #0972d3;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
-  border-radius: 4px;
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
-  box-shadow: 0 0 0 0px #0972d3;
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 .awsui_button-disabled_fvjdu_1wwfw_134:not(#\9) {
   cursor: default;
-  color: #9ba7b6;
   color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
 }
 
 .awsui_arrow_fvjdu_1wwfw_139:not(#\9) {
-  color: #414d5c;
   color: var(--color-text-interactive-default-eg5fsa, #414d5c);
 }
 .awsui_arrow_fvjdu_1wwfw_139:not(#\9):not(.awsui_button-disabled_fvjdu_1wwfw_134):hover {
-  color: #000716;
   color: var(--color-text-interactive-hover-v3lasm, #000716);
 }
 .awsui_arrow_fvjdu_1wwfw_139.awsui_button-disabled_fvjdu_1wwfw_134:not(#\9) {
-  color: #9ba7b6;
   color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
 }
 
 .awsui_page-number_fvjdu_1wwfw_149:not(#\9) {
-  color: #414d5c;
   color: var(--color-text-pagination-page-number-default-z6gnaa, #414d5c);
 }
 .awsui_page-number_fvjdu_1wwfw_149:not(#\9):not(.awsui_button-disabled_fvjdu_1wwfw_134):hover {
-  color: #000716;
   color: var(--color-text-interactive-hover-v3lasm, #000716);
 }
 .awsui_page-number_fvjdu_1wwfw_149.awsui_button-current_fvjdu_1wwfw_155:not(#\9) {
-  font-weight: 800;
   font-weight: var(--font-wayfinding-link-active-weight-l3fid7, 800);
-  color: #000716;
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
 .awsui_page-number_fvjdu_1wwfw_149.awsui_button-current_fvjdu_1wwfw_155.awsui_button-disabled_fvjdu_1wwfw_134:not(#\9) {
-  color: #9ba7b6;
   color: var(--color-text-pagination-page-number-active-disabled-sjs1t5, #9ba7b6);
 }
 .awsui_page-number_fvjdu_1wwfw_149.awsui_button-disabled_fvjdu_1wwfw_134:not(#\9) {
-  color: #9ba7b6;
   color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
 }
 
 .awsui_dots_fvjdu_1wwfw_112:not(#\9) {
-  color: #414d5c;
   color: var(--color-text-interactive-default-eg5fsa, #414d5c);
 }
 
 .awsui_page-item_fvjdu_1wwfw_170:not(#\9),
 .awsui_dots_fvjdu_1wwfw_112:not(#\9) {
-  margin: 4px 4px;
   margin: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
   text-align: center;
   box-sizing: border-box;
@@ -231,6 +210,5 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_root-disabled_fvjdu_1wwfw_186 > .awsui_dots_fvjdu_1wwfw_112:not(#\9) {
-  color: #9ba7b6;
   color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
 }

package/pie-chart/styles.scoped.css

@@ -95,7 +95,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 .awsui_segment__path_1edmh_19evm_97:not(#\9) {
-  transition: opacity 90ms linear;
   transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -110,7 +109,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_segment_1edmh_19evm_97:not(#\9) {
-  transition: opacity 90ms linear;
   transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -124,7 +122,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition: none;
 }
 .awsui_segment_1edmh_19evm_97 > .awsui_segment__hover_1edmh_19evm_124:not(#\9) {
-  transition: opacity 90ms linear;
   transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -139,7 +136,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_label_1edmh_19evm_138:not(#\9) {
-  transition: opacity 90ms linear;
   transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -187,14 +183,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
-  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   display: block;
 }
@@ -214,35 +206,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: center;
 }
 .awsui_content_1edmh_19evm_176.awsui_content--small_1edmh_19evm_182:not(#\9) {
-  min-height: calc(2 * (50px + 8px + calc(2 * 22px)));
   min-height: calc(2 * (50px + var(--space-xs-rsr2qu, 8px) + calc(2 * var(--font-body-m-line-height-i7xxvv, 22px))));
 }
 .awsui_content_1edmh_19evm_176.awsui_content--small_1edmh_19evm_182.awsui_content--without-labels_1edmh_19evm_185:not(#\9) {
-  min-height: calc(2 * (50px + 8px));
   min-height: calc(2 * (50px + var(--space-xs-rsr2qu, 8px)));
 }
 .awsui_content_1edmh_19evm_176.awsui_content--medium_1edmh_19evm_188:not(#\9) {
-  min-height: calc(2 * (100px + 12px + calc(2 * 22px)));
   min-height: calc(2 * (100px + var(--space-s-hv8c1d, 12px) + calc(2 * var(--font-body-m-line-height-i7xxvv, 22px))));
 }
 .awsui_content_1edmh_19evm_176.awsui_content--medium_1edmh_19evm_188.awsui_content--without-labels_1edmh_19evm_185:not(#\9) {
-  min-height: calc(2 * (100px + 12px));
   min-height: calc(2 * (100px + var(--space-s-hv8c1d, 12px)));
 }
 .awsui_content_1edmh_19evm_176.awsui_content--large_1edmh_19evm_194:not(#\9) {
-  min-height: calc(2 * (140px + 12px + calc(2 * 22px)));
   min-height: calc(2 * (140px + var(--space-s-hv8c1d, 12px) + calc(2 * var(--font-body-m-line-height-i7xxvv, 22px))));
 }
 .awsui_content_1edmh_19evm_176.awsui_content--large_1edmh_19evm_194.awsui_content--without-labels_1edmh_19evm_185:not(#\9) {
-  min-height: calc(2 * (140px + 12px));
   min-height: calc(2 * (140px + var(--space-s-hv8c1d, 12px)));
 }
 .awsui_content_1edmh_19evm_176.awsui_content--reserve-filter_1edmh_19evm_200:not(#\9) {
-  margin-top: calc(2 * 22px);
   margin-top: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
 }
 .awsui_content_1edmh_19evm_176.awsui_content--reserve-legend_1edmh_19evm_203:not(#\9) {
-  margin-bottom: calc(2 * 22px);
   margin-bottom: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
 }
 
@@ -275,7 +259,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_segment_1edmh_19evm_97:not(#\9) {
-  stroke: #ffffff;
   stroke: var(--color-background-container-content-i8i4a0, #ffffff);
   stroke-width: 2px;
   stroke-linejoin: round;
@@ -293,16 +276,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_label_1edmh_19evm_138:not(#\9) {
-  color: #000716;
   color: var(--color-text-heading-default-jopz0f, #000716);
   opacity: 1;
   /* stylelint-disable-next-line selector-max-type */
   /* stylelint-disable-next-line selector-max-type */
 }
 .awsui_label_1edmh_19evm_138 > line:not(#\9) {
-  stroke: #7d8998;
   stroke: var(--color-border-control-default-m3lmsh, #7d8998);
-  stroke-width: 2px;
   stroke-width: var(--border-divider-section-width-4wm2it, 2px);
 }
 .awsui_label_1edmh_19evm_138 > div:not(#\9) {
@@ -320,20 +300,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 
 /* stylelint-disable-next-line selector-max-type */
 .awsui_label-text_1edmh_19evm_276 > text:not(#\9) {
-  font-weight: 700;
   font-weight: var(--font-display-label-weight-m18hjh, 700);
-  fill: #000716;
   fill: var(--color-text-heading-default-jopz0f, #000716);
   dominant-baseline: middle;
 }
 
 text.awsui_label__description_1edmh_19evm_282:not(#\9) {
-  font-size: 12px;
   font-size: var(--font-chart-detail-size-pm0amk, 12px);
   font-weight: 400;
-  color: #414d5c;
   color: var(--color-text-group-label-w9to2i, #414d5c);
-  fill: #414d5c;
   fill: var(--color-text-group-label-w9to2i, #414d5c);
 }
 

package/popover/styles.scoped.css

@@ -208,7 +208,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform-origin: 0 100%;
 }
 .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after {
-  background-color: #9ba7b6;
   background-color: var(--color-border-popover-5pygk7, #9ba7b6);
 }
 .awsui_arrow-inner_xjuzf_jcb5h_189:not(#\9) {
@@ -216,23 +215,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_arrow-inner_xjuzf_jcb5h_189:not(#\9)::after {
   border-radius: 1px 0 0 0;
-  background-color: #ffffff;
   background-color: var(--color-background-popover-mn5o9k, #ffffff);
 }
 .awsui_arrow-position-right-top_xjuzf_jcb5h_220 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_jcb5h_220 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after {
-  box-shadow: -0.71px 0.71px 4px -2px rgba(0, 7, 22, 0.12);
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
 }
 .awsui_arrow-position-left-top_xjuzf_jcb5h_223 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_jcb5h_223 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after {
-  box-shadow: 0.71px -0.71px 4px -2px rgba(0, 7, 22, 0.12);
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
 }
 .awsui_arrow-position-top-center_xjuzf_jcb5h_226 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_jcb5h_226 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_jcb5h_226 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_jcb5h_226 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after {
-  box-shadow: -0.71px -0.71px 4px -2px rgba(0, 7, 22, 0.12);
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
 }
 .awsui_arrow-position-bottom-center_xjuzf_jcb5h_229 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_jcb5h_229 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_jcb5h_229 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_jcb5h_229 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after {
-  box-shadow: 0.71px 0.71px 4px -2px rgba(0, 7, 22, 0.12);
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
 }
 
@@ -358,28 +352,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
-  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   word-wrap: break-word;
   max-width: 100%;
   overflow: hidden;
   box-sizing: border-box;
-  border-radius: 8px;
   border-radius: var(--border-radius-popover-8g1bwn, 8px);
-  padding: 12px 16px;
   padding: var(--space-s-hv8c1d, 12px) var(--space-m-17eucw, 16px);
-  background-color: #ffffff;
   background-color: var(--color-background-popover-mn5o9k, #ffffff);
-  box-shadow: 0px 4px 20px 1px rgba(0, 7, 22, 0.1);
   box-shadow: var(--shadow-popover-kzy6rd, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
-  border: 2px solid #9ba7b6;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-popover-5pygk7, #9ba7b6);
 }
 .awsui_body-overflow-visible_xjuzf_jcb5h_344:not(#\9) {
@@ -387,9 +372,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_variant-annotation_xjuzf_jcb5h_348:not(#\9) {
-  background-color: #f2f8fd;
   background-color: var(--color-background-status-info-usb30e, #f2f8fd);
-  border-color: #0972d3;
   border-color: var(--color-border-status-info-546i7i, #0972d3);
 }
 
@@ -420,7 +403,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_dismiss_xjuzf_jcb5h_379:not(#\9) {
-  margin: calc(-1 * (4px + 2px)) calc(-1 * (4px + 2px));
   margin: calc(-1 * (var(--space-scaled-xxs-95dhkm, 4px) + var(--border-field-width-idlekx, 2px))) calc(-1 * (var(--space-xxs-ynfts5, 4px) + var(--border-field-width-idlekx, 2px)));
   margin-left: 0;
   flex: 0 0 auto;
@@ -432,7 +414,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_header-row_xjuzf_jcb5h_390:not(#\9) {
-  margin-bottom: 8px;
   margin-bottom: var(--space-xs-rsr2qu, 8px);
 }
 
@@ -440,22 +421,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   max-width: 100%;
   overflow: hidden;
-  font-size: 14px;
   font-size: var(--font-heading-xs-size-fryxro, 14px);
-  line-height: 18px;
   line-height: var(--font-heading-xs-line-height-5x131j, 18px);
-  font-weight: 800;
   font-weight: var(--font-heading-xs-weight-wwznty, 800);
   flex: 1 1 auto;
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
 .awsui_header_xjuzf_jcb5h_390 > h2:not(#\9) {
-  font-size: 14px;
   font-size: var(--font-heading-xs-size-fryxro, 14px);
-  line-height: 18px;
   line-height: var(--font-heading-xs-line-height-5x131j, 18px);
-  font-weight: 800;
   font-weight: var(--font-heading-xs-weight-wwznty, 800);
   display: inline;
 }
@@ -464,7 +439,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   max-width: 100%;
   overflow: hidden;
-  color: #414d5c;
   color: var(--color-text-body-secondary-fdstdf, #414d5c);
   flex: 1 1 auto;
 }
@@ -638,7 +612,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 .awsui_container_xjuzf_jcb5h_431:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_xjuzf_jcb5h_1 180ms ease-out;
   animation: awsui_awsui-motion-fade-in_xjuzf_jcb5h_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
 }
 @keyframes awsui_awsui-motion-fade-in_xjuzf_jcb5h_1 {
@@ -660,7 +633,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition: none;
 }
 .awsui_container_xjuzf_jcb5h_431.awsui_refresh_xjuzf_jcb5h_609:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_xjuzf_jcb5h_1 115ms cubic-bezier(0, 0, 0, 1);
   animation: awsui_awsui-motion-fade-in_xjuzf_jcb5h_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
 }
 @keyframes awsui_awsui-motion-fade-in_xjuzf_jcb5h_1 {
@@ -712,14 +684,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
-  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   color: inherit;
 }
@@ -737,7 +705,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 0;
   background-color: transparent;
   cursor: pointer;
-  border-bottom: 1px dashed currentColor;
   border-bottom: var(--border-divider-list-width-hacikr, 1px) dashed currentColor;
 }
 .awsui_trigger-type-text_xjuzf_jcb5h_650:not(#\9):focus {
@@ -758,9 +725,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: calc(-1 * 1px);
   width: calc(100% + 2 * 1px);
   height: calc(100% + 2 * 1px);
-  border-radius: 4px;
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
-  box-shadow: 0 0 0 2px #0972d3;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 .awsui_trigger-type-text_xjuzf_jcb5h_650 > .awsui_trigger-inner-text_xjuzf_jcb5h_679:not(#\9) {

package/progress-bar/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAShD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,eAAO,MAAM,QAAQ,kCAAmC,aAAa,gBA0BpE,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,wBAAyB,cAAc,gBAM5D,CAAC;AAYF,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,iEAAkE,gBAAgB,gBAqBzG,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAShD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,eAAO,MAAM,QAAQ,kCAAmC,aAAa,gBAyBpE,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,wBAAyB,cAAc,gBAM5D,CAAC;AAYF,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,iEAAkE,gBAAgB,gBAqBzG,CAAC"}

package/progress-bar/internal.js

@@ -15,7 +15,7 @@ export var Progress = function (_a) {
     var roundedValue = Math.round(value);
     var progressValue = clamp(roundedValue, 0, MAX_VALUE);
     return (React.createElement("div", { className: styles['progress-container'] },
-        React.createElement("progress", { className: clsx(styles.progress, progressValue >= MAX_VALUE && styles.complete, isInFlash && styles['progress-in-flash']), "aria-valuenow": progressValue, "aria-valuemin": 0, "aria-valuemax": MAX_VALUE, max: MAX_VALUE, value: progressValue, "aria-labelledby": labelId }),
+        React.createElement("progress", { className: clsx(styles.progress, progressValue >= MAX_VALUE && styles.complete, isInFlash && styles['progress-in-flash']), "aria-valuenow": progressValue, "aria-valuemin": 0, max: MAX_VALUE, value: progressValue, "aria-labelledby": labelId }),
         React.createElement("span", { "aria-hidden": "true", className: styles['percentage-container'] },
             React.createElement(InternalBox, { className: styles.percentage, variant: "small", color: isInFlash ? 'inherit' : undefined }, "".concat(progressValue, "%")))));
 };

package/progress-bar/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/progress-bar/internal.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 React from 'react';\nimport clsx from 'clsx';\nimport { BoxProps } from '../box/interfaces';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\n\nimport { ProgressBarProps } from './interfaces';\nimport styles from './styles.css.js';\n\nconst MAX_VALUE = 100;\n\nconst clamp = (value: number, lowerLimit: number, upperLimit: number) => {\n  return Math.max(Math.min(value, upperLimit), lowerLimit);\n};\n\ninterface ProgressProps {\n  value: number;\n  isInFlash: boolean;\n  labelId: string;\n}\nexport const Progress = ({ value, isInFlash, labelId }: ProgressProps) => {\n  const roundedValue = Math.round(value);\n  const progressValue = clamp(roundedValue, 0, MAX_VALUE);\n\n  return (\n    <div className={styles['progress-container']}>\n      <progress\n        className={clsx(\n          styles.progress,\n          progressValue >= MAX_VALUE && styles.complete,\n          isInFlash && styles['progress-in-flash']\n        )}\n        aria-valuenow={progressValue}\n        aria-valuemin={0}\n        aria-valuemax={MAX_VALUE}\n        max={MAX_VALUE}\n        value={progressValue}\n        aria-labelledby={labelId}\n      />\n      <span aria-hidden=\"true\" className={styles['percentage-container']}>\n        <InternalBox className={styles.percentage} variant=\"small\" color={isInFlash ? 'inherit' : undefined}>\n          {`${progressValue}%`}\n        </InternalBox>\n      </span>\n    </div>\n  );\n};\n\ninterface SmallTextProps {\n  color?: BoxProps.Color;\n  children: React.ReactNode;\n}\n\nexport const SmallText = ({ color, children }: SmallTextProps) => {\n  return (\n    <InternalBox className={styles['word-wrap']} variant=\"small\" display=\"block\" color={color}>\n      {children}\n    </InternalBox>\n  );\n};\n\nconst ResultButton = ({ onClick, children }: ButtonProps) => {\n  return (\n    <div className={styles['result-button']}>\n      <InternalButton formAction=\"none\" onClick={onClick}>\n        {children}\n      </InternalButton>\n    </div>\n  );\n};\n\ninterface ResultStateProps {\n  isInFlash: boolean;\n  resultText: React.ReactNode;\n  resultButtonText?: string;\n  status: ProgressBarProps.Status;\n  onClick: () => void;\n}\n\nexport const ResultState = ({ isInFlash, resultText, resultButtonText, status, onClick }: ResultStateProps) => {\n  const hasResultButton = !!resultButtonText;\n\n  if (isInFlash) {\n    return (\n      <div className={styles[`result-container-${status}`]}>\n        <span className={styles['result-text']}>{resultText}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles[`result-container-${status}`]}>\n      <span className={clsx(hasResultButton && styles['with-result-button'])}>\n        <InternalStatusIndicator type={status === 'success' ? 'success' : 'error'}>\n          <span className={styles['result-text']}>{resultText}</span>\n        </InternalStatusIndicator>\n      </span>\n      {hasResultButton && <ResultButton onClick={onClick}>{resultButtonText}</ResultButton>}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/progress-bar/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAGnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,IAAM,SAAS,GAAG,GAAG,CAAC;AAEtB,IAAM,KAAK,GAAG,UAAC,KAAa,EAAE,UAAkB,EAAE,UAAkB;IAClE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC;AAC3D,CAAC,CAAC;AAOF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA4C;QAA1C,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAA;IAClD,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACvC,IAAM,aAAa,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;IAExD,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;QAC1C,kCACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,QAAQ,EACf,aAAa,IAAI,SAAS,IAAI,MAAM,CAAC,QAAQ,EAC7C,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,CACzC,mBACc,aAAa,mBACb,CAAC,EAChB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,aAAa,qBACH,OAAO,GACxB;QACF,6CAAkB,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAChE,oBAAC,WAAW,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAChG,UAAG,aAAa,MAAG,CACR,CACT,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAmC;QAAjC,KAAK,WAAA,EAAE,QAAQ,cAAA;IACzC,OAAO,CACL,oBAAC,WAAW,IAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,IACtF,QAAQ,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAAkC;QAAhC,OAAO,aAAA,EAAE,QAAQ,cAAA;IACvC,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC;QACrC,oBAAC,cAAc,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,IAC/C,QAAQ,CACM,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAUF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAA8E;QAA5E,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,gBAAgB,sBAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA;IACpF,IAAM,eAAe,GAAG,CAAC,CAAC,gBAAgB,CAAC;IAE3C,IAAI,SAAS,EAAE;QACb,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,2BAAoB,MAAM,CAAE,CAAC;YAClD,8BAAM,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,IAAG,UAAU,CAAQ,CACvD,CACP,CAAC;KACH;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,2BAAoB,MAAM,CAAE,CAAC;QAClD,8BAAM,SAAS,EAAE,IAAI,CAAC,eAAe,IAAI,MAAM,CAAC,oBAAoB,CAAC,CAAC;YACpE,oBAAC,uBAAuB,IAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;gBACvE,8BAAM,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,IAAG,UAAU,CAAQ,CACnC,CACrB;QACN,eAAe,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,OAAO,IAAG,gBAAgB,CAAgB,CACjF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { BoxProps } from '../box/interfaces';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\n\nimport { ProgressBarProps } from './interfaces';\nimport styles from './styles.css.js';\n\nconst MAX_VALUE = 100;\n\nconst clamp = (value: number, lowerLimit: number, upperLimit: number) => {\n  return Math.max(Math.min(value, upperLimit), lowerLimit);\n};\n\ninterface ProgressProps {\n  value: number;\n  isInFlash: boolean;\n  labelId: string;\n}\nexport const Progress = ({ value, isInFlash, labelId }: ProgressProps) => {\n  const roundedValue = Math.round(value);\n  const progressValue = clamp(roundedValue, 0, MAX_VALUE);\n\n  return (\n    <div className={styles['progress-container']}>\n      <progress\n        className={clsx(\n          styles.progress,\n          progressValue >= MAX_VALUE && styles.complete,\n          isInFlash && styles['progress-in-flash']\n        )}\n        aria-valuenow={progressValue}\n        aria-valuemin={0}\n        max={MAX_VALUE}\n        value={progressValue}\n        aria-labelledby={labelId}\n      />\n      <span aria-hidden=\"true\" className={styles['percentage-container']}>\n        <InternalBox className={styles.percentage} variant=\"small\" color={isInFlash ? 'inherit' : undefined}>\n          {`${progressValue}%`}\n        </InternalBox>\n      </span>\n    </div>\n  );\n};\n\ninterface SmallTextProps {\n  color?: BoxProps.Color;\n  children: React.ReactNode;\n}\n\nexport const SmallText = ({ color, children }: SmallTextProps) => {\n  return (\n    <InternalBox className={styles['word-wrap']} variant=\"small\" display=\"block\" color={color}>\n      {children}\n    </InternalBox>\n  );\n};\n\nconst ResultButton = ({ onClick, children }: ButtonProps) => {\n  return (\n    <div className={styles['result-button']}>\n      <InternalButton formAction=\"none\" onClick={onClick}>\n        {children}\n      </InternalButton>\n    </div>\n  );\n};\n\ninterface ResultStateProps {\n  isInFlash: boolean;\n  resultText: React.ReactNode;\n  resultButtonText?: string;\n  status: ProgressBarProps.Status;\n  onClick: () => void;\n}\n\nexport const ResultState = ({ isInFlash, resultText, resultButtonText, status, onClick }: ResultStateProps) => {\n  const hasResultButton = !!resultButtonText;\n\n  if (isInFlash) {\n    return (\n      <div className={styles[`result-container-${status}`]}>\n        <span className={styles['result-text']}>{resultText}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles[`result-container-${status}`]}>\n      <span className={clsx(hasResultButton && styles['with-result-button'])}>\n        <InternalStatusIndicator type={status === 'success' ? 'success' : 'error'}>\n          <span className={styles['result-text']}>{resultText}</span>\n        </InternalStatusIndicator>\n      </span>\n      {hasResultButton && <ResultButton onClick={onClick}>{resultButtonText}</ResultButton>}\n    </div>\n  );\n};\n"]}