npm - @cloudscape-design/components - Versions diffs - 3.0.505 → 3.0.507 - Mend

@cloudscape-design/components 3.0.505 → 3.0.507

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

package/expandable-section/styles.css.js CHANGED Viewed

@@ -1,37 +1,37 @@
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_gwq0h_g3frk_97",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_g3frk_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_g3frk_119",
-  "icon": "awsui_icon_gwq0h_g3frk_133",
-  "root": "awsui_root_gwq0h_g3frk_151",
-  "expand-button": "awsui_expand-button_gwq0h_g3frk_189",
-  "expanded": "awsui_expanded_gwq0h_g3frk_196",
-  "icon-container": "awsui_icon-container_gwq0h_g3frk_200",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_g3frk_205",
-  "wrapper": "awsui_wrapper_gwq0h_g3frk_209",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_g3frk_216",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_g3frk_216",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_g3frk_219",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_g3frk_222",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_g3frk_226",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_g3frk_240",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_g3frk_264",
-  "header": "awsui_header_gwq0h_g3frk_240",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_g3frk_283",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_g3frk_293",
-  "header-button": "awsui_header-button_gwq0h_g3frk_298",
-  "header-container-button": "awsui_header-container-button_gwq0h_g3frk_298",
-  "header-container": "awsui_header-container_gwq0h_g3frk_298",
-  "header-navigation": "awsui_header-navigation_gwq0h_g3frk_330",
-  "header-text": "awsui_header-text_gwq0h_g3frk_362",
-  "content": "awsui_content_gwq0h_g3frk_97",
-  "content-default": "awsui_content-default_gwq0h_g3frk_369",
-  "content-footer": "awsui_content-footer_gwq0h_g3frk_372",
-  "content-expanded": "awsui_content-expanded_gwq0h_g3frk_375",
-  "content-compact": "awsui_content-compact_gwq0h_g3frk_378",
-  "focusable": "awsui_focusable_gwq0h_g3frk_382",
-  "click-target": "awsui_click-target_gwq0h_g3frk_393"
+  "content-enter": "awsui_content-enter_gwq0h_11fqg_97",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_11fqg_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_11fqg_119",
+  "icon": "awsui_icon_gwq0h_11fqg_133",
+  "root": "awsui_root_gwq0h_11fqg_151",
+  "expand-button": "awsui_expand-button_gwq0h_11fqg_189",
+  "expanded": "awsui_expanded_gwq0h_11fqg_196",
+  "icon-container": "awsui_icon-container_gwq0h_11fqg_200",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_11fqg_205",
+  "wrapper": "awsui_wrapper_gwq0h_11fqg_209",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_11fqg_216",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_11fqg_216",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_11fqg_219",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_11fqg_222",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_11fqg_226",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_11fqg_240",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_11fqg_264",
+  "header": "awsui_header_gwq0h_11fqg_240",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_11fqg_283",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_11fqg_293",
+  "header-button": "awsui_header-button_gwq0h_11fqg_298",
+  "header-container-button": "awsui_header-container-button_gwq0h_11fqg_298",
+  "header-container": "awsui_header-container_gwq0h_11fqg_298",
+  "header-navigation": "awsui_header-navigation_gwq0h_11fqg_330",
+  "header-text": "awsui_header-text_gwq0h_11fqg_362",
+  "content": "awsui_content_gwq0h_11fqg_97",
+  "content-default": "awsui_content-default_gwq0h_11fqg_369",
+  "content-footer": "awsui_content-footer_gwq0h_11fqg_372",
+  "content-expanded": "awsui_content-expanded_gwq0h_11fqg_375",
+  "content-compact": "awsui_content-compact_gwq0h_11fqg_378",
+  "focusable": "awsui_focusable_gwq0h_11fqg_382",
+  "click-target": "awsui_click-target_gwq0h_11fqg_393"
 };

package/expandable-section/styles.scoped.css CHANGED Viewed

