@cloudscape-design/components 3.0.333 → 3.0.335

package/alert/styles.css.js

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_ba8vv_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_ba8vv_1",
-  "root": "awsui_root_mx3cw_ba8vv_119",
-  "hidden": "awsui_hidden_mx3cw_ba8vv_135",
-  "body": "awsui_body_mx3cw_ba8vv_160",
-  "header": "awsui_header_mx3cw_ba8vv_166",
-  "action": "awsui_action_mx3cw_ba8vv_170",
-  "action-button": "awsui_action-button_mx3cw_ba8vv_175",
-  "text": "awsui_text_mx3cw_ba8vv_179",
-  "icon": "awsui_icon_mx3cw_ba8vv_183",
-  "message": "awsui_message_mx3cw_ba8vv_186",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_ba8vv_194",
-  "content": "awsui_content_mx3cw_ba8vv_208",
-  "dismiss": "awsui_dismiss_mx3cw_ba8vv_212",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_ba8vv_218",
-  "type-error": "awsui_type-error_mx3cw_ba8vv_226",
-  "type-warning": "awsui_type-warning_mx3cw_ba8vv_234",
-  "type-success": "awsui_type-success_mx3cw_ba8vv_242",
-  "type-info": "awsui_type-info_mx3cw_ba8vv_250"
+  "alert": "awsui_alert_mx3cw_1ye24_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1ye24_1",
+  "root": "awsui_root_mx3cw_1ye24_119",
+  "hidden": "awsui_hidden_mx3cw_1ye24_135",
+  "body": "awsui_body_mx3cw_1ye24_160",
+  "header": "awsui_header_mx3cw_1ye24_166",
+  "action": "awsui_action_mx3cw_1ye24_170",
+  "action-button": "awsui_action-button_mx3cw_1ye24_175",
+  "text": "awsui_text_mx3cw_1ye24_179",
+  "icon": "awsui_icon_mx3cw_1ye24_183",
+  "message": "awsui_message_mx3cw_1ye24_186",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1ye24_194",
+  "content": "awsui_content_mx3cw_1ye24_208",
+  "dismiss": "awsui_dismiss_mx3cw_1ye24_212",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1ye24_218",
+  "type-error": "awsui_type-error_mx3cw_1ye24_226",
+  "type-warning": "awsui_type-warning_mx3cw_1ye24_234",
+  "type-success": "awsui_type-success_mx3cw_1ye24_242",
+  "type-info": "awsui_type-info_mx3cw_1ye24_250"
 };
   

package/alert/styles.scoped.css

