@cloudscape-design/components-themeable 3.0.1382 → 3.0.1384

package/lib/internal/template/flashbar/styles.selectors.js

@@ -2,55 +2,55 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_v557b_13",
-  "enter": "awsui_enter_1q84n_v557b_13",
-  "flash-body": "awsui_flash-body_1q84n_v557b_27",
-  "flash-message": "awsui_flash-message_1q84n_v557b_27",
-  "flash-header": "awsui_flash-header_1q84n_v557b_27",
-  "flash-content": "awsui_flash-content_1q84n_v557b_28",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_v557b_29",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_v557b_30",
-  "flash-icon": "awsui_flash-icon_1q84n_v557b_53",
-  "entering": "awsui_entering_1q84n_v557b_66",
-  "entered": "awsui_entered_1q84n_v557b_87",
-  "exiting": "awsui_exiting_1q84n_v557b_192",
-  "stack": "awsui_stack_1q84n_v557b_218",
-  "animation-running": "awsui_animation-running_1q84n_v557b_218",
-  "item": "awsui_item_1q84n_v557b_218",
-  "flash-list-item": "awsui_flash-list-item_1q84n_v557b_219",
-  "notification-bar": "awsui_notification-bar_1q84n_v557b_220",
-  "collapsed": "awsui_collapsed_1q84n_v557b_240",
-  "animation-ready": "awsui_animation-ready_1q84n_v557b_240",
-  "expanded-only": "awsui_expanded-only_1q84n_v557b_240",
-  "expanded": "awsui_expanded_1q84n_v557b_240",
-  "flash": "awsui_flash_1q84n_v557b_13",
-  "collapsible": "awsui_collapsible_1q84n_v557b_296",
-  "short-list": "awsui_short-list_1q84n_v557b_302",
-  "visual-refresh": "awsui_visual-refresh_1q84n_v557b_340",
-  "status": "awsui_status_1q84n_v557b_413",
-  "header": "awsui_header_1q84n_v557b_413",
-  "item-count": "awsui_item-count_1q84n_v557b_414",
-  "button": "awsui_button_1q84n_v557b_415",
-  "type-count": "awsui_type-count_1q84n_v557b_448",
-  "count-number": "awsui_count-number_1q84n_v557b_448",
-  "icon": "awsui_icon_1q84n_v557b_482",
-  "floating": "awsui_floating_1q84n_v557b_523",
-  "flashbar": "awsui_flashbar_1q84n_v557b_527",
-  "initial-hidden": "awsui_initial-hidden_1q84n_v557b_587",
-  "flash-list": "awsui_flash-list_1q84n_v557b_219",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_v557b_611",
-  "flash-text": "awsui_flash-text_1q84n_v557b_641",
-  "hidden": "awsui_hidden_1q84n_v557b_660",
-  "header-replacement": "awsui_header-replacement_1q84n_v557b_665",
-  "content-replacement": "awsui_content-replacement_1q84n_v557b_670",
-  "dismiss-button": "awsui_dismiss-button_1q84n_v557b_30",
-  "action-wrapped": "awsui_action-wrapped_1q84n_v557b_688",
-  "action-button": "awsui_action-button_1q84n_v557b_29",
-  "action-slot": "awsui_action-slot_1q84n_v557b_695",
-  "flash-type-success": "awsui_flash-type-success_1q84n_v557b_699",
-  "flash-type-error": "awsui_flash-type-error_1q84n_v557b_707",
-  "flash-type-info": "awsui_flash-type-info_1q84n_v557b_715",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_v557b_716",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_v557b_725"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1jsn4_13",
+  "enter": "awsui_enter_1q84n_1jsn4_13",
+  "flash-body": "awsui_flash-body_1q84n_1jsn4_27",
+  "flash-message": "awsui_flash-message_1q84n_1jsn4_27",
+  "flash-header": "awsui_flash-header_1q84n_1jsn4_27",
+  "flash-content": "awsui_flash-content_1q84n_1jsn4_28",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1jsn4_29",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1jsn4_30",
+  "flash-icon": "awsui_flash-icon_1q84n_1jsn4_53",
+  "entering": "awsui_entering_1q84n_1jsn4_66",
+  "entered": "awsui_entered_1q84n_1jsn4_87",
+  "exiting": "awsui_exiting_1q84n_1jsn4_192",
+  "stack": "awsui_stack_1q84n_1jsn4_218",
+  "animation-running": "awsui_animation-running_1q84n_1jsn4_218",
+  "item": "awsui_item_1q84n_1jsn4_218",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1jsn4_219",
+  "notification-bar": "awsui_notification-bar_1q84n_1jsn4_220",
+  "collapsed": "awsui_collapsed_1q84n_1jsn4_240",
+  "animation-ready": "awsui_animation-ready_1q84n_1jsn4_240",
+  "expanded-only": "awsui_expanded-only_1q84n_1jsn4_240",
+  "expanded": "awsui_expanded_1q84n_1jsn4_240",
+  "flash": "awsui_flash_1q84n_1jsn4_13",
+  "collapsible": "awsui_collapsible_1q84n_1jsn4_296",
+  "short-list": "awsui_short-list_1q84n_1jsn4_302",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1jsn4_340",
+  "status": "awsui_status_1q84n_1jsn4_413",
+  "header": "awsui_header_1q84n_1jsn4_413",
+  "item-count": "awsui_item-count_1q84n_1jsn4_414",
+  "button": "awsui_button_1q84n_1jsn4_415",
+  "type-count": "awsui_type-count_1q84n_1jsn4_448",
+  "count-number": "awsui_count-number_1q84n_1jsn4_448",
+  "icon": "awsui_icon_1q84n_1jsn4_482",
+  "floating": "awsui_floating_1q84n_1jsn4_523",
+  "flashbar": "awsui_flashbar_1q84n_1jsn4_527",
+  "initial-hidden": "awsui_initial-hidden_1q84n_1jsn4_587",
+  "flash-list": "awsui_flash-list_1q84n_1jsn4_219",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1jsn4_611",
+  "flash-text": "awsui_flash-text_1q84n_1jsn4_641",
+  "hidden": "awsui_hidden_1q84n_1jsn4_660",
+  "header-replacement": "awsui_header-replacement_1q84n_1jsn4_665",
+  "content-replacement": "awsui_content-replacement_1q84n_1jsn4_670",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1jsn4_30",
+  "action-wrapped": "awsui_action-wrapped_1q84n_1jsn4_688",
+  "action-button": "awsui_action-button_1q84n_1jsn4_29",
+  "action-slot": "awsui_action-slot_1q84n_1jsn4_695",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1jsn4_699",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1jsn4_707",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1jsn4_715",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1jsn4_716",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1jsn4_725"
 };
   

