npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1328 → 3.0.1330 - Mend

@cloudscape-design/components-themeable 3.0.1328 → 3.0.1330

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 (416) hide show

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

@@ -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_my9pl_157",
-  "enter": "awsui_enter_1q84n_my9pl_157",
-  "flash-body": "awsui_flash-body_1q84n_my9pl_171",
-  "flash-message": "awsui_flash-message_1q84n_my9pl_171",
-  "flash-header": "awsui_flash-header_1q84n_my9pl_171",
-  "flash-content": "awsui_flash-content_1q84n_my9pl_172",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_my9pl_173",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_my9pl_174",
-  "flash-icon": "awsui_flash-icon_1q84n_my9pl_197",
-  "entering": "awsui_entering_1q84n_my9pl_210",
-  "entered": "awsui_entered_1q84n_my9pl_231",
-  "exiting": "awsui_exiting_1q84n_my9pl_336",
-  "stack": "awsui_stack_1q84n_my9pl_370",
-  "animation-running": "awsui_animation-running_1q84n_my9pl_370",
-  "item": "awsui_item_1q84n_my9pl_370",
-  "flash-list-item": "awsui_flash-list-item_1q84n_my9pl_371",
-  "notification-bar": "awsui_notification-bar_1q84n_my9pl_372",
-  "collapsed": "awsui_collapsed_1q84n_my9pl_392",
-  "animation-ready": "awsui_animation-ready_1q84n_my9pl_392",
-  "expanded-only": "awsui_expanded-only_1q84n_my9pl_392",
-  "expanded": "awsui_expanded_1q84n_my9pl_392",
-  "flash": "awsui_flash_1q84n_my9pl_157",
-  "collapsible": "awsui_collapsible_1q84n_my9pl_448",
-  "short-list": "awsui_short-list_1q84n_my9pl_454",
-  "visual-refresh": "awsui_visual-refresh_1q84n_my9pl_454",
-  "status": "awsui_status_1q84n_my9pl_601",
-  "header": "awsui_header_1q84n_my9pl_601",
-  "item-count": "awsui_item-count_1q84n_my9pl_602",
-  "button": "awsui_button_1q84n_my9pl_603",
-  "type-count": "awsui_type-count_1q84n_my9pl_636",
-  "count-number": "awsui_count-number_1q84n_my9pl_636",
-  "icon": "awsui_icon_1q84n_my9pl_674",
-  "floating": "awsui_floating_1q84n_my9pl_715",
-  "flashbar": "awsui_flashbar_1q84n_my9pl_719",
-  "initial-hidden": "awsui_initial-hidden_1q84n_my9pl_779",
-  "flash-list": "awsui_flash-list_1q84n_my9pl_371",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_my9pl_803",
-  "flash-text": "awsui_flash-text_1q84n_my9pl_833",
-  "hidden": "awsui_hidden_1q84n_my9pl_852",
-  "header-replacement": "awsui_header-replacement_1q84n_my9pl_857",
-  "content-replacement": "awsui_content-replacement_1q84n_my9pl_862",
-  "dismiss-button": "awsui_dismiss-button_1q84n_my9pl_174",
-  "action-wrapped": "awsui_action-wrapped_1q84n_my9pl_880",
-  "action-button": "awsui_action-button_1q84n_my9pl_173",
-  "action-slot": "awsui_action-slot_1q84n_my9pl_887",
-  "flash-type-success": "awsui_flash-type-success_1q84n_my9pl_891",
-  "flash-type-error": "awsui_flash-type-error_1q84n_my9pl_899",
-  "flash-type-info": "awsui_flash-type-info_1q84n_my9pl_907",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_my9pl_908",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_my9pl_917"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1nu0o_157",
+  "enter": "awsui_enter_1q84n_1nu0o_157",
+  "flash-body": "awsui_flash-body_1q84n_1nu0o_171",
+  "flash-message": "awsui_flash-message_1q84n_1nu0o_171",
+  "flash-header": "awsui_flash-header_1q84n_1nu0o_171",
+  "flash-content": "awsui_flash-content_1q84n_1nu0o_172",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1nu0o_173",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1nu0o_174",
+  "flash-icon": "awsui_flash-icon_1q84n_1nu0o_197",
+  "entering": "awsui_entering_1q84n_1nu0o_210",
+  "entered": "awsui_entered_1q84n_1nu0o_231",
+  "exiting": "awsui_exiting_1q84n_1nu0o_336",
+  "stack": "awsui_stack_1q84n_1nu0o_370",
+  "animation-running": "awsui_animation-running_1q84n_1nu0o_370",
+  "item": "awsui_item_1q84n_1nu0o_370",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1nu0o_371",
+  "notification-bar": "awsui_notification-bar_1q84n_1nu0o_372",
+  "collapsed": "awsui_collapsed_1q84n_1nu0o_392",
+  "animation-ready": "awsui_animation-ready_1q84n_1nu0o_392",
+  "expanded-only": "awsui_expanded-only_1q84n_1nu0o_392",
+  "expanded": "awsui_expanded_1q84n_1nu0o_392",
+  "flash": "awsui_flash_1q84n_1nu0o_157",
+  "collapsible": "awsui_collapsible_1q84n_1nu0o_448",
+  "short-list": "awsui_short-list_1q84n_1nu0o_454",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1nu0o_454",
+  "status": "awsui_status_1q84n_1nu0o_601",
+  "header": "awsui_header_1q84n_1nu0o_601",
+  "item-count": "awsui_item-count_1q84n_1nu0o_602",
+  "button": "awsui_button_1q84n_1nu0o_603",
+  "type-count": "awsui_type-count_1q84n_1nu0o_636",
+  "count-number": "awsui_count-number_1q84n_1nu0o_636",
+  "icon": "awsui_icon_1q84n_1nu0o_674",
+  "floating": "awsui_floating_1q84n_1nu0o_715",
+  "flashbar": "awsui_flashbar_1q84n_1nu0o_719",
+  "initial-hidden": "awsui_initial-hidden_1q84n_1nu0o_779",
+  "flash-list": "awsui_flash-list_1q84n_1nu0o_371",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1nu0o_803",
+  "flash-text": "awsui_flash-text_1q84n_1nu0o_833",
+  "hidden": "awsui_hidden_1q84n_1nu0o_852",
+  "header-replacement": "awsui_header-replacement_1q84n_1nu0o_857",
+  "content-replacement": "awsui_content-replacement_1q84n_1nu0o_862",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1nu0o_174",
+  "action-wrapped": "awsui_action-wrapped_1q84n_1nu0o_880",
+  "action-button": "awsui_action-button_1q84n_1nu0o_173",
+  "action-slot": "awsui_action-slot_1q84n_1nu0o_887",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1nu0o_891",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1nu0o_899",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1nu0o_907",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1nu0o_908",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1nu0o_917"
 };

