@cloudscape-design/components 3.0.1135 → 3.0.1137

package/internal/components/selectable-item/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_xfvek_145",
-  "pad-bottom": "awsui_pad-bottom_15o6u_xfvek_167",
-  "virtual": "awsui_virtual_15o6u_xfvek_171",
-  "has-background": "awsui_has-background_15o6u_xfvek_174",
-  "highlighted": "awsui_highlighted_15o6u_xfvek_177",
-  "selected": "awsui_selected_15o6u_xfvek_177",
-  "disabled": "awsui_disabled_15o6u_xfvek_195",
-  "is-keyboard": "awsui_is-keyboard_15o6u_xfvek_200",
-  "visual-refresh": "awsui_visual-refresh_15o6u_xfvek_203",
-  "next-item-selected": "awsui_next-item-selected_15o6u_xfvek_211",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_xfvek_232",
-  "parent": "awsui_parent_15o6u_xfvek_236",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_xfvek_240",
-  "child": "awsui_child_15o6u_xfvek_256",
-  "sticky": "awsui_sticky_15o6u_xfvek_262",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_xfvek_274",
-  "after-header": "awsui_after-header_15o6u_xfvek_280",
-  "measure-strut": "awsui_measure-strut_15o6u_xfvek_347",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_xfvek_356",
-  "screenreader-content": "awsui_screenreader-content_15o6u_xfvek_360",
-  "option-content": "awsui_option-content_15o6u_xfvek_366",
-  "select-all": "awsui_select-all_15o6u_xfvek_370"
+  "selectable-item": "awsui_selectable-item_15o6u_d2ghy_145",
+  "pad-bottom": "awsui_pad-bottom_15o6u_d2ghy_167",
+  "virtual": "awsui_virtual_15o6u_d2ghy_171",
+  "has-background": "awsui_has-background_15o6u_d2ghy_174",
+  "highlighted": "awsui_highlighted_15o6u_d2ghy_177",
+  "selected": "awsui_selected_15o6u_d2ghy_177",
+  "disabled": "awsui_disabled_15o6u_d2ghy_195",
+  "is-keyboard": "awsui_is-keyboard_15o6u_d2ghy_200",
+  "visual-refresh": "awsui_visual-refresh_15o6u_d2ghy_203",
+  "next-item-selected": "awsui_next-item-selected_15o6u_d2ghy_211",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_d2ghy_232",
+  "parent": "awsui_parent_15o6u_d2ghy_236",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_d2ghy_240",
+  "child": "awsui_child_15o6u_d2ghy_256",
+  "sticky": "awsui_sticky_15o6u_d2ghy_262",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_d2ghy_274",
+  "after-header": "awsui_after-header_15o6u_d2ghy_280",
+  "measure-strut": "awsui_measure-strut_15o6u_d2ghy_315",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_d2ghy_324",
+  "screenreader-content": "awsui_screenreader-content_15o6u_d2ghy_328",
+  "option-content": "awsui_option-content_15o6u_d2ghy_334",
+  "select-all": "awsui_select-all_15o6u_d2ghy_338"
 };
   

