@cloudscape-design/components 3.0.835 → 3.0.837

package/button/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_vjswe_15z0x_149",
-  "button": "awsui_button_vjswe_15z0x_153",
-  "variant-normal": "awsui_variant-normal_vjswe_15z0x_204",
-  "variant-icon": "awsui_variant-icon_vjswe_15z0x_247",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_15z0x_247",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_15z0x_247",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_15z0x_268",
-  "disabled": "awsui_disabled_vjswe_15z0x_289",
-  "variant-primary": "awsui_variant-primary_vjswe_15z0x_296",
-  "variant-link": "awsui_variant-link_vjswe_15z0x_388",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_15z0x_664",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_15z0x_944",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_15z0x_1041",
-  "button-no-text": "awsui_button-no-text_vjswe_15z0x_1133",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_15z0x_1137",
-  "full-width": "awsui_full-width_vjswe_15z0x_1140",
-  "icon-left": "awsui_icon-left_vjswe_15z0x_1159",
-  "icon-right": "awsui_icon-right_vjswe_15z0x_1164",
-  "icon": "awsui_icon_vjswe_15z0x_1159",
-  "link": "awsui_link_vjswe_15z0x_1183",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_15z0x_1183"
+  "content": "awsui_content_vjswe_1tt9v_149",
+  "button": "awsui_button_vjswe_1tt9v_153",
+  "variant-normal": "awsui_variant-normal_vjswe_1tt9v_204",
+  "variant-icon": "awsui_variant-icon_vjswe_1tt9v_247",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1tt9v_247",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1tt9v_247",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1tt9v_268",
+  "disabled": "awsui_disabled_vjswe_1tt9v_289",
+  "variant-primary": "awsui_variant-primary_vjswe_1tt9v_296",
+  "variant-link": "awsui_variant-link_vjswe_1tt9v_388",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_1tt9v_664",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1tt9v_944",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1tt9v_1041",
+  "button-no-text": "awsui_button-no-text_vjswe_1tt9v_1133",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_1tt9v_1137",
+  "full-width": "awsui_full-width_vjswe_1tt9v_1140",
+  "icon-left": "awsui_icon-left_vjswe_1tt9v_1159",
+  "icon-right": "awsui_icon-right_vjswe_1tt9v_1164",
+  "icon": "awsui_icon_vjswe_1tt9v_1159",
+  "link": "awsui_link_vjswe_1tt9v_1183",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1tt9v_1183"
 };
   

package/button-dropdown/item-element/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "item-element": "awsui_item-element_93a1u_1lk94_141",
-  "disabled": "awsui_disabled_93a1u_1lk94_153",
-  "show-divider": "awsui_show-divider_93a1u_1lk94_160",
-  "highlighted": "awsui_highlighted_93a1u_1lk94_163",
-  "is-focused": "awsui_is-focused_93a1u_1lk94_178",
-  "menu-item": "awsui_menu-item_93a1u_1lk94_183",
-  "link-style": "awsui_link-style_93a1u_1lk94_195",
-  "has-category-header": "awsui_has-category-header_93a1u_1lk94_234",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1lk94_234",
-  "has-checkmark": "awsui_has-checkmark_93a1u_1lk94_234",
-  "icon": "awsui_icon_93a1u_1lk94_238",
-  "checkmark": "awsui_checkmark_93a1u_1lk94_242",
-  "external-icon": "awsui_external-icon_93a1u_1lk94_249"
+  "item-element": "awsui_item-element_93a1u_1vvrv_141",
+  "disabled": "awsui_disabled_93a1u_1vvrv_153",
+  "show-divider": "awsui_show-divider_93a1u_1vvrv_160",
+  "highlighted": "awsui_highlighted_93a1u_1vvrv_163",
+  "is-focused": "awsui_is-focused_93a1u_1vvrv_178",
+  "menu-item": "awsui_menu-item_93a1u_1vvrv_183",
+  "link-style": "awsui_link-style_93a1u_1vvrv_195",
+  "has-category-header": "awsui_has-category-header_93a1u_1vvrv_234",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1vvrv_234",
+  "has-checkmark": "awsui_has-checkmark_93a1u_1vvrv_234",
+  "icon": "awsui_icon_93a1u_1vvrv_238",
+  "checkmark": "awsui_checkmark_93a1u_1vvrv_242",
+  "external-icon": "awsui_external-icon_93a1u_1vvrv_249"
 };
   