package/lib/internal/template/help-panel/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "help-panel": "awsui_help-panel_1d237_wcoe8_9",
-  "loading": "awsui_loading_1d237_wcoe8_179",
-  "header": "awsui_header_1d237_wcoe8_184",
-  "with-toolbar": "awsui_with-toolbar_1d237_wcoe8_202",
-  "content": "awsui_content_1d237_wcoe8_221",
-  "footer": "awsui_footer_1d237_wcoe8_273"
+  "help-panel": "awsui_help-panel_1d237_1aqk5_9",
+  "loading": "awsui_loading_1d237_1aqk5_179",
+  "header": "awsui_header_1d237_1aqk5_184",
+  "with-toolbar": "awsui_with-toolbar_1d237_1aqk5_202",
+  "content": "awsui_content_1d237_1aqk5_221",
+  "footer": "awsui_footer_1d237_1aqk5_273"
 };
   

package/lib/internal/template/help-panel/styles.scoped.css

@@ -6,7 +6,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_help-panel_1d237_wcoe8_9:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -42,36 +42,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_help-panel_1d237_wcoe8_9 hr:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 hr:not(#\9) {
   border-block: none;
   border-inline: none;
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
   margin-block: var(--space-scaled-xl-avp3kz, 24px);
   margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-8w6hvr, 12px));
 }
