@cloudscape-design/components 3.0.1341 → 3.0.1343

package/side-navigation/styles.scoped.css

@@ -143,7 +143,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_l0dv0_g6yjq_146:not(#\9) {
+.awsui_root_l0dv0_i802p_146:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -177,11 +177,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_with-toolbar_l0dv0_g6yjq_180:not(#\9) {
+.awsui_with-toolbar_l0dv0_i802p_180:not(#\9) {
   /* Structural class — parent context for toolbar margin resets. */
 }
 
-.awsui_header_l0dv0_g6yjq_184:not(#\9) {
+.awsui_header_l0dv0_i802p_184:not(#\9) {
   font-size: var(--font-panel-header-size-33h9j8, 18px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   line-height: var(--font-panel-header-line-height-8xb2qj, 22px);
@@ -195,7 +195,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: calc(var(--space-scaled-xxl-6wgq96, 32px) + var(--space-xl-jfy3x4, 24px));
 }
 
-.awsui_header-link_l0dv0_g6yjq_198:not(#\9) {
+.awsui_header-link_l0dv0_i802p_198:not(#\9) {
   font-size: var(--font-panel-header-size-33h9j8, 18px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   line-height: var(--font-panel-header-line-height-8xb2qj, 22px);
@@ -206,45 +206,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-block-size: var(--font-panel-header-line-height-8xb2qj, 22px);
   display: flex;
 }
-.awsui_header-link--has-logo_l0dv0_g6yjq_209 > .awsui_header-link-text_l0dv0_g6yjq_209:not(#\9) {
+.awsui_header-link--has-logo_l0dv0_i802p_209 > .awsui_header-link-text_l0dv0_i802p_209:not(#\9) {
   font-weight: var(--font-weight-normal-cxw1m3, 400);
   align-self: center;
 }
 
-.awsui_header-logo_l0dv0_g6yjq_214:not(#\9) {
+.awsui_header-logo_l0dv0_i802p_214:not(#\9) {
   margin-inline-end: var(--space-s-tvghoh, 12px);
   margin-block-start: var(--space-xxxs-pajhad, 2px);
   max-inline-size: calc(1.25 * var(--size-icon-big-7pq9l3, 32px));
   align-self: flex-start;
 }
-.awsui_header-logo--stretched_l0dv0_g6yjq_220:not(#\9) {
+.awsui_header-logo--stretched_l0dv0_i802p_220:not(#\9) {
   max-inline-size: 100%;
   margin-inline-end: 0;
 }
 
-.awsui_items-control_l0dv0_g6yjq_225:not(#\9) {
+.awsui_items-control_l0dv0_i802p_225:not(#\9) {
   padding-inline: var(--space-l-2ud1p3, 20px);
   padding-block-start: calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2);
 }
 
-.awsui_list-container_l0dv0_g6yjq_230:not(#\9) {
+.awsui_list-container_l0dv0_i802p_230:not(#\9) {
   margin-block-end: var(--space-panel-content-bottom-24c6lu, 40px);
 }
 
-.awsui_items-control_l0dv0_g6yjq_225:not(#\9),
-.awsui_list-container_l0dv0_g6yjq_230:not(#\9) {
+.awsui_items-control_l0dv0_i802p_225:not(#\9),
+.awsui_list-container_l0dv0_i802p_230:not(#\9) {
   margin-block-start: calc(var(--space-panel-content-top-qvd1dr, 20px) - calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2));
 }
-.awsui_root--collapsed_l0dv0_g6yjq_238 > .awsui_items-control_l0dv0_g6yjq_225:not(#\9),
-.awsui_root--collapsed_l0dv0_g6yjq_238 > .awsui_list-container_l0dv0_g6yjq_230:not(#\9) {
+.awsui_root--collapsed_l0dv0_i802p_238 > .awsui_items-control_l0dv0_i802p_225:not(#\9),
+.awsui_root--collapsed_l0dv0_i802p_238 > .awsui_list-container_l0dv0_i802p_230:not(#\9) {
   margin-block-start: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_with-toolbar_l0dv0_g6yjq_180 > .awsui_divider-header_l0dv0_g6yjq_242 + .awsui_items-control_l0dv0_g6yjq_225:not(#\9),
-.awsui_with-toolbar_l0dv0_g6yjq_180 > .awsui_divider-header_l0dv0_g6yjq_242 + .awsui_list-container_l0dv0_g6yjq_230:not(#\9) {
+.awsui_with-toolbar_l0dv0_i802p_180 > .awsui_divider-header_l0dv0_i802p_242 + .awsui_items-control_l0dv0_i802p_225:not(#\9),
+.awsui_with-toolbar_l0dv0_i802p_180 > .awsui_divider-header_l0dv0_i802p_242 + .awsui_list-container_l0dv0_i802p_230:not(#\9) {
   margin-block-start: calc(-1 * calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2));
 }
 
-.awsui_list_l0dv0_g6yjq_230:not(#\9) {
+.awsui_list_l0dv0_i802p_230:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -252,77 +252,87 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + var(--space-xs-ymlm0b, 8px) - var(--space-xs-ymlm0b, 8px));
 }
 
-.awsui_list-variant-root_l0dv0_g6yjq_255:not(#\9) {
+.awsui_list-variant-root_l0dv0_i802p_255:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline-start: calc(var(--space-panel-nav-left-wn0n7h, 28px) - var(--space-xs-ymlm0b, 8px));
   padding-inline-end: calc(var(--space-panel-side-right-8wwirc, 24px) - var(--space-xs-ymlm0b, 8px));
 }
-.awsui_list-variant-root--first_l0dv0_g6yjq_262:not(#\9) {
+.awsui_list-variant-root--first_l0dv0_i802p_262:not(#\9) {
   margin-block-start: 0;
 }
-.awsui_list-variant-root--collapsed_l0dv0_g6yjq_265:not(#\9) {
+.awsui_list-variant-root--collapsed_l0dv0_i802p_265:not(#\9) {
   padding-inline-start: 0;
   padding-inline-end: 0;
 }
+.awsui_list-variant-root_l0dv0_i802p_255.awsui_list--with-icons_l0dv0_i802p_269:not(#\9):not(.awsui_list-variant-root--collapsed_l0dv0_i802p_265) {
+  padding-inline-start: calc(var(--space-panel-side-right-8wwirc, 24px) - var(--space-xs-ymlm0b, 8px));
+}
 
-.awsui_list-variant-expandable-link-group_l0dv0_g6yjq_270:not(#\9) {
+.awsui_list-variant-expandable-link-group_l0dv0_i802p_273:not(#\9) {
   padding-inline-start: calc(calc(var(--size-icon-normal-levt08, 16px) + var(--space-xs-ymlm0b, 8px) - var(--space-xs-ymlm0b, 8px)) + var(--space-l-2ud1p3, 20px));
 }
+.awsui_list-variant-expandable-link-group_l0dv0_i802p_273.awsui_list--with-icons_l0dv0_i802p_269:not(#\9) {
+  padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + var(--space-xs-ymlm0b, 8px) - var(--space-xs-ymlm0b, 8px));
+}
 
-.awsui_list-variant-section_l0dv0_g6yjq_274:not(#\9) {
+.awsui_list-variant-section_l0dv0_i802p_280:not(#\9) {
   padding-inline-start: calc(var(--space-l-2ud1p3, 20px) - var(--space-xs-ymlm0b, 8px));
 }
+.awsui_list-variant-section_l0dv0_i802p_280.awsui_list--with-icons_l0dv0_i802p_269:not(#\9) {
+  padding-inline-start: 0;
+  margin-inline-start: calc(-1 * var(--space-xs-ymlm0b, 8px));
+}
 
-.awsui_list-variant-link-group_l0dv0_g6yjq_278:not(#\9) {
+.awsui_list-variant-link-group_l0dv0_i802p_288:not(#\9) {
   padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + var(--space-xs-ymlm0b, 8px) - var(--space-xs-ymlm0b, 8px));
 }
 
-.awsui_list-variant-section-group_l0dv0_g6yjq_282:not(#\9) {
+.awsui_list-variant-section-group_l0dv0_i802p_292:not(#\9) {
   margin-block: calc(var(--space-scaled-xs-xwoogq, 8px) - calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2));
   margin-inline: calc(-1 * var(--space-xs-ymlm0b, 8px));
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_list-item_l0dv0_g6yjq_289:not(#\9) {
+.awsui_list-item_l0dv0_i802p_299:not(#\9) {
   margin-inline: 0;
   margin-block: var(--space-side-navigation-item-default-gap-a1luyq, 0px);
   padding-block: 0;
   padding-inline: var(--space-xs-ymlm0b, 8px);
   list-style: none;
 }
-.awsui_list--with-icons_l0dv0_g6yjq_296 > .awsui_list-item_l0dv0_g6yjq_289:not(#\9) {
+.awsui_list--with-icons_l0dv0_i802p_269 > .awsui_list-item_l0dv0_i802p_299:not(#\9) {
   margin-block: var(--space-side-navigation-item-icon-gap-h45akr, 4px);
 }
-.awsui_list-variant-root--first_l0dv0_g6yjq_262 > .awsui_list-item_l0dv0_g6yjq_289:not(#\9):first-child {
+.awsui_list-variant-root--first_l0dv0_i802p_262 > .awsui_list-item_l0dv0_i802p_299:not(#\9):first-child {
   margin-block-start: 0px;
 }
-.awsui_list-item--collapsed_l0dv0_g6yjq_302:not(#\9) {
+.awsui_list-item--collapsed_l0dv0_i802p_312:not(#\9) {
   margin-block: var(--space-side-navigation-item-icon-gap-h45akr, 4px);
   display: flex;
   justify-content: center;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_list-item--group_l0dv0_g6yjq_309:not(#\9) {
+.awsui_list-item--group_l0dv0_i802p_319:not(#\9) {
   padding-inline: 0;
   padding-block: var(--space-scaled-s-8ozaad, 12px);
   list-style: none;
 }
-.awsui_list-item--group-no-padding-start_l0dv0_g6yjq_314:not(#\9) {
+.awsui_list-item--group-no-padding-start_l0dv0_i802p_324:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_list-item--group-no-padding-end_l0dv0_g6yjq_317:not(#\9) {
+.awsui_list-item--group-no-padding-end_l0dv0_i802p_327:not(#\9) {
   padding-block-end: 0;
 }
-.awsui_list-item--link-with-info_l0dv0_g6yjq_320:not(#\9) {
+.awsui_list-item--link-with-info_l0dv0_i802p_330:not(#\9) {
   display: flex;
   align-items: baseline;
 }
 
-.awsui_list--collapsed-group_l0dv0_g6yjq_325:not(#\9) {
+.awsui_list--collapsed-group_l0dv0_i802p_335:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -330,81 +340,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
 }
 
-.awsui_section_l0dv0_g6yjq_333:not(#\9),
-.awsui_expandable-link-group_l0dv0_g6yjq_334:not(#\9) {
+.awsui_section_l0dv0_i802p_343:not(#\9),
+.awsui_expandable-link-group_l0dv0_i802p_344:not(#\9) {
   margin-inline-start: calc(-1 * var(--space-l-2ud1p3, 20px));
-  /* stylelint-disable-next-line selector-max-type */
-  /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_section_l0dv0_g6yjq_333 > div:not(#\9),
-.awsui_expandable-link-group_l0dv0_g6yjq_334 > div:not(#\9) {
-  padding-block: 0;
-  padding-inline: 0;
-}
-.awsui_section_l0dv0_g6yjq_333 > div:not(#\9):first-child > :first-child,
-.awsui_expandable-link-group_l0dv0_g6yjq_334 > div:not(#\9):first-child > :first-child {
-  display: grid;
-  align-items: flex-start;
-  padding-block: calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2);
-}
-.awsui_section--no-ident_l0dv0_g6yjq_350:not(#\9),
-.awsui_expandable-link-group--no-ident_l0dv0_g6yjq_351:not(#\9) {
+.awsui_section--no-ident_l0dv0_i802p_347:not(#\9), .awsui_section--expand-icon-end_l0dv0_i802p_347:not(#\9), .awsui_expandable-link-group--no-ident_l0dv0_i802p_348:not(#\9), .awsui_expandable-link-group--expand-icon-end_l0dv0_i802p_349:not(#\9) {
   margin-inline-start: 0;
 }
 
-.awsui_expandable-link-group_l0dv0_g6yjq_334 > div:not(#\9):first-child {
-  border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
-  border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
-  border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
-  border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
+.awsui_expandable-link-group_l0dv0_i802p_344 > div:not(#\9):first-child {
+  border-start-start-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
+  border-start-end-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
+  border-end-start-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
+  border-end-end-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
   display: flex;
   padding-inline: var(--space-xs-ymlm0b, 8px);
   margin-inline: calc(-1 * var(--space-xs-ymlm0b, 8px));
   box-sizing: content-box;
 }
 
-.awsui_expandable-link-group--active_l0dv0_g6yjq_366 > div:not(#\9):first-child {
+.awsui_expandable-link-group--active_l0dv0_i802p_364 > div:not(#\9):first-child {
   background-color: var(--color-background-side-navigation-item-active-adfprg, transparent);
 }
 
-.awsui_section_l0dv0_g6yjq_333:not(#\9) {
+.awsui_section_l0dv0_i802p_343:not(#\9) {
   margin-block: calc(var(--space-scaled-2x-l-u5ida5, 20px) - var(--border-divider-section-width-uwo8my, 1px));
 }
-.awsui_section_l0dv0_g6yjq_333.awsui_refresh_l0dv0_g6yjq_373:not(#\9) {
+.awsui_section_l0dv0_i802p_343.awsui_refresh_l0dv0_i802p_371:not(#\9) {
   margin-block: calc(var(--space-scaled-xs-xwoogq, 8px) - var(--border-divider-section-width-uwo8my, 1px));
 }
-.awsui_list-variant-root--first_l0dv0_g6yjq_262 > .awsui_list-item_l0dv0_g6yjq_289:not(#\9):first-child > .awsui_section_l0dv0_g6yjq_333 {
+.awsui_list-variant-root--first_l0dv0_i802p_262 > .awsui_list-item_l0dv0_i802p_299:not(#\9):first-child > .awsui_section_l0dv0_i802p_343 {
   margin-block-start: 0px;
 }
 
-.awsui_section-header_l0dv0_g6yjq_380:not(#\9) {
+.awsui_section-header_l0dv0_i802p_378:not(#\9) {
   display: contents;
   font-size: var(--font-side-navigation-section-header-size-cnrduv, inherit);
   font-weight: var(--font-side-navigation-section-header-weight-h807bs, inherit);
 }
 
-.awsui_section-group_l0dv0_g6yjq_386:not(#\9) {
-  font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
-  font-size: var(--font-size-heading-m-170yiy, 18px);
-  line-height: var(--line-height-heading-m-uoaqdh, 22px);
-  letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
-  font-weight: var(--font-weight-heading-m-zf82dr, 700);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
+.awsui_section-group_l0dv0_i802p_384:not(#\9) {
   margin-block: calc(var(--space-scaled-xs-xwoogq, 8px) - var(--border-divider-section-width-uwo8my, 1px));
   margin-inline: 0;
 }
-.awsui_list-variant-root--first_l0dv0_g6yjq_262 > .awsui_list-item_l0dv0_g6yjq_289:not(#\9):first-child > .awsui_section-group_l0dv0_g6yjq_386 {
+.awsui_list-variant-root--first_l0dv0_i802p_262 > .awsui_list-item_l0dv0_i802p_299:not(#\9):first-child > .awsui_section-group_l0dv0_i802p_384 {
   margin-block-start: 0px;
 }
 
-.awsui_section-group-title_l0dv0_g6yjq_401:not(#\9) {
+.awsui_section-group-title_l0dv0_i802p_392:not(#\9) {
   display: flex;
   align-items: center;
   margin-block: 0;
 }
 
-.awsui_link_l0dv0_g6yjq_407:not(#\9) {
+.awsui_link_l0dv0_i802p_398:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   color: var(--color-text-side-navigation-item-default-1vcdej, #424650);
@@ -422,21 +411,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_link-active_l0dv0_g6yjq_425:not(#\9) {
+.awsui_link-active_l0dv0_i802p_416:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-ny4hup, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
   color: var(--color-text-side-navigation-item-active-w3c4dj, #006ce0);
   background-color: var(--color-background-side-navigation-item-active-adfprg, transparent);
 }
-.awsui_link-active_l0dv0_g6yjq_425.awsui_link--collapsed_l0dv0_g6yjq_432:not(#\9) {
+.awsui_link-active_l0dv0_i802p_416.awsui_link--collapsed_l0dv0_i802p_423:not(#\9) {
   color: var(--color-text-side-navigation-item-active-collapsed-kwpe9n, #ffffff);
   background-color: var(--color-background-side-navigation-item-active-collapsed-ceubmy, #006ce0);
 }
-.awsui_link-active_l0dv0_g6yjq_425.awsui_link--collapsed_l0dv0_g6yjq_432:not(#\9):hover {
+.awsui_link-active_l0dv0_i802p_416.awsui_link--collapsed_l0dv0_i802p_423:not(#\9):hover {
   color: var(--color-text-side-navigation-item-active-collapsed-kwpe9n, #ffffff);
 }
-.awsui_link--collapsed_l0dv0_g6yjq_432:not(#\9) {
+.awsui_link--collapsed_l0dv0_i802p_423:not(#\9) {
   padding-inline: 0;
   margin-inline: 0;
   justify-content: center;
@@ -447,23 +436,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-side-navigation-item-collapsed-e8960w, 50%);
 }
 
-.awsui_header-link_l0dv0_g6yjq_198:not(#\9),
-.awsui_link_l0dv0_g6yjq_407:not(#\9) {
+.awsui_header-link_l0dv0_i802p_198:not(#\9),
+.awsui_link_l0dv0_i802p_398:not(#\9) {
   text-decoration: none;
 }
-.awsui_header-link_l0dv0_g6yjq_198:not(#\9):hover,
-.awsui_link_l0dv0_g6yjq_407:not(#\9):hover {
+.awsui_header-link_l0dv0_i802p_198:not(#\9):hover,
+.awsui_link_l0dv0_i802p_398:not(#\9):hover {
   color: var(--color-text-side-navigation-item-active-w3c4dj, #006ce0);
 }
-.awsui_header-link_l0dv0_g6yjq_198:not(#\9):focus,
-.awsui_link_l0dv0_g6yjq_407:not(#\9):focus {
+.awsui_header-link_l0dv0_i802p_198:not(#\9):focus,
+.awsui_link_l0dv0_i802p_398:not(#\9):focus {
   outline: none;
 }
-.awsui_header-link_l0dv0_g6yjq_198:not(#\9):hover, .awsui_header-link_l0dv0_g6yjq_198:not(#\9):focus, .awsui_link_l0dv0_g6yjq_407:not(#\9):hover, .awsui_link_l0dv0_g6yjq_407:not(#\9):focus {
+.awsui_header-link_l0dv0_i802p_198:not(#\9):hover, .awsui_header-link_l0dv0_i802p_198:not(#\9):focus, .awsui_link_l0dv0_i802p_398:not(#\9):hover, .awsui_link_l0dv0_i802p_398:not(#\9):focus {
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_g6yjq_198:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_link_l0dv0_g6yjq_407:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_i802p_198:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_link_l0dv0_i802p_398:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
   outline-offset: 2px;
@@ -475,43 +464,67 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_g6yjq_407:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-39uvxr, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
 
-.awsui_link-text-wrapper_l0dv0_g6yjq_480:not(#\9) {
+.awsui_link-text-wrapper_l0dv0_i802p_471:not(#\9) {
   min-inline-size: 0;
 }
 
-.awsui_info_l0dv0_g6yjq_484:not(#\9) {
+.awsui_info_l0dv0_i802p_475:not(#\9) {
   margin-inline-start: var(--space-s-tvghoh, 12px);
   flex-shrink: 0;
 }
 
-.awsui_item-icon_l0dv0_g6yjq_489:not(#\9) {
+.awsui_item-icon_l0dv0_i802p_480:not(#\9) {
   display: inline-flex;
   flex-shrink: 0;
 }
-.awsui_item-icon_l0dv0_g6yjq_489:not(#\9):not(.awsui_item-icon--collapsed_l0dv0_g6yjq_493) {
+.awsui_item-icon_l0dv0_i802p_480:not(#\9):not(.awsui_item-icon--collapsed_l0dv0_i802p_484) {
   margin-inline-end: var(--space-xs-ymlm0b, 8px);
 }
 
-.awsui_external-icon_l0dv0_g6yjq_497:not(#\9) {
+.awsui_external-icon_l0dv0_i802p_488:not(#\9) {
   margin-inline-start: var(--space-xxs-hwfkai, 4px);
 }
 
-.awsui_divider_l0dv0_g6yjq_242:not(#\9) {
+.awsui_divider_l0dv0_i802p_242:not(#\9) {
   border-block: none;
   border-inline: none;
 }
-.awsui_divider-default_l0dv0_g6yjq_505:not(#\9) {
+.awsui_divider-default_l0dv0_i802p_496:not(#\9) {
   margin-block: calc(var(--space-scaled-2x-xl-he48nr, 24px) - calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2));
   border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
 }
-.awsui_divider-default_l0dv0_g6yjq_505.awsui_divider--collapsed_l0dv0_g6yjq_509:not(#\9) {
+.awsui_divider-default_l0dv0_i802p_496.awsui_divider--collapsed_l0dv0_i802p_500:not(#\9) {
   margin-block: var(--space-scaled-2x-m-4euqsk, 16px);
   margin-inline: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_divider-header_l0dv0_g6yjq_242:not(#\9) {
+.awsui_divider-header_l0dv0_i802p_242:not(#\9) {
   margin-block: 0;
   border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-panel-header-ygztvl, #c6c6cd);
 }
-.awsui_with-toolbar_l0dv0_g6yjq_180 > .awsui_divider-header_l0dv0_g6yjq_242:not(#\9) {
+.awsui_with-toolbar_l0dv0_i802p_180 > .awsui_divider-header_l0dv0_i802p_242:not(#\9) {
   border-color: transparent;
+}
+
+.awsui_list--with-icons_l0dv0_i802p_269 > .awsui_list-item_l0dv0_i802p_299 > .awsui_link_l0dv0_i802p_398:not(#\9):not(.awsui_link-active_l0dv0_i802p_416.awsui_link--collapsed_l0dv0_i802p_423):hover {
+  background-color: var(--color-background-side-navigation-item-icon-hover-ul9ia1, #f0fbff);
+}
+.awsui_list--with-icons_l0dv0_i802p_269 > .awsui_list-item_l0dv0_i802p_299 > .awsui_expandable-link-group_l0dv0_i802p_344 > div:not(#\9):first-child:hover {
+  background-color: var(--color-background-side-navigation-item-icon-hover-ul9ia1, #f0fbff);
+}
+.awsui_list--with-icons_l0dv0_i802p_269 > .awsui_list-item_l0dv0_i802p_299 > .awsui_section_l0dv0_i802p_343 > :not(#\9):first-child {
+  border-start-start-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
+  border-start-end-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
+  border-end-start-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
+  border-end-end-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
+  display: flex;
+  padding-inline: var(--space-xs-ymlm0b, 8px);
+  margin-inline: calc(-1 * var(--space-xs-ymlm0b, 8px));
+  box-sizing: content-box;
+}
+.awsui_list--with-icons_l0dv0_i802p_269 > .awsui_list-item_l0dv0_i802p_299 > .awsui_section_l0dv0_i802p_343 > :not(#\9):first-child:hover {
+  background-color: var(--color-background-side-navigation-item-icon-hover-ul9ia1, #f0fbff);
+}
+
+.awsui_link--collapsed_l0dv0_i802p_423:not(#\9):not(.awsui_link-active_l0dv0_i802p_416):hover {
+  background-color: var(--color-background-side-navigation-item-icon-hover-ul9ia1, #f0fbff);
 }

package/side-navigation/styles.selectors.js

@@ -2,53 +2,55 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_l0dv0_g6yjq_146",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_g6yjq_180",
-  "header": "awsui_header_l0dv0_g6yjq_184",
-  "header-link": "awsui_header-link_l0dv0_g6yjq_198",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_g6yjq_209",
-  "header-link-text": "awsui_header-link-text_l0dv0_g6yjq_209",
-  "header-logo": "awsui_header-logo_l0dv0_g6yjq_214",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_g6yjq_220",
-  "items-control": "awsui_items-control_l0dv0_g6yjq_225",
-  "list-container": "awsui_list-container_l0dv0_g6yjq_230",
-  "root--collapsed": "awsui_root--collapsed_l0dv0_g6yjq_238",
-  "divider-header": "awsui_divider-header_l0dv0_g6yjq_242",
-  "list": "awsui_list_l0dv0_g6yjq_230",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_g6yjq_255",
-  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_g6yjq_262",
-  "list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_g6yjq_265",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_g6yjq_270",
-  "list-variant-section": "awsui_list-variant-section_l0dv0_g6yjq_274",
-  "list-variant-link-group": "awsui_list-variant-link-group_l0dv0_g6yjq_278",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_g6yjq_282",
-  "list-item": "awsui_list-item_l0dv0_g6yjq_289",
-  "list--with-icons": "awsui_list--with-icons_l0dv0_g6yjq_296",
-  "list-item--collapsed": "awsui_list-item--collapsed_l0dv0_g6yjq_302",
-  "list-item--group": "awsui_list-item--group_l0dv0_g6yjq_309",
-  "list-item--group-no-padding-start": "awsui_list-item--group-no-padding-start_l0dv0_g6yjq_314",
-  "list-item--group-no-padding-end": "awsui_list-item--group-no-padding-end_l0dv0_g6yjq_317",
-  "list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_g6yjq_320",
-  "list--collapsed-group": "awsui_list--collapsed-group_l0dv0_g6yjq_325",
-  "section": "awsui_section_l0dv0_g6yjq_333",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_g6yjq_334",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_g6yjq_350",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_g6yjq_351",
-  "expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_g6yjq_366",
-  "refresh": "awsui_refresh_l0dv0_g6yjq_373",
-  "section-header": "awsui_section-header_l0dv0_g6yjq_380",
-  "section-group": "awsui_section-group_l0dv0_g6yjq_386",
-  "section-group-title": "awsui_section-group-title_l0dv0_g6yjq_401",
-  "link": "awsui_link_l0dv0_g6yjq_407",
-  "link-active": "awsui_link-active_l0dv0_g6yjq_425",
-  "link--collapsed": "awsui_link--collapsed_l0dv0_g6yjq_432",
-  "link-text-wrapper": "awsui_link-text-wrapper_l0dv0_g6yjq_480",
-  "info": "awsui_info_l0dv0_g6yjq_484",
-  "item-icon": "awsui_item-icon_l0dv0_g6yjq_489",
-  "item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_g6yjq_493",
-  "external-icon": "awsui_external-icon_l0dv0_g6yjq_497",
-  "divider": "awsui_divider_l0dv0_g6yjq_242",
-  "divider-default": "awsui_divider-default_l0dv0_g6yjq_505",
-  "divider--collapsed": "awsui_divider--collapsed_l0dv0_g6yjq_509"
+  "root": "awsui_root_l0dv0_i802p_146",
+  "with-toolbar": "awsui_with-toolbar_l0dv0_i802p_180",
+  "header": "awsui_header_l0dv0_i802p_184",
+  "header-link": "awsui_header-link_l0dv0_i802p_198",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_i802p_209",
+  "header-link-text": "awsui_header-link-text_l0dv0_i802p_209",
+  "header-logo": "awsui_header-logo_l0dv0_i802p_214",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_i802p_220",
+  "items-control": "awsui_items-control_l0dv0_i802p_225",
+  "list-container": "awsui_list-container_l0dv0_i802p_230",
+  "root--collapsed": "awsui_root--collapsed_l0dv0_i802p_238",
+  "divider-header": "awsui_divider-header_l0dv0_i802p_242",
+  "list": "awsui_list_l0dv0_i802p_230",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_i802p_255",
+  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_i802p_262",
+  "list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_i802p_265",
+  "list--with-icons": "awsui_list--with-icons_l0dv0_i802p_269",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_i802p_273",
+  "list-variant-section": "awsui_list-variant-section_l0dv0_i802p_280",
+  "list-variant-link-group": "awsui_list-variant-link-group_l0dv0_i802p_288",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_i802p_292",
+  "list-item": "awsui_list-item_l0dv0_i802p_299",
+  "list-item--collapsed": "awsui_list-item--collapsed_l0dv0_i802p_312",
+  "list-item--group": "awsui_list-item--group_l0dv0_i802p_319",
+  "list-item--group-no-padding-start": "awsui_list-item--group-no-padding-start_l0dv0_i802p_324",
+  "list-item--group-no-padding-end": "awsui_list-item--group-no-padding-end_l0dv0_i802p_327",
+  "list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_i802p_330",
+  "list--collapsed-group": "awsui_list--collapsed-group_l0dv0_i802p_335",
+  "section": "awsui_section_l0dv0_i802p_343",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_i802p_344",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_i802p_347",
+  "section--expand-icon-end": "awsui_section--expand-icon-end_l0dv0_i802p_347",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_i802p_348",
+  "expandable-link-group--expand-icon-end": "awsui_expandable-link-group--expand-icon-end_l0dv0_i802p_349",
+  "expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_i802p_364",
+  "refresh": "awsui_refresh_l0dv0_i802p_371",
+  "section-header": "awsui_section-header_l0dv0_i802p_378",
+  "section-group": "awsui_section-group_l0dv0_i802p_384",
+  "section-group-title": "awsui_section-group-title_l0dv0_i802p_392",
+  "link": "awsui_link_l0dv0_i802p_398",
+  "link-active": "awsui_link-active_l0dv0_i802p_416",
+  "link--collapsed": "awsui_link--collapsed_l0dv0_i802p_423",
+  "link-text-wrapper": "awsui_link-text-wrapper_l0dv0_i802p_471",
+  "info": "awsui_info_l0dv0_i802p_475",
+  "item-icon": "awsui_item-icon_l0dv0_i802p_480",
+  "item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_i802p_484",
+  "external-icon": "awsui_external-icon_l0dv0_i802p_488",
+  "divider": "awsui_divider_l0dv0_i802p_242",
+  "divider-default": "awsui_divider-default_l0dv0_i802p_496",
+  "divider--collapsed": "awsui_divider--collapsed_l0dv0_i802p_500"
 };
   

package/status-indicator/interfaces.d.ts

@@ -39,6 +39,6 @@ export interface StatusIndicatorProps extends BaseComponentProps {
   nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLElement>>;
 }
 export declare namespace StatusIndicatorProps {
-  type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading' | 'not-started';
+  type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading' | 'not-started' | 'log';
   type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';
 }

package/status-indicator/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,oBAAoB,CAAC;IAGpC,KAAY,IAAI,GACZ,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,GACb,SAAS,GACT,aAAa,CAAC;IAClB,KAAY,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;CAClE"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,oBAAoB,CAAC;IAGpC,KAAY,IAAI,GACZ,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,GACb,SAAS,GACT,aAAa,GACb,KAAK,CAAC;IACV,KAAY,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;CAClE"}

package/status-indicator/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/status-indicator/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../types/base-component';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface StatusIndicatorProps extends BaseComponentProps {\n  /**\n   * Specifies the status type.\n   */\n  type?: StatusIndicatorProps.Type;\n  /**\n   * A text fragment that communicates the status.\n   */\n  children?: React.ReactNode;\n  /**\n   * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,\n   * use this to communicate additional context.\n   */\n  iconAriaLabel?: string;\n  /**\n   * Specifies an override for the status indicator color.\n   */\n  colorOverride?: StatusIndicatorProps.Color;\n  /**\n   * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping\n   * and truncates it with an ellipsis.\n   */\n  wrapText?: boolean;\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 StatusIndicatorProps {\n  // Why not enums? Explained there\n  // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n  export type Type =\n    | 'error'\n    | 'warning'\n    | 'success'\n    | 'info'\n    | 'stopped'\n    | 'pending'\n    | 'in-progress'\n    | 'loading'\n    | 'not-started';\n  export type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/status-indicator/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../types/base-component';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface StatusIndicatorProps extends BaseComponentProps {\n  /**\n   * Specifies the status type.\n   */\n  type?: StatusIndicatorProps.Type;\n  /**\n   * A text fragment that communicates the status.\n   */\n  children?: React.ReactNode;\n  /**\n   * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,\n   * use this to communicate additional context.\n   */\n  iconAriaLabel?: string;\n  /**\n   * Specifies an override for the status indicator color.\n   */\n  colorOverride?: StatusIndicatorProps.Color;\n  /**\n   * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping\n   * and truncates it with an ellipsis.\n   */\n  wrapText?: boolean;\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 StatusIndicatorProps {\n  // Why not enums? Explained there\n  // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n  export type Type =\n    | 'error'\n    | 'warning'\n    | 'success'\n    | 'info'\n    | 'stopped'\n    | 'pending'\n    | 'in-progress'\n    | 'loading'\n    | 'not-started'\n    | 'log';\n  export type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';\n}\n"]}

package/status-indicator/internal.d.ts

@@ -1,12 +1,8 @@
 import { IconProps } from '../icon/interfaces';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { SomeRequired } from '../internal/types';
 import { StatusIndicatorProps } from './interfaces';
-import { InternalStatusIndicatorType } from './internal-interfaces';
-export interface InternalStatusIndicatorProps extends Omit<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {
-  /**
-   * Status type. The internal `log` value renders a plain dot for Steps.
-   */
-  type: InternalStatusIndicatorType;
+export interface InternalStatusIndicatorProps extends SomeRequired<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {
   /**
    * Play an animation on the error icon when first rendered
    */

package/status-indicator/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAIpE,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAAE,0BAA0B;IAClH;;OAEG;IACH,IAAI,EAAE,2BAA2B,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACvC;AAeD,UAAU,uBAAwB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,MAAM,GAAG,eAAe,CAAC;IACpG,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAe,GAChB,EAAE,uBAAuB,eAWzB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,gBAAgB,EAChB,SAAiB,EACjB,iBAAiB,EACjB,MAA6D,EAC7D,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAqC9B"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAChD,0BAA0B;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACvC;AAeD,UAAU,uBAAwB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,MAAM,GAAG,eAAe,CAAC;IACpG,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAe,GAChB,EAAE,uBAAuB,eAWzB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,gBAAgB,EAChB,SAAiB,EACjB,iBAAiB,EACjB,MAA6D,EAC7D,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAqC9B"}

package/status-indicator/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/status-indicator/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';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n/**\n * @awsuiSystem core\n */\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalSpinner from '../spinner/internal';\nimport { StatusIndicatorProps } from './interfaces';\nimport { InternalStatusIndicatorType } from './internal-interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalStatusIndicatorProps extends Omit<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {\n  /**\n   * Status type. The internal `log` value renders a plain dot for Steps.\n   */\n  type: InternalStatusIndicatorType;\n\n  /**\n   * Play an animation on the error icon when first rendered\n   */\n  __animate?: boolean;\n\n  /**\n   * Size of icon.\n   */\n  __size?: IconProps.Size;\n\n  /**\n   * The CSS behavior of the status indicator container element.\n   */\n  __display?: 'inline' | 'inline-block';\n}\n\nconst typeToIcon: (size: IconProps.Size) => Record<InternalStatusIndicatorType, JSX.Element> = size => ({\n  error: <InternalIcon name=\"status-negative\" size={size} />,\n  warning: <InternalIcon name=\"status-warning\" size={size} />,\n  success: <InternalIcon name=\"status-positive\" size={size} />,\n  info: <InternalIcon name=\"status-info\" size={size} />,\n  stopped: <InternalIcon name=\"status-stopped\" size={size} />,\n  pending: <InternalIcon name=\"status-pending\" size={size} />,\n  'in-progress': <InternalIcon name=\"status-in-progress\" size={size} />,\n  loading: <InternalSpinner />,\n  'not-started': <InternalIcon name=\"status-not-started\" size={size} />,\n  log: <InternalIcon name=\"dot\" size={size} />,\n});\n\ninterface InternalStatusIconProps extends Pick<InternalStatusIndicatorProps, 'type' | 'iconAriaLabel'> {\n  animate?: InternalStatusIndicatorProps['__animate'];\n  size?: InternalStatusIndicatorProps['__size'];\n  display?: InternalStatusIndicatorProps['__display'];\n}\n\nexport function InternalStatusIcon({\n  type,\n  iconAriaLabel,\n  animate,\n  display,\n  size = 'normal',\n}: InternalStatusIconProps) {\n  return (\n    <span\n      className={clsx(styles.icon, animate && styles['icon-shake'])}\n      aria-label={iconAriaLabel}\n      role={iconAriaLabel ? 'img' : undefined}\n    >\n      {typeToIcon(size)[type]}\n      {display === 'inline' && <>&nbsp;</>}\n    </span>\n  );\n}\n\nexport default function StatusIndicator({\n  type,\n  children,\n  iconAriaLabel,\n  colorOverride,\n  wrapText = true,\n  nativeAttributes,\n  __animate = false,\n  __internalRootRef,\n  __size = isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal',\n  __display = 'inline-block',\n  ...rest\n}: InternalStatusIndicatorProps) {\n  const baseProps = getBaseProps(rest);\n  return (\n    <WithNativeAttributes\n      {...baseProps}\n      tag=\"span\"\n      componentName=\"StatusIndicator\"\n      nativeAttributes={nativeAttributes}\n      className={clsx(\n        styles.root,\n        styles[`status-${type}`],\n        {\n          [styles[`color-override-${colorOverride}`]]: colorOverride,\n        },\n        baseProps.className\n      )}\n      ref={__internalRootRef}\n    >\n      <span\n        className={clsx(\n          styles.container,\n          styles[`display-${__display}`],\n          wrapText === false && styles['overflow-ellipsis'],\n          __animate && styles['container-fade-in']\n        )}\n      >\n        <InternalStatusIcon\n          type={type}\n          iconAriaLabel={iconAriaLabel}\n          animate={__animate}\n          display={__display}\n          size={__size}\n        />\n        <span>{children}</span>\n      </span>\n    </WithNativeAttributes>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/status-indicator/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';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\n/**\n * @awsuiSystem core\n */\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalSpinner from '../spinner/internal';\nimport { StatusIndicatorProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalStatusIndicatorProps\n  extends SomeRequired<StatusIndicatorProps, 'type'>,\n    InternalBaseComponentProps {\n  /**\n   * Play an animation on the error icon when first rendered\n   */\n  __animate?: boolean;\n\n  /**\n   * Size of icon.\n   */\n  __size?: IconProps.Size;\n\n  /**\n   * The CSS behavior of the status indicator container element.\n   */\n  __display?: 'inline' | 'inline-block';\n}\n\nconst typeToIcon: (size: IconProps.Size) => Record<StatusIndicatorProps.Type, JSX.Element> = size => ({\n  error: <InternalIcon name=\"status-negative\" size={size} />,\n  warning: <InternalIcon name=\"status-warning\" size={size} />,\n  success: <InternalIcon name=\"status-positive\" size={size} />,\n  info: <InternalIcon name=\"status-info\" size={size} />,\n  stopped: <InternalIcon name=\"status-stopped\" size={size} />,\n  pending: <InternalIcon name=\"status-pending\" size={size} />,\n  'in-progress': <InternalIcon name=\"status-in-progress\" size={size} />,\n  loading: <InternalSpinner />,\n  'not-started': <InternalIcon name=\"status-not-started\" size={size} />,\n  log: <InternalIcon name=\"dot\" size={size} />,\n});\n\ninterface InternalStatusIconProps extends Pick<InternalStatusIndicatorProps, 'type' | 'iconAriaLabel'> {\n  animate?: InternalStatusIndicatorProps['__animate'];\n  size?: InternalStatusIndicatorProps['__size'];\n  display?: InternalStatusIndicatorProps['__display'];\n}\n\nexport function InternalStatusIcon({\n  type,\n  iconAriaLabel,\n  animate,\n  display,\n  size = 'normal',\n}: InternalStatusIconProps) {\n  return (\n    <span\n      className={clsx(styles.icon, animate && styles['icon-shake'])}\n      aria-label={iconAriaLabel}\n      role={iconAriaLabel ? 'img' : undefined}\n    >\n      {typeToIcon(size)[type]}\n      {display === 'inline' && <>&nbsp;</>}\n    </span>\n  );\n}\n\nexport default function StatusIndicator({\n  type,\n  children,\n  iconAriaLabel,\n  colorOverride,\n  wrapText = true,\n  nativeAttributes,\n  __animate = false,\n  __internalRootRef,\n  __size = isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal',\n  __display = 'inline-block',\n  ...rest\n}: InternalStatusIndicatorProps) {\n  const baseProps = getBaseProps(rest);\n  return (\n    <WithNativeAttributes\n      {...baseProps}\n      tag=\"span\"\n      componentName=\"StatusIndicator\"\n      nativeAttributes={nativeAttributes}\n      className={clsx(\n        styles.root,\n        styles[`status-${type}`],\n        {\n          [styles[`color-override-${colorOverride}`]]: colorOverride,\n        },\n        baseProps.className\n      )}\n      ref={__internalRootRef}\n    >\n      <span\n        className={clsx(\n          styles.container,\n          styles[`display-${__display}`],\n          wrapText === false && styles['overflow-ellipsis'],\n          __animate && styles['container-fade-in']\n        )}\n      >\n        <InternalStatusIcon\n          type={type}\n          iconAriaLabel={iconAriaLabel}\n          animate={__animate}\n          display={__display}\n          size={__size}\n        />\n        <span>{children}</span>\n      </span>\n    </WithNativeAttributes>\n  );\n}\n"]}