@@ -90,10 +90,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_alert_mx3cw_ba8vv_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_ba8vv_1 var(--motion-duration-show-paced-uryptc, 180ms) var(--motion-easing-show-paced-tbgeqx, ease-out);
+.awsui_alert_mx3cw_1ye24_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_1ye24_1 var(--motion-duration-show-paced-uryptc, 180ms) var(--motion-easing-show-paced-tbgeqx, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_ba8vv_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_1ye24_1 {
   from {
     opacity: 0.2;
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_ba8vv_93:not(#\9) {
+  .awsui_alert_mx3cw_1ye24_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_ba8vv_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_ba8vv_93:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_1ye24_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1ye24_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_mx3cw_ba8vv_119:not(#\9) {
+.awsui_root_mx3cw_1ye24_119:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -147,7 +147,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   box-sizing: border-box;
   font-size: var(--font-body-m-size-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  line-height: var(--font-body-m-line-height-ghizru, 20px);
   color: var(--color-text-body-default-su7kuo, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -158,11 +158,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_ba8vv_119.awsui_hidden_mx3cw_ba8vv_135:not(#\9) {
+.awsui_root_mx3cw_1ye24_119.awsui_hidden_mx3cw_1ye24_135:not(#\9) {
   display: none;
 }
 
-.awsui_alert_mx3cw_ba8vv_93:not(#\9) {
+.awsui_alert_mx3cw_1ye24_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -193,7 +193,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   box-sizing: border-box;
   font-size: var(--font-body-m-size-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  line-height: var(--font-body-m-line-height-ghizru, 20px);
   color: var(--color-text-body-default-su7kuo, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -209,100 +209,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-container-content-og3y0v, #ffffff);
 }
 
-.awsui_body_mx3cw_ba8vv_160:not(#\9) {
+.awsui_body_mx3cw_1ye24_160:not(#\9) {
   display: flex;
   flex: 1 1 0%;
   min-width: 0;
 }
 
-.awsui_header_mx3cw_ba8vv_166:not(#\9) {
+.awsui_header_mx3cw_1ye24_166:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_action_mx3cw_ba8vv_170:not(#\9) {
+.awsui_action_mx3cw_1ye24_170:not(#\9) {
   white-space: nowrap;
   margin-left: var(--space-s-hdd878, 12px);
 }
 
-.awsui_action-button_mx3cw_ba8vv_175:not(#\9) {
+.awsui_action-button_mx3cw_1ye24_175:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_text_mx3cw_ba8vv_179:not(#\9) {
+.awsui_text_mx3cw_1ye24_179:not(#\9) {
   padding: var(--border-field-width-riro62, 2px) 0;
   margin: var(--space-scaled-xxs-t2t62i, 4px) var(--space-xxs-ja5cp8, 4px);
 }
-.awsui_text_mx3cw_ba8vv_179.awsui_icon_mx3cw_ba8vv_183:not(#\9) {
+.awsui_text_mx3cw_1ye24_179.awsui_icon_mx3cw_1ye24_183:not(#\9) {
   margin-left: 0;
 }
-.awsui_text_mx3cw_ba8vv_179.awsui_message_mx3cw_ba8vv_186:not(#\9) {
+.awsui_text_mx3cw_1ye24_179.awsui_message_mx3cw_1ye24_186:not(#\9) {
   margin-right: var(--space-alert-message-right-221e5g, 4px);
 }
-.awsui_text_mx3cw_ba8vv_179.awsui_message_mx3cw_ba8vv_186 + .awsui_action_mx3cw_ba8vv_170:not(#\9) {
+.awsui_text_mx3cw_1ye24_179.awsui_message_mx3cw_1ye24_186 + .awsui_action_mx3cw_1ye24_170:not(#\9) {
   margin-left: var(--space-alert-action-left-j65qap, 12px);
 }
 
 /* stylelint-disable selector-max-type */
-.awsui_root_mx3cw_ba8vv_119.awsui_breakpoint-default_mx3cw_ba8vv_194 > div > .awsui_alert_mx3cw_ba8vv_93 > .awsui_body_mx3cw_ba8vv_160:not(#\9) {
+.awsui_root_mx3cw_1ye24_119.awsui_breakpoint-default_mx3cw_1ye24_194 > div > .awsui_alert_mx3cw_1ye24_93 > .awsui_body_mx3cw_1ye24_160:not(#\9) {
   display: block;
 }
-.awsui_root_mx3cw_ba8vv_119.awsui_breakpoint-default_mx3cw_ba8vv_194 > div > .awsui_alert_mx3cw_ba8vv_93 > .awsui_body_mx3cw_ba8vv_160 > .awsui_action_mx3cw_ba8vv_170:not(#\9) {
+.awsui_root_mx3cw_1ye24_119.awsui_breakpoint-default_mx3cw_1ye24_194 > div > .awsui_alert_mx3cw_1ye24_93 > .awsui_body_mx3cw_1ye24_160 > .awsui_action_mx3cw_1ye24_170:not(#\9) {
   margin-left: var(--space-xxs-ja5cp8, 4px);
   margin-bottom: var(--space-xxs-ja5cp8, 4px);
 }
 
 /* stylelint-enable selector-max-type */
-.awsui_message_mx3cw_ba8vv_186:not(#\9) {
+.awsui_message_mx3cw_1ye24_186:not(#\9) {
   flex: 1 1 0%;
   min-width: 0;
 }
 
-.awsui_content_mx3cw_ba8vv_208:not(#\9) {
+.awsui_content_mx3cw_1ye24_208:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dismiss_mx3cw_ba8vv_212:not(#\9) {
+.awsui_dismiss_mx3cw_1ye24_212:not(#\9) {
   flex: 0 0 auto;
   margin-right: calc(-1 * var(--space-xxs-ja5cp8, 4px));
   margin-left: var(--space-s-hdd878, 12px);
 }
 
-.awsui_dismiss-button_mx3cw_ba8vv_218:not(#\9) {
+.awsui_dismiss-button_mx3cw_1ye24_218:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_icon_mx3cw_ba8vv_183:not(#\9) {
+.awsui_icon_mx3cw_1ye24_183:not(#\9) {
   flex: 0 0 auto;
 }
 
-.awsui_type-error_mx3cw_ba8vv_226:not(#\9) {
+.awsui_type-error_mx3cw_1ye24_226:not(#\9) {
   border-color: var(--color-border-status-error-vuw4yz, #d91515);
   background-color: var(--color-background-status-error-9e19yh, #fff7f7);
 }
-.awsui_type-error_mx3cw_ba8vv_226 > .awsui_icon_mx3cw_ba8vv_183:not(#\9) {
+.awsui_type-error_mx3cw_1ye24_226 > .awsui_icon_mx3cw_1ye24_183:not(#\9) {
   color: var(--color-text-status-error-p6dh5n, #d91515);
 }
 
-.awsui_type-warning_mx3cw_ba8vv_234:not(#\9) {
+.awsui_type-warning_mx3cw_1ye24_234:not(#\9) {
   border-color: var(--color-border-status-warning-118bcl, #7d8998);
   background-color: var(--color-background-status-warning-b15ytv, #ffffff);
 }
-.awsui_type-warning_mx3cw_ba8vv_234 > .awsui_icon_mx3cw_ba8vv_183:not(#\9) {
+.awsui_type-warning_mx3cw_1ye24_234 > .awsui_icon_mx3cw_1ye24_183:not(#\9) {
   color: var(--color-text-status-warning-3n8qp8, #d91515);
 }
 
-.awsui_type-success_mx3cw_ba8vv_242:not(#\9) {
+.awsui_type-success_mx3cw_1ye24_242:not(#\9) {
   border-color: var(--color-border-status-success-9l0sch, #037f0c);
   background-color: var(--color-background-status-success-irojq1, #f2fcf3);
 }
-.awsui_type-success_mx3cw_ba8vv_242 > .awsui_icon_mx3cw_ba8vv_183:not(#\9) {
+.awsui_type-success_mx3cw_1ye24_242 > .awsui_icon_mx3cw_1ye24_183:not(#\9) {
   color: var(--color-text-status-success-6id1zv, #037f0c);
 }
 
-.awsui_type-info_mx3cw_ba8vv_250:not(#\9) {
+.awsui_type-info_mx3cw_1ye24_250:not(#\9) {
   border-color: var(--color-border-status-info-lubl5f, #0972d3);
   background-color: var(--color-background-status-info-wlp7jc, #f2f8fd);
 }
-.awsui_type-info_mx3cw_ba8vv_250 > .awsui_icon_mx3cw_ba8vv_183:not(#\9) {
+.awsui_type-info_mx3cw_1ye24_250 > .awsui_icon_mx3cw_1ye24_183:not(#\9) {
   color: var(--color-text-status-info-cmlm4f, #0972d3);
 }

package/alert/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_ba8vv_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_ba8vv_1",
-  "root": "awsui_root_mx3cw_ba8vv_119",
-  "hidden": "awsui_hidden_mx3cw_ba8vv_135",
-  "body": "awsui_body_mx3cw_ba8vv_160",
-  "header": "awsui_header_mx3cw_ba8vv_166",
-  "action": "awsui_action_mx3cw_ba8vv_170",
-  "action-button": "awsui_action-button_mx3cw_ba8vv_175",
-  "text": "awsui_text_mx3cw_ba8vv_179",
-  "icon": "awsui_icon_mx3cw_ba8vv_183",
-  "message": "awsui_message_mx3cw_ba8vv_186",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_ba8vv_194",
-  "content": "awsui_content_mx3cw_ba8vv_208",
-  "dismiss": "awsui_dismiss_mx3cw_ba8vv_212",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_ba8vv_218",
-  "type-error": "awsui_type-error_mx3cw_ba8vv_226",
-  "type-warning": "awsui_type-warning_mx3cw_ba8vv_234",
-  "type-success": "awsui_type-success_mx3cw_ba8vv_242",
-  "type-info": "awsui_type-info_mx3cw_ba8vv_250"
+  "alert": "awsui_alert_mx3cw_1ye24_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1ye24_1",
+  "root": "awsui_root_mx3cw_1ye24_119",
+  "hidden": "awsui_hidden_mx3cw_1ye24_135",
+  "body": "awsui_body_mx3cw_1ye24_160",
+  "header": "awsui_header_mx3cw_1ye24_166",
+  "action": "awsui_action_mx3cw_1ye24_170",
+  "action-button": "awsui_action-button_mx3cw_1ye24_175",
+  "text": "awsui_text_mx3cw_1ye24_179",
+  "icon": "awsui_icon_mx3cw_1ye24_183",
+  "message": "awsui_message_mx3cw_1ye24_186",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1ye24_194",
+  "content": "awsui_content_mx3cw_1ye24_208",
+  "dismiss": "awsui_dismiss_mx3cw_1ye24_212",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1ye24_218",
+  "type-error": "awsui_type-error_mx3cw_1ye24_226",
+  "type-warning": "awsui_type-warning_mx3cw_1ye24_234",
+  "type-success": "awsui_type-success_mx3cw_1ye24_242",
+  "type-info": "awsui_type-info_mx3cw_1ye24_250"
 };
   

package/annotation-context/annotation/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_wjqd2_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_wjqd2_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_wjqd2_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_wjqd2_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_wjqd2_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_wjqd2_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_wjqd2_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_wjqd2_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_wjqd2_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_wjqd2_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_wjqd2_137",
-  "annotation": "awsui_annotation_1hpp3_wjqd2_145",
-  "next-button": "awsui_next-button_1hpp3_wjqd2_146",
-  "previous-button": "awsui_previous-button_1hpp3_wjqd2_147",
-  "finish-button": "awsui_finish-button_1hpp3_wjqd2_148",
-  "header": "awsui_header_1hpp3_wjqd2_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_wjqd2_150",
-  "content": "awsui_content_1hpp3_wjqd2_151",
-  "description": "awsui_description_1hpp3_wjqd2_155",
-  "actionBar": "awsui_actionBar_1hpp3_wjqd2_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_wjqd2_167",
-  "divider": "awsui_divider_1hpp3_wjqd2_171",
-  "hotspot": "awsui_hotspot_1hpp3_wjqd2_175",
-  "icon": "awsui_icon_1hpp3_wjqd2_215"
+  "arrow": "awsui_arrow_1hpp3_1ihgq_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1ihgq_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1ihgq_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1ihgq_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1ihgq_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1ihgq_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1ihgq_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1ihgq_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1ihgq_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1ihgq_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1ihgq_137",
+  "annotation": "awsui_annotation_1hpp3_1ihgq_145",
+  "next-button": "awsui_next-button_1hpp3_1ihgq_146",
+  "previous-button": "awsui_previous-button_1hpp3_1ihgq_147",
+  "finish-button": "awsui_finish-button_1hpp3_1ihgq_148",
+  "header": "awsui_header_1hpp3_1ihgq_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1ihgq_150",
+  "content": "awsui_content_1hpp3_1ihgq_151",
+  "description": "awsui_description_1hpp3_1ihgq_155",
+  "actionBar": "awsui_actionBar_1hpp3_1ihgq_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_1ihgq_167",
+  "divider": "awsui_divider_1hpp3_1ihgq_171",
+  "hotspot": "awsui_hotspot_1hpp3_1ihgq_175",
+  "icon": "awsui_icon_1hpp3_1ihgq_215"
 };
   

package/annotation-context/annotation/styles.scoped.css

@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_arrow_1hpp3_wjqd2_93:not(#\9) {
+.awsui_arrow_1hpp3_1ihgq_93:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_1hpp3_wjqd2_97:not(#\9), .awsui_arrow-inner_1hpp3_wjqd2_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_1ihgq_97:not(#\9), .awsui_arrow-inner_1hpp3_1ihgq_97:not(#\9) {
   position: absolute;
   overflow: hidden;
   width: 20px;
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   left: 0;
 }
-.awsui_arrow-outer_1hpp3_wjqd2_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_wjqd2_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_1ihgq_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1ihgq_97:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -115,26 +115,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_wjqd2_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_1ihgq_97:not(#\9)::after {
   background-color: var(--color-border-status-info-lubl5f, #0972d3);
 }
-.awsui_arrow-inner_1hpp3_wjqd2_97:not(#\9) {
+.awsui_arrow-inner_1hpp3_1ihgq_97:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_1hpp3_wjqd2_97:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_1ihgq_97:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: var(--color-background-status-info-wlp7jc, #f2f8fd);
 }
-.awsui_arrow-position-right-top_1hpp3_wjqd2_128 > .awsui_arrow-outer_1hpp3_wjqd2_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_wjqd2_128 > .awsui_arrow-outer_1hpp3_wjqd2_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_1ihgq_128 > .awsui_arrow-outer_1hpp3_1ihgq_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1ihgq_128 > .awsui_arrow-outer_1hpp3_1ihgq_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-ukle9p, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-left-top_1hpp3_wjqd2_131 > .awsui_arrow-outer_1hpp3_wjqd2_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_wjqd2_131 > .awsui_arrow-outer_1hpp3_wjqd2_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_1ihgq_131 > .awsui_arrow-outer_1hpp3_1ihgq_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1ihgq_131 > .awsui_arrow-outer_1hpp3_1ihgq_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-ukle9p, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-top-center_1hpp3_wjqd2_134 > .awsui_arrow-outer_1hpp3_wjqd2_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_wjqd2_134 > .awsui_arrow-outer_1hpp3_wjqd2_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_1ihgq_134 > .awsui_arrow-outer_1hpp3_1ihgq_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1ihgq_134 > .awsui_arrow-outer_1hpp3_1ihgq_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-ukle9p, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-bottom-center_1hpp3_wjqd2_137 > .awsui_arrow-outer_1hpp3_wjqd2_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_wjqd2_137 > .awsui_arrow-outer_1hpp3_wjqd2_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_1ihgq_137 > .awsui_arrow-outer_1hpp3_1ihgq_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1ihgq_137 > .awsui_arrow-outer_1hpp3_1ihgq_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-ukle9p, rgba(0, 7, 22, 0.12));
 }
 
@@ -142,37 +142,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_annotation_1hpp3_wjqd2_145:not(#\9),
-.awsui_next-button_1hpp3_wjqd2_146:not(#\9),
-.awsui_previous-button_1hpp3_wjqd2_147:not(#\9),
-.awsui_finish-button_1hpp3_wjqd2_148:not(#\9),
-.awsui_header_1hpp3_wjqd2_149:not(#\9),
-.awsui_step-counter-content_1hpp3_wjqd2_150:not(#\9),
-.awsui_content_1hpp3_wjqd2_151:not(#\9) {
+.awsui_annotation_1hpp3_1ihgq_145:not(#\9),
+.awsui_next-button_1hpp3_1ihgq_146:not(#\9),
+.awsui_previous-button_1hpp3_1ihgq_147:not(#\9),
+.awsui_finish-button_1hpp3_1ihgq_148:not(#\9),
+.awsui_header_1hpp3_1ihgq_149:not(#\9),
+.awsui_step-counter-content_1hpp3_1ihgq_150:not(#\9),
+.awsui_content_1hpp3_1ihgq_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_wjqd2_155:not(#\9) {
+.awsui_description_1hpp3_1ihgq_155:not(#\9) {
   overflow: hidden;
   margin-top: var(--space-xxs-ja5cp8, 4px);
 }
 
-.awsui_actionBar_1hpp3_wjqd2_160:not(#\9) {
+.awsui_actionBar_1hpp3_1ihgq_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_wjqd2_167:not(#\9) {
+.awsui_stepCounter_1hpp3_1ihgq_167:not(#\9) {
   margin-right: 20px;
 }
 
-.awsui_divider_1hpp3_wjqd2_171:not(#\9) {
+.awsui_divider_1hpp3_1ihgq_171:not(#\9) {
   border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
 
-.awsui_hotspot_1hpp3_wjqd2_175:not(#\9) {
+.awsui_hotspot_1hpp3_1ihgq_175:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -203,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   box-sizing: border-box;
   font-size: var(--font-body-m-size-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  line-height: var(--font-body-m-line-height-ghizru, 20px);
   color: var(--color-text-body-default-su7kuo, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -217,17 +217,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 16px;
   height: 16px;
 }
-.awsui_hotspot_1hpp3_wjqd2_175:not(#\9):focus {
+.awsui_hotspot_1hpp3_1ihgq_175:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_wjqd2_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1ihgq_175:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_wjqd2_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1ihgq_175:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_wjqd2_175:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1ihgq_175:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -238,13 +238,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_wjqd2_175:not(#\9):focu
   border-radius: var(--border-radius-control-circular-focus-ring-lj7j2y, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
 }
-.awsui_hotspot_1hpp3_wjqd2_175 > .awsui_icon_1hpp3_wjqd2_215:not(#\9) {
+.awsui_hotspot_1hpp3_1ihgq_175 > .awsui_icon_1hpp3_1ihgq_215:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-gthbx2, #0972d3);
 }
-.awsui_hotspot_1hpp3_wjqd2_175:not(#\9):hover > .awsui_icon_1hpp3_wjqd2_215 {
+.awsui_hotspot_1hpp3_1ihgq_175:not(#\9):hover > .awsui_icon_1hpp3_1ihgq_215 {
   stroke: var(--color-text-link-hover-h1b9eu, #033160);
 }
-.awsui_hotspot_1hpp3_wjqd2_175:not(#\9):active > .awsui_icon_1hpp3_wjqd2_215 {
+.awsui_hotspot_1hpp3_1ihgq_175:not(#\9):active > .awsui_icon_1hpp3_1ihgq_215 {
   stroke: var(--color-text-link-default-gthbx2, #0972d3);
 }

package/annotation-context/annotation/styles.selectors.js

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_wjqd2_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_wjqd2_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_wjqd2_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_wjqd2_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_wjqd2_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_wjqd2_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_wjqd2_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_wjqd2_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_wjqd2_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_wjqd2_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_wjqd2_137",
-  "annotation": "awsui_annotation_1hpp3_wjqd2_145",
-  "next-button": "awsui_next-button_1hpp3_wjqd2_146",
-  "previous-button": "awsui_previous-button_1hpp3_wjqd2_147",
-  "finish-button": "awsui_finish-button_1hpp3_wjqd2_148",
-  "header": "awsui_header_1hpp3_wjqd2_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_wjqd2_150",
-  "content": "awsui_content_1hpp3_wjqd2_151",
-  "description": "awsui_description_1hpp3_wjqd2_155",
-  "actionBar": "awsui_actionBar_1hpp3_wjqd2_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_wjqd2_167",
-  "divider": "awsui_divider_1hpp3_wjqd2_171",
-  "hotspot": "awsui_hotspot_1hpp3_wjqd2_175",
-  "icon": "awsui_icon_1hpp3_wjqd2_215"
+  "arrow": "awsui_arrow_1hpp3_1ihgq_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1ihgq_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1ihgq_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1ihgq_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1ihgq_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1ihgq_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1ihgq_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1ihgq_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1ihgq_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1ihgq_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1ihgq_137",
+  "annotation": "awsui_annotation_1hpp3_1ihgq_145",
+  "next-button": "awsui_next-button_1hpp3_1ihgq_146",
+  "previous-button": "awsui_previous-button_1hpp3_1ihgq_147",
+  "finish-button": "awsui_finish-button_1hpp3_1ihgq_148",
+  "header": "awsui_header_1hpp3_1ihgq_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1ihgq_150",
+  "content": "awsui_content_1hpp3_1ihgq_151",
+  "description": "awsui_description_1hpp3_1ihgq_155",
+  "actionBar": "awsui_actionBar_1hpp3_1ihgq_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_1ihgq_167",
+  "divider": "awsui_divider_1hpp3_1ihgq_171",
+  "hotspot": "awsui_hotspot_1hpp3_1ihgq_175",
+  "icon": "awsui_icon_1hpp3_1ihgq_215"
 };
   

package/app-layout/index.js

@@ -17,7 +17,6 @@ import styles from './styles.css.js';
 import testutilStyles from './test-classes/styles.css.js';
 import { findUpUntil } from '../internal/utils/dom';
 import { AppLayoutContext } from '../internal/context/app-layout-context';
-import { useContainerQuery } from '../internal/hooks/container-queries';
 import { useStableEventHandler } from '../internal/hooks/use-stable-event-handler';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import { SplitPanelContextProvider, } from '../internal/context/split-panel-context';
@@ -38,6 +37,7 @@ import { useSplitPanelFocusControl } from './utils/use-split-panel-focus-control
 import { useDrawerFocusControl } from './utils/use-drawer-focus-control';
 import { awsuiPluginsInternal } from '../internal/plugins/api';
 import { convertRuntimeDrawers } from './runtime-api';
+import { useContainerQuery } from '@cloudscape-design/component-toolkit';
 const AppLayout = React.forwardRef((_a, ref) => {
     var _b, _c, _d, _e, _f, _g, _h, _j;
     var { contentType = 'default', headerSelector = '#b #h', footerSelector = '#b #f' } = _a, rest = __rest(_a, ["contentType", "headerSelector", "footerSelector"]);
@@ -143,7 +143,7 @@ const OldAppLayout = React.forwardRef((_a, ref) => {
     const { contentHeightStyle, headerHeight, footerHeight } = useContentHeight(headerSelector, footerSelector, disableBodyScroll);
     const [isSplitpanelForcedPosition, setIsSplitpanelForcedPosition] = useState(false);
     const [isResizeInvalid, setIsResizeInvalid] = useState(false);
-    const [notificationsHeight, notificationsRef] = useContainerQuery(rect => rect.height);
+    const [notificationsHeight, notificationsRef] = useContainerQuery(rect => rect.contentBoxHeight);
     const anyPanelOpen = navigationVisible || toolsVisible;
     const hasRenderedNotifications = notificationsHeight ? notificationsHeight > 0 : false;
     const stickyNotificationsHeight = stickyNotifications ? notificationsHeight : null;
@@ -361,7 +361,7 @@ const OldAppLayout = React.forwardRef((_a, ref) => {
         : splitPanelOpen
             ? splitPanelReportedSize
             : splitPanelReportedHeaderHeight)) !== null && _c !== void 0 ? _c : undefined;
-    const [mobileBarHeight, mobileBarRef] = useContainerQuery(rect => rect.height);
+    const [mobileBarHeight, mobileBarRef] = useContainerQuery(rect => rect.contentBoxHeight);
     return (React.createElement("div", { className: clsx(styles.root, testutilStyles.root, disableBodyScroll && styles['root-no-scroll']), ref: rootRef },
         React.createElement("div", { className: styles['layout-wrapper'], style: contentHeightStyle },
             isMobile && (!toolsHide || !navigationHide || breadcrumbs) && (React.createElement(MobileToolbar, { anyPanelOpen: anyPanelOpen, toggleRefs: { navigation: navigationRefs.toggle, tools: toolsRefs.toggle }, topOffset: headerHeight, ariaLabels: ariaLabels, navigationHide: navigationHide, toolsHide: toolsHide, onNavigationOpen: () => onNavigationToggle(true), onToolsOpen: () => onToolsToggle(true), unfocusable: anyPanelOpen, mobileBarRef: mobileBarRef, drawers: drawers