@cloudscape-design/components-themeable 3.0.1343 → 3.0.1345

package/lib/internal/template/segmented-control/styles.selectors.js

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "segment": "awsui_segment_8cbea_4363f_161",
-  "refresh": "awsui_refresh_8cbea_4363f_188",
-  "disabled": "awsui_disabled_8cbea_4363f_194",
-  "selected": "awsui_selected_8cbea_4363f_251",
-  "icon": "awsui_icon_8cbea_4363f_261",
-  "with-text": "awsui_with-text_8cbea_4363f_265",
-  "with-no-text": "awsui_with-no-text_8cbea_4363f_271",
-  "root": "awsui_root_8cbea_4363f_276",
-  "segment-part": "awsui_segment-part_8cbea_4363f_308",
-  "select": "awsui_select_8cbea_4363f_251",
-  "segment-count-2": "awsui_segment-count-2_8cbea_4363f_343",
-  "segment-count-3": "awsui_segment-count-3_8cbea_4363f_347",
-  "segment-count-4": "awsui_segment-count-4_8cbea_4363f_351",
-  "segment-count-5": "awsui_segment-count-5_8cbea_4363f_355",
-  "segment-count-6": "awsui_segment-count-6_8cbea_4363f_359",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_4363f_363"
+  "segment": "awsui_segment_8cbea_15bx0_161",
+  "refresh": "awsui_refresh_8cbea_15bx0_188",
+  "disabled": "awsui_disabled_8cbea_15bx0_194",
+  "selected": "awsui_selected_8cbea_15bx0_251",
+  "icon": "awsui_icon_8cbea_15bx0_261",
+  "with-text": "awsui_with-text_8cbea_15bx0_265",
+  "with-no-text": "awsui_with-no-text_8cbea_15bx0_271",
+  "root": "awsui_root_8cbea_15bx0_276",
+  "segment-part": "awsui_segment-part_8cbea_15bx0_308",
+  "select": "awsui_select_8cbea_15bx0_251",
+  "segment-count-2": "awsui_segment-count-2_8cbea_15bx0_343",
+  "segment-count-3": "awsui_segment-count-3_8cbea_15bx0_347",
+  "segment-count-4": "awsui_segment-count-4_8cbea_15bx0_351",
+  "segment-count-5": "awsui_segment-count-5_8cbea_15bx0_355",
+  "segment-count-6": "awsui_segment-count-6_8cbea_15bx0_359",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_15bx0_363"
 };
   

package/lib/internal/template/select/parts/styles.css.js

@@ -1,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "placeholder": "awsui_placeholder_dwuol_17qjc_145",
-  "disabled": "awsui_disabled_dwuol_17qjc_150",
-  "item": "awsui_item_dwuol_17qjc_154",
-  "checkbox": "awsui_checkbox_dwuol_17qjc_158",
-  "option-group": "awsui_option-group_dwuol_17qjc_167",
-  "filter": "awsui_filter_dwuol_17qjc_171",
-  "trigger": "awsui_trigger_dwuol_17qjc_176",
-  "layout-strut": "awsui_layout-strut_dwuol_17qjc_182",
-  "list-bottom": "awsui_list-bottom_dwuol_17qjc_188",
-  "selected-icon": "awsui_selected-icon_dwuol_17qjc_192",
-  "show-label-tag": "awsui_show-label-tag_dwuol_17qjc_197",
-  "inline-token-trigger": "awsui_inline-token-trigger_dwuol_17qjc_201",
-  "inline-token-list": "awsui_inline-token-list_dwuol_17qjc_208",
-  "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_17qjc_222",
-  "inline-token-counter": "awsui_inline-token-counter_dwuol_17qjc_228",
-  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_dwuol_17qjc_232",
-  "inline-label-wrapper": "awsui_inline-label-wrapper_dwuol_17qjc_236",
-  "inline-label": "awsui_inline-label_dwuol_17qjc_232",
-  "inline-label-disabled": "awsui_inline-label-disabled_dwuol_17qjc_261",
-  "inline-label-inline-tokens": "awsui_inline-label-inline-tokens_dwuol_17qjc_265",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_dwuol_17qjc_270"
+  "placeholder": "awsui_placeholder_dwuol_k65rd_145",
+  "disabled": "awsui_disabled_dwuol_k65rd_150",
+  "item": "awsui_item_dwuol_k65rd_154",
+  "checkbox": "awsui_checkbox_dwuol_k65rd_158",
+  "option-group": "awsui_option-group_dwuol_k65rd_167",
+  "filter": "awsui_filter_dwuol_k65rd_171",
+  "trigger": "awsui_trigger_dwuol_k65rd_176",
+  "layout-strut": "awsui_layout-strut_dwuol_k65rd_182",
+  "list-bottom": "awsui_list-bottom_dwuol_k65rd_188",
+  "selected-icon": "awsui_selected-icon_dwuol_k65rd_192",
+  "show-label-tag": "awsui_show-label-tag_dwuol_k65rd_197",
+  "inline-token-trigger": "awsui_inline-token-trigger_dwuol_k65rd_201",
+  "inline-token-list": "awsui_inline-token-list_dwuol_k65rd_208",
+  "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_k65rd_222",
+  "inline-token-counter": "awsui_inline-token-counter_dwuol_k65rd_228",
+  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_dwuol_k65rd_232",
+  "inline-label-wrapper": "awsui_inline-label-wrapper_dwuol_k65rd_236",
+  "inline-label": "awsui_inline-label_dwuol_k65rd_232",
+  "inline-label-disabled": "awsui_inline-label-disabled_dwuol_k65rd_261",
+  "inline-label-inline-tokens": "awsui_inline-label-inline-tokens_dwuol_k65rd_265",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_dwuol_k65rd_270"
 };
   

