npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1342 → 3.0.1344 - Mend

@cloudscape-design/components-themeable 3.0.1342 → 3.0.1344

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 (435) 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_l97wz_146:not(#\9) {
+.awsui_root_l0dv0_nsphd_146:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -168,7 +168,7 @@ 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;
@@ -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_l97wz_180:not(#\9) {
+.awsui_with-toolbar_l0dv0_nsphd_180:not(#\9) {
   /* Structural class — parent context for toolbar margin resets. */
 }
-.awsui_header_l0dv0_l97wz_184:not(#\9) {
+.awsui_header_l0dv0_nsphd_184:not(#\9) {
   font-size: var(--font-panel-header-size-vy6xld, 18px);
   letter-spacing: var(--letter-spacing-heading-m-iab0ug, normal);
   line-height: var(--font-panel-header-line-height-4n3q8r, 22px);
@@ -195,56 +195,56 @@ 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_l97wz_198:not(#\9) {
+.awsui_header-link_l0dv0_nsphd_198:not(#\9) {
   font-size: var(--font-panel-header-size-vy6xld, 18px);
   letter-spacing: var(--letter-spacing-heading-m-iab0ug, normal);
   line-height: var(--font-panel-header-line-height-4n3q8r, 22px);
   font-weight: var(--font-weight-heading-l-0v2v9e, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
-  color: var(--color-text-heading-default-wlau07, #16191f);
+  color: var(--color-text-heading-default-x2l7g1, #16191f);
   min-block-size: var(--font-panel-header-line-height-4n3q8r, 22px);
   display: flex;
 }
-.awsui_header-link--has-logo_l0dv0_l97wz_209 > .awsui_header-link-text_l0dv0_l97wz_209:not(#\9) {
+.awsui_header-link--has-logo_l0dv0_nsphd_209 > .awsui_header-link-text_l0dv0_nsphd_209:not(#\9) {
   font-weight: var(--font-weight-normal-fr92v6, 400);
   align-self: center;
 }
-.awsui_header-logo_l0dv0_l97wz_214:not(#\9) {
+.awsui_header-logo_l0dv0_nsphd_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_l97wz_220:not(#\9) {
+.awsui_header-logo--stretched_l0dv0_nsphd_220:not(#\9) {
   max-inline-size: 100%;
   margin-inline-end: 0;
 }
-.awsui_items-control_l0dv0_l97wz_225:not(#\9) {
+.awsui_items-control_l0dv0_nsphd_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-5xw6xo, 22px)) / 2);
 }
-.awsui_list-container_l0dv0_l97wz_230:not(#\9) {
+.awsui_list-container_l0dv0_nsphd_230:not(#\9) {
   margin-block-end: var(--space-panel-content-bottom-igtxf0, 40px);
 }
-.awsui_items-control_l0dv0_l97wz_225:not(#\9),
-.awsui_list-container_l0dv0_l97wz_230:not(#\9) {
+.awsui_items-control_l0dv0_nsphd_225:not(#\9),
+.awsui_list-container_l0dv0_nsphd_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-5xw6xo, 22px)) / 2));
 }
-.awsui_root--collapsed_l0dv0_l97wz_238 > .awsui_items-control_l0dv0_l97wz_225:not(#\9),
-.awsui_root--collapsed_l0dv0_l97wz_238 > .awsui_list-container_l0dv0_l97wz_230:not(#\9) {
+.awsui_root--collapsed_l0dv0_nsphd_238 > .awsui_items-control_l0dv0_nsphd_225:not(#\9),
+.awsui_root--collapsed_l0dv0_nsphd_238 > .awsui_list-container_l0dv0_nsphd_230:not(#\9) {
   margin-block-start: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_with-toolbar_l0dv0_l97wz_180 > .awsui_divider-header_l0dv0_l97wz_242 + .awsui_items-control_l0dv0_l97wz_225:not(#\9),
-.awsui_with-toolbar_l0dv0_l97wz_180 > .awsui_divider-header_l0dv0_l97wz_242 + .awsui_list-container_l0dv0_l97wz_230:not(#\9) {
+.awsui_with-toolbar_l0dv0_nsphd_180 > .awsui_divider-header_l0dv0_nsphd_242 + .awsui_items-control_l0dv0_nsphd_225:not(#\9),
+.awsui_with-toolbar_l0dv0_nsphd_180 > .awsui_divider-header_l0dv0_nsphd_242 + .awsui_list-container_l0dv0_nsphd_230:not(#\9) {
   margin-block-start: calc(-1 * calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-5xw6xo, 22px)) / 2));
 }
-.awsui_list_l0dv0_l97wz_230:not(#\9) {
+.awsui_list_l0dv0_nsphd_230:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -252,87 +252,87 @@ 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_l97wz_255:not(#\9) {
+.awsui_list-variant-root_l0dv0_nsphd_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_l97wz_262:not(#\9) {
+.awsui_list-variant-root--first_l0dv0_nsphd_262:not(#\9) {
   margin-block-start: 0;
 }
-.awsui_list-variant-root--collapsed_l0dv0_l97wz_265:not(#\9) {
+.awsui_list-variant-root--collapsed_l0dv0_nsphd_265:not(#\9) {
   padding-inline-start: 0;
   padding-inline-end: 0;
 }
-.awsui_list-variant-root_l0dv0_l97wz_255.awsui_list--with-icons_l0dv0_l97wz_269:not(#\9):not(.awsui_list-variant-root--collapsed_l0dv0_l97wz_265) {
+.awsui_list-variant-root_l0dv0_nsphd_255.awsui_list--with-icons_l0dv0_nsphd_269:not(#\9):not(.awsui_list-variant-root--collapsed_l0dv0_nsphd_265) {
   padding-inline-start: calc(var(--space-panel-side-right-b77xx0, 32px) - var(--space-xs-kw7k3v, 8px));
 }
-.awsui_list-variant-expandable-link-group_l0dv0_l97wz_273:not(#\9) {
+.awsui_list-variant-expandable-link-group_l0dv0_nsphd_273: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-expandable-link-group_l0dv0_l97wz_273.awsui_list--with-icons_l0dv0_l97wz_269:not(#\9) {
+.awsui_list-variant-expandable-link-group_l0dv0_nsphd_273.awsui_list--with-icons_l0dv0_nsphd_269: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_l0dv0_l97wz_280:not(#\9) {
+.awsui_list-variant-section_l0dv0_nsphd_280:not(#\9) {
   padding-inline-start: calc(var(--space-l-3cws6j, 20px) - var(--space-xs-kw7k3v, 8px));
 }
-.awsui_list-variant-section_l0dv0_l97wz_280.awsui_list--with-icons_l0dv0_l97wz_269:not(#\9) {
+.awsui_list-variant-section_l0dv0_nsphd_280.awsui_list--with-icons_l0dv0_nsphd_269:not(#\9) {
   padding-inline-start: 0;
   margin-inline-start: calc(-1 * var(--space-xs-kw7k3v, 8px));
 }
-.awsui_list-variant-link-group_l0dv0_l97wz_288:not(#\9) {
+.awsui_list-variant-link-group_l0dv0_nsphd_288: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_l97wz_292:not(#\9) {
+.awsui_list-variant-section-group_l0dv0_nsphd_292: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-5xw6xo, 22px)) / 2));
   margin-inline: calc(-1 * var(--space-xs-kw7k3v, 8px));
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_list-item_l0dv0_l97wz_299:not(#\9) {
+.awsui_list-item_l0dv0_nsphd_299:not(#\9) {
   margin-inline: 0;
   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--with-icons_l0dv0_l97wz_269 > .awsui_list-item_l0dv0_l97wz_299:not(#\9) {
+.awsui_list--with-icons_l0dv0_nsphd_269 > .awsui_list-item_l0dv0_nsphd_299:not(#\9) {
   margin-block: var(--space-side-navigation-item-icon-gap-okmvxs, 4px);
 }
-.awsui_list-variant-root--first_l0dv0_l97wz_262 > .awsui_list-item_l0dv0_l97wz_299:not(#\9):first-child {
+.awsui_list-variant-root--first_l0dv0_nsphd_262 > .awsui_list-item_l0dv0_nsphd_299:not(#\9):first-child {
   margin-block-start: 0px;
 }
-.awsui_list-item--collapsed_l0dv0_l97wz_312:not(#\9) {
+.awsui_list-item--collapsed_l0dv0_nsphd_312: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_l97wz_319:not(#\9) {
+.awsui_list-item--group_l0dv0_nsphd_319:not(#\9) {
   padding-inline: 0;
   padding-block: var(--space-scaled-s-gjhvjd, 12px);
   list-style: none;
 }
-.awsui_list-item--group-no-padding-start_l0dv0_l97wz_324:not(#\9) {
+.awsui_list-item--group-no-padding-start_l0dv0_nsphd_324:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_list-item--group-no-padding-end_l0dv0_l97wz_327:not(#\9) {
+.awsui_list-item--group-no-padding-end_l0dv0_nsphd_327:not(#\9) {
   padding-block-end: 0;
 }
-.awsui_list-item--link-with-info_l0dv0_l97wz_330:not(#\9) {
+.awsui_list-item--link-with-info_l0dv0_nsphd_330:not(#\9) {
   display: flex;
   align-items: baseline;
 }
-.awsui_list--collapsed-group_l0dv0_l97wz_335:not(#\9) {
+.awsui_list--collapsed-group_l0dv0_nsphd_335:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -340,15 +340,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
 }
-.awsui_section_l0dv0_l97wz_343:not(#\9),
-.awsui_expandable-link-group_l0dv0_l97wz_344:not(#\9) {
+.awsui_section_l0dv0_nsphd_343:not(#\9),
+.awsui_expandable-link-group_l0dv0_nsphd_344:not(#\9) {
   margin-inline-start: calc(-1 * var(--space-l-3cws6j, 20px));
 }
-.awsui_section--no-ident_l0dv0_l97wz_347:not(#\9), .awsui_section--expand-icon-end_l0dv0_l97wz_347:not(#\9), .awsui_expandable-link-group--no-ident_l0dv0_l97wz_348:not(#\9), .awsui_expandable-link-group--expand-icon-end_l0dv0_l97wz_349:not(#\9) {
+.awsui_section--no-ident_l0dv0_nsphd_347:not(#\9), .awsui_section--expand-icon-end_l0dv0_nsphd_347:not(#\9), .awsui_expandable-link-group--no-ident_l0dv0_nsphd_348:not(#\9), .awsui_expandable-link-group--expand-icon-end_l0dv0_nsphd_349:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_expandable-link-group_l0dv0_l97wz_344 > div:not(#\9):first-child {
+.awsui_expandable-link-group_l0dv0_nsphd_344 > div:not(#\9):first-child {
   border-start-start-radius: var(--border-radius-side-navigation-item-umkj1e, 0px);
   border-start-end-radius: var(--border-radius-side-navigation-item-umkj1e, 0px);
   border-end-start-radius: var(--border-radius-side-navigation-item-umkj1e, 0px);
@@ -359,44 +359,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: content-box;
 }
-.awsui_expandable-link-group--active_l0dv0_l97wz_364 > div:not(#\9):first-child {
+.awsui_expandable-link-group--active_l0dv0_nsphd_364 > div:not(#\9):first-child {
   background-color: var(--color-background-side-navigation-item-active-jencj9, transparent);
 }
-.awsui_section_l0dv0_l97wz_343:not(#\9) {
+.awsui_section_l0dv0_nsphd_343:not(#\9) {
   margin-block: calc(var(--space-scaled-2x-l-hgjmqp, 20px) - var(--border-divider-section-width-dlkb8v, 1px));
 }
-.awsui_section_l0dv0_l97wz_343.awsui_refresh_l0dv0_l97wz_371:not(#\9) {
+.awsui_section_l0dv0_nsphd_343.awsui_refresh_l0dv0_nsphd_371:not(#\9) {
   margin-block: calc(var(--space-scaled-xs-sppte9, 8px) - var(--border-divider-section-width-dlkb8v, 1px));
 }
-.awsui_list-variant-root--first_l0dv0_l97wz_262 > .awsui_list-item_l0dv0_l97wz_299:not(#\9):first-child > .awsui_section_l0dv0_l97wz_343 {
+.awsui_list-variant-root--first_l0dv0_nsphd_262 > .awsui_list-item_l0dv0_nsphd_299:not(#\9):first-child > .awsui_section_l0dv0_nsphd_343 {
   margin-block-start: 0px;
 }
-.awsui_section-header_l0dv0_l97wz_378:not(#\9) {
+.awsui_section-header_l0dv0_nsphd_378:not(#\9) {
   display: contents;
   font-size: var(--font-side-navigation-section-header-size-i9jmyw, inherit);
   font-weight: var(--font-side-navigation-section-header-weight-kgk4tm, inherit);
 }
-.awsui_section-group_l0dv0_l97wz_384:not(#\9) {
+.awsui_section-group_l0dv0_nsphd_384:not(#\9) {
   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_l97wz_262 > .awsui_list-item_l0dv0_l97wz_299:not(#\9):first-child > .awsui_section-group_l0dv0_l97wz_384 {
+.awsui_list-variant-root--first_l0dv0_nsphd_262 > .awsui_list-item_l0dv0_nsphd_299:not(#\9):first-child > .awsui_section-group_l0dv0_nsphd_384 {
   margin-block-start: 0px;
 }
-.awsui_section-group-title_l0dv0_l97wz_392:not(#\9) {
+.awsui_section-group-title_l0dv0_nsphd_392:not(#\9) {
   display: flex;
   align-items: center;
   margin-block: 0;
 }
-.awsui_link_l0dv0_l97wz_398:not(#\9) {
+.awsui_link_l0dv0_nsphd_398:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-side-navigation-item-default-y356qx, #545b64);
+  color: var(--color-text-side-navigation-item-default-09q5x3, #545b64);
   display: flex;
   padding-block: calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-5xw6xo, 22px)) / 2);
   min-inline-size: var(--size-side-navigation-item-height-nnzau5, 28px);
@@ -411,21 +411,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_link-active_l0dv0_l97wz_416:not(#\9) {
+.awsui_link-active_l0dv0_nsphd_416:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-mlvia6, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
-  color: var(--color-text-side-navigation-item-active-7en75b, #0073bb);
+  color: var(--color-text-side-navigation-item-active-5j1uj0, #0073bb);
   background-color: var(--color-background-side-navigation-item-active-jencj9, transparent);
 }
-.awsui_link-active_l0dv0_l97wz_416.awsui_link--collapsed_l0dv0_l97wz_423: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_nsphd_416.awsui_link--collapsed_l0dv0_nsphd_423:not(#\9) {
+  color: var(--color-text-side-navigation-item-active-collapsed-u92wy2, #ffffff);
+  background-color: var(--color-background-side-navigation-item-active-collapsed-ggffiq, #0073bb);
 }
-.awsui_link-active_l0dv0_l97wz_416.awsui_link--collapsed_l0dv0_l97wz_423:not(#\9):hover {
-  color: var(--color-text-side-navigation-item-active-collapsed-due51j, #ffffff);
+.awsui_link-active_l0dv0_nsphd_416.awsui_link--collapsed_l0dv0_nsphd_423:not(#\9):hover {
+  color: var(--color-text-side-navigation-item-active-collapsed-u92wy2, #ffffff);
 }
-.awsui_link--collapsed_l0dv0_l97wz_423:not(#\9) {
+.awsui_link--collapsed_l0dv0_nsphd_423:not(#\9) {
   padding-inline: 0;
   margin-inline: 0;
   justify-content: center;
@@ -436,82 +436,82 @@ 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_l97wz_198:not(#\9),
-.awsui_link_l0dv0_l97wz_398:not(#\9) {
+.awsui_header-link_l0dv0_nsphd_198:not(#\9),
+.awsui_link_l0dv0_nsphd_398:not(#\9) {
   text-decoration: none;
 }
-.awsui_header-link_l0dv0_l97wz_198:not(#\9):hover,
-.awsui_link_l0dv0_l97wz_398:not(#\9):hover {
-  color: var(--color-text-side-navigation-item-active-7en75b, #0073bb);
+.awsui_header-link_l0dv0_nsphd_198:not(#\9):hover,
+.awsui_link_l0dv0_nsphd_398:not(#\9):hover {
+  color: var(--color-text-side-navigation-item-active-5j1uj0, #0073bb);
 }
-.awsui_header-link_l0dv0_l97wz_198:not(#\9):focus,
-.awsui_link_l0dv0_l97wz_398:not(#\9):focus {
+.awsui_header-link_l0dv0_nsphd_198:not(#\9):focus,
+.awsui_link_l0dv0_nsphd_398:not(#\9):focus {
   outline: none;
 }
-.awsui_header-link_l0dv0_l97wz_198:not(#\9):hover, .awsui_header-link_l0dv0_l97wz_198:not(#\9):focus, .awsui_link_l0dv0_l97wz_398:not(#\9):hover, .awsui_link_l0dv0_l97wz_398:not(#\9):focus {
+.awsui_header-link_l0dv0_nsphd_198:not(#\9):hover, .awsui_header-link_l0dv0_nsphd_198:not(#\9):focus, .awsui_link_l0dv0_nsphd_398:not(#\9):hover, .awsui_link_l0dv0_nsphd_398:not(#\9):focus {
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_l97wz_198:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_link_l0dv0_l97wz_398:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_nsphd_198:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_link_l0dv0_nsphd_398:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-r5f6xl, #0073bb);
+  outline-color: var(--color-border-item-focused-a3thrr, #0073bb);
   border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-a3thrr, #0073bb);
 }
-.awsui_link-text-wrapper_l0dv0_l97wz_471:not(#\9) {
+.awsui_link-text-wrapper_l0dv0_nsphd_471:not(#\9) {
   min-inline-size: 0;
 }
-.awsui_info_l0dv0_l97wz_475:not(#\9) {
+.awsui_info_l0dv0_nsphd_475:not(#\9) {
   margin-inline-start: var(--space-s-4a5hs8, 12px);
   flex-shrink: 0;
 }
-.awsui_item-icon_l0dv0_l97wz_480:not(#\9) {
+.awsui_item-icon_l0dv0_nsphd_480:not(#\9) {
   display: inline-flex;
   flex-shrink: 0;
 }
-.awsui_item-icon_l0dv0_l97wz_480:not(#\9):not(.awsui_item-icon--collapsed_l0dv0_l97wz_484) {
+.awsui_item-icon_l0dv0_nsphd_480:not(#\9):not(.awsui_item-icon--collapsed_l0dv0_nsphd_484) {
   margin-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_external-icon_l0dv0_l97wz_488:not(#\9) {
+.awsui_external-icon_l0dv0_nsphd_488:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_divider_l0dv0_l97wz_242:not(#\9) {
+.awsui_divider_l0dv0_nsphd_242:not(#\9) {
   border-block: none;
   border-inline: none;
 }
-.awsui_divider-default_l0dv0_l97wz_496:not(#\9) {
+.awsui_divider-default_l0dv0_nsphd_496: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-5xw6xo, 22px)) / 2));
-  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-hfk422, #eaeded);
 }
-.awsui_divider-default_l0dv0_l97wz_496.awsui_divider--collapsed_l0dv0_l97wz_500:not(#\9) {
+.awsui_divider-default_l0dv0_nsphd_496.awsui_divider--collapsed_l0dv0_nsphd_500:not(#\9) {
   margin-block: var(--space-scaled-2x-m-gw45gq, 16px);
   margin-inline: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_divider-header_l0dv0_l97wz_242:not(#\9) {
+.awsui_divider-header_l0dv0_nsphd_242:not(#\9) {
   margin-block: 0;
-  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-foa5nl, #eaeded);
 }
-.awsui_with-toolbar_l0dv0_l97wz_180 > .awsui_divider-header_l0dv0_l97wz_242:not(#\9) {
+.awsui_with-toolbar_l0dv0_nsphd_180 > .awsui_divider-header_l0dv0_nsphd_242:not(#\9) {
   border-color: transparent;
 }
-.awsui_list--with-icons_l0dv0_l97wz_269 > .awsui_list-item_l0dv0_l97wz_299 > .awsui_link_l0dv0_l97wz_398:not(#\9):not(.awsui_link-active_l0dv0_l97wz_416.awsui_link--collapsed_l0dv0_l97wz_423):hover {
-  background-color: var(--color-background-side-navigation-item-icon-hover-iyxr7g, #f1faff);
+.awsui_list--with-icons_l0dv0_nsphd_269 > .awsui_list-item_l0dv0_nsphd_299 > .awsui_link_l0dv0_nsphd_398:not(#\9):not(.awsui_link-active_l0dv0_nsphd_416.awsui_link--collapsed_l0dv0_nsphd_423):hover {
+  background-color: var(--color-background-side-navigation-item-icon-hover-r7but1, #f1faff);
 }
-.awsui_list--with-icons_l0dv0_l97wz_269 > .awsui_list-item_l0dv0_l97wz_299 > .awsui_expandable-link-group_l0dv0_l97wz_344 > div:not(#\9):first-child:hover {
-  background-color: var(--color-background-side-navigation-item-icon-hover-iyxr7g, #f1faff);
+.awsui_list--with-icons_l0dv0_nsphd_269 > .awsui_list-item_l0dv0_nsphd_299 > .awsui_expandable-link-group_l0dv0_nsphd_344 > div:not(#\9):first-child:hover {
+  background-color: var(--color-background-side-navigation-item-icon-hover-r7but1, #f1faff);
 }
-.awsui_list--with-icons_l0dv0_l97wz_269 > .awsui_list-item_l0dv0_l97wz_299 > .awsui_section_l0dv0_l97wz_343 > :not(#\9):first-child {
+.awsui_list--with-icons_l0dv0_nsphd_269 > .awsui_list-item_l0dv0_nsphd_299 > .awsui_section_l0dv0_nsphd_343 > :not(#\9):first-child {
   border-start-start-radius: var(--border-radius-side-navigation-item-umkj1e, 0px);
   border-start-end-radius: var(--border-radius-side-navigation-item-umkj1e, 0px);
   border-end-start-radius: var(--border-radius-side-navigation-item-umkj1e, 0px);
@@ -521,10 +521,10 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_l97wz_398:not(#\9):focus {
   margin-inline: calc(-1 * var(--space-xs-kw7k3v, 8px));
   box-sizing: content-box;
 }
-.awsui_list--with-icons_l0dv0_l97wz_269 > .awsui_list-item_l0dv0_l97wz_299 > .awsui_section_l0dv0_l97wz_343 > :not(#\9):first-child:hover {
-  background-color: var(--color-background-side-navigation-item-icon-hover-iyxr7g, #f1faff);
+.awsui_list--with-icons_l0dv0_nsphd_269 > .awsui_list-item_l0dv0_nsphd_299 > .awsui_section_l0dv0_nsphd_343 > :not(#\9):first-child:hover {
+  background-color: var(--color-background-side-navigation-item-icon-hover-r7but1, #f1faff);
 }
-.awsui_link--collapsed_l0dv0_l97wz_423:not(#\9):not(.awsui_link-active_l0dv0_l97wz_416):hover {
-  background-color: var(--color-background-side-navigation-item-icon-hover-iyxr7g, #f1faff);
+.awsui_link--collapsed_l0dv0_nsphd_423:not(#\9):not(.awsui_link-active_l0dv0_nsphd_416):hover {
+  background-color: var(--color-background-side-navigation-item-icon-hover-r7but1, #f1faff);
 }

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

@@ -2,55 +2,55 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_l0dv0_l97wz_146",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_l97wz_180",
-  "header": "awsui_header_l0dv0_l97wz_184",
-  "header-link": "awsui_header-link_l0dv0_l97wz_198",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_l97wz_209",
-  "header-link-text": "awsui_header-link-text_l0dv0_l97wz_209",
-  "header-logo": "awsui_header-logo_l0dv0_l97wz_214",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_l97wz_220",
-  "items-control": "awsui_items-control_l0dv0_l97wz_225",
-  "list-container": "awsui_list-container_l0dv0_l97wz_230",
-  "root--collapsed": "awsui_root--collapsed_l0dv0_l97wz_238",
-  "divider-header": "awsui_divider-header_l0dv0_l97wz_242",
-  "list": "awsui_list_l0dv0_l97wz_230",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_l97wz_255",
-  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_l97wz_262",
-  "list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_l97wz_265",
-  "list--with-icons": "awsui_list--with-icons_l0dv0_l97wz_269",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_l97wz_273",
-  "list-variant-section": "awsui_list-variant-section_l0dv0_l97wz_280",
-  "list-variant-link-group": "awsui_list-variant-link-group_l0dv0_l97wz_288",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_l97wz_292",
-  "list-item": "awsui_list-item_l0dv0_l97wz_299",
-  "list-item--collapsed": "awsui_list-item--collapsed_l0dv0_l97wz_312",
-  "list-item--group": "awsui_list-item--group_l0dv0_l97wz_319",
-  "list-item--group-no-padding-start": "awsui_list-item--group-no-padding-start_l0dv0_l97wz_324",
-  "list-item--group-no-padding-end": "awsui_list-item--group-no-padding-end_l0dv0_l97wz_327",
-  "list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_l97wz_330",
-  "list--collapsed-group": "awsui_list--collapsed-group_l0dv0_l97wz_335",
-  "section": "awsui_section_l0dv0_l97wz_343",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_l97wz_344",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_l97wz_347",
-  "section--expand-icon-end": "awsui_section--expand-icon-end_l0dv0_l97wz_347",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_l97wz_348",
-  "expandable-link-group--expand-icon-end": "awsui_expandable-link-group--expand-icon-end_l0dv0_l97wz_349",
-  "expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_l97wz_364",
-  "refresh": "awsui_refresh_l0dv0_l97wz_371",
-  "section-header": "awsui_section-header_l0dv0_l97wz_378",
-  "section-group": "awsui_section-group_l0dv0_l97wz_384",
-  "section-group-title": "awsui_section-group-title_l0dv0_l97wz_392",
-  "link": "awsui_link_l0dv0_l97wz_398",
-  "link-active": "awsui_link-active_l0dv0_l97wz_416",
-  "link--collapsed": "awsui_link--collapsed_l0dv0_l97wz_423",
-  "link-text-wrapper": "awsui_link-text-wrapper_l0dv0_l97wz_471",
-  "info": "awsui_info_l0dv0_l97wz_475",
-  "item-icon": "awsui_item-icon_l0dv0_l97wz_480",
-  "item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_l97wz_484",
-  "external-icon": "awsui_external-icon_l0dv0_l97wz_488",
-  "divider": "awsui_divider_l0dv0_l97wz_242",
-  "divider-default": "awsui_divider-default_l0dv0_l97wz_496",
-  "divider--collapsed": "awsui_divider--collapsed_l0dv0_l97wz_500"
+  "root": "awsui_root_l0dv0_nsphd_146",
+  "with-toolbar": "awsui_with-toolbar_l0dv0_nsphd_180",
+  "header": "awsui_header_l0dv0_nsphd_184",
+  "header-link": "awsui_header-link_l0dv0_nsphd_198",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_nsphd_209",
+  "header-link-text": "awsui_header-link-text_l0dv0_nsphd_209",
+  "header-logo": "awsui_header-logo_l0dv0_nsphd_214",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_nsphd_220",
+  "items-control": "awsui_items-control_l0dv0_nsphd_225",
+  "list-container": "awsui_list-container_l0dv0_nsphd_230",
+  "root--collapsed": "awsui_root--collapsed_l0dv0_nsphd_238",
+  "divider-header": "awsui_divider-header_l0dv0_nsphd_242",
+  "list": "awsui_list_l0dv0_nsphd_230",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_nsphd_255",
+  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_nsphd_262",
+  "list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_nsphd_265",
+  "list--with-icons": "awsui_list--with-icons_l0dv0_nsphd_269",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_nsphd_273",
+  "list-variant-section": "awsui_list-variant-section_l0dv0_nsphd_280",
+  "list-variant-link-group": "awsui_list-variant-link-group_l0dv0_nsphd_288",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_nsphd_292",
+  "list-item": "awsui_list-item_l0dv0_nsphd_299",
+  "list-item--collapsed": "awsui_list-item--collapsed_l0dv0_nsphd_312",
+  "list-item--group": "awsui_list-item--group_l0dv0_nsphd_319",
+  "list-item--group-no-padding-start": "awsui_list-item--group-no-padding-start_l0dv0_nsphd_324",
+  "list-item--group-no-padding-end": "awsui_list-item--group-no-padding-end_l0dv0_nsphd_327",
+  "list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_nsphd_330",
+  "list--collapsed-group": "awsui_list--collapsed-group_l0dv0_nsphd_335",
+  "section": "awsui_section_l0dv0_nsphd_343",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_nsphd_344",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_nsphd_347",
+  "section--expand-icon-end": "awsui_section--expand-icon-end_l0dv0_nsphd_347",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_nsphd_348",
+  "expandable-link-group--expand-icon-end": "awsui_expandable-link-group--expand-icon-end_l0dv0_nsphd_349",
+  "expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_nsphd_364",
+  "refresh": "awsui_refresh_l0dv0_nsphd_371",
+  "section-header": "awsui_section-header_l0dv0_nsphd_378",
+  "section-group": "awsui_section-group_l0dv0_nsphd_384",
+  "section-group-title": "awsui_section-group-title_l0dv0_nsphd_392",
+  "link": "awsui_link_l0dv0_nsphd_398",
+  "link-active": "awsui_link-active_l0dv0_nsphd_416",
+  "link--collapsed": "awsui_link--collapsed_l0dv0_nsphd_423",
+  "link-text-wrapper": "awsui_link-text-wrapper_l0dv0_nsphd_471",
+  "info": "awsui_info_l0dv0_nsphd_475",
+  "item-icon": "awsui_item-icon_l0dv0_nsphd_480",
+  "item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_nsphd_484",
+  "external-icon": "awsui_external-icon_l0dv0_nsphd_488",
+  "divider": "awsui_divider_l0dv0_nsphd_242",
+  "divider-default": "awsui_divider-default_l0dv0_nsphd_496",
+  "divider--collapsed": "awsui_divider--collapsed_l0dv0_nsphd_500"
 };

package/lib/internal/template/skeleton/styles.css.js CHANGED Viewed

@@ -1,20 +1,20 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1qq5l_1x68q_161",
-  "inner": "awsui_inner_1qq5l_1x68q_164",
-  "skeleton-wave": "awsui_skeleton-wave_1qq5l_1x68q_1",
-  "skeleton-wave-rtl": "awsui_skeleton-wave-rtl_1qq5l_1x68q_1",
-  "display-block": "awsui_display-block_1qq5l_1x68q_222",
-  "display-inline-block": "awsui_display-inline-block_1qq5l_1x68q_226",
-  "display-inline": "awsui_display-inline_1qq5l_1x68q_226",
-  "variant-text-body-s": "awsui_variant-text-body-s_1qq5l_1x68q_235",
-  "variant-text-body-m": "awsui_variant-text-body-m_1qq5l_1x68q_240",
-  "variant-text-heading-xs": "awsui_variant-text-heading-xs_1qq5l_1x68q_245",
-  "variant-text-heading-s": "awsui_variant-text-heading-s_1qq5l_1x68q_250",
-  "variant-text-heading-m": "awsui_variant-text-heading-m_1qq5l_1x68q_255",
-  "variant-text-heading-l": "awsui_variant-text-heading-l_1qq5l_1x68q_260",
-  "variant-text-heading-xl": "awsui_variant-text-heading-xl_1qq5l_1x68q_265",
-  "variant-text-display-l": "awsui_variant-text-display-l_1qq5l_1x68q_270"
+  "root": "awsui_root_1qq5l_18fof_161",
+  "inner": "awsui_inner_1qq5l_18fof_164",
+  "skeleton-wave": "awsui_skeleton-wave_1qq5l_18fof_1",
+  "skeleton-wave-rtl": "awsui_skeleton-wave-rtl_1qq5l_18fof_1",
+  "display-block": "awsui_display-block_1qq5l_18fof_222",
+  "display-inline-block": "awsui_display-inline-block_1qq5l_18fof_226",
+  "display-inline": "awsui_display-inline_1qq5l_18fof_226",
+  "variant-text-body-s": "awsui_variant-text-body-s_1qq5l_18fof_235",
+  "variant-text-body-m": "awsui_variant-text-body-m_1qq5l_18fof_240",
+  "variant-text-heading-xs": "awsui_variant-text-heading-xs_1qq5l_18fof_245",
+  "variant-text-heading-s": "awsui_variant-text-heading-s_1qq5l_18fof_250",
+  "variant-text-heading-m": "awsui_variant-text-heading-m_1qq5l_18fof_255",
+  "variant-text-heading-l": "awsui_variant-text-heading-l_1qq5l_18fof_260",
+  "variant-text-heading-xl": "awsui_variant-text-heading-xl_1qq5l_18fof_265",
+  "variant-text-display-l": "awsui_variant-text-display-l_1qq5l_18fof_270"
 };