@cloudscape-design/components 3.0.1306 → 3.0.1308

package/expandable-section/styles.scoped.css

@@ -158,10 +158,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_content-enter_gwq0h_1tk4s_161:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_1tk4s_1 var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
+.awsui_content-enter_gwq0h_1sjri_161:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_1sjri_1 var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_1tk4s_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_1sjri_1 {
   from {
     opacity: 0.2;
   }
@@ -170,45 +170,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-enter_gwq0h_1tk4s_161:not(#\9) {
+  .awsui_content-enter_gwq0h_1sjri_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_1tk4s_161:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_1tk4s_161:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_1sjri_161:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_1sjri_161:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_trigger-expanded_gwq0h_1tk4s_183:not(#\9) {
+.awsui_trigger-expanded_gwq0h_1sjri_183:not(#\9) {
   transition: border-bottom-color var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_1tk4s_183:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_1sjri_183:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_1tk4s_183:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_1tk4s_183:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_1sjri_183:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_1sjri_183:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_icon_gwq0h_1tk4s_197:not(#\9) {
+.awsui_icon_gwq0h_1sjri_197:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-lyzb0k, 135ms) var(--motion-easing-rotate-90-jhbqg9, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_1tk4s_197:not(#\9) {
+  .awsui_icon_gwq0h_1sjri_197:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_1tk4s_197:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1tk4s_197:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_1sjri_197:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1sjri_197:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_gwq0h_1tk4s_211:not(#\9) {
+.awsui_root_gwq0h_1sjri_211:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -243,33 +243,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_expand-button_gwq0h_1tk4s_246:not(#\9) {
+.awsui_expand-button_gwq0h_1sjri_246:not(#\9) {
   outline: none;
 }
 
-.awsui_icon_gwq0h_1tk4s_197:not(#\9) {
+.awsui_icon_gwq0h_1sjri_197:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_icon_gwq0h_1tk4s_197.awsui_expanded_gwq0h_1tk4s_254:not(#\9) {
+.awsui_icon_gwq0h_1sjri_197.awsui_expanded_gwq0h_1sjri_254:not(#\9) {
   transform: rotate(0deg);
 }
-.awsui_icon_gwq0h_1tk4s_197:not(#\9):dir(rtl) {
+.awsui_icon_gwq0h_1sjri_197:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_icon_gwq0h_1tk4s_197:not(#\9):dir(rtl).awsui_expanded_gwq0h_1tk4s_254 {
+.awsui_icon_gwq0h_1sjri_197:not(#\9):dir(rtl).awsui_expanded_gwq0h_1sjri_254 {
   transform: rotate(0deg);
 }
 
-.awsui_icon-container_gwq0h_1tk4s_264:not(#\9) {
+.awsui_icon-container_gwq0h_1sjri_264:not(#\9) {
   position: relative;
   margin-inline: calc((var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2) calc(var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
 }
-.awsui_icon-container-container_gwq0h_1tk4s_268:not(#\9) {
+.awsui_icon-container-container_gwq0h_1sjri_268:not(#\9) {
   margin-inline-end: var(--space-xs-ymlm0b, 8px);
 }
 
-.awsui_wrapper_gwq0h_1tk4s_272:not(#\9) {
+.awsui_wrapper_gwq0h_1sjri_272:not(#\9) {
   box-sizing: border-box;
   border-block: none;
   border-inline: none;
@@ -277,81 +277,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   text-align: start;
 }
-.awsui_wrapper-default_gwq0h_1tk4s_280:not(#\9), .awsui_wrapper-inline_gwq0h_1tk4s_280:not(#\9), .awsui_wrapper-footer_gwq0h_1tk4s_280:not(#\9) {
+.awsui_wrapper-default_gwq0h_1sjri_280:not(#\9), .awsui_wrapper-inline_gwq0h_1sjri_280:not(#\9), .awsui_wrapper-footer_gwq0h_1sjri_280:not(#\9) {
   border-block: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_1tk4s_284:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_1sjri_284:not(#\9) {
   border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_1tk4s_284:not(#\9), .awsui_wrapper-container_gwq0h_1tk4s_287:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_1sjri_284:not(#\9), .awsui_wrapper-container_gwq0h_1sjri_287:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-lcx0ai, 700);
 }
-.awsui_wrapper-default_gwq0h_1tk4s_280:not(#\9), .awsui_wrapper-inline_gwq0h_1tk4s_280:not(#\9), .awsui_wrapper-navigation_gwq0h_1tk4s_284:not(#\9), .awsui_wrapper-footer_gwq0h_1tk4s_280:not(#\9), .awsui_wrapper-compact_gwq0h_1tk4s_291:not(#\9) {
+.awsui_wrapper-default_gwq0h_1sjri_280:not(#\9), .awsui_wrapper-inline_gwq0h_1sjri_280:not(#\9), .awsui_wrapper-navigation_gwq0h_1sjri_284:not(#\9), .awsui_wrapper-footer_gwq0h_1sjri_280:not(#\9), .awsui_wrapper-compact_gwq0h_1sjri_291:not(#\9) {
   color: var(--color-text-expandable-section-default-ynw8my, #0f141a);
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_wrapper-default_gwq0h_1tk4s_280:not(#\9), .awsui_wrapper-inline_gwq0h_1tk4s_280:not(#\9), .awsui_wrapper-navigation_gwq0h_1tk4s_284:not(#\9), .awsui_wrapper-footer_gwq0h_1tk4s_280:not(#\9) {
-  font-size: var(--font-expandable-heading-size-0uk059, 16px);
+.awsui_wrapper-default_gwq0h_1sjri_280:not(#\9), .awsui_wrapper-inline_gwq0h_1sjri_280:not(#\9), .awsui_wrapper-navigation_gwq0h_1sjri_284:not(#\9), .awsui_wrapper-footer_gwq0h_1sjri_280:not(#\9) {
+  font-size: var(--font-size-expandable-heading-duh2ta, 16px);
   letter-spacing: var(--letter-spacing-heading-s-4st9ep, -0.005em);
 }
-.awsui_wrapper-default_gwq0h_1tk4s_280:not(#\9) {
+.awsui_wrapper-default_gwq0h_1sjri_280:not(#\9) {
   padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
   padding-inline-end: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_wrapper-default_gwq0h_1tk4s_280.awsui_header-deprecated_gwq0h_1tk4s_304:not(#\9) {
+.awsui_wrapper-default_gwq0h_1sjri_280.awsui_header-deprecated_gwq0h_1sjri_304:not(#\9) {
   padding-inline-start: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_wrapper-default_gwq0h_1tk4s_280:not(#\9):not(.awsui_header-deprecated_gwq0h_1tk4s_304), .awsui_wrapper-inline_gwq0h_1tk4s_280:not(#\9):not(.awsui_header-deprecated_gwq0h_1tk4s_304) {
+.awsui_wrapper-default_gwq0h_1sjri_280:not(#\9):not(.awsui_header-deprecated_gwq0h_1sjri_304), .awsui_wrapper-inline_gwq0h_1sjri_280:not(#\9):not(.awsui_header-deprecated_gwq0h_1sjri_304) {
   padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
 }
-.awsui_wrapper-default_gwq0h_1tk4s_280.awsui_wrapper-expanded_gwq0h_1tk4s_310:not(#\9), .awsui_wrapper-inline_gwq0h_1tk4s_280.awsui_wrapper-expanded_gwq0h_1tk4s_310:not(#\9) {
+.awsui_wrapper-default_gwq0h_1sjri_280.awsui_wrapper-expanded_gwq0h_1sjri_310:not(#\9), .awsui_wrapper-inline_gwq0h_1sjri_280.awsui_wrapper-expanded_gwq0h_1sjri_310:not(#\9) {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
-  border-block-end-color: var(--color-border-divider-default-nr68jt, #c6c6cd);
+  border-block-end-color: var(--color-border-expandable-section-default-inl8g4, #c6c6cd);
 }
-.awsui_wrapper-footer_gwq0h_1tk4s_280:not(#\9) {
+.awsui_wrapper-footer_gwq0h_1sjri_280:not(#\9) {
   padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_wrapper-footer_gwq0h_1tk4s_280:not(#\9), .awsui_wrapper-compact_gwq0h_1tk4s_291:not(#\9) {
+.awsui_wrapper-footer_gwq0h_1sjri_280:not(#\9), .awsui_wrapper-compact_gwq0h_1sjri_291:not(#\9) {
   padding-inline-end: 0;
 }
-.awsui_wrapper-footer_gwq0h_1tk4s_280.awsui_header-deprecated_gwq0h_1tk4s_304:not(#\9), .awsui_wrapper-compact_gwq0h_1tk4s_291.awsui_header-deprecated_gwq0h_1tk4s_304:not(#\9) {
+.awsui_wrapper-footer_gwq0h_1sjri_280.awsui_header-deprecated_gwq0h_1sjri_304:not(#\9), .awsui_wrapper-compact_gwq0h_1sjri_291.awsui_header-deprecated_gwq0h_1sjri_304:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_wrapper-footer_gwq0h_1tk4s_280:not(#\9):not(.awsui_header-deprecated_gwq0h_1tk4s_304), .awsui_wrapper-compact_gwq0h_1tk4s_291:not(#\9):not(.awsui_header-deprecated_gwq0h_1tk4s_304) {
+.awsui_wrapper-footer_gwq0h_1sjri_280:not(#\9):not(.awsui_header-deprecated_gwq0h_1sjri_304), .awsui_wrapper-compact_gwq0h_1sjri_291:not(#\9):not(.awsui_header-deprecated_gwq0h_1sjri_304) {
   padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
 }
-.awsui_wrapper-container_gwq0h_1tk4s_287:not(#\9) {
+.awsui_wrapper-container_gwq0h_1sjri_287:not(#\9) {
   padding-block: var(--space-container-header-top-am4vzw, 12px) var(--space-container-header-bottom-2taq8v, 8px);
   padding-inline-end: var(--space-container-horizontal-nqrzyh, 20px);
 }
-.awsui_wrapper-container_gwq0h_1tk4s_287:not(#\9):not(.awsui_wrapper-expanded_gwq0h_1tk4s_310) {
+.awsui_wrapper-container_gwq0h_1sjri_287:not(#\9):not(.awsui_wrapper-expanded_gwq0h_1sjri_310) {
   padding-block-end: var(--space-container-header-top-am4vzw, 12px);
 }
-.awsui_wrapper-container_gwq0h_1tk4s_287.awsui_wrapper-not-expanded-without-actions_gwq0h_1tk4s_333:not(#\9) {
+.awsui_wrapper-container_gwq0h_1sjri_287.awsui_wrapper-not-expanded-without-actions_gwq0h_1sjri_333:not(#\9) {
   padding-block-end: calc(var(--space-container-header-top-am4vzw, 12px) + var(--space-scaled-xxs-pfm1nx, 4px));
 }
-.awsui_wrapper-container_gwq0h_1tk4s_287.awsui_header-deprecated_gwq0h_1tk4s_304:not(#\9) {
+.awsui_wrapper-container_gwq0h_1sjri_287.awsui_header-deprecated_gwq0h_1sjri_304:not(#\9) {
   padding-inline-start: var(--space-container-horizontal-nqrzyh, 20px);
 }
-.awsui_wrapper-container_gwq0h_1tk4s_287:not(#\9):not(.awsui_header-deprecated_gwq0h_1tk4s_304) {
+.awsui_wrapper-container_gwq0h_1sjri_287:not(#\9):not(.awsui_header-deprecated_gwq0h_1sjri_304) {
   padding-inline-start: calc(var(--space-container-horizontal-nqrzyh, 20px) + calc(var(--size-icon-medium-uv8xcz, 20px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xs-ymlm0b, 8px)));
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1tk4s_287:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1sjri_287:not(#\9):focus {
   padding-block: calc(var(--space-scaled-s-8ozaad, 12px) - var(--border-divider-section-width-uwo8my, 1px));
   padding-inline: calc(var(--space-l-2ud1p3, 20px) - var(--border-divider-section-width-uwo8my, 1px));
 }
 
-.awsui_header_gwq0h_1tk4s_304:not(#\9) {
+.awsui_header_gwq0h_1sjri_304:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-wrapper_gwq0h_1tk4s_350:not(#\9), .awsui_header-deprecated_gwq0h_1tk4s_304:not(#\9) {
+.awsui_header-wrapper_gwq0h_1sjri_350:not(#\9), .awsui_header-deprecated_gwq0h_1sjri_304:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-lcx0ai, 700);
 }
-.awsui_header-wrapper_gwq0h_1tk4s_350:not(#\9) {
+.awsui_header-wrapper_gwq0h_1sjri_350:not(#\9) {
   font-size: inherit;
   letter-spacing: inherit;
   margin-block: 0;
@@ -359,20 +359,20 @@ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1tk4s_287:not
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_header-actions-wrapper_gwq0h_1tk4s_362:not(#\9) {
+.awsui_header-actions-wrapper_gwq0h_1sjri_362:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1tk4s_368:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1tk4s_368:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1sjri_368:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1sjri_368:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1tk4s_368:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1tk4s_368:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1sjri_368:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1sjri_368:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1tk4s_368:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1tk4s_368:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1sjri_368:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1sjri_368:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -386,21 +386,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1tk4s_368:not(#\9
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_header-button_gwq0h_1tk4s_368:not(#\9) {
+.awsui_header-button_gwq0h_1sjri_368:not(#\9) {
   box-sizing: border-box;
   display: flex;
   margin-inline-start: calc(-1 * calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px)));
 }
-.awsui_header-container-button_gwq0h_1tk4s_368:not(#\9) {
+.awsui_header-container-button_gwq0h_1sjri_368:not(#\9) {
   margin-inline-start: calc(-1 * calc(var(--size-icon-medium-uv8xcz, 20px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xs-ymlm0b, 8px)));
 }
-.awsui_header-container_gwq0h_1tk4s_368:not(#\9) {
+.awsui_header-container_gwq0h_1sjri_368:not(#\9) {
   inline-size: 100%;
 }
-.awsui_header-container_gwq0h_1tk4s_368 > .awsui_icon-container_gwq0h_1tk4s_264:not(#\9) {
+.awsui_header-container_gwq0h_1sjri_368 > .awsui_icon-container_gwq0h_1sjri_264:not(#\9) {
   margin-block-start: var(--space-expandable-section-icon-offset-top-cntyn8, 4px);
 }
-.awsui_header-navigation_gwq0h_1tk4s_403 > .awsui_icon-container_gwq0h_1tk4s_264:not(#\9) {
+.awsui_header-navigation_gwq0h_1sjri_403 > .awsui_icon-container_gwq0h_1sjri_264:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: var(--color-text-expandable-section-navigation-icon-default-mklu1s, #424650);
@@ -413,17 +413,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1tk4s_368:not(#\9
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_1tk4s_403 > .awsui_icon-container_gwq0h_1tk4s_264:not(#\9):hover {
+.awsui_header-navigation_gwq0h_1sjri_403 > .awsui_icon-container_gwq0h_1sjri_264:not(#\9):hover {
   color: var(--color-text-expandable-section-hover-ojzwhd, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1tk4s_403 > .awsui_icon-container_gwq0h_1tk4s_264:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1sjri_403 > .awsui_icon-container_gwq0h_1sjri_264:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1tk4s_403 > .awsui_icon-container_gwq0h_1tk4s_264:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1sjri_403 > .awsui_icon-container_gwq0h_1sjri_264:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1tk4s_403 > .awsui_icon-container_gwq0h_1tk4s_264:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1sjri_403 > .awsui_icon-container_gwq0h_1sjri_264:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -437,39 +437,39 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1tk4s_403 > .
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_header-text_gwq0h_1tk4s_440:not(#\9) {
+.awsui_header-text_gwq0h_1sjri_440:not(#\9) {
   /* used in test-utils */
 }
 
-:not(#\9):not(.awsui_wrapper-compact_gwq0h_1tk4s_291) > .awsui_header-actions-wrapper_gwq0h_1tk4s_362 {
+:not(#\9):not(.awsui_wrapper-compact_gwq0h_1sjri_291) > .awsui_header-actions-wrapper_gwq0h_1sjri_362 {
   flex-wrap: wrap;
   column-gap: var(--space-xs-ymlm0b, 8px);
   row-gap: var(--space-scaled-xxxs-oo06c7, 2px);
 }
 
-.awsui_content_gwq0h_1tk4s_161:not(#\9) {
+.awsui_content_gwq0h_1sjri_161:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_1tk4s_453:not(#\9), .awsui_content-inline_gwq0h_1tk4s_453:not(#\9) {
+.awsui_content-default_gwq0h_1sjri_453:not(#\9), .awsui_content-inline_gwq0h_1sjri_453:not(#\9) {
   padding-block: var(--space-scaled-xs-xwoogq, 8px);
   padding-inline: 0;
 }
-.awsui_content-footer_gwq0h_1tk4s_457:not(#\9) {
+.awsui_content-footer_gwq0h_1sjri_457:not(#\9) {
   padding-block: var(--space-xs-ymlm0b, 8px);
   padding-inline: 0;
 }
-.awsui_content-expanded_gwq0h_1tk4s_461:not(#\9) {
+.awsui_content-expanded_gwq0h_1sjri_461:not(#\9) {
   display: block;
 }
-.awsui_content-compact_gwq0h_1tk4s_464:not(#\9) {
+.awsui_content-compact_gwq0h_1sjri_464:not(#\9) {
   padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
 }
 
-.awsui_focusable_gwq0h_1tk4s_468:not(#\9):focus {
+.awsui_focusable_gwq0h_1sjri_468:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1tk4s_468:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1sjri_468:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-uk47pl, #006ce0);
   border-inline: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-uk47pl, #006ce0);
@@ -480,9 +480,9 @@ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1tk4s_468:not(#\9):fo
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
 
-.awsui_click-target_gwq0h_1tk4s_483:not(#\9) {
+.awsui_click-target_gwq0h_1sjri_483:not(#\9) {
   cursor: pointer;
 }
-.awsui_click-target_gwq0h_1tk4s_483:not(#\9):not(.awsui_wrapper-container_gwq0h_1tk4s_287):not(.awsui_header-container-button_gwq0h_1tk4s_368):hover {
+.awsui_click-target_gwq0h_1sjri_483:not(#\9):not(.awsui_wrapper-container_gwq0h_1sjri_287):not(.awsui_header-container-button_gwq0h_1sjri_368):hover {
   color: var(--color-text-expandable-section-hover-ojzwhd, #006ce0);
 }

package/expandable-section/styles.selectors.js

@@ -2,40 +2,40 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_gwq0h_1tk4s_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1tk4s_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_1tk4s_183",
-  "icon": "awsui_icon_gwq0h_1tk4s_197",
-  "root": "awsui_root_gwq0h_1tk4s_211",
-  "expand-button": "awsui_expand-button_gwq0h_1tk4s_246",
-  "expanded": "awsui_expanded_gwq0h_1tk4s_254",
-  "icon-container": "awsui_icon-container_gwq0h_1tk4s_264",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_1tk4s_268",
-  "wrapper": "awsui_wrapper_gwq0h_1tk4s_272",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_1tk4s_280",
-  "wrapper-inline": "awsui_wrapper-inline_gwq0h_1tk4s_280",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_1tk4s_280",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1tk4s_284",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_1tk4s_287",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_1tk4s_291",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_1tk4s_304",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1tk4s_310",
-  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_1tk4s_333",
-  "header": "awsui_header_gwq0h_1tk4s_304",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_1tk4s_350",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1tk4s_362",
-  "header-button": "awsui_header-button_gwq0h_1tk4s_368",
-  "header-container-button": "awsui_header-container-button_gwq0h_1tk4s_368",
-  "header-container": "awsui_header-container_gwq0h_1tk4s_368",
-  "header-navigation": "awsui_header-navigation_gwq0h_1tk4s_403",
-  "header-text": "awsui_header-text_gwq0h_1tk4s_440",
-  "content": "awsui_content_gwq0h_1tk4s_161",
-  "content-default": "awsui_content-default_gwq0h_1tk4s_453",
-  "content-inline": "awsui_content-inline_gwq0h_1tk4s_453",
-  "content-footer": "awsui_content-footer_gwq0h_1tk4s_457",
-  "content-expanded": "awsui_content-expanded_gwq0h_1tk4s_461",
-  "content-compact": "awsui_content-compact_gwq0h_1tk4s_464",
-  "focusable": "awsui_focusable_gwq0h_1tk4s_468",
-  "click-target": "awsui_click-target_gwq0h_1tk4s_483"
+  "content-enter": "awsui_content-enter_gwq0h_1sjri_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1sjri_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_1sjri_183",
+  "icon": "awsui_icon_gwq0h_1sjri_197",
+  "root": "awsui_root_gwq0h_1sjri_211",
+  "expand-button": "awsui_expand-button_gwq0h_1sjri_246",
+  "expanded": "awsui_expanded_gwq0h_1sjri_254",
+  "icon-container": "awsui_icon-container_gwq0h_1sjri_264",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_1sjri_268",
+  "wrapper": "awsui_wrapper_gwq0h_1sjri_272",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_1sjri_280",
+  "wrapper-inline": "awsui_wrapper-inline_gwq0h_1sjri_280",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_1sjri_280",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1sjri_284",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_1sjri_287",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_1sjri_291",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_1sjri_304",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1sjri_310",
+  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_1sjri_333",
+  "header": "awsui_header_gwq0h_1sjri_304",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_1sjri_350",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1sjri_362",
+  "header-button": "awsui_header-button_gwq0h_1sjri_368",
+  "header-container-button": "awsui_header-container-button_gwq0h_1sjri_368",
+  "header-container": "awsui_header-container_gwq0h_1sjri_368",
+  "header-navigation": "awsui_header-navigation_gwq0h_1sjri_403",
+  "header-text": "awsui_header-text_gwq0h_1sjri_440",
+  "content": "awsui_content_gwq0h_1sjri_161",
+  "content-default": "awsui_content-default_gwq0h_1sjri_453",
+  "content-inline": "awsui_content-inline_gwq0h_1sjri_453",
+  "content-footer": "awsui_content-footer_gwq0h_1sjri_457",
+  "content-expanded": "awsui_content-expanded_gwq0h_1sjri_461",
+  "content-compact": "awsui_content-compact_gwq0h_1sjri_464",
+  "focusable": "awsui_focusable_gwq0h_1sjri_468",
+  "click-target": "awsui_click-target_gwq0h_1sjri_483"
 };
   

package/file-token-group/file-token.js

@@ -53,7 +53,7 @@ function InternalFileToken({ file, showFileLastModified, showFileSize, showFileT
             loading && (React.createElement("div", { className: clsx(styles['file-loading-overlay'], {
                     [styles['file-loading-overlay-single-row']]: loading && fileIsSingleRow,
                 }) },
-                React.createElement(InternalSpinner, { variant: "disabled", size: "normal" }))),
+                React.createElement(InternalSpinner, { variant: "normal", size: "normal" }))),
             React.createElement(InternalBox, { className: styles['file-option'] },
                 showFileThumbnail && isImage && React.createElement(FileOptionThumbnail, { file: file }),
                 React.createElement("div", { className: clsx(styles['file-option-metadata'], {

package/file-token-group/file-token.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-token.js","sourceRoot":"","sources":["../../../src/file-token-group/file-token.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\n\nimport React, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalBox from '../box/internal.js';\nimport { FormFieldError, FormFieldWarning } from '../form-field/internal';\nimport { BaseComponentProps } from '../internal/base-component/index.js';\nimport InternalSpaceBetween from '../space-between/internal.js';\nimport InternalSpinner from '../spinner/internal.js';\nimport DismissButton from '../token/dismiss-button.js';\nimport { TokenGroupProps } from '../token-group/interfaces.js';\nimport Tooltip from '../tooltip/internal.js';\nimport * as defaultFormatters from './default-formatters.js';\nimport { FileOptionThumbnail } from './thumbnail.js';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport namespace FileTokenProps {\n  export interface I18nStrings {\n    removeFileAriaLabel?: (fileIndex: number, fileName: string) => string;\n    errorIconAriaLabel?: string;\n    warningIconAriaLabel?: string;\n    formatFileSize?: (sizeInBytes: number) => string;\n    formatFileLastModified?: (date: Date) => string;\n  }\n}\n\ninterface FileTokenProps extends BaseComponentProps {\n  file: File;\n  onDismiss: () => void;\n  showFileSize?: boolean;\n  showFileLastModified?: boolean;\n  showFileThumbnail?: boolean;\n  errorText?: React.ReactNode;\n  warningText?: React.ReactNode;\n  loading?: boolean;\n  readOnly?: boolean;\n  i18nStrings?: FileTokenProps.I18nStrings;\n  dismissLabel?: string;\n  alignment?: TokenGroupProps.Alignment;\n  groupContainsImage?: boolean;\n  isImage: boolean;\n  index: number;\n}\n\nfunction InternalFileToken({\n  file,\n  showFileLastModified,\n  showFileSize,\n  showFileThumbnail,\n  i18nStrings,\n  onDismiss,\n  errorText,\n  warningText,\n  readOnly,\n  loading,\n  alignment,\n  groupContainsImage,\n  isImage,\n  index,\n}: FileTokenProps) {\n  const formatFileSize = i18nStrings?.formatFileSize ?? defaultFormatters.formatFileSize;\n  const formatFileLastModified = i18nStrings?.formatFileLastModified ?? defaultFormatters.formatFileLastModified;\n\n  const errorId = useUniqueId('error');\n  const warningId = useUniqueId('warning');\n\n  const showWarning = warningText && !errorText;\n  const containerRef = useRef<HTMLDivElement>(null);\n  const fileNameRef = useRef<HTMLSpanElement>(null);\n  const fileNameContainerRef = useRef<HTMLDivElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [isTruncated, setIsTruncated] = useState(false);\n\n  const getDismissLabel = (fileIndex: number) => {\n    return i18nStrings?.removeFileAriaLabel?.(fileIndex, file.name);\n  };\n\n  function isEllipsisActive() {\n    const span = fileNameRef.current;\n    const container = fileNameContainerRef.current;\n\n    if (span && container) {\n      return span.offsetWidth >= container.offsetWidth;\n    }\n    return false;\n  }\n\n  useResizeObserver(\n    () => fileNameContainerRef.current,\n    () => setIsTruncated(isEllipsisActive())\n  );\n\n  const fileIsSingleRow =\n    !showFileLastModified && !showFileSize && (!groupContainsImage || (groupContainsImage && !showFileThumbnail));\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(styles.token, {\n        [styles['token-grid']]: alignment === 'horizontal',\n        [styles['token-contains-image']]: groupContainsImage && showFileThumbnail,\n      })}\n      role=\"group\"\n      aria-label={file.name}\n      aria-describedby={errorText ? errorId : warningText ? warningId : undefined}\n      aria-disabled={loading}\n      data-index={index}\n    >\n      <div\n        className={clsx(styles['token-box'], {\n          [styles.loading]: loading,\n          [styles.error]: errorText,\n          [styles.warning]: showWarning,\n          [styles.horizontal]: alignment === 'horizontal',\n          [styles['read-only']]: readOnly,\n        })}\n      >\n        {loading && (\n          <div\n            className={clsx(styles['file-loading-overlay'], {\n              [styles['file-loading-overlay-single-row']]: loading && fileIsSingleRow,\n            })}\n          >\n            <InternalSpinner variant=\"disabled\" size=\"normal\" />\n          </div>\n        )}\n        <InternalBox className={styles['file-option']}>\n          {showFileThumbnail && isImage && <FileOptionThumbnail file={file} />}\n\n          <div\n            className={clsx(styles['file-option-metadata'], {\n              [styles['with-image']]: showFileThumbnail && isImage,\n              [styles['single-row-loading']]: loading && fileIsSingleRow,\n            })}\n          >\n            <InternalSpaceBetween direction=\"vertical\" size=\"xxxs\">\n              <div\n                className={styles['file-name-container']}\n                onMouseOver={() => setShowTooltip(true)}\n                onMouseOut={() => setShowTooltip(false)}\n                onFocus={() => setShowTooltip(true)}\n                onBlur={() => setShowTooltip(false)}\n                role={isTruncated ? 'button' : undefined}\n                aria-expanded={isTruncated ? showTooltip : undefined}\n                tabIndex={isTruncated ? 0 : -1}\n                ref={fileNameContainerRef}\n              >\n                <InternalBox\n                  fontWeight=\"normal\"\n                  className={clsx(styles['file-option-name'], testUtilStyles['file-option-name'], {\n                    [testUtilStyles['ellipsis-active']]: isTruncated,\n                  })}\n                >\n                  <span ref={fileNameRef}>{file.name}</span>\n                </InternalBox>\n              </div>\n\n              {showFileSize && file.size ? (\n                <InternalBox\n                  fontSize=\"body-s\"\n                  color={'text-body-secondary'}\n                  className={clsx(styles['file-option-size'], testUtilStyles['file-option-size'])}\n                >\n                  {formatFileSize(file.size)}\n                </InternalBox>\n              ) : null}\n\n              {showFileLastModified && file.lastModified ? (\n                <InternalBox\n                  fontSize=\"body-s\"\n                  color={'text-body-secondary'}\n                  className={clsx(styles['file-option-last-modified'], testUtilStyles['file-option-last-modified'])}\n                >\n                  {formatFileLastModified(new Date(file.lastModified))}\n                </InternalBox>\n              ) : null}\n            </InternalSpaceBetween>\n          </div>\n        </InternalBox>\n        {onDismiss && !readOnly && <DismissButton dismissLabel={getDismissLabel(index)} onDismiss={onDismiss} />}\n      </div>\n      {errorText && (\n        <FormFieldError id={errorId} errorIconAriaLabel={i18nStrings?.errorIconAriaLabel}>\n          {errorText}\n        </FormFieldError>\n      )}\n      {showWarning && (\n        <FormFieldWarning id={warningId} warningIconAriaLabel={i18nStrings?.warningIconAriaLabel}>\n          {warningText}\n        </FormFieldWarning>\n      )}\n      {showTooltip && isTruncated && (\n        <Tooltip\n          getTrack={() => containerRef.current}\n          content={<InternalBox fontWeight=\"normal\">{file.name}</InternalBox>}\n          onEscape={() => setShowTooltip(false)}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default InternalFileToken;\n"]}
+{"version":3,"file":"file-token.js","sourceRoot":"","sources":["../../../src/file-token-group/file-token.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE/F,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1E,OAAO,oBAAoB,MAAM,8BAA8B,CAAC;AAChE,OAAO,eAAe,MAAM,wBAAwB,CAAC;AACrD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAEvD,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAC7C,OAAO,KAAK,iBAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AA8B1D,SAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,EACT,kBAAkB,EAClB,OAAO,EACP,KAAK,GACU;;IACf,MAAM,cAAc,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,mCAAI,iBAAiB,CAAC,cAAc,CAAC;IACvF,MAAM,sBAAsB,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,sBAAsB,mCAAI,iBAAiB,CAAC,sBAAsB,CAAC;IAE/G,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IAEzC,MAAM,WAAW,GAAG,WAAW,IAAI,CAAC,SAAS,CAAC;IAC9C,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAClD,MAAM,oBAAoB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,EAAE;;QAC5C,OAAO,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,mBAAmB,4DAAG,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,SAAS,gBAAgB;QACvB,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC;QACjC,MAAM,SAAS,GAAG,oBAAoB,CAAC,OAAO,CAAC;QAE/C,IAAI,IAAI,IAAI,SAAS,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC,WAAW,IAAI,SAAS,CAAC,WAAW,CAAC;QACnD,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,iBAAiB,CACf,GAAG,EAAE,CAAC,oBAAoB,CAAC,OAAO,EAClC,GAAG,EAAE,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CACzC,CAAC;IAEF,MAAM,eAAe,GACnB,CAAC,oBAAoB,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,kBAAkB,IAAI,CAAC,kBAAkB,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAEhH,OAAO,CACL,6BACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;YAC5B,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,KAAK,YAAY;YAClD,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,kBAAkB,IAAI,iBAAiB;SAC1E,CAAC,EACF,IAAI,EAAC,OAAO,gBACA,IAAI,CAAC,IAAI,sBACH,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,mBAC5D,OAAO,gBACV,KAAK;QAEjB,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE;gBACnC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;gBACzB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS;gBACzB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,WAAW;gBAC7B,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,SAAS,KAAK,YAAY;gBAC/C,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,QAAQ;aAChC,CAAC;YAED,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,EAAE;oBAC9C,CAAC,MAAM,CAAC,iCAAiC,CAAC,CAAC,EAAE,OAAO,IAAI,eAAe;iBACxE,CAAC;gBAEF,oBAAC,eAAe,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAG,CAC9C,CACP;YACD,oBAAC,WAAW,IAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;gBAC1C,iBAAiB,IAAI,OAAO,IAAI,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,GAAI;gBAEpE,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,EAAE;wBAC9C,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,iBAAiB,IAAI,OAAO;wBACpD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,OAAO,IAAI,eAAe;qBAC3D,CAAC;oBAEF,oBAAC,oBAAoB,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM;wBACpD,6BACE,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,EACxC,WAAW,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EACvC,UAAU,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EACnC,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACnC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,mBACzB,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACpD,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9B,GAAG,EAAE,oBAAoB;4BAEzB,oBAAC,WAAW,IACV,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,EAAE;oCAC9E,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,EAAE,WAAW;iCACjD,CAAC;gCAEF,8BAAM,GAAG,EAAE,WAAW,IAAG,IAAI,CAAC,IAAI,CAAQ,CAC9B,CACV;wBAEL,YAAY,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3B,oBAAC,WAAW,IACV,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAE,qBAAqB,EAC5B,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC,IAE9E,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CACd,CACf,CAAC,CAAC,CAAC,IAAI;wBAEP,oBAAoB,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC3C,oBAAC,WAAW,IACV,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAE,qBAAqB,EAC5B,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC,EAAE,cAAc,CAAC,2BAA2B,CAAC,CAAC,IAEhG,sBAAsB,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CACxC,CACf,CAAC,CAAC,CAAC,IAAI,CACa,CACnB,CACM;YACb,SAAS,IAAI,CAAC,QAAQ,IAAI,oBAAC,aAAa,IAAC,YAAY,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,GAAI,CACpG;QACL,SAAS,IAAI,CACZ,oBAAC,cAAc,IAAC,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,kBAAkB,IAC7E,SAAS,CACK,CAClB;QACA,WAAW,IAAI,CACd,oBAAC,gBAAgB,IAAC,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,oBAAoB,IACrF,WAAW,CACK,CACpB;QACA,WAAW,IAAI,WAAW,IAAI,CAC7B,oBAAC,OAAO,IACN,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,EACpC,OAAO,EAAE,oBAAC,WAAW,IAAC,UAAU,EAAC,QAAQ,IAAE,IAAI,CAAC,IAAI,CAAe,EACnE,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,GACrC,CACH,CACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,iBAAiB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalBox from '../box/internal.js';\nimport { FormFieldError, FormFieldWarning } from '../form-field/internal';\nimport { BaseComponentProps } from '../internal/base-component/index.js';\nimport InternalSpaceBetween from '../space-between/internal.js';\nimport InternalSpinner from '../spinner/internal.js';\nimport DismissButton from '../token/dismiss-button.js';\nimport { TokenGroupProps } from '../token-group/interfaces.js';\nimport Tooltip from '../tooltip/internal.js';\nimport * as defaultFormatters from './default-formatters.js';\nimport { FileOptionThumbnail } from './thumbnail.js';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport namespace FileTokenProps {\n  export interface I18nStrings {\n    removeFileAriaLabel?: (fileIndex: number, fileName: string) => string;\n    errorIconAriaLabel?: string;\n    warningIconAriaLabel?: string;\n    formatFileSize?: (sizeInBytes: number) => string;\n    formatFileLastModified?: (date: Date) => string;\n  }\n}\n\ninterface FileTokenProps extends BaseComponentProps {\n  file: File;\n  onDismiss: () => void;\n  showFileSize?: boolean;\n  showFileLastModified?: boolean;\n  showFileThumbnail?: boolean;\n  errorText?: React.ReactNode;\n  warningText?: React.ReactNode;\n  loading?: boolean;\n  readOnly?: boolean;\n  i18nStrings?: FileTokenProps.I18nStrings;\n  dismissLabel?: string;\n  alignment?: TokenGroupProps.Alignment;\n  groupContainsImage?: boolean;\n  isImage: boolean;\n  index: number;\n}\n\nfunction InternalFileToken({\n  file,\n  showFileLastModified,\n  showFileSize,\n  showFileThumbnail,\n  i18nStrings,\n  onDismiss,\n  errorText,\n  warningText,\n  readOnly,\n  loading,\n  alignment,\n  groupContainsImage,\n  isImage,\n  index,\n}: FileTokenProps) {\n  const formatFileSize = i18nStrings?.formatFileSize ?? defaultFormatters.formatFileSize;\n  const formatFileLastModified = i18nStrings?.formatFileLastModified ?? defaultFormatters.formatFileLastModified;\n\n  const errorId = useUniqueId('error');\n  const warningId = useUniqueId('warning');\n\n  const showWarning = warningText && !errorText;\n  const containerRef = useRef<HTMLDivElement>(null);\n  const fileNameRef = useRef<HTMLSpanElement>(null);\n  const fileNameContainerRef = useRef<HTMLDivElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [isTruncated, setIsTruncated] = useState(false);\n\n  const getDismissLabel = (fileIndex: number) => {\n    return i18nStrings?.removeFileAriaLabel?.(fileIndex, file.name);\n  };\n\n  function isEllipsisActive() {\n    const span = fileNameRef.current;\n    const container = fileNameContainerRef.current;\n\n    if (span && container) {\n      return span.offsetWidth >= container.offsetWidth;\n    }\n    return false;\n  }\n\n  useResizeObserver(\n    () => fileNameContainerRef.current,\n    () => setIsTruncated(isEllipsisActive())\n  );\n\n  const fileIsSingleRow =\n    !showFileLastModified && !showFileSize && (!groupContainsImage || (groupContainsImage && !showFileThumbnail));\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(styles.token, {\n        [styles['token-grid']]: alignment === 'horizontal',\n        [styles['token-contains-image']]: groupContainsImage && showFileThumbnail,\n      })}\n      role=\"group\"\n      aria-label={file.name}\n      aria-describedby={errorText ? errorId : warningText ? warningId : undefined}\n      aria-disabled={loading}\n      data-index={index}\n    >\n      <div\n        className={clsx(styles['token-box'], {\n          [styles.loading]: loading,\n          [styles.error]: errorText,\n          [styles.warning]: showWarning,\n          [styles.horizontal]: alignment === 'horizontal',\n          [styles['read-only']]: readOnly,\n        })}\n      >\n        {loading && (\n          <div\n            className={clsx(styles['file-loading-overlay'], {\n              [styles['file-loading-overlay-single-row']]: loading && fileIsSingleRow,\n            })}\n          >\n            <InternalSpinner variant=\"normal\" size=\"normal\" />\n          </div>\n        )}\n        <InternalBox className={styles['file-option']}>\n          {showFileThumbnail && isImage && <FileOptionThumbnail file={file} />}\n\n          <div\n            className={clsx(styles['file-option-metadata'], {\n              [styles['with-image']]: showFileThumbnail && isImage,\n              [styles['single-row-loading']]: loading && fileIsSingleRow,\n            })}\n          >\n            <InternalSpaceBetween direction=\"vertical\" size=\"xxxs\">\n              <div\n                className={styles['file-name-container']}\n                onMouseOver={() => setShowTooltip(true)}\n                onMouseOut={() => setShowTooltip(false)}\n                onFocus={() => setShowTooltip(true)}\n                onBlur={() => setShowTooltip(false)}\n                role={isTruncated ? 'button' : undefined}\n                aria-expanded={isTruncated ? showTooltip : undefined}\n                tabIndex={isTruncated ? 0 : -1}\n                ref={fileNameContainerRef}\n              >\n                <InternalBox\n                  fontWeight=\"normal\"\n                  className={clsx(styles['file-option-name'], testUtilStyles['file-option-name'], {\n                    [testUtilStyles['ellipsis-active']]: isTruncated,\n                  })}\n                >\n                  <span ref={fileNameRef}>{file.name}</span>\n                </InternalBox>\n              </div>\n\n              {showFileSize && file.size ? (\n                <InternalBox\n                  fontSize=\"body-s\"\n                  color={'text-body-secondary'}\n                  className={clsx(styles['file-option-size'], testUtilStyles['file-option-size'])}\n                >\n                  {formatFileSize(file.size)}\n                </InternalBox>\n              ) : null}\n\n              {showFileLastModified && file.lastModified ? (\n                <InternalBox\n                  fontSize=\"body-s\"\n                  color={'text-body-secondary'}\n                  className={clsx(styles['file-option-last-modified'], testUtilStyles['file-option-last-modified'])}\n                >\n                  {formatFileLastModified(new Date(file.lastModified))}\n                </InternalBox>\n              ) : null}\n            </InternalSpaceBetween>\n          </div>\n        </InternalBox>\n        {onDismiss && !readOnly && <DismissButton dismissLabel={getDismissLabel(index)} onDismiss={onDismiss} />}\n      </div>\n      {errorText && (\n        <FormFieldError id={errorId} errorIconAriaLabel={i18nStrings?.errorIconAriaLabel}>\n          {errorText}\n        </FormFieldError>\n      )}\n      {showWarning && (\n        <FormFieldWarning id={warningId} warningIconAriaLabel={i18nStrings?.warningIconAriaLabel}>\n          {warningText}\n        </FormFieldWarning>\n      )}\n      {showTooltip && isTruncated && (\n        <Tooltip\n          getTrack={() => containerRef.current}\n          content={<InternalBox fontWeight=\"normal\">{file.name}</InternalBox>}\n          onEscape={() => setShowTooltip(false)}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default InternalFileToken;\n"]}

package/icon/interfaces.d.ts

@@ -79,5 +79,5 @@ export interface IconProps extends BaseComponentProps {
 export declare namespace IconProps {
   type Name = BuiltInIconName | IconRegistryIconName;
   type Variant = 'normal' | 'disabled' | 'error' | 'inverted' | 'link' | 'subtle' | 'success' | 'warning';
-  type Size = 'small' | 'normal' | 'medium' | 'big' | 'large' | 'inherit';
+  type Size = 'x-small' | 'small' | 'normal' | 'medium' | 'big' | 'large' | 'inherit';
 }

package/icon/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/icon/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAEtB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtB;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,SAAS,CAAC;IACzB,KAAY,IAAI,GAAG,eAAe,GAAG,oBAAoB,CAAC;IAE1D,KAAY,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAE/G,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;CAChF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/icon/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAEtB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtB;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,SAAS,CAAC;IACzB,KAAY,IAAI,GAAG,eAAe,GAAG,oBAAoB,CAAC;IAE1D,KAAY,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAE/G,KAAY,IAAI,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;CAC5F"}

package/icon/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BuiltInIconName, IconRegistryIconName } from '../icon-provider/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface IconProps extends BaseComponentProps {\n  /**\n   * Specifies the icon to be displayed.\n   */\n  name?: IconProps.Name;\n\n  /**\n   * Specifies the size of the icon.\n   *\n   * If you set size to `inherit`, an icon size will be assigned based on the icon's inherited line height.\n   * For icons used alongside text, ensure the icon is placed inside the acompanying text tag.\n   * The icon will be vertically centered based on the height.\n   *\n   * @visualrefresh `medium` size\n   */\n  size?: IconProps.Size;\n\n  /**\n   * Specifies the color variant of the icon. The `normal` variant picks up the current color of its context.\n   */\n  variant?: IconProps.Variant;\n\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon cannot be an SVG.\n   * For SVG icons, use the `svg` slot instead.\n   *\n   * If you set both `url` and `svg`, `svg` will take precedence.\n   */\n  url?: string;\n\n  /**\n   * Specifies alternate text for a custom icon (using the `url` attribute).\n   * This property is ignored if you use a predefined icon or if you set your custom icon using the `svg` slot.\n   *\n   * @deprecated Use `ariaLabel` instead.\n   */\n  alt?: string;\n\n  /**\n   * Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Specifies the SVG of a custom icon.\n   *\n   * Use this property if the icon you want isn't available, and you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`.\n   * - has `viewBox=\"0 0 16 16\"`.\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span` and ensure icon `size` is not set to `inherit`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `url` and `svg`, `svg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  svg?: React.ReactNode;\n\n  /**\n   * Attributes to add to the native element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLElement>>;\n}\n\nexport namespace IconProps {\n  export type Name = BuiltInIconName | IconRegistryIconName;\n\n  export type Variant = 'normal' | 'disabled' | 'error' | 'inverted' | 'link' | 'subtle' | 'success' | 'warning';\n\n  export type Size = 'small' | 'normal' | 'medium' | 'big' | 'large' | 'inherit';\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BuiltInIconName, IconRegistryIconName } from '../icon-provider/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface IconProps extends BaseComponentProps {\n  /**\n   * Specifies the icon to be displayed.\n   */\n  name?: IconProps.Name;\n\n  /**\n   * Specifies the size of the icon.\n   *\n   * If you set size to `inherit`, an icon size will be assigned based on the icon's inherited line height.\n   * For icons used alongside text, ensure the icon is placed inside the acompanying text tag.\n   * The icon will be vertically centered based on the height.\n   *\n   * @visualrefresh `medium` size\n   */\n  size?: IconProps.Size;\n\n  /**\n   * Specifies the color variant of the icon. The `normal` variant picks up the current color of its context.\n   */\n  variant?: IconProps.Variant;\n\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon cannot be an SVG.\n   * For SVG icons, use the `svg` slot instead.\n   *\n   * If you set both `url` and `svg`, `svg` will take precedence.\n   */\n  url?: string;\n\n  /**\n   * Specifies alternate text for a custom icon (using the `url` attribute).\n   * This property is ignored if you use a predefined icon or if you set your custom icon using the `svg` slot.\n   *\n   * @deprecated Use `ariaLabel` instead.\n   */\n  alt?: string;\n\n  /**\n   * Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Specifies the SVG of a custom icon.\n   *\n   * Use this property if the icon you want isn't available, and you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`.\n   * - has `viewBox=\"0 0 16 16\"`.\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span` and ensure icon `size` is not set to `inherit`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `url` and `svg`, `svg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  svg?: React.ReactNode;\n\n  /**\n   * Attributes to add to the native element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLElement>>;\n}\n\nexport namespace IconProps {\n  export type Name = BuiltInIconName | IconRegistryIconName;\n\n  export type Variant = 'normal' | 'disabled' | 'error' | 'inverted' | 'link' | 'subtle' | 'success' | 'warning';\n\n  export type Size = 'x-small' | 'small' | 'normal' | 'medium' | 'big' | 'large' | 'inherit';\n}\n"]}

package/icon/internal.js

@@ -25,7 +25,7 @@ function iconSizeMap(height, fontSize) {
         return 'medium';
     }
     else if (height <= 16) {
-        return 'small';
+        return !!fontSize && fontSize <= 12 ? 'x-small' : 'small';
     }
     else {
         return 'normal';
@@ -72,7 +72,7 @@ const InternalIcon = ({ name, size = 'normal', variant = 'normal', url, alt, ari
     }
     const validIcon = name && Object.prototype.hasOwnProperty.call(icons, name);
     function iconMap(name) {
-        if (name === 'gen-ai' && iconSize === 'small') {
+        if (name === 'gen-ai' && (iconSize === 'small' || iconSize === 'x-small')) {
             return (React.createElement("svg", { width: "12", height: "12", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", focusable: "false", "aria-hidden": "true", "data-testid": "gen-ai-filled" },
                 React.createElement("path", { d: "m8 4.4 1.018 2.582L11.6 8 9.018 9.018 8 11.6 6.982 9.018 4.4 8l2.582-1.018L8 4.4ZM2.405 2.41l.002-.003.003-.002-.003-.002-.002-.003-.002.003-.003.002.003.002.002.003Z", className: "filled" })));
         }