npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1333 → 3.0.1334 - Mend

@cloudscape-design/components-themeable 3.0.1333 → 3.0.1334

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (194) hide show

package/lib/internal/template/side-navigation/styles.scoped.css CHANGED Viewed

@@ -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_1abm6_146:not(#\9) {
+.awsui_root_l0dv0_xbwqu_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_1abm6_180:not(#\9) {
+.awsui_with-toolbar_l0dv0_xbwqu_180:not(#\9) {
   /* Structural class — parent context for toolbar margin resets. */
 }
-.awsui_header_l0dv0_1abm6_184:not(#\9) {
+.awsui_header_l0dv0_xbwqu_184:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 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-9ur2is, 32px) + var(--space-xl-4dmkh1, 24px));
 }
-.awsui_header-link_l0dv0_1abm6_198:not(#\9) {
+.awsui_header-link_l0dv0_xbwqu_198:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 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-z3wpa5, 22px);
   display: flex;
 }
-.awsui_header-link--has-logo_l0dv0_1abm6_209 > .awsui_header-link-text_l0dv0_1abm6_209:not(#\9) {
+.awsui_header-link--has-logo_l0dv0_xbwqu_209 > .awsui_header-link-text_l0dv0_xbwqu_209:not(#\9) {
   font-weight: var(--font-weight-normal-7w835s, 400);
   align-self: center;
 }
-.awsui_header-logo_l0dv0_1abm6_214:not(#\9) {
+.awsui_header-logo_l0dv0_xbwqu_214:not(#\9) {
   margin-inline-end: var(--space-s-4a5hs8, 12px);
   margin-block-start: var(--space-xxxs-3w1kr2, 2px);
   max-inline-size: calc(1.25 * var(--size-icon-big-hnqj8f, 32px));
   align-self: flex-start;
 }
-.awsui_header-logo--stretched_l0dv0_1abm6_220:not(#\9) {
+.awsui_header-logo--stretched_l0dv0_xbwqu_220:not(#\9) {
   max-inline-size: 100%;
   margin-inline-end: 0;
 }
-.awsui_items-control_l0dv0_1abm6_225:not(#\9) {
+.awsui_items-control_l0dv0_xbwqu_225:not(#\9) {
   padding-inline: var(--space-l-3cws6j, 20px);
   padding-block-start: calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2);
 }
-.awsui_list-container_l0dv0_1abm6_230:not(#\9) {
+.awsui_list-container_l0dv0_xbwqu_230:not(#\9) {
   margin-block-end: var(--space-panel-content-bottom-igtxf0, 40px);
 }
-.awsui_items-control_l0dv0_1abm6_225:not(#\9),
-.awsui_list-container_l0dv0_1abm6_230:not(#\9) {
+.awsui_items-control_l0dv0_xbwqu_225:not(#\9),
+.awsui_list-container_l0dv0_xbwqu_230:not(#\9) {
   margin-block-start: calc(var(--space-panel-content-top-s8rcdz, 20px) - calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2));
 }
-.awsui_root--collapsed_l0dv0_1abm6_238 > .awsui_items-control_l0dv0_1abm6_225:not(#\9),
-.awsui_root--collapsed_l0dv0_1abm6_238 > .awsui_list-container_l0dv0_1abm6_230:not(#\9) {
+.awsui_root--collapsed_l0dv0_xbwqu_238 > .awsui_items-control_l0dv0_xbwqu_225:not(#\9),
+.awsui_root--collapsed_l0dv0_xbwqu_238 > .awsui_list-container_l0dv0_xbwqu_230:not(#\9) {
   margin-block-start: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_with-toolbar_l0dv0_1abm6_180 > .awsui_divider-header_l0dv0_1abm6_242 + .awsui_items-control_l0dv0_1abm6_225:not(#\9),
-.awsui_with-toolbar_l0dv0_1abm6_180 > .awsui_divider-header_l0dv0_1abm6_242 + .awsui_list-container_l0dv0_1abm6_230:not(#\9) {
+.awsui_with-toolbar_l0dv0_xbwqu_180 > .awsui_divider-header_l0dv0_xbwqu_242 + .awsui_items-control_l0dv0_xbwqu_225:not(#\9),
+.awsui_with-toolbar_l0dv0_xbwqu_180 > .awsui_divider-header_l0dv0_xbwqu_242 + .awsui_list-container_l0dv0_xbwqu_230:not(#\9) {
   margin-block-start: calc(-1 * calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2));
 }
-.awsui_list_l0dv0_1abm6_230:not(#\9) {
+.awsui_list_l0dv0_xbwqu_230:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -252,74 +252,77 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px) - var(--space-xs-kw7k3v, 8px));
 }
-.awsui_list-variant-root_l0dv0_1abm6_255:not(#\9) {
+.awsui_list-variant-root_l0dv0_xbwqu_255:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline-start: calc(var(--space-panel-nav-left-kmy0f5, 32px) - var(--space-xs-kw7k3v, 8px));
   padding-inline-end: calc(var(--space-panel-side-right-b77xx0, 32px) - var(--space-xs-kw7k3v, 8px));
 }
-.awsui_list-variant-root--first_l0dv0_1abm6_262:not(#\9) {
+.awsui_list-variant-root--first_l0dv0_xbwqu_262:not(#\9) {
   margin-block-start: 0;
 }
-.awsui_list-variant-root--collapsed_l0dv0_1abm6_265:not(#\9) {
+.awsui_list-variant-root--collapsed_l0dv0_xbwqu_265:not(#\9) {
   padding-inline-start: 0;
   padding-inline-end: 0;
 }
-.awsui_list-variant-expandable-link-group_l0dv0_1abm6_270:not(#\9) {
+.awsui_list-variant-expandable-link-group_l0dv0_xbwqu_270:not(#\9) {
   padding-inline-start: calc(calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px) - var(--space-xs-kw7k3v, 8px)) + var(--space-l-3cws6j, 20px));
 }
-.awsui_list-variant-section_l0dv0_1abm6_274:not(#\9) {
+.awsui_list-variant-section_l0dv0_xbwqu_274:not(#\9) {
   padding-inline-start: calc(var(--space-l-3cws6j, 20px) - var(--space-xs-kw7k3v, 8px));
 }
-.awsui_list-variant-link-group_l0dv0_1abm6_278:not(#\9) {
+.awsui_list-variant-link-group_l0dv0_xbwqu_278:not(#\9) {
   padding-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px) - var(--space-xs-kw7k3v, 8px));
 }
-.awsui_list-variant-section-group_l0dv0_1abm6_282:not(#\9) {
+.awsui_list-variant-section-group_l0dv0_xbwqu_282:not(#\9) {
   margin-block: calc(var(--space-scaled-xs-sppte9, 8px) - calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2));
   margin-inline: calc(-1 * var(--space-xs-kw7k3v, 8px));
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_list-item_l0dv0_1abm6_289:not(#\9) {
+.awsui_list-item_l0dv0_xbwqu_289:not(#\9) {
   margin-inline: 0;
-  margin-block: var(--space-side-navigation-item-gap-3y4bd2, 0px);
+  margin-block: var(--space-side-navigation-item-default-gap-o1ta2s, 0px);
   padding-block: 0;
   padding-inline: var(--space-xs-kw7k3v, 8px);
   list-style: none;
 }
-.awsui_list-variant-root--first_l0dv0_1abm6_262 > .awsui_list-item_l0dv0_1abm6_289:not(#\9):first-child {
+.awsui_list--with-icons_l0dv0_xbwqu_296 > .awsui_list-item_l0dv0_xbwqu_289:not(#\9) {
+  margin-block: var(--space-side-navigation-item-icon-gap-okmvxs, 4px);
+}
+.awsui_list-variant-root--first_l0dv0_xbwqu_262 > .awsui_list-item_l0dv0_xbwqu_289:not(#\9):first-child {
   margin-block-start: 0px;
 }
-.awsui_list-item--collapsed_l0dv0_1abm6_299:not(#\9) {
-  margin-block: var(--space-side-navigation-item-collapsed-gap-bmqsk4, 8px);
+.awsui_list-item--collapsed_l0dv0_xbwqu_302:not(#\9) {
+  margin-block: var(--space-side-navigation-item-icon-gap-okmvxs, 4px);
   display: flex;
   justify-content: center;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_list-item--group_l0dv0_1abm6_306:not(#\9) {
+.awsui_list-item--group_l0dv0_xbwqu_309:not(#\9) {
   padding-inline: 0;
   padding-block: var(--space-scaled-s-gjhvjd, 12px);
   list-style: none;
 }
-.awsui_list-item--group-no-padding-start_l0dv0_1abm6_311:not(#\9) {
+.awsui_list-item--group-no-padding-start_l0dv0_xbwqu_314:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_list-item--group-no-padding-end_l0dv0_1abm6_314:not(#\9) {
+.awsui_list-item--group-no-padding-end_l0dv0_xbwqu_317:not(#\9) {
   padding-block-end: 0;
 }
-.awsui_list-item--link-with-info_l0dv0_1abm6_317:not(#\9) {
+.awsui_list-item--link-with-info_l0dv0_xbwqu_320:not(#\9) {
   display: flex;
   align-items: baseline;
 }
-.awsui_list--collapsed-group_l0dv0_1abm6_322:not(#\9) {
+.awsui_list--collapsed-group_l0dv0_xbwqu_325:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -327,29 +330,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
 }
-.awsui_section_l0dv0_1abm6_330:not(#\9),
-.awsui_expandable-link-group_l0dv0_1abm6_331:not(#\9) {
+.awsui_section_l0dv0_xbwqu_333:not(#\9),
+.awsui_expandable-link-group_l0dv0_xbwqu_334:not(#\9) {
   margin-inline-start: calc(-1 * var(--space-l-3cws6j, 20px));
   /* stylelint-disable-next-line selector-max-type */
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_section_l0dv0_1abm6_330 > div:not(#\9),
-.awsui_expandable-link-group_l0dv0_1abm6_331 > div:not(#\9) {
+.awsui_section_l0dv0_xbwqu_333 > div:not(#\9),
+.awsui_expandable-link-group_l0dv0_xbwqu_334 > div:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_section_l0dv0_1abm6_330 > div:not(#\9):first-child > :first-child,
-.awsui_expandable-link-group_l0dv0_1abm6_331 > div:not(#\9):first-child > :first-child {
+.awsui_section_l0dv0_xbwqu_333 > div:not(#\9):first-child > :first-child,
+.awsui_expandable-link-group_l0dv0_xbwqu_334 > div:not(#\9):first-child > :first-child {
   display: grid;
   align-items: flex-start;
   padding-block: calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2);
 }
-.awsui_section--no-ident_l0dv0_1abm6_347:not(#\9),
-.awsui_expandable-link-group--no-ident_l0dv0_1abm6_348:not(#\9) {
+.awsui_section--no-ident_l0dv0_xbwqu_350:not(#\9),
+.awsui_expandable-link-group--no-ident_l0dv0_xbwqu_351:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_expandable-link-group_l0dv0_1abm6_331 > div:not(#\9):first-child {
+.awsui_expandable-link-group_l0dv0_xbwqu_334 > div:not(#\9):first-child {
   border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
@@ -360,27 +363,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: content-box;
 }
-.awsui_expandable-link-group--active_l0dv0_1abm6_363 > div:not(#\9):first-child {
+.awsui_expandable-link-group--active_l0dv0_xbwqu_366 > div:not(#\9):first-child {
   background-color: var(--color-background-side-navigation-item-active-jencj9, transparent);
 }
-.awsui_section_l0dv0_1abm6_330:not(#\9) {
+.awsui_section_l0dv0_xbwqu_333:not(#\9) {
   margin-block: calc(var(--space-scaled-2x-l-hgjmqp, 20px) - var(--border-divider-section-width-dlkb8v, 1px));
 }
-.awsui_section_l0dv0_1abm6_330.awsui_refresh_l0dv0_1abm6_370:not(#\9) {
+.awsui_section_l0dv0_xbwqu_333.awsui_refresh_l0dv0_xbwqu_373:not(#\9) {
   margin-block: calc(var(--space-scaled-xs-sppte9, 8px) - var(--border-divider-section-width-dlkb8v, 1px));
 }
-.awsui_list-variant-root--first_l0dv0_1abm6_262 > .awsui_list-item_l0dv0_1abm6_289:not(#\9):first-child > .awsui_section_l0dv0_1abm6_330 {
+.awsui_list-variant-root--first_l0dv0_xbwqu_262 > .awsui_list-item_l0dv0_xbwqu_289:not(#\9):first-child > .awsui_section_l0dv0_xbwqu_333 {
   margin-block-start: 0px;
 }
-.awsui_section-header_l0dv0_1abm6_377:not(#\9) {
+.awsui_section-header_l0dv0_xbwqu_380:not(#\9) {
   display: contents;
   font-size: var(--font-side-navigation-section-header-size-h9a6gx, inherit);
   font-weight: var(--font-side-navigation-section-header-weight-54g58o, inherit);
 }
-.awsui_section-group_l0dv0_1abm6_383:not(#\9) {
+.awsui_section-group_l0dv0_xbwqu_386:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
@@ -391,17 +394,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: calc(var(--space-scaled-xs-sppte9, 8px) - var(--border-divider-section-width-dlkb8v, 1px));
   margin-inline: 0;
 }
-.awsui_list-variant-root--first_l0dv0_1abm6_262 > .awsui_list-item_l0dv0_1abm6_289:not(#\9):first-child > .awsui_section-group_l0dv0_1abm6_383 {
+.awsui_list-variant-root--first_l0dv0_xbwqu_262 > .awsui_list-item_l0dv0_xbwqu_289:not(#\9):first-child > .awsui_section-group_l0dv0_xbwqu_386 {
   margin-block-start: 0px;
 }
-.awsui_section-group-title_l0dv0_1abm6_398:not(#\9) {
+.awsui_section-group-title_l0dv0_xbwqu_401:not(#\9) {
   display: flex;
   align-items: center;
   margin-block: 0;
 }
-.awsui_link_l0dv0_1abm6_404:not(#\9) {
+.awsui_link_l0dv0_xbwqu_407:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-side-navigation-item-default-y356qx, #545b64);
@@ -419,21 +422,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_1abm6_422:not(#\9) {
+.awsui_link-active_l0dv0_xbwqu_425:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-lhxtkr, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--color-text-side-navigation-item-active-7en75b, #0073bb);
   background-color: var(--color-background-side-navigation-item-active-jencj9, transparent);
 }
-.awsui_link-active_l0dv0_1abm6_422.awsui_link--collapsed_l0dv0_1abm6_429:not(#\9) {
+.awsui_link-active_l0dv0_xbwqu_425.awsui_link--collapsed_l0dv0_xbwqu_432:not(#\9) {
   color: var(--color-text-side-navigation-item-active-collapsed-due51j, #ffffff);
   background-color: var(--color-background-side-navigation-item-active-collapsed-h4t2de, #0073bb);
 }
-.awsui_link-active_l0dv0_1abm6_422.awsui_link--collapsed_l0dv0_1abm6_429:not(#\9):hover {
+.awsui_link-active_l0dv0_xbwqu_425.awsui_link--collapsed_l0dv0_xbwqu_432:not(#\9):hover {
   color: var(--color-text-side-navigation-item-active-collapsed-due51j, #ffffff);
 }
-.awsui_link--collapsed_l0dv0_1abm6_429:not(#\9) {
+.awsui_link--collapsed_l0dv0_xbwqu_432:not(#\9) {
   padding-inline: 0;
   margin-inline: 0;
   justify-content: center;
@@ -444,23 +447,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-mi3uty, 50%);
 }
-.awsui_header-link_l0dv0_1abm6_198:not(#\9),
-.awsui_link_l0dv0_1abm6_404:not(#\9) {
+.awsui_header-link_l0dv0_xbwqu_198:not(#\9),
+.awsui_link_l0dv0_xbwqu_407:not(#\9) {
   text-decoration: none;
 }
-.awsui_header-link_l0dv0_1abm6_198:not(#\9):hover,
-.awsui_link_l0dv0_1abm6_404:not(#\9):hover {
+.awsui_header-link_l0dv0_xbwqu_198:not(#\9):hover,
+.awsui_link_l0dv0_xbwqu_407:not(#\9):hover {
   color: var(--color-text-side-navigation-item-active-7en75b, #0073bb);
 }
-.awsui_header-link_l0dv0_1abm6_198:not(#\9):focus,
-.awsui_link_l0dv0_1abm6_404:not(#\9):focus {
+.awsui_header-link_l0dv0_xbwqu_198:not(#\9):focus,
+.awsui_link_l0dv0_xbwqu_407:not(#\9):focus {
   outline: none;
 }
-.awsui_header-link_l0dv0_1abm6_198:not(#\9):hover, .awsui_header-link_l0dv0_1abm6_198:not(#\9):focus, .awsui_link_l0dv0_1abm6_404:not(#\9):hover, .awsui_link_l0dv0_1abm6_404:not(#\9):focus {
+.awsui_header-link_l0dv0_xbwqu_198:not(#\9):hover, .awsui_header-link_l0dv0_xbwqu_198:not(#\9):focus, .awsui_link_l0dv0_xbwqu_407:not(#\9):hover, .awsui_link_l0dv0_xbwqu_407:not(#\9):focus {
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_1abm6_198:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1abm6_404:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_xbwqu_198:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_link_l0dv0_xbwqu_407:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;
@@ -472,43 +475,43 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1abm6_404:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_link-text-wrapper_l0dv0_1abm6_477:not(#\9) {
+.awsui_link-text-wrapper_l0dv0_xbwqu_480:not(#\9) {
   min-inline-size: 0;
 }
-.awsui_info_l0dv0_1abm6_481:not(#\9) {
+.awsui_info_l0dv0_xbwqu_484:not(#\9) {
   margin-inline-start: var(--space-s-4a5hs8, 12px);
   flex-shrink: 0;
 }
-.awsui_item-icon_l0dv0_1abm6_486:not(#\9) {
+.awsui_item-icon_l0dv0_xbwqu_489:not(#\9) {
   display: inline-flex;
   flex-shrink: 0;
 }
-.awsui_item-icon_l0dv0_1abm6_486:not(#\9):not(.awsui_item-icon--collapsed_l0dv0_1abm6_490) {
+.awsui_item-icon_l0dv0_xbwqu_489:not(#\9):not(.awsui_item-icon--collapsed_l0dv0_xbwqu_493) {
   margin-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_external-icon_l0dv0_1abm6_494:not(#\9) {
+.awsui_external-icon_l0dv0_xbwqu_497:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_divider_l0dv0_1abm6_242:not(#\9) {
+.awsui_divider_l0dv0_xbwqu_242:not(#\9) {
   border-block: none;
   border-inline: none;
 }
-.awsui_divider-default_l0dv0_1abm6_502:not(#\9) {
+.awsui_divider-default_l0dv0_xbwqu_505:not(#\9) {
   margin-block: calc(var(--space-scaled-2x-xl-vvl7tm, 24px) - calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2));
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_divider-default_l0dv0_1abm6_502.awsui_divider--collapsed_l0dv0_1abm6_506:not(#\9) {
+.awsui_divider-default_l0dv0_xbwqu_505.awsui_divider--collapsed_l0dv0_xbwqu_509:not(#\9) {
   margin-block: var(--space-scaled-2x-m-gw45gq, 16px);
   margin-inline: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_divider-header_l0dv0_1abm6_242:not(#\9) {
+.awsui_divider-header_l0dv0_xbwqu_242:not(#\9) {
   margin-block: 0;
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
 }
-.awsui_with-toolbar_l0dv0_1abm6_180 > .awsui_divider-header_l0dv0_1abm6_242:not(#\9) {
+.awsui_with-toolbar_l0dv0_xbwqu_180 > .awsui_divider-header_l0dv0_xbwqu_242:not(#\9) {
   border-color: transparent;
 }

package/lib/internal/template/side-navigation/styles.selectors.js CHANGED Viewed

@@ -2,52 +2,53 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_l0dv0_1abm6_146",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_1abm6_180",
-  "header": "awsui_header_l0dv0_1abm6_184",
-  "header-link": "awsui_header-link_l0dv0_1abm6_198",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1abm6_209",
-  "header-link-text": "awsui_header-link-text_l0dv0_1abm6_209",
-  "header-logo": "awsui_header-logo_l0dv0_1abm6_214",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1abm6_220",
-  "items-control": "awsui_items-control_l0dv0_1abm6_225",
-  "list-container": "awsui_list-container_l0dv0_1abm6_230",
-  "root--collapsed": "awsui_root--collapsed_l0dv0_1abm6_238",
-  "divider-header": "awsui_divider-header_l0dv0_1abm6_242",
-  "list": "awsui_list_l0dv0_1abm6_230",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_1abm6_255",
-  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_1abm6_262",
-  "list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_1abm6_265",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1abm6_270",
-  "list-variant-section": "awsui_list-variant-section_l0dv0_1abm6_274",
-  "list-variant-link-group": "awsui_list-variant-link-group_l0dv0_1abm6_278",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1abm6_282",
-  "list-item": "awsui_list-item_l0dv0_1abm6_289",
-  "list-item--collapsed": "awsui_list-item--collapsed_l0dv0_1abm6_299",
-  "list-item--group": "awsui_list-item--group_l0dv0_1abm6_306",
-  "list-item--group-no-padding-start": "awsui_list-item--group-no-padding-start_l0dv0_1abm6_311",
-  "list-item--group-no-padding-end": "awsui_list-item--group-no-padding-end_l0dv0_1abm6_314",
-  "list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_1abm6_317",
-  "list--collapsed-group": "awsui_list--collapsed-group_l0dv0_1abm6_322",
-  "section": "awsui_section_l0dv0_1abm6_330",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_1abm6_331",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_1abm6_347",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1abm6_348",
-  "expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_1abm6_363",
-  "refresh": "awsui_refresh_l0dv0_1abm6_370",
-  "section-header": "awsui_section-header_l0dv0_1abm6_377",
-  "section-group": "awsui_section-group_l0dv0_1abm6_383",
-  "section-group-title": "awsui_section-group-title_l0dv0_1abm6_398",
-  "link": "awsui_link_l0dv0_1abm6_404",
-  "link-active": "awsui_link-active_l0dv0_1abm6_422",
-  "link--collapsed": "awsui_link--collapsed_l0dv0_1abm6_429",
-  "link-text-wrapper": "awsui_link-text-wrapper_l0dv0_1abm6_477",
-  "info": "awsui_info_l0dv0_1abm6_481",
-  "item-icon": "awsui_item-icon_l0dv0_1abm6_486",
-  "item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_1abm6_490",
-  "external-icon": "awsui_external-icon_l0dv0_1abm6_494",
-  "divider": "awsui_divider_l0dv0_1abm6_242",
-  "divider-default": "awsui_divider-default_l0dv0_1abm6_502",
-  "divider--collapsed": "awsui_divider--collapsed_l0dv0_1abm6_506"
+  "root": "awsui_root_l0dv0_xbwqu_146",
+  "with-toolbar": "awsui_with-toolbar_l0dv0_xbwqu_180",
+  "header": "awsui_header_l0dv0_xbwqu_184",
+  "header-link": "awsui_header-link_l0dv0_xbwqu_198",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_xbwqu_209",
+  "header-link-text": "awsui_header-link-text_l0dv0_xbwqu_209",
+  "header-logo": "awsui_header-logo_l0dv0_xbwqu_214",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_xbwqu_220",
+  "items-control": "awsui_items-control_l0dv0_xbwqu_225",
+  "list-container": "awsui_list-container_l0dv0_xbwqu_230",
+  "root--collapsed": "awsui_root--collapsed_l0dv0_xbwqu_238",
+  "divider-header": "awsui_divider-header_l0dv0_xbwqu_242",
+  "list": "awsui_list_l0dv0_xbwqu_230",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_xbwqu_255",
+  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_xbwqu_262",
+  "list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_xbwqu_265",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_xbwqu_270",
+  "list-variant-section": "awsui_list-variant-section_l0dv0_xbwqu_274",
+  "list-variant-link-group": "awsui_list-variant-link-group_l0dv0_xbwqu_278",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_xbwqu_282",
+  "list-item": "awsui_list-item_l0dv0_xbwqu_289",
+  "list--with-icons": "awsui_list--with-icons_l0dv0_xbwqu_296",
+  "list-item--collapsed": "awsui_list-item--collapsed_l0dv0_xbwqu_302",
+  "list-item--group": "awsui_list-item--group_l0dv0_xbwqu_309",
+  "list-item--group-no-padding-start": "awsui_list-item--group-no-padding-start_l0dv0_xbwqu_314",
+  "list-item--group-no-padding-end": "awsui_list-item--group-no-padding-end_l0dv0_xbwqu_317",
+  "list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_xbwqu_320",
+  "list--collapsed-group": "awsui_list--collapsed-group_l0dv0_xbwqu_325",
+  "section": "awsui_section_l0dv0_xbwqu_333",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_xbwqu_334",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_xbwqu_350",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_xbwqu_351",
+  "expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_xbwqu_366",
+  "refresh": "awsui_refresh_l0dv0_xbwqu_373",
+  "section-header": "awsui_section-header_l0dv0_xbwqu_380",
+  "section-group": "awsui_section-group_l0dv0_xbwqu_386",
+  "section-group-title": "awsui_section-group-title_l0dv0_xbwqu_401",
+  "link": "awsui_link_l0dv0_xbwqu_407",
+  "link-active": "awsui_link-active_l0dv0_xbwqu_425",
+  "link--collapsed": "awsui_link--collapsed_l0dv0_xbwqu_432",
+  "link-text-wrapper": "awsui_link-text-wrapper_l0dv0_xbwqu_480",
+  "info": "awsui_info_l0dv0_xbwqu_484",
+  "item-icon": "awsui_item-icon_l0dv0_xbwqu_489",
+  "item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_xbwqu_493",
+  "external-icon": "awsui_external-icon_l0dv0_xbwqu_497",
+  "divider": "awsui_divider_l0dv0_xbwqu_242",
+  "divider-default": "awsui_divider-default_l0dv0_xbwqu_505",
+  "divider--collapsed": "awsui_divider--collapsed_l0dv0_xbwqu_509"
 };

package/lib/internal/template/side-navigation/util.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { SideNavigationProps } from './interfaces';
 type ExpandableItem = SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup;
 export declare function hasActiveLink(items: ReadonlyArray<SideNavigationProps.Item>, activeHref: string): boolean;
+export declare function hasNavigationIcons(items: ReadonlyArray<SideNavigationProps.Item>): boolean;
 export declare function generateExpandableItemsMapping(items: ReadonlyArray<SideNavigationProps.Item>, mapping?: WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>>, expandableParents?: ReadonlyArray<ExpandableItem>): WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>>;
 export declare function checkDuplicateHrefs(items: ReadonlyArray<SideNavigationProps.Item>): void;
 export {};

package/lib/internal/template/side-navigation/util.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/util.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,cAAc,GAAG,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,CAAC;AAE5F,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAgBzG;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAC9C,OAAO,GAAE,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,CAAiB,EACzF,iBAAiB,GAAE,aAAa,CAAC,cAAc,CAAM,GACpD,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC,CAYlE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAqBjF"}
1	+ {"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/util.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,cAAc,GAAG,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,CAAC;AAE5F,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAgBzG;AAGD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,OAAO,CAG1F;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAC9C,OAAO,GAAE,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,CAAiB,EACzF,iBAAiB,GAAE,aAAa,CAAC,cAAc,CAAM,GACpD,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC,CAYlE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAqBjF"}

package/lib/internal/template/side-navigation/util.js CHANGED Viewed

@@ -14,6 +14,11 @@ export function hasActiveLink(items, activeHref) {
     }
     return false;
 }
+// Determines whether any top-level navigation item has an icon.
+export function hasNavigationIcons(items) {
+    const iconKey = 'icon';
+    return items.some(item => iconKey in item && !!item.icon);
+}
 export function generateExpandableItemsMapping(items, mapping = new WeakMap(), expandableParents = []) {
     items.forEach(item => {
         const nextLevelParents = expandableParents.slice();

package/lib/internal/template/side-navigation/util.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/side-navigation/util.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAMzE,MAAM,UAAU,aAAa,CAAC,KAA8C,EAAE,UAAkB;IAC9F,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IACE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,IAAI,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC;YAC7F,IAAI,CAAC,IAAI,KAAK,UAAU,EACxB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IACE,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,IAAI,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC;YAChG,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,EACrC,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,8BAA8B,CAC5C,KAA8C,EAC9C,UAA4E,IAAI,OAAO,EAAE,EACzF,oBAAmD,EAAE;IAErD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACnB,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,KAAK,EAAE,CAAC;QACnD,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,uBAAuB,EAAE,CAAC;YACrE,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;YACrC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,IAAI,IAAI,CAAC,IAAI,KAAK,uBAAuB,EAAE,CAAC;YACnG,8BAA8B,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC;QACxE,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,KAA8C;IAChF,MAAM,KAAK,GAAG,IAAI,GAAG,EAAE,CAAC;IACxB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC5B,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxB,mDAAmD;QACnD,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAG,CAAC;QAE5B,yBAAyB;QACzB,MAAM,OAAO,GAAmC,MAAM,CAAC;QACvD,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;YACpB,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;gBACzB,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YAC/E,CAAC;YACD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;QAED,MAAM,QAAQ,GAAsC,OAAO,CAAC;QAC5D,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;YACrB,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { SideNavigationProps } from './interfaces';\n\ntype ExpandableItem = SideNavigationProps.Section \| SideNavigationProps.ExpandableLinkGroup;\n\nexport function hasActiveLink(items: ReadonlyArray<SideNavigationProps.Item>, activeHref: string): boolean {\n for (const item of items) {\n if (\n (item.type === 'link' \|\| item.type === 'link-group' \|\| item.type === 'expandable-link-group') &&\n item.href === activeHref\n ) {\n return true;\n }\n if (\n (item.type === 'section' \|\| item.type === 'link-group' \|\| item.type === 'expandable-link-group') &&\n hasActiveLink(item.items, activeHref)\n ) {\n return true;\n }\n }\n return false;\n}\n\nexport function generateExpandableItemsMapping(\n items: ReadonlyArray<SideNavigationProps.Item>,\n mapping: WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>> = new WeakMap(),\n expandableParents: ReadonlyArray<ExpandableItem> = []\n): WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>> {\n items.forEach(item => {\n const nextLevelParents = expandableParents.slice();\n if (item.type === 'section' \|\| item.type === 'expandable-link-group') {\n mapping.set(item, expandableParents);\n nextLevelParents.unshift(item);\n }\n if (item.type === 'section' \|\| item.type === 'link-group' \|\| item.type === 'expandable-link-group') {\n generateExpandableItemsMapping(item.items, mapping, nextLevelParents);\n }\n });\n return mapping;\n}\n\nexport function checkDuplicateHrefs(items: ReadonlyArray<SideNavigationProps.Item>) {\n const hrefs = new Set();\n const queue = items.slice();\n while (queue.length > 0) {\n // We just checked that there's items in the queue.\n const item = queue.shift()!;\n\n // Check duplicated hrefs\n const hrefKey: keyof SideNavigationProps.Link = 'href';\n if (hrefKey in item) {\n if (hrefs.has(item.href)) {\n warnOnce('SideNavigation', `duplicate href in \"${item.text}\": ${item.href}`);\n }\n hrefs.add(item.href);\n }\n\n const itemsKey: keyof SideNavigationProps.Section = 'items';\n if (itemsKey in item) {\n queue.push(...item.items);\n }\n }\n}\n"]}
1	+ {"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/side-navigation/util.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 { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { SideNavigationProps } from './interfaces';\n\ntype ExpandableItem = SideNavigationProps.Section \| SideNavigationProps.ExpandableLinkGroup;\n\nexport function hasActiveLink(items: ReadonlyArray<SideNavigationProps.Item>, activeHref: string): boolean {\n for (const item of items) {\n if (\n (item.type === 'link' \|\| item.type === 'link-group' \|\| item.type === 'expandable-link-group') &&\n item.href === activeHref\n ) {\n return true;\n }\n if (\n (item.type === 'section' \|\| item.type === 'link-group' \|\| item.type === 'expandable-link-group') &&\n hasActiveLink(item.items, activeHref)\n ) {\n return true;\n }\n }\n return false;\n}\n\n// Determines whether any top-level navigation item has an icon.\nexport function hasNavigationIcons(items: ReadonlyArray<SideNavigationProps.Item>): boolean {\n const iconKey: keyof SideNavigationProps.Link = 'icon';\n return items.some(item => iconKey in item && !!item.icon);\n}\n\nexport function generateExpandableItemsMapping(\n items: ReadonlyArray<SideNavigationProps.Item>,\n mapping: WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>> = new WeakMap(),\n expandableParents: ReadonlyArray<ExpandableItem> = []\n): WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>> {\n items.forEach(item => {\n const nextLevelParents = expandableParents.slice();\n if (item.type === 'section' \|\| item.type === 'expandable-link-group') {\n mapping.set(item, expandableParents);\n nextLevelParents.unshift(item);\n }\n if (item.type === 'section' \|\| item.type === 'link-group' \|\| item.type === 'expandable-link-group') {\n generateExpandableItemsMapping(item.items, mapping, nextLevelParents);\n }\n });\n return mapping;\n}\n\nexport function checkDuplicateHrefs(items: ReadonlyArray<SideNavigationProps.Item>) {\n const hrefs = new Set();\n const queue = items.slice();\n while (queue.length > 0) {\n // We just checked that there's items in the queue.\n const item = queue.shift()!;\n\n // Check duplicated hrefs\n const hrefKey: keyof SideNavigationProps.Link = 'href';\n if (hrefKey in item) {\n if (hrefs.has(item.href)) {\n warnOnce('SideNavigation', `duplicate href in \"${item.text}\": ${item.href}`);\n }\n hrefs.add(item.href);\n }\n\n const itemsKey: keyof SideNavigationProps.Section = 'items';\n if (itemsKey in item) {\n queue.push(...item.items);\n }\n }\n}\n"]}

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

@@ -9,6 +9,7 @@ export interface StepsProps extends BaseComponentProps {
      *  * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.
      *  * `header` (ReactNode) - Summary corresponding to the step.
      *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.
+     *  * `annotation` (ReactNode) - (Optional) Content rendered at the start of the step, before the icon. Typically a timestamp in a timeline view.
      */
     steps: ReadonlyArray<StepsProps.Step>;
     /**
@@ -57,6 +58,7 @@ export declare namespace StepsProps {
         statusIconAriaLabel?: string;
         header: React.ReactNode;
         details?: React.ReactNode;
+        annotation?: React.ReactNode;
     }
     type Orientation = 'vertical' | 'horizontal';
     type ConnectorLinesVariant = 'visible' | 'none';

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

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD~~;;;;;;;;OAQG~~;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;OAIG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;IAClD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,GAAG,KAAK,CAAC;IAEvD,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~KAC3B~~;IAED,KAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IAEpD,KAAY,qBAAqB,GAAG,SAAS,GAAG,MAAM,CAAC;CACxD"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;;OASG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;OAIG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;IAClD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,GAAG,KAAK,CAAC;IAEvD,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC9B;IAED,KAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IAEpD,KAAY,qBAAqB,GAAG,SAAS,GAAG,MAAM,CAAC;CACxD"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\n\nexport interface StepsProps extends BaseComponentProps {\n /*\n An array of individual steps\n \n Each step definition has the following properties:\n * * `status` (string) - Status of the step corresponding to a status indicator. The `log` status renders a neutral dot marker.\n * * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n * * `header` (ReactNode) - Summary corresponding to the step.\n * * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n /\n steps: ReadonlyArray<StepsProps.Step>;\n /\n The visual orientation of the steps (vertical or horizontal).\n * By default the orientation is vertical.\n /\n orientation?: StepsProps.Orientation;\n /\n Determines whether the connector lines between steps are displayed. The following variants are available:\n * * `visible` - Shows connector lines between consecutive steps.\n * * `none` - Hides the connector lines between steps.\n /\n connectorLines?: StepsProps.ConnectorLinesVariant;\n /\n Render a step. This overrides the default icon, header, and details provided by the component.\n * The function is called for each step and should return an object with the following keys:\n * * `header` (React.ReactNode) - Summary corresponding to the step.\n * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.\n * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.\n /\n renderStep?: (step: StepsProps.Step) => {\n header: React.ReactNode;\n details?: React.ReactNode;\n icon?: React.ReactNode;\n };\n /\n Provides an `aria-label` to the progress steps container.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n /\n ariaLabel?: string;\n /\n Sets the `aria-labelledby` property on the progress steps container.\n * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n /\n ariaLabelledby?: string;\n /\n Sets the `aria-describedby` property on the progress steps container.\n */\n ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n export type Status = StatusIndicatorProps.Type \| 'log';\n\n export interface Step {\n status: Status;\n statusIconAriaLabel?: string;\n header: React.ReactNode;\n details?: React.ReactNode;\n }\n\n export type Orientation = 'vertical' \| 'horizontal';\n\n export type ConnectorLinesVariant = 'visible' \| 'none';\n}\n"]}
1	+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\n\nexport interface StepsProps extends BaseComponentProps {\n /*\n An array of individual steps\n \n Each step definition has the following properties:\n * * `status` (string) - Status of the step corresponding to a status indicator. The `log` status renders a neutral dot marker.\n * * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n * * `header` (ReactNode) - Summary corresponding to the step.\n * * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n * * `annotation` (ReactNode) - (Optional) Content rendered at the start of the step, before the icon. Typically a timestamp in a timeline view.\n /\n steps: ReadonlyArray<StepsProps.Step>;\n /\n The visual orientation of the steps (vertical or horizontal).\n * By default the orientation is vertical.\n /\n orientation?: StepsProps.Orientation;\n /\n Determines whether the connector lines between steps are displayed. The following variants are available:\n * * `visible` - Shows connector lines between consecutive steps.\n * * `none` - Hides the connector lines between steps.\n /\n connectorLines?: StepsProps.ConnectorLinesVariant;\n /\n Render a step. This overrides the default icon, header, and details provided by the component.\n * The function is called for each step and should return an object with the following keys:\n * * `header` (React.ReactNode) - Summary corresponding to the step.\n * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.\n * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.\n /\n renderStep?: (step: StepsProps.Step) => {\n header: React.ReactNode;\n details?: React.ReactNode;\n icon?: React.ReactNode;\n };\n /\n Provides an `aria-label` to the progress steps container.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n /\n ariaLabel?: string;\n /\n Sets the `aria-labelledby` property on the progress steps container.\n * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n /\n ariaLabelledby?: string;\n /\n Sets the `aria-describedby` property on the progress steps container.\n */\n ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n export type Status = StatusIndicatorProps.Type \| 'log';\n\n export interface Step {\n status: Status;\n statusIconAriaLabel?: string;\n header: React.ReactNode;\n details?: React.ReactNode;\n annotation?: React.ReactNode;\n }\n\n export type Orientation = 'vertical' \| 'horizontal';\n\n export type ConnectorLinesVariant = 'visible' \| 'none';\n}\n"]}

package/lib/internal/template/steps/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/steps/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,OAAO,GAAG,aAAa,GAAG,gBAAgB,CAAC,GAC5F,0BAA0B,CAAC;~~AAmG7B~~,QAAA,MAAM,aAAa,GAAI,6HAUpB,kBAAkB,~~gBAsCpB~~,CAAC;AAEF,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/steps/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,OAAO,GAAG,aAAa,GAAG,gBAAgB,CAAC,GAC5F,0BAA0B,CAAC;AA8H7B,QAAA,MAAM,aAAa,GAAI,6HAUpB,kBAAkB,gBAwCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}