npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.847 → 3.0.849 - Mend

@cloudscape-design/components-themeable 3.0.847 → 3.0.849

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

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

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_vjswe_ply1b_149",
-  "button": "awsui_button_vjswe_ply1b_153",
-  "variant-normal": "awsui_variant-normal_vjswe_ply1b_204",
-  "variant-icon": "awsui_variant-icon_vjswe_ply1b_247",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_ply1b_247",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_ply1b_247",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_ply1b_268",
-  "disabled": "awsui_disabled_vjswe_ply1b_289",
-  "variant-primary": "awsui_variant-primary_vjswe_ply1b_296",
-  "variant-link": "awsui_variant-link_vjswe_ply1b_388",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_ply1b_664",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_ply1b_944",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_ply1b_1041",
-  "button-no-text": "awsui_button-no-text_vjswe_ply1b_1133",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_ply1b_1137",
-  "full-width": "awsui_full-width_vjswe_ply1b_1140",
-  "icon-left": "awsui_icon-left_vjswe_ply1b_1159",
-  "icon-right": "awsui_icon-right_vjswe_ply1b_1164",
-  "icon": "awsui_icon_vjswe_ply1b_1159",
-  "link": "awsui_link_vjswe_ply1b_1183",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_ply1b_1183"
+  "content": "awsui_content_vjswe_1k1ud_149",
+  "button": "awsui_button_vjswe_1k1ud_153",
+  "variant-normal": "awsui_variant-normal_vjswe_1k1ud_204",
+  "variant-icon": "awsui_variant-icon_vjswe_1k1ud_247",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1k1ud_247",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1k1ud_247",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1k1ud_268",
+  "disabled": "awsui_disabled_vjswe_1k1ud_289",
+  "variant-primary": "awsui_variant-primary_vjswe_1k1ud_296",
+  "variant-link": "awsui_variant-link_vjswe_1k1ud_388",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_1k1ud_664",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1k1ud_944",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1k1ud_1041",
+  "button-no-text": "awsui_button-no-text_vjswe_1k1ud_1133",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_1k1ud_1137",
+  "full-width": "awsui_full-width_vjswe_1k1ud_1140",
+  "icon-left": "awsui_icon-left_vjswe_1k1ud_1159",
+  "icon-right": "awsui_icon-right_vjswe_1k1ud_1164",
+  "icon": "awsui_icon_vjswe_1k1ud_1159",
+  "link": "awsui_link_vjswe_1k1ud_1183",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1k1ud_1183"
 };

package/lib/internal/template/button-dropdown/item-element/styles.css.js CHANGED Viewed

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "item-element": "awsui_item-element_93a1u_4y9me_141",
-  "disabled": "awsui_disabled_93a1u_4y9me_153",
-  "show-divider": "awsui_show-divider_93a1u_4y9me_160",
-  "highlighted": "awsui_highlighted_93a1u_4y9me_163",
-  "is-focused": "awsui_is-focused_93a1u_4y9me_178",
-  "menu-item": "awsui_menu-item_93a1u_4y9me_183",
-  "link-style": "awsui_link-style_93a1u_4y9me_195",
-  "has-category-header": "awsui_has-category-header_93a1u_4y9me_234",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_4y9me_234",
-  "has-checkmark": "awsui_has-checkmark_93a1u_4y9me_234",
-  "icon": "awsui_icon_93a1u_4y9me_238",
-  "checkmark": "awsui_checkmark_93a1u_4y9me_242",
-  "external-icon": "awsui_external-icon_93a1u_4y9me_249"
+  "item-element": "awsui_item-element_93a1u_1nbob_141",
+  "disabled": "awsui_disabled_93a1u_1nbob_153",
+  "show-divider": "awsui_show-divider_93a1u_1nbob_160",
+  "highlighted": "awsui_highlighted_93a1u_1nbob_163",
+  "is-focused": "awsui_is-focused_93a1u_1nbob_178",
+  "menu-item": "awsui_menu-item_93a1u_1nbob_183",
+  "link-style": "awsui_link-style_93a1u_1nbob_195",
+  "has-category-header": "awsui_has-category-header_93a1u_1nbob_234",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1nbob_234",
+  "has-checkmark": "awsui_has-checkmark_93a1u_1nbob_234",
+  "icon": "awsui_icon_93a1u_1nbob_238",
+  "checkmark": "awsui_checkmark_93a1u_1nbob_242",
+  "external-icon": "awsui_external-icon_93a1u_1nbob_249"
 };

package/lib/internal/template/button-dropdown/item-element/styles.scoped.css CHANGED Viewed

