@cloudscape-design/components 3.0.455 → 3.0.457

package/flashbar/styles.selectors.js

@@ -2,52 +2,52 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_zgv7z_93",
-  "enter": "awsui_enter_1q84n_zgv7z_93",
-  "flash-body": "awsui_flash-body_1q84n_zgv7z_107",
-  "flash-message": "awsui_flash-message_1q84n_zgv7z_107",
-  "flash-header": "awsui_flash-header_1q84n_zgv7z_107",
-  "flash-content": "awsui_flash-content_1q84n_zgv7z_108",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_zgv7z_109",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_zgv7z_110",
-  "flash-icon": "awsui_flash-icon_1q84n_zgv7z_133",
-  "entering": "awsui_entering_1q84n_zgv7z_146",
-  "entered": "awsui_entered_1q84n_zgv7z_167",
-  "exiting": "awsui_exiting_1q84n_zgv7z_272",
-  "stack": "awsui_stack_1q84n_zgv7z_294",
-  "animation-running": "awsui_animation-running_1q84n_zgv7z_294",
-  "item": "awsui_item_1q84n_zgv7z_294",
-  "flash-list-item": "awsui_flash-list-item_1q84n_zgv7z_295",
-  "notification-bar": "awsui_notification-bar_1q84n_zgv7z_296",
-  "collapsed": "awsui_collapsed_1q84n_zgv7z_316",
-  "animation-ready": "awsui_animation-ready_1q84n_zgv7z_316",
-  "expanded-only": "awsui_expanded-only_1q84n_zgv7z_316",
-  "expanded": "awsui_expanded_1q84n_zgv7z_316",
-  "flash": "awsui_flash_1q84n_zgv7z_93",
-  "collapsible": "awsui_collapsible_1q84n_zgv7z_380",
-  "short-list": "awsui_short-list_1q84n_zgv7z_386",
-  "visual-refresh": "awsui_visual-refresh_1q84n_zgv7z_386",
-  "status": "awsui_status_1q84n_zgv7z_602",
-  "header": "awsui_header_1q84n_zgv7z_602",
-  "item-count": "awsui_item-count_1q84n_zgv7z_603",
-  "button": "awsui_button_1q84n_zgv7z_604",
-  "type-count": "awsui_type-count_1q84n_zgv7z_639",
-  "count-number": "awsui_count-number_1q84n_zgv7z_639",
-  "icon": "awsui_icon_1q84n_zgv7z_673",
-  "floating": "awsui_floating_1q84n_zgv7z_711",
-  "flashbar": "awsui_flashbar_1q84n_zgv7z_719",
-  "flash-refresh": "awsui_flash-refresh_1q84n_zgv7z_765",
-  "flash-list": "awsui_flash-list_1q84n_zgv7z_295",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_zgv7z_784",
-  "flash-text": "awsui_flash-text_1q84n_zgv7z_811",
-  "dismiss-button": "awsui_dismiss-button_1q84n_zgv7z_110",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_zgv7z_852",
-  "action-button": "awsui_action-button_1q84n_zgv7z_109",
-  "action-slot": "awsui_action-slot_1q84n_zgv7z_862",
-  "flash-type-success": "awsui_flash-type-success_1q84n_zgv7z_866",
-  "flash-type-error": "awsui_flash-type-error_1q84n_zgv7z_870",
-  "flash-type-info": "awsui_flash-type-info_1q84n_zgv7z_874",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_zgv7z_875",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_zgv7z_879"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_k29fa_93",
+  "enter": "awsui_enter_1q84n_k29fa_93",
+  "flash-body": "awsui_flash-body_1q84n_k29fa_107",
+  "flash-message": "awsui_flash-message_1q84n_k29fa_107",
+  "flash-header": "awsui_flash-header_1q84n_k29fa_107",
+  "flash-content": "awsui_flash-content_1q84n_k29fa_108",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_k29fa_109",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_k29fa_110",
+  "flash-icon": "awsui_flash-icon_1q84n_k29fa_133",
+  "entering": "awsui_entering_1q84n_k29fa_146",
+  "entered": "awsui_entered_1q84n_k29fa_167",
+  "exiting": "awsui_exiting_1q84n_k29fa_272",
+  "stack": "awsui_stack_1q84n_k29fa_294",
+  "animation-running": "awsui_animation-running_1q84n_k29fa_294",
+  "item": "awsui_item_1q84n_k29fa_294",
+  "flash-list-item": "awsui_flash-list-item_1q84n_k29fa_295",
+  "notification-bar": "awsui_notification-bar_1q84n_k29fa_296",
+  "collapsed": "awsui_collapsed_1q84n_k29fa_316",
+  "animation-ready": "awsui_animation-ready_1q84n_k29fa_316",
+  "expanded-only": "awsui_expanded-only_1q84n_k29fa_316",
+  "expanded": "awsui_expanded_1q84n_k29fa_316",
+  "flash": "awsui_flash_1q84n_k29fa_93",
+  "collapsible": "awsui_collapsible_1q84n_k29fa_380",
+  "short-list": "awsui_short-list_1q84n_k29fa_386",
+  "visual-refresh": "awsui_visual-refresh_1q84n_k29fa_386",
+  "status": "awsui_status_1q84n_k29fa_599",
+  "header": "awsui_header_1q84n_k29fa_599",
+  "item-count": "awsui_item-count_1q84n_k29fa_600",
+  "button": "awsui_button_1q84n_k29fa_601",
+  "type-count": "awsui_type-count_1q84n_k29fa_634",
+  "count-number": "awsui_count-number_1q84n_k29fa_634",
+  "icon": "awsui_icon_1q84n_k29fa_668",
+  "floating": "awsui_floating_1q84n_k29fa_706",
+  "flashbar": "awsui_flashbar_1q84n_k29fa_714",
+  "flash-refresh": "awsui_flash-refresh_1q84n_k29fa_767",
+  "flash-list": "awsui_flash-list_1q84n_k29fa_295",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_k29fa_788",
+  "flash-text": "awsui_flash-text_1q84n_k29fa_815",
+  "dismiss-button": "awsui_dismiss-button_1q84n_k29fa_110",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_k29fa_857",
+  "action-button": "awsui_action-button_1q84n_k29fa_109",
+  "action-slot": "awsui_action-slot_1q84n_k29fa_867",
+  "flash-type-success": "awsui_flash-type-success_1q84n_k29fa_871",
+  "flash-type-error": "awsui_flash-type-error_1q84n_k29fa_875",
+  "flash-type-info": "awsui_flash-type-info_1q84n_k29fa_879",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_k29fa_880",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_k29fa_884"
 };
   