@@ -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_g3frk_97:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_g3frk_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
+.awsui_content-enter_gwq0h_11fqg_97:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_11fqg_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_g3frk_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_11fqg_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_g3frk_97:not(#\9) {
+  .awsui_content-enter_gwq0h_11fqg_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_g3frk_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_g3frk_97:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_11fqg_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_11fqg_97:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_trigger-expanded_gwq0h_g3frk_119:not(#\9) {
+.awsui_trigger-expanded_gwq0h_11fqg_119:not(#\9) {
   transition: border-bottom-color var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_g3frk_119:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_11fqg_119:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_g3frk_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_g3frk_119:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_11fqg_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_11fqg_119:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_icon_gwq0h_g3frk_133:not(#\9) {
+.awsui_icon_gwq0h_11fqg_133:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-4ry26y, 135ms) var(--motion-easing-rotate-90-sb4dk7, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_g3frk_133:not(#\9) {
+  .awsui_icon_gwq0h_11fqg_133:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_g3frk_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_g3frk_133:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_11fqg_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_11fqg_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_g3frk_151:not(#\9) {
+.awsui_root_gwq0h_11fqg_151:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -187,123 +187,123 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
-.awsui_expand-button_gwq0h_g3frk_189:not(#\9) {
-  /* used in test-utils */
+.awsui_expand-button_gwq0h_11fqg_189:not(#\9) {
+  outline: none;
 }
-.awsui_icon_gwq0h_g3frk_133:not(#\9) {
+.awsui_icon_gwq0h_11fqg_133:not(#\9) {
   transform: rotate(-90deg);
 }
-.awsui_icon_gwq0h_g3frk_133.awsui_expanded_gwq0h_g3frk_196:not(#\9) {
+.awsui_icon_gwq0h_11fqg_133.awsui_expanded_gwq0h_11fqg_196:not(#\9) {
   transform: rotate(0deg);
 }
-.awsui_icon-container_gwq0h_g3frk_200:not(#\9) {
+.awsui_icon-container_gwq0h_11fqg_200:not(#\9) {
   position: relative;
   margin-left: calc((var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2);
   margin-right: calc(var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px));
 }
-.awsui_icon-container-container_gwq0h_g3frk_205:not(#\9) {
+.awsui_icon-container-container_gwq0h_11fqg_205:not(#\9) {
   margin-right: var(--space-xs-zb16t3, 8px);
 }
-.awsui_wrapper_gwq0h_g3frk_209:not(#\9) {
+.awsui_wrapper_gwq0h_11fqg_209:not(#\9) {
   box-sizing: border-box;
   border: none;
   width: 100%;
   line-height: var(--line-height-body-m-30ar75, 20px);
   text-align: left;
 }
-.awsui_wrapper-default_gwq0h_g3frk_216:not(#\9), .awsui_wrapper-footer_gwq0h_g3frk_216:not(#\9) {
+.awsui_wrapper-default_gwq0h_11fqg_216:not(#\9), .awsui_wrapper-footer_gwq0h_11fqg_216:not(#\9) {
   border: var(--border-divider-section-width-1061zr, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_g3frk_219:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_11fqg_219:not(#\9) {
   border-left: var(--border-divider-section-width-1061zr, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_g3frk_219:not(#\9), .awsui_wrapper-container_gwq0h_g3frk_222:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_11fqg_219:not(#\9), .awsui_wrapper-container_gwq0h_11fqg_222:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-cwn6wc, 700);
 }
-.awsui_wrapper-default_gwq0h_g3frk_216:not(#\9), .awsui_wrapper-navigation_gwq0h_g3frk_219:not(#\9), .awsui_wrapper-footer_gwq0h_g3frk_216:not(#\9), .awsui_wrapper-compact_gwq0h_g3frk_226:not(#\9) {
+.awsui_wrapper-default_gwq0h_11fqg_216:not(#\9), .awsui_wrapper-navigation_gwq0h_11fqg_219:not(#\9), .awsui_wrapper-footer_gwq0h_11fqg_216:not(#\9), .awsui_wrapper-compact_gwq0h_11fqg_226:not(#\9) {
   color: var(--color-text-expandable-section-default-djhi83, #000716);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_wrapper-default_gwq0h_g3frk_216:not(#\9), .awsui_wrapper-navigation_gwq0h_g3frk_219:not(#\9), .awsui_wrapper-footer_gwq0h_g3frk_216:not(#\9) {
+.awsui_wrapper-default_gwq0h_11fqg_216:not(#\9), .awsui_wrapper-navigation_gwq0h_11fqg_219:not(#\9), .awsui_wrapper-footer_gwq0h_11fqg_216:not(#\9) {
   font-size: var(--font-expandable-heading-size-smdiul, 16px);
   letter-spacing: var(--letter-spacing-heading-s-jr3mor, -0.005em);
 }
-.awsui_wrapper-default_gwq0h_g3frk_216:not(#\9) {
+.awsui_wrapper-default_gwq0h_11fqg_216:not(#\9) {
   padding-top: var(--space-scaled-xxs-7597g1, 4px);
   padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
   padding-right: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_wrapper-default_gwq0h_g3frk_216.awsui_header-deprecated_gwq0h_g3frk_240:not(#\9) {
+.awsui_wrapper-default_gwq0h_11fqg_216.awsui_header-deprecated_gwq0h_11fqg_240:not(#\9) {
   padding-left: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_wrapper-default_gwq0h_g3frk_216:not(#\9):not(.awsui_header-deprecated_gwq0h_g3frk_240) {
+.awsui_wrapper-default_gwq0h_11fqg_216:not(#\9):not(.awsui_header-deprecated_gwq0h_11fqg_240) {
   padding-left: calc(var(--space-xxs-p8yyaw, 4px) + calc(var(--size-icon-normal-0m1722, 16px) + (var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px)));
 }
-.awsui_wrapper-footer_gwq0h_g3frk_216:not(#\9) {
+.awsui_wrapper-footer_gwq0h_11fqg_216:not(#\9) {
   padding-top: var(--space-scaled-xxs-7597g1, 4px);
   padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_wrapper-footer_gwq0h_g3frk_216:not(#\9), .awsui_wrapper-compact_gwq0h_g3frk_226:not(#\9) {
+.awsui_wrapper-footer_gwq0h_11fqg_216:not(#\9), .awsui_wrapper-compact_gwq0h_11fqg_226:not(#\9) {
   padding-right: 0;
 }
-.awsui_wrapper-footer_gwq0h_g3frk_216.awsui_header-deprecated_gwq0h_g3frk_240:not(#\9), .awsui_wrapper-compact_gwq0h_g3frk_226.awsui_header-deprecated_gwq0h_g3frk_240:not(#\9) {
+.awsui_wrapper-footer_gwq0h_11fqg_216.awsui_header-deprecated_gwq0h_11fqg_240:not(#\9), .awsui_wrapper-compact_gwq0h_11fqg_226.awsui_header-deprecated_gwq0h_11fqg_240:not(#\9) {
   padding-left: 0;
 }
-.awsui_wrapper-footer_gwq0h_g3frk_216:not(#\9):not(.awsui_header-deprecated_gwq0h_g3frk_240), .awsui_wrapper-compact_gwq0h_g3frk_226:not(#\9):not(.awsui_header-deprecated_gwq0h_g3frk_240) {
+.awsui_wrapper-footer_gwq0h_11fqg_216:not(#\9):not(.awsui_header-deprecated_gwq0h_11fqg_240), .awsui_wrapper-compact_gwq0h_11fqg_226:not(#\9):not(.awsui_header-deprecated_gwq0h_11fqg_240) {
   padding-left: calc(var(--size-icon-normal-0m1722, 16px) + (var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px));
 }
-.awsui_wrapper-container_gwq0h_g3frk_222:not(#\9) {
+.awsui_wrapper-container_gwq0h_11fqg_222:not(#\9) {
   padding-top: var(--space-container-header-top-5qav00, 12px);
   padding-bottom: var(--space-container-header-bottom-vj01hn, 8px);
   padding-right: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_wrapper-container_gwq0h_g3frk_222:not(#\9):not(.awsui_wrapper-expanded_gwq0h_g3frk_264) {
+.awsui_wrapper-container_gwq0h_11fqg_222:not(#\9):not(.awsui_wrapper-expanded_gwq0h_11fqg_264) {
   padding-bottom: var(--space-container-header-top-5qav00, 12px);
 }
-.awsui_wrapper-container_gwq0h_g3frk_222.awsui_header-deprecated_gwq0h_g3frk_240:not(#\9) {
+.awsui_wrapper-container_gwq0h_11fqg_222.awsui_header-deprecated_gwq0h_11fqg_240:not(#\9) {
   padding-left: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_wrapper-container_gwq0h_g3frk_222:not(#\9):not(.awsui_header-deprecated_gwq0h_g3frk_240) {
+.awsui_wrapper-container_gwq0h_11fqg_222:not(#\9):not(.awsui_header-deprecated_gwq0h_11fqg_240) {
   padding-left: calc(var(--space-container-horizontal-wfukh3, 20px) + calc(var(--size-icon-medium-y9xuoq, 20px) + (var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xs-zb16t3, 8px)));
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_g3frk_222:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_11fqg_222:not(#\9):focus {
   padding: calc(var(--space-scaled-s-aqzyko, 12px) - var(--border-divider-section-width-1061zr, 1px)) calc(var(--space-l-t419sm, 20px) - var(--border-divider-section-width-1061zr, 1px));
 }
-.awsui_wrapper-default_gwq0h_g3frk_216.awsui_wrapper-expanded_gwq0h_g3frk_264:not(#\9) {
+.awsui_wrapper-default_gwq0h_11fqg_216.awsui_wrapper-expanded_gwq0h_11fqg_264:not(#\9) {
   border-bottom-color: var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-.awsui_header_gwq0h_g3frk_240:not(#\9) {
+.awsui_header_gwq0h_11fqg_240:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-wrapper_gwq0h_g3frk_283:not(#\9), .awsui_header-deprecated_gwq0h_g3frk_240:not(#\9) {
+.awsui_header-wrapper_gwq0h_11fqg_283:not(#\9), .awsui_header-deprecated_gwq0h_11fqg_240:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-cwn6wc, 700);
 }
-.awsui_header-wrapper_gwq0h_g3frk_283:not(#\9) {
+.awsui_header-wrapper_gwq0h_11fqg_283:not(#\9) {
   font-size: inherit;
   letter-spacing: inherit;
   margin: 0;
   padding: 0;
 }
-.awsui_header-actions-wrapper_gwq0h_g3frk_293:not(#\9) {
+.awsui_header-actions-wrapper_gwq0h_11fqg_293:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_g3frk_298:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_g3frk_298:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_11fqg_298:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_11fqg_298:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_g3frk_298:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_g3frk_298:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_11fqg_298:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_11fqg_298:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_g3frk_298:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_g3frk_298:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_11fqg_298:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_11fqg_298:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -314,21 +314,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_g3frk_298:not(#\9
   border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_header-button_gwq0h_g3frk_298:not(#\9) {
+.awsui_header-button_gwq0h_11fqg_298:not(#\9) {
   box-sizing: border-box;
   display: flex;
   margin-left: calc(-1 * calc(var(--size-icon-normal-0m1722, 16px) + (var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px)));
 }
-.awsui_header-container-button_gwq0h_g3frk_298:not(#\9) {
+.awsui_header-container-button_gwq0h_11fqg_298:not(#\9) {
   margin-left: calc(-1 * calc(var(--size-icon-medium-y9xuoq, 20px) + (var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xs-zb16t3, 8px)));
 }
-.awsui_header-container_gwq0h_g3frk_298:not(#\9) {
+.awsui_header-container_gwq0h_11fqg_298:not(#\9) {
   width: 100%;
 }
-.awsui_header-container_gwq0h_g3frk_298 > .awsui_icon-container_gwq0h_g3frk_200:not(#\9) {
+.awsui_header-container_gwq0h_11fqg_298 > .awsui_icon-container_gwq0h_11fqg_200:not(#\9) {
   margin-top: var(--space-expandable-section-icon-offset-top-ekk5vc, 4px);
 }
-.awsui_header-navigation_gwq0h_g3frk_330 > .awsui_icon-container_gwq0h_g3frk_200:not(#\9) {
+.awsui_header-navigation_gwq0h_11fqg_330 > .awsui_icon-container_gwq0h_11fqg_200:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: var(--color-text-expandable-section-navigation-icon-default-htcovl, #414d5c);
@@ -339,17 +339,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_g3frk_298:not(#\9
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_g3frk_330 > .awsui_icon-container_gwq0h_g3frk_200:not(#\9):hover {
+.awsui_header-navigation_gwq0h_11fqg_330 > .awsui_icon-container_gwq0h_11fqg_200:not(#\9):hover {
   color: var(--color-text-expandable-section-hover-2d1zpj, #0972d3);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_g3frk_330 > .awsui_icon-container_gwq0h_g3frk_200:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_11fqg_330 > .awsui_icon-container_gwq0h_11fqg_200:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_g3frk_330 > .awsui_icon-container_gwq0h_g3frk_200:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_11fqg_330 > .awsui_icon-container_gwq0h_11fqg_200:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_g3frk_330 > .awsui_icon-container_gwq0h_g3frk_200:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_11fqg_330 > .awsui_icon-container_gwq0h_11fqg_200:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -360,40 +360,40 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_g3frk_330 > .
   border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_header-text_gwq0h_g3frk_362:not(#\9) {
+.awsui_header-text_gwq0h_11fqg_362:not(#\9) {
   /* used in test-utils */
 }
-.awsui_content_gwq0h_g3frk_97:not(#\9) {
+.awsui_content_gwq0h_11fqg_97:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_g3frk_369:not(#\9) {
+.awsui_content-default_gwq0h_11fqg_369:not(#\9) {
   padding: var(--space-scaled-xs-26e2du, 8px) 0;
 }
-.awsui_content-footer_gwq0h_g3frk_372:not(#\9) {
+.awsui_content-footer_gwq0h_11fqg_372:not(#\9) {
   padding: var(--space-xs-zb16t3, 8px) 0;
 }
-.awsui_content-expanded_gwq0h_g3frk_375:not(#\9) {
+.awsui_content-expanded_gwq0h_11fqg_375:not(#\9) {
   display: block;
 }
-.awsui_content-compact_gwq0h_g3frk_378:not(#\9) {
+.awsui_content-compact_gwq0h_11fqg_378:not(#\9) {
   padding-inline-start: calc(var(--size-icon-normal-0m1722, 16px) + (var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px));
 }
-.awsui_focusable_gwq0h_g3frk_382:not(#\9):focus {
+.awsui_focusable_gwq0h_11fqg_382:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_g3frk_382:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_11fqg_382:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
   border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_click-target_gwq0h_g3frk_393:not(#\9) {
+.awsui_click-target_gwq0h_11fqg_393:not(#\9) {
   cursor: pointer;
 }
-.awsui_click-target_gwq0h_g3frk_393:not(#\9):not(.awsui_wrapper-container_gwq0h_g3frk_222):not(.awsui_header-container-button_gwq0h_g3frk_298):hover {
+.awsui_click-target_gwq0h_11fqg_393:not(#\9):not(.awsui_wrapper-container_gwq0h_11fqg_222):not(.awsui_header-container-button_gwq0h_11fqg_298):hover {
   color: var(--color-text-expandable-section-hover-2d1zpj, #0972d3);
 }

package/expandable-section/styles.selectors.js CHANGED Viewed

@@ -2,37 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_gwq0h_g3frk_97",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_g3frk_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_g3frk_119",
-  "icon": "awsui_icon_gwq0h_g3frk_133",
-  "root": "awsui_root_gwq0h_g3frk_151",
-  "expand-button": "awsui_expand-button_gwq0h_g3frk_189",
-  "expanded": "awsui_expanded_gwq0h_g3frk_196",
-  "icon-container": "awsui_icon-container_gwq0h_g3frk_200",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_g3frk_205",
-  "wrapper": "awsui_wrapper_gwq0h_g3frk_209",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_g3frk_216",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_g3frk_216",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_g3frk_219",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_g3frk_222",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_g3frk_226",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_g3frk_240",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_g3frk_264",
-  "header": "awsui_header_gwq0h_g3frk_240",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_g3frk_283",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_g3frk_293",
-  "header-button": "awsui_header-button_gwq0h_g3frk_298",
-  "header-container-button": "awsui_header-container-button_gwq0h_g3frk_298",
-  "header-container": "awsui_header-container_gwq0h_g3frk_298",
-  "header-navigation": "awsui_header-navigation_gwq0h_g3frk_330",
-  "header-text": "awsui_header-text_gwq0h_g3frk_362",
-  "content": "awsui_content_gwq0h_g3frk_97",
-  "content-default": "awsui_content-default_gwq0h_g3frk_369",
-  "content-footer": "awsui_content-footer_gwq0h_g3frk_372",
-  "content-expanded": "awsui_content-expanded_gwq0h_g3frk_375",
-  "content-compact": "awsui_content-compact_gwq0h_g3frk_378",
-  "focusable": "awsui_focusable_gwq0h_g3frk_382",
-  "click-target": "awsui_click-target_gwq0h_g3frk_393"
+  "content-enter": "awsui_content-enter_gwq0h_11fqg_97",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_11fqg_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_11fqg_119",
+  "icon": "awsui_icon_gwq0h_11fqg_133",
+  "root": "awsui_root_gwq0h_11fqg_151",
+  "expand-button": "awsui_expand-button_gwq0h_11fqg_189",
+  "expanded": "awsui_expanded_gwq0h_11fqg_196",
+  "icon-container": "awsui_icon-container_gwq0h_11fqg_200",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_11fqg_205",
+  "wrapper": "awsui_wrapper_gwq0h_11fqg_209",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_11fqg_216",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_11fqg_216",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_11fqg_219",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_11fqg_222",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_11fqg_226",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_11fqg_240",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_11fqg_264",
+  "header": "awsui_header_gwq0h_11fqg_240",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_11fqg_283",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_11fqg_293",
+  "header-button": "awsui_header-button_gwq0h_11fqg_298",
+  "header-container-button": "awsui_header-container-button_gwq0h_11fqg_298",
+  "header-container": "awsui_header-container_gwq0h_11fqg_298",
+  "header-navigation": "awsui_header-navigation_gwq0h_11fqg_330",
+  "header-text": "awsui_header-text_gwq0h_11fqg_362",
+  "content": "awsui_content_gwq0h_11fqg_97",
+  "content-default": "awsui_content-default_gwq0h_11fqg_369",
+  "content-footer": "awsui_content-footer_gwq0h_11fqg_372",
+  "content-expanded": "awsui_content-expanded_gwq0h_11fqg_375",
+  "content-compact": "awsui_content-compact_gwq0h_11fqg_378",
+  "focusable": "awsui_focusable_gwq0h_11fqg_382",
+  "click-target": "awsui_click-target_gwq0h_11fqg_393"
 };

package/internal/components/dark-ribbon/index.js CHANGED Viewed

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { useEffect, useRef } from 'react';
 import { useMutationObserver } from '../../hooks/use-mutation-observer';
-import { contentHeaderClassName } from '../../utils/content-header-utils';
+import { getContentHeaderClassName } from '../../utils/content-header-utils';
 import styles from './styles.css.js';
 import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
 function setIfChanged(oldValue, newValue, setter) {
@@ -40,7 +40,7 @@ export default function DarkRibbon({ children, isRefresh, hasPlainStyling }) {
     if (hasPlainStyling === true || !isRefresh) {
         return React.createElement(React.Fragment, null, children);
     }
-    return (React.createElement("div", { ref: containerRef, className: contentHeaderClassName },
+    return (React.createElement("div", { ref: containerRef, className: getContentHeaderClassName() },
         React.createElement("div", { ref: fillRef, className: styles['background-fill'] }),
         React.createElement("div", { className: styles.content }, children)));
 }

package/internal/components/dark-ribbon/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,~~sBAAsB~~,EAAE,MAAM,kCAAkC,CAAC;~~AAC1E~~,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAQlF,SAAS,YAAY,CAAC,QAAgB,EAAE,QAAgB,EAAE,MAAkC;IAC1F,IAAI,QAAQ,KAAK,QAAQ,EAAE;QACzB,MAAM,CAAC,QAAQ,CAAC,CAAC;KAClB;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAmB;IAC1F,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,iBAAiB,CAAC,CAAC,IAAiB,EAAE,EAAe,EAAE,EAAE;QACzE,0EAA0E;QAC1E,6CAA6C;QAC7C,wEAAwE;QACxE,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC1C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;QACvE,YAAY,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;QACxF,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC;QACnF,YAAY,CACV,QAAQ,EACR,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EACpD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,CACxC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE;QACvC,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;SAClC;IACH,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,IAAI,YAAY,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;gBAC3C,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;aAClD;QACH,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC3C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,eAAe,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE;QAC1C,OAAO,0CAAG,QAAQ,CAAI,CAAC;KACxB;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,~~sBAAsB~~;~~QACvD~~,6BAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,GAAI;QAC3D,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport { ~~contentHeaderClassName~~ } from '../../utils/content-header-utils';\nimport styles from './styles.css.js';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface DarkRibbonProps {\n children: React.ReactNode;\n isRefresh: boolean;\n hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n if (oldValue !== newValue) {\n setter(newValue);\n }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const fillRef = useRef<HTMLDivElement>(null);\n const syncSizes = useStableCallback((from: HTMLElement, to: HTMLElement) => {\n // JSDOM calls mutation observer callback even if attribute did not change\n // https://github.com/jsdom/jsdom/issues/3305\n // To prevent infinite loops, we need to check the values before setting\n const size = from.getBoundingClientRect();\n const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n setIfChanged(\n oldRight,\n `${-1 * (document.body.clientWidth - size.right)}px`,\n newRight => (to.style.right = newRight)\n );\n });\n useMutationObserver(containerRef, node => {\n if (fillRef.current) {\n syncSizes(node, fillRef.current);\n }\n });\n useEffect(() => {\n const handler = () => {\n if (containerRef.current && fillRef.current) {\n syncSizes(containerRef.current, fillRef.current);\n }\n };\n window.addEventListener('resize', handler);\n return () => window.removeEventListener('resize', handler);\n }, [syncSizes]);\n\n if (hasPlainStyling === true \|\| !isRefresh) {\n return <>{children}</>;\n }\n\n return (\n <div ref={containerRef} className={~~contentHeaderClassName~~}>\n <div ref={fillRef} className={styles['background-fill']} />\n <div className={styles.content}>{children}</div>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.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, { useEffect, useRef } from 'react';\nimport { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport { getContentHeaderClassName } from '../../utils/content-header-utils';\nimport styles from './styles.css.js';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface DarkRibbonProps {\n children: React.ReactNode;\n isRefresh: boolean;\n hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n if (oldValue !== newValue) {\n setter(newValue);\n }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const fillRef = useRef<HTMLDivElement>(null);\n const syncSizes = useStableCallback((from: HTMLElement, to: HTMLElement) => {\n // JSDOM calls mutation observer callback even if attribute did not change\n // https://github.com/jsdom/jsdom/issues/3305\n // To prevent infinite loops, we need to check the values before setting\n const size = from.getBoundingClientRect();\n const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n setIfChanged(\n oldRight,\n `${-1 * (document.body.clientWidth - size.right)}px`,\n newRight => (to.style.right = newRight)\n );\n });\n useMutationObserver(containerRef, node => {\n if (fillRef.current) {\n syncSizes(node, fillRef.current);\n }\n });\n useEffect(() => {\n const handler = () => {\n if (containerRef.current && fillRef.current) {\n syncSizes(containerRef.current, fillRef.current);\n }\n };\n window.addEventListener('resize', handler);\n return () => window.removeEventListener('resize', handler);\n }, [syncSizes]);\n\n if (hasPlainStyling === true \|\| !isRefresh) {\n return <>{children}</>;\n }\n\n return (\n <div ref={containerRef} className={getContentHeaderClassName()}>\n <div ref={fillRef} className={styles['background-fill']} />\n <div className={styles.content}>{children}</div>\n </div>\n );\n}\n"]}

package/internal/environment.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (5d94df4b)";
+export var PACKAGE_VERSION = "3.0.0 (59de5ea0)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (5d94df4b)",
+  "PACKAGE_VERSION": "3.0.0 (59de5ea0)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "5d94df4b0e17b8496036a4bbb2475e04225f29dc"
+  "commit": "59de5ea0814bb03145839c6cc45bca328a0fb309"
 }

package/internal/utils/content-header-utils.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export declare const shouldRemoveHighContrastHeader: boolean;
-export declare const contentHeaderClassName: string;
+export declare const shouldRemoveHighContrastHeader: () => boolean;
+export declare const getContentHeaderClassName: () => string;
 //# sourceMappingURL=content-header-utils.d.ts.map

package/internal/utils/content-header-utils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"content-header-utils.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,8BAA8B,~~SAA8C~~,CAAC;~~AAC1F~~,eAAO,MAAM,~~sBAAsB~~,~~QAAuE~~,CAAC"}
1	+ {"version":3,"file":"content-header-utils.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,8BAA8B,QAAO,OAAsD,CAAC;AACzG,eAAO,MAAM,yBAAyB,QAAO,MAC2B,CAAC"}

package/internal/utils/content-header-utils.js CHANGED Viewed

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { getGlobalFlag } from './global-flags';
-export const shouldRemoveHighContrastHeader = !!getGlobalFlag('removeHighContrastHeader');
-export const contentHeaderClassName = shouldRemoveHighContrastHeader ? '' : 'awsui-context-content-header';
+export const shouldRemoveHighContrastHeader = () => !!getGlobalFlag('removeHighContrastHeader');
+export const getContentHeaderClassName = () => shouldRemoveHighContrastHeader() ? '' : 'awsui-context-content-header';
 //# sourceMappingURL=content-header-utils.js.map

package/internal/utils/content-header-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"content-header-utils.js","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;~~AAC1F~~,MAAM,CAAC,MAAM,~~sBAAsB~~,GAAG,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getGlobalFlag } from './global-flags';\n\nexport const shouldRemoveHighContrastHeader = !!getGlobalFlag('removeHighContrastHeader');\nexport const ~~contentHeaderClassName~~ = shouldRemoveHighContrastHeader ? '' : 'awsui-context-content-header';\n"]}
1	+ {"version":3,"file":"content-header-utils.js","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAY,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;AACzG,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAW,EAAE,CACpD,8BAA8B,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getGlobalFlag } from './global-flags';\n\nexport const shouldRemoveHighContrastHeader = (): boolean => !!getGlobalFlag('removeHighContrastHeader');\nexport const getContentHeaderClassName = (): string =>\n shouldRemoveHighContrastHeader() ? '' : 'awsui-context-content-header';\n"]}