@cloudscape-design/components 3.0.460 → 3.0.462

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_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"
+  "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"
 };
   

package/form/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "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"
+  "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"
 };
   

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_13020_93:not(#\9) {
+.awsui_root_1i0s3_1k1ul_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_13020_106:not(#\9):not(.awsui_full-page_1i0s3_13020_106) {
-  margin-block-end: var(--space-scaled-m-mo5yse, 16px);
+.awsui_header_1i0s3_1k1ul_106:not(#\9):not(.awsui_full-page_1i0s3_1k1ul_106) {
+  margin-bottom: var(--space-scaled-m-mo5yse, 16px);
 }
 
-.awsui_content_1i0s3_13020_110:not(#\9) {
+.awsui_content_1i0s3_1k1ul_110:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_error_1i0s3_13020_114:not(#\9) {
+.awsui_error_1i0s3_1k1ul_114:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_footer_1i0s3_13020_118:not(#\9) {
-  margin-block-start: var(--space-scaled-l-0hpmd7, 20px);
+.awsui_footer_1i0s3_1k1ul_118:not(#\9) {
+  margin-top: var(--space-scaled-l-0hpmd7, 20px);
 }
 
-.awsui_actions-section_1i0s3_13020_122:not(#\9) {
+.awsui_actions-section_1i0s3_1k1ul_122:not(#\9) {
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   flex-wrap: wrap;
-  margin-inline-start: calc(-1 * var(--space-scaled-m-mo5yse, 16px));
-  margin-block-end: calc(-1 * var(--space-scaled-m-mo5yse, 16px));
+  margin-left: calc(-1 * var(--space-scaled-m-mo5yse, 16px));
+  margin-bottom: calc(-1 * 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_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_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);
+.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);
 }

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_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"
+  "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"
 };
   

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_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"
+  "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"
 };
   

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_d3ru4_97:not(#\9) {
-  animation: awsui_awsui-motion-shake-horizontally_14mhv_d3ru4_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms);
+.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);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_14mhv_d3ru4_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_14mhv_62fef_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_d3ru4_97:not(#\9) {
+  .awsui_error-icon-shake-wrapper_14mhv_62fef_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.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) {
+.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) {
   animation: none;
   transition: none;
 }
 
-.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));
+.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));
 }
-@keyframes awsui_awsui-motion-scale-popup_14mhv_d3ru4_1 {
+@keyframes awsui_awsui-motion-scale-popup_14mhv_62fef_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_d3ru4_124:not(#\9) {
+  .awsui_error-icon-scale-wrapper_14mhv_62fef_124:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.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) {
+.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) {
   animation: none;
   transition: none;
 }
 
-.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));
+.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));
 }
-@keyframes awsui_awsui-motion-fade-in-0_14mhv_d3ru4_1 {
+@keyframes awsui_awsui-motion-fade-in-0_14mhv_62fef_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_d3ru4_97:not(#\9) {
+  .awsui_error_14mhv_62fef_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error_14mhv_d3ru4_97:not(#\9), .awsui-mode-entering .awsui_error_14mhv_d3ru4_97:not(#\9) {
+.awsui-motion-disabled .awsui_error_14mhv_62fef_97:not(#\9), .awsui-mode-entering .awsui_error_14mhv_62fef_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_14mhv_d3ru4_168:not(#\9) {
+.awsui_root_14mhv_62fef_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_d3ru4_182:not(#\9) {
+.awsui_label_14mhv_62fef_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_d3ru4_182:not(#\9):only-child {
+.awsui_label_14mhv_62fef_182:not(#\9):only-child {
   margin: 0;
 }
 
-.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_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_description_14mhv_d3ru4_200:not(#\9),
-.awsui_constraint_14mhv_d3ru4_201:not(#\9) {
+.awsui_description_14mhv_62fef_200:not(#\9),
+.awsui_constraint_14mhv_62fef_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_d3ru4_208:not(#\9),
-.awsui_constraint-has-error_14mhv_d3ru4_209:not(#\9) {
-  padding-block-start: var(--space-xxs-p8yyaw, 4px);
+.awsui_hints_14mhv_62fef_208:not(#\9),
+.awsui_constraint-has-error_14mhv_62fef_209:not(#\9) {
+  padding-top: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_secondary-control_14mhv_d3ru4_213:not(#\9) {
+.awsui_secondary-control_14mhv_62fef_213:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_controls_14mhv_d3ru4_217:not(#\9):not(.awsui_label-hidden_14mhv_d3ru4_217) {
-  padding-block-start: var(--space-xxs-p8yyaw, 4px);
+.awsui_controls_14mhv_62fef_217:not(#\9):not(.awsui_label-hidden_14mhv_62fef_217) {
+  padding-top: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_control_14mhv_d3ru4_217:not(#\9) {
+.awsui_control_14mhv_62fef_217:not(#\9) {
   min-width: 0;
   word-break: break-word;
 }
 
-.awsui_error_14mhv_d3ru4_97:not(#\9) {
+.awsui_error_14mhv_62fef_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_d3ru4_235:not(#\9) {
-  margin-inline-start: var(--space-xxs-p8yyaw, 4px);
+.awsui_error__message_14mhv_62fef_235:not(#\9) {
+  margin-left: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_visually-hidden_14mhv_d3ru4_239:not(#\9) {
+.awsui_visually-hidden_14mhv_62fef_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_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"
+  "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"
 };
   

package/internal/components/cartesian-chart/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/interfaces.ts"],"names":[],"mappings":"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"}

package/internal/components/cartesian-chart/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../../base-component';\nimport { NonCancelableEventHandler } from '../../events';\n\nexport interface CartesianChartProps<T extends ChartDataTypes, Series> extends BaseComponentProps {\n  /**\n   * Determines the type of scale for values on the x axis.\n   */\n  xScaleType?: ScaleType;\n\n  /**\n   * Determines the type of scale for values on the y axis.\n   */\n  yScaleType?: 'linear' | 'log';\n\n  /**\n   * Determines the domain of the x axis, i.e. the range of values that will be visible in the chart.\n   * For numerical and time-based data this is represented as an array with two values: `[minimumValue, maximumValue]`.\n   * For categorical data this is represented as an array of strings that determine the categories to display.\n   *\n   * It is recommended to set this explicitly. If not, the component will determine a domain that fits all data points.\n   * When controlling this directly, make sure to update the value based on filtering changes.\n   */\n  xDomain?: T extends unknown ? ReadonlyArray<T> : ReadonlyArray<T>;\n\n  /**\n   * Determines the domain of the y axis, i.e. the range of values that will be visible in the chart.\n   * The domain is defined by a tuple: `[minimumValue, maximumValue]`.\n   *\n   * It is recommended to set this explicitly. If not, the component will determine a domain that fits all data points.\n   * When controlling this directly, make sure to update the value based on filtering changes.\n   */\n  yDomain?: ReadonlyArray<number>;\n\n  /**\n   * The title of the x axis.\n   */\n  xTitle?: string;\n\n  /**\n   * The title of the y axis.\n   */\n  yTitle?: string;\n\n  /**\n   * Optional title for the legend.\n   */\n  legendTitle?: string;\n\n  /**\n   * ARIA label that is assigned to the chart itself. It should match the visible label on the page, e.g. in the container header.\n   * Do not use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Sets `aria-labelledby` on the chart itself.\n   * If there is a visible label for the chart on the page, e.g. in the container header, set this property to the ID of that header element.\n   * Do not use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * A description of the chart that assistive technologies can use (through `aria-describedby`).\n   * Provide a concise summary of the data visualized in the chart.\n   */\n  ariaDescription?: string;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: CartesianChartProps.I18nStrings<T>;\n\n  /**\n   * Function to format the displayed label of an x axis tick.\n   */\n  xTickFormatter?: CartesianChartProps.TickFormatter<T>;\n\n  /**\n   * Function to format the displayed label of a y axis tick.\n   */\n  yTickFormatter?: CartesianChartProps.TickFormatter<number>;\n\n  /**\n   * An optional pixel value number that fixes the height of the chart area.\n   * If not set explicitly, the component will use a default height that is defined internally.\n   * When used with `fitHeight`, this property defines the minimum height of the chart area.\n   */\n  height?: number;\n\n  /**\n   * Determines the maximum width the detail popover will be limited to.\n   */\n  detailPopoverSize?: 'small' | 'medium' | 'large';\n\n  /**\n   * Additional content that is displayed at the bottom of the detail popover.\n   */\n  detailPopoverFooter?: CartesianChartProps.DetailPopoverFooter<T>;\n\n  /**\n   * When set to `true`, the legend beneath the chart is not displayed.\n   * It is highly recommended to keep this set to `false`.\n   */\n  hideLegend?: boolean;\n\n  /**\n   * When set to `true`, the default filtering dropdown is not displayed.\n   * It is still possible to render additional filters with the `additionalFilters` slot.\n   */\n  hideFilter?: boolean;\n\n  /**\n   * Additional filters that are added above the chart component.\n   * Make sure to update the `data` property when any of your custom filters change the data to be displayed.\n   */\n  additionalFilters?: React.ReactNode;\n\n  /**\n   * The currently highlighted data series, usually through hovering over a series or the legend.\n   * A value of `null` means no series is highlighted.\n   *\n   * - If you do not set this property, series are highlighted automatically when hovering over one of the triggers (uncontrolled behavior).\n   * - If you explicitly set this property, you must set an `onHighlightChange` listener to update this property when a series should be highlighted (controlled behavior).\n   */\n  highlightedSeries?: Series | null;\n\n  /**\n   * An array of series objects that determines which of the data series are currently displayed, i.e. not filtered out.\n   * - If you do not set this property, series are shown and hidden automatically when using the default filter component (uncontrolled behavior).\n   * - If you explicitly set this property, you must set an `onFilterChange` listener to update this property when the visible series should change, or when one of your custom filters changes the number of visible series (controlled behavior).\n   */\n  visibleSeries?: ReadonlyArray<Series>;\n\n  /**\n   * Specifies the current status of loading data.\n   * * `loading`: data fetching is in progress.\n   * * `finished`: data has loaded successfully.\n   * * `error`: an error occurred during fetch. You should provide user an option to recover.\n   **/\n  statusType?: 'loading' | 'finished' | 'error';\n\n  /**\n   * Content that is displayed when the data passed to the component is empty.\n   */\n  empty?: React.ReactNode;\n\n  /**\n   * Content that is displayed when there is no data to display due to the built-in filtering.\n   */\n  noMatch?: React.ReactNode;\n\n  /**\n   * Text that is displayed when the chart is loading, i.e. when `statusType` is set to `\"loading\"`.\n   * @i18n\n   */\n  loadingText?: string;\n\n  /**\n   * Text that is displayed when the chart is in error state, i.e. when `statusType` is set to `\"error\"`.\n   * @i18n\n   */\n  errorText?: string;\n\n  /**\n   * Text for the recovery button that is displayed next to the error text.\n   * @i18n\n   **/\n  recoveryText?: string;\n\n  /**\n   * Called when the user clicks the recovery button that appears when there is an error state.\n   * Use this to enable the user to retry a failed request or provide another option for the user\n   * to recover from the error.\n   */\n  onRecoveryClick?: NonCancelableEventHandler;\n\n  /**\n   * Called when the values of the internal filter component changed.\n   * This will **not** be called for any custom filter components you have defined in `additionalFilters`.\n   */\n  onFilterChange?: NonCancelableEventHandler<CartesianChartProps.FilterChangeDetail<Series>>;\n\n  /**\n   * Called when the highlighted series has changed because of user interaction.\n   */\n  onHighlightChange?: NonCancelableEventHandler<CartesianChartProps.HighlightChangeDetail<Series>>;\n\n  /**\n   * Enable this property to make the chart fit into the available height of the parent container.\n   */\n  fitHeight?: boolean;\n}\n\nexport namespace CartesianChartProps {\n  export interface FilterChangeDetail<Series> {\n    visibleSeries: ReadonlyArray<Series>;\n  }\n\n  export interface HighlightChangeDetail<Series> {\n    highlightedSeries: Series | null;\n  }\n\n  export interface TickFormatter<T> {\n    (value: T): string;\n  }\n\n  export interface ValueFormatter<YType, XType = null> {\n    (yValue: YType, xValue: XType): string;\n  }\n\n  export interface DetailPopoverFooter<T> {\n    (xValue: T): React.ReactNode;\n  }\n\n  export interface I18nStrings<T> {\n    /** Visible label of the default filter */\n    filterLabel?: string;\n\n    /** Placeholder text of the default filter */\n    filterPlaceholder?: string;\n\n    /** ARIA label for the default filter which is appended to any option that is selected */\n    filterSelectedAriaLabel?: string;\n\n    /** ARIA label that is associated with the legend in case there is no visible `legendTitle` defined */\n    legendAriaLabel?: string;\n\n    /** ARIA label for details popover dismiss button */\n    detailPopoverDismissAriaLabel?: string;\n\n    /** Name of the ARIA role description of the chart, e.g. \"line chart\" */\n    chartAriaRoleDescription?: string;\n\n    /** Name of the ARIA role description of the x axis, e.g. \"x axis\" */\n    xAxisAriaRoleDescription?: string;\n\n    /** Name of the ARIA role description of the y axis, e.g. \"y axis\" */\n    yAxisAriaRoleDescription?: string;\n\n    /** @deprecated Use `xTickFormatter` on the component instead. */\n    xTickFormatter?: TickFormatter<T>;\n\n    /** @deprecated Use `yTickFormatter` on the component instead. */\n    yTickFormatter?: TickFormatter<number>;\n  }\n}\n\nexport type ChartDataTypes = number | string | Date;\n\nexport type ScaleType = 'linear' | 'log' | 'time' | 'categorical';\nexport type XScaleType = 'linear' | 'log' | 'time' | 'categorical';\nexport type YScaleType = 'linear' | 'log';\nexport type ScaleRange = [number, number];\n\nexport type ChartDomain<T extends ChartDataTypes> = T extends unknown ? ReadonlyArray<T> : ReadonlyArray<T>;\nexport type XDomain<T extends ChartDataTypes> = ChartDomain<T>;\nexport type YDomain = ChartDomain<number>;\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../../base-component';\nimport { NonCancelableEventHandler } from '../../events';\n\nexport interface CartesianChartProps<T extends ChartDataTypes, Series> extends BaseComponentProps {\n  /**\n   * Determines the type of scale for values on the x axis.\n   */\n  xScaleType?: ScaleType;\n\n  /**\n   * Determines the type of scale for values on the y axis.\n   */\n  yScaleType?: 'linear' | 'log';\n\n  /**\n   * Determines the domain of the x axis, i.e. the range of values that will be visible in the chart.\n   * For numerical and time-based data this is represented as an array with two values: `[minimumValue, maximumValue]`.\n   * For categorical data this is represented as an array of strings that determine the categories to display.\n   *\n   * It is recommended to set this explicitly. If not, the component will determine a domain that fits all data points.\n   * When controlling this directly, make sure to update the value based on filtering changes.\n   */\n  xDomain?: T extends unknown ? ReadonlyArray<T> : ReadonlyArray<T>;\n\n  /**\n   * Determines the domain of the y axis, i.e. the range of values that will be visible in the chart.\n   * The domain is defined by a tuple: `[minimumValue, maximumValue]`.\n   *\n   * It is recommended to set this explicitly. If not, the component will determine a domain that fits all data points.\n   * When controlling this directly, make sure to update the value based on filtering changes.\n   */\n  yDomain?: ReadonlyArray<number>;\n\n  /**\n   * The title of the x axis.\n   */\n  xTitle?: string;\n\n  /**\n   * The title of the y axis.\n   */\n  yTitle?: string;\n\n  /**\n   * Optional title for the legend.\n   */\n  legendTitle?: string;\n\n  /**\n   * ARIA label that is assigned to the chart itself. It should match the visible label on the page, e.g. in the container header.\n   * Do not use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Sets `aria-labelledby` on the chart itself.\n   * If there is a visible label for the chart on the page, e.g. in the container header, set this property to the ID of that header element.\n   * Do not use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * A description of the chart that assistive technologies can use (through `aria-describedby`).\n   * Provide a concise summary of the data visualized in the chart.\n   */\n  ariaDescription?: string;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: CartesianChartProps.I18nStrings<T>;\n\n  /**\n   * Function to format the displayed label of an x axis tick.\n   */\n  xTickFormatter?: CartesianChartProps.TickFormatter<T>;\n\n  /**\n   * Function to format the displayed label of a y axis tick.\n   */\n  yTickFormatter?: CartesianChartProps.TickFormatter<number>;\n\n  /**\n   * An optional pixel value number that fixes the height of the chart area.\n   * If not set explicitly, the component will use a default height that is defined internally.\n   * When used with `fitHeight`, this property defines the minimum height of the chart area.\n   */\n  height?: number;\n\n  /**\n   * Determines the maximum width the detail popover will be limited to.\n   */\n  detailPopoverSize?: 'small' | 'medium' | 'large';\n\n  /**\n   * Additional content that is displayed at the bottom of the detail popover.\n   */\n  detailPopoverFooter?: CartesianChartProps.DetailPopoverFooter<T>;\n\n  /**\n   * When set to `true`, the legend beneath the chart is not displayed.\n   * It is highly recommended to keep this set to `false`.\n   */\n  hideLegend?: boolean;\n\n  /**\n   * When set to `true`, the default filtering dropdown is not displayed.\n   * It is still possible to render additional filters with the `additionalFilters` slot.\n   */\n  hideFilter?: boolean;\n\n  /**\n   * Additional filters that are added above the chart component.\n   * Make sure to update the `data` property when any of your custom filters change the data to be displayed.\n   */\n  additionalFilters?: React.ReactNode;\n\n  /**\n   * The currently highlighted data series, usually through hovering over a series or the legend.\n   * A value of `null` means no series is highlighted.\n   *\n   * - If you do not set this property, series are highlighted automatically when hovering over one of the triggers (uncontrolled behavior).\n   * - If you explicitly set this property, you must set an `onHighlightChange` listener to update this property when a series should be highlighted (controlled behavior).\n   */\n  highlightedSeries?: Series | null;\n\n  /**\n   * An array of series objects that determines which of the data series are currently displayed, i.e. not filtered out.\n   * - If you do not set this property, series are shown and hidden automatically when using the default filter component (uncontrolled behavior).\n   * - If you explicitly set this property, you must set an `onFilterChange` listener to update this property when the visible series should change, or when one of your custom filters changes the number of visible series (controlled behavior).\n   */\n  visibleSeries?: ReadonlyArray<Series>;\n\n  /**\n   * Specifies the current status of loading data.\n   * * `loading`: data fetching is in progress.\n   * * `finished`: data has loaded successfully.\n   * * `error`: an error occurred during fetch. You should provide user an option to recover.\n   **/\n  statusType?: 'loading' | 'finished' | 'error';\n\n  /**\n   * Content that is displayed when the data passed to the component is empty.\n   */\n  empty?: React.ReactNode;\n\n  /**\n   * Content that is displayed when there is no data to display due to the built-in filtering.\n   */\n  noMatch?: React.ReactNode;\n\n  /**\n   * Text that is displayed when the chart is loading, i.e. when `statusType` is set to `\"loading\"`.\n   * @i18n\n   */\n  loadingText?: string;\n\n  /**\n   * Text that is displayed when the chart is in error state, i.e. when `statusType` is set to `\"error\"`.\n   * @i18n\n   */\n  errorText?: string;\n\n  /**\n   * Text for the recovery button that is displayed next to the error text.\n   * @i18n\n   **/\n  recoveryText?: string;\n\n  /**\n   * Called when the user clicks the recovery button that appears when there is an error state.\n   * Use this to enable the user to retry a failed request or provide another option for the user\n   * to recover from the error.\n   */\n  onRecoveryClick?: NonCancelableEventHandler;\n\n  /**\n   * Called when the values of the internal filter component changed.\n   * This will **not** be called for any custom filter components you have defined in `additionalFilters`.\n   */\n  onFilterChange?: NonCancelableEventHandler<CartesianChartProps.FilterChangeDetail<Series>>;\n\n  /**\n   * Called when the highlighted series has changed because of user interaction.\n   */\n  onHighlightChange?: NonCancelableEventHandler<CartesianChartProps.HighlightChangeDetail<Series>>;\n\n  /**\n   * Enable this property to make the chart fit into the available height of the parent container.\n   */\n  fitHeight?: boolean;\n}\nexport namespace CartesianChartProps {\n  export interface FilterChangeDetail<Series> {\n    visibleSeries: ReadonlyArray<Series>;\n  }\n\n  export interface HighlightChangeDetail<Series> {\n    highlightedSeries: Series | null;\n  }\n\n  export interface TickFormatter<T> {\n    (value: T): string;\n  }\n\n  export interface ValueFormatter<YType, XType = null> {\n    (yValue: YType, xValue: XType): string;\n  }\n\n  export interface DetailPopoverFooter<T> {\n    (xValue: T): React.ReactNode;\n  }\n\n  export interface I18nStrings<T> {\n    /** Visible label of the default filter */\n    filterLabel?: string;\n\n    /** Placeholder text of the default filter */\n    filterPlaceholder?: string;\n\n    /** ARIA label for the default filter which is appended to any option that is selected */\n    filterSelectedAriaLabel?: string;\n\n    /** ARIA label that is associated with the legend in case there is no visible `legendTitle` defined */\n    legendAriaLabel?: string;\n\n    /** ARIA label for details popover dismiss button */\n    detailPopoverDismissAriaLabel?: string;\n\n    /** Name of the ARIA role description of the chart, e.g. \"line chart\" */\n    chartAriaRoleDescription?: string;\n\n    /** Name of the ARIA role description of the x axis, e.g. \"x axis\" */\n    xAxisAriaRoleDescription?: string;\n\n    /** Name of the ARIA role description of the y axis, e.g. \"y axis\" */\n    yAxisAriaRoleDescription?: string;\n\n    /** @deprecated Use `xTickFormatter` on the component instead. */\n    xTickFormatter?: TickFormatter<T>;\n\n    /** @deprecated Use `yTickFormatter` on the component instead. */\n    yTickFormatter?: TickFormatter<number>;\n  }\n}\n\nexport type ChartDataTypes = number | string | Date;\n\nexport type ScaleType = 'linear' | 'log' | 'time' | 'categorical';\nexport type XScaleType = 'linear' | 'log' | 'time' | 'categorical';\nexport type YScaleType = 'linear' | 'log';\nexport type ScaleRange = [number, number];\n\nexport type ChartDomain<T extends ChartDataTypes> = T extends unknown ? ReadonlyArray<T> : ReadonlyArray<T>;\nexport type XDomain<T extends ChartDataTypes> = ChartDomain<T>;\nexport type YDomain = ChartDomain<number>;\n"]}

package/internal/components/chart-plot/index.d.ts

@@ -22,7 +22,7 @@ export interface ChartPlotProps {
     activeElementKey?: null | string | number | boolean;
     activeElementRef?: React.RefObject<SVGGElement>;
     activeElementFocusOffset?: Offset;
-    ariaLiveRegion?: React.ReactNode;
+    ariaLiveRegion?: string;
     isClickable?: boolean;
     isPrecise?: boolean;
     onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;

package/internal/components/chart-plot/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/chart-plot/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAUjF,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAMvC,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,aAAa,CAAC;IACnB,SAAS,IAAI,IAAI,CAAC;IAClB,gBAAgB,IAAI,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACpD,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAChD,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,UAAU,KAAK,IAAI,CAAC;IACxF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;EASE;;AACF,wBAAqC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/chart-plot/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAUjF,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAMvC,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,aAAa,CAAC;IACnB,SAAS,IAAI,IAAI,CAAC;IAClB,gBAAgB,IAAI,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACpD,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAChD,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,UAAU,KAAK,IAAI,CAAC;IACxF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;EASE;;AACF,wBAAqC"}