npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1163 → 3.0.1165 - Mend

@cloudscape-design/components-themeable 3.0.1163 → 3.0.1165

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (192) hide show

package/lib/internal/template/button-dropdown/category-elements/styles.css.js CHANGED Viewed

@@ -1,22 +1,22 @@
     import './styles.scoped.css';
     export default {
-  "header": "awsui_header_16mm3_1bmod_145",
-  "disabled": "awsui_disabled_16mm3_1bmod_161",
-  "expandable-header": "awsui_expandable-header_16mm3_1bmod_165",
-  "rolled-down": "awsui_rolled-down_16mm3_1bmod_176",
-  "highlighted": "awsui_highlighted_16mm3_1bmod_179",
-  "is-focused": "awsui_is-focused_16mm3_1bmod_197",
-  "visual-refresh": "awsui_visual-refresh_16mm3_1bmod_200",
-  "category": "awsui_category_16mm3_1bmod_204",
-  "expandable": "awsui_expandable_16mm3_1bmod_165",
-  "variant-navigation": "awsui_variant-navigation_16mm3_1bmod_219",
-  "expand-icon": "awsui_expand-icon_16mm3_1bmod_226",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_1bmod_244",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_1bmod_247",
-  "items-list-container": "awsui_items-list-container_16mm3_1bmod_255",
-  "in-dropdown": "awsui_in-dropdown_16mm3_1bmod_264",
-  "icon-wrapper": "awsui_icon-wrapper_16mm3_1bmod_268",
-  "header-content": "awsui_header-content_16mm3_1bmod_272"
+  "header": "awsui_header_16mm3_1u4y0_145",
+  "disabled": "awsui_disabled_16mm3_1u4y0_161",
+  "expandable-header": "awsui_expandable-header_16mm3_1u4y0_165",
+  "rolled-down": "awsui_rolled-down_16mm3_1u4y0_176",
+  "highlighted": "awsui_highlighted_16mm3_1u4y0_179",
+  "is-focused": "awsui_is-focused_16mm3_1u4y0_197",
+  "visual-refresh": "awsui_visual-refresh_16mm3_1u4y0_200",
+  "category": "awsui_category_16mm3_1u4y0_204",
+  "expandable": "awsui_expandable_16mm3_1u4y0_165",
+  "variant-navigation": "awsui_variant-navigation_16mm3_1u4y0_219",
+  "expand-icon": "awsui_expand-icon_16mm3_1u4y0_226",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_1u4y0_244",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_1u4y0_247",
+  "items-list-container": "awsui_items-list-container_16mm3_1u4y0_255",
+  "in-dropdown": "awsui_in-dropdown_16mm3_1u4y0_264",
+  "icon-wrapper": "awsui_icon-wrapper_16mm3_1u4y0_268",
+  "header-content": "awsui_header-content_16mm3_1u4y0_272"
 };

package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css CHANGED Viewed