package/internal/components/selectable-item/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_selectable-item_15o6u_xfvek_145:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   color: var(--color-text-body-default-vvtq8u, #0f141a);
@@ -164,17 +164,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: calc(var(--space-xxs-hwfkai, 4px) + var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
   padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-miijiw, 2px));
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_pad-bottom_15o6u_xfvek_167:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_pad-bottom_15o6u_d2ghy_167:not(#\9) {
   padding-block-end: calc(calc(var(--space-xxs-hwfkai, 4px) + var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) + var(--space-xxxs-pajhad, 2px));
   border-block-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_xfvek_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_d2ghy_145.awsui_virtual_15o6u_d2ghy_171:not(#\9) {
   margin-block-start: calc(-1 * var(--border-item-width-miijiw, 2px));
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_has-background_15o6u_xfvek_174:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_has-background_15o6u_d2ghy_174:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_highlighted_15o6u_xfvek_177:not(#\9), .awsui_selectable-item_15o6u_xfvek_145.awsui_selected_15o6u_xfvek_177:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
   border-width: var(--border-item-width-miijiw, 2px);
   border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
@@ -184,167 +184,135 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-hwfkai, 4px);
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_highlighted_15o6u_xfvek_177.awsui_pad-bottom_15o6u_xfvek_167:not(#\9), .awsui_selectable-item_15o6u_xfvek_145.awsui_selected_15o6u_xfvek_177.awsui_pad-bottom_15o6u_xfvek_167:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177.awsui_pad-bottom_15o6u_d2ghy_167:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_pad-bottom_15o6u_d2ghy_167:not(#\9) {
   padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px));
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_highlighted_15o6u_xfvek_177:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177:not(#\9) {
   z-index: 3;
   background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
   border-color: var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_highlighted_15o6u_xfvek_177.awsui_disabled_15o6u_xfvek_195:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177.awsui_disabled_15o6u_d2ghy_195:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-tq8vh3, #b4b4bb);
   border-color: var(--color-border-dropdown-item-dimmed-hover-ga9sch, #8c8c94);
   background-color: var(--color-background-dropdown-item-dimmed-dhho03, transparent);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_highlighted_15o6u_xfvek_177.awsui_is-keyboard_15o6u_xfvek_200:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177.awsui_is-keyboard_15o6u_d2ghy_200:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_highlighted_15o6u_xfvek_177.awsui_is-keyboard_15o6u_xfvek_200:not(#\9):not(.awsui_visual-refresh_15o6u_xfvek_203) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177.awsui_is-keyboard_15o6u_d2ghy_200:not(#\9):not(.awsui_visual-refresh_15o6u_d2ghy_203) {
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_selected_15o6u_xfvek_177:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177:not(#\9) {
   z-index: 2;
   background-color: var(--color-background-dropdown-item-selected-f3v6te, #f0fbff);
   border-color: var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_selected_15o6u_xfvek_177.awsui_next-item-selected_15o6u_xfvek_211:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_next-item-selected_15o6u_d2ghy_211:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_selected_15o6u_xfvek_177.awsui_highlighted_15o6u_xfvek_177:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_highlighted_15o6u_d2ghy_177:not(#\9) {
   border-color: var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
   z-index: 3;
   outline: var(--border-item-width-miijiw, 2px) solid var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
   outline-offset: calc(-2 * var(--border-item-width-miijiw, 2px));
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_selected_15o6u_xfvek_177.awsui_highlighted_15o6u_xfvek_177.awsui_is-keyboard_15o6u_xfvek_200:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_highlighted_15o6u_d2ghy_177.awsui_is-keyboard_15o6u_d2ghy_200:not(#\9) {
   border-color: var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
   outline-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_selected_15o6u_xfvek_177.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_visual-refresh_15o6u_xfvek_203) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_highlighted_15o6u_d2ghy_177:not(#\9):not(.awsui_visual-refresh_15o6u_d2ghy_203) {
   border-color: var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
   outline: none;
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_selected_15o6u_xfvek_177.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_visual-refresh_15o6u_xfvek_203).awsui_is-keyboard_15o6u_xfvek_200 {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_highlighted_15o6u_d2ghy_177:not(#\9):not(.awsui_visual-refresh_15o6u_d2ghy_203).awsui_is-keyboard_15o6u_d2ghy_200 {
   border-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_selected_15o6u_xfvek_177 + .awsui_selectable-item_15o6u_xfvek_145.awsui_selected_15o6u_xfvek_177:not(#\9), .awsui_selectable-item_15o6u_xfvek_145.awsui_selected_15o6u_xfvek_177.awsui_previous-item-selected_15o6u_xfvek_232:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177 + .awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_previous-item-selected_15o6u_d2ghy_232:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_parent_15o6u_xfvek_236:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236:not(#\9) {
   font-weight: bold;
   color: var(--color-text-dropdown-group-label-2tmyik, #424650);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_parent_15o6u_xfvek_236:not(#\9):not(.awsui_interactiveGroups_15o6u_xfvek_240) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236:not(#\9):not(.awsui_interactiveGroups_15o6u_d2ghy_240) {
   border-block-start-color: var(--color-border-dropdown-group-ylcnh8, #c6c6cd);
   padding-block: var(--space-xs-ymlm0b, 8px);
   padding-inline: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_parent_15o6u_xfvek_236.awsui_interactiveGroups_15o6u_xfvek_240:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236.awsui_interactiveGroups_15o6u_d2ghy_240:not(#\9) {
   padding-block: calc(var(--space-xs-ymlm0b, 8px) + var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
   padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-miijiw, 2px));
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_parent_15o6u_xfvek_236.awsui_interactiveGroups_15o6u_xfvek_240.awsui_highlighted_15o6u_xfvek_177:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236.awsui_interactiveGroups_15o6u_d2ghy_240.awsui_highlighted_15o6u_d2ghy_177:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_parent_15o6u_xfvek_236.awsui_interactiveGroups_15o6u_xfvek_240.awsui_highlighted_15o6u_xfvek_177:not(#\9), .awsui_selectable-item_15o6u_xfvek_145.awsui_parent_15o6u_xfvek_236.awsui_interactiveGroups_15o6u_xfvek_240.awsui_selected_15o6u_xfvek_177:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236.awsui_interactiveGroups_15o6u_d2ghy_240.awsui_highlighted_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236.awsui_interactiveGroups_15o6u_d2ghy_240.awsui_selected_15o6u_d2ghy_177:not(#\9) {
   padding-block: var(--space-xs-ymlm0b, 8px);
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_child_15o6u_xfvek_256:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_child_15o6u_d2ghy_256:not(#\9) {
   padding-inline-start: calc(var(--space-xxl-32srm4, 32px) + var(--border-item-width-miijiw, 2px));
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_child_15o6u_xfvek_256.awsui_highlighted_15o6u_xfvek_177:not(#\9), .awsui_selectable-item_15o6u_xfvek_145.awsui_child_15o6u_xfvek_256.awsui_selected_15o6u_xfvek_177:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_child_15o6u_d2ghy_256.awsui_highlighted_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_child_15o6u_d2ghy_256.awsui_selected_15o6u_d2ghy_177:not(#\9) {
   padding-inline-start: var(--space-xxl-32srm4, 32px);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_sticky_15o6u_xfvek_262:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9) {
   position: sticky;
   inset-block-start: 0;
   margin-block-end: calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
   z-index: 4;
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_sticky_15o6u_xfvek_262:not(#\9):not(.awsui_highlighted_15o6u_xfvek_177):not(.awsui_selected_15o6u_xfvek_177) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177) {
   border-inline-start-width: var(--border-item-width-miijiw, 2px);
   border-inline-start-color: var(--color-border-dropdown-container-cmthq7, #b4b4bb);
   border-inline-end-color: var(--color-border-dropdown-container-cmthq7, #b4b4bb);
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_sticky_15o6u_xfvek_262:not(#\9):not(.awsui_highlighted_15o6u_xfvek_177):not(.awsui_selected_15o6u_xfvek_177):not(.awsui_with-scrollbar_15o6u_xfvek_274) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177):not(.awsui_with-scrollbar_15o6u_d2ghy_274) {
   border-inline-end-width: var(--border-item-width-miijiw, 2px);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_sticky_15o6u_xfvek_262:not(#\9):not(.awsui_highlighted_15o6u_xfvek_177):not(.awsui_selected_15o6u_xfvek_177).awsui_with-scrollbar_15o6u_xfvek_274 {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177).awsui_with-scrollbar_15o6u_d2ghy_274 {
   border-inline-end-width: 0;
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_sticky_15o6u_xfvek_262:not(#\9):not(.awsui_highlighted_15o6u_xfvek_177):not(.awsui_selected_15o6u_xfvek_177):not(.awsui_after-header_15o6u_xfvek_280) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177):not(.awsui_after-header_15o6u_d2ghy_280) {
   border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_sticky_15o6u_xfvek_262:not(#\9):not(.awsui_highlighted_15o6u_xfvek_177):not(.awsui_selected_15o6u_xfvek_177):not(.awsui_after-header_15o6u_xfvek_280):not(.awsui_selectable-item_15o6u_xfvek_145.awsui_sticky_15o6u_xfvek_262:not(.awsui_highlighted_15o6u_xfvek_177):not(.awsui_selected_15o6u_xfvek_177):not(.awsui_after-header_15o6u_xfvek_280).awsui_with-scrollbar_15o6u_xfvek_274) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177):not(.awsui_after-header_15o6u_d2ghy_280):not(.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177):not(.awsui_after-header_15o6u_d2ghy_280).awsui_with-scrollbar_15o6u_d2ghy_274) {
   border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_sticky_15o6u_xfvek_262:not(#\9):not(.awsui_highlighted_15o6u_xfvek_177):not(.awsui_selected_15o6u_xfvek_177).awsui_after-header_15o6u_xfvek_280 {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177).awsui_after-header_15o6u_d2ghy_280 {
   border-block-start-color: var(--color-background-dropdown-item-default-qmc033, #ffffff);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_sticky_15o6u_xfvek_262.awsui_disabled_15o6u_xfvek_195.awsui_highlighted_15o6u_xfvek_177:not(#\9), .awsui_selectable-item_15o6u_xfvek_145.awsui_sticky_15o6u_xfvek_262.awsui_disabled_15o6u_xfvek_195.awsui_selected_15o6u_xfvek_177:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262.awsui_disabled_15o6u_d2ghy_195.awsui_highlighted_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262.awsui_disabled_15o6u_d2ghy_195.awsui_selected_15o6u_d2ghy_177:not(#\9) {
   border-block-end-color: transparent;
   border-block-start-color: transparent;
   border-inline-start-color: transparent;
   border-inline-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_disabled_15o6u_xfvek_195:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_disabled_15o6u_d2ghy_195:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-8m65hf, #b4b4bb);
 }
-.awsui_selectable-item_15o6u_xfvek_145:not(#\9):not(.awsui_disabled_15o6u_xfvek_195):not(.awsui_parent_15o6u_xfvek_236) {
+.awsui_selectable-item_15o6u_d2ghy_145:not(#\9):not(.awsui_disabled_15o6u_d2ghy_195):not(.awsui_parent_15o6u_d2ghy_236) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_interactiveGroups_15o6u_xfvek_240:not(#\9):not(.awsui_disabled_15o6u_xfvek_195) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_interactiveGroups_15o6u_d2ghy_240:not(#\9):not(.awsui_disabled_15o6u_d2ghy_195) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171:not(#\9) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_virtual_15o6u_d2ghy_171:not(#\9) {
   position: absolute;
   inset-block-start: var(--border-dropdown-virtual-offset-width-3wp954, 2px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171:not(#\9):first-of-type:not(.awsui_selected_15o6u_xfvek_177, .awsui_highlighted_15o6u_xfvek_177) {
+.awsui_selectable-item_15o6u_d2ghy_145.awsui_virtual_15o6u_d2ghy_171:not(#\9):first-of-type:not(.awsui_selected_15o6u_d2ghy_177, .awsui_highlighted_15o6u_d2ghy_177) {
   border-block-start-color: var(--color-border-dropdown-item-top-gp2d1p, transparent);
 }
-.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177), .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177:not(#\9) {
-  border-width: var(--border-divider-list-width-tdfx1x, 1px);
-  padding-block: calc(var(--space-xxs-hwfkai, 4px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
-  padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
-}
-.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177).awsui_pad-bottom_15o6u_xfvek_167, .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_pad-bottom_15o6u_xfvek_167:not(#\9) {
-  padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
-}
-.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177).awsui_child_15o6u_xfvek_256, .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_child_15o6u_xfvek_256:not(#\9) {
-  padding-inline-start: calc(var(--space-xxl-32srm4, 32px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
-}
-.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177).awsui_parent_15o6u_xfvek_236.awsui_interactiveGroups_15o6u_xfvek_240, .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_parent_15o6u_xfvek_236.awsui_interactiveGroups_15o6u_xfvek_240:not(#\9) {
-  padding-block: calc(var(--space-xs-ymlm0b, 8px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
-}
-.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177) {
-  box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
-}
-.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177).awsui_is-keyboard_15o6u_xfvek_200 {
-  box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-focused-zacqlp, #424650);
-}
-.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177:not(#\9) {
-  box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
-}
-.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_highlighted_15o6u_xfvek_177:not(#\9) {
-  box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0), inset 0 0 0 calc(2 * var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
-}
-.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_highlighted_15o6u_xfvek_177.awsui_is-keyboard_15o6u_xfvek_200:not(#\9) {
-  box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0), inset 0 0 0 calc(2 * var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-focused-zacqlp, #424650);
-}
-.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_parent_15o6u_xfvek_236:not(#\9):not(.awsui_interactiveGroups_15o6u_xfvek_240) {
-  border-block-start-color: var(--color-border-dropdown-group-ylcnh8, #c6c6cd);
-}
 
-.awsui_measure-strut_15o6u_xfvek_347:not(#\9) {
+.awsui_measure-strut_15o6u_d2ghy_315:not(#\9) {
   position: absolute;
   pointer-events: none;
   block-size: 100%;
@@ -353,20 +321,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   padding-block-start: var(--border-divider-list-width-tdfx1x, 1px);
 }
-.awsui_measure-strut-first_15o6u_xfvek_356:not(#\9) {
+.awsui_measure-strut-first_15o6u_d2ghy_324:not(#\9) {
   padding-block-end: var(--border-divider-list-width-tdfx1x, 1px);
 }
 
-.awsui_screenreader-content_15o6u_xfvek_360:not(#\9) {
+.awsui_screenreader-content_15o6u_d2ghy_328:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_option-content_15o6u_xfvek_366:not(#\9) {
+.awsui_option-content_15o6u_d2ghy_334:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_select-all_15o6u_xfvek_370:not(#\9) {
+.awsui_select-all_15o6u_d2ghy_338:not(#\9) {
   /* used in test-utils */
 }

package/internal/components/selectable-item/styles.selectors.js

@@ -2,27 +2,27 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_xfvek_145",
-  "pad-bottom": "awsui_pad-bottom_15o6u_xfvek_167",
-  "virtual": "awsui_virtual_15o6u_xfvek_171",
-  "has-background": "awsui_has-background_15o6u_xfvek_174",
-  "highlighted": "awsui_highlighted_15o6u_xfvek_177",
-  "selected": "awsui_selected_15o6u_xfvek_177",
-  "disabled": "awsui_disabled_15o6u_xfvek_195",
-  "is-keyboard": "awsui_is-keyboard_15o6u_xfvek_200",
-  "visual-refresh": "awsui_visual-refresh_15o6u_xfvek_203",
-  "next-item-selected": "awsui_next-item-selected_15o6u_xfvek_211",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_xfvek_232",
-  "parent": "awsui_parent_15o6u_xfvek_236",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_xfvek_240",
-  "child": "awsui_child_15o6u_xfvek_256",
-  "sticky": "awsui_sticky_15o6u_xfvek_262",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_xfvek_274",
-  "after-header": "awsui_after-header_15o6u_xfvek_280",
-  "measure-strut": "awsui_measure-strut_15o6u_xfvek_347",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_xfvek_356",
-  "screenreader-content": "awsui_screenreader-content_15o6u_xfvek_360",
-  "option-content": "awsui_option-content_15o6u_xfvek_366",
-  "select-all": "awsui_select-all_15o6u_xfvek_370"
+  "selectable-item": "awsui_selectable-item_15o6u_d2ghy_145",
+  "pad-bottom": "awsui_pad-bottom_15o6u_d2ghy_167",
+  "virtual": "awsui_virtual_15o6u_d2ghy_171",
+  "has-background": "awsui_has-background_15o6u_d2ghy_174",
+  "highlighted": "awsui_highlighted_15o6u_d2ghy_177",
+  "selected": "awsui_selected_15o6u_d2ghy_177",
+  "disabled": "awsui_disabled_15o6u_d2ghy_195",
+  "is-keyboard": "awsui_is-keyboard_15o6u_d2ghy_200",
+  "visual-refresh": "awsui_visual-refresh_15o6u_d2ghy_203",
+  "next-item-selected": "awsui_next-item-selected_15o6u_d2ghy_211",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_d2ghy_232",
+  "parent": "awsui_parent_15o6u_d2ghy_236",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_d2ghy_240",
+  "child": "awsui_child_15o6u_d2ghy_256",
+  "sticky": "awsui_sticky_15o6u_d2ghy_262",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_d2ghy_274",
+  "after-header": "awsui_after-header_15o6u_d2ghy_280",
+  "measure-strut": "awsui_measure-strut_15o6u_d2ghy_315",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_d2ghy_324",
+  "screenreader-content": "awsui_screenreader-content_15o6u_d2ghy_328",
+  "option-content": "awsui_option-content_15o6u_d2ghy_334",
+  "select-all": "awsui_select-all_15o6u_d2ghy_338"
 };
   

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (fdcaf655)";
-export var GIT_SHA = "fdcaf655";
+export var PACKAGE_VERSION = "3.0.0 (36c25023)";
+export var GIT_SHA = "36c25023";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "console";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (fdcaf655)",
-  "GIT_SHA": "fdcaf655",
+  "PACKAGE_VERSION": "3.0.0 (36c25023)",
+  "GIT_SHA": "36c25023",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "console",
   "ALWAYS_VISUAL_REFRESH": true

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "fdcaf6555e7ca1c075fcfd49fd6a8102073e610a"
+  "commit": "36c25023676eb416b0d78445bee84b827227bddd"
 }

package/internal/plugins/widget/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/widget/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAyB,MAAM,cAAc,CAAC;AAE5F;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,QAIvD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,aAAa,QAIzD;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,sBAAsB,QAE3D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/widget/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAyB,MAAM,cAAc,CAAC;AAE5F;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,QAIvD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,aAAa,QAIzD;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,sBAAsB,QAS3D"}

package/internal/plugins/widget/index.js

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { getAppLayoutMessageHandler, pushInitialMessage } from './core';
+import { getAppLayoutInitialMessages, getAppLayoutMessageHandler, pushInitialMessage } from './core';
 /**
  * Registers a new left runtime drawer to app layout
  * @param drawer
@@ -27,6 +27,13 @@ export function registerBottomDrawer(drawer) {
  */
 export function updateDrawer(message) {
     var _a;
+    if (message.type === 'updateDrawerConfig') {
+        getAppLayoutInitialMessages().forEach(initialMessage => {
+            if (initialMessage.payload.id === message.payload.id) {
+                initialMessage.payload = { ...initialMessage.payload, ...message.payload };
+            }
+        });
+    }
     (_a = getAppLayoutMessageHandler()) === null || _a === void 0 ? void 0 : _a(message);
 }
 //# sourceMappingURL=index.js.map

package/internal/plugins/widget/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/widget/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAGxE;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAAqB;;IACtD,MAAM,OAAO,GAA0B,EAAE,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IACvF,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC5B,MAAA,0BAA0B,EAAE,0CAAG,OAAO,CAAC,CAAC;AAC1C,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,MAAqB;;IACxD,MAAM,OAAO,GAA0B,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC;IACpH,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC5B,MAAA,0BAA0B,EAAE,0CAAG,OAAO,CAAC,CAAC;AAC1C,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,OAA+B;;IAC1D,MAAA,0BAA0B,EAAE,0CAAG,OAAO,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { getAppLayoutMessageHandler, pushInitialMessage } from './core';\nimport { AppLayoutUpdateMessage, DrawerPayload, RegisterDrawerMessage } from './interfaces';\n\n/**\n * Registers a new left runtime drawer to app layout\n * @param drawer\n */\nexport function registerLeftDrawer(drawer: DrawerPayload) {\n  const message: RegisterDrawerMessage = { type: 'registerLeftDrawer', payload: drawer };\n  pushInitialMessage(message);\n  getAppLayoutMessageHandler()?.(message);\n}\n\n/**\n * Registers a new bottom runtime drawer to app layout\n * @param drawer\n */\nexport function registerBottomDrawer(drawer: DrawerPayload) {\n  const message: RegisterDrawerMessage = { type: 'registerBottomDrawer', payload: { ...drawer, position: 'bottom' } };\n  pushInitialMessage(message);\n  getAppLayoutMessageHandler()?.(message);\n}\n\n/**\n * Interact with already registered app layout drawers\n * @param message\n */\nexport function updateDrawer(message: AppLayoutUpdateMessage) {\n  getAppLayoutMessageHandler()?.(message);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/widget/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAGrG;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAAqB;;IACtD,MAAM,OAAO,GAA0B,EAAE,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IACvF,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC5B,MAAA,0BAA0B,EAAE,0CAAG,OAAO,CAAC,CAAC;AAC1C,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,MAAqB;;IACxD,MAAM,OAAO,GAA0B,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC;IACpH,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC5B,MAAA,0BAA0B,EAAE,0CAAG,OAAO,CAAC,CAAC;AAC1C,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,OAA+B;;IAC1D,IAAI,OAAO,CAAC,IAAI,KAAK,oBAAoB,EAAE,CAAC;QAC1C,2BAA2B,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;YACrD,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;gBACrD,cAAc,CAAC,OAAO,GAAG,EAAE,GAAG,cAAc,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;YAC7E,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IACD,MAAA,0BAA0B,EAAE,0CAAG,OAAO,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { getAppLayoutInitialMessages, getAppLayoutMessageHandler, pushInitialMessage } from './core';\nimport { AppLayoutUpdateMessage, DrawerPayload, RegisterDrawerMessage } from './interfaces';\n\n/**\n * Registers a new left runtime drawer to app layout\n * @param drawer\n */\nexport function registerLeftDrawer(drawer: DrawerPayload) {\n  const message: RegisterDrawerMessage = { type: 'registerLeftDrawer', payload: drawer };\n  pushInitialMessage(message);\n  getAppLayoutMessageHandler()?.(message);\n}\n\n/**\n * Registers a new bottom runtime drawer to app layout\n * @param drawer\n */\nexport function registerBottomDrawer(drawer: DrawerPayload) {\n  const message: RegisterDrawerMessage = { type: 'registerBottomDrawer', payload: { ...drawer, position: 'bottom' } };\n  pushInitialMessage(message);\n  getAppLayoutMessageHandler()?.(message);\n}\n\n/**\n * Interact with already registered app layout drawers\n * @param message\n */\nexport function updateDrawer(message: AppLayoutUpdateMessage) {\n  if (message.type === 'updateDrawerConfig') {\n    getAppLayoutInitialMessages().forEach(initialMessage => {\n      if (initialMessage.payload.id === message.payload.id) {\n        initialMessage.payload = { ...initialMessage.payload, ...message.payload };\n      }\n    });\n  }\n  getAppLayoutMessageHandler()?.(message);\n}\n"]}

package/package.json

@@ -154,7 +154,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1135",
+  "version": "3.0.1137",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/radio-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,uJAmBd,CAAC;AAGH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,uJAqBd,CAAC;AAGH,eAAe,UAAU,CAAC"}

package/radio-group/interfaces.d.ts

@@ -54,6 +54,11 @@ export interface RadioGroupProps extends BaseComponentProps, FormFieldControlPro
   /**
    * @awsuiSystem core
    */
+
+  /**
+   * Defines the direction in which the radio buttons are laid out.
+   */
+  direction?: 'horizontal' | 'vertical';
 }
 export declare namespace RadioGroupProps {
   interface RadioButtonDefinition {

package/radio-group/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,qBAAqB;IAChF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAE7D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC;CAC/B;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,qBAAqB;QACpC,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,KAAK,EAAE,MAAM,CAAC;KACf;IAED,KAAY,GAAG,GAAG,gBAAgB,CAAC,GAAG,CAAC;IAEvC,KAAY,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC;CAC5C"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,qBAAqB;IAChF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAE7D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,qBAAqB;QACpC,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,KAAK,EAAE,MAAM,CAAC;KACf;IAED,KAAY,GAAG,GAAG,gBAAgB,CAAC,GAAG,CAAC;IAEvC,KAAY,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC;CAC5C"}

package/radio-group/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport { RadioButtonProps } from '../internal/components/radio-button/interfaces';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface RadioGroupProps extends BaseComponentProps, FormFieldControlProps {\n  /**\n   * Specify a custom name for the radio buttons. If not provided, the radio group generates a random name.\n   */\n  name?: string;\n\n  /**\n   * Sets the value of the selected radio button.\n   * If you want to clear the selection, use `null`.\n   */\n  value: string | null;\n\n  /**\n   * Specifies an array of radio buttons to display. Each of these objects have the following properties:\n   *\n   * - `value` (string) - Sets the value of the radio button. Assigned to the radio group when a user selects the radio button.\n   * - `label` (ReactNode) - Specifies a label for the radio button.\n   * - `description` (ReactNode) - (Optional) Specifies descriptive text that appears below the label.\n   * - `disabled` (boolean) - (Optional) Determines whether the radio button is disabled, which prevents the user from selecting it.\n   * - `controlId` (string) - (Optional) Sets the ID of the internal input. You can use it to relate a label element's `for` attribute to this control.\n   *        In general it's not recommended to set this because the ID is automatically set by the radio group component.\n   */\n  items?: ReadonlyArray<RadioGroupProps.RadioButtonDefinition>;\n\n  /**\n   * Adds `aria-label` to the group. If you are using this form element within a form field,\n   * don't set this property because the form field component automatically sets the correct labels to make the component accessible.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds `aria-required` to the group.\n   */\n  ariaRequired?: boolean;\n\n  /**\n   * Adds `aria-controls` attribute to the radio group.\n   * If the radio group controls any secondary content (for example, another form field), use this to provide an ID referring to the secondary content.\n   */\n  ariaControls?: string;\n\n  /**\n   * Called when the user selects a different radio button. The event `detail` contains the current `value`.\n   */\n  onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;\n\n  /**\n   * @deprecated Has no effect.\n   */\n  controlId?: string;\n\n  /**\n   * Specifies if the whole group is read-only, which prevents the\n   * user from modifying the value, but does not prevent the value from\n   * being included in a form submission. A read-only control is still focusable.\n   */\n  readOnly?: boolean;\n\n  /**\n   * @awsuiSystem core\n   */\n  style?: RadioGroupProps.Style;\n}\n\nexport namespace RadioGroupProps {\n  export interface RadioButtonDefinition {\n    value: string;\n    label: React.ReactNode;\n    description?: React.ReactNode;\n    disabled?: boolean;\n    controlId?: string;\n  }\n\n  export interface ChangeDetail {\n    value: string;\n  }\n\n  export type Ref = RadioButtonProps.Ref;\n\n  export type Style = RadioButtonProps.Style;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport { RadioButtonProps } from '../internal/components/radio-button/interfaces';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface RadioGroupProps extends BaseComponentProps, FormFieldControlProps {\n  /**\n   * Specify a custom name for the radio buttons. If not provided, the radio group generates a random name.\n   */\n  name?: string;\n\n  /**\n   * Sets the value of the selected radio button.\n   * If you want to clear the selection, use `null`.\n   */\n  value: string | null;\n\n  /**\n   * Specifies an array of radio buttons to display. Each of these objects have the following properties:\n   *\n   * - `value` (string) - Sets the value of the radio button. Assigned to the radio group when a user selects the radio button.\n   * - `label` (ReactNode) - Specifies a label for the radio button.\n   * - `description` (ReactNode) - (Optional) Specifies descriptive text that appears below the label.\n   * - `disabled` (boolean) - (Optional) Determines whether the radio button is disabled, which prevents the user from selecting it.\n   * - `controlId` (string) - (Optional) Sets the ID of the internal input. You can use it to relate a label element's `for` attribute to this control.\n   *        In general it's not recommended to set this because the ID is automatically set by the radio group component.\n   */\n  items?: ReadonlyArray<RadioGroupProps.RadioButtonDefinition>;\n\n  /**\n   * Adds `aria-label` to the group. If you are using this form element within a form field,\n   * don't set this property because the form field component automatically sets the correct labels to make the component accessible.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds `aria-required` to the group.\n   */\n  ariaRequired?: boolean;\n\n  /**\n   * Adds `aria-controls` attribute to the radio group.\n   * If the radio group controls any secondary content (for example, another form field), use this to provide an ID referring to the secondary content.\n   */\n  ariaControls?: string;\n\n  /**\n   * Called when the user selects a different radio button. The event `detail` contains the current `value`.\n   */\n  onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;\n\n  /**\n   * @deprecated Has no effect.\n   */\n  controlId?: string;\n\n  /**\n   * Specifies if the whole group is read-only, which prevents the\n   * user from modifying the value, but does not prevent the value from\n   * being included in a form submission. A read-only control is still focusable.\n   */\n  readOnly?: boolean;\n\n  /**\n   * @awsuiSystem core\n   */\n  style?: RadioGroupProps.Style;\n\n  /**\n   * Defines the direction in which the radio buttons are laid out.\n   */\n  direction?: 'horizontal' | 'vertical';\n}\n\nexport namespace RadioGroupProps {\n  export interface RadioButtonDefinition {\n    value: string;\n    label: React.ReactNode;\n    description?: React.ReactNode;\n    disabled?: boolean;\n    controlId?: string;\n  }\n\n  export interface ChangeDetail {\n    value: string;\n  }\n\n  export type Ref = RadioButtonProps.Ref;\n\n  export type Style = RadioButtonProps.Style;\n}\n"]}

package/radio-group/internal-do-not-use-core.js

@@ -8,7 +8,10 @@ import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalRadioGroup from './internal';
 import analyticsSelectors from './analytics-metadata/styles.css.js';
 const RadioGroup = React.forwardRef((props, ref) => {
-    const baseComponentProps = useBaseComponent('RadioGroup', { props: { readOnly: props.readOnly } });
+    var _a;
+    const baseComponentProps = useBaseComponent('RadioGroup', {
+        props: { readOnly: props.readOnly, direction: (_a = props.direction) !== null && _a !== void 0 ? _a : 'vertical' },
+    });
     return (React.createElement(InternalRadioGroup, { ref: ref, ...props, ...baseComponentProps, ...getAnalyticsMetadataAttribute({
             component: {
                 name: 'awsui.RadioGroup',

package/radio-group/internal-do-not-use-core.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAE5C,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAIpE,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAmC,EAAE,EAAE;IAClG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACnG,OAAO,CACL,oBAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,KACJ,KAAK,KACL,kBAAkB,KAClB,6BAA6B,CAAC;YAChC,SAAS,EAAE;gBACT,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;gBACvB,UAAU,EAAE;oBACV,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE;oBACvB,UAAU,EAAE,IAAI,kBAAkB,CAAC,QAAQ,EAAE;iBAC9C;aAC+C;SACnD,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AAC3C,eAAe,UAAU,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataRadioGroupComponent } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\nimport InternalRadioGroup from './internal';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { RadioGroupProps };\n\nconst RadioGroup = React.forwardRef((props: RadioGroupProps, ref: React.Ref<RadioGroupProps.Ref>) => {\n  const baseComponentProps = useBaseComponent('RadioGroup', { props: { readOnly: props.readOnly } });\n  return (\n    <InternalRadioGroup\n      ref={ref}\n      {...props}\n      {...baseComponentProps}\n      {...getAnalyticsMetadataAttribute({\n        component: {\n          name: 'awsui.RadioGroup',\n          label: { root: 'self' },\n          properties: {\n            value: `${props.value}`,\n            valueLabel: `.${analyticsSelectors.selected}`,\n          },\n        } as GeneratedAnalyticsMetadataRadioGroupComponent,\n      })}\n    />\n  );\n});\n\napplyDisplayName(RadioGroup, 'RadioGroup');\nexport default RadioGroup;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAE5C,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAIpE,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAmC,EAAE,EAAE;;IAClG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE;QACxD,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,UAAU,EAAE;KAC9E,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,KACJ,KAAK,KACL,kBAAkB,KAClB,6BAA6B,CAAC;YAChC,SAAS,EAAE;gBACT,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;gBACvB,UAAU,EAAE;oBACV,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE;oBACvB,UAAU,EAAE,IAAI,kBAAkB,CAAC,QAAQ,EAAE;iBAC9C;aAC+C;SACnD,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AAC3C,eAAe,UAAU,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataRadioGroupComponent } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\nimport InternalRadioGroup from './internal';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { RadioGroupProps };\n\nconst RadioGroup = React.forwardRef((props: RadioGroupProps, ref: React.Ref<RadioGroupProps.Ref>) => {\n  const baseComponentProps = useBaseComponent('RadioGroup', {\n    props: { readOnly: props.readOnly, direction: props.direction ?? 'vertical' },\n  });\n  return (\n    <InternalRadioGroup\n      ref={ref}\n      {...props}\n      {...baseComponentProps}\n      {...getAnalyticsMetadataAttribute({\n        component: {\n          name: 'awsui.RadioGroup',\n          label: { root: 'self' },\n          properties: {\n            value: `${props.value}`,\n            valueLabel: `.${analyticsSelectors.selected}`,\n          },\n        } as GeneratedAnalyticsMetadataRadioGroupComponent,\n      })}\n    />\n  );\n});\n\napplyDisplayName(RadioGroup, 'RadioGroup');\nexport default RadioGroup;\n"]}

package/radio-group/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAQ/C,QAAA,MAAM,kBAAkB,oLA4EvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAQ/C,QAAA,MAAM,kBAAkB,oLAmFvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/radio-group/internal.js

@@ -12,13 +12,13 @@ import useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-gro
 import analyticsSelectors from './analytics-metadata/styles.css.js';
 import styles from './styles.css.js';
 import testUtilStyles from './test-classes/styles.css.js';
-const InternalRadioGroup = React.forwardRef(({ name, value, items, ariaLabel, ariaRequired, ariaControls, onChange, readOnly, __internalRootRef, style, ...props }, ref) => {
+const InternalRadioGroup = React.forwardRef(({ name, value, items, ariaLabel, ariaRequired, ariaControls, onChange, readOnly, __internalRootRef, style, direction, ...props }, ref) => {
     const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(props);
     const baseProps = getBaseProps(props);
     const generatedName = useUniqueId('awsui-radio-');
     const [radioButtonRef, radioButtonRefIndex] = useRadioGroupForwardFocus(ref, items, value);
-    return (React.createElement("div", { role: "radiogroup", "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired, "aria-controls": ariaControls, "aria-readonly": readOnly ? 'true' : undefined, ...baseProps, className: clsx(baseProps.className, testUtilStyles.root, styles['radio-group']), ref: __internalRootRef }, items &&
-        items.map((item, index) => (React.createElement(RadioButton, { key: item.value, ref: index === radioButtonRefIndex ? radioButtonRef : undefined, className: clsx(styles.radio, item.description && styles['radio--has-description'], item.value === value && analyticsSelectors.selected), checked: item.value === value, name: name || generatedName, value: item.value, description: item.description, disabled: item.disabled, onChange: ({ detail }) => {
+    return (React.createElement("div", { role: "radiogroup", "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired, "aria-controls": ariaControls, "aria-readonly": readOnly ? 'true' : undefined, ...baseProps, className: clsx(baseProps.className, testUtilStyles.root, styles['radio-group'], direction === 'horizontal' && styles['horizontal-group']), ref: __internalRootRef }, items &&
+        items.map((item, index) => (React.createElement(RadioButton, { key: item.value, ref: index === radioButtonRefIndex ? radioButtonRef : undefined, className: clsx(styles.radio, item.description && styles['radio--has-description'], direction === 'horizontal' && styles.horizontal, item.value === value && analyticsSelectors.selected), checked: item.value === value, name: name || generatedName, value: item.value, description: item.description, disabled: item.disabled, onChange: ({ detail }) => {
                 if (onChange && detail.checked) {
                     fireNonCancelableEvent(onChange, { value: item.value });
                 }

package/radio-group/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,yBAAyB,MAAM,6CAA6C,CAAC;AAKpF,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAI1D,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EACE,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,KAAK,EACL,GAAG,KAAK,EACgB,EAC1B,GAAmC,EACnC,EAAE;IACF,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAElD,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,GAAG,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAE3F,OAAO,CACL,6BACE,IAAI,EAAC,YAAY,qBACA,cAAc,gBACnB,SAAS,sBACH,eAAe,mBAClB,YAAY,mBACZ,YAAY,mBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KACxC,SAAS,EACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,EAChF,GAAG,EAAE,iBAAiB,IAErB,KAAK;QACJ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,oBAAC,WAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,GAAG,EAAE,KAAK,KAAK,mBAAmB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC/D,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,KAAK,EACZ,IAAI,CAAC,WAAW,IAAI,MAAM,CAAC,wBAAwB,CAAC,EACpD,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,kBAAkB,CAAC,QAAQ,CACpD,EACD,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,EAC7B,IAAI,EAAE,IAAI,IAAI,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;gBACvB,IAAI,QAAQ,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;oBAC/B,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC1D,CAAC;YACH,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,KACR,6BAA6B,CAC/B,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;gBACzB,CAAC,CAAC;oBACE,MAAM,EAAE;wBACN,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC,EAAE;wBACxB,KAAK,EAAE,IAAI,CAAC,KAAK;qBAC+C;iBACnE;gBACH,CAAC,CAAC,EAAE,CACP,IAEA,IAAI,CAAC,KAAK,CACC,CACf,CAAC,CACA,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport RadioButton from '../internal/components/radio-button';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataRadioGroupSelect } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ntype InternalRadioGroupProps = RadioGroupProps & InternalBaseComponentProps;\n\nconst InternalRadioGroup = React.forwardRef(\n  (\n    {\n      name,\n      value,\n      items,\n      ariaLabel,\n      ariaRequired,\n      ariaControls,\n      onChange,\n      readOnly,\n      __internalRootRef,\n      style,\n      ...props\n    }: InternalRadioGroupProps,\n    ref: React.Ref<RadioGroupProps.Ref>\n  ) => {\n    const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(props);\n    const baseProps = getBaseProps(props);\n    const generatedName = useUniqueId('awsui-radio-');\n\n    const [radioButtonRef, radioButtonRefIndex] = useRadioGroupForwardFocus(ref, items, value);\n\n    return (\n      <div\n        role=\"radiogroup\"\n        aria-labelledby={ariaLabelledby}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedby}\n        aria-required={ariaRequired}\n        aria-controls={ariaControls}\n        aria-readonly={readOnly ? 'true' : undefined}\n        {...baseProps}\n        className={clsx(baseProps.className, testUtilStyles.root, styles['radio-group'])}\n        ref={__internalRootRef}\n      >\n        {items &&\n          items.map((item, index) => (\n            <RadioButton\n              key={item.value}\n              ref={index === radioButtonRefIndex ? radioButtonRef : undefined}\n              className={clsx(\n                styles.radio,\n                item.description && styles['radio--has-description'],\n                item.value === value && analyticsSelectors.selected\n              )}\n              checked={item.value === value}\n              name={name || generatedName}\n              value={item.value}\n              description={item.description}\n              disabled={item.disabled}\n              onChange={({ detail }) => {\n                if (onChange && detail.checked) {\n                  fireNonCancelableEvent(onChange, { value: item.value });\n                }\n              }}\n              controlId={item.controlId}\n              readOnly={readOnly}\n              style={style}\n              {...getAnalyticsMetadataAttribute(\n                !item.disabled && !readOnly\n                  ? {\n                      detail: {\n                        position: `${index + 1}`,\n                        value: item.value,\n                      } as Partial<GeneratedAnalyticsMetadataRadioGroupSelect['detail']>,\n                    }\n                  : {}\n              )}\n            >\n              {item.label}\n            </RadioButton>\n          ))}\n      </div>\n    );\n  }\n);\n\nexport default InternalRadioGroup;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport RadioButton from '../internal/components/radio-button';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataRadioGroupSelect } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ntype InternalRadioGroupProps = RadioGroupProps & InternalBaseComponentProps;\n\nconst InternalRadioGroup = React.forwardRef(\n  (\n    {\n      name,\n      value,\n      items,\n      ariaLabel,\n      ariaRequired,\n      ariaControls,\n      onChange,\n      readOnly,\n      __internalRootRef,\n      style,\n      direction,\n      ...props\n    }: InternalRadioGroupProps,\n    ref: React.Ref<RadioGroupProps.Ref>\n  ) => {\n    const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(props);\n    const baseProps = getBaseProps(props);\n    const generatedName = useUniqueId('awsui-radio-');\n\n    const [radioButtonRef, radioButtonRefIndex] = useRadioGroupForwardFocus(ref, items, value);\n\n    return (\n      <div\n        role=\"radiogroup\"\n        aria-labelledby={ariaLabelledby}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedby}\n        aria-required={ariaRequired}\n        aria-controls={ariaControls}\n        aria-readonly={readOnly ? 'true' : undefined}\n        {...baseProps}\n        className={clsx(\n          baseProps.className,\n          testUtilStyles.root,\n          styles['radio-group'],\n          direction === 'horizontal' && styles['horizontal-group']\n        )}\n        ref={__internalRootRef}\n      >\n        {items &&\n          items.map((item, index) => (\n            <RadioButton\n              key={item.value}\n              ref={index === radioButtonRefIndex ? radioButtonRef : undefined}\n              className={clsx(\n                styles.radio,\n                item.description && styles['radio--has-description'],\n                direction === 'horizontal' && styles.horizontal,\n                item.value === value && analyticsSelectors.selected\n              )}\n              checked={item.value === value}\n              name={name || generatedName}\n              value={item.value}\n              description={item.description}\n              disabled={item.disabled}\n              onChange={({ detail }) => {\n                if (onChange && detail.checked) {\n                  fireNonCancelableEvent(onChange, { value: item.value });\n                }\n              }}\n              controlId={item.controlId}\n              readOnly={readOnly}\n              style={style}\n              {...getAnalyticsMetadataAttribute(\n                !item.disabled && !readOnly\n                  ? {\n                      detail: {\n                        position: `${index + 1}`,\n                        value: item.value,\n                      } as Partial<GeneratedAnalyticsMetadataRadioGroupSelect['detail']>,\n                    }\n                  : {}\n              )}\n            >\n              {item.label}\n            </RadioButton>\n          ))}\n      </div>\n    );\n  }\n);\n\nexport default InternalRadioGroup;\n"]}