package/lib/internal/template/select/parts/styles.scoped.css

@@ -142,21 +142,21 @@
 */
 /* 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_placeholder_dwuol_17qjc_145:not(#\9) {
-  color: var(--color-text-input-placeholder-hvcry0, #687078);
+.awsui_placeholder_dwuol_k65rd_145:not(#\9) {
+  color: var(--color-text-input-placeholder-rerqpa, #687078);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_placeholder_dwuol_17qjc_145.awsui_disabled_dwuol_17qjc_150:not(#\9) {
-  color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
+.awsui_placeholder_dwuol_k65rd_145.awsui_disabled_dwuol_k65rd_150:not(#\9) {
+  color: var(--color-text-input-placeholder-disabled-eet9t8, #687078);
 }
 
-.awsui_item_dwuol_17qjc_154:not(#\9) {
+.awsui_item_dwuol_k65rd_154:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_item_dwuol_17qjc_154 > .awsui_checkbox_dwuol_17qjc_158:not(#\9) {
+.awsui_item_dwuol_k65rd_154 > .awsui_checkbox_dwuol_k65rd_158:not(#\9) {
   position: relative;
   min-block-size: var(--size-control-lkpwjy, 14px);
   min-inline-size: var(--size-control-lkpwjy, 14px);
@@ -165,48 +165,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-end: var(--space-field-horizontal-n5peob, 8px);
 }
 
-.awsui_option-group_dwuol_17qjc_167:not(#\9):not(:first-child) {
+.awsui_option-group_dwuol_k65rd_167:not(#\9):not(:first-child) {
   margin-block-start: calc(-1 * var(--border-item-width-pyfg4s, 1px));
 }
 
-.awsui_filter_dwuol_17qjc_171:not(#\9) {
+.awsui_filter_dwuol_k65rd_171:not(#\9) {
   z-index: 4;
   flex-shrink: 0;
 }
 
-.awsui_trigger_dwuol_17qjc_176:not(#\9) {
+.awsui_trigger_dwuol_k65rd_176:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_layout-strut_dwuol_17qjc_182:not(#\9) {
+.awsui_layout-strut_dwuol_k65rd_182:not(#\9) {
   inline-size: 100%;
   position: relative;
   transform: translate3d(0, 0, 0);
 }
 
-.awsui_list-bottom_dwuol_17qjc_188:not(#\9) {
+.awsui_list-bottom_dwuol_k65rd_188:not(#\9) {
   /* used in unit-tests */
 }
 
