@cloudscape-design/components 3.0.151 → 3.0.153

package/expandable-section/styles.scoped.css

@@ -94,10 +94,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_content-enter_gwq0h_ggimx_97:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_ggimx_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
+.awsui_content-enter_gwq0h_1rk8x_97:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_1rk8x_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_ggimx_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_1rk8x_1 {
   from {
     opacity: 0.2;
   }
@@ -106,40 +106,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-enter_gwq0h_ggimx_97:not(#\9) {
+  .awsui_content-enter_gwq0h_1rk8x_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_ggimx_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_ggimx_97:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_1rk8x_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_1rk8x_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9) {
+.awsui_trigger-expanded_gwq0h_1rk8x_119:not(#\9) {
   transition: border-bottom-color var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_1rk8x_119:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_1rk8x_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_1rk8x_119:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_icon_gwq0h_ggimx_133:not(#\9) {
+.awsui_icon_gwq0h_1rk8x_133:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-ux18sr, 135ms) var(--motion-easing-rotate-90-eoew89, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_ggimx_133:not(#\9) {
+  .awsui_icon_gwq0h_1rk8x_133:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_ggimx_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_ggimx_133:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_1rk8x_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1rk8x_133:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -148,7 +148,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_gwq0h_ggimx_151:not(#\9) {
+.awsui_root_gwq0h_1rk8x_151:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -189,20 +189,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_icon_gwq0h_ggimx_133:not(#\9) {
+.awsui_icon_gwq0h_1rk8x_133:not(#\9) {
   transform: rotate(-90deg);
 }
-.awsui_icon_gwq0h_ggimx_133.awsui_expanded_gwq0h_ggimx_169:not(#\9) {
+.awsui_icon_gwq0h_1rk8x_133.awsui_expanded_gwq0h_1rk8x_169:not(#\9) {
   transform: rotate(0deg);
 }
 
-.awsui_icon-container_gwq0h_ggimx_173:not(#\9) {
+.awsui_icon-container_gwq0h_1rk8x_173:not(#\9) {
   position: relative;
   margin-left: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-icon-normal-j1z5fn, 16px)) / -2);
   margin-right: calc(var(--space-xxs-ynfts5, 4px) + var(--border-divider-list-width-hacikr, 1px));
 }
 
-.awsui_trigger_gwq0h_ggimx_119:not(#\9) {
+.awsui_trigger_gwq0h_1rk8x_119:not(#\9) {
   cursor: pointer;
   box-sizing: border-box;
   display: flex;
@@ -211,48 +211,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   text-align: left;
 }
-.awsui_trigger-default_gwq0h_ggimx_188:not(#\9) {
+.awsui_trigger-default_gwq0h_1rk8x_188:not(#\9) {
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
 }
-.awsui_trigger-footer_gwq0h_ggimx_191:not(#\9) {
+.awsui_trigger-footer_gwq0h_1rk8x_191:not(#\9) {
   padding: var(--space-scaled-xxs-95dhkm, 4px) 0;
 }
-.awsui_trigger-default_gwq0h_ggimx_188:not(#\9), .awsui_trigger-footer_gwq0h_ggimx_191:not(#\9) {
+.awsui_trigger-default_gwq0h_1rk8x_188:not(#\9), .awsui_trigger-footer_gwq0h_1rk8x_191:not(#\9) {
   border: var(--border-divider-section-width-4wm2it, 2px) solid transparent;
 }
-.awsui_trigger-navigation_gwq0h_ggimx_197:not(#\9) {
+.awsui_trigger-navigation_gwq0h_1rk8x_197:not(#\9) {
   border-left: var(--border-divider-section-width-4wm2it, 2px) solid transparent;
 }
-.awsui_trigger-default_gwq0h_ggimx_188:not(#\9), .awsui_trigger-navigation_gwq0h_ggimx_197:not(#\9), .awsui_trigger-footer_gwq0h_ggimx_191:not(#\9) {
+.awsui_trigger-default_gwq0h_1rk8x_188:not(#\9), .awsui_trigger-navigation_gwq0h_1rk8x_197:not(#\9), .awsui_trigger-footer_gwq0h_1rk8x_191:not(#\9) {
   color: var(--color-text-expandable-section-default-k03p1p, #000716);
   font-weight: var(--font-heading-s-weight-k8ys41, 800);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
   font-size: var(--font-expandable-heading-size-m2wptt, 16px);
   letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
 }
-.awsui_trigger-default_gwq0h_ggimx_188:not(#\9):hover, .awsui_trigger-navigation_gwq0h_ggimx_197:not(#\9):hover, .awsui_trigger-footer_gwq0h_ggimx_191:not(#\9):hover {
+.awsui_trigger-default_gwq0h_1rk8x_188:not(#\9):hover, .awsui_trigger-navigation_gwq0h_1rk8x_197:not(#\9):hover, .awsui_trigger-footer_gwq0h_1rk8x_191:not(#\9):hover {
   color: var(--color-text-expandable-section-hover-73g3du, #0972d3);
 }
-.awsui_trigger-container_gwq0h_ggimx_209:not(#\9) {
+.awsui_trigger-container_gwq0h_1rk8x_211:not(#\9) {
   padding: var(--space-container-header-vertical-zsjhel, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_trigger-container_gwq0h_ggimx_209[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_trigger-container_gwq0h_1rk8x_211[data-awsui-focus-visible=true]:not(#\9):focus {
   padding: calc(var(--space-scaled-s-cu1hzn, 12px) - var(--border-divider-section-width-4wm2it, 2px)) calc(var(--space-l-4vl6xu, 20px) - var(--border-divider-section-width-4wm2it, 2px));
 }
-.awsui_trigger-default_gwq0h_ggimx_188.awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9) {
+.awsui_trigger-default_gwq0h_1rk8x_188.awsui_trigger-expanded_gwq0h_1rk8x_119:not(#\9) {
   border-bottom-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
 
-.awsui_header_gwq0h_ggimx_219:not(#\9) {
+.awsui_header_gwq0h_1rk8x_221:not(#\9) {
   display: flex;
 }
-.awsui_header-container_gwq0h_ggimx_222:not(#\9) {
+.awsui_header-container_gwq0h_1rk8x_224:not(#\9) {
   width: 100%;
 }
-.awsui_header-container_gwq0h_ggimx_222 > .awsui_icon-container_gwq0h_ggimx_173:not(#\9) {
+.awsui_header-container_gwq0h_1rk8x_224 > .awsui_icon-container_gwq0h_1rk8x_173:not(#\9) {
   margin-top: var(--space-expandable-section-icon-offset-top-svbirl, 4px);
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_header-container_gwq0h_ggimx_222[data-awsui-focus-visible=true]:not(#\9):focus-within {
+.awsui_header-container_gwq0h_1rk8x_224[data-awsui-focus-visible=true]:not(#\9):focus-within {
   outline: none;
   text-decoration: none;
   padding: calc(var(--space-scaled-s-cu1hzn, 12px) - var(--border-divider-section-width-4wm2it, 2px)) calc(var(--space-l-4vl6xu, 20px) - var(--border-divider-section-width-4wm2it, 2px));
@@ -261,15 +263,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_header-container-button_gwq0h_ggimx_238:not(#\9):focus {
+.awsui_header-container-button_gwq0h_1rk8x_240:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_header-container-button_gwq0h_ggimx_238 > .awsui_icon-container_gwq0h_ggimx_173:not(#\9) {
+.awsui_header-container-button_gwq0h_1rk8x_240 > .awsui_icon-container_gwq0h_1rk8x_173:not(#\9) {
   margin-top: var(--space-expandable-section-icon-offset-top-svbirl, 4px);
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173:not(#\9) {
+.awsui_header-navigation_gwq0h_1rk8x_248 > .awsui_icon-container_gwq0h_1rk8x_173:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: var(--color-text-expandable-section-navigation-icon-default-lb9rm0, #414d5c);
@@ -280,17 +282,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173:not(#\9):hover {
+.awsui_header-navigation_gwq0h_1rk8x_248 > .awsui_icon-container_gwq0h_1rk8x_173:not(#\9):hover {
   color: var(--color-text-expandable-section-hover-73g3du, #0972d3);
 }
-.awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_header-navigation_gwq0h_1rk8x_248 > .awsui_icon-container_gwq0h_1rk8x_173[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_header-navigation_gwq0h_1rk8x_248 > .awsui_icon-container_gwq0h_1rk8x_173[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_header-navigation_gwq0h_1rk8x_248 > .awsui_icon-container_gwq0h_1rk8x_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -302,24 +304,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 
-.awsui_content_gwq0h_ggimx_97:not(#\9) {
+.awsui_content_gwq0h_1rk8x_97:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_ggimx_282:not(#\9) {
+.awsui_content-default_gwq0h_1rk8x_284:not(#\9) {
   padding: var(--space-scaled-xs-6859qs, 8px) 0;
 }
-.awsui_content-footer_gwq0h_ggimx_285:not(#\9) {
+.awsui_content-footer_gwq0h_1rk8x_287:not(#\9) {
   padding: var(--space-xs-rsr2qu, 8px) 0;
 }
-.awsui_content-expanded_gwq0h_ggimx_288:not(#\9) {
+.awsui_content-expanded_gwq0h_1rk8x_290:not(#\9) {
   display: block;
 }
 
-.awsui_focusable_gwq0h_ggimx_292:not(#\9):focus {
+.awsui_focusable_gwq0h_1rk8x_294:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_focusable_gwq0h_ggimx_292[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_focusable_gwq0h_1rk8x_294[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);

package/expandable-section/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_gwq0h_ggimx_97",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_ggimx_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_ggimx_119",
-  "icon": "awsui_icon_gwq0h_ggimx_133",
-  "root": "awsui_root_gwq0h_ggimx_151",
-  "expanded": "awsui_expanded_gwq0h_ggimx_169",
-  "icon-container": "awsui_icon-container_gwq0h_ggimx_173",
-  "trigger": "awsui_trigger_gwq0h_ggimx_119",
-  "trigger-default": "awsui_trigger-default_gwq0h_ggimx_188",
-  "trigger-footer": "awsui_trigger-footer_gwq0h_ggimx_191",
-  "trigger-navigation": "awsui_trigger-navigation_gwq0h_ggimx_197",
-  "trigger-container": "awsui_trigger-container_gwq0h_ggimx_209",
-  "header": "awsui_header_gwq0h_ggimx_219",
-  "header-container": "awsui_header-container_gwq0h_ggimx_222",
-  "header-container-button": "awsui_header-container-button_gwq0h_ggimx_238",
-  "header-navigation": "awsui_header-navigation_gwq0h_ggimx_246",
-  "content": "awsui_content_gwq0h_ggimx_97",
-  "content-default": "awsui_content-default_gwq0h_ggimx_282",
-  "content-footer": "awsui_content-footer_gwq0h_ggimx_285",
-  "content-expanded": "awsui_content-expanded_gwq0h_ggimx_288",
-  "focusable": "awsui_focusable_gwq0h_ggimx_292"
+  "content-enter": "awsui_content-enter_gwq0h_1rk8x_97",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1rk8x_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_1rk8x_119",
+  "icon": "awsui_icon_gwq0h_1rk8x_133",
+  "root": "awsui_root_gwq0h_1rk8x_151",
+  "expanded": "awsui_expanded_gwq0h_1rk8x_169",
+  "icon-container": "awsui_icon-container_gwq0h_1rk8x_173",
+  "trigger": "awsui_trigger_gwq0h_1rk8x_119",
+  "trigger-default": "awsui_trigger-default_gwq0h_1rk8x_188",
+  "trigger-footer": "awsui_trigger-footer_gwq0h_1rk8x_191",
+  "trigger-navigation": "awsui_trigger-navigation_gwq0h_1rk8x_197",
+  "trigger-container": "awsui_trigger-container_gwq0h_1rk8x_211",
+  "header": "awsui_header_gwq0h_1rk8x_221",
+  "header-container": "awsui_header-container_gwq0h_1rk8x_224",
+  "header-container-button": "awsui_header-container-button_gwq0h_1rk8x_240",
+  "header-navigation": "awsui_header-navigation_gwq0h_1rk8x_248",
+  "content": "awsui_content_gwq0h_1rk8x_97",
+  "content-default": "awsui_content-default_gwq0h_1rk8x_284",
+  "content-footer": "awsui_content-footer_gwq0h_1rk8x_287",
+  "content-expanded": "awsui_content-expanded_gwq0h_1rk8x_290",
+  "focusable": "awsui_focusable_gwq0h_1rk8x_294"
 };
   

package/header/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACpG,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAwB,EACxB,wBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,mBAAmB,eAkErB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACpG,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAwB,EACxB,wBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,mBAAmB,eAoErB"}

package/header/internal.js

@@ -19,7 +19,7 @@ export default function InternalHeader(_a) {
         React.createElement("div", { className: clsx(styles.main, styles["main-variant-".concat(variantOverride)], isRefresh && styles["main-variant-".concat(variantOverride, "-refresh")]) },
             React.createElement("div", { className: clsx(styles.title, styles["title-variant-".concat(variantOverride)], isRefresh && styles["title-variant-".concat(variantOverride, "-refresh")]) },
                 React.createElement(HeadingTag, { className: clsx(styles.heading, styles["heading-variant-".concat(variantOverride)]) },
-                    React.createElement("span", { className: styles['heading-text'] }, children),
+                    React.createElement("span", { className: clsx(styles['heading-text'], styles["heading-text-variant-".concat(variantOverride)]) }, children),
                     counter !== undefined && React.createElement("span", { className: styles.counter },
                         " ",
                         counter)),

package/header/internal.js.map

@@ -1 +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 clsx from 'clsx';\nimport React, { useContext } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { HeaderProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n  __disableActionsWrapping?: boolean;\n}\n\nexport default function InternalHeader({\n  variant,\n  headingTagOverride,\n  children,\n  actions,\n  counter,\n  description,\n  info,\n  __internalRootRef = null,\n  __disableActionsWrapping,\n  ...restProps\n}: InternalHeaderProps) {\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 dynamicVariant = isStuck ? 'h2' : 'h1';\n  const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        baseProps.className,\n        styles[`root-variant-${variantOverride}`],\n        isRefresh && styles[`root-variant-${variantOverride}-refresh`],\n        !actions && [styles[`root-no-actions`]],\n        description && [styles[`root-has-description`]],\n        __disableActionsWrapping && [styles['root-no-wrap']]\n      )}\n      ref={__internalRootRef}\n    >\n      <div\n        className={clsx(\n          styles.main,\n          styles[`main-variant-${variantOverride}`],\n          isRefresh && styles[`main-variant-${variantOverride}-refresh`]\n        )}\n      >\n        <div\n          className={clsx(\n            styles.title,\n            styles[`title-variant-${variantOverride}`],\n            isRefresh && styles[`title-variant-${variantOverride}-refresh`]\n          )}\n        >\n          <HeadingTag className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}>\n            <span className={styles['heading-text']}>{children}</span>\n            {counter !== undefined && <span className={styles.counter}> {counter}</span>}\n          </HeadingTag>\n          {info && <span className={styles.info}>{info}</span>}\n        </div>\n        {description && (\n          <p\n            className={clsx(\n              styles.description,\n              styles[`description-variant-${variantOverride}`],\n              isRefresh && styles[`description-variant-${variantOverride}-refresh`]\n            )}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n      {actions && (\n        <div\n          className={clsx(\n            styles.actions,\n            styles[`actions-variant-${variantOverride}`],\n            isRefresh && styles[`actions-variant-${variantOverride}-refresh`]\n          )}\n        >\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"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 clsx from 'clsx';\nimport React, { useContext } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { HeaderProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n  __disableActionsWrapping?: boolean;\n}\n\nexport default function InternalHeader({\n  variant,\n  headingTagOverride,\n  children,\n  actions,\n  counter,\n  description,\n  info,\n  __internalRootRef = null,\n  __disableActionsWrapping,\n  ...restProps\n}: InternalHeaderProps) {\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 dynamicVariant = isStuck ? 'h2' : 'h1';\n  const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        baseProps.className,\n        styles[`root-variant-${variantOverride}`],\n        isRefresh && styles[`root-variant-${variantOverride}-refresh`],\n        !actions && [styles[`root-no-actions`]],\n        description && [styles[`root-has-description`]],\n        __disableActionsWrapping && [styles['root-no-wrap']]\n      )}\n      ref={__internalRootRef}\n    >\n      <div\n        className={clsx(\n          styles.main,\n          styles[`main-variant-${variantOverride}`],\n          isRefresh && styles[`main-variant-${variantOverride}-refresh`]\n        )}\n      >\n        <div\n          className={clsx(\n            styles.title,\n            styles[`title-variant-${variantOverride}`],\n            isRefresh && styles[`title-variant-${variantOverride}-refresh`]\n          )}\n        >\n          <HeadingTag className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}>\n            <span className={clsx(styles['heading-text'], styles[`heading-text-variant-${variantOverride}`])}>\n              {children}\n            </span>\n            {counter !== undefined && <span className={styles.counter}> {counter}</span>}\n          </HeadingTag>\n          {info && <span className={styles.info}>{info}</span>}\n        </div>\n        {description && (\n          <p\n            className={clsx(\n              styles.description,\n              styles[`description-variant-${variantOverride}`],\n              isRefresh && styles[`description-variant-${variantOverride}-refresh`]\n            )}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n      {actions && (\n        <div\n          className={clsx(\n            styles.actions,\n            styles[`actions-variant-${variantOverride}`],\n            isRefresh && styles[`actions-variant-${variantOverride}-refresh`]\n          )}\n        >\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/header/styles.css.js

@@ -1,45 +1,49 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2qdw9_1s542_93",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_1s542_108",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1s542_108",
-  "root-variant-h1-refresh": "awsui_root-variant-h1-refresh_2qdw9_1s542_111",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1s542_114",
-  "root-has-description": "awsui_root-has-description_2qdw9_1s542_114",
-  "root-variant-h2-refresh": "awsui_root-variant-h2-refresh_2qdw9_1s542_117",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1s542_120",
-  "root-variant-h3-refresh": "awsui_root-variant-h3-refresh_2qdw9_1s542_123",
-  "root-no-wrap": "awsui_root-no-wrap_2qdw9_1s542_126",
-  "main": "awsui_main_2qdw9_1s542_130",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1s542_138",
-  "main-variant-h1-refresh": "awsui_main-variant-h1-refresh_2qdw9_1s542_141",
-  "main-variant-h2": "awsui_main-variant-h2_2qdw9_1s542_147",
-  "main-variant-h3": "awsui_main-variant-h3_2qdw9_1s542_147",
-  "main-variant-h2-refresh": "awsui_main-variant-h2-refresh_2qdw9_1s542_153",
-  "actions": "awsui_actions_2qdw9_1s542_160",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1s542_164",
-  "actions-variant-h1-refresh": "awsui_actions-variant-h1-refresh_2qdw9_1s542_167",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1s542_170",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1s542_170",
-  "actions-variant-h2-refresh": "awsui_actions-variant-h2-refresh_2qdw9_1s542_176",
-  "actions-variant-h3-refresh": "awsui_actions-variant-h3-refresh_2qdw9_1s542_179",
-  "title": "awsui_title_2qdw9_1s542_183",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1s542_189",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1s542_189",
-  "title-variant-h2-refresh": "awsui_title-variant-h2-refresh_2qdw9_1s542_198",
-  "info": "awsui_info_2qdw9_1s542_208",
-  "description": "awsui_description_2qdw9_1s542_212",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1s542_217",
-  "description-variant-h1-refresh": "awsui_description-variant-h1-refresh_2qdw9_1s542_222",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1s542_225",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1s542_230",
-  "description-variant-h3-refresh": "awsui_description-variant-h3-refresh_2qdw9_1s542_236",
-  "heading": "awsui_heading_2qdw9_1s542_240",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1s542_249",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1s542_255",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1s542_259",
-  "heading-text": "awsui_heading-text_2qdw9_1s542_264",
-  "counter": "awsui_counter_2qdw9_1s542_268"
+  "root": "awsui_root_2qdw9_rse6p_93",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_rse6p_108",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_rse6p_108",
+  "root-variant-h1-refresh": "awsui_root-variant-h1-refresh_2qdw9_rse6p_111",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_rse6p_114",
+  "root-has-description": "awsui_root-has-description_2qdw9_rse6p_114",
+  "root-variant-h2-refresh": "awsui_root-variant-h2-refresh_2qdw9_rse6p_117",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_rse6p_120",
+  "root-variant-h3-refresh": "awsui_root-variant-h3-refresh_2qdw9_rse6p_123",
+  "root-no-wrap": "awsui_root-no-wrap_2qdw9_rse6p_126",
+  "main": "awsui_main_2qdw9_rse6p_130",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_rse6p_138",
+  "main-variant-h1-refresh": "awsui_main-variant-h1-refresh_2qdw9_rse6p_141",
+  "main-variant-h2": "awsui_main-variant-h2_2qdw9_rse6p_147",
+  "main-variant-h3": "awsui_main-variant-h3_2qdw9_rse6p_147",
+  "main-variant-h2-refresh": "awsui_main-variant-h2-refresh_2qdw9_rse6p_153",
+  "actions": "awsui_actions_2qdw9_rse6p_160",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_rse6p_164",
+  "actions-variant-h1-refresh": "awsui_actions-variant-h1-refresh_2qdw9_rse6p_167",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_rse6p_170",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_rse6p_170",
+  "actions-variant-h2-refresh": "awsui_actions-variant-h2-refresh_2qdw9_rse6p_176",
+  "actions-variant-h3-refresh": "awsui_actions-variant-h3-refresh_2qdw9_rse6p_179",
+  "title": "awsui_title_2qdw9_rse6p_183",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_rse6p_189",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_rse6p_192",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_rse6p_192",
+  "title-variant-h2-refresh": "awsui_title-variant-h2-refresh_2qdw9_rse6p_198",
+  "info": "awsui_info_2qdw9_rse6p_205",
+  "description": "awsui_description_2qdw9_rse6p_209",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_rse6p_214",
+  "description-variant-h1-refresh": "awsui_description-variant-h1-refresh_2qdw9_rse6p_219",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_rse6p_222",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_rse6p_227",
+  "description-variant-h3-refresh": "awsui_description-variant-h3-refresh_2qdw9_rse6p_233",
+  "heading": "awsui_heading_2qdw9_rse6p_237",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_rse6p_246",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_rse6p_251",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_rse6p_256",
+  "heading-text": "awsui_heading-text_2qdw9_rse6p_262",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_rse6p_265",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_rse6p_273",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_rse6p_281",
+  "counter": "awsui_counter_2qdw9_rse6p_290"
 };