package/form/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1i0s3_1k1ul_93",
-  "header": "awsui_header_1i0s3_1k1ul_106",
-  "full-page": "awsui_full-page_1i0s3_1k1ul_106",
-  "content": "awsui_content_1i0s3_1k1ul_110",
-  "error": "awsui_error_1i0s3_1k1ul_114",
-  "footer": "awsui_footer_1i0s3_1k1ul_118",
-  "actions-section": "awsui_actions-section_1i0s3_1k1ul_122",
-  "secondary-actions": "awsui_secondary-actions_1i0s3_1k1ul_131",
-  "actions": "awsui_actions_1i0s3_1k1ul_122"
+  "root": "awsui_root_1i0s3_13020_93",
+  "header": "awsui_header_1i0s3_13020_106",
+  "full-page": "awsui_full-page_1i0s3_13020_106",
+  "content": "awsui_content_1i0s3_13020_110",
+  "error": "awsui_error_1i0s3_13020_114",
+  "footer": "awsui_footer_1i0s3_13020_118",
+  "actions-section": "awsui_actions-section_1i0s3_13020_122",
+  "secondary-actions": "awsui_secondary-actions_1i0s3_13020_131",
+  "actions": "awsui_actions_1i0s3_13020_122"
 };
   

package/form/styles.scoped.css