-.awsui_selected-icon_dwuol_17qjc_192:not(#\9) {
-  color: var(--color-item-selected-2dv7ug, #0073bb);
+.awsui_selected-icon_dwuol_k65rd_192:not(#\9) {
+  color: var(--color-item-selected-no87na, #0073bb);
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
 }
 
-.awsui_show-label-tag_dwuol_17qjc_197 > .awsui_selected-icon_dwuol_17qjc_192:not(#\9) {
+.awsui_show-label-tag_dwuol_k65rd_197 > .awsui_selected-icon_dwuol_k65rd_192:not(#\9) {
   padding-inline-start: var(--space-scaled-s-gjhvjd, 12px);
 }
 
-.awsui_inline-token-trigger_dwuol_17qjc_201:not(#\9) {
+.awsui_inline-token-trigger_dwuol_k65rd_201:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   column-gap: var(--space-xxs-jnczic, 4px);
   inline-size: 100%;
 }
 
-.awsui_inline-token-list_dwuol_17qjc_208:not(#\9) {
+.awsui_inline-token-list_dwuol_k65rd_208:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
@@ -216,37 +216,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mask-image: linear-gradient(270deg, transparent, white 20px, white);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_inline-token-list_dwuol_17qjc_208:not(#\9):dir(rtl) {
+.awsui_inline-token-list_dwuol_k65rd_208:not(#\9):dir(rtl) {
   mask-image: linear-gradient(-270deg, transparent, white 20px, white);
 }
 
-.awsui_inline-token-hidden-placeholder_dwuol_17qjc_222:not(#\9) {
+.awsui_inline-token-hidden-placeholder_dwuol_k65rd_222:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_inline-token-counter_dwuol_17qjc_228:not(#\9) {
+.awsui_inline-token-counter_dwuol_k65rd_228:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_inline-label-trigger-wrapper_dwuol_17qjc_232:not(#\9) {
+.awsui_inline-label-trigger-wrapper_dwuol_k65rd_232:not(#\9) {
   margin-block-start: -7px;
 }
 
-.awsui_inline-label-wrapper_dwuol_17qjc_236:not(#\9) {
+.awsui_inline-label-wrapper_dwuol_k65rd_236:not(#\9) {
   margin-block-start: calc(var(--space-scaled-xs-sppte9, 8px) * -1);
 }
 
-.awsui_inline-label_dwuol_17qjc_232:not(#\9) {
-  background: linear-gradient(to bottom, var(--color-background-layout-main-05m5y6, #f2f3f3), var(--color-background-input-default-1z2buq, #ffffff));
+.awsui_inline-label_dwuol_k65rd_232:not(#\9) {
+  background: linear-gradient(to bottom, var(--color-background-layout-main-2vy1pe, #f2f3f3), var(--color-background-input-default-83w0sy, #ffffff));
   border-start-start-radius: 2px;
   border-start-end-radius: 2px;
   border-end-start-radius: 2px;
   border-end-end-radius: 2px;
   box-sizing: border-box;
   display: inline-block;
-  color: var(--color-text-form-label-guihvp, #16191f);
+  color: var(--color-text-form-label-dkbeb1, #16191f);
   font-weight: var(--font-display-label-weight-tz6zkz, 400);
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: 14px;
@@ -259,15 +259,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-inline-size: calc(100% - 2 * var(--space-field-horizontal-n5peob, 8px));
   z-index: 1;
 }
-.awsui_inline-label-disabled_dwuol_17qjc_261:not(#\9) {
-  background: linear-gradient(to bottom, var(--color-background-layout-main-05m5y6, #f2f3f3), var(--color-background-input-disabled-4vlau3, #eaeded));
+.awsui_inline-label-disabled_dwuol_k65rd_261:not(#\9) {
+  background: linear-gradient(to bottom, var(--color-background-layout-main-2vy1pe, #f2f3f3), var(--color-background-input-disabled-27sca7, #eaeded));
 }
 
-.awsui_inline-label-inline-tokens_dwuol_17qjc_265:not(#\9) {
+.awsui_inline-label-inline-tokens_dwuol_k65rd_265:not(#\9) {
   padding-block-end: 0;
   transform: translateY(-1.5px);
 }
 
-.awsui_disabled-reason-tooltip_dwuol_17qjc_270:not(#\9) {
+.awsui_disabled-reason-tooltip_dwuol_k65rd_270:not(#\9) {
   /* used in test-utils or tests */
 }

package/lib/internal/template/select/parts/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "placeholder": "awsui_placeholder_dwuol_17qjc_145",
-  "disabled": "awsui_disabled_dwuol_17qjc_150",
-  "item": "awsui_item_dwuol_17qjc_154",
-  "checkbox": "awsui_checkbox_dwuol_17qjc_158",
-  "option-group": "awsui_option-group_dwuol_17qjc_167",
-  "filter": "awsui_filter_dwuol_17qjc_171",
-  "trigger": "awsui_trigger_dwuol_17qjc_176",
-  "layout-strut": "awsui_layout-strut_dwuol_17qjc_182",
-  "list-bottom": "awsui_list-bottom_dwuol_17qjc_188",
-  "selected-icon": "awsui_selected-icon_dwuol_17qjc_192",
-  "show-label-tag": "awsui_show-label-tag_dwuol_17qjc_197",
-  "inline-token-trigger": "awsui_inline-token-trigger_dwuol_17qjc_201",
-  "inline-token-list": "awsui_inline-token-list_dwuol_17qjc_208",
-  "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_17qjc_222",
-  "inline-token-counter": "awsui_inline-token-counter_dwuol_17qjc_228",
-  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_dwuol_17qjc_232",
-  "inline-label-wrapper": "awsui_inline-label-wrapper_dwuol_17qjc_236",
-  "inline-label": "awsui_inline-label_dwuol_17qjc_232",
-  "inline-label-disabled": "awsui_inline-label-disabled_dwuol_17qjc_261",
-  "inline-label-inline-tokens": "awsui_inline-label-inline-tokens_dwuol_17qjc_265",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_dwuol_17qjc_270"
+  "placeholder": "awsui_placeholder_dwuol_k65rd_145",
+  "disabled": "awsui_disabled_dwuol_k65rd_150",
+  "item": "awsui_item_dwuol_k65rd_154",
+  "checkbox": "awsui_checkbox_dwuol_k65rd_158",
+  "option-group": "awsui_option-group_dwuol_k65rd_167",
+  "filter": "awsui_filter_dwuol_k65rd_171",
+  "trigger": "awsui_trigger_dwuol_k65rd_176",
+  "layout-strut": "awsui_layout-strut_dwuol_k65rd_182",
+  "list-bottom": "awsui_list-bottom_dwuol_k65rd_188",
+  "selected-icon": "awsui_selected-icon_dwuol_k65rd_192",
+  "show-label-tag": "awsui_show-label-tag_dwuol_k65rd_197",
+  "inline-token-trigger": "awsui_inline-token-trigger_dwuol_k65rd_201",
+  "inline-token-list": "awsui_inline-token-list_dwuol_k65rd_208",
+  "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_k65rd_222",
+  "inline-token-counter": "awsui_inline-token-counter_dwuol_k65rd_228",
+  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_dwuol_k65rd_232",
+  "inline-label-wrapper": "awsui_inline-label-wrapper_dwuol_k65rd_236",
+  "inline-label": "awsui_inline-label_dwuol_k65rd_232",
+  "inline-label-disabled": "awsui_inline-label-disabled_dwuol_k65rd_261",
+  "inline-label-inline-tokens": "awsui_inline-label-inline-tokens_dwuol_k65rd_265",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_dwuol_k65rd_270"
 };
   

package/lib/internal/template/select/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_r2vco_6kz8i_145",
-  "dropdown-header": "awsui_dropdown-header_r2vco_6kz8i_177",
-  "dropdown-footer": "awsui_dropdown-footer_r2vco_6kz8i_183"
+  "root": "awsui_root_r2vco_j50y0_145",
+  "dropdown-header": "awsui_dropdown-header_r2vco_j50y0_177",
+  "dropdown-footer": "awsui_dropdown-footer_r2vco_j50y0_183"
 };
   

package/lib/internal/template/select/styles.scoped.css

@@ -142,7 +142,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_r2vco_6kz8i_145:not(#\9) {
+.awsui_root_r2vco_j50y0_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -167,19 +167,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
+  color: var(--color-text-body-default-kbrad2, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_dropdown-header_r2vco_6kz8i_177:not(#\9) {
+.awsui_dropdown-header_r2vco_j50y0_177:not(#\9) {
   inline-size: 100%;
   position: relative;
   z-index: 4;
 }
 
-.awsui_dropdown-footer_r2vco_6kz8i_183:not(#\9) {
+.awsui_dropdown-footer_r2vco_j50y0_183:not(#\9) {
   inline-size: 100%;
 }

package/lib/internal/template/select/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_r2vco_6kz8i_145",
-  "dropdown-header": "awsui_dropdown-header_r2vco_6kz8i_177",
-  "dropdown-footer": "awsui_dropdown-footer_r2vco_6kz8i_183"
+  "root": "awsui_root_r2vco_j50y0_145",
+  "dropdown-header": "awsui_dropdown-header_r2vco_j50y0_177",
+  "dropdown-footer": "awsui_dropdown-footer_r2vco_j50y0_183"
 };
   

package/lib/internal/template/side-navigation/implementation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/implementation.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAMnD,KAAK,2BAA2B,GAAG,mBAAmB,GAAG,0BAA0B,CAAC;AAEpF,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,YAAY,EACZ,UAAU,EACV,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAiB,EACjB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,2BAA2B,eAyE7B;AAED,eAAO,MAAM,8BAA8B,mGAA0D,CAAC"}
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/implementation.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAWnD,KAAK,2BAA2B,GAAG,mBAAmB,GAAG,0BAA0B,CAAC;AAEpF,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,YAAY,EACZ,UAAU,EACV,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAiB,EACjB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,2BAA2B,eA6E7B;AAED,eAAO,MAAM,8BAA8B,mGAA0D,CAAC"}

package/lib/internal/template/side-navigation/implementation.js

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { useAppLayoutToolbarDesignEnabled } from '../app-layout/utils/feature-flags';
 import { getBaseProps } from '../internal/base-component';
@@ -8,7 +8,7 @@ import { fireCancelableEvent, fireNonCancelableEvent } from '../internal/events'
 import { isDevelopment } from '../internal/is-development';
 import { createWidgetizedComponent } from '../internal/widgets';
 import { Header, NavigationItemsList } from './parts';
-import { checkDuplicateHrefs, generateExpandableItemsMapping, hasNavigationIcons } from './util';
+import { checkCollapsedIconSupport, checkDuplicateHrefs, generateExpandableItemsMapping, hasNavigationIcons, } from './util';
 import styles from './styles.css.js';
 export function SideNavigationImplementation({ header, itemsControl, activeHref, items = [], onFollow, onChange, collapsed = false, __internalRootRef, ...props }) {
     const baseProps = getBaseProps(props);
@@ -16,10 +16,13 @@ export function SideNavigationImplementation({ header, itemsControl, activeHref,
     const parentMap = useMemo(() => generateExpandableItemsMapping(items), [items]);
     const withIcons = useMemo(() => hasNavigationIcons(items), [items]);
     const [activeTooltip, setActiveTooltip] = useState(null);
+    const listContainerRef = useRef(null);
     if (isDevelopment) {
         // This code should be wiped in production anyway.
         // eslint-disable-next-line react-hooks/rules-of-hooks
         useEffect(() => checkDuplicateHrefs(items), [items]);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useEffect(() => checkCollapsedIconSupport(items, collapsed), [items, collapsed]);
     }
     const onChangeHandler = useCallback((item, expanded) => {
         // generateExpandableItemsMapping walks through the entire tree, so we're certain about getting a value.
@@ -31,7 +34,7 @@ export function SideNavigationImplementation({ header, itemsControl, activeHref,
     return (React.createElement("div", { ...baseProps, className: clsx(styles.root, baseProps.className, isToolbar && styles['with-toolbar'], collapsed && styles['root--collapsed']), ref: __internalRootRef },
         header && (React.createElement(Header, { definition: header, activeHref: activeHref, fireChange: onChangeHandler, fireFollow: onFollowHandler, collapsed: collapsed })),
         !collapsed && itemsControl && React.createElement("div", { className: styles['items-control'] }, itemsControl),
-        items && (React.createElement("div", { className: styles['list-container'] },
+        items && (React.createElement("div", { ref: listContainerRef, className: styles['list-container'] },
             React.createElement(NavigationItemsList, { variant: "root", items: items, fireFollow: onFollowHandler, fireChange: onChangeHandler, activeHref: activeHref, collapsed: collapsed, withIcons: withIcons, activeTooltip: activeTooltip, setActiveTooltip: setActiveTooltip })))));
 }
 export const createWidgetizedSideNavigation = createWidgetizedComponent(SideNavigationImplementation);

package/lib/internal/template/side-navigation/implementation.js.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/side-navigation/implementation.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, { useCallback, useEffect, useMemo, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useAppLayoutToolbarDesignEnabled } from '../app-layout/utils/feature-flags';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { isDevelopment } from '../internal/is-development';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport { SideNavigationProps } from './interfaces';\nimport { Header, NavigationItemsList } from './parts';\nimport { checkDuplicateHrefs, generateExpandableItemsMapping, hasNavigationIcons } from './util';\n\nimport styles from './styles.css.js';\n\ntype SideNavigationInternalProps = SideNavigationProps & InternalBaseComponentProps;\n\nexport function SideNavigationImplementation({\n  header,\n  itemsControl,\n  activeHref,\n  items = [],\n  onFollow,\n  onChange,\n  collapsed = false,\n  __internalRootRef,\n  ...props\n}: SideNavigationInternalProps) {\n  const baseProps = getBaseProps(props);\n  const isToolbar = useAppLayoutToolbarDesignEnabled();\n  const parentMap = useMemo(() => generateExpandableItemsMapping(items), [items]);\n  const withIcons = useMemo(() => hasNavigationIcons(items), [items]);\n  const [activeTooltip, setActiveTooltip] = useState<string | null>(null);\n\n  if (isDevelopment) {\n    // This code should be wiped in production anyway.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => checkDuplicateHrefs(items), [items]);\n  }\n\n  const onChangeHandler = useCallback(\n    (item: SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup, expanded: boolean) => {\n      // generateExpandableItemsMapping walks through the entire tree, so we're certain about getting a value.\n      fireNonCancelableEvent(onChange, { item, expanded: expanded, expandableParents: parentMap.get(item)! });\n    },\n    [onChange, parentMap]\n  );\n\n  const onFollowHandler = useCallback(\n    (\n      item:\n        | SideNavigationProps.Link\n        | SideNavigationProps.Header\n        | SideNavigationProps.LinkGroup\n        | SideNavigationProps.ExpandableLinkGroup,\n      sourceEvent: React.SyntheticEvent | Event\n    ) => {\n      fireCancelableEvent(onFollow, item, sourceEvent);\n    },\n    [onFollow]\n  );\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        baseProps.className,\n        isToolbar && styles['with-toolbar'],\n        collapsed && styles['root--collapsed']\n      )}\n      ref={__internalRootRef}\n    >\n      {header && (\n        <Header\n          definition={header}\n          activeHref={activeHref}\n          fireChange={onChangeHandler}\n          fireFollow={onFollowHandler}\n          collapsed={collapsed}\n        />\n      )}\n      {!collapsed && itemsControl && <div className={styles['items-control']}>{itemsControl}</div>}\n      {items && (\n        <div className={styles['list-container']}>\n          <NavigationItemsList\n            variant=\"root\"\n            items={items}\n            fireFollow={onFollowHandler}\n            fireChange={onChangeHandler}\n            activeHref={activeHref}\n            collapsed={collapsed}\n            withIcons={withIcons}\n            activeTooltip={activeTooltip}\n            setActiveTooltip={setActiveTooltip}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const createWidgetizedSideNavigation = createWidgetizedComponent(SideNavigationImplementation);\n"]}
+{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/side-navigation/implementation.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, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useAppLayoutToolbarDesignEnabled } from '../app-layout/utils/feature-flags';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { isDevelopment } from '../internal/is-development';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport { SideNavigationProps } from './interfaces';\nimport { Header, NavigationItemsList } from './parts';\nimport {\n  checkCollapsedIconSupport,\n  checkDuplicateHrefs,\n  generateExpandableItemsMapping,\n  hasNavigationIcons,\n} from './util';\n\nimport styles from './styles.css.js';\n\ntype SideNavigationInternalProps = SideNavigationProps & InternalBaseComponentProps;\n\nexport function SideNavigationImplementation({\n  header,\n  itemsControl,\n  activeHref,\n  items = [],\n  onFollow,\n  onChange,\n  collapsed = false,\n  __internalRootRef,\n  ...props\n}: SideNavigationInternalProps) {\n  const baseProps = getBaseProps(props);\n  const isToolbar = useAppLayoutToolbarDesignEnabled();\n  const parentMap = useMemo(() => generateExpandableItemsMapping(items), [items]);\n  const withIcons = useMemo(() => hasNavigationIcons(items), [items]);\n  const [activeTooltip, setActiveTooltip] = useState<string | null>(null);\n\n  const listContainerRef = useRef<HTMLDivElement>(null);\n\n  if (isDevelopment) {\n    // This code should be wiped in production anyway.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => checkDuplicateHrefs(items), [items]);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => checkCollapsedIconSupport(items, collapsed), [items, collapsed]);\n  }\n\n  const onChangeHandler = useCallback(\n    (item: SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup, expanded: boolean) => {\n      // generateExpandableItemsMapping walks through the entire tree, so we're certain about getting a value.\n      fireNonCancelableEvent(onChange, { item, expanded: expanded, expandableParents: parentMap.get(item)! });\n    },\n    [onChange, parentMap]\n  );\n\n  const onFollowHandler = useCallback(\n    (\n      item:\n        | SideNavigationProps.Link\n        | SideNavigationProps.Header\n        | SideNavigationProps.LinkGroup\n        | SideNavigationProps.ExpandableLinkGroup,\n      sourceEvent: React.SyntheticEvent | Event\n    ) => {\n      fireCancelableEvent(onFollow, item, sourceEvent);\n    },\n    [onFollow]\n  );\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        baseProps.className,\n        isToolbar && styles['with-toolbar'],\n        collapsed && styles['root--collapsed']\n      )}\n      ref={__internalRootRef}\n    >\n      {header && (\n        <Header\n          definition={header}\n          activeHref={activeHref}\n          fireChange={onChangeHandler}\n          fireFollow={onFollowHandler}\n          collapsed={collapsed}\n        />\n      )}\n      {!collapsed && itemsControl && <div className={styles['items-control']}>{itemsControl}</div>}\n      {items && (\n        <div ref={listContainerRef} className={styles['list-container']}>\n          <NavigationItemsList\n            variant=\"root\"\n            items={items}\n            fireFollow={onFollowHandler}\n            fireChange={onChangeHandler}\n            activeHref={activeHref}\n            collapsed={collapsed}\n            withIcons={withIcons}\n            activeTooltip={activeTooltip}\n            setActiveTooltip={setActiveTooltip}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const createWidgetizedSideNavigation = createWidgetizedComponent(SideNavigationImplementation);\n"]}

package/lib/internal/template/side-navigation/parts.d.ts

@@ -17,7 +17,8 @@ interface NavigationItemsListProps extends BaseItemComponentProps {
     items: ReadonlyArray<SideNavigationProps.Item>;
     variant: 'section' | 'section-group' | 'link-group' | 'expandable-link-group' | 'root';
     withIcons?: boolean;
+    ariaLabel?: string;
 }
-export declare function NavigationItemsList({ items, variant, activeHref, fireChange, fireFollow, position, collapsed, withIcons, activeTooltip, setActiveTooltip, }: NavigationItemsListProps): JSX.Element;
+export declare function NavigationItemsList({ items, variant, activeHref, fireChange, fireFollow, position, collapsed, withIcons, ariaLabel, activeTooltip, setActiveTooltip, }: NavigationItemsListProps): JSX.Element;
 export {};
 //# sourceMappingURL=parts.d.ts.map

package/lib/internal/template/side-navigation/parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAgB5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOnD,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrH,UAAU,EAAE,CACV,IAAI,EACA,mBAAmB,CAAC,IAAI,GACxB,mBAAmB,CAAC,MAAM,GAC1B,mBAAmB,CAAC,SAAS,GAC7B,mBAAmB,CAAC,mBAAmB,EAC3C,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,KAChC,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD;AAED,UAAU,WAAY,SAAQ,sBAAsB;IAClD,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC;CACxC;AAED,wBAAgB,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,WAAW,eA2DpF;AAED,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,uBAAuB,GAAG,MAAM,CAAC;IACvF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAQD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAa,EACb,SAAS,EACT,SAAS,EACT,aAAa,EACb,gBAAgB,GACjB,EAAE,wBAAwB,eAgS1B"}
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAiB5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOnD,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrH,UAAU,EAAE,CACV,IAAI,EACA,mBAAmB,CAAC,IAAI,GACxB,mBAAmB,CAAC,MAAM,GAC1B,mBAAmB,CAAC,SAAS,GAC7B,mBAAmB,CAAC,mBAAmB,EAC3C,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,KAChC,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD;AAED,UAAU,WAAY,SAAQ,sBAAsB;IAClD,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC;CACxC;AAED,wBAAgB,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,WAAW,eA2DpF;AAED,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,uBAAuB,GAAG,MAAM,CAAC;IACvF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAa,EACb,SAAS,EACT,SAAS,EACT,SAAS,EACT,aAAa,EACb,gBAAgB,GACjB,EAAE,wBAAwB,eAgP1B"}