-.awsui_help-panel_1d237_wcoe8_9 ol:not(#\9),
-.awsui_help-panel_1d237_wcoe8_9 ul:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 ol:not(#\9),
+.awsui_help-panel_1d237_1aqk5_9 ul:not(#\9) {
   padding-inline-start: var(--space-l-dpyxli, 20px);
   list-style-position: outside;
   margin-block: var(--space-s-kll7oj, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_wcoe8_9 li:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 li:not(#\9) {
   margin-block: var(--space-scaled-xxs-j00t0m, 4px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_wcoe8_9 a:not(#\9),
-.awsui_help-panel_1d237_wcoe8_9 h2:not(#\9),
-.awsui_help-panel_1d237_wcoe8_9 h3:not(#\9),
-.awsui_help-panel_1d237_wcoe8_9 h4:not(#\9),
-.awsui_help-panel_1d237_wcoe8_9 h5:not(#\9),
-.awsui_help-panel_1d237_wcoe8_9 pre:not(#\9),
-.awsui_help-panel_1d237_wcoe8_9 code:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 a:not(#\9),
+.awsui_help-panel_1d237_1aqk5_9 h2:not(#\9),
+.awsui_help-panel_1d237_1aqk5_9 h3:not(#\9),
+.awsui_help-panel_1d237_1aqk5_9 h4:not(#\9),
+.awsui_help-panel_1d237_1aqk5_9 h5:not(#\9),
+.awsui_help-panel_1d237_1aqk5_9 pre:not(#\9),
+.awsui_help-panel_1d237_1aqk5_9 code:not(#\9) {
   margin-block: var(--space-xs-m9b7jf, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_wcoe8_9 code:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 code:not(#\9) {
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
@@ -82,7 +82,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   white-space: pre-wrap;
 }
-.awsui_help-panel_1d237_wcoe8_9 pre:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 pre:not(#\9) {
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
@@ -95,38 +95,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-3o1yoq, 4px);
   padding-inline: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_help-panel_1d237_wcoe8_9 dl:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 dl:not(#\9) {
   margin-block: var(--space-s-kll7oj, 12px);
   margin-inline: 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_wcoe8_9 dl *:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_wcoe8_9 dt:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 dt:not(#\9) {
   margin-block-start: var(--space-xs-m9b7jf, 8px);
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
-.awsui_help-panel_1d237_wcoe8_9 dd:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 dd:not(#\9) {
   margin-block-start: 0;
   margin-block-end: var(--space-xs-m9b7jf, 8px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_wcoe8_9 h2:not(#\9),
-.awsui_help-panel_1d237_wcoe8_9 h3:not(#\9),
-.awsui_help-panel_1d237_wcoe8_9 h4:not(#\9),
-.awsui_help-panel_1d237_wcoe8_9 h5:not(#\9),
-.awsui_help-panel_1d237_wcoe8_9 h6:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 h2:not(#\9),
+.awsui_help-panel_1d237_1aqk5_9 h3:not(#\9),
+.awsui_help-panel_1d237_1aqk5_9 h4:not(#\9),
+.awsui_help-panel_1d237_1aqk5_9 h5:not(#\9),
+.awsui_help-panel_1d237_1aqk5_9 h6:not(#\9) {
   margin-block-start: var(--space-xl-6jh0ay, 24px);
   color: var(--color-text-heading-default-e3tuze, #16191f);
 }
-.awsui_help-panel_1d237_wcoe8_9 p:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 p:not(#\9) {
   color: inherit;
   text-decoration: none;
   margin-block: var(--space-s-kll7oj, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_wcoe8_9 h1:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 h1:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xl-0tgqx0, 28px);
   line-height: var(--line-height-heading-xl-pi61pg, 36px);
@@ -135,7 +135,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_help-panel_1d237_wcoe8_9 h2:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 h2:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-l-cax9xk, 18px);
   line-height: var(--line-height-heading-l-zmt48b, 22px);
@@ -144,7 +144,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_help-panel_1d237_wcoe8_9 h3:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 h3:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-cqvsuv, 18px);
   line-height: var(--line-height-heading-m-d6lkzb, 22px);
@@ -153,7 +153,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_help-panel_1d237_wcoe8_9 h4:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 h4:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-s-hm1hv8, 16px);
   line-height: var(--line-height-heading-s-3z7qjv, 20px);
@@ -162,7 +162,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_help-panel_1d237_wcoe8_9 h5:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 h5:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xs-yrvp79, 16px);
   line-height: var(--line-height-heading-xs-wcrr4i, 20px);
@@ -171,17 +171,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_help-panel_1d237_wcoe8_9 b:not(#\9),
-.awsui_help-panel_1d237_wcoe8_9 strong:not(#\9) {
+.awsui_help-panel_1d237_1aqk5_9 b:not(#\9),
+.awsui_help-panel_1d237_1aqk5_9 strong:not(#\9) {
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
 
-.awsui_loading_1d237_wcoe8_179:not(#\9) {
+.awsui_loading_1d237_1aqk5_179:not(#\9) {
   padding-inline-start: var(--space-panel-side-left-sa5n0l, 32px);
   padding-inline-end: var(--space-panel-side-right-14ygs5, 32px);
 }
 
-.awsui_header_1d237_wcoe8_184:not(#\9) {
+.awsui_header_1d237_1aqk5_184:not(#\9) {
   font-size: var(--font-panel-header-size-vy6xld, 18px);
   letter-spacing: var(--letter-spacing-heading-m-iab0ug, normal);
   line-height: var(--font-panel-header-line-height-4n3q8r, 22px);
@@ -199,15 +199,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_with-toolbar_1d237_wcoe8_202 > .awsui_header_1d237_wcoe8_184:not(#\9) {
+.awsui_with-toolbar_1d237_1aqk5_202 > .awsui_header_1d237_1aqk5_184:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1d237_wcoe8_184 h2:not(#\9),
-.awsui_header_1d237_wcoe8_184 h3:not(#\9),
-.awsui_header_1d237_wcoe8_184 h4:not(#\9),
-.awsui_header_1d237_wcoe8_184 h5:not(#\9),
-.awsui_header_1d237_wcoe8_184 h6:not(#\9) {
+.awsui_header_1d237_1aqk5_184 h2:not(#\9),
+.awsui_header_1d237_1aqk5_184 h3:not(#\9),
+.awsui_header_1d237_1aqk5_184 h4:not(#\9),
+.awsui_header_1d237_1aqk5_184 h5:not(#\9),
+.awsui_header_1d237_1aqk5_184 h6:not(#\9) {
   font-size: var(--font-panel-header-size-vy6xld, 18px);
   letter-spacing: var(--letter-spacing-heading-m-iab0ug, normal);
   line-height: var(--font-panel-header-line-height-4n3q8r, 22px);
@@ -218,26 +218,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
 
-.awsui_content_1d237_wcoe8_221:not(#\9) {
+.awsui_content_1d237_1aqk5_221:not(#\9) {
   color: var(--color-text-body-secondary-66ygbb, #545b64);
   padding-inline-start: var(--space-panel-side-left-sa5n0l, 32px);
   padding-inline-end: var(--space-panel-side-right-14ygs5, 32px);
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_wcoe8_221 h2:not(#\9):first-child,
-.awsui_content_1d237_wcoe8_221 h3:not(#\9):first-child,
-.awsui_content_1d237_wcoe8_221 h4:not(#\9):first-child,
-.awsui_content_1d237_wcoe8_221 h5:not(#\9):first-child,
-.awsui_content_1d237_wcoe8_221 h6:not(#\9):first-child,
-.awsui_content_1d237_wcoe8_221 p:not(#\9):first-child {
+.awsui_content_1d237_1aqk5_221 h2:not(#\9):first-child,
+.awsui_content_1d237_1aqk5_221 h3:not(#\9):first-child,
+.awsui_content_1d237_1aqk5_221 h4:not(#\9):first-child,
+.awsui_content_1d237_1aqk5_221 h5:not(#\9):first-child,
+.awsui_content_1d237_1aqk5_221 h6:not(#\9):first-child,
+.awsui_content_1d237_1aqk5_221 p:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_wcoe8_221 a:not(#\9) {
+.awsui_content_1d237_1aqk5_221 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
   text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
-  color: var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #0073bb));
+  color: var(--awsui-style-color-default-ka4djm, var(--color-text-link-default-qabnuk, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -246,31 +246,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content_1d237_wcoe8_221 a:not(#\9) {
+  .awsui_content_1d237_1aqk5_221 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_wcoe8_221 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_wcoe8_221 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_1aqk5_221 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1aqk5_221 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_wcoe8_221 a:not(#\9):hover {
+.awsui_content_1d237_1aqk5_221 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
+  color: var(--awsui-style-color-hover-ka4djm, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_content_1d237_wcoe8_221 a:not(#\9):focus {
+.awsui_content_1d237_1aqk5_221 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_wcoe8_221 a:not(#\9):active {
-  color: var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
+.awsui_content_1d237_1aqk5_221 a:not(#\9):active {
+  color: var(--awsui-style-color-active-ka4djm, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_content_1d237_wcoe8_221 a:not(#\9):active, .awsui_content_1d237_wcoe8_221 a:not(#\9):focus, .awsui_content_1d237_wcoe8_221 a:not(#\9):hover {
+.awsui_content_1d237_1aqk5_221 a:not(#\9):active, .awsui_content_1d237_1aqk5_221 a:not(#\9):focus, .awsui_content_1d237_1aqk5_221 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
 }
 
-.awsui_footer_1d237_wcoe8_273:not(#\9) {
+.awsui_footer_1d237_1aqk5_273:not(#\9) {
   color: var(--color-text-body-secondary-66ygbb, #545b64);
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-sa5n0l, 32px);
@@ -278,15 +278,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_footer_1d237_wcoe8_273 ul:not(#\9) {
+.awsui_footer_1d237_1aqk5_273 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_wcoe8_273 a:not(#\9) {
+.awsui_footer_1d237_1aqk5_273 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
   text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
-  color: var(--awsui-style-color-default-66120l, var(--color-text-link-secondary-default-urew28, #0073bb));
+  color: var(--awsui-style-color-default-ka4djm, var(--color-text-link-secondary-default-urew28, #0073bb));
   font-weight: var(--font-weight-link-secondary-gzuq69, inherit);
   letter-spacing: normal;
   text-decoration-line: var(--font-decoration-line-link-secondary-tcr1f6, none);
@@ -295,37 +295,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_footer_1d237_wcoe8_273 a:not(#\9) {
+  .awsui_footer_1d237_1aqk5_273 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_wcoe8_273 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_wcoe8_273 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_1aqk5_273 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1aqk5_273 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_wcoe8_273 a:not(#\9):hover {
+.awsui_footer_1d237_1aqk5_273 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
+  color: var(--awsui-style-color-hover-ka4djm, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
 }
-.awsui_footer_1d237_wcoe8_273 a:not(#\9):focus {
+.awsui_footer_1d237_1aqk5_273 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_wcoe8_273 a:not(#\9):active {
-  color: var(--awsui-style-color-active-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
+.awsui_footer_1d237_1aqk5_273 a:not(#\9):active {
+  color: var(--awsui-style-color-active-ka4djm, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
 }
-.awsui_footer_1d237_wcoe8_273 a:not(#\9):active, .awsui_footer_1d237_wcoe8_273 a:not(#\9):focus, .awsui_footer_1d237_wcoe8_273 a:not(#\9):hover {
+.awsui_footer_1d237_1aqk5_273 a:not(#\9):active, .awsui_footer_1d237_1aqk5_273 a:not(#\9):focus, .awsui_footer_1d237_1aqk5_273 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
 }
 
-.awsui_content_1d237_wcoe8_221:not(#\9),
-.awsui_footer_1d237_wcoe8_273:not(#\9) {
+.awsui_content_1d237_1aqk5_221:not(#\9),
+.awsui_footer_1d237_1aqk5_273:not(#\9) {
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_wcoe8_221 a:not(#\9):focus,
-.awsui_footer_1d237_wcoe8_273 a:not(#\9):focus {
+.awsui_content_1d237_1aqk5_221 a:not(#\9):focus,
+.awsui_footer_1d237_1aqk5_273 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;

package/lib/internal/template/help-panel/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "help-panel": "awsui_help-panel_1d237_wcoe8_9",
-  "loading": "awsui_loading_1d237_wcoe8_179",
-  "header": "awsui_header_1d237_wcoe8_184",
-  "with-toolbar": "awsui_with-toolbar_1d237_wcoe8_202",
-  "content": "awsui_content_1d237_wcoe8_221",
-  "footer": "awsui_footer_1d237_wcoe8_273"
+  "help-panel": "awsui_help-panel_1d237_1aqk5_9",
+  "loading": "awsui_loading_1d237_1aqk5_179",
+  "header": "awsui_header_1d237_1aqk5_184",
+  "with-toolbar": "awsui_with-toolbar_1d237_1aqk5_202",
+  "content": "awsui_content_1d237_1aqk5_221",
+  "footer": "awsui_footer_1d237_1aqk5_273"
 };
   

package/lib/internal/template/input/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/input/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAW3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAA6B,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAKtE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM9F,MAAM,WAAW,kBACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,EACxB,gBAAgB,EAChB,+BAA+B,EAC/B,0BAA0B;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC/D,kBAAkB,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAE/E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,8BAA8B,CAAC,EAAE,YAAY,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;;AAsTD,wBAA+C"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/input/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAW3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAO/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAA6B,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAKtE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM9F,MAAM,WAAW,kBACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,EACxB,gBAAgB,EAChB,+BAA+B,EAC/B,0BAA0B;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC/D,kBAAkB,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAE/E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,8BAA8B,CAAC,EAAE,YAAY,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;;AAgUD,wBAA+C"}

package/lib/internal/template/input/internal.js

@@ -8,6 +8,8 @@ import InternalButton from '../button/internal';
 import { useInternalI18n } from '../i18n/context';
 import InternalIcon from '../icon/internal';
 import { getBaseProps } from '../internal/base-component';
+import { getGroupedControlClassNames } from '../internal/components/control-group/grouped-control-styles';
+import { ResetGroupedControlContext, useGroupedControlContext } from '../internal/context/control-group-context';
 import { useFormFieldContext } from '../internal/context/form-field-context';
 import { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';
 import { useDebounceCallback } from '../internal/hooks/use-debounce-callback';
@@ -19,6 +21,7 @@ import styles from './styles.css.js';
 function InternalInput({ type = 'text', step, inputMode, autoComplete = true, ariaLabel, clearAriaLabel: clearAriaLabelOverride, name, value, placeholder, autoFocus, disabled, readOnly, disableBrowserAutocorrect, spellcheck, __noBorderRadius, __startIcon, __startIconVariant = 'subtle', __onStartIconClick, ariaRequired, __endIcon, __onEndIconClick, onKeyDown, onKeyUp, onChange, __onDelayedInput, __onBlurWithDetail, onBlur, onFocus, nativeInputAttributes, __internalRootRef, __inheritFormFieldProps, __injectAnalyticsComponentMetadata, __skipNativeAttributesWarnings, __fullWidth, style, prefix, suffix, inlineLabelText, ...rest }, ref) {
     var _a;
     const baseProps = getBaseProps(rest);
+    const groupedControlProps = useGroupedControlContext();
     const i18n = useInternalI18n('input');
     const fireDelayedInput = useDebounceCallback((value) => fireNonCancelableEvent(__onDelayedInput, { value }));
     const handleChange = (value) => {
@@ -50,6 +53,7 @@ function InternalInput({ type = 'text', step, inputMode, autoComplete = true, ar
     const hasPrefix = !!prefix;
     const hasSuffix = !!suffix;
     const hasPrefixOrSuffix = hasPrefix || hasSuffix;
+    const groupedControlClasses = getGroupedControlClassNames(styles, groupedControlProps);
     const inputStyles = getInputStyles(style);
     const nativeInputStyles = hasPrefixOrSuffix && inputStyles
         ? { ...inputStyles, borderRadius: undefined, borderWidth: undefined }
@@ -68,7 +72,7 @@ function InternalInput({ type = 'text', step, inputMode, autoComplete = true, ar
         placeholder,
         autoFocus,
         id: controlId,
-        className: clsx(styles.input, type && styles[`input-type-${type}`], __endIcon && styles['input-has-icon-end'], __startIcon && styles['input-has-icon-start'], __noBorderRadius && styles['input-has-no-border-radius'], hasPrefixOrSuffix && styles['input-adorned'], {
+        className: clsx(styles.input, type && styles[`input-type-${type}`], __endIcon && styles['input-has-icon-end'], __startIcon && styles['input-has-icon-start'], __noBorderRadius && styles['input-has-no-border-radius'], !hasPrefixOrSuffix && groupedControlClasses, hasPrefixOrSuffix && styles['input-adorned'], {
             [styles['input-readonly']]: readOnly,
             [styles['input-invalid']]: invalid && !hasPrefixOrSuffix,
             [styles['input-warning']]: warning && !invalid && !hasPrefixOrSuffix,
@@ -149,16 +153,18 @@ function InternalInput({ type = 'text', step, inputMode, autoComplete = true, ar
             React.createElement(InternalIcon, { name: __startIcon, variant: disabled ? 'disabled' : readOnly ? 'subtle' : __startIconVariant }))),
         hasPrefixOrSuffix ? (
         // [prefix][divider][input][divider][suffix] - one flex bar owns the border and focus ring.
-        React.createElement("div", { className: clsx(styles['input-adorned-container'], invalid && styles['input-adorned-container-invalid'], warning && !invalid && styles['input-adorned-container-warning'], disabled && styles['input-adorned-container-disabled'], readOnly && !disabled && styles['input-adorned-container-readonly']), "aria-disabled": disabled || undefined, style: adornedContainerStyles },
+        React.createElement("div", { className: clsx(styles['input-adorned-container'], invalid && styles['input-adorned-container-invalid'], warning && !invalid && styles['input-adorned-container-warning'], disabled && styles['input-adorned-container-disabled'], readOnly && !disabled && styles['input-adorned-container-readonly'], groupedControlClasses), "aria-disabled": disabled || undefined, style: adornedContainerStyles },
             hasPrefix && (React.createElement(React.Fragment, null,
                 React.createElement("span", { className: styles['input-prefix'], "aria-hidden": "true" },
-                    React.createElement("span", { className: styles['input-adornment-content'] }, prefix)),
+                    React.createElement("span", { className: styles['input-adornment-content'] },
+                        React.createElement(ResetGroupedControlContext, null, prefix))),
                 React.createElement("span", { className: styles['input-adornment-divider'] }))),
             mainInput,
             hasSuffix && (React.createElement(React.Fragment, null,
                 React.createElement("span", { className: styles['input-adornment-divider'] }),
                 React.createElement("span", { className: styles['input-suffix'], "aria-hidden": "true" },
-                    React.createElement("span", { className: styles['input-adornment-content'] }, suffix)))),
+                    React.createElement("span", { className: styles['input-adornment-content'] },
+                        React.createElement(ResetGroupedControlContext, null, suffix))))),
             endIcon)) : (mainInput),
         !hasPrefixOrSuffix && endIcon));
     const inputWithLabel = inlineLabelText ? (React.createElement("div", { ...rootProps, className: clsx(rootProps.className, styles['inline-label-wrapper'], __fullWidth && styles['inline-label-wrapper-full-width']) },