@@ -90,7 +90,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_1i0s3_1k1ul_93:not(#\9) {
+.awsui_root_1i0s3_13020_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -129,39 +129,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_header_1i0s3_1k1ul_106:not(#\9):not(.awsui_full-page_1i0s3_1k1ul_106) {
-  margin-bottom: var(--space-scaled-m-mo5yse, 16px);
+.awsui_header_1i0s3_13020_106:not(#\9):not(.awsui_full-page_1i0s3_13020_106) {
+  margin-block-end: var(--space-scaled-m-mo5yse, 16px);
 }
 
-.awsui_content_1i0s3_1k1ul_110:not(#\9) {
+.awsui_content_1i0s3_13020_110:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_error_1i0s3_1k1ul_114:not(#\9) {
+.awsui_error_1i0s3_13020_114:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_footer_1i0s3_1k1ul_118:not(#\9) {
-  margin-top: var(--space-scaled-l-0hpmd7, 20px);
+.awsui_footer_1i0s3_13020_118:not(#\9) {
+  margin-block-start: var(--space-scaled-l-0hpmd7, 20px);
 }
 
-.awsui_actions-section_1i0s3_1k1ul_122:not(#\9) {
+.awsui_actions-section_1i0s3_13020_122:not(#\9) {
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   flex-wrap: wrap;
-  margin-left: calc(-1 * var(--space-scaled-m-mo5yse, 16px));
-  margin-bottom: calc(-1 * var(--space-scaled-m-mo5yse, 16px));
+  margin-inline-start: calc(-1 * var(--space-scaled-m-mo5yse, 16px));
+  margin-block-end: calc(-1 * var(--space-scaled-m-mo5yse, 16px));
 }
 
-.awsui_secondary-actions_1i0s3_1k1ul_131:not(#\9) {
-  min-width: 1px;
-  margin-left: var(--space-scaled-m-mo5yse, 16px);
-  margin-bottom: var(--space-scaled-m-mo5yse, 16px);
+.awsui_secondary-actions_1i0s3_13020_131:not(#\9) {
+  min-inline-size: 1px;
+  margin-inline-start: var(--space-scaled-m-mo5yse, 16px);
+  margin-block-end: var(--space-scaled-m-mo5yse, 16px);
 }
 
-.awsui_actions_1i0s3_1k1ul_122:not(#\9) {
-  min-width: 1px;
-  margin-left: var(--space-scaled-m-mo5yse, 16px);
-  margin-bottom: var(--space-scaled-m-mo5yse, 16px);
+.awsui_actions_1i0s3_13020_122:not(#\9) {
+  min-inline-size: 1px;
+  margin-inline-start: var(--space-scaled-m-mo5yse, 16px);
+  margin-block-end: var(--space-scaled-m-mo5yse, 16px);
 }

package/form/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1i0s3_1k1ul_93",
-  "header": "awsui_header_1i0s3_1k1ul_106",
-  "full-page": "awsui_full-page_1i0s3_1k1ul_106",
-  "content": "awsui_content_1i0s3_1k1ul_110",
-  "error": "awsui_error_1i0s3_1k1ul_114",
-  "footer": "awsui_footer_1i0s3_1k1ul_118",
-  "actions-section": "awsui_actions-section_1i0s3_1k1ul_122",
-  "secondary-actions": "awsui_secondary-actions_1i0s3_1k1ul_131",
-  "actions": "awsui_actions_1i0s3_1k1ul_122"
+  "root": "awsui_root_1i0s3_13020_93",
+  "header": "awsui_header_1i0s3_13020_106",
+  "full-page": "awsui_full-page_1i0s3_13020_106",
+  "content": "awsui_content_1i0s3_13020_110",
+  "error": "awsui_error_1i0s3_13020_114",
+  "footer": "awsui_footer_1i0s3_13020_118",
+  "actions-section": "awsui_actions-section_1i0s3_13020_122",
+  "secondary-actions": "awsui_secondary-actions_1i0s3_13020_131",
+  "actions": "awsui_actions_1i0s3_13020_122"
 };
   

package/form-field/styles.css.js

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_62fef_97",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_62fef_1",
-  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_62fef_124",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_62fef_1",
-  "error": "awsui_error_14mhv_62fef_97",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_62fef_1",
-  "root": "awsui_root_14mhv_62fef_168",
-  "label": "awsui_label_14mhv_62fef_182",
-  "info": "awsui_info_14mhv_62fef_195",
-  "description": "awsui_description_14mhv_62fef_200",
-  "constraint": "awsui_constraint_14mhv_62fef_201",
-  "hints": "awsui_hints_14mhv_62fef_208",
-  "constraint-has-error": "awsui_constraint-has-error_14mhv_62fef_209",
-  "secondary-control": "awsui_secondary-control_14mhv_62fef_213",
-  "controls": "awsui_controls_14mhv_62fef_217",
-  "label-hidden": "awsui_label-hidden_14mhv_62fef_217",
-  "control": "awsui_control_14mhv_62fef_217",
-  "error__message": "awsui_error__message_14mhv_62fef_235",
-  "visually-hidden": "awsui_visually-hidden_14mhv_62fef_239"
+  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_d3ru4_97",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_d3ru4_1",
+  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_d3ru4_124",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_d3ru4_1",
+  "error": "awsui_error_14mhv_d3ru4_97",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_d3ru4_1",
+  "root": "awsui_root_14mhv_d3ru4_168",
+  "label": "awsui_label_14mhv_d3ru4_182",
+  "info": "awsui_info_14mhv_d3ru4_195",
+  "description": "awsui_description_14mhv_d3ru4_200",
+  "constraint": "awsui_constraint_14mhv_d3ru4_201",
+  "hints": "awsui_hints_14mhv_d3ru4_208",
+  "constraint-has-error": "awsui_constraint-has-error_14mhv_d3ru4_209",
+  "secondary-control": "awsui_secondary-control_14mhv_d3ru4_213",
+  "controls": "awsui_controls_14mhv_d3ru4_217",
+  "label-hidden": "awsui_label-hidden_14mhv_d3ru4_217",
+  "control": "awsui_control_14mhv_d3ru4_217",
+  "error__message": "awsui_error__message_14mhv_d3ru4_235",
+  "visually-hidden": "awsui_visually-hidden_14mhv_d3ru4_239"
 };
   

package/form-field/styles.scoped.css

@@ -94,10 +94,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_error-icon-shake-wrapper_14mhv_62fef_97:not(#\9) {
-  animation: awsui_awsui-motion-shake-horizontally_14mhv_62fef_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms);
+.awsui_error-icon-shake-wrapper_14mhv_d3ru4_97:not(#\9) {
+  animation: awsui_awsui-motion-shake-horizontally_14mhv_d3ru4_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_14mhv_62fef_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_14mhv_d3ru4_1 {
   0% {
     transform: translateX(-5px);
     animation-timing-function: linear;
@@ -111,20 +111,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error-icon-shake-wrapper_14mhv_62fef_97:not(#\9) {
+  .awsui_error-icon-shake-wrapper_14mhv_d3ru4_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error-icon-shake-wrapper_14mhv_62fef_97:not(#\9), .awsui-mode-entering .awsui_error-icon-shake-wrapper_14mhv_62fef_97:not(#\9) {
+.awsui-motion-disabled .awsui_error-icon-shake-wrapper_14mhv_d3ru4_97:not(#\9), .awsui-mode-entering .awsui_error-icon-shake-wrapper_14mhv_d3ru4_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_error-icon-scale-wrapper_14mhv_62fef_124:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_14mhv_62fef_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
+.awsui_error-icon-scale-wrapper_14mhv_d3ru4_124:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_14mhv_d3ru4_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-scale-popup_14mhv_62fef_1 {
+@keyframes awsui_awsui-motion-scale-popup_14mhv_d3ru4_1 {
   0% {
     transform: scale(0.95);
   }
@@ -133,20 +133,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error-icon-scale-wrapper_14mhv_62fef_124:not(#\9) {
+  .awsui_error-icon-scale-wrapper_14mhv_d3ru4_124:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error-icon-scale-wrapper_14mhv_62fef_124:not(#\9), .awsui-mode-entering .awsui_error-icon-scale-wrapper_14mhv_62fef_124:not(#\9) {
+.awsui-motion-disabled .awsui_error-icon-scale-wrapper_14mhv_d3ru4_124:not(#\9), .awsui-mode-entering .awsui_error-icon-scale-wrapper_14mhv_d3ru4_124:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_error_14mhv_62fef_97:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_14mhv_62fef_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
+.awsui_error_14mhv_d3ru4_97:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_14mhv_d3ru4_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in-0_14mhv_62fef_1 {
+@keyframes awsui_awsui-motion-fade-in-0_14mhv_d3ru4_1 {
   from {
     opacity: 0;
   }
@@ -155,17 +155,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error_14mhv_62fef_97:not(#\9) {
+  .awsui_error_14mhv_d3ru4_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error_14mhv_62fef_97:not(#\9), .awsui-mode-entering .awsui_error_14mhv_62fef_97:not(#\9) {
+.awsui-motion-disabled .awsui_error_14mhv_d3ru4_97:not(#\9), .awsui-mode-entering .awsui_error_14mhv_d3ru4_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_14mhv_62fef_168:not(#\9) {
+.awsui_root_14mhv_d3ru4_168:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -205,7 +205,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
 }
 
-.awsui_label_14mhv_62fef_182:not(#\9) {
+.awsui_label_14mhv_d3ru4_182:not(#\9) {
   box-sizing: border-box;
   color: var(--color-text-form-label-ktbzsd, #000716);
   display: inline;
@@ -214,42 +214,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: var(--font-display-label-weight-815ja9, 700);
   margin-right: var(--space-xs-zb16t3, 8px);
 }
-.awsui_label_14mhv_62fef_182:not(#\9):only-child {
+.awsui_label_14mhv_d3ru4_182:not(#\9):only-child {
   margin: 0;
 }
 
-.awsui_info_14mhv_62fef_195:not(#\9) {
-  padding-left: var(--space-xs-zb16t3, 8px);
-  border-left: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
+.awsui_info_14mhv_d3ru4_195:not(#\9) {
+  padding-inline-start: var(--space-xs-zb16t3, 8px);
+  border-inline-start: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
 }
 
-.awsui_description_14mhv_62fef_200:not(#\9),
-.awsui_constraint_14mhv_62fef_201:not(#\9) {
+.awsui_description_14mhv_d3ru4_200:not(#\9),
+.awsui_constraint_14mhv_d3ru4_201:not(#\9) {
   color: var(--color-text-form-secondary-dxc248, #5f6b7a);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
 }
 
-.awsui_hints_14mhv_62fef_208:not(#\9),
-.awsui_constraint-has-error_14mhv_62fef_209:not(#\9) {
-  padding-top: var(--space-xxs-p8yyaw, 4px);
+.awsui_hints_14mhv_d3ru4_208:not(#\9),
+.awsui_constraint-has-error_14mhv_d3ru4_209:not(#\9) {
+  padding-block-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_secondary-control_14mhv_62fef_213:not(#\9) {
+.awsui_secondary-control_14mhv_d3ru4_213:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_controls_14mhv_62fef_217:not(#\9):not(.awsui_label-hidden_14mhv_62fef_217) {
-  padding-top: var(--space-xxs-p8yyaw, 4px);
+.awsui_controls_14mhv_d3ru4_217:not(#\9):not(.awsui_label-hidden_14mhv_d3ru4_217) {
+  padding-block-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_control_14mhv_62fef_217:not(#\9) {
+.awsui_control_14mhv_d3ru4_217:not(#\9) {
   min-width: 0;
   word-break: break-word;
 }
 
-.awsui_error_14mhv_62fef_97:not(#\9) {
+.awsui_error_14mhv_d3ru4_97:not(#\9) {
   color: var(--color-text-status-error-wdvepn, #d91515);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
@@ -258,11 +258,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-start;
 }
 
-.awsui_error__message_14mhv_62fef_235:not(#\9) {
-  margin-left: var(--space-xxs-p8yyaw, 4px);
+.awsui_error__message_14mhv_d3ru4_235:not(#\9) {
+  margin-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_visually-hidden_14mhv_62fef_239:not(#\9) {
+.awsui_visually-hidden_14mhv_d3ru4_239:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;

package/form-field/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_62fef_97",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_62fef_1",
-  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_62fef_124",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_62fef_1",
-  "error": "awsui_error_14mhv_62fef_97",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_62fef_1",
-  "root": "awsui_root_14mhv_62fef_168",
-  "label": "awsui_label_14mhv_62fef_182",
-  "info": "awsui_info_14mhv_62fef_195",
-  "description": "awsui_description_14mhv_62fef_200",
-  "constraint": "awsui_constraint_14mhv_62fef_201",
-  "hints": "awsui_hints_14mhv_62fef_208",
-  "constraint-has-error": "awsui_constraint-has-error_14mhv_62fef_209",
-  "secondary-control": "awsui_secondary-control_14mhv_62fef_213",
-  "controls": "awsui_controls_14mhv_62fef_217",
-  "label-hidden": "awsui_label-hidden_14mhv_62fef_217",
-  "control": "awsui_control_14mhv_62fef_217",
-  "error__message": "awsui_error__message_14mhv_62fef_235",
-  "visually-hidden": "awsui_visually-hidden_14mhv_62fef_239"
+  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_d3ru4_97",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_d3ru4_1",
+  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_d3ru4_124",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_d3ru4_1",
+  "error": "awsui_error_14mhv_d3ru4_97",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_d3ru4_1",
+  "root": "awsui_root_14mhv_d3ru4_168",
+  "label": "awsui_label_14mhv_d3ru4_182",
+  "info": "awsui_info_14mhv_d3ru4_195",
+  "description": "awsui_description_14mhv_d3ru4_200",
+  "constraint": "awsui_constraint_14mhv_d3ru4_201",
+  "hints": "awsui_hints_14mhv_d3ru4_208",
+  "constraint-has-error": "awsui_constraint-has-error_14mhv_d3ru4_209",
+  "secondary-control": "awsui_secondary-control_14mhv_d3ru4_213",
+  "controls": "awsui_controls_14mhv_d3ru4_217",
+  "label-hidden": "awsui_label-hidden_14mhv_d3ru4_217",
+  "control": "awsui_control_14mhv_d3ru4_217",
+  "error__message": "awsui_error__message_14mhv_d3ru4_235",
+  "visually-hidden": "awsui_visually-hidden_14mhv_d3ru4_239"
 };
   

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (5ed251fb)";
+export var PACKAGE_VERSION = "3.0.0 (d64a5bbe)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (5ed251fb)",
+  "PACKAGE_VERSION": "3.0.0 (d64a5bbe)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/hooks/use-scroll-sync/index.js

@@ -13,7 +13,7 @@ import { supportsStickyPosition } from '../../utils/dom';
 export function useScrollSync(refs, disabled = !supportsStickyPosition()) {
     const activeElement = useRef(null);
     const onScroll = (event) => {
-        const targetElement = event.target;
+        const targetElement = event.currentTarget;
         // remembers the first element that fires onscroll to align with other elements against it
         if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {
             requestAnimationFrame(() => {

package/internal/hooks/use-scroll-sync/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,IAA2B,EAAE,QAAQ,GAAG,CAAC,sBAAsB,EAAE;IAC7F,MAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAqB,CAAC;QAClD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,aAAa,CAAC,EAAE;YAChG,qBAAqB,CAAC,GAAG,EAAE;gBACzB,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC;gBACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;oBAC5B,IAAI,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE;wBACxC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;qBAC/C;gBACH,CAAC,CAAC,CAAC;gBACH,oDAAoD;gBACpD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject, useRef } from 'react';\nimport { supportsStickyPosition } from '../../utils/dom';\n\n/**\n * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.\n *\n * For example\n *    const handleScroll = useScrollSync([ref1, ref2]);\n *    <div ref={ref1} onScroll={handleScroll}/>\n *    <div ref={ref2} onScroll={handleScroll}/>\n */\nexport function useScrollSync(refs: Array<RefObject<any>>, disabled = !supportsStickyPosition()) {\n  const activeElement = useRef<HTMLElement | null>(null);\n  const onScroll = (event: React.UIEvent) => {\n    const targetElement = event.target as HTMLElement;\n    // remembers the first element that fires onscroll to align with other elements against it\n    if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {\n      requestAnimationFrame(() => {\n        activeElement.current = targetElement;\n        refs.forEach(ref => {\n          const element = ref.current;\n          if (element && element !== targetElement) {\n            element.scrollLeft = targetElement.scrollLeft;\n          }\n        });\n        // unblock the ability to scroll the synced elements\n        requestAnimationFrame(() => {\n          activeElement.current = null;\n        });\n      });\n    }\n  };\n\n  return !disabled ? onScroll : undefined;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,IAA2B,EAAE,QAAQ,GAAG,CAAC,sBAAsB,EAAE;IAC7F,MAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,KAAK,CAAC,aAA4B,CAAC;QACzD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,aAAa,CAAC,EAAE;YAChG,qBAAqB,CAAC,GAAG,EAAE;gBACzB,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC;gBACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;oBAC5B,IAAI,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE;wBACxC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;qBAC/C;gBACH,CAAC,CAAC,CAAC;gBACH,oDAAoD;gBACpD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject, useRef } from 'react';\nimport { supportsStickyPosition } from '../../utils/dom';\n\n/**\n * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.\n *\n * For example\n *    const handleScroll = useScrollSync([ref1, ref2]);\n *    <div ref={ref1} onScroll={handleScroll}/>\n *    <div ref={ref2} onScroll={handleScroll}/>\n */\nexport function useScrollSync(refs: Array<RefObject<any>>, disabled = !supportsStickyPosition()) {\n  const activeElement = useRef<HTMLElement | null>(null);\n  const onScroll = (event: React.UIEvent) => {\n    const targetElement = event.currentTarget as HTMLElement;\n    // remembers the first element that fires onscroll to align with other elements against it\n    if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {\n      requestAnimationFrame(() => {\n        activeElement.current = targetElement;\n        refs.forEach(ref => {\n          const element = ref.current;\n          if (element && element !== targetElement) {\n            element.scrollLeft = targetElement.scrollLeft;\n          }\n        });\n        // unblock the ability to scroll the synced elements\n        requestAnimationFrame(() => {\n          activeElement.current = null;\n        });\n      });\n    }\n  };\n\n  return !disabled ? onScroll : undefined;\n}\n"]}

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "5ed251fb7b63ba519cea92994b2cbf0e1c79872f"
+  "commit": "d64a5bbe977d91971a1a04a4fa7c167a6ef5d90c"
 }

package/modal/styles.css.js

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "dialog": "awsui_dialog_1d2i7_1dsyc_105",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1dsyc_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1dsyc_1",
-  "refresh": "awsui_refresh_1d2i7_1dsyc_128",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1dsyc_1",
-  "root": "awsui_root_1d2i7_1dsyc_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1dsyc_1",
-  "hidden": "awsui_hidden_1d2i7_1dsyc_226",
-  "focus-lock": "awsui_focus-lock_1d2i7_1dsyc_230",
-  "small": "awsui_small_1d2i7_1dsyc_248",
-  "medium": "awsui_medium_1d2i7_1dsyc_251",
-  "large": "awsui_large_1d2i7_1dsyc_254",
-  "max": "awsui_max_1d2i7_1dsyc_257",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1dsyc_257",
-  "container": "awsui_container_1d2i7_1dsyc_262",
-  "content": "awsui_content_1d2i7_1dsyc_281",
-  "no-paddings": "awsui_no-paddings_1d2i7_1dsyc_284",
-  "header": "awsui_header_1d2i7_1dsyc_288",
-  "header--text": "awsui_header--text_1d2i7_1dsyc_295",
-  "footer": "awsui_footer_1d2i7_1dsyc_299",
-  "footer--stuck": "awsui_footer--stuck_1d2i7_1dsyc_307",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_1dsyc_316",
-  "modal-open": "awsui_modal-open_1d2i7_1dsyc_320"
+  "dialog": "awsui_dialog_1d2i7_be01w_105",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_be01w_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_be01w_1",
+  "refresh": "awsui_refresh_1d2i7_be01w_128",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_be01w_1",
+  "root": "awsui_root_1d2i7_be01w_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_be01w_1",
+  "hidden": "awsui_hidden_1d2i7_be01w_226",
+  "focus-lock": "awsui_focus-lock_1d2i7_be01w_230",
+  "small": "awsui_small_1d2i7_be01w_248",
+  "medium": "awsui_medium_1d2i7_be01w_251",
+  "large": "awsui_large_1d2i7_be01w_254",
+  "max": "awsui_max_1d2i7_be01w_257",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_be01w_257",
+  "container": "awsui_container_1d2i7_be01w_262",
+  "content": "awsui_content_1d2i7_be01w_281",
+  "no-paddings": "awsui_no-paddings_1d2i7_be01w_284",
+  "header": "awsui_header_1d2i7_be01w_288",
+  "header--text": "awsui_header--text_1d2i7_be01w_295",
+  "footer": "awsui_footer_1d2i7_be01w_299",
+  "footer--stuck": "awsui_footer--stuck_1d2i7_be01w_307",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_be01w_316",
+  "modal-open": "awsui_modal-open_1d2i7_be01w_320"
 };