package/button-dropdown/item-element/styles.scoped.css

@@ -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_1lk94_141:not(#\9) {
+.awsui_item-element_93a1u_1vvrv_141:not(#\9) {
   position: relative;
   z-index: 1;
   border-block: var(--border-item-width-yel47s, 2px) 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-wpxsrk, #0f141a);
-  margin-block-start: calc(-1 * var(--border-field-width-09w7vk, 2px));
+  margin-block-start: calc(-1 * var(--border-width-field-h1g7tw, 2px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_1lk94_141.awsui_disabled_93a1u_1lk94_153:not(#\9) {
+.awsui_item-element_93a1u_1vvrv_141.awsui_disabled_93a1u_1vvrv_153:not(#\9) {
   cursor: default;
   color: var(--color-text-dropdown-item-disabled-7fg5u8, #b4b4bb);
 }
-.awsui_item-element_93a1u_1lk94_141:not(#\9):first-child {
+.awsui_item-element_93a1u_1vvrv_141:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_item-element_93a1u_1lk94_141.awsui_show-divider_93a1u_1lk94_160:not(#\9) {
+.awsui_item-element_93a1u_1vvrv_141.awsui_show-divider_93a1u_1vvrv_160:not(#\9) {
   border-block-end: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-group-2xoluv, #c6c6cd);
 }
-.awsui_item-element_93a1u_1lk94_141.awsui_highlighted_93a1u_1lk94_163:not(#\9) {
+.awsui_item-element_93a1u_1vvrv_141.awsui_highlighted_93a1u_1vvrv_163:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-rnfxxj, #0f141a);
   z-index: 2;
   background-color: var(--color-background-dropdown-item-hover-zhzc84, #f3f3f7);
@@ -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-05df9h, 8px);
   border-end-end-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_item-element_93a1u_1lk94_141.awsui_highlighted_93a1u_1lk94_163.awsui_disabled_93a1u_1lk94_153:not(#\9) {
+.awsui_item-element_93a1u_1vvrv_141.awsui_highlighted_93a1u_1vvrv_163.awsui_disabled_93a1u_1vvrv_153:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-7c5xo0, #b4b4bb);
   border-color: var(--color-border-dropdown-item-dimmed-hover-6qayyi, #8c8c94);
   background-color: var(--color-background-dropdown-item-dimmed-dlm6wk, transparent);
 }
-.awsui_item-element_93a1u_1lk94_141.awsui_highlighted_93a1u_1lk94_163.awsui_is-focused_93a1u_1lk94_178:not(#\9) {
+.awsui_item-element_93a1u_1vvrv_141.awsui_highlighted_93a1u_1vvrv_163.awsui_is-focused_93a1u_1vvrv_178:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-5afjvu, #424650);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_menu-item_93a1u_1lk94_183:not(#\9) {
+.awsui_menu-item_93a1u_1vvrv_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_1lk94_183.awsui_link-style_93a1u_1lk94_195:not(#\9) {
+.awsui_menu-item_93a1u_1vvrv_183.awsui_link-style_93a1u_1vvrv_195:not(#\9) {
   padding-block-end: calc(var(--space-xxs-p8yyaw, 4px) + var(--space-xxxs-zbmxqb, 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-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_menu-item_93a1u_1lk94_183.awsui_link-style_93a1u_1lk94_195:not(#\9) {
+  .awsui_menu-item_93a1u_1vvrv_183.awsui_link-style_93a1u_1vvrv_195:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_menu-item_93a1u_1lk94_183.awsui_link-style_93a1u_1lk94_195:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_1lk94_183.awsui_link-style_93a1u_1lk94_195:not(#\9) {
+.awsui-motion-disabled .awsui_menu-item_93a1u_1vvrv_183.awsui_link-style_93a1u_1vvrv_195:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_1vvrv_183.awsui_link-style_93a1u_1vvrv_195:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_menu-item_93a1u_1lk94_183.awsui_link-style_93a1u_1lk94_195:not(#\9):hover {
+.awsui_menu-item_93a1u_1vvrv_183.awsui_link-style_93a1u_1vvrv_195:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-49uoe9, #002b66);
 }
-.awsui_menu-item_93a1u_1lk94_183.awsui_link-style_93a1u_1lk94_195:not(#\9):focus {
+.awsui_menu-item_93a1u_1vvrv_183.awsui_link-style_93a1u_1vvrv_195:not(#\9):focus {
   outline: none;
 }
-.awsui_menu-item_93a1u_1lk94_183.awsui_link-style_93a1u_1lk94_195:not(#\9):active {
+.awsui_menu-item_93a1u_1vvrv_183.awsui_link-style_93a1u_1vvrv_195:not(#\9):active {
   color: var(--color-text-link-hover-49uoe9, #002b66);
 }
-.awsui_menu-item_93a1u_1lk94_183.awsui_link-style_93a1u_1lk94_195:not(#\9):active, .awsui_menu-item_93a1u_1lk94_183.awsui_link-style_93a1u_1lk94_195:not(#\9):focus, .awsui_menu-item_93a1u_1lk94_183.awsui_link-style_93a1u_1lk94_195:not(#\9):hover {
+.awsui_menu-item_93a1u_1vvrv_183.awsui_link-style_93a1u_1vvrv_195:not(#\9):active, .awsui_menu-item_93a1u_1vvrv_183.awsui_link-style_93a1u_1vvrv_195:not(#\9):focus, .awsui_menu-item_93a1u_1vvrv_183.awsui_link-style_93a1u_1vvrv_195:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_menu-item_93a1u_1lk94_183:not(#\9):focus {
+.awsui_menu-item_93a1u_1vvrv_183:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_1lk94_234 > .awsui_menu-item_93a1u_1lk94_183:not(#\9), .awsui_has-category-header_93a1u_1lk94_234 > .awsui_item-tooltip-wrapper_93a1u_1lk94_234 > .awsui_menu-item_93a1u_1lk94_183:not(#\9), .awsui_has-category-header_93a1u_1lk94_234:not(#\9):not(.awsui_has-checkmark_93a1u_1lk94_234) > span > .awsui_menu-item_93a1u_1lk94_183 {
+.awsui_has-category-header_93a1u_1vvrv_234 > .awsui_menu-item_93a1u_1vvrv_183:not(#\9), .awsui_has-category-header_93a1u_1vvrv_234 > .awsui_item-tooltip-wrapper_93a1u_1vvrv_234 > .awsui_menu-item_93a1u_1vvrv_183:not(#\9), .awsui_has-category-header_93a1u_1vvrv_234:not(#\9):not(.awsui_has-checkmark_93a1u_1vvrv_234) > span > .awsui_menu-item_93a1u_1vvrv_183 {
   padding-inline-start: calc(var(--space-xs-zb16t3, 8px) + var(--space-l-t419sm, 20px));
 }
 
-.awsui_icon_93a1u_1lk94_238:not(#\9) {
+.awsui_icon_93a1u_1vvrv_238:not(#\9) {
   padding-inline-end: var(--space-xxs-p8yyaw, 4px);
   flex-shrink: 0;
 }
-.awsui_icon_93a1u_1lk94_238.awsui_checkmark_93a1u_1lk94_242:not(#\9) {
+.awsui_icon_93a1u_1vvrv_238.awsui_checkmark_93a1u_1vvrv_242:not(#\9) {
   color: var(--color-text-status-info-7rlubr, #006ce0);
 }
-.awsui_icon_93a1u_1lk94_238.awsui_disabled_93a1u_1lk94_153:not(#\9) {
+.awsui_icon_93a1u_1vvrv_238.awsui_disabled_93a1u_1vvrv_153:not(#\9) {
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
 }
 
-.awsui_external-icon_93a1u_1lk94_249:not(#\9) {
+.awsui_external-icon_93a1u_1vvrv_249:not(#\9) {
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
 }

package/button-dropdown/item-element/styles.selectors.js

@@ -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_1lk94_141",
-  "disabled": "awsui_disabled_93a1u_1lk94_153",
-  "show-divider": "awsui_show-divider_93a1u_1lk94_160",
-  "highlighted": "awsui_highlighted_93a1u_1lk94_163",
-  "is-focused": "awsui_is-focused_93a1u_1lk94_178",
-  "menu-item": "awsui_menu-item_93a1u_1lk94_183",
-  "link-style": "awsui_link-style_93a1u_1lk94_195",
-  "has-category-header": "awsui_has-category-header_93a1u_1lk94_234",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1lk94_234",
-  "has-checkmark": "awsui_has-checkmark_93a1u_1lk94_234",
-  "icon": "awsui_icon_93a1u_1lk94_238",
-  "checkmark": "awsui_checkmark_93a1u_1lk94_242",
-  "external-icon": "awsui_external-icon_93a1u_1lk94_249"
+  "item-element": "awsui_item-element_93a1u_1vvrv_141",
+  "disabled": "awsui_disabled_93a1u_1vvrv_153",
+  "show-divider": "awsui_show-divider_93a1u_1vvrv_160",
+  "highlighted": "awsui_highlighted_93a1u_1vvrv_163",
+  "is-focused": "awsui_is-focused_93a1u_1vvrv_178",
+  "menu-item": "awsui_menu-item_93a1u_1vvrv_183",
+  "link-style": "awsui_link-style_93a1u_1vvrv_195",
+  "has-category-header": "awsui_has-category-header_93a1u_1vvrv_234",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1vvrv_234",
+  "has-checkmark": "awsui_has-checkmark_93a1u_1vvrv_234",
+  "icon": "awsui_icon_93a1u_1vvrv_238",
+  "checkmark": "awsui_checkmark_93a1u_1vvrv_242",
+  "external-icon": "awsui_external-icon_93a1u_1vvrv_249"
 };
   

package/button-dropdown/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "button-dropdown": "awsui_button-dropdown_sne0l_8m5yf_141",
-  "items-list-container": "awsui_items-list-container_sne0l_8m5yf_145",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_8m5yf_1",
-  "rotate-up": "awsui_rotate-up_sne0l_8m5yf_164",
-  "rotate-down": "awsui_rotate-down_sne0l_8m5yf_179",
-  "header": "awsui_header_sne0l_8m5yf_194",
-  "title": "awsui_title_sne0l_8m5yf_205",
-  "description": "awsui_description_sne0l_8m5yf_206",
-  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_8m5yf_210",
-  "trigger-item": "awsui_trigger-item_sne0l_8m5yf_213",
-  "trigger-button": "awsui_trigger-button_sne0l_8m5yf_213",
-  "has-no-text": "awsui_has-no-text_sne0l_8m5yf_222",
-  "visual-refresh": "awsui_visual-refresh_sne0l_8m5yf_225",
-  "variant-normal": "awsui_variant-normal_sne0l_8m5yf_236",
-  "split-trigger": "awsui_split-trigger_sne0l_8m5yf_210",
-  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_8m5yf_247",
-  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_8m5yf_251"
+  "button-dropdown": "awsui_button-dropdown_sne0l_1nhyq_141",
+  "items-list-container": "awsui_items-list-container_sne0l_1nhyq_145",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1nhyq_1",
+  "rotate-up": "awsui_rotate-up_sne0l_1nhyq_164",
+  "rotate-down": "awsui_rotate-down_sne0l_1nhyq_179",
+  "header": "awsui_header_sne0l_1nhyq_194",
+  "title": "awsui_title_sne0l_1nhyq_205",
+  "description": "awsui_description_sne0l_1nhyq_206",
+  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1nhyq_210",
+  "trigger-item": "awsui_trigger-item_sne0l_1nhyq_213",
+  "trigger-button": "awsui_trigger-button_sne0l_1nhyq_213",
+  "has-no-text": "awsui_has-no-text_sne0l_1nhyq_222",
+  "visual-refresh": "awsui_visual-refresh_sne0l_1nhyq_225",
+  "variant-normal": "awsui_variant-normal_sne0l_1nhyq_236",
+  "split-trigger": "awsui_split-trigger_sne0l_1nhyq_210",
+  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_1nhyq_247",
+  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1nhyq_251"
 };
   

package/button-dropdown/styles.scoped.css

@@ -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_8m5yf_141:not(#\9) {
+.awsui_button-dropdown_sne0l_1nhyq_141:not(#\9) {
   display: inline-block;
 }
 
-.awsui_items-list-container_sne0l_8m5yf_145:not(#\9) {
+.awsui_items-list-container_sne0l_1nhyq_145:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
-  animation: awsui_awsui-motion-fade-in-0_sne0l_8m5yf_1 500ms var(--motion-easing-show-quick-vc5zgd, ease-out);
+  animation: awsui_awsui-motion-fade-in-0_sne0l_1nhyq_1 500ms var(--motion-easing-show-quick-vc5zgd, ease-out);
   animation-fill-mode: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_items-list-container_sne0l_8m5yf_145:not(#\9) {
+  .awsui_items-list-container_sne0l_1nhyq_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_items-list-container_sne0l_8m5yf_145:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_8m5yf_145:not(#\9) {
+.awsui-motion-disabled .awsui_items-list-container_sne0l_1nhyq_145:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_1nhyq_145:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_rotate-up_sne0l_8m5yf_164:not(#\9) {
+.awsui_rotate-up_sne0l_1nhyq_164:not(#\9) {
   transform: rotate(-180deg);
   transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-up_sne0l_8m5yf_164:not(#\9) {
+  .awsui_rotate-up_sne0l_1nhyq_164:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-up_sne0l_8m5yf_164:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_8m5yf_164:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-up_sne0l_1nhyq_164:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_1nhyq_164:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_rotate-down_sne0l_8m5yf_179:not(#\9) {
+.awsui_rotate-down_sne0l_1nhyq_179:not(#\9) {
   transform: rotate(0deg);
   transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-down_sne0l_8m5yf_179:not(#\9) {
+  .awsui_rotate-down_sne0l_1nhyq_179:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-down_sne0l_8m5yf_179:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_8m5yf_179:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-down_sne0l_1nhyq_179:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_1nhyq_179:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_header_sne0l_8m5yf_194:not(#\9) {
+.awsui_header_sne0l_1nhyq_194:not(#\9) {
   display: flex;
   flex-direction: column;
   list-style: none;
   padding-block: var(--space-s-34lx8l, 12px);
   padding-inline: var(--space-l-t419sm, 20px);
-  border-block-start: var(--border-field-width-09w7vk, 2px) solid transparent;
-  border-block-end: var(--border-field-width-09w7vk, 2px) solid var(--color-border-dropdown-group-2xoluv, #c6c6cd);
-  border-inline: var(--border-field-width-09w7vk, 2px) solid transparent;
+  border-block-start: var(--border-width-field-h1g7tw, 2px) solid transparent;
+  border-block-end: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-dropdown-group-2xoluv, #c6c6cd);
+  border-inline: var(--border-width-field-h1g7tw, 2px) solid transparent;
 }
 
-.awsui_title_sne0l_8m5yf_205:not(#\9),
-.awsui_description_sne0l_8m5yf_206:not(#\9) {
+.awsui_title_sne0l_1nhyq_205:not(#\9),
+.awsui_description_sne0l_1nhyq_206:not(#\9) {
   color: var(--color-text-top-navigation-title-v9cb3m, #0f141a);
 }
 
-.awsui_split-trigger-wrapper_sne0l_8m5yf_210:not(#\9) {
+.awsui_split-trigger-wrapper_sne0l_1nhyq_210:not(#\9) {
   display: flex;
 }
-.awsui_split-trigger-wrapper_sne0l_8m5yf_210 > .awsui_trigger-item_sne0l_8m5yf_213 > .awsui_trigger-button_sne0l_8m5yf_213:not(#\9):focus, .awsui_split-trigger-wrapper_sne0l_8m5yf_210 > .awsui_trigger-item_sne0l_8m5yf_213 > .awsui_trigger-button_sne0l_8m5yf_213:not(#\9):hover {
+.awsui_split-trigger-wrapper_sne0l_1nhyq_210 > .awsui_trigger-item_sne0l_1nhyq_213 > .awsui_trigger-button_sne0l_1nhyq_213:not(#\9):focus, .awsui_split-trigger-wrapper_sne0l_1nhyq_210 > .awsui_trigger-item_sne0l_1nhyq_213 > .awsui_trigger-button_sne0l_1nhyq_213:not(#\9):hover {
   z-index: 1;
 }
-.awsui_split-trigger-wrapper_sne0l_8m5yf_210 > .awsui_trigger-item_sne0l_8m5yf_213:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_8m5yf_213 {
+.awsui_split-trigger-wrapper_sne0l_1nhyq_210 > .awsui_trigger-item_sne0l_1nhyq_213:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1nhyq_213 {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
   padding-inline-end: var(--space-m-udix3p, 16px);
   margin-inline-end: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_8m5yf_210 > .awsui_trigger-item_sne0l_8m5yf_213:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_8m5yf_213.awsui_has-no-text_sne0l_8m5yf_222 {
+.awsui_split-trigger-wrapper_sne0l_1nhyq_210 > .awsui_trigger-item_sne0l_1nhyq_213:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1nhyq_213.awsui_has-no-text_sne0l_1nhyq_222 {
   padding-inline: var(--space-button-icon-only-horizontal-zsf2nw, 6px);
 }
-.awsui_split-trigger-wrapper_sne0l_8m5yf_210 > .awsui_trigger-item_sne0l_8m5yf_213:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_8m5yf_213.awsui_has-no-text_sne0l_8m5yf_222.awsui_visual-refresh_sne0l_8m5yf_225 {
+.awsui_split-trigger-wrapper_sne0l_1nhyq_210 > .awsui_trigger-item_sne0l_1nhyq_213:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1nhyq_213.awsui_has-no-text_sne0l_1nhyq_222.awsui_visual-refresh_sne0l_1nhyq_225 {
   padding-inline-start: calc(var(--space-s-34lx8l, 12px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_8m5yf_210 > .awsui_trigger-item_sne0l_8m5yf_213:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_8m5yf_213 {
+.awsui_split-trigger-wrapper_sne0l_1nhyq_210 > .awsui_trigger-item_sne0l_1nhyq_213:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_1nhyq_213 {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
   padding-inline: calc(var(--space-xs-zb16t3, 8px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_8m5yf_210 > .awsui_trigger-item_sne0l_8m5yf_213:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_8m5yf_225 > .awsui_trigger-button_sne0l_8m5yf_213 {
+.awsui_split-trigger-wrapper_sne0l_1nhyq_210 > .awsui_trigger-item_sne0l_1nhyq_213:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_1nhyq_225 > .awsui_trigger-button_sne0l_1nhyq_213 {
   padding-inline-end: calc(var(--space-s-34lx8l, 12px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_8m5yf_210 > .awsui_trigger-item_sne0l_8m5yf_213.awsui_variant-normal_sne0l_8m5yf_236:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_8m5yf_213 {
+.awsui_split-trigger-wrapper_sne0l_1nhyq_210 > .awsui_trigger-item_sne0l_1nhyq_213.awsui_variant-normal_sne0l_1nhyq_236:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1nhyq_213 {
   margin-inline-end: 0;
 }
-.awsui_split-trigger-wrapper_sne0l_8m5yf_210 > .awsui_trigger-item_sne0l_8m5yf_213.awsui_variant-normal_sne0l_8m5yf_236:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_8m5yf_213 {
-  margin-inline-start: calc(var(--border-field-width-09w7vk, 2px) * -1);
+.awsui_split-trigger-wrapper_sne0l_1nhyq_210 > .awsui_trigger-item_sne0l_1nhyq_213.awsui_variant-normal_sne0l_1nhyq_236:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_1nhyq_213 {
+  margin-inline-start: calc(var(--border-width-field-h1g7tw, 2px) * -1);
 }
 
-.awsui_split-trigger_sne0l_8m5yf_210:not(#\9) {
+.awsui_split-trigger_sne0l_1nhyq_210:not(#\9) {
   display: contents;
 }
 
-.awsui_dropdown-trigger_sne0l_8m5yf_247:not(#\9) {
+.awsui_dropdown-trigger_sne0l_1nhyq_247:not(#\9) {
   display: contents;
 }
 
-.awsui_test-utils-button-trigger_sne0l_8m5yf_251:not(#\9) {
+.awsui_test-utils-button-trigger_sne0l_1nhyq_251:not(#\9) {
   /* used in test-utils */
 }

package/button-dropdown/styles.selectors.js

@@ -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_8m5yf_141",
-  "items-list-container": "awsui_items-list-container_sne0l_8m5yf_145",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_8m5yf_1",
-  "rotate-up": "awsui_rotate-up_sne0l_8m5yf_164",
-  "rotate-down": "awsui_rotate-down_sne0l_8m5yf_179",
-  "header": "awsui_header_sne0l_8m5yf_194",
-  "title": "awsui_title_sne0l_8m5yf_205",
-  "description": "awsui_description_sne0l_8m5yf_206",
-  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_8m5yf_210",
-  "trigger-item": "awsui_trigger-item_sne0l_8m5yf_213",
-  "trigger-button": "awsui_trigger-button_sne0l_8m5yf_213",
-  "has-no-text": "awsui_has-no-text_sne0l_8m5yf_222",
-  "visual-refresh": "awsui_visual-refresh_sne0l_8m5yf_225",
-  "variant-normal": "awsui_variant-normal_sne0l_8m5yf_236",
-  "split-trigger": "awsui_split-trigger_sne0l_8m5yf_210",
-  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_8m5yf_247",
-  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_8m5yf_251"
+  "button-dropdown": "awsui_button-dropdown_sne0l_1nhyq_141",
+  "items-list-container": "awsui_items-list-container_sne0l_1nhyq_145",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1nhyq_1",
+  "rotate-up": "awsui_rotate-up_sne0l_1nhyq_164",
+  "rotate-down": "awsui_rotate-down_sne0l_1nhyq_179",
+  "header": "awsui_header_sne0l_1nhyq_194",
+  "title": "awsui_title_sne0l_1nhyq_205",
+  "description": "awsui_description_sne0l_1nhyq_206",
+  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1nhyq_210",
+  "trigger-item": "awsui_trigger-item_sne0l_1nhyq_213",
+  "trigger-button": "awsui_trigger-button_sne0l_1nhyq_213",
+  "has-no-text": "awsui_has-no-text_sne0l_1nhyq_222",
+  "visual-refresh": "awsui_visual-refresh_sne0l_1nhyq_225",
+  "variant-normal": "awsui_variant-normal_sne0l_1nhyq_236",
+  "split-trigger": "awsui_split-trigger_sne0l_1nhyq_210",
+  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_1nhyq_247",
+  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1nhyq_251"
 };
   

package/container/internal.d.ts.map

@@ -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"}
+{"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/container/internal.js

@@ -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/container/internal.js.map

@@ -1 +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';\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"]}
+{"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"]}