npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.850 → 3.0.852 - Mend

@cloudscape-design/components-themeable 3.0.850 → 3.0.852

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 (297) hide show

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

@@ -1,10 +1,10 @@
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1sxt8_11t5u_177",
-  "header": "awsui_header_1sxt8_11t5u_213",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_11t5u_228",
-  "content": "awsui_content_1sxt8_11t5u_246",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_11t5u_252"
+  "drawer": "awsui_drawer_1sxt8_3wf5i_177",
+  "header": "awsui_header_1sxt8_3wf5i_210",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_3wf5i_225",
+  "content": "awsui_content_1sxt8_3wf5i_243",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_3wf5i_249"
 };

package/lib/internal/template/drawer/styles.scoped.css CHANGED Viewed

@@ -174,7 +174,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_drawer_1sxt8_11t5u_177:not(#\9) {
+.awsui_drawer_1sxt8_3wf5i_177:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -183,12 +183,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -211,7 +208,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
 }
-.awsui_header_1sxt8_11t5u_213:not(#\9) {
+.awsui_header_1sxt8_3wf5i_210:not(#\9) {
   font-size: var(--font-panel-header-size-197c0y, 18px);
   line-height: var(--font-panel-header-line-height-av95ns, 22px);
   font-weight: var(--font-weight-heading-l-ypbqtk, 700);
@@ -226,15 +223,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_with-toolbar_1sxt8_11t5u_228 > .awsui_header_1sxt8_11t5u_213:not(#\9) {
+.awsui_with-toolbar_1sxt8_3wf5i_225 > .awsui_header_1sxt8_3wf5i_210:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1sxt8_11t5u_213 h2:not(#\9),
-.awsui_header_1sxt8_11t5u_213 h3:not(#\9),
-.awsui_header_1sxt8_11t5u_213 h4:not(#\9),
-.awsui_header_1sxt8_11t5u_213 h5:not(#\9),
-.awsui_header_1sxt8_11t5u_213 h6:not(#\9) {
+.awsui_header_1sxt8_3wf5i_210 h2:not(#\9),
+.awsui_header_1sxt8_3wf5i_210 h3:not(#\9),
+.awsui_header_1sxt8_3wf5i_210 h4:not(#\9),
+.awsui_header_1sxt8_3wf5i_210 h5:not(#\9),
+.awsui_header_1sxt8_3wf5i_210 h6:not(#\9) {
   font-size: var(--font-panel-header-size-197c0y, 18px);
   line-height: var(--font-panel-header-line-height-av95ns, 22px);
   font-weight: var(--font-weight-heading-l-ypbqtk, 700);
@@ -244,12 +241,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
-.awsui_content_1sxt8_11t5u_246:not(#\9):not(:empty) {
+.awsui_content_1sxt8_3wf5i_243:not(#\9):not(:empty) {
   padding-inline-start: var(--space-panel-side-left-1i2jyv, 32px);
   padding-inline-end: var(--space-panel-side-right-otvpm8, 32px);
   padding-block-end: var(--space-panel-content-bottom-attpcy, 40px);
 }
-.awsui_test-utils-drawer-content_1sxt8_11t5u_252:not(#\9) {
+.awsui_test-utils-drawer-content_1sxt8_3wf5i_249:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/drawer/styles.selectors.js CHANGED Viewed

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1sxt8_11t5u_177",
-  "header": "awsui_header_1sxt8_11t5u_213",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_11t5u_228",
-  "content": "awsui_content_1sxt8_11t5u_246",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_11t5u_252"
+  "drawer": "awsui_drawer_1sxt8_3wf5i_177",
+  "header": "awsui_header_1sxt8_3wf5i_210",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_3wf5i_225",
+  "content": "awsui_content_1sxt8_3wf5i_243",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_3wf5i_249"
 };

package/lib/internal/template/expandable-section/styles.css.js CHANGED Viewed

@@ -1,39 +1,39 @@
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_gwq0h_1errh_157",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1errh_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_1errh_179",
-  "icon": "awsui_icon_gwq0h_1errh_193",
-  "root": "awsui_root_gwq0h_1errh_207",
-  "expand-button": "awsui_expand-button_gwq0h_1errh_245",
-  "expanded": "awsui_expanded_gwq0h_1errh_253",
-  "icon-container": "awsui_icon-container_gwq0h_1errh_263",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_1errh_267",
-  "wrapper": "awsui_wrapper_gwq0h_1errh_271",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_1errh_279",
-  "wrapper-inline": "awsui_wrapper-inline_gwq0h_1errh_279",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_1errh_279",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1errh_283",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_1errh_286",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_1errh_290",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_1errh_303",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1errh_309",
-  "header": "awsui_header_gwq0h_1errh_303",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_1errh_346",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1errh_358",
-  "header-button": "awsui_header-button_gwq0h_1errh_364",
-  "header-container-button": "awsui_header-container-button_gwq0h_1errh_364",
-  "header-container": "awsui_header-container_gwq0h_1errh_364",
-  "header-navigation": "awsui_header-navigation_gwq0h_1errh_399",
-  "header-text": "awsui_header-text_gwq0h_1errh_436",
-  "content": "awsui_content_gwq0h_1errh_157",
-  "content-default": "awsui_content-default_gwq0h_1errh_449",
-  "content-inline": "awsui_content-inline_gwq0h_1errh_449",
-  "content-footer": "awsui_content-footer_gwq0h_1errh_453",
-  "content-expanded": "awsui_content-expanded_gwq0h_1errh_457",
-  "content-compact": "awsui_content-compact_gwq0h_1errh_460",
-  "focusable": "awsui_focusable_gwq0h_1errh_464",
-  "click-target": "awsui_click-target_gwq0h_1errh_479"
+  "content-enter": "awsui_content-enter_gwq0h_nmm9x_157",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_nmm9x_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_nmm9x_179",
+  "icon": "awsui_icon_gwq0h_nmm9x_193",
+  "root": "awsui_root_gwq0h_nmm9x_207",
+  "expand-button": "awsui_expand-button_gwq0h_nmm9x_242",
+  "expanded": "awsui_expanded_gwq0h_nmm9x_250",
+  "icon-container": "awsui_icon-container_gwq0h_nmm9x_260",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_nmm9x_264",
+  "wrapper": "awsui_wrapper_gwq0h_nmm9x_268",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_nmm9x_276",
+  "wrapper-inline": "awsui_wrapper-inline_gwq0h_nmm9x_276",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_nmm9x_276",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_nmm9x_280",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_nmm9x_283",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_nmm9x_287",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_nmm9x_300",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_nmm9x_306",
+  "header": "awsui_header_gwq0h_nmm9x_300",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_nmm9x_343",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_nmm9x_355",
+  "header-button": "awsui_header-button_gwq0h_nmm9x_361",
+  "header-container-button": "awsui_header-container-button_gwq0h_nmm9x_361",
+  "header-container": "awsui_header-container_gwq0h_nmm9x_361",
+  "header-navigation": "awsui_header-navigation_gwq0h_nmm9x_396",
+  "header-text": "awsui_header-text_gwq0h_nmm9x_433",
+  "content": "awsui_content_gwq0h_nmm9x_157",
+  "content-default": "awsui_content-default_gwq0h_nmm9x_446",
+  "content-inline": "awsui_content-inline_gwq0h_nmm9x_446",
+  "content-footer": "awsui_content-footer_gwq0h_nmm9x_450",
+  "content-expanded": "awsui_content-expanded_gwq0h_nmm9x_454",
+  "content-compact": "awsui_content-compact_gwq0h_nmm9x_457",
+  "focusable": "awsui_focusable_gwq0h_nmm9x_461",
+  "click-target": "awsui_click-target_gwq0h_nmm9x_476"
 };

package/lib/internal/template/expandable-section/styles.scoped.css CHANGED Viewed

@@ -154,10 +154,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_content-enter_gwq0h_1errh_157:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_1errh_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
+.awsui_content-enter_gwq0h_nmm9x_157:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_nmm9x_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_1errh_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_nmm9x_1 {
   from {
     opacity: 0.2;
   }
@@ -166,45 +166,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-enter_gwq0h_1errh_157:not(#\9) {
+  .awsui_content-enter_gwq0h_nmm9x_157:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_1errh_157:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_1errh_157:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_nmm9x_157:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_nmm9x_157:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_trigger-expanded_gwq0h_1errh_179:not(#\9) {
+.awsui_trigger-expanded_gwq0h_nmm9x_179:not(#\9) {
   transition: border-bottom-color var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_1errh_179:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_nmm9x_179:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_1errh_179:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_1errh_179:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_nmm9x_179:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_nmm9x_179:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_icon_gwq0h_1errh_193:not(#\9) {
+.awsui_icon_gwq0h_nmm9x_193:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-bpnkq9, 135ms) var(--motion-easing-rotate-90-c61wiy, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_1errh_193:not(#\9) {
+  .awsui_icon_gwq0h_nmm9x_193:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_1errh_193:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1errh_193:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_nmm9x_193:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_nmm9x_193:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_gwq0h_1errh_207:not(#\9) {
+.awsui_root_gwq0h_nmm9x_207:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -213,12 +213,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -243,33 +240,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
-.awsui_expand-button_gwq0h_1errh_245:not(#\9) {
+.awsui_expand-button_gwq0h_nmm9x_242:not(#\9) {
   outline: none;
 }
-.awsui_icon_gwq0h_1errh_193:not(#\9) {
+.awsui_icon_gwq0h_nmm9x_193:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_icon_gwq0h_1errh_193.awsui_expanded_gwq0h_1errh_253:not(#\9) {
+.awsui_icon_gwq0h_nmm9x_193.awsui_expanded_gwq0h_nmm9x_250:not(#\9) {
   transform: rotate(0deg);
 }
-.awsui_icon_gwq0h_1errh_193:not(#\9):dir(rtl) {
+.awsui_icon_gwq0h_nmm9x_193:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_icon_gwq0h_1errh_193:not(#\9):dir(rtl).awsui_expanded_gwq0h_1errh_253 {
+.awsui_icon_gwq0h_nmm9x_193:not(#\9):dir(rtl).awsui_expanded_gwq0h_nmm9x_250 {
   transform: rotate(0deg);
 }
-.awsui_icon-container_gwq0h_1errh_263:not(#\9) {
+.awsui_icon-container_gwq0h_nmm9x_260:not(#\9) {
   position: relative;
   margin-inline: calc((var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2) calc(var(--space-xxs-y2432o, 4px) + var(--border-divider-list-width-x6rz7e, 1px));
 }
-.awsui_icon-container-container_gwq0h_1errh_267:not(#\9) {
+.awsui_icon-container-container_gwq0h_nmm9x_264:not(#\9) {
   margin-inline-end: var(--space-xs-6dgkww, 8px);
 }
-.awsui_wrapper_gwq0h_1errh_271:not(#\9) {
+.awsui_wrapper_gwq0h_nmm9x_268:not(#\9) {
   box-sizing: border-box;
   border-block: none;
   border-inline: none;
@@ -277,78 +274,78 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-m-gw0130, 22px);
   text-align: start;
 }
-.awsui_wrapper-default_gwq0h_1errh_279:not(#\9), .awsui_wrapper-inline_gwq0h_1errh_279:not(#\9), .awsui_wrapper-footer_gwq0h_1errh_279:not(#\9) {
+.awsui_wrapper-default_gwq0h_nmm9x_276:not(#\9), .awsui_wrapper-inline_gwq0h_nmm9x_276:not(#\9), .awsui_wrapper-footer_gwq0h_nmm9x_276:not(#\9) {
   border-block: var(--border-divider-section-width-iueskx, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-iueskx, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_1errh_283:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_nmm9x_280:not(#\9) {
   border-inline-start: var(--border-divider-section-width-iueskx, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_1errh_283:not(#\9), .awsui_wrapper-container_gwq0h_1errh_286:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_nmm9x_280:not(#\9), .awsui_wrapper-container_gwq0h_nmm9x_283:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-zyfn4j, 700);
 }
-.awsui_wrapper-default_gwq0h_1errh_279:not(#\9), .awsui_wrapper-inline_gwq0h_1errh_279:not(#\9), .awsui_wrapper-navigation_gwq0h_1errh_283:not(#\9), .awsui_wrapper-footer_gwq0h_1errh_279:not(#\9), .awsui_wrapper-compact_gwq0h_1errh_290:not(#\9) {
+.awsui_wrapper-default_gwq0h_nmm9x_276:not(#\9), .awsui_wrapper-inline_gwq0h_nmm9x_276:not(#\9), .awsui_wrapper-navigation_gwq0h_nmm9x_280:not(#\9), .awsui_wrapper-footer_gwq0h_nmm9x_276:not(#\9), .awsui_wrapper-compact_gwq0h_nmm9x_287:not(#\9) {
   color: var(--color-text-expandable-section-default-vicj65, #545b64);
   -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
 }
-.awsui_wrapper-default_gwq0h_1errh_279:not(#\9), .awsui_wrapper-inline_gwq0h_1errh_279:not(#\9), .awsui_wrapper-navigation_gwq0h_1errh_283:not(#\9), .awsui_wrapper-footer_gwq0h_1errh_279:not(#\9) {
+.awsui_wrapper-default_gwq0h_nmm9x_276:not(#\9), .awsui_wrapper-inline_gwq0h_nmm9x_276:not(#\9), .awsui_wrapper-navigation_gwq0h_nmm9x_280:not(#\9), .awsui_wrapper-footer_gwq0h_nmm9x_276:not(#\9) {
   font-size: var(--font-expandable-heading-size-1w0ot0, 14px);
   letter-spacing: var(--letter-spacing-heading-s-zr7975, normal);
 }
-.awsui_wrapper-default_gwq0h_1errh_279:not(#\9) {
+.awsui_wrapper-default_gwq0h_nmm9x_276:not(#\9) {
   padding-block: var(--space-scaled-xxs-krq5fq, 4px);
   padding-inline-end: var(--space-xxs-y2432o, 4px);
 }
-.awsui_wrapper-default_gwq0h_1errh_279.awsui_header-deprecated_gwq0h_1errh_303:not(#\9) {
+.awsui_wrapper-default_gwq0h_nmm9x_276.awsui_header-deprecated_gwq0h_nmm9x_300:not(#\9) {
   padding-inline-start: var(--space-xxs-y2432o, 4px);
 }
-.awsui_wrapper-default_gwq0h_1errh_279:not(#\9):not(.awsui_header-deprecated_gwq0h_1errh_303), .awsui_wrapper-inline_gwq0h_1errh_279:not(#\9):not(.awsui_header-deprecated_gwq0h_1errh_303) {
+.awsui_wrapper-default_gwq0h_nmm9x_276:not(#\9):not(.awsui_header-deprecated_gwq0h_nmm9x_300), .awsui_wrapper-inline_gwq0h_nmm9x_276:not(#\9):not(.awsui_header-deprecated_gwq0h_nmm9x_300) {
   padding-inline-start: calc(var(--size-icon-normal-19036g, 16px) + (var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2 + var(--space-xxs-y2432o, 4px) + var(--border-divider-list-width-x6rz7e, 1px));
 }
-.awsui_wrapper-default_gwq0h_1errh_279.awsui_wrapper-expanded_gwq0h_1errh_309:not(#\9), .awsui_wrapper-inline_gwq0h_1errh_279.awsui_wrapper-expanded_gwq0h_1errh_309:not(#\9) {
+.awsui_wrapper-default_gwq0h_nmm9x_276.awsui_wrapper-expanded_gwq0h_nmm9x_306:not(#\9), .awsui_wrapper-inline_gwq0h_nmm9x_276.awsui_wrapper-expanded_gwq0h_nmm9x_306:not(#\9) {
   padding-block-end: var(--space-scaled-xxs-krq5fq, 4px);
   border-block-end-color: var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_wrapper-footer_gwq0h_1errh_279:not(#\9) {
+.awsui_wrapper-footer_gwq0h_nmm9x_276:not(#\9) {
   padding-block: var(--space-scaled-xxs-krq5fq, 4px);
 }
-.awsui_wrapper-footer_gwq0h_1errh_279:not(#\9), .awsui_wrapper-compact_gwq0h_1errh_290:not(#\9) {
+.awsui_wrapper-footer_gwq0h_nmm9x_276:not(#\9), .awsui_wrapper-compact_gwq0h_nmm9x_287:not(#\9) {
   padding-inline-end: 0;
 }
-.awsui_wrapper-footer_gwq0h_1errh_279.awsui_header-deprecated_gwq0h_1errh_303:not(#\9), .awsui_wrapper-compact_gwq0h_1errh_290.awsui_header-deprecated_gwq0h_1errh_303:not(#\9) {
+.awsui_wrapper-footer_gwq0h_nmm9x_276.awsui_header-deprecated_gwq0h_nmm9x_300:not(#\9), .awsui_wrapper-compact_gwq0h_nmm9x_287.awsui_header-deprecated_gwq0h_nmm9x_300:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_wrapper-footer_gwq0h_1errh_279:not(#\9):not(.awsui_header-deprecated_gwq0h_1errh_303), .awsui_wrapper-compact_gwq0h_1errh_290:not(#\9):not(.awsui_header-deprecated_gwq0h_1errh_303) {
+.awsui_wrapper-footer_gwq0h_nmm9x_276:not(#\9):not(.awsui_header-deprecated_gwq0h_nmm9x_300), .awsui_wrapper-compact_gwq0h_nmm9x_287:not(#\9):not(.awsui_header-deprecated_gwq0h_nmm9x_300) {
   padding-inline-start: calc(var(--size-icon-normal-19036g, 16px) + (var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2 + var(--space-xxs-y2432o, 4px) + var(--border-divider-list-width-x6rz7e, 1px));
 }
-.awsui_wrapper-container_gwq0h_1errh_286:not(#\9) {
+.awsui_wrapper-container_gwq0h_nmm9x_283:not(#\9) {
   padding-block: var(--space-container-header-top-2yfg3x, 12px) var(--space-container-header-bottom-p6av5y, 12px);
   padding-inline-end: var(--space-container-horizontal-v3575u, 20px);
 }
-.awsui_wrapper-container_gwq0h_1errh_286:not(#\9):not(.awsui_wrapper-expanded_gwq0h_1errh_309) {
+.awsui_wrapper-container_gwq0h_nmm9x_283:not(#\9):not(.awsui_wrapper-expanded_gwq0h_nmm9x_306) {
   padding-block-end: var(--space-container-header-top-2yfg3x, 12px);
 }
-.awsui_wrapper-container_gwq0h_1errh_286.awsui_header-deprecated_gwq0h_1errh_303:not(#\9) {
+.awsui_wrapper-container_gwq0h_nmm9x_283.awsui_header-deprecated_gwq0h_nmm9x_300:not(#\9) {
   padding-inline-start: var(--space-container-horizontal-v3575u, 20px);
 }
-.awsui_wrapper-container_gwq0h_1errh_286:not(#\9):not(.awsui_header-deprecated_gwq0h_1errh_303) {
+.awsui_wrapper-container_gwq0h_nmm9x_283:not(#\9):not(.awsui_header-deprecated_gwq0h_nmm9x_300) {
   padding-inline-start: calc(var(--space-container-horizontal-v3575u, 20px) + calc(var(--size-icon-medium-r52788, 16px) + (var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2 + var(--space-xs-6dgkww, 8px)));
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1errh_286:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_nmm9x_283:not(#\9):focus {
   padding-block: calc(var(--space-scaled-s-8j7izy, 12px) - var(--border-divider-section-width-iueskx, 1px));
   padding-inline: calc(var(--space-l-eenfqd, 20px) - var(--border-divider-section-width-iueskx, 1px));
 }
-.awsui_header_gwq0h_1errh_303:not(#\9) {
+.awsui_header_gwq0h_nmm9x_300:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-wrapper_gwq0h_1errh_346:not(#\9), .awsui_header-deprecated_gwq0h_1errh_303:not(#\9) {
+.awsui_header-wrapper_gwq0h_nmm9x_343:not(#\9), .awsui_header-deprecated_gwq0h_nmm9x_300:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-zyfn4j, 700);
 }
-.awsui_header-wrapper_gwq0h_1errh_346:not(#\9) {
+.awsui_header-wrapper_gwq0h_nmm9x_343:not(#\9) {
   font-size: inherit;
   letter-spacing: inherit;
   margin-block: 0;
@@ -356,20 +353,20 @@ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1errh_286:not
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_header-actions-wrapper_gwq0h_1errh_358:not(#\9) {
+.awsui_header-actions-wrapper_gwq0h_nmm9x_355:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1errh_364:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1errh_364:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_nmm9x_361:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_nmm9x_361:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1errh_364:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1errh_364:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_nmm9x_361:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_nmm9x_361:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1errh_364:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1errh_364:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_nmm9x_361:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_nmm9x_361:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -383,21 +380,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1errh_364:not(#\9
   border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_header-button_gwq0h_1errh_364:not(#\9) {
+.awsui_header-button_gwq0h_nmm9x_361:not(#\9) {
   box-sizing: border-box;
   display: flex;
   margin-inline-start: calc(-1 * calc(var(--size-icon-normal-19036g, 16px) + (var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2 + var(--space-xxs-y2432o, 4px) + var(--border-divider-list-width-x6rz7e, 1px)));
 }
-.awsui_header-container-button_gwq0h_1errh_364:not(#\9) {
+.awsui_header-container-button_gwq0h_nmm9x_361:not(#\9) {
   margin-inline-start: calc(-1 * calc(var(--size-icon-medium-r52788, 16px) + (var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2 + var(--space-xs-6dgkww, 8px)));
 }
-.awsui_header-container_gwq0h_1errh_364:not(#\9) {
+.awsui_header-container_gwq0h_nmm9x_361:not(#\9) {
   inline-size: 100%;
 }
-.awsui_header-container_gwq0h_1errh_364 > .awsui_icon-container_gwq0h_1errh_263:not(#\9) {
+.awsui_header-container_gwq0h_nmm9x_361 > .awsui_icon-container_gwq0h_nmm9x_260:not(#\9) {
   margin-block-start: var(--space-expandable-section-icon-offset-top-r1pryk, 8px);
 }
-.awsui_header-navigation_gwq0h_1errh_399 > .awsui_icon-container_gwq0h_1errh_263:not(#\9) {
+.awsui_header-navigation_gwq0h_nmm9x_396 > .awsui_icon-container_gwq0h_nmm9x_260:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: var(--color-text-expandable-section-navigation-icon-default-lfxrit, #879596);
@@ -410,17 +407,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1errh_364:not(#\9
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_1errh_399 > .awsui_icon-container_gwq0h_1errh_263:not(#\9):hover {
+.awsui_header-navigation_gwq0h_nmm9x_396 > .awsui_icon-container_gwq0h_nmm9x_260:not(#\9):hover {
   color: var(--color-text-expandable-section-hover-4hvgvf, #16191f);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1errh_399 > .awsui_icon-container_gwq0h_1errh_263:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_nmm9x_396 > .awsui_icon-container_gwq0h_nmm9x_260:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1errh_399 > .awsui_icon-container_gwq0h_1errh_263:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_nmm9x_396 > .awsui_icon-container_gwq0h_nmm9x_260:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1errh_399 > .awsui_icon-container_gwq0h_1errh_263:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_nmm9x_396 > .awsui_icon-container_gwq0h_nmm9x_260:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -434,39 +431,39 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1errh_399 > .
   border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_header-text_gwq0h_1errh_436:not(#\9) {
+.awsui_header-text_gwq0h_nmm9x_433:not(#\9) {
   /* used in test-utils */
 }
-:not(#\9):not(.awsui_wrapper-compact_gwq0h_1errh_290) > .awsui_header-actions-wrapper_gwq0h_1errh_358 {
+:not(#\9):not(.awsui_wrapper-compact_gwq0h_nmm9x_287) > .awsui_header-actions-wrapper_gwq0h_nmm9x_355 {
   flex-wrap: wrap;
   column-gap: var(--space-xs-6dgkww, 8px);
   row-gap: var(--space-scaled-xxxs-6vyqo7, 2px);
 }
-.awsui_content_gwq0h_1errh_157:not(#\9) {
+.awsui_content_gwq0h_nmm9x_157:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_1errh_449:not(#\9), .awsui_content-inline_gwq0h_1errh_449:not(#\9) {
+.awsui_content-default_gwq0h_nmm9x_446:not(#\9), .awsui_content-inline_gwq0h_nmm9x_446:not(#\9) {
   padding-block: var(--space-scaled-xs-t3am3w, 8px);
   padding-inline: 0;
 }
-.awsui_content-footer_gwq0h_1errh_453:not(#\9) {
+.awsui_content-footer_gwq0h_nmm9x_450:not(#\9) {
   padding-block: var(--space-xs-6dgkww, 8px);
   padding-inline: 0;
 }
-.awsui_content-expanded_gwq0h_1errh_457:not(#\9) {
+.awsui_content-expanded_gwq0h_nmm9x_454:not(#\9) {
   display: block;
 }
-.awsui_content-compact_gwq0h_1errh_460:not(#\9) {
+.awsui_content-compact_gwq0h_nmm9x_457:not(#\9) {
   padding-inline-start: calc(var(--size-icon-normal-19036g, 16px) + (var(--line-height-body-m-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / -2 + var(--space-xxs-y2432o, 4px) + var(--border-divider-list-width-x6rz7e, 1px));
 }
-.awsui_focusable_gwq0h_1errh_464:not(#\9):focus {
+.awsui_focusable_gwq0h_nmm9x_461:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1errh_464:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_nmm9x_461:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-item-focused-q68bgg, #0073bb);
   border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-item-focused-q68bgg, #0073bb);
@@ -477,9 +474,9 @@ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1errh_464:not(#\9):fo
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_click-target_gwq0h_1errh_479:not(#\9) {
+.awsui_click-target_gwq0h_nmm9x_476:not(#\9) {
   cursor: pointer;
 }
-.awsui_click-target_gwq0h_1errh_479:not(#\9):not(.awsui_wrapper-container_gwq0h_1errh_286):not(.awsui_header-container-button_gwq0h_1errh_364):hover {
+.awsui_click-target_gwq0h_nmm9x_476:not(#\9):not(.awsui_wrapper-container_gwq0h_nmm9x_283):not(.awsui_header-container-button_gwq0h_nmm9x_361):hover {
   color: var(--color-text-expandable-section-hover-4hvgvf, #16191f);
 }

package/lib/internal/template/expandable-section/styles.selectors.js CHANGED Viewed

@@ -2,39 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_gwq0h_1errh_157",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1errh_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_1errh_179",
-  "icon": "awsui_icon_gwq0h_1errh_193",
-  "root": "awsui_root_gwq0h_1errh_207",
-  "expand-button": "awsui_expand-button_gwq0h_1errh_245",
-  "expanded": "awsui_expanded_gwq0h_1errh_253",
-  "icon-container": "awsui_icon-container_gwq0h_1errh_263",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_1errh_267",
-  "wrapper": "awsui_wrapper_gwq0h_1errh_271",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_1errh_279",
-  "wrapper-inline": "awsui_wrapper-inline_gwq0h_1errh_279",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_1errh_279",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1errh_283",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_1errh_286",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_1errh_290",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_1errh_303",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1errh_309",
-  "header": "awsui_header_gwq0h_1errh_303",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_1errh_346",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1errh_358",
-  "header-button": "awsui_header-button_gwq0h_1errh_364",
-  "header-container-button": "awsui_header-container-button_gwq0h_1errh_364",
-  "header-container": "awsui_header-container_gwq0h_1errh_364",
-  "header-navigation": "awsui_header-navigation_gwq0h_1errh_399",
-  "header-text": "awsui_header-text_gwq0h_1errh_436",
-  "content": "awsui_content_gwq0h_1errh_157",
-  "content-default": "awsui_content-default_gwq0h_1errh_449",
-  "content-inline": "awsui_content-inline_gwq0h_1errh_449",
-  "content-footer": "awsui_content-footer_gwq0h_1errh_453",
-  "content-expanded": "awsui_content-expanded_gwq0h_1errh_457",
-  "content-compact": "awsui_content-compact_gwq0h_1errh_460",
-  "focusable": "awsui_focusable_gwq0h_1errh_464",
-  "click-target": "awsui_click-target_gwq0h_1errh_479"
+  "content-enter": "awsui_content-enter_gwq0h_nmm9x_157",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_nmm9x_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_nmm9x_179",
+  "icon": "awsui_icon_gwq0h_nmm9x_193",
+  "root": "awsui_root_gwq0h_nmm9x_207",
+  "expand-button": "awsui_expand-button_gwq0h_nmm9x_242",
+  "expanded": "awsui_expanded_gwq0h_nmm9x_250",
+  "icon-container": "awsui_icon-container_gwq0h_nmm9x_260",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_nmm9x_264",
+  "wrapper": "awsui_wrapper_gwq0h_nmm9x_268",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_nmm9x_276",
+  "wrapper-inline": "awsui_wrapper-inline_gwq0h_nmm9x_276",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_nmm9x_276",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_nmm9x_280",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_nmm9x_283",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_nmm9x_287",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_nmm9x_300",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_nmm9x_306",
+  "header": "awsui_header_gwq0h_nmm9x_300",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_nmm9x_343",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_nmm9x_355",
+  "header-button": "awsui_header-button_gwq0h_nmm9x_361",
+  "header-container-button": "awsui_header-container-button_gwq0h_nmm9x_361",
+  "header-container": "awsui_header-container_gwq0h_nmm9x_361",
+  "header-navigation": "awsui_header-navigation_gwq0h_nmm9x_396",
+  "header-text": "awsui_header-text_gwq0h_nmm9x_433",
+  "content": "awsui_content_gwq0h_nmm9x_157",
+  "content-default": "awsui_content-default_gwq0h_nmm9x_446",
+  "content-inline": "awsui_content-inline_gwq0h_nmm9x_446",
+  "content-footer": "awsui_content-footer_gwq0h_nmm9x_450",
+  "content-expanded": "awsui_content-expanded_gwq0h_nmm9x_454",
+  "content-compact": "awsui_content-compact_gwq0h_nmm9x_457",
+  "focusable": "awsui_focusable_gwq0h_nmm9x_461",
+  "click-target": "awsui_click-target_gwq0h_nmm9x_476"
 };