@@ -138,7 +138,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_item-element_93a1u_4y9me_141:not(#\9) {
+.awsui_item-element_93a1u_1nbob_141:not(#\9) {
   position: relative;
   z-index: 1;
   border-block: var(--border-item-width-bjacxs, 1px) solid transparent;
@@ -147,20 +147,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-dropdown-item-default-o6jy8o, #16191f);
-  margin-block-start: calc(-1 * var(--border-field-width-fjuzc5, 1px));
+  margin-block-start: calc(-1 * var(--border-width-field-9kmoac, 1px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_4y9me_141.awsui_disabled_93a1u_4y9me_153:not(#\9) {
+.awsui_item-element_93a1u_1nbob_141.awsui_disabled_93a1u_1nbob_153:not(#\9) {
   cursor: default;
   color: var(--color-text-dropdown-item-disabled-gk1x2u, #aab7b8);
 }
-.awsui_item-element_93a1u_4y9me_141:not(#\9):first-child {
+.awsui_item-element_93a1u_1nbob_141:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_item-element_93a1u_4y9me_141.awsui_show-divider_93a1u_4y9me_160:not(#\9) {
+.awsui_item-element_93a1u_1nbob_141.awsui_show-divider_93a1u_1nbob_160:not(#\9) {
   border-block-end: var(--border-item-width-bjacxs, 1px) solid var(--color-border-dropdown-group-ze4esa, #eaeded);
 }
-.awsui_item-element_93a1u_4y9me_141.awsui_highlighted_93a1u_4y9me_163:not(#\9) {
+.awsui_item-element_93a1u_1nbob_141.awsui_highlighted_93a1u_1nbob_163:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-xxoapj, #16191f);
   z-index: 2;
   background-color: var(--color-background-dropdown-item-hover-r5jqv1, #f2f3f3);
@@ -170,17 +170,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-item-q4wr0w, 0px);
   border-end-end-radius: var(--border-radius-item-q4wr0w, 0px);
 }
-.awsui_item-element_93a1u_4y9me_141.awsui_highlighted_93a1u_4y9me_163.awsui_disabled_93a1u_4y9me_153:not(#\9) {
+.awsui_item-element_93a1u_1nbob_141.awsui_highlighted_93a1u_1nbob_163.awsui_disabled_93a1u_1nbob_153:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-xe0faj, #aab7b8);
   border-color: var(--color-border-dropdown-item-dimmed-hover-0rwxkv, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-dtqtu6, transparent);
 }
-.awsui_item-element_93a1u_4y9me_141.awsui_highlighted_93a1u_4y9me_163.awsui_is-focused_93a1u_4y9me_178:not(#\9) {
+.awsui_item-element_93a1u_1nbob_141.awsui_highlighted_93a1u_1nbob_163.awsui_is-focused_93a1u_1nbob_178:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-6wa092, #0073bb);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_menu-item_93a1u_4y9me_183:not(#\9) {
+.awsui_menu-item_93a1u_1nbob_183:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: flex;
@@ -192,7 +192,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_menu-item_93a1u_4y9me_183.awsui_link-style_93a1u_4y9me_195:not(#\9) {
+.awsui_menu-item_93a1u_1nbob_183.awsui_link-style_93a1u_1nbob_195:not(#\9) {
   padding-block-end: calc(var(--space-xxs-y2432o, 4px) + var(--space-xxxs-gn3248, 2px));
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
@@ -207,47 +207,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_menu-item_93a1u_4y9me_183.awsui_link-style_93a1u_4y9me_195:not(#\9) {
+  .awsui_menu-item_93a1u_1nbob_183.awsui_link-style_93a1u_1nbob_195:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_menu-item_93a1u_4y9me_183.awsui_link-style_93a1u_4y9me_195:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_4y9me_183.awsui_link-style_93a1u_4y9me_195:not(#\9) {
+.awsui-motion-disabled .awsui_menu-item_93a1u_1nbob_183.awsui_link-style_93a1u_1nbob_195:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_1nbob_183.awsui_link-style_93a1u_1nbob_195:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_menu-item_93a1u_4y9me_183.awsui_link-style_93a1u_4y9me_195:not(#\9):hover {
+.awsui_menu-item_93a1u_1nbob_183.awsui_link-style_93a1u_1nbob_195:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_menu-item_93a1u_4y9me_183.awsui_link-style_93a1u_4y9me_195:not(#\9):focus {
+.awsui_menu-item_93a1u_1nbob_183.awsui_link-style_93a1u_1nbob_195:not(#\9):focus {
   outline: none;
 }
-.awsui_menu-item_93a1u_4y9me_183.awsui_link-style_93a1u_4y9me_195:not(#\9):active {
+.awsui_menu-item_93a1u_1nbob_183.awsui_link-style_93a1u_1nbob_195:not(#\9):active {
   color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_menu-item_93a1u_4y9me_183.awsui_link-style_93a1u_4y9me_195:not(#\9):active, .awsui_menu-item_93a1u_4y9me_183.awsui_link-style_93a1u_4y9me_195:not(#\9):focus, .awsui_menu-item_93a1u_4y9me_183.awsui_link-style_93a1u_4y9me_195:not(#\9):hover {
+.awsui_menu-item_93a1u_1nbob_183.awsui_link-style_93a1u_1nbob_195:not(#\9):active, .awsui_menu-item_93a1u_1nbob_183.awsui_link-style_93a1u_1nbob_195:not(#\9):focus, .awsui_menu-item_93a1u_1nbob_183.awsui_link-style_93a1u_1nbob_195:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_menu-item_93a1u_4y9me_183:not(#\9):focus {
+.awsui_menu-item_93a1u_1nbob_183:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_4y9me_234 > .awsui_menu-item_93a1u_4y9me_183:not(#\9), .awsui_has-category-header_93a1u_4y9me_234 > .awsui_item-tooltip-wrapper_93a1u_4y9me_234 > .awsui_menu-item_93a1u_4y9me_183:not(#\9), .awsui_has-category-header_93a1u_4y9me_234:not(#\9):not(.awsui_has-checkmark_93a1u_4y9me_234) > span > .awsui_menu-item_93a1u_4y9me_183 {
+.awsui_has-category-header_93a1u_1nbob_234 > .awsui_menu-item_93a1u_1nbob_183:not(#\9), .awsui_has-category-header_93a1u_1nbob_234 > .awsui_item-tooltip-wrapper_93a1u_1nbob_234 > .awsui_menu-item_93a1u_1nbob_183:not(#\9), .awsui_has-category-header_93a1u_1nbob_234:not(#\9):not(.awsui_has-checkmark_93a1u_1nbob_234) > span > .awsui_menu-item_93a1u_1nbob_183 {
   padding-inline-start: calc(var(--space-xs-6dgkww, 8px) + var(--space-l-eenfqd, 20px));
 }
-.awsui_icon_93a1u_4y9me_238:not(#\9) {
+.awsui_icon_93a1u_1nbob_238:not(#\9) {
   padding-inline-end: var(--space-xxs-y2432o, 4px);
   flex-shrink: 0;
 }
-.awsui_icon_93a1u_4y9me_238.awsui_checkmark_93a1u_4y9me_242:not(#\9) {
+.awsui_icon_93a1u_1nbob_238.awsui_checkmark_93a1u_1nbob_242:not(#\9) {
   color: var(--color-text-status-info-1ypqr6, #0073bb);
 }
-.awsui_icon_93a1u_4y9me_238.awsui_disabled_93a1u_4y9me_153:not(#\9) {
+.awsui_icon_93a1u_1nbob_238.awsui_disabled_93a1u_1nbob_153:not(#\9) {
   color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
 }
-.awsui_external-icon_93a1u_4y9me_249:not(#\9) {
+.awsui_external-icon_93a1u_1nbob_249:not(#\9) {
   margin-inline-start: var(--space-xxs-y2432o, 4px);
 }

package/lib/internal/template/button-dropdown/item-element/styles.selectors.js CHANGED Viewed

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "item-element": "awsui_item-element_93a1u_4y9me_141",
-  "disabled": "awsui_disabled_93a1u_4y9me_153",
-  "show-divider": "awsui_show-divider_93a1u_4y9me_160",
-  "highlighted": "awsui_highlighted_93a1u_4y9me_163",
-  "is-focused": "awsui_is-focused_93a1u_4y9me_178",
-  "menu-item": "awsui_menu-item_93a1u_4y9me_183",
-  "link-style": "awsui_link-style_93a1u_4y9me_195",
-  "has-category-header": "awsui_has-category-header_93a1u_4y9me_234",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_4y9me_234",
-  "has-checkmark": "awsui_has-checkmark_93a1u_4y9me_234",
-  "icon": "awsui_icon_93a1u_4y9me_238",
-  "checkmark": "awsui_checkmark_93a1u_4y9me_242",
-  "external-icon": "awsui_external-icon_93a1u_4y9me_249"
+  "item-element": "awsui_item-element_93a1u_1nbob_141",
+  "disabled": "awsui_disabled_93a1u_1nbob_153",
+  "show-divider": "awsui_show-divider_93a1u_1nbob_160",
+  "highlighted": "awsui_highlighted_93a1u_1nbob_163",
+  "is-focused": "awsui_is-focused_93a1u_1nbob_178",
+  "menu-item": "awsui_menu-item_93a1u_1nbob_183",
+  "link-style": "awsui_link-style_93a1u_1nbob_195",
+  "has-category-header": "awsui_has-category-header_93a1u_1nbob_234",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1nbob_234",
+  "has-checkmark": "awsui_has-checkmark_93a1u_1nbob_234",
+  "icon": "awsui_icon_93a1u_1nbob_238",
+  "checkmark": "awsui_checkmark_93a1u_1nbob_242",
+  "external-icon": "awsui_external-icon_93a1u_1nbob_249"
 };

package/lib/internal/template/button-dropdown/styles.css.js CHANGED Viewed

@@ -1,22 +1,22 @@
     import './styles.scoped.css';
     export default {
-  "button-dropdown": "awsui_button-dropdown_sne0l_vstbe_141",
-  "items-list-container": "awsui_items-list-container_sne0l_vstbe_145",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_vstbe_1",
-  "rotate-up": "awsui_rotate-up_sne0l_vstbe_164",
-  "rotate-down": "awsui_rotate-down_sne0l_vstbe_179",
-  "header": "awsui_header_sne0l_vstbe_194",
-  "title": "awsui_title_sne0l_vstbe_205",
-  "description": "awsui_description_sne0l_vstbe_206",
-  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_vstbe_210",
-  "trigger-item": "awsui_trigger-item_sne0l_vstbe_213",
-  "trigger-button": "awsui_trigger-button_sne0l_vstbe_213",
-  "has-no-text": "awsui_has-no-text_sne0l_vstbe_222",
-  "visual-refresh": "awsui_visual-refresh_sne0l_vstbe_225",
-  "variant-normal": "awsui_variant-normal_sne0l_vstbe_236",
-  "split-trigger": "awsui_split-trigger_sne0l_vstbe_210",
-  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_vstbe_247",
-  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_vstbe_251"
+  "button-dropdown": "awsui_button-dropdown_sne0l_gvtil_141",
+  "items-list-container": "awsui_items-list-container_sne0l_gvtil_145",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_gvtil_1",
+  "rotate-up": "awsui_rotate-up_sne0l_gvtil_164",
+  "rotate-down": "awsui_rotate-down_sne0l_gvtil_179",
+  "header": "awsui_header_sne0l_gvtil_194",
+  "title": "awsui_title_sne0l_gvtil_205",
+  "description": "awsui_description_sne0l_gvtil_206",
+  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_gvtil_210",
+  "trigger-item": "awsui_trigger-item_sne0l_gvtil_213",
+  "trigger-button": "awsui_trigger-button_sne0l_gvtil_213",
+  "has-no-text": "awsui_has-no-text_sne0l_gvtil_222",
+  "visual-refresh": "awsui_visual-refresh_sne0l_gvtil_225",
+  "variant-normal": "awsui_variant-normal_sne0l_gvtil_236",
+  "split-trigger": "awsui_split-trigger_sne0l_gvtil_210",
+  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_gvtil_247",
+  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_gvtil_251"
 };

package/lib/internal/template/button-dropdown/styles.scoped.css CHANGED Viewed

@@ -138,116 +138,116 @@
 */
 /* 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_button-dropdown_sne0l_vstbe_141:not(#\9) {
+.awsui_button-dropdown_sne0l_gvtil_141:not(#\9) {
   display: inline-block;
 }
-.awsui_items-list-container_sne0l_vstbe_145:not(#\9) {
+.awsui_items-list-container_sne0l_gvtil_145:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
-  animation: awsui_awsui-motion-fade-in-0_sne0l_vstbe_1 500ms var(--motion-easing-show-quick-014od6, ease-out);
+  animation: awsui_awsui-motion-fade-in-0_sne0l_gvtil_1 500ms var(--motion-easing-show-quick-014od6, ease-out);
   animation-fill-mode: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_items-list-container_sne0l_vstbe_145:not(#\9) {
+  .awsui_items-list-container_sne0l_gvtil_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_items-list-container_sne0l_vstbe_145:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_vstbe_145:not(#\9) {
+.awsui-motion-disabled .awsui_items-list-container_sne0l_gvtil_145:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_gvtil_145:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_rotate-up_sne0l_vstbe_164:not(#\9) {
+.awsui_rotate-up_sne0l_gvtil_164:not(#\9) {
   transform: rotate(-180deg);
   transition: transform var(--motion-duration-rotate-180-llqolb, 135ms) var(--motion-easing-rotate-180-wt4cje, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-up_sne0l_vstbe_164:not(#\9) {
+  .awsui_rotate-up_sne0l_gvtil_164:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-up_sne0l_vstbe_164:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_vstbe_164:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-up_sne0l_gvtil_164:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_gvtil_164:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_rotate-down_sne0l_vstbe_179:not(#\9) {
+.awsui_rotate-down_sne0l_gvtil_179:not(#\9) {
   transform: rotate(0deg);
   transition: transform var(--motion-duration-rotate-180-llqolb, 135ms) var(--motion-easing-rotate-180-wt4cje, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-down_sne0l_vstbe_179:not(#\9) {
+  .awsui_rotate-down_sne0l_gvtil_179:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-down_sne0l_vstbe_179:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_vstbe_179:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-down_sne0l_gvtil_179:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_gvtil_179:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header_sne0l_vstbe_194:not(#\9) {
+.awsui_header_sne0l_gvtil_194:not(#\9) {
   display: flex;
   flex-direction: column;
   list-style: none;
   padding-block: var(--space-s-vmutj3, 12px);
   padding-inline: var(--space-l-eenfqd, 20px);
-  border-block-start: var(--border-field-width-fjuzc5, 1px) solid transparent;
-  border-block-end: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-dropdown-group-ze4esa, #eaeded);
-  border-inline: var(--border-field-width-fjuzc5, 1px) solid transparent;
+  border-block-start: var(--border-width-field-9kmoac, 1px) solid transparent;
+  border-block-end: var(--border-width-field-9kmoac, 1px) solid var(--color-border-dropdown-group-ze4esa, #eaeded);
+  border-inline: var(--border-width-field-9kmoac, 1px) solid transparent;
 }
-.awsui_title_sne0l_vstbe_205:not(#\9),
-.awsui_description_sne0l_vstbe_206:not(#\9) {
+.awsui_title_sne0l_gvtil_205:not(#\9),
+.awsui_description_sne0l_gvtil_206:not(#\9) {
   color: var(--color-text-top-navigation-title-e4w0av, #16191f);
 }
-.awsui_split-trigger-wrapper_sne0l_vstbe_210:not(#\9) {
+.awsui_split-trigger-wrapper_sne0l_gvtil_210:not(#\9) {
   display: flex;
 }
-.awsui_split-trigger-wrapper_sne0l_vstbe_210 > .awsui_trigger-item_sne0l_vstbe_213 > .awsui_trigger-button_sne0l_vstbe_213:not(#\9):focus, .awsui_split-trigger-wrapper_sne0l_vstbe_210 > .awsui_trigger-item_sne0l_vstbe_213 > .awsui_trigger-button_sne0l_vstbe_213:not(#\9):hover {
+.awsui_split-trigger-wrapper_sne0l_gvtil_210 > .awsui_trigger-item_sne0l_gvtil_213 > .awsui_trigger-button_sne0l_gvtil_213:not(#\9):focus, .awsui_split-trigger-wrapper_sne0l_gvtil_210 > .awsui_trigger-item_sne0l_gvtil_213 > .awsui_trigger-button_sne0l_gvtil_213:not(#\9):hover {
   z-index: 1;
 }
-.awsui_split-trigger-wrapper_sne0l_vstbe_210 > .awsui_trigger-item_sne0l_vstbe_213:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_vstbe_213 {
+.awsui_split-trigger-wrapper_sne0l_gvtil_210 > .awsui_trigger-item_sne0l_gvtil_213:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_gvtil_213 {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
   padding-inline-end: var(--space-m-u91ipm, 16px);
   margin-inline-end: var(--space-xxxs-gn3248, 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_vstbe_210 > .awsui_trigger-item_sne0l_vstbe_213:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_vstbe_213.awsui_has-no-text_sne0l_vstbe_222 {
+.awsui_split-trigger-wrapper_sne0l_gvtil_210 > .awsui_trigger-item_sne0l_gvtil_213:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_gvtil_213.awsui_has-no-text_sne0l_gvtil_222 {
   padding-inline: var(--space-button-icon-only-horizontal-gl6z91, 16px);
 }
-.awsui_split-trigger-wrapper_sne0l_vstbe_210 > .awsui_trigger-item_sne0l_vstbe_213:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_vstbe_213.awsui_has-no-text_sne0l_vstbe_222.awsui_visual-refresh_sne0l_vstbe_225 {
+.awsui_split-trigger-wrapper_sne0l_gvtil_210 > .awsui_trigger-item_sne0l_gvtil_213:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_gvtil_213.awsui_has-no-text_sne0l_gvtil_222.awsui_visual-refresh_sne0l_gvtil_225 {
   padding-inline-start: calc(var(--space-s-vmutj3, 12px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_vstbe_210 > .awsui_trigger-item_sne0l_vstbe_213:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_vstbe_213 {
+.awsui_split-trigger-wrapper_sne0l_gvtil_210 > .awsui_trigger-item_sne0l_gvtil_213:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_gvtil_213 {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
   padding-inline: calc(var(--space-xs-6dgkww, 8px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_vstbe_210 > .awsui_trigger-item_sne0l_vstbe_213:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_vstbe_225 > .awsui_trigger-button_sne0l_vstbe_213 {
+.awsui_split-trigger-wrapper_sne0l_gvtil_210 > .awsui_trigger-item_sne0l_gvtil_213:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_gvtil_225 > .awsui_trigger-button_sne0l_gvtil_213 {
   padding-inline-end: calc(var(--space-s-vmutj3, 12px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_vstbe_210 > .awsui_trigger-item_sne0l_vstbe_213.awsui_variant-normal_sne0l_vstbe_236:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_vstbe_213 {
+.awsui_split-trigger-wrapper_sne0l_gvtil_210 > .awsui_trigger-item_sne0l_gvtil_213.awsui_variant-normal_sne0l_gvtil_236:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_gvtil_213 {
   margin-inline-end: 0;
 }
-.awsui_split-trigger-wrapper_sne0l_vstbe_210 > .awsui_trigger-item_sne0l_vstbe_213.awsui_variant-normal_sne0l_vstbe_236:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_vstbe_213 {
-  margin-inline-start: calc(var(--border-field-width-fjuzc5, 1px) * -1);
+.awsui_split-trigger-wrapper_sne0l_gvtil_210 > .awsui_trigger-item_sne0l_gvtil_213.awsui_variant-normal_sne0l_gvtil_236:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_gvtil_213 {
+  margin-inline-start: calc(var(--border-width-field-9kmoac, 1px) * -1);
 }
-.awsui_split-trigger_sne0l_vstbe_210:not(#\9) {
+.awsui_split-trigger_sne0l_gvtil_210:not(#\9) {
   display: contents;
 }
-.awsui_dropdown-trigger_sne0l_vstbe_247:not(#\9) {
+.awsui_dropdown-trigger_sne0l_gvtil_247:not(#\9) {
   display: contents;
 }
-.awsui_test-utils-button-trigger_sne0l_vstbe_251:not(#\9) {
+.awsui_test-utils-button-trigger_sne0l_gvtil_251:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/button-dropdown/styles.selectors.js CHANGED Viewed

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-dropdown": "awsui_button-dropdown_sne0l_vstbe_141",
-  "items-list-container": "awsui_items-list-container_sne0l_vstbe_145",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_vstbe_1",
-  "rotate-up": "awsui_rotate-up_sne0l_vstbe_164",
-  "rotate-down": "awsui_rotate-down_sne0l_vstbe_179",
-  "header": "awsui_header_sne0l_vstbe_194",
-  "title": "awsui_title_sne0l_vstbe_205",
-  "description": "awsui_description_sne0l_vstbe_206",
-  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_vstbe_210",
-  "trigger-item": "awsui_trigger-item_sne0l_vstbe_213",
-  "trigger-button": "awsui_trigger-button_sne0l_vstbe_213",
-  "has-no-text": "awsui_has-no-text_sne0l_vstbe_222",
-  "visual-refresh": "awsui_visual-refresh_sne0l_vstbe_225",
-  "variant-normal": "awsui_variant-normal_sne0l_vstbe_236",
-  "split-trigger": "awsui_split-trigger_sne0l_vstbe_210",
-  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_vstbe_247",
-  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_vstbe_251"
+  "button-dropdown": "awsui_button-dropdown_sne0l_gvtil_141",
+  "items-list-container": "awsui_items-list-container_sne0l_gvtil_145",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_gvtil_1",
+  "rotate-up": "awsui_rotate-up_sne0l_gvtil_164",
+  "rotate-down": "awsui_rotate-down_sne0l_gvtil_179",
+  "header": "awsui_header_sne0l_gvtil_194",
+  "title": "awsui_title_sne0l_gvtil_205",
+  "description": "awsui_description_sne0l_gvtil_206",
+  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_gvtil_210",
+  "trigger-item": "awsui_trigger-item_sne0l_gvtil_213",
+  "trigger-button": "awsui_trigger-button_sne0l_gvtil_213",
+  "has-no-text": "awsui_has-no-text_sne0l_gvtil_222",
+  "visual-refresh": "awsui_visual-refresh_sne0l_gvtil_225",
+  "variant-normal": "awsui_variant-normal_sne0l_gvtil_236",
+  "split-trigger": "awsui_split-trigger_sne0l_gvtil_210",
+  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_gvtil_247",
+  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_gvtil_251"
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/container/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAI1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAKlF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;~~AAM9C~~,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;IAEzE,oBAAoB,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,eAWvE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,UAAkB,EAClB,qBAA4B,EAC5B,oBAAoB,EACpB,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,sBAAsB,~~eA4GxB~~"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/container/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAI1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAKlF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAO9C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;IAEzE,oBAAoB,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,eAWvE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,UAAkB,EAClB,qBAA4B,EAC5B,oBAAoB,EACpB,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,sBAAsB,eA+GxB"}

package/lib/internal/template/container/internal.js CHANGED Viewed

@@ -15,6 +15,7 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import { StickyHeaderContext, useStickyHeader } from './use-sticky-header';
 import analyticsSelectors from './analytics-metadata/styles.css.js';
 import styles from './styles.css.js';
+import testStyles from './test-classes/styles.css.js';
 export function InternalContainerAsSubstep(props) {
     const { subStepRef, funnelSubStepProps } = useFunnelSubStep();
     const modalContext = useModalContext();
@@ -55,9 +56,11 @@ export default function InternalContainer(_a) {
                         }) }, stickyStyles, { ref: headerMergedRef }),
                         isStuck && !isMobile && isRefresh && __fullPage && React.createElement("div", { className: styles['header-cover'] }),
                         header)))),
-            React.createElement("div", { className: clsx(styles.content, fitHeight && styles['content-fit-height'], {
-                    [styles['with-paddings']]: !disableContentPaddings,
-                }) }, children),
+            React.createElement("div", { className: clsx(styles.content, fitHeight && styles['content-fit-height']) },
+                React.createElement("div", { className: clsx(styles['content-inner'], testStyles['content-inner'], {
+                        [styles['with-paddings']]: !disableContentPaddings,
+                        [styles['with-header']]: !!header,
+                    }) }, children)),
             footer && (React.createElement("div", { className: clsx(styles.footer, {
                     [styles['with-divider']]: !__disableFooterDivider,
                     [styles['with-paddings']]: !__disableFooterPaddings,

package/lib/internal/template/container/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/container/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,0BAA0B,EAAE,MAAM,kEAAkE,CAAC;AAE9G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3E,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAwBrC,MAAM,UAAU,0BAA0B,CAAC,KAA6B;IACtE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC9D,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,OAAO,CACL,oBAAC,iBAAiB,oBACZ,KAAK,IACT,YAAY,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,UAAU,EACtE,oBAAoB,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,IACvE,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAsBjB;;QAtBiB,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,qBAAqB,GAAG,KAAK,EAC7B,sBAAsB,GAAG,KAAK,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,cAAc,GAAG,KAAK,EACtB,iBAAiB,GAAG,IAAI,EACxB,sBAAsB,GAAG,KAAK,EAC9B,uBAAuB,GAAG,KAAK,EAC/B,eAAe,GAAG,KAAK,EACvB,WAAW,EACX,UAAU,GAAG,KAAK,EAClB,qBAAqB,GAAG,IAAI,EAC5B,oBAAoB,EACpB,YAAY,OAEW,EADpB,SAAS,cArB4B,2WAsBzC,CADa;IAEZ,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,eAAe,CACzD,OAAO,EACP,SAAS,EACT,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,UAAU,IAAI,SAAS,IAAI,CAAC,QAAQ,CACrC,CAAC;IACF,MAAM,SAAS,GAAG,WAAW,EAAE,CAAC;IAEhC,MAAM,gBAAgB,GAAG,SAAS,IAAI,OAAO,KAAK,WAAW,CAAC;IAE9D,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAC3D,MAAM,eAAe,GAAG,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAE7D,4EAA4E;IAC5E,6HAA6H;IAC7H,MAAM,sBAAsB,GAAG,QAAQ,IAAI,CAAC,QAAQ,CAAC;IAErD,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAA,CAAC;IAClC,MAAM,aAAa,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,KAAK,CAAC;IAC/C,OAAO,CACL,6CACM,SAAS,EACT,oBAAoB,IACxB,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAC5B,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,EACjC,QAAQ,IAAI,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAC7F,sBAAsB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EACpD,SAAS,IAAI,MAAM,CAAC,OAAO,CAC5B,EACD,GAAG,EAAE,SAAS,IACV,0BAA0B,CAC5B,IAAI,kBAAkB,CAAC,MAAM,SAAS,kBAAkB,CAAC,MAAM,SAAS,kBAAkB,CAAC,MAAM,KAAK,CACvG;QAEA,QAAQ,IAAI,CACX,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,EAC3F,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,EAAE,EAAE,IAE/F,KAAK,CAAC,OAAO,CACV,CACP;QACD,6BACE,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,4BAA4B,CAAC,CAAC;YAE5F,MAAM,IAAI,CACT,oBAAC,8BAA8B;gBAC7B,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE;oBAC9C,2CACE,SAAS,EAAE,IAAI,CACb,SAAS,IAAI,MAAM,CAAC,OAAO,EAC3B,MAAM,CAAC,MAAM,EACb,kBAAkB,CAAC,MAAM,EACzB,MAAM,CAAC,kBAAkB,OAAO,EAAE,CAAC,EACnC;4BACE,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,cAAc,IAAI,CAAC,QAAQ;4BAC/D,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,QAAQ;4BAC3C,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,gBAAgB;4BACnD,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO;4BACjC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,qBAAqB;4BACjD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,QAAQ,IAAI,eAAe;4BAC7D,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,QAAQ;4BACvC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,UAAU,IAAI,SAAS;yBACtD,CACF,IACG,YAAY,IAChB,GAAG,EAAE,eAAe;wBAEnB,OAAO,IAAI,CAAC,QAAQ,IAAI,SAAS,IAAI,UAAU,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,GAAQ;wBACjG,MAAM,CACH,CACuB,CACA,CAClC;YACD,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAAE;oBACzE,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,sBAAsB;iBACnD,CAAC,IAED,QAAQ,CACL;YACL,MAAM,IAAI,CACT,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;oBAC7B,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,sBAAsB;oBACjD,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,uBAAuB;iBACpD,CAAC,IAED,MAAM,CACH,CACP,CACG,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsLabelAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { getBaseProps } from '../internal/base-component';\nimport { ContainerHeaderContextProvider } from '../internal/context/container-header';\nimport { useModalContext } from '../internal/context/modal-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { ContainerProps } from './interfaces';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n __stickyHeader?: boolean;\n __stickyOffset?: number;\n __mobileStickyOffset?: number;\n __disableFooterDivider?: boolean;\n __disableFooterPaddings?: boolean;\n __hiddenContent?: boolean;\n __headerRef?: React.RefObject<HTMLDivElement>;\n __fullPage?: boolean;\n __disableStickyMobile?: boolean;\n /*\n Additional internal variant:\n * * `embedded` - Use this variant within a parent container (such as a modal,\n * expandable section, container or split panel).\n * * `full-page` – Only for internal use in table, cards and other components\n */\n variant?: ContainerProps['variant'] \| 'embedded' \| 'full-page' \| 'cards';\n\n __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];\n __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];\n}\n\nexport function InternalContainerAsSubstep(props: InternalContainerProps) {\n const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n const modalContext = useModalContext();\n\n return (\n <InternalContainer\n {...props}\n __subStepRef={modalContext?.isInModal ? { current: null } : subStepRef}\n __funnelSubStepProps={modalContext?.isInModal ? {} : funnelSubStepProps}\n />\n );\n}\n\nexport default function InternalContainer({\n header,\n footer,\n children,\n variant = 'default',\n disableHeaderPaddings = false,\n disableContentPaddings = false,\n fitHeight,\n media,\n __stickyOffset,\n __mobileStickyOffset,\n __stickyHeader = false,\n __internalRootRef = null,\n __disableFooterDivider = false,\n __disableFooterPaddings = false,\n __hiddenContent = false,\n __headerRef,\n __fullPage = false,\n __disableStickyMobile = true,\n __funnelSubStepProps,\n __subStepRef,\n ...restProps\n}: InternalContainerProps) {\n const isMobile = useMobile();\n const isRefresh = useVisualRefresh();\n const baseProps = getBaseProps(restProps);\n const rootRef = useRef<HTMLDivElement>(null);\n const headerRef = useRef<HTMLDivElement>(null);\n const { isSticky, isStuck, stickyStyles } = useStickyHeader(\n rootRef,\n headerRef,\n __stickyHeader,\n __stickyOffset,\n __mobileStickyOffset,\n __disableStickyMobile,\n __fullPage && isRefresh && !isMobile\n );\n const contentId = useUniqueId();\n\n const hasDynamicHeight = isRefresh && variant === 'full-page';\n\n const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n const headerMergedRef = useMergeRefs(headerRef, __headerRef);\n\n // The container is only sticky on mobile if it is the header for the table.\n // In this case we don't want the container to have sticky styles, as only the table header row will show as stuck on scroll.\n const shouldHaveStickyStyles = isSticky && !isMobile;\n\n const hasMedia = !!media?.content;\n const mediaPosition = media?.position ?? 'top';\n return (\n <div\n {...baseProps}\n {...__funnelSubStepProps}\n className={clsx(\n baseProps.className,\n styles.root,\n styles[`variant-${variant}`],\n fitHeight && styles['fit-height'],\n hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']),\n shouldHaveStickyStyles && [styles['sticky-enabled']],\n isRefresh && styles.refresh\n )}\n ref={mergedRef}\n {...getAnalyticsLabelAttribute(\n `.${analyticsSelectors.header} h1, .${analyticsSelectors.header} h2, .${analyticsSelectors.header} h3`\n )}\n >\n {hasMedia && (\n <div\n className={clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media)}\n style={mediaPosition === 'top' ? { height: media?.height \|\| '' } : { width: media?.width \|\| '' }}\n >\n {media.content}\n </div>\n )}\n <div\n id={contentId}\n ref={__subStepRef}\n className={clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height'])}\n >\n {header && (\n <ContainerHeaderContextProvider>\n <StickyHeaderContext.Provider value={{ isStuck }}>\n <div\n className={clsx(\n isRefresh && styles.refresh,\n styles.header,\n analyticsSelectors.header,\n styles[`header-variant-${variant}`],\n {\n [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n [styles['header-sticky-enabled']]: isSticky,\n [styles['header-dynamic-height']]: hasDynamicHeight,\n [styles['header-stuck']]: isStuck,\n [styles['with-paddings']]: !disableHeaderPaddings,\n [styles['with-hidden-content']]: !children \|\| __hiddenContent,\n [styles['header-with-media']]: hasMedia,\n [styles['header-full-page']]: __fullPage && isRefresh,\n }\n )}\n {...stickyStyles}\n ref={headerMergedRef}\n >\n {isStuck && !isMobile && isRefresh && __fullPage && <div className={styles['header-cover']}></div>}\n {header}\n </div>\n </StickyHeaderContext.Provider>\n </ContainerHeaderContextProvider>\n )}\n <div\n className={clsx(styles.content, fitHeight && styles['content-fit-height'], {\n [styles['with-paddings']]: !disableContentPaddings,\n })}\n >\n {children}\n </div>\n {footer && (\n <div\n className={clsx(styles.footer, {\n [styles['with-divider']]: !__disableFooterDivider,\n [styles['with-paddings']]: !__disableFooterPaddings,\n })}\n >\n {footer}\n </div>\n )}\n </div>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/container/internal.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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsLabelAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { getBaseProps } from '../internal/base-component';\nimport { ContainerHeaderContextProvider } from '../internal/context/container-header';\nimport { useModalContext } from '../internal/context/modal-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { ContainerProps } from './interfaces';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n __stickyHeader?: boolean;\n __stickyOffset?: number;\n __mobileStickyOffset?: number;\n __disableFooterDivider?: boolean;\n __disableFooterPaddings?: boolean;\n __hiddenContent?: boolean;\n __headerRef?: React.RefObject<HTMLDivElement>;\n __fullPage?: boolean;\n __disableStickyMobile?: boolean;\n /*\n Additional internal variant:\n * * `embedded` - Use this variant within a parent container (such as a modal,\n * expandable section, container or split panel).\n * * `full-page` – Only for internal use in table, cards and other components\n */\n variant?: ContainerProps['variant'] \| 'embedded' \| 'full-page' \| 'cards';\n\n __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];\n __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];\n}\n\nexport function InternalContainerAsSubstep(props: InternalContainerProps) {\n const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n const modalContext = useModalContext();\n\n return (\n <InternalContainer\n {...props}\n __subStepRef={modalContext?.isInModal ? { current: null } : subStepRef}\n __funnelSubStepProps={modalContext?.isInModal ? {} : funnelSubStepProps}\n />\n );\n}\n\nexport default function InternalContainer({\n header,\n footer,\n children,\n variant = 'default',\n disableHeaderPaddings = false,\n disableContentPaddings = false,\n fitHeight,\n media,\n __stickyOffset,\n __mobileStickyOffset,\n __stickyHeader = false,\n __internalRootRef = null,\n __disableFooterDivider = false,\n __disableFooterPaddings = false,\n __hiddenContent = false,\n __headerRef,\n __fullPage = false,\n __disableStickyMobile = true,\n __funnelSubStepProps,\n __subStepRef,\n ...restProps\n}: InternalContainerProps) {\n const isMobile = useMobile();\n const isRefresh = useVisualRefresh();\n const baseProps = getBaseProps(restProps);\n const rootRef = useRef<HTMLDivElement>(null);\n const headerRef = useRef<HTMLDivElement>(null);\n const { isSticky, isStuck, stickyStyles } = useStickyHeader(\n rootRef,\n headerRef,\n __stickyHeader,\n __stickyOffset,\n __mobileStickyOffset,\n __disableStickyMobile,\n __fullPage && isRefresh && !isMobile\n );\n const contentId = useUniqueId();\n\n const hasDynamicHeight = isRefresh && variant === 'full-page';\n\n const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n const headerMergedRef = useMergeRefs(headerRef, __headerRef);\n\n // The container is only sticky on mobile if it is the header for the table.\n // In this case we don't want the container to have sticky styles, as only the table header row will show as stuck on scroll.\n const shouldHaveStickyStyles = isSticky && !isMobile;\n\n const hasMedia = !!media?.content;\n const mediaPosition = media?.position ?? 'top';\n return (\n <div\n {...baseProps}\n {...__funnelSubStepProps}\n className={clsx(\n baseProps.className,\n styles.root,\n styles[`variant-${variant}`],\n fitHeight && styles['fit-height'],\n hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']),\n shouldHaveStickyStyles && [styles['sticky-enabled']],\n isRefresh && styles.refresh\n )}\n ref={mergedRef}\n {...getAnalyticsLabelAttribute(\n `.${analyticsSelectors.header} h1, .${analyticsSelectors.header} h2, .${analyticsSelectors.header} h3`\n )}\n >\n {hasMedia && (\n <div\n className={clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media)}\n style={mediaPosition === 'top' ? { height: media?.height \|\| '' } : { width: media?.width \|\| '' }}\n >\n {media.content}\n </div>\n )}\n <div\n id={contentId}\n ref={__subStepRef}\n className={clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height'])}\n >\n {header && (\n <ContainerHeaderContextProvider>\n <StickyHeaderContext.Provider value={{ isStuck }}>\n <div\n className={clsx(\n isRefresh && styles.refresh,\n styles.header,\n analyticsSelectors.header,\n styles[`header-variant-${variant}`],\n {\n [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n [styles['header-sticky-enabled']]: isSticky,\n [styles['header-dynamic-height']]: hasDynamicHeight,\n [styles['header-stuck']]: isStuck,\n [styles['with-paddings']]: !disableHeaderPaddings,\n [styles['with-hidden-content']]: !children \|\| __hiddenContent,\n [styles['header-with-media']]: hasMedia,\n [styles['header-full-page']]: __fullPage && isRefresh,\n }\n )}\n {...stickyStyles}\n ref={headerMergedRef}\n >\n {isStuck && !isMobile && isRefresh && __fullPage && <div className={styles['header-cover']}></div>}\n {header}\n </div>\n </StickyHeaderContext.Provider>\n </ContainerHeaderContextProvider>\n )}\n <div className={clsx(styles.content, fitHeight && styles['content-fit-height'])}>\n <div\n className={clsx(styles['content-inner'], testStyles['content-inner'], {\n [styles['with-paddings']]: !disableContentPaddings,\n [styles['with-header']]: !!header,\n })}\n >\n {children}\n </div>\n </div>\n {footer && (\n <div\n className={clsx(styles.footer, {\n [styles['with-divider']]: !__disableFooterDivider,\n [styles['with-paddings']]: !__disableFooterPaddings,\n })}\n >\n {footer}\n </div>\n )}\n </div>\n </div>\n );\n}\n"]}