@cloudscape-design/components 3.0.1334 → 3.0.1336

package/side-navigation/styles.css.js

@@ -1,52 +1,53 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_l0dv0_5n166_146",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_5n166_180",
-  "header": "awsui_header_l0dv0_5n166_184",
-  "header-link": "awsui_header-link_l0dv0_5n166_198",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_5n166_209",
-  "header-link-text": "awsui_header-link-text_l0dv0_5n166_209",
-  "header-logo": "awsui_header-logo_l0dv0_5n166_214",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_5n166_220",
-  "items-control": "awsui_items-control_l0dv0_5n166_225",
-  "list-container": "awsui_list-container_l0dv0_5n166_230",
-  "root--collapsed": "awsui_root--collapsed_l0dv0_5n166_238",
-  "divider-header": "awsui_divider-header_l0dv0_5n166_242",
-  "list": "awsui_list_l0dv0_5n166_230",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_5n166_255",
-  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_5n166_262",
-  "list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_5n166_265",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_5n166_270",
-  "list-variant-section": "awsui_list-variant-section_l0dv0_5n166_274",
-  "list-variant-link-group": "awsui_list-variant-link-group_l0dv0_5n166_278",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_5n166_282",
-  "list-item": "awsui_list-item_l0dv0_5n166_289",
-  "list-item--collapsed": "awsui_list-item--collapsed_l0dv0_5n166_299",
-  "list-item--group": "awsui_list-item--group_l0dv0_5n166_306",
-  "list-item--group-no-padding-start": "awsui_list-item--group-no-padding-start_l0dv0_5n166_311",
-  "list-item--group-no-padding-end": "awsui_list-item--group-no-padding-end_l0dv0_5n166_314",
-  "list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_5n166_317",
-  "list--collapsed-group": "awsui_list--collapsed-group_l0dv0_5n166_322",
-  "section": "awsui_section_l0dv0_5n166_330",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_5n166_331",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_5n166_347",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_5n166_348",
-  "expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_5n166_363",
-  "refresh": "awsui_refresh_l0dv0_5n166_370",
-  "section-header": "awsui_section-header_l0dv0_5n166_377",
-  "section-group": "awsui_section-group_l0dv0_5n166_383",
-  "section-group-title": "awsui_section-group-title_l0dv0_5n166_398",
-  "link": "awsui_link_l0dv0_5n166_404",
-  "link-active": "awsui_link-active_l0dv0_5n166_422",
-  "link--collapsed": "awsui_link--collapsed_l0dv0_5n166_429",
-  "link-text-wrapper": "awsui_link-text-wrapper_l0dv0_5n166_477",
-  "info": "awsui_info_l0dv0_5n166_481",
-  "item-icon": "awsui_item-icon_l0dv0_5n166_486",
-  "item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_5n166_490",
-  "external-icon": "awsui_external-icon_l0dv0_5n166_494",
-  "divider": "awsui_divider_l0dv0_5n166_242",
-  "divider-default": "awsui_divider-default_l0dv0_5n166_502",
-  "divider--collapsed": "awsui_divider--collapsed_l0dv0_5n166_506"
+  "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"
 };
   

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_5n166_146:not(#\9) {
+.awsui_root_l0dv0_g6yjq_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_5n166_180:not(#\9) {
+.awsui_with-toolbar_l0dv0_g6yjq_180:not(#\9) {
   /* Structural class — parent context for toolbar margin resets. */
 }
 
-.awsui_header_l0dv0_5n166_184:not(#\9) {
+.awsui_header_l0dv0_g6yjq_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_5n166_198:not(#\9) {
+.awsui_header-link_l0dv0_g6yjq_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_5n166_209 > .awsui_header-link-text_l0dv0_5n166_209:not(#\9) {
+.awsui_header-link--has-logo_l0dv0_g6yjq_209 > .awsui_header-link-text_l0dv0_g6yjq_209:not(#\9) {
   font-weight: var(--font-weight-normal-cxw1m3, 400);
   align-self: center;
 }
 
-.awsui_header-logo_l0dv0_5n166_214:not(#\9) {
+.awsui_header-logo_l0dv0_g6yjq_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_5n166_220:not(#\9) {
+.awsui_header-logo--stretched_l0dv0_g6yjq_220:not(#\9) {
   max-inline-size: 100%;
   margin-inline-end: 0;
 }
 
-.awsui_items-control_l0dv0_5n166_225:not(#\9) {
+.awsui_items-control_l0dv0_g6yjq_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_5n166_230:not(#\9) {
+.awsui_list-container_l0dv0_g6yjq_230:not(#\9) {
   margin-block-end: var(--space-panel-content-bottom-24c6lu, 40px);
 }
 
-.awsui_items-control_l0dv0_5n166_225:not(#\9),
-.awsui_list-container_l0dv0_5n166_230:not(#\9) {
+.awsui_items-control_l0dv0_g6yjq_225:not(#\9),
+.awsui_list-container_l0dv0_g6yjq_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_5n166_238 > .awsui_items-control_l0dv0_5n166_225:not(#\9),
-.awsui_root--collapsed_l0dv0_5n166_238 > .awsui_list-container_l0dv0_5n166_230:not(#\9) {
+.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) {
   margin-block-start: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_with-toolbar_l0dv0_5n166_180 > .awsui_divider-header_l0dv0_5n166_242 + .awsui_items-control_l0dv0_5n166_225:not(#\9),
-.awsui_with-toolbar_l0dv0_5n166_180 > .awsui_divider-header_l0dv0_5n166_242 + .awsui_list-container_l0dv0_5n166_230:not(#\9) {
+.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) {
   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_5n166_230:not(#\9) {
+.awsui_list_l0dv0_g6yjq_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-levt08, 16px) + var(--space-xs-ymlm0b, 8px) - var(--space-xs-ymlm0b, 8px));
 }
 
-.awsui_list-variant-root_l0dv0_5n166_255:not(#\9) {
+.awsui_list-variant-root_l0dv0_g6yjq_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_5n166_262:not(#\9) {
+.awsui_list-variant-root--first_l0dv0_g6yjq_262:not(#\9) {
   margin-block-start: 0;
 }
-.awsui_list-variant-root--collapsed_l0dv0_5n166_265:not(#\9) {
+.awsui_list-variant-root--collapsed_l0dv0_g6yjq_265:not(#\9) {
   padding-inline-start: 0;
   padding-inline-end: 0;
 }
 
-.awsui_list-variant-expandable-link-group_l0dv0_5n166_270:not(#\9) {
+.awsui_list-variant-expandable-link-group_l0dv0_g6yjq_270: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-section_l0dv0_5n166_274:not(#\9) {
+.awsui_list-variant-section_l0dv0_g6yjq_274:not(#\9) {
   padding-inline-start: calc(var(--space-l-2ud1p3, 20px) - var(--space-xs-ymlm0b, 8px));
 }
 
-.awsui_list-variant-link-group_l0dv0_5n166_278:not(#\9) {
+.awsui_list-variant-link-group_l0dv0_g6yjq_278: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_5n166_282:not(#\9) {
+.awsui_list-variant-section-group_l0dv0_g6yjq_282: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_5n166_289:not(#\9) {
+.awsui_list-item_l0dv0_g6yjq_289:not(#\9) {
   margin-inline: 0;
-  margin-block: var(--space-side-navigation-item-gap-5vlwdw, 0px);
+  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-variant-root--first_l0dv0_5n166_262 > .awsui_list-item_l0dv0_5n166_289:not(#\9):first-child {
+.awsui_list--with-icons_l0dv0_g6yjq_296 > .awsui_list-item_l0dv0_g6yjq_289: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 {
   margin-block-start: 0px;
 }
-.awsui_list-item--collapsed_l0dv0_5n166_299:not(#\9) {
-  margin-block: var(--space-side-navigation-item-collapsed-gap-d9lti2, 8px);
+.awsui_list-item--collapsed_l0dv0_g6yjq_302: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_5n166_306:not(#\9) {
+.awsui_list-item--group_l0dv0_g6yjq_309:not(#\9) {
   padding-inline: 0;
   padding-block: var(--space-scaled-s-8ozaad, 12px);
   list-style: none;
 }
-.awsui_list-item--group-no-padding-start_l0dv0_5n166_311:not(#\9) {
+.awsui_list-item--group-no-padding-start_l0dv0_g6yjq_314:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_list-item--group-no-padding-end_l0dv0_5n166_314:not(#\9) {
+.awsui_list-item--group-no-padding-end_l0dv0_g6yjq_317:not(#\9) {
   padding-block-end: 0;
 }
-.awsui_list-item--link-with-info_l0dv0_5n166_317:not(#\9) {
+.awsui_list-item--link-with-info_l0dv0_g6yjq_320:not(#\9) {
   display: flex;
   align-items: baseline;
 }
 
-.awsui_list--collapsed-group_l0dv0_5n166_322:not(#\9) {
+.awsui_list--collapsed-group_l0dv0_g6yjq_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_5n166_330:not(#\9),
-.awsui_expandable-link-group_l0dv0_5n166_331:not(#\9) {
+.awsui_section_l0dv0_g6yjq_333:not(#\9),
+.awsui_expandable-link-group_l0dv0_g6yjq_334: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_5n166_330 > div:not(#\9),
-.awsui_expandable-link-group_l0dv0_5n166_331 > div:not(#\9) {
+.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_5n166_330 > div:not(#\9):first-child > :first-child,
-.awsui_expandable-link-group_l0dv0_5n166_331 > div:not(#\9):first-child > :first-child {
+.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_5n166_347:not(#\9),
-.awsui_expandable-link-group--no-ident_l0dv0_5n166_348:not(#\9) {
+.awsui_section--no-ident_l0dv0_g6yjq_350:not(#\9),
+.awsui_expandable-link-group--no-ident_l0dv0_g6yjq_351:not(#\9) {
   margin-inline-start: 0;
 }
 
-.awsui_expandable-link-group_l0dv0_5n166_331 > div:not(#\9):first-child {
+.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);
@@ -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_5n166_363 > div:not(#\9):first-child {
+.awsui_expandable-link-group--active_l0dv0_g6yjq_366 > div:not(#\9):first-child {
   background-color: var(--color-background-side-navigation-item-active-adfprg, transparent);
 }
 
-.awsui_section_l0dv0_5n166_330:not(#\9) {
+.awsui_section_l0dv0_g6yjq_333:not(#\9) {
   margin-block: calc(var(--space-scaled-2x-l-u5ida5, 20px) - var(--border-divider-section-width-uwo8my, 1px));
 }
-.awsui_section_l0dv0_5n166_330.awsui_refresh_l0dv0_5n166_370:not(#\9) {
+.awsui_section_l0dv0_g6yjq_333.awsui_refresh_l0dv0_g6yjq_373:not(#\9) {
   margin-block: calc(var(--space-scaled-xs-xwoogq, 8px) - var(--border-divider-section-width-uwo8my, 1px));
 }
-.awsui_list-variant-root--first_l0dv0_5n166_262 > .awsui_list-item_l0dv0_5n166_289:not(#\9):first-child > .awsui_section_l0dv0_5n166_330 {
+.awsui_list-variant-root--first_l0dv0_g6yjq_262 > .awsui_list-item_l0dv0_g6yjq_289:not(#\9):first-child > .awsui_section_l0dv0_g6yjq_333 {
   margin-block-start: 0px;
 }
 
-.awsui_section-header_l0dv0_5n166_377:not(#\9) {
+.awsui_section-header_l0dv0_g6yjq_380: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_5n166_383:not(#\9) {
+.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);
@@ -391,17 +394,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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_5n166_262 > .awsui_list-item_l0dv0_5n166_289:not(#\9):first-child > .awsui_section-group_l0dv0_5n166_383 {
+.awsui_list-variant-root--first_l0dv0_g6yjq_262 > .awsui_list-item_l0dv0_g6yjq_289:not(#\9):first-child > .awsui_section-group_l0dv0_g6yjq_386 {
   margin-block-start: 0px;
 }
 
-.awsui_section-group-title_l0dv0_5n166_398:not(#\9) {
+.awsui_section-group-title_l0dv0_g6yjq_401:not(#\9) {
   display: flex;
   align-items: center;
   margin-block: 0;
 }
 
-.awsui_link_l0dv0_5n166_404:not(#\9) {
+.awsui_link_l0dv0_g6yjq_407: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);
@@ -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_5n166_422:not(#\9) {
+.awsui_link-active_l0dv0_g6yjq_425: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_5n166_422.awsui_link--collapsed_l0dv0_5n166_429:not(#\9) {
+.awsui_link-active_l0dv0_g6yjq_425.awsui_link--collapsed_l0dv0_g6yjq_432: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_5n166_422.awsui_link--collapsed_l0dv0_5n166_429:not(#\9):hover {
+.awsui_link-active_l0dv0_g6yjq_425.awsui_link--collapsed_l0dv0_g6yjq_432:not(#\9):hover {
   color: var(--color-text-side-navigation-item-active-collapsed-kwpe9n, #ffffff);
 }
-.awsui_link--collapsed_l0dv0_5n166_429:not(#\9) {
+.awsui_link--collapsed_l0dv0_g6yjq_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-e8960w, 50%);
 }
 
-.awsui_header-link_l0dv0_5n166_198:not(#\9),
-.awsui_link_l0dv0_5n166_404:not(#\9) {
+.awsui_header-link_l0dv0_g6yjq_198:not(#\9),
+.awsui_link_l0dv0_g6yjq_407:not(#\9) {
   text-decoration: none;
 }
-.awsui_header-link_l0dv0_5n166_198:not(#\9):hover,
-.awsui_link_l0dv0_5n166_404:not(#\9):hover {
+.awsui_header-link_l0dv0_g6yjq_198:not(#\9):hover,
+.awsui_link_l0dv0_g6yjq_407:not(#\9):hover {
   color: var(--color-text-side-navigation-item-active-w3c4dj, #006ce0);
 }
-.awsui_header-link_l0dv0_5n166_198:not(#\9):focus,
-.awsui_link_l0dv0_5n166_404:not(#\9):focus {
+.awsui_header-link_l0dv0_g6yjq_198:not(#\9):focus,
+.awsui_link_l0dv0_g6yjq_407:not(#\9):focus {
   outline: none;
 }
-.awsui_header-link_l0dv0_5n166_198:not(#\9):hover, .awsui_header-link_l0dv0_5n166_198:not(#\9):focus, .awsui_link_l0dv0_5n166_404:not(#\9):hover, .awsui_link_l0dv0_5n166_404:not(#\9):focus {
+.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 {
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_5n166_198:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_link_l0dv0_5n166_404:not(#\9):focus {
+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 {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
   outline-offset: 2px;
@@ -472,43 +475,43 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_5n166_404: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_5n166_477:not(#\9) {
+.awsui_link-text-wrapper_l0dv0_g6yjq_480:not(#\9) {
   min-inline-size: 0;
 }
 
-.awsui_info_l0dv0_5n166_481:not(#\9) {
+.awsui_info_l0dv0_g6yjq_484:not(#\9) {
   margin-inline-start: var(--space-s-tvghoh, 12px);
   flex-shrink: 0;
 }
 
-.awsui_item-icon_l0dv0_5n166_486:not(#\9) {
+.awsui_item-icon_l0dv0_g6yjq_489:not(#\9) {
   display: inline-flex;
   flex-shrink: 0;
 }
-.awsui_item-icon_l0dv0_5n166_486:not(#\9):not(.awsui_item-icon--collapsed_l0dv0_5n166_490) {
+.awsui_item-icon_l0dv0_g6yjq_489:not(#\9):not(.awsui_item-icon--collapsed_l0dv0_g6yjq_493) {
   margin-inline-end: var(--space-xs-ymlm0b, 8px);
 }
 
-.awsui_external-icon_l0dv0_5n166_494:not(#\9) {
+.awsui_external-icon_l0dv0_g6yjq_497:not(#\9) {
   margin-inline-start: var(--space-xxs-hwfkai, 4px);
 }
 
-.awsui_divider_l0dv0_5n166_242:not(#\9) {
+.awsui_divider_l0dv0_g6yjq_242:not(#\9) {
   border-block: none;
   border-inline: none;
 }
-.awsui_divider-default_l0dv0_5n166_502:not(#\9) {
+.awsui_divider-default_l0dv0_g6yjq_505: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_5n166_502.awsui_divider--collapsed_l0dv0_5n166_506:not(#\9) {
+.awsui_divider-default_l0dv0_g6yjq_505.awsui_divider--collapsed_l0dv0_g6yjq_509:not(#\9) {
   margin-block: var(--space-scaled-2x-m-4euqsk, 16px);
   margin-inline: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_divider-header_l0dv0_5n166_242:not(#\9) {
+.awsui_divider-header_l0dv0_g6yjq_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_5n166_180 > .awsui_divider-header_l0dv0_5n166_242:not(#\9) {
+.awsui_with-toolbar_l0dv0_g6yjq_180 > .awsui_divider-header_l0dv0_g6yjq_242:not(#\9) {
   border-color: transparent;
 }

package/side-navigation/styles.selectors.js

@@ -2,52 +2,53 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_l0dv0_5n166_146",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_5n166_180",
-  "header": "awsui_header_l0dv0_5n166_184",
-  "header-link": "awsui_header-link_l0dv0_5n166_198",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_5n166_209",
-  "header-link-text": "awsui_header-link-text_l0dv0_5n166_209",
-  "header-logo": "awsui_header-logo_l0dv0_5n166_214",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_5n166_220",
-  "items-control": "awsui_items-control_l0dv0_5n166_225",
-  "list-container": "awsui_list-container_l0dv0_5n166_230",
-  "root--collapsed": "awsui_root--collapsed_l0dv0_5n166_238",
-  "divider-header": "awsui_divider-header_l0dv0_5n166_242",
-  "list": "awsui_list_l0dv0_5n166_230",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_5n166_255",
-  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_5n166_262",
-  "list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_5n166_265",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_5n166_270",
-  "list-variant-section": "awsui_list-variant-section_l0dv0_5n166_274",
-  "list-variant-link-group": "awsui_list-variant-link-group_l0dv0_5n166_278",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_5n166_282",
-  "list-item": "awsui_list-item_l0dv0_5n166_289",
-  "list-item--collapsed": "awsui_list-item--collapsed_l0dv0_5n166_299",
-  "list-item--group": "awsui_list-item--group_l0dv0_5n166_306",
-  "list-item--group-no-padding-start": "awsui_list-item--group-no-padding-start_l0dv0_5n166_311",
-  "list-item--group-no-padding-end": "awsui_list-item--group-no-padding-end_l0dv0_5n166_314",
-  "list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_5n166_317",
-  "list--collapsed-group": "awsui_list--collapsed-group_l0dv0_5n166_322",
-  "section": "awsui_section_l0dv0_5n166_330",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_5n166_331",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_5n166_347",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_5n166_348",
-  "expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_5n166_363",
-  "refresh": "awsui_refresh_l0dv0_5n166_370",
-  "section-header": "awsui_section-header_l0dv0_5n166_377",
-  "section-group": "awsui_section-group_l0dv0_5n166_383",
-  "section-group-title": "awsui_section-group-title_l0dv0_5n166_398",
-  "link": "awsui_link_l0dv0_5n166_404",
-  "link-active": "awsui_link-active_l0dv0_5n166_422",
-  "link--collapsed": "awsui_link--collapsed_l0dv0_5n166_429",
-  "link-text-wrapper": "awsui_link-text-wrapper_l0dv0_5n166_477",
-  "info": "awsui_info_l0dv0_5n166_481",
-  "item-icon": "awsui_item-icon_l0dv0_5n166_486",
-  "item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_5n166_490",
-  "external-icon": "awsui_external-icon_l0dv0_5n166_494",
-  "divider": "awsui_divider_l0dv0_5n166_242",
-  "divider-default": "awsui_divider-default_l0dv0_5n166_502",
-  "divider--collapsed": "awsui_divider--collapsed_l0dv0_5n166_506"
+  "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"
 };
   

package/side-navigation/util.d.ts

@@ -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/side-navigation/util.d.ts.map

@@ -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"}
+{"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/side-navigation/util.js

@@ -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();