package/lib/internal/template/form-field/styles.css.js CHANGED Viewed

@@ -1,29 +1,29 @@
     import './styles.scoped.css';
     export default {
-  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_a629b_153",
-  "warning-icon-shake-wrapper": "awsui_warning-icon-shake-wrapper_14mhv_a629b_154",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_a629b_1",
-  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_a629b_184",
-  "warning-icon-scale-wrapper": "awsui_warning-icon-scale-wrapper_14mhv_a629b_185",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_a629b_1",
-  "warning": "awsui_warning_14mhv_a629b_154",
-  "error": "awsui_error_14mhv_a629b_153",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_a629b_1",
-  "root": "awsui_root_14mhv_a629b_236",
-  "label": "awsui_label_14mhv_a629b_269",
-  "info": "awsui_info_14mhv_a629b_285",
-  "description": "awsui_description_14mhv_a629b_291",
-  "constraint": "awsui_constraint_14mhv_a629b_292",
-  "hints": "awsui_hints_14mhv_a629b_299",
-  "constraint-has-validation-text": "awsui_constraint-has-validation-text_14mhv_a629b_300",
-  "secondary-control": "awsui_secondary-control_14mhv_a629b_304",
-  "controls": "awsui_controls_14mhv_a629b_308",
-  "label-hidden": "awsui_label-hidden_14mhv_a629b_308",
-  "label-wrapper": "awsui_label-wrapper_14mhv_a629b_311",
-  "control": "awsui_control_14mhv_a629b_308",
-  "error__message": "awsui_error__message_14mhv_a629b_338",
-  "warning__message": "awsui_warning__message_14mhv_a629b_339",
-  "visually-hidden": "awsui_visually-hidden_14mhv_a629b_343"
+  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_1t9uu_153",
+  "warning-icon-shake-wrapper": "awsui_warning-icon-shake-wrapper_14mhv_1t9uu_154",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_1t9uu_1",
+  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_1t9uu_184",
+  "warning-icon-scale-wrapper": "awsui_warning-icon-scale-wrapper_14mhv_1t9uu_185",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_1t9uu_1",
+  "warning": "awsui_warning_14mhv_1t9uu_154",
+  "error": "awsui_error_14mhv_1t9uu_153",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_1t9uu_1",
+  "root": "awsui_root_14mhv_1t9uu_236",
+  "label": "awsui_label_14mhv_1t9uu_269",
+  "info": "awsui_info_14mhv_1t9uu_285",
+  "description": "awsui_description_14mhv_1t9uu_291",
+  "constraint": "awsui_constraint_14mhv_1t9uu_292",
+  "hints": "awsui_hints_14mhv_1t9uu_299",
+  "constraint-has-validation-text": "awsui_constraint-has-validation-text_14mhv_1t9uu_300",
+  "secondary-control": "awsui_secondary-control_14mhv_1t9uu_304",
+  "controls": "awsui_controls_14mhv_1t9uu_308",
+  "label-hidden": "awsui_label-hidden_14mhv_1t9uu_308",
+  "label-wrapper": "awsui_label-wrapper_14mhv_1t9uu_311",
+  "control": "awsui_control_14mhv_1t9uu_308",
+  "error__message": "awsui_error__message_14mhv_1t9uu_338",
+  "warning__message": "awsui_warning__message_14mhv_1t9uu_339",
+  "visually-hidden": "awsui_visually-hidden_14mhv_1t9uu_343"
 };

package/lib/internal/template/form-field/styles.scoped.css CHANGED Viewed

@@ -150,11 +150,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_error-icon-shake-wrapper_14mhv_a629b_153:not(#\9),
-.awsui_warning-icon-shake-wrapper_14mhv_a629b_154:not(#\9) {
-  animation: awsui_awsui-motion-shake-horizontally_14mhv_a629b_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
+.awsui_error-icon-shake-wrapper_14mhv_1t9uu_153:not(#\9),
+.awsui_warning-icon-shake-wrapper_14mhv_1t9uu_154:not(#\9) {
+  animation: awsui_awsui-motion-shake-horizontally_14mhv_1t9uu_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_14mhv_a629b_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_14mhv_1t9uu_1 {
   0% {
     transform: translateX(-5px);
     animation-timing-function: linear;
@@ -168,22 +168,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error-icon-shake-wrapper_14mhv_a629b_153:not(#\9),
-  .awsui_warning-icon-shake-wrapper_14mhv_a629b_154:not(#\9) {
+  .awsui_error-icon-shake-wrapper_14mhv_1t9uu_153:not(#\9),
+  .awsui_warning-icon-shake-wrapper_14mhv_1t9uu_154:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error-icon-shake-wrapper_14mhv_a629b_153:not(#\9), .awsui-mode-entering .awsui_error-icon-shake-wrapper_14mhv_a629b_153:not(#\9), .awsui-motion-disabled .awsui_warning-icon-shake-wrapper_14mhv_a629b_154:not(#\9), .awsui-mode-entering .awsui_warning-icon-shake-wrapper_14mhv_a629b_154:not(#\9) {
+.awsui-motion-disabled .awsui_error-icon-shake-wrapper_14mhv_1t9uu_153:not(#\9), .awsui-mode-entering .awsui_error-icon-shake-wrapper_14mhv_1t9uu_153:not(#\9), .awsui-motion-disabled .awsui_warning-icon-shake-wrapper_14mhv_1t9uu_154:not(#\9), .awsui-mode-entering .awsui_warning-icon-shake-wrapper_14mhv_1t9uu_154:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_error-icon-scale-wrapper_14mhv_a629b_184:not(#\9),
-.awsui_warning-icon-scale-wrapper_14mhv_a629b_185:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_14mhv_a629b_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
+.awsui_error-icon-scale-wrapper_14mhv_1t9uu_184:not(#\9),
+.awsui_warning-icon-scale-wrapper_14mhv_1t9uu_185:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_14mhv_1t9uu_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-scale-popup_14mhv_a629b_1 {
+@keyframes awsui_awsui-motion-scale-popup_14mhv_1t9uu_1 {
   0% {
     transform: scale(0.95);
   }
@@ -192,22 +192,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error-icon-scale-wrapper_14mhv_a629b_184:not(#\9),
-  .awsui_warning-icon-scale-wrapper_14mhv_a629b_185:not(#\9) {
+  .awsui_error-icon-scale-wrapper_14mhv_1t9uu_184:not(#\9),
+  .awsui_warning-icon-scale-wrapper_14mhv_1t9uu_185:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error-icon-scale-wrapper_14mhv_a629b_184:not(#\9), .awsui-mode-entering .awsui_error-icon-scale-wrapper_14mhv_a629b_184:not(#\9), .awsui-motion-disabled .awsui_warning-icon-scale-wrapper_14mhv_a629b_185:not(#\9), .awsui-mode-entering .awsui_warning-icon-scale-wrapper_14mhv_a629b_185:not(#\9) {
+.awsui-motion-disabled .awsui_error-icon-scale-wrapper_14mhv_1t9uu_184:not(#\9), .awsui-mode-entering .awsui_error-icon-scale-wrapper_14mhv_1t9uu_184:not(#\9), .awsui-motion-disabled .awsui_warning-icon-scale-wrapper_14mhv_1t9uu_185:not(#\9), .awsui-mode-entering .awsui_warning-icon-scale-wrapper_14mhv_1t9uu_185:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_warning_14mhv_a629b_154:not(#\9),
-.awsui_error_14mhv_a629b_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_14mhv_a629b_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
+.awsui_warning_14mhv_1t9uu_154:not(#\9),
+.awsui_error_14mhv_1t9uu_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_14mhv_1t9uu_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in-0_14mhv_a629b_1 {
+@keyframes awsui_awsui-motion-fade-in-0_14mhv_1t9uu_1 {
   from {
     opacity: 0;
   }
@@ -216,18 +216,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_warning_14mhv_a629b_154:not(#\9),
-  .awsui_error_14mhv_a629b_153:not(#\9) {
+  .awsui_warning_14mhv_1t9uu_154:not(#\9),
+  .awsui_error_14mhv_1t9uu_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_warning_14mhv_a629b_154:not(#\9), .awsui-mode-entering .awsui_warning_14mhv_a629b_154:not(#\9), .awsui-motion-disabled .awsui_error_14mhv_a629b_153:not(#\9), .awsui-mode-entering .awsui_error_14mhv_a629b_153:not(#\9) {
+.awsui-motion-disabled .awsui_warning_14mhv_1t9uu_154:not(#\9), .awsui-mode-entering .awsui_warning_14mhv_1t9uu_154:not(#\9), .awsui-motion-disabled .awsui_error_14mhv_1t9uu_153:not(#\9), .awsui-mode-entering .awsui_error_14mhv_1t9uu_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_14mhv_a629b_236:not(#\9) {
+.awsui_root_14mhv_1t9uu_236:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -260,7 +260,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
 }
-.awsui_label_14mhv_a629b_269:not(#\9) {
+.awsui_label_14mhv_1t9uu_269:not(#\9) {
   box-sizing: border-box;
   color: var(--color-text-form-label-guihvp, #16191f);
   display: inline;
@@ -271,47 +271,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: var(--font-weight-form-label-k6dkge, 400);
   margin-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_label_14mhv_a629b_269:not(#\9):only-child {
+.awsui_label_14mhv_1t9uu_269:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_info_14mhv_a629b_285:not(#\9) {
+.awsui_info_14mhv_1t9uu_285:not(#\9) {
   display: inline-flex;
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
-  border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_description_14mhv_a629b_291:not(#\9),
-.awsui_constraint_14mhv_a629b_292:not(#\9) {
+.awsui_description_14mhv_1t9uu_291:not(#\9),
+.awsui_constraint_14mhv_1t9uu_292:not(#\9) {
   color: var(--color-text-form-secondary-4sp9un, #687078);
   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);
 }
-.awsui_hints_14mhv_a629b_299:not(#\9),
-.awsui_constraint-has-validation-text_14mhv_a629b_300:not(#\9) {
+.awsui_hints_14mhv_1t9uu_299:not(#\9),
+.awsui_constraint-has-validation-text_14mhv_1t9uu_300:not(#\9) {
   padding-block-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_secondary-control_14mhv_a629b_304:not(#\9) {
+.awsui_secondary-control_14mhv_1t9uu_304:not(#\9) {
   /* used in test-utils */
 }
-.awsui_controls_14mhv_a629b_308:not(#\9):not(.awsui_label-hidden_14mhv_a629b_308) {
+.awsui_controls_14mhv_1t9uu_308:not(#\9):not(.awsui_label-hidden_14mhv_1t9uu_308) {
   padding-block-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_label-wrapper_14mhv_a629b_311:not(#\9):empty + .awsui_controls_14mhv_a629b_308 {
+.awsui_label-wrapper_14mhv_1t9uu_311:not(#\9):empty + .awsui_controls_14mhv_1t9uu_308 {
   padding-block-start: 0;
 }
-.awsui_control_14mhv_a629b_308:not(#\9) {
+.awsui_control_14mhv_1t9uu_308:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_error_14mhv_a629b_153:not(#\9) {
+.awsui_error_14mhv_1t9uu_153:not(#\9) {
   color: var(--color-text-status-error-c3at5p, #d13212);
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
@@ -320,7 +320,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-start;
 }
-.awsui_warning_14mhv_a629b_154:not(#\9) {
+.awsui_warning_14mhv_1t9uu_154:not(#\9) {
   color: var(--color-text-status-warning-08d9ki, #906806);
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
@@ -329,12 +329,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-start;
 }
-.awsui_error__message_14mhv_a629b_338:not(#\9),
-.awsui_warning__message_14mhv_a629b_339:not(#\9) {
+.awsui_error__message_14mhv_1t9uu_338:not(#\9),
+.awsui_warning__message_14mhv_1t9uu_339:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_visually-hidden_14mhv_a629b_343:not(#\9) {
+.awsui_visually-hidden_14mhv_1t9uu_343:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;

package/lib/internal/template/form-field/styles.selectors.js CHANGED Viewed

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_a629b_153",
-  "warning-icon-shake-wrapper": "awsui_warning-icon-shake-wrapper_14mhv_a629b_154",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_a629b_1",
-  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_a629b_184",
-  "warning-icon-scale-wrapper": "awsui_warning-icon-scale-wrapper_14mhv_a629b_185",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_a629b_1",
-  "warning": "awsui_warning_14mhv_a629b_154",
-  "error": "awsui_error_14mhv_a629b_153",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_a629b_1",
-  "root": "awsui_root_14mhv_a629b_236",
-  "label": "awsui_label_14mhv_a629b_269",
-  "info": "awsui_info_14mhv_a629b_285",
-  "description": "awsui_description_14mhv_a629b_291",
-  "constraint": "awsui_constraint_14mhv_a629b_292",
-  "hints": "awsui_hints_14mhv_a629b_299",
-  "constraint-has-validation-text": "awsui_constraint-has-validation-text_14mhv_a629b_300",
-  "secondary-control": "awsui_secondary-control_14mhv_a629b_304",
-  "controls": "awsui_controls_14mhv_a629b_308",
-  "label-hidden": "awsui_label-hidden_14mhv_a629b_308",
-  "label-wrapper": "awsui_label-wrapper_14mhv_a629b_311",
-  "control": "awsui_control_14mhv_a629b_308",
-  "error__message": "awsui_error__message_14mhv_a629b_338",
-  "warning__message": "awsui_warning__message_14mhv_a629b_339",
-  "visually-hidden": "awsui_visually-hidden_14mhv_a629b_343"
+  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_1t9uu_153",
+  "warning-icon-shake-wrapper": "awsui_warning-icon-shake-wrapper_14mhv_1t9uu_154",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_1t9uu_1",
+  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_1t9uu_184",
+  "warning-icon-scale-wrapper": "awsui_warning-icon-scale-wrapper_14mhv_1t9uu_185",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_1t9uu_1",
+  "warning": "awsui_warning_14mhv_1t9uu_154",
+  "error": "awsui_error_14mhv_1t9uu_153",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_1t9uu_1",
+  "root": "awsui_root_14mhv_1t9uu_236",
+  "label": "awsui_label_14mhv_1t9uu_269",
+  "info": "awsui_info_14mhv_1t9uu_285",
+  "description": "awsui_description_14mhv_1t9uu_291",
+  "constraint": "awsui_constraint_14mhv_1t9uu_292",
+  "hints": "awsui_hints_14mhv_1t9uu_299",
+  "constraint-has-validation-text": "awsui_constraint-has-validation-text_14mhv_1t9uu_300",
+  "secondary-control": "awsui_secondary-control_14mhv_1t9uu_304",
+  "controls": "awsui_controls_14mhv_1t9uu_308",
+  "label-hidden": "awsui_label-hidden_14mhv_1t9uu_308",
+  "label-wrapper": "awsui_label-wrapper_14mhv_1t9uu_311",
+  "control": "awsui_control_14mhv_1t9uu_308",
+  "error__message": "awsui_error__message_14mhv_1t9uu_338",
+  "warning__message": "awsui_warning__message_14mhv_1t9uu_339",
+  "visually-hidden": "awsui_visually-hidden_14mhv_1t9uu_343"
 };

package/lib/internal/template/header/internal.d.ts CHANGED Viewed

@@ -6,8 +6,9 @@ interface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, Inte
     __disableActionsWrapping?: boolean;
     __headingTagRef?: MutableRefObject<HTMLHeadingElement | null>;
     __headingTagTabIndex?: number;
+    __inExpandableSection?: boolean;
 }
-export default function InternalHeader({ variant, headingTagOverride, children, actions, counter, description, info, __internalRootRef, __disableActionsWrapping, __headingTagRef, __headingTagTabIndex, ...restProps }: InternalHeaderProps): JSX.Element;
+export default function InternalHeader({ variant, headingTagOverride, children, actions, counter, description, info, __internalRootRef, __disableActionsWrapping, __headingTagRef, __headingTagTabIndex, __inExpandableSection, ...restProps }: InternalHeaderProps): JSX.Element;
 export declare function Description({ children, variantOverride }: {
     children: React.ReactNode;
     variantOverride: string;

package/lib/internal/template/header/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAc,MAAM,OAAO,CAAC;AAY5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,UAAU,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACpG,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAC9D,oBAAoB,CAAC,EAAE,MAAM,CAAC;~~CAC/B~~;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,oBAAoB,EACpB,GAAG,SAAS,EACb,EAAE,mBAAmB,~~eAoFrB~~;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,sBAgBhH"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAc,MAAM,OAAO,CAAC;AAY5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,UAAU,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACpG,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAC9D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,oBAAoB,EACpB,qBAAqB,EACrB,GAAG,SAAS,EACb,EAAE,mBAAmB,eA2FrB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,sBAgBhH"}

package/lib/internal/template/header/internal.js CHANGED Viewed

@@ -15,7 +15,7 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import { useTableIntegration } from './analytics/use-table-integration';
 import analyticsSelectors from './analytics-metadata/styles.css.js';
 import styles from './styles.css.js';
-export default function InternalHeader({ variant, headingTagOverride, children, actions, counter, description, info, __internalRootRef, __disableActionsWrapping, __headingTagRef, __headingTagTabIndex, ...restProps }) {
+export default function InternalHeader({ variant, headingTagOverride, children, actions, counter, description, info, __internalRootRef, __disableActionsWrapping, __headingTagRef, __headingTagTabIndex, __inExpandableSection, ...restProps }) {
     const isMobile = useMobile();
     const HeadingTag = headingTagOverride !== null && headingTagOverride !== void 0 ? headingTagOverride : (variant === 'awsui-h1-sticky' ? 'h1' : variant);
     const { isStuck } = useContext(StickyHeaderContext);
@@ -33,7 +33,7 @@ export default function InternalHeader({ variant, headingTagOverride, children,
     const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;
     return (React.createElement("div", { ...baseProps, className: clsx(styles.root, baseProps.className, styles[`root-variant-${variantOverride}`], isRefresh && styles.refresh, !actions && [styles[`root-no-actions`]], description && [styles[`root-has-description`]]), ref: __internalRootRef },
         React.createElement("div", { className: clsx(styles.main, styles[`main-variant-${variantOverride}`], isRefresh && styles.refresh, __disableActionsWrapping && [styles['no-wrap']]) },
-            React.createElement("div", { className: clsx(styles.title, styles[`title-variant-${variantOverride}`], isRefresh && styles.refresh) },
+            React.createElement("div", { className: clsx(styles.title, styles[`title-variant-${variantOverride}`], isRefresh && styles.refresh, __inExpandableSection && styles['title-in-expandable-section']) },
                 React.createElement(HeadingTag, { className: clsx(styles.heading, styles[`heading-variant-${variantOverride}`]), ref: __headingTagRef, tabIndex: __headingTagTabIndex, ...getAnalyticsLabelAttribute(`.${analyticsSelectors['heading-text']}`) },
                     React.createElement("span", { ...(isInContainer ? { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_SUBSTEP_NAME } : {}), className: clsx(styles['heading-text'], analyticsSelectors['heading-text'], styles[`heading-text-variant-${variantOverride}`]), id: headingId }, children),
                     counter !== undefined && React.createElement("span", { className: styles.counter },

package/lib/internal/template/header/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAoB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,kEAAkE,CAAC;AAE9G,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAEnF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AAQrC~~,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,oBAAoB,EACpB,GAAG,SAAS,EACQ;IACpB,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,UAAU,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,CAAC,OAAO,KAAK,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1F,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC,QAAQ,CAAC;IACnE,MAAM,aAAa,GAAG,kBAAkB,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IAEzC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAE7B,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;QACjC,cAAc,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IACD,8FAA8F;IAC9F,MAAM,cAAc,GAAG,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1D,MAAM,eAAe,GAAG,OAAO,KAAK,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEtG,OAAO,CACL,gCACM,SAAS,EACb,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,gBAAgB,eAAe,EAAE,CAAC,EACzC,SAAS,IAAI,MAAM,CAAC,OAAO,EAC3B,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EACvC,WAAW,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAChD,EACD,GAAG,EAAE,iBAAiB;QAEtB,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,gBAAgB,eAAe,EAAE,CAAC,EACzC,SAAS,IAAI,MAAM,CAAC,OAAO,EAC3B,wBAAwB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAChD;YAED,~~6BAAK~~,SAAS,EAAE,IAAI,~~CAAC~~,MAAM,CAAC,KAAK,~~EAAE~~,MAAM,CAAC,iBAAiB,eAAe,EAAE,CAAC,~~EAAE~~,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC;~~gBACzG~~,oBAAC,UAAU,IACT,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,mBAAmB,eAAe,EAAE,CAAC,CAAC,EAC7E,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,oBAAoB,KAC1B,0BAA0B,CAAC,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE,CAAC;oBAExE,iCACM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,oBAAoB,CAAC,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC9E,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,cAAc,CAAC,EACtB,kBAAkB,CAAC,cAAc,CAAC,EAClC,MAAM,CAAC,wBAAwB,eAAe,EAAE,CAAC,CAClD,EACD,EAAE,EAAE,SAAS,IAEZ,QAAQ,CACJ;oBACN,OAAO,KAAK,SAAS,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,OAAO;;wBAAI,OAAO,CAAQ,CACjE;gBACZ,IAAI,IAAI,CACP,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS;oBAE7C,8BAAM,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,cAAgB;oBACxD,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ,CACb,CACjC,CACG;YACL,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO,EACd,MAAM,CAAC,mBAAmB,eAAe,EAAE,CAAC,EAC5C,SAAS,IAAI,MAAM,CAAC,OAAO,EAC3B,CAAC,wBAAwB,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAC1D,IAEA,OAAO,CACJ,CACP,CACG;QACN,oBAAC,WAAW,IAAC,eAAe,EAAE,eAAe,IAAG,WAAW,CAAe,CACtE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,eAAe,EAA0D;IAC/G,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,CACL,CAAC,QAAQ,IAAI,CACX,2BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,WAAW,EAClB,MAAM,CAAC,uBAAuB,eAAe,EAAE,CAAC,EAChD,SAAS,IAAI,MAAM,CAAC,OAAO,CAC5B,IAEA,QAAQ,CACP,CACL,CAAC;QACF,IAAI,CACL,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { MutableRefObject, useContext } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsLabelAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_SUBSTEP_NAME } from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport { CollectionLabelContext } from '../internal/context/collection-label-context';\nimport { useContainerHeader } from '../internal/context/container-header';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SomeRequired } from '../internal/types';\nimport { useTableIntegration } from './analytics/use-table-integration';\nimport { HeaderProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n __disableActionsWrapping?: boolean;\n __headingTagRef?: MutableRefObject<HTMLHeadingElement \| null>;\n __headingTagTabIndex?: number;\n}\n\nexport default function InternalHeader({\n variant,\n headingTagOverride,\n children,\n actions,\n counter,\n description,\n info,\n __internalRootRef,\n __disableActionsWrapping,\n __headingTagRef,\n __headingTagTabIndex,\n ...restProps\n}: InternalHeaderProps) {\n const isMobile = useMobile();\n const HeadingTag = headingTagOverride ?? (variant === 'awsui-h1-sticky' ? 'h1' : variant);\n const { isStuck } = useContext(StickyHeaderContext);\n const baseProps = getBaseProps(restProps);\n const isRefresh = useVisualRefresh();\n const assignHeaderId = useContext(CollectionLabelContext).assignId;\n const isInContainer = useContainerHeader();\n const headingId = useUniqueId('heading');\n\n useTableIntegration(counter);\n\n if (assignHeaderId !== undefined) {\n assignHeaderId(headingId);\n }\n // If is mobile there is no need to have the dynamic variant because it's scrolled out of view\n const dynamicVariant = !isMobile && isStuck ? 'h2' : 'h1';\n const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;\n\n return (\n <div\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n styles[`root-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n !actions && [styles[`root-no-actions`]],\n description && [styles[`root-has-description`]]\n )}\n ref={__internalRootRef}\n >\n <div\n className={clsx(\n styles.main,\n styles[`main-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n __disableActionsWrapping && [styles['no-wrap']]\n )}\n >\n <div className={clsx(styles.title, styles[`title-variant-${variantOverride}`], isRefresh && styles.refresh)}>\n <HeadingTag\n className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}\n ref={__headingTagRef}\n tabIndex={__headingTagTabIndex}\n {...getAnalyticsLabelAttribute(`.${analyticsSelectors['heading-text']}`)}\n >\n <span\n {...(isInContainer ? { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_SUBSTEP_NAME } : {})}\n className={clsx(\n styles['heading-text'],\n analyticsSelectors['heading-text'],\n styles[`heading-text-variant-${variantOverride}`]\n )}\n id={headingId}\n >\n {children}\n </span>\n {counter !== undefined && <span className={styles.counter}> {counter}</span>}\n </HeadingTag>\n {info && (\n <InfoLinkLabelContext.Provider value={headingId}>\n {/* Exists to create a space between heading text and info so that a double-click selection on the last word of the heading doesn't also include info */}\n <span className={styles['virtual-space']}>  </span>\n <span className={styles.info}>{info}</span>\n </InfoLinkLabelContext.Provider>\n )}\n </div>\n {actions && (\n <div\n className={clsx(\n styles.actions,\n styles[`actions-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n !__disableActionsWrapping && [styles['actions-centered']]\n )}\n >\n {actions}\n </div>\n )}\n </div>\n <Description variantOverride={variantOverride}>{description}</Description>\n </div>\n );\n}\n\nexport function Description({ children, variantOverride }: { children: React.ReactNode; variantOverride: string }) {\n const isRefresh = useVisualRefresh();\n return (\n (children && (\n <p\n className={clsx(\n styles.description,\n styles[`description-variant-${variantOverride}`],\n isRefresh && styles.refresh\n )}\n >\n {children}\n </p>\n )) \|\|\n null\n );\n}\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { MutableRefObject, useContext } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsLabelAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_SUBSTEP_NAME } from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport { CollectionLabelContext } from '../internal/context/collection-label-context';\nimport { useContainerHeader } from '../internal/context/container-header';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SomeRequired } from '../internal/types';\nimport { useTableIntegration } from './analytics/use-table-integration';\nimport { HeaderProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n __disableActionsWrapping?: boolean;\n __headingTagRef?: MutableRefObject<HTMLHeadingElement \| null>;\n __headingTagTabIndex?: number;\n __inExpandableSection?: boolean;\n}\n\nexport default function InternalHeader({\n variant,\n headingTagOverride,\n children,\n actions,\n counter,\n description,\n info,\n __internalRootRef,\n __disableActionsWrapping,\n __headingTagRef,\n __headingTagTabIndex,\n __inExpandableSection,\n ...restProps\n}: InternalHeaderProps) {\n const isMobile = useMobile();\n const HeadingTag = headingTagOverride ?? (variant === 'awsui-h1-sticky' ? 'h1' : variant);\n const { isStuck } = useContext(StickyHeaderContext);\n const baseProps = getBaseProps(restProps);\n const isRefresh = useVisualRefresh();\n const assignHeaderId = useContext(CollectionLabelContext).assignId;\n const isInContainer = useContainerHeader();\n const headingId = useUniqueId('heading');\n\n useTableIntegration(counter);\n\n if (assignHeaderId !== undefined) {\n assignHeaderId(headingId);\n }\n // If is mobile there is no need to have the dynamic variant because it's scrolled out of view\n const dynamicVariant = !isMobile && isStuck ? 'h2' : 'h1';\n const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;\n\n return (\n <div\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n styles[`root-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n !actions && [styles[`root-no-actions`]],\n description && [styles[`root-has-description`]]\n )}\n ref={__internalRootRef}\n >\n <div\n className={clsx(\n styles.main,\n styles[`main-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n __disableActionsWrapping && [styles['no-wrap']]\n )}\n >\n <div\n className={clsx(\n styles.title,\n styles[`title-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n __inExpandableSection && styles['title-in-expandable-section']\n )}\n >\n <HeadingTag\n className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}\n ref={__headingTagRef}\n tabIndex={__headingTagTabIndex}\n {...getAnalyticsLabelAttribute(`.${analyticsSelectors['heading-text']}`)}\n >\n <span\n {...(isInContainer ? { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_SUBSTEP_NAME } : {})}\n className={clsx(\n styles['heading-text'],\n analyticsSelectors['heading-text'],\n styles[`heading-text-variant-${variantOverride}`]\n )}\n id={headingId}\n >\n {children}\n </span>\n {counter !== undefined && <span className={styles.counter}> {counter}</span>}\n </HeadingTag>\n {info && (\n <InfoLinkLabelContext.Provider value={headingId}>\n {/* Exists to create a space between heading text and info so that a double-click selection on the last word of the heading doesn't also include info */}\n <span className={styles['virtual-space']}>  </span>\n <span className={styles.info}>{info}</span>\n </InfoLinkLabelContext.Provider>\n )}\n </div>\n {actions && (\n <div\n className={clsx(\n styles.actions,\n styles[`actions-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n !__disableActionsWrapping && [styles['actions-centered']]\n )}\n >\n {actions}\n </div>\n )}\n </div>\n <Description variantOverride={variantOverride}>{description}</Description>\n </div>\n );\n}\n\nexport function Description({ children, variantOverride }: { children: React.ReactNode; variantOverride: string }) {\n const isRefresh = useVisualRefresh();\n return (\n (children && (\n <p\n className={clsx(\n styles.description,\n styles[`description-variant-${variantOverride}`],\n isRefresh && styles.refresh\n )}\n >\n {children}\n </p>\n )) \|\|\n null\n );\n}\n"]}

package/lib/internal/template/header/styles.css.js CHANGED Viewed

@@ -1,39 +1,40 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2qdw9_1oyci_185",
-  "refresh": "awsui_refresh_2qdw9_1oyci_221",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_1oyci_221",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1oyci_224",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1oyci_224",
-  "root-has-description": "awsui_root-has-description_2qdw9_1oyci_224",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1oyci_233",
-  "main": "awsui_main_2qdw9_1oyci_243",
-  "no-wrap": "awsui_no-wrap_2qdw9_1oyci_253",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1oyci_259",
-  "actions": "awsui_actions_2qdw9_1oyci_267",
-  "actions-centered": "awsui_actions-centered_2qdw9_1oyci_272",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1oyci_275",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1oyci_279",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1oyci_283",
-  "title": "awsui_title_2qdw9_1oyci_299",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_1oyci_304",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1oyci_311",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1oyci_317",
-  "virtual-space": "awsui_virtual-space_2qdw9_1oyci_338",
-  "info": "awsui_info_2qdw9_1oyci_344",
-  "description": "awsui_description_2qdw9_1oyci_348",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1oyci_355",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1oyci_359",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1oyci_366",
-  "heading": "awsui_heading_2qdw9_1oyci_377",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1oyci_402",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1oyci_407",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1oyci_412",
-  "heading-text": "awsui_heading-text_2qdw9_1oyci_418",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1oyci_421",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1oyci_430",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1oyci_439",
-  "counter": "awsui_counter_2qdw9_1oyci_449"
+  "root": "awsui_root_2qdw9_27x69_189",
+  "refresh": "awsui_refresh_2qdw9_27x69_225",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_27x69_225",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_27x69_228",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_27x69_228",
+  "root-has-description": "awsui_root-has-description_2qdw9_27x69_228",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_27x69_237",
+  "main": "awsui_main_2qdw9_27x69_247",
+  "no-wrap": "awsui_no-wrap_2qdw9_27x69_257",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_27x69_263",
+  "actions": "awsui_actions_2qdw9_27x69_271",
+  "actions-centered": "awsui_actions-centered_2qdw9_27x69_276",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_27x69_279",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_27x69_283",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_27x69_287",
+  "title": "awsui_title_2qdw9_27x69_303",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_27x69_308",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_27x69_315",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_27x69_321",
+  "title-in-expandable-section": "awsui_title-in-expandable-section_2qdw9_27x69_334",
+  "virtual-space": "awsui_virtual-space_2qdw9_27x69_346",
+  "info": "awsui_info_2qdw9_27x69_352",
+  "description": "awsui_description_2qdw9_27x69_356",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_27x69_363",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_27x69_367",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_27x69_374",
+  "heading": "awsui_heading_2qdw9_27x69_385",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_27x69_410",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_27x69_415",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_27x69_420",
+  "heading-text": "awsui_heading-text_2qdw9_27x69_426",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_27x69_429",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_27x69_438",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_27x69_447",
+  "counter": "awsui_counter_2qdw9_27x69_457"
 };