@@ -142,11 +142,11 @@
 */
 /* 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_header_16mm3_1bmod_145:not(#\9) {
+.awsui_header_16mm3_1u4y0_145:not(#\9) {
   position: relative;
   margin-block: 0;
   margin-inline: 0;
-  color: var(--color-text-dropdown-group-label-7pa4nd, #545b64);
+  color: var(--color-text-dropdown-group-label-m31yo5, #545b64);
   border-block: var(--border-divider-list-width-8ggz94, 1px) solid transparent;
   border-inline: var(--border-divider-list-width-8ggz94, 1px) solid transparent;
   border-inline-width: 0;
@@ -158,25 +158,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: calc(var(--space-button-horizontal-v8ywmo, 20px) + var(--border-item-width-acvlhx, 1px));
   z-index: 1;
 }
-.awsui_header_16mm3_1bmod_145.awsui_disabled_16mm3_1bmod_161:not(#\9) {
+.awsui_header_16mm3_1u4y0_145.awsui_disabled_16mm3_1u4y0_161:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
   cursor: default;
 }
-.awsui_header_16mm3_1bmod_145.awsui_expandable-header_16mm3_1bmod_165:not(#\9) {
+.awsui_header_16mm3_1u4y0_145.awsui_expandable-header_16mm3_1u4y0_165:not(#\9) {
   border-block-start-color: var(--color-border-dropdown-group-dg9zg5, #eaeded);
   border-block-end-color: var(--color-border-dropdown-group-dg9zg5, #eaeded);
   cursor: pointer;
 }
-.awsui_header_16mm3_1bmod_145.awsui_expandable-header_16mm3_1bmod_165.awsui_disabled_16mm3_1bmod_161:not(#\9) {
+.awsui_header_16mm3_1u4y0_145.awsui_expandable-header_16mm3_1u4y0_165.awsui_disabled_16mm3_1u4y0_161:not(#\9) {
   cursor: default;
 }
-.awsui_header_16mm3_1bmod_145.awsui_expandable-header_16mm3_1bmod_165:not(#\9):focus {
+.awsui_header_16mm3_1u4y0_145.awsui_expandable-header_16mm3_1u4y0_165:not(#\9):focus {
   outline: none;
 }
-.awsui_header_16mm3_1bmod_145.awsui_expandable-header_16mm3_1bmod_165.awsui_rolled-down_16mm3_1bmod_176:not(#\9) {
+.awsui_header_16mm3_1u4y0_145.awsui_expandable-header_16mm3_1u4y0_165.awsui_rolled-down_16mm3_1u4y0_176:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header_16mm3_1bmod_145.awsui_expandable-header_16mm3_1bmod_165.awsui_highlighted_16mm3_1bmod_179:not(#\9) {
+.awsui_header_16mm3_1u4y0_145.awsui_expandable-header_16mm3_1u4y0_165.awsui_highlighted_16mm3_1u4y0_179:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
   color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
   padding-block: var(--space-xxs-jnczic, 4px);
@@ -189,41 +189,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-item-xggxkd, 0px);
   z-index: 2;
 }
-.awsui_header_16mm3_1bmod_145.awsui_expandable-header_16mm3_1bmod_165.awsui_highlighted_16mm3_1bmod_179.awsui_disabled_16mm3_1bmod_161:not(#\9) {
+.awsui_header_16mm3_1u4y0_145.awsui_expandable-header_16mm3_1u4y0_165.awsui_highlighted_16mm3_1u4y0_179.awsui_disabled_16mm3_1u4y0_161:not(#\9) {
   background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
   border-color: var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
   color: var(--color-text-dropdown-item-dimmed-0xf8v3, #aab7b8);
 }
-.awsui_header_16mm3_1bmod_145.awsui_expandable-header_16mm3_1bmod_165.awsui_highlighted_16mm3_1bmod_179.awsui_is-focused_16mm3_1bmod_197:not(#\9) {
+.awsui_header_16mm3_1u4y0_145.awsui_expandable-header_16mm3_1u4y0_165.awsui_highlighted_16mm3_1u4y0_179.awsui_is-focused_16mm3_1u4y0_197:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_header_16mm3_1bmod_145.awsui_expandable-header_16mm3_1bmod_165.awsui_highlighted_16mm3_1bmod_179.awsui_is-focused_16mm3_1bmod_197:not(#\9):not(.awsui_visual-refresh_16mm3_1bmod_200) {
+.awsui_header_16mm3_1u4y0_145.awsui_expandable-header_16mm3_1u4y0_165.awsui_highlighted_16mm3_1u4y0_179.awsui_is-focused_16mm3_1u4y0_197:not(#\9):not(.awsui_visual-refresh_16mm3_1u4y0_200) {
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_category_16mm3_1bmod_204:not(#\9) {
+.awsui_category_16mm3_1u4y0_204:not(#\9) {
   list-style: none;
   margin-block-start: calc(-1 * var(--border-divider-list-width-8ggz94, 1px));
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_category_16mm3_1bmod_204:not(#\9):first-child {
+.awsui_category_16mm3_1u4y0_204:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_category_16mm3_1bmod_204.awsui_expandable_16mm3_1bmod_165:not(#\9) {
+.awsui_category_16mm3_1u4y0_204.awsui_expandable_16mm3_1u4y0_165:not(#\9) {
   border-block-start: 0;
 }
-.awsui_category_16mm3_1bmod_204:not(#\9):last-child {
+.awsui_category_16mm3_1u4y0_204:not(#\9):last-child {
   border-block-end: none;
 }
-.awsui_category_16mm3_1bmod_204.awsui_variant-navigation_16mm3_1bmod_219:not(#\9) {
+.awsui_category_16mm3_1u4y0_204.awsui_variant-navigation_16mm3_1u4y0_219:not(#\9) {
   padding-block-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_category_16mm3_1bmod_204.awsui_variant-navigation_16mm3_1bmod_219.awsui_expandable_16mm3_1bmod_165:not(#\9) {
+.awsui_category_16mm3_1u4y0_204.awsui_variant-navigation_16mm3_1u4y0_219.awsui_expandable_16mm3_1u4y0_165:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_expand-icon_16mm3_1bmod_226:not(#\9) {
+.awsui_expand-icon_16mm3_1u4y0_226:not(#\9) {
   position: relative;
   inset-inline-end: calc(-1 * var(--space-s-4a5hs8, 12px));
   inline-size: var(--space-m-n2lypl, 16px);
@@ -232,27 +232,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition: transform var(--motion-duration-rotate-180-4er9qu, 135ms) var(--motion-easing-rotate-180-xlspcm, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_expand-icon_16mm3_1bmod_226:not(#\9) {
+  .awsui_expand-icon_16mm3_1u4y0_226:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_expand-icon_16mm3_1bmod_226:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_1bmod_226:not(#\9) {
+.awsui-motion-disabled .awsui_expand-icon_16mm3_1u4y0_226:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_1u4y0_226:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_expand-icon-up_16mm3_1bmod_244:not(#\9) {
+.awsui_expand-icon-up_16mm3_1u4y0_244:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_expand-icon-right_16mm3_1bmod_247:not(#\9) {
+.awsui_expand-icon-right_16mm3_1u4y0_247:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_expand-icon-right_16mm3_1bmod_247:not(#\9):dir(rtl) {
+.awsui_expand-icon-right_16mm3_1u4y0_247:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_items-list-container_16mm3_1bmod_255:not(#\9) {
+.awsui_items-list-container_16mm3_1u4y0_255:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block-start: -1px;
@@ -261,15 +261,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
 }
-.awsui_in-dropdown_16mm3_1bmod_264:not(#\9) {
+.awsui_in-dropdown_16mm3_1u4y0_264:not(#\9) {
   margin-block-end: -1px;
 }
-.awsui_icon-wrapper_16mm3_1bmod_268:not(#\9) {
+.awsui_icon-wrapper_16mm3_1u4y0_268:not(#\9) {
   margin-inline-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_header-content_16mm3_1bmod_272:not(#\9) {
+.awsui_header-content_16mm3_1u4y0_272:not(#\9) {
   display: flex;
   align-items: center;
 }

package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js CHANGED Viewed

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header": "awsui_header_16mm3_1bmod_145",
-  "disabled": "awsui_disabled_16mm3_1bmod_161",
-  "expandable-header": "awsui_expandable-header_16mm3_1bmod_165",
-  "rolled-down": "awsui_rolled-down_16mm3_1bmod_176",
-  "highlighted": "awsui_highlighted_16mm3_1bmod_179",
-  "is-focused": "awsui_is-focused_16mm3_1bmod_197",
-  "visual-refresh": "awsui_visual-refresh_16mm3_1bmod_200",
-  "category": "awsui_category_16mm3_1bmod_204",
-  "expandable": "awsui_expandable_16mm3_1bmod_165",
-  "variant-navigation": "awsui_variant-navigation_16mm3_1bmod_219",
-  "expand-icon": "awsui_expand-icon_16mm3_1bmod_226",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_1bmod_244",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_1bmod_247",
-  "items-list-container": "awsui_items-list-container_16mm3_1bmod_255",
-  "in-dropdown": "awsui_in-dropdown_16mm3_1bmod_264",
-  "icon-wrapper": "awsui_icon-wrapper_16mm3_1bmod_268",
-  "header-content": "awsui_header-content_16mm3_1bmod_272"
+  "header": "awsui_header_16mm3_1u4y0_145",
+  "disabled": "awsui_disabled_16mm3_1u4y0_161",
+  "expandable-header": "awsui_expandable-header_16mm3_1u4y0_165",
+  "rolled-down": "awsui_rolled-down_16mm3_1u4y0_176",
+  "highlighted": "awsui_highlighted_16mm3_1u4y0_179",
+  "is-focused": "awsui_is-focused_16mm3_1u4y0_197",
+  "visual-refresh": "awsui_visual-refresh_16mm3_1u4y0_200",
+  "category": "awsui_category_16mm3_1u4y0_204",
+  "expandable": "awsui_expandable_16mm3_1u4y0_165",
+  "variant-navigation": "awsui_variant-navigation_16mm3_1u4y0_219",
+  "expand-icon": "awsui_expand-icon_16mm3_1u4y0_226",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_1u4y0_244",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_1u4y0_247",
+  "items-list-container": "awsui_items-list-container_16mm3_1u4y0_255",
+  "in-dropdown": "awsui_in-dropdown_16mm3_1u4y0_264",
+  "icon-wrapper": "awsui_icon-wrapper_16mm3_1u4y0_268",
+  "header-content": "awsui_header-content_16mm3_1u4y0_272"
 };

package/lib/internal/template/button-dropdown/item-element/styles.css.js CHANGED Viewed

@@ -1,25 +1,25 @@
     import './styles.scoped.css';
     export default {
-  "item-element": "awsui_item-element_93a1u_1c0wn_145",
-  "disabled": "awsui_disabled_93a1u_1c0wn_157",
-  "show-divider": "awsui_show-divider_93a1u_1c0wn_164",
-  "highlighted": "awsui_highlighted_93a1u_1c0wn_167",
-  "is-focused": "awsui_is-focused_93a1u_1c0wn_182",
-  "visual-refresh": "awsui_visual-refresh_93a1u_1c0wn_185",
-  "menu-item": "awsui_menu-item_93a1u_1c0wn_189",
-  "link-style": "awsui_link-style_93a1u_1c0wn_201",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_1c0wn_237",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_1c0wn_245",
-  "has-category-header": "awsui_has-category-header_93a1u_1c0wn_251",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1c0wn_251",
-  "has-checkmark": "awsui_has-checkmark_93a1u_1c0wn_251",
-  "icon": "awsui_icon_93a1u_1c0wn_255",
-  "checkmark": "awsui_checkmark_93a1u_1c0wn_259",
-  "external-icon": "awsui_external-icon_93a1u_1c0wn_266",
-  "content-wrapper": "awsui_content-wrapper_93a1u_1c0wn_270",
-  "main-row": "awsui_main-row_93a1u_1c0wn_276",
-  "label-tag": "awsui_label-tag_93a1u_1c0wn_283",
-  "secondary-text": "awsui_secondary-text_93a1u_1c0wn_290"
+  "item-element": "awsui_item-element_93a1u_cgdh4_145",
+  "disabled": "awsui_disabled_93a1u_cgdh4_157",
+  "show-divider": "awsui_show-divider_93a1u_cgdh4_164",
+  "highlighted": "awsui_highlighted_93a1u_cgdh4_167",
+  "is-focused": "awsui_is-focused_93a1u_cgdh4_182",
+  "visual-refresh": "awsui_visual-refresh_93a1u_cgdh4_185",
+  "menu-item": "awsui_menu-item_93a1u_cgdh4_189",
+  "link-style": "awsui_link-style_93a1u_cgdh4_201",
+  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_cgdh4_237",
+  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_cgdh4_245",
+  "has-category-header": "awsui_has-category-header_93a1u_cgdh4_251",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_cgdh4_251",
+  "has-checkmark": "awsui_has-checkmark_93a1u_cgdh4_251",
+  "icon": "awsui_icon_93a1u_cgdh4_255",
+  "checkmark": "awsui_checkmark_93a1u_cgdh4_259",
+  "external-icon": "awsui_external-icon_93a1u_cgdh4_266",
+  "content-wrapper": "awsui_content-wrapper_93a1u_cgdh4_270",
+  "main-row": "awsui_main-row_93a1u_cgdh4_276",
+  "label-tag": "awsui_label-tag_93a1u_cgdh4_283",
+  "secondary-text": "awsui_secondary-text_93a1u_cgdh4_290"
 };

package/lib/internal/template/button-dropdown/item-element/styles.scoped.css CHANGED Viewed

@@ -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_item-element_93a1u_1c0wn_145:not(#\9) {
+.awsui_item-element_93a1u_cgdh4_145:not(#\9) {
   position: relative;
   z-index: 1;
   border-block: var(--border-item-width-acvlhx, 1px) solid transparent;
@@ -154,17 +154,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: calc(-1 * var(--border-width-dropdown-qic2p4, 1px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_1c0wn_145.awsui_disabled_93a1u_1c0wn_157:not(#\9) {
+.awsui_item-element_93a1u_cgdh4_145.awsui_disabled_93a1u_cgdh4_157:not(#\9) {
   cursor: default;
   color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
 }
-.awsui_item-element_93a1u_1c0wn_145:not(#\9):first-child {
+.awsui_item-element_93a1u_cgdh4_145:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_item-element_93a1u_1c0wn_145.awsui_show-divider_93a1u_1c0wn_164:not(#\9) {
+.awsui_item-element_93a1u_cgdh4_145.awsui_show-divider_93a1u_cgdh4_164:not(#\9) {
   border-block-end: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
 }
-.awsui_item-element_93a1u_1c0wn_145.awsui_highlighted_93a1u_1c0wn_167:not(#\9) {
+.awsui_item-element_93a1u_cgdh4_145.awsui_highlighted_93a1u_cgdh4_167:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
   z-index: 2;
   background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
@@ -174,19 +174,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
   border-end-end-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_item-element_93a1u_1c0wn_145.awsui_highlighted_93a1u_1c0wn_167.awsui_disabled_93a1u_1c0wn_157:not(#\9) {
+.awsui_item-element_93a1u_cgdh4_145.awsui_highlighted_93a1u_cgdh4_167.awsui_disabled_93a1u_cgdh4_157:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-0xf8v3, #aab7b8);
   border-color: var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
 }
-.awsui_item-element_93a1u_1c0wn_145.awsui_highlighted_93a1u_1c0wn_167.awsui_is-focused_93a1u_1c0wn_182:not(#\9) {
+.awsui_item-element_93a1u_cgdh4_145.awsui_highlighted_93a1u_cgdh4_167.awsui_is-focused_93a1u_cgdh4_182:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_item-element_93a1u_1c0wn_145.awsui_highlighted_93a1u_1c0wn_167.awsui_is-focused_93a1u_1c0wn_182:not(#\9):not(.awsui_visual-refresh_93a1u_1c0wn_185) {
+.awsui_item-element_93a1u_cgdh4_145.awsui_highlighted_93a1u_cgdh4_167.awsui_is-focused_93a1u_cgdh4_182:not(#\9):not(.awsui_visual-refresh_93a1u_cgdh4_185) {
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_menu-item_93a1u_1c0wn_189:not(#\9) {
+.awsui_menu-item_93a1u_cgdh4_189:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: flex;
@@ -198,11 +198,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9) {
+.awsui_menu-item_93a1u_cgdh4_189.awsui_link-style_93a1u_cgdh4_201:not(#\9) {
   padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px));
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -213,30 +213,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9) {
+  .awsui_menu-item_93a1u_cgdh4_189.awsui_link-style_93a1u_cgdh4_201:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9) {
+.awsui-motion-disabled .awsui_menu-item_93a1u_cgdh4_189.awsui_link-style_93a1u_cgdh4_201:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_cgdh4_189.awsui_link-style_93a1u_cgdh4_201:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9):hover {
+.awsui_menu-item_93a1u_cgdh4_189.awsui_link-style_93a1u_cgdh4_201:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9):focus {
+.awsui_menu-item_93a1u_cgdh4_189.awsui_link-style_93a1u_cgdh4_201:not(#\9):focus {
   outline: none;
 }
-.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9):active {
-  color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_menu-item_93a1u_cgdh4_189.awsui_link-style_93a1u_cgdh4_201:not(#\9):active {
+  color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9):active, .awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9):focus, .awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9):hover {
+.awsui_menu-item_93a1u_cgdh4_189.awsui_link-style_93a1u_cgdh4_201:not(#\9):active, .awsui_menu-item_93a1u_cgdh4_189.awsui_link-style_93a1u_cgdh4_201:not(#\9):focus, .awsui_menu-item_93a1u_cgdh4_189.awsui_link-style_93a1u_cgdh4_201:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201.awsui_current-breadcrumb_93a1u_1c0wn_237:not(#\9) {
+.awsui_menu-item_93a1u_cgdh4_189.awsui_link-style_93a1u_cgdh4_201.awsui_current-breadcrumb_93a1u_cgdh4_237:not(#\9) {
   font-weight: var(--font-weight-button-hh0ago, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
@@ -244,60 +244,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 700;
   text-decoration: none;
 }
-.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201.awsui_link-style-highlighted_93a1u_1c0wn_245:not(#\9) {
-  color: var(--color-text-link-hover-tk5gkv, #0a4a74);
+.awsui_menu-item_93a1u_cgdh4_189.awsui_link-style_93a1u_cgdh4_201.awsui_link-style-highlighted_93a1u_cgdh4_245:not(#\9) {
+  color: var(--color-text-link-hover-pqxtsy, #0a4a74);
 }
-.awsui_menu-item_93a1u_1c0wn_189:not(#\9):focus {
+.awsui_menu-item_93a1u_cgdh4_189:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_1c0wn_251 > .awsui_menu-item_93a1u_1c0wn_189:not(#\9), .awsui_has-category-header_93a1u_1c0wn_251 > .awsui_item-tooltip-wrapper_93a1u_1c0wn_251 > .awsui_menu-item_93a1u_1c0wn_189:not(#\9), .awsui_has-category-header_93a1u_1c0wn_251:not(#\9):not(.awsui_has-checkmark_93a1u_1c0wn_251) > span > .awsui_menu-item_93a1u_1c0wn_189 {
+.awsui_has-category-header_93a1u_cgdh4_251 > .awsui_menu-item_93a1u_cgdh4_189:not(#\9), .awsui_has-category-header_93a1u_cgdh4_251 > .awsui_item-tooltip-wrapper_93a1u_cgdh4_251 > .awsui_menu-item_93a1u_cgdh4_189:not(#\9), .awsui_has-category-header_93a1u_cgdh4_251:not(#\9):not(.awsui_has-checkmark_93a1u_cgdh4_251) > span > .awsui_menu-item_93a1u_cgdh4_189 {
   padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-l-3cws6j, 20px));
 }
-.awsui_icon_93a1u_1c0wn_255:not(#\9) {
+.awsui_icon_93a1u_cgdh4_255:not(#\9) {
   padding-inline-end: var(--space-xxs-jnczic, 4px);
   flex-shrink: 0;
 }
-.awsui_icon_93a1u_1c0wn_255.awsui_checkmark_93a1u_1c0wn_259:not(#\9) {
+.awsui_icon_93a1u_cgdh4_255.awsui_checkmark_93a1u_cgdh4_259:not(#\9) {
   color: var(--color-item-selected-2dv7ug, #0073bb);
 }
-.awsui_icon_93a1u_1c0wn_255.awsui_disabled_93a1u_1c0wn_157:not(#\9) {
+.awsui_icon_93a1u_cgdh4_255.awsui_disabled_93a1u_cgdh4_157:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_external-icon_93a1u_1c0wn_266:not(#\9) {
+.awsui_external-icon_93a1u_cgdh4_266:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_content-wrapper_93a1u_1c0wn_270:not(#\9) {
+.awsui_content-wrapper_93a1u_cgdh4_270:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.awsui_main-row_93a1u_1c0wn_276:not(#\9) {
+.awsui_main-row_93a1u_cgdh4_276:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--space-s-4a5hs8, 12px);
 }
-.awsui_label-tag_93a1u_1c0wn_283:not(#\9) {
+.awsui_label-tag_93a1u_cgdh4_283:not(#\9) {
   color: var(--color-text-body-default-5qid0u, #16191f);
 }
-.awsui_label-tag_93a1u_1c0wn_283.awsui_disabled_93a1u_1c0wn_157:not(#\9) {
+.awsui_label-tag_93a1u_cgdh4_283.awsui_disabled_93a1u_cgdh4_157:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_secondary-text_93a1u_1c0wn_290:not(#\9) {
+.awsui_secondary-text_93a1u_cgdh4_290:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   color: var(--color-text-dropdown-item-secondary-fi0yxi, #687078);
 }
-.awsui_secondary-text_93a1u_1c0wn_290.awsui_highlighted_93a1u_1c0wn_167:not(#\9) {
+.awsui_secondary-text_93a1u_cgdh4_290.awsui_highlighted_93a1u_cgdh4_167:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
 }
-.awsui_secondary-text_93a1u_1c0wn_290.awsui_disabled_93a1u_1c0wn_157:not(#\9) {
+.awsui_secondary-text_93a1u_cgdh4_290.awsui_disabled_93a1u_cgdh4_157:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }

package/lib/internal/template/button-dropdown/item-element/styles.selectors.js CHANGED Viewed

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "item-element": "awsui_item-element_93a1u_1c0wn_145",
-  "disabled": "awsui_disabled_93a1u_1c0wn_157",
-  "show-divider": "awsui_show-divider_93a1u_1c0wn_164",
-  "highlighted": "awsui_highlighted_93a1u_1c0wn_167",
-  "is-focused": "awsui_is-focused_93a1u_1c0wn_182",
-  "visual-refresh": "awsui_visual-refresh_93a1u_1c0wn_185",
-  "menu-item": "awsui_menu-item_93a1u_1c0wn_189",
-  "link-style": "awsui_link-style_93a1u_1c0wn_201",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_1c0wn_237",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_1c0wn_245",
-  "has-category-header": "awsui_has-category-header_93a1u_1c0wn_251",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1c0wn_251",
-  "has-checkmark": "awsui_has-checkmark_93a1u_1c0wn_251",
-  "icon": "awsui_icon_93a1u_1c0wn_255",
-  "checkmark": "awsui_checkmark_93a1u_1c0wn_259",
-  "external-icon": "awsui_external-icon_93a1u_1c0wn_266",
-  "content-wrapper": "awsui_content-wrapper_93a1u_1c0wn_270",
-  "main-row": "awsui_main-row_93a1u_1c0wn_276",
-  "label-tag": "awsui_label-tag_93a1u_1c0wn_283",
-  "secondary-text": "awsui_secondary-text_93a1u_1c0wn_290"
+  "item-element": "awsui_item-element_93a1u_cgdh4_145",
+  "disabled": "awsui_disabled_93a1u_cgdh4_157",
+  "show-divider": "awsui_show-divider_93a1u_cgdh4_164",
+  "highlighted": "awsui_highlighted_93a1u_cgdh4_167",
+  "is-focused": "awsui_is-focused_93a1u_cgdh4_182",
+  "visual-refresh": "awsui_visual-refresh_93a1u_cgdh4_185",
+  "menu-item": "awsui_menu-item_93a1u_cgdh4_189",
+  "link-style": "awsui_link-style_93a1u_cgdh4_201",
+  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_cgdh4_237",
+  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_cgdh4_245",
+  "has-category-header": "awsui_has-category-header_93a1u_cgdh4_251",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_cgdh4_251",
+  "has-checkmark": "awsui_has-checkmark_93a1u_cgdh4_251",
+  "icon": "awsui_icon_93a1u_cgdh4_255",
+  "checkmark": "awsui_checkmark_93a1u_cgdh4_259",
+  "external-icon": "awsui_external-icon_93a1u_cgdh4_266",
+  "content-wrapper": "awsui_content-wrapper_93a1u_cgdh4_270",
+  "main-row": "awsui_main-row_93a1u_cgdh4_276",
+  "label-tag": "awsui_label-tag_93a1u_cgdh4_283",
+  "secondary-text": "awsui_secondary-text_93a1u_cgdh4_290"
 };

package/lib/internal/template/button-group/interfaces.d.ts CHANGED Viewed

@@ -106,6 +106,15 @@ export interface InternalIconButton extends ButtonGroupProps.IconButton {
 export interface InternalIconToggleButton extends ButtonGroupProps.IconToggleButton {
     analyticsAction?: string;
 }
+export interface IconButtonRuntime extends Omit<ButtonGroupProps.IconButton, 'iconSvg' | 'popoverFeedback'> {
+    iconSvg?: string;
+}
+export interface IconToggleButtonRuntime extends Omit<ButtonGroupProps.IconToggleButton, 'iconSvg' | 'pressedIconSvg' | 'popoverFeedback' | 'pressedPopoverFeedback'> {
+    iconSvg?: string;
+    pressedIconSvg?: string;
+}
+export type ItemOrGroupRuntime = ItemRuntime | ButtonGroupProps.Group;
+export type ItemRuntime = IconButtonRuntime | IconToggleButtonRuntime | ButtonGroupProps.IconFileInput | ButtonGroupProps.MenuDropdown;
 export type InternalItemOrGroup = InternalItem | ButtonGroupProps.Group;
 export type InternalItem = InternalIconButton | InternalIconToggleButton | ButtonGroupProps.IconFileInput | ButtonGroupProps.MenuDropdown;
 export interface InternalButtonGroupProps extends SomeRequired<ButtonGroupProps, 'dropdownExpandToViewport'>, InternalBaseComponentProps {

package/lib/internal/template/button-group/interfaces.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/button-group/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC;IAClC;;;;;;;;;;;;OAYG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwDG;IACH,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC3E;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAC/E;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;CAChC;AAED,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB,CAAC,UAAU;IACrE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,CAAC,gBAAgB;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC;AACxE,MAAM,MAAM,YAAY,GACpB,kBAAkB,GAClB,wBAAwB,GACxB,gBAAgB,CAAC,aAAa,GAC9B,gBAAgB,CAAC,YAAY,CAAC;AAElC,MAAM,WAAW,wBACf,SAAQ,YAAY,CAAC,gBAAgB,EAAE,0BAA0B,CAAC,EAChE,0BAA0B;IAC5B,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;IAC/B,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;CAC3C;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,OAAO,GAAG,MAAM,CAAC;IAE7B,KAAY,WAAW,GAAG,IAAI,GAAG,KAAK,CAAC;IACvC,KAAY,IAAI,GAAG,UAAU,GAAG,gBAAgB,GAAG,aAAa,GAAG,YAAY,CAAC;IAEhF,UAAiB,UAAU;QACzB,IAAI,EAAE,aAAa,CAAC;QACpB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACnC;IAED,UAAiB,gBAAgB;QAC/B,IAAI,EAAE,oBAAoB,CAAC;QAC3B,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,eAAe,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QACjC,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACjC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAClC,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC1C;IAED,UAAiB,aAAa;QAC5B,IAAI,EAAE,iBAAiB,CAAC;QACxB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,IAAI,EAAE,eAAe,CAAC;QACtB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;KACvD;IAED,UAAiB,KAAK;QACpB,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;KAC7C;IAED,UAAiB,gBAAgB;QAC/B,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB;IAED,UAAiB,kBAAkB;QACjC,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,IAAI,EAAE,CAAC;KACf;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;KAC7B;IACD,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;YACvB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;QACF,IAAI,CAAC,EAAE;YACL,KAAK,CAAC,EAAE;gBACN,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;CACF"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/button-group/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC;IAClC;;;;;;;;;;;;OAYG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwDG;IACH,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC3E;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAC/E;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;CAChC;AAED,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB,CAAC,UAAU;IACrE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,CAAC,gBAAgB;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACzG,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,gBAAgB,CAAC,gBAAgB,EACjC,SAAS,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,wBAAwB,CAC5E;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AACD,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,gBAAgB,CAAC,KAAK,CAAC;AACtE,MAAM,MAAM,WAAW,GACnB,iBAAiB,GACjB,uBAAuB,GACvB,gBAAgB,CAAC,aAAa,GAC9B,gBAAgB,CAAC,YAAY,CAAC;AAElC,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC;AACxE,MAAM,MAAM,YAAY,GACpB,kBAAkB,GAClB,wBAAwB,GACxB,gBAAgB,CAAC,aAAa,GAC9B,gBAAgB,CAAC,YAAY,CAAC;AAElC,MAAM,WAAW,wBACf,SAAQ,YAAY,CAAC,gBAAgB,EAAE,0BAA0B,CAAC,EAChE,0BAA0B;IAC5B,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;IAC/B,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;CAC3C;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,OAAO,GAAG,MAAM,CAAC;IAE7B,KAAY,WAAW,GAAG,IAAI,GAAG,KAAK,CAAC;IACvC,KAAY,IAAI,GAAG,UAAU,GAAG,gBAAgB,GAAG,aAAa,GAAG,YAAY,CAAC;IAEhF,UAAiB,UAAU;QACzB,IAAI,EAAE,aAAa,CAAC;QACpB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACnC;IAED,UAAiB,gBAAgB;QAC/B,IAAI,EAAE,oBAAoB,CAAC;QAC3B,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,eAAe,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QACjC,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACjC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAClC,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC1C;IAED,UAAiB,aAAa;QAC5B,IAAI,EAAE,iBAAiB,CAAC;QACxB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,IAAI,EAAE,eAAe,CAAC;QACtB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;KACvD;IAED,UAAiB,KAAK;QACpB,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;KAC7C;IAED,UAAiB,gBAAgB;QAC/B,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB;IAED,UAAiB,kBAAkB;QACjC,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,IAAI,EAAE,CAAC;KACf;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;KAC7B;IACD,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;YACvB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;QACF,IAAI,CAAC,EAAE;YACL,KAAK,CAAC,EAAE;gBACN,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;CACF"}

package/lib/internal/template/button-group/interfaces.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/button-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 { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\n\nexport interface ButtonGroupProps extends BaseComponentProps {\n /*\n Adds `aria-label` to the button group toolbar element.\n * Use this to provide a unique accessible name for each button group on the page.\n /\n ariaLabel?: string;\n /\n Determines the general styling of the button dropdown.\n * * `icon` for icon buttons.\n /\n variant: ButtonGroupProps.Variant;\n /\n Use this property to determine dropdown placement strategy for all menu dropdown items.\n \n By default, the dropdown height is constrained to fit inside the height of its next scrollable container element.\n * Enabling this property will allow the dropdown to extend beyond that container by using fixed positioning and\n * [React Portals](https://reactjs.org/docs/portals.html).\n \n Set this property if the dropdown would otherwise be constrained by a scrollable container,\n * for example inside table and split view layouts.\n \n We recommend you use discretion, and don't enable this property unless necessary\n * because fixed positioning results in a slight, visible lag when scrolling complex pages.\n /\n dropdownExpandToViewport?: boolean;\n /\n Array of objects with a number of supported types.\n \n ### icon-button\n \n * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.\n * * `text` (string) - The name shown as a tooltip for this button.\n * * `disabled` (optional, boolean) - The disabled state indication for this button.\n * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.\n * * `loading` (optional, boolean) - The loading state indication for this button.\n * * `loadingText` (optional, string) - The loading text announced to screen readers.\n * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).\n * * `iconAlt` (optional, string) - Specifies alternate text for the icon when using `iconUrl`.\n * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.\n * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `popoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button. Use to provide feedback to the user.\n \n ### icon-toggle-button\n \n * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.\n * * `pressed` (boolean) - The toggle button pressed state.\n * * `text` (string) - The name shown as a tooltip for this button.\n * * `disabled` (optional, boolean) - The disabled state indication for this button.\n * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.\n * * `loading` (optional, boolean) - The loading state indication for this button.\n * * `loadingText` (optional, string) - The loading text announced to screen readers.\n * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).\n * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.\n * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `pressedIconName` (optional, string) - Specifies the name of the icon in pressed state, used with the [icon component](/components/icon/).\n * * `pressedIconUrl` (optional, string) - Specifies the URL of a custom icon in pressed state.\n * * `pressedIconSvg` (optional, ReactNode) - Custom SVG icon in pressed state. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `popoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button. Use to provide feedback to the user.\n * * `pressedPopoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button in pressed state. Defaults to `popoverFeedback`.\n \n * ### file-input\n \n * `id` (string) - The unique identifier of the button, used as detail in `onFilesChange`.\n * * `text` (string) - The name of the menu button shown as a tooltip.\n * * `accept` (optional, string) - Specifies the native file input `accept` attribute to describe the allow-list of file types.\n * * `multiple` (optional, string) - Specifies the native file input `multiple` attribute to allow users entering more than one file.\n \n ### menu-dropdown\n \n * `id` (string) - The unique identifier of the button, used as detail in `onItemClick`.\n * * `text` (string) - The name of the menu button shown as a tooltip.\n * * `disabled` (optional, boolean) - The disabled state indication for the menu button.\n * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.\n * * `loading` (optional, boolean) - The loading state indication for the menu button.\n * * `loadingText` (optional, string) - The loading text announced to screen readers.\n * * `items` (ButtonDropdownProps.ItemOrGroup[]) - The array of dropdown items that belong to this menu.\n \n ### group\n \n * `text` (string) - The name of the group rendered as ARIA label for this group.\n * * `items` ((ButtonGroupProps.IconButton \| ButtonGroupProps.MenuDropdown)[]) - The array of items that belong to this group.\n /\n items: ReadonlyArray<ButtonGroupProps.ItemOrGroup>;\n /\n Called when the user clicks on an item, and the item is not disabled. The event detail object contains the id of the clicked item.\n /\n onItemClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n /\n Called when the user uploads files. The event detail object contains the id and files from the file input item.\n /\n onFilesChange?: NonCancelableEventHandler<ButtonGroupProps.FilesChangeDetails>;\n /\n @awsuiSystem core\n /\n style?: ButtonGroupProps.Style;\n}\n\nexport interface InternalIconButton extends ButtonGroupProps.IconButton {\n analyticsAction?: string;\n}\nexport interface InternalIconToggleButton extends ButtonGroupProps.IconToggleButton {\n analyticsAction?: string;\n}\n\nexport type InternalItemOrGroup = InternalItem \| ButtonGroupProps.Group;\nexport type InternalItem =\n \| InternalIconButton\n \| InternalIconToggleButton\n \| ButtonGroupProps.IconFileInput\n \| ButtonGroupProps.MenuDropdown;\n\nexport interface InternalButtonGroupProps\n extends SomeRequired<ButtonGroupProps, 'dropdownExpandToViewport'>,\n InternalBaseComponentProps {\n style?: ButtonGroupProps.Style;\n items: ReadonlyArray<InternalItemOrGroup>;\n}\n\nexport namespace ButtonGroupProps {\n export type Variant = 'icon';\n\n export type ItemOrGroup = Item \| Group;\n export type Item = IconButton \| IconToggleButton \| IconFileInput \| MenuDropdown;\n\n export interface IconButton {\n type: 'icon-button';\n id: string;\n text: string;\n disabled?: boolean;\n disabledReason?: string;\n loading?: boolean;\n loadingText?: string;\n iconName?: IconProps.Name;\n iconAlt?: string;\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n popoverFeedback?: React.ReactNode;\n }\n\n export interface IconToggleButton {\n type: 'icon-toggle-button';\n id: string;\n text: string;\n pressed: boolean;\n disabled?: boolean;\n disabledReason?: string;\n loading?: boolean;\n loadingText?: string;\n iconName?: IconProps.Name;\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n pressedIconName?: IconProps.Name;\n pressedIconUrl?: string;\n pressedIconSvg?: React.ReactNode;\n popoverFeedback?: React.ReactNode;\n pressedPopoverFeedback?: React.ReactNode;\n }\n\n export interface IconFileInput {\n type: 'icon-file-input';\n id: string;\n text: string;\n accept?: string;\n multiple?: boolean;\n }\n\n export interface MenuDropdown {\n type: 'menu-dropdown';\n id: string;\n text: string;\n disabled?: boolean;\n disabledReason?: string;\n loading?: boolean;\n loadingText?: string;\n items: ReadonlyArray<ButtonDropdownProps.ItemOrGroup>;\n }\n\n export interface Group {\n type: 'group';\n text: string;\n items: ReadonlyArray<ButtonGroupProps.Item>;\n }\n\n export interface ItemClickDetails {\n id: string;\n pressed?: boolean;\n checked?: boolean;\n }\n\n export interface FilesChangeDetails {\n id: string;\n files: File[];\n }\n\n export interface Ref {\n /\n Focuses button group item by id.\n */\n focus(itemId: string): void;\n }\n export interface Style {\n root?: {\n background?: string;\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n paddingBlock?: string;\n paddingInline?: string;\n boxShadow?: string;\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n item?: {\n color?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n boxShadow?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n }\n}\n"]}
1	+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/button-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 { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\n\nexport interface ButtonGroupProps extends BaseComponentProps {\n /*\n Adds `aria-label` to the button group toolbar element.\n * Use this to provide a unique accessible name for each button group on the page.\n /\n ariaLabel?: string;\n /\n Determines the general styling of the button dropdown.\n * * `icon` for icon buttons.\n /\n variant: ButtonGroupProps.Variant;\n /\n Use this property to determine dropdown placement strategy for all menu dropdown items.\n \n By default, the dropdown height is constrained to fit inside the height of its next scrollable container element.\n * Enabling this property will allow the dropdown to extend beyond that container by using fixed positioning and\n * [React Portals](https://reactjs.org/docs/portals.html).\n \n Set this property if the dropdown would otherwise be constrained by a scrollable container,\n * for example inside table and split view layouts.\n \n We recommend you use discretion, and don't enable this property unless necessary\n * because fixed positioning results in a slight, visible lag when scrolling complex pages.\n /\n dropdownExpandToViewport?: boolean;\n /\n Array of objects with a number of supported types.\n \n ### icon-button\n \n * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.\n * * `text` (string) - The name shown as a tooltip for this button.\n * * `disabled` (optional, boolean) - The disabled state indication for this button.\n * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.\n * * `loading` (optional, boolean) - The loading state indication for this button.\n * * `loadingText` (optional, string) - The loading text announced to screen readers.\n * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).\n * * `iconAlt` (optional, string) - Specifies alternate text for the icon when using `iconUrl`.\n * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.\n * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `popoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button. Use to provide feedback to the user.\n \n ### icon-toggle-button\n \n * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.\n * * `pressed` (boolean) - The toggle button pressed state.\n * * `text` (string) - The name shown as a tooltip for this button.\n * * `disabled` (optional, boolean) - The disabled state indication for this button.\n * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.\n * * `loading` (optional, boolean) - The loading state indication for this button.\n * * `loadingText` (optional, string) - The loading text announced to screen readers.\n * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).\n * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.\n * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `pressedIconName` (optional, string) - Specifies the name of the icon in pressed state, used with the [icon component](/components/icon/).\n * * `pressedIconUrl` (optional, string) - Specifies the URL of a custom icon in pressed state.\n * * `pressedIconSvg` (optional, ReactNode) - Custom SVG icon in pressed state. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `popoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button. Use to provide feedback to the user.\n * * `pressedPopoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button in pressed state. Defaults to `popoverFeedback`.\n \n * ### file-input\n \n * `id` (string) - The unique identifier of the button, used as detail in `onFilesChange`.\n * * `text` (string) - The name of the menu button shown as a tooltip.\n * * `accept` (optional, string) - Specifies the native file input `accept` attribute to describe the allow-list of file types.\n * * `multiple` (optional, string) - Specifies the native file input `multiple` attribute to allow users entering more than one file.\n \n ### menu-dropdown\n \n * `id` (string) - The unique identifier of the button, used as detail in `onItemClick`.\n * * `text` (string) - The name of the menu button shown as a tooltip.\n * * `disabled` (optional, boolean) - The disabled state indication for the menu button.\n * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.\n * * `loading` (optional, boolean) - The loading state indication for the menu button.\n * * `loadingText` (optional, string) - The loading text announced to screen readers.\n * * `items` (ButtonDropdownProps.ItemOrGroup[]) - The array of dropdown items that belong to this menu.\n \n ### group\n \n * `text` (string) - The name of the group rendered as ARIA label for this group.\n * * `items` ((ButtonGroupProps.IconButton \| ButtonGroupProps.MenuDropdown)[]) - The array of items that belong to this group.\n /\n items: ReadonlyArray<ButtonGroupProps.ItemOrGroup>;\n /\n Called when the user clicks on an item, and the item is not disabled. The event detail object contains the id of the clicked item.\n /\n onItemClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n /\n Called when the user uploads files. The event detail object contains the id and files from the file input item.\n /\n onFilesChange?: NonCancelableEventHandler<ButtonGroupProps.FilesChangeDetails>;\n /\n @awsuiSystem core\n /\n style?: ButtonGroupProps.Style;\n}\n\nexport interface InternalIconButton extends ButtonGroupProps.IconButton {\n analyticsAction?: string;\n}\nexport interface InternalIconToggleButton extends ButtonGroupProps.IconToggleButton {\n analyticsAction?: string;\n}\n\nexport interface IconButtonRuntime extends Omit<ButtonGroupProps.IconButton, 'iconSvg' \| 'popoverFeedback'> {\n iconSvg?: string;\n}\nexport interface IconToggleButtonRuntime\n extends Omit<\n ButtonGroupProps.IconToggleButton,\n 'iconSvg' \| 'pressedIconSvg' \| 'popoverFeedback' \| 'pressedPopoverFeedback'\n > {\n iconSvg?: string;\n pressedIconSvg?: string;\n}\nexport type ItemOrGroupRuntime = ItemRuntime \| ButtonGroupProps.Group;\nexport type ItemRuntime =\n \| IconButtonRuntime\n \| IconToggleButtonRuntime\n \| ButtonGroupProps.IconFileInput\n \| ButtonGroupProps.MenuDropdown;\n\nexport type InternalItemOrGroup = InternalItem \| ButtonGroupProps.Group;\nexport type InternalItem =\n \| InternalIconButton\n \| InternalIconToggleButton\n \| ButtonGroupProps.IconFileInput\n \| ButtonGroupProps.MenuDropdown;\n\nexport interface InternalButtonGroupProps\n extends SomeRequired<ButtonGroupProps, 'dropdownExpandToViewport'>,\n InternalBaseComponentProps {\n style?: ButtonGroupProps.Style;\n items: ReadonlyArray<InternalItemOrGroup>;\n}\n\nexport namespace ButtonGroupProps {\n export type Variant = 'icon';\n\n export type ItemOrGroup = Item \| Group;\n export type Item = IconButton \| IconToggleButton \| IconFileInput \| MenuDropdown;\n\n export interface IconButton {\n type: 'icon-button';\n id: string;\n text: string;\n disabled?: boolean;\n disabledReason?: string;\n loading?: boolean;\n loadingText?: string;\n iconName?: IconProps.Name;\n iconAlt?: string;\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n popoverFeedback?: React.ReactNode;\n }\n\n export interface IconToggleButton {\n type: 'icon-toggle-button';\n id: string;\n text: string;\n pressed: boolean;\n disabled?: boolean;\n disabledReason?: string;\n loading?: boolean;\n loadingText?: string;\n iconName?: IconProps.Name;\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n pressedIconName?: IconProps.Name;\n pressedIconUrl?: string;\n pressedIconSvg?: React.ReactNode;\n popoverFeedback?: React.ReactNode;\n pressedPopoverFeedback?: React.ReactNode;\n }\n\n export interface IconFileInput {\n type: 'icon-file-input';\n id: string;\n text: string;\n accept?: string;\n multiple?: boolean;\n }\n\n export interface MenuDropdown {\n type: 'menu-dropdown';\n id: string;\n text: string;\n disabled?: boolean;\n disabledReason?: string;\n loading?: boolean;\n loadingText?: string;\n items: ReadonlyArray<ButtonDropdownProps.ItemOrGroup>;\n }\n\n export interface Group {\n type: 'group';\n text: string;\n items: ReadonlyArray<ButtonGroupProps.Item>;\n }\n\n export interface ItemClickDetails {\n id: string;\n pressed?: boolean;\n checked?: boolean;\n }\n\n export interface FilesChangeDetails {\n id: string;\n files: File[];\n }\n\n export interface Ref {\n /\n Focuses button group item by id.\n */\n focus(itemId: string): void;\n }\n export interface Style {\n root?: {\n background?: string;\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n paddingBlock?: string;\n paddingInline?: string;\n boxShadow?: string;\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n item?: {\n color?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n boxShadow?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n }\n}\n"]}