@cloudscape-design/components 3.0.720 → 3.0.722

package/header/styles.scoped.css

@@ -66,6 +66,78 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
@@ -84,8 +156,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among 
-surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -94,7 +164,17 @@ 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_2qdw9_12abv_97:not(#\9) {
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+.awsui_root_2qdw9_v86v2_177:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -134,29 +214,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
   justify-content: space-between;
 }
-.awsui_root_2qdw9_12abv_97.awsui_refresh_2qdw9_12abv_136:not(#\9), .awsui_root_2qdw9_12abv_97:not(#\9):not(.awsui_root-no-actions_2qdw9_12abv_136) {
+.awsui_root_2qdw9_v86v2_177.awsui_refresh_2qdw9_v86v2_216:not(#\9), .awsui_root_2qdw9_v86v2_177:not(#\9):not(.awsui_root-no-actions_2qdw9_v86v2_216) {
   row-gap: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_root-no-actions_2qdw9_12abv_136.awsui_root-variant-h2_2qdw9_12abv_139:not(#\9):not(.awsui_refresh_2qdw9_12abv_136), .awsui_root-no-actions_2qdw9_12abv_136.awsui_root-variant-h3_2qdw9_12abv_139:not(#\9):not(.awsui_refresh_2qdw9_12abv_136), .awsui_root-has-description_2qdw9_12abv_139.awsui_root-variant-h2_2qdw9_12abv_139:not(#\9):not(.awsui_refresh_2qdw9_12abv_136), .awsui_root-has-description_2qdw9_12abv_139.awsui_root-variant-h3_2qdw9_12abv_139:not(#\9):not(.awsui_refresh_2qdw9_12abv_136) {
+.awsui_root-no-actions_2qdw9_v86v2_216.awsui_root-variant-h2_2qdw9_v86v2_219:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216), .awsui_root-no-actions_2qdw9_v86v2_216.awsui_root-variant-h3_2qdw9_v86v2_219:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216), .awsui_root-has-description_2qdw9_v86v2_219.awsui_root-variant-h2_2qdw9_v86v2_219:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216), .awsui_root-has-description_2qdw9_v86v2_219.awsui_root-variant-h3_2qdw9_v86v2_219:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216) {
   padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_root-no-actions_2qdw9_12abv_136:not(#\9):not(.awsui_root-has-description_2qdw9_12abv_139):not(.awsui_refresh_2qdw9_12abv_136) {
+.awsui_root-no-actions_2qdw9_v86v2_216:not(#\9):not(.awsui_root-has-description_2qdw9_v86v2_219):not(.awsui_refresh_2qdw9_v86v2_216) {
   padding-block-end: calc(var(--space-scaled-xs-26e2du, 8px) + var(--space-xxxs-zbmxqb, 2px));
 }
-.awsui_root-no-actions_2qdw9_12abv_136.awsui_refresh_2qdw9_12abv_136.awsui_root-variant-h2_2qdw9_12abv_139:not(#\9), .awsui_root-no-actions_2qdw9_12abv_136.awsui_refresh_2qdw9_12abv_136.awsui_root-variant-h3_2qdw9_12abv_139:not(#\9) {
+.awsui_root-no-actions_2qdw9_v86v2_216.awsui_refresh_2qdw9_v86v2_216.awsui_root-variant-h2_2qdw9_v86v2_219:not(#\9), .awsui_root-no-actions_2qdw9_v86v2_216.awsui_refresh_2qdw9_v86v2_216.awsui_root-variant-h3_2qdw9_v86v2_219:not(#\9) {
   row-gap: var(--space-scaled-xxxs-27y4hv, 2px);
 }
-.awsui_root_2qdw9_12abv_97.awsui_root-variant-h1_2qdw9_12abv_148:not(#\9):not(.awsui_refresh_2qdw9_12abv_136) {
+.awsui_root_2qdw9_v86v2_177.awsui_root-variant-h1_2qdw9_v86v2_228:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216) {
   row-gap: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_root-no-actions_2qdw9_12abv_136:not(#\9):not(.awsui_root-has-description_2qdw9_12abv_139).awsui_refresh_2qdw9_12abv_136.awsui_root-variant-h3_2qdw9_12abv_139 {
+.awsui_root-no-actions_2qdw9_v86v2_216:not(#\9):not(.awsui_root-has-description_2qdw9_v86v2_219).awsui_refresh_2qdw9_v86v2_216.awsui_root-variant-h3_2qdw9_v86v2_219 {
   padding-block-end: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_root_2qdw9_12abv_97.awsui_root-variant-h1_2qdw9_12abv_148.awsui_root-has-description_2qdw9_12abv_139:not(#\9):not(.awsui_refresh_2qdw9_12abv_136) {
+.awsui_root_2qdw9_v86v2_177.awsui_root-variant-h1_2qdw9_v86v2_228.awsui_root-has-description_2qdw9_v86v2_219:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216) {
   padding-block-end: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
 
-.awsui_main_2qdw9_12abv_158:not(#\9) {
+.awsui_main_2qdw9_v86v2_238:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   display: flex;
@@ -166,159 +246,159 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-xs-zb16t3, 8px);
   row-gap: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
 }
-.awsui_main_2qdw9_12abv_158.awsui_no-wrap_2qdw9_12abv_168:not(#\9) {
+.awsui_main_2qdw9_v86v2_238.awsui_no-wrap_2qdw9_v86v2_248:not(#\9) {
   flex-wrap: nowrap;
 }
-.awsui_main_2qdw9_12abv_158.awsui_refresh_2qdw9_12abv_136:not(#\9) {
+.awsui_main_2qdw9_v86v2_238.awsui_refresh_2qdw9_v86v2_216:not(#\9) {
   row-gap: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_main-variant-h1_2qdw9_12abv_174:not(#\9) {
+.awsui_main-variant-h1_2qdw9_v86v2_254:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
 
-.awsui_root-has-description_2qdw9_12abv_139 > .awsui_main_2qdw9_12abv_158:not(#\9) {
+.awsui_root-has-description_2qdw9_v86v2_219 > .awsui_main_2qdw9_v86v2_238:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
 
-.awsui_actions_2qdw9_12abv_182:not(#\9) {
+.awsui_actions_2qdw9_v86v2_262:not(#\9) {
   display: flex;
   align-items: flex-start;
   min-block-size: var(--size-vertical-input-v5iwwf, 32px);
 }
-.awsui_actions-centered_2qdw9_12abv_187:not(#\9) {
+.awsui_actions-centered_2qdw9_v86v2_267:not(#\9) {
   align-items: center;
 }
-.awsui_actions-variant-h1_2qdw9_12abv_190.awsui_refresh_2qdw9_12abv_136:not(#\9) {
+.awsui_actions-variant-h1_2qdw9_v86v2_270.awsui_refresh_2qdw9_v86v2_216:not(#\9) {
   padding-block: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-vertical-input-v5iwwf, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_12abv_194.awsui_refresh_2qdw9_12abv_136:not(#\9) {
+.awsui_actions-variant-h2_2qdw9_v86v2_274.awsui_refresh_2qdw9_v86v2_216:not(#\9) {
   padding-block: calc((var(--line-height-heading-l-mmm3my, 24px) - var(--size-vertical-input-v5iwwf, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h3_2qdw9_12abv_198.awsui_refresh_2qdw9_12abv_136:not(#\9) {
+.awsui_actions-variant-h3_2qdw9_v86v2_278.awsui_refresh_2qdw9_v86v2_216:not(#\9) {
   padding-block: calc((var(--line-height-heading-m-50evfk, 22px) - var(--size-vertical-input-v5iwwf, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h1_2qdw9_12abv_190:not(#\9):not(.awsui_refresh_2qdw9_12abv_136) {
+.awsui_actions-variant-h1_2qdw9_v86v2_270:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216) {
   padding-block: var(--space-scaled-xs-26e2du, 8px);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_12abv_194:not(#\9):not(.awsui_refresh_2qdw9_12abv_136), .awsui_actions-variant-h3_2qdw9_12abv_198:not(#\9):not(.awsui_refresh_2qdw9_12abv_136) {
+.awsui_actions-variant-h2_2qdw9_v86v2_274:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216), .awsui_actions-variant-h3_2qdw9_v86v2_278:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216) {
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline: 0;
 }
-.awsui_root-has-description_2qdw9_12abv_139 > .awsui_main_2qdw9_12abv_158 > .awsui_actions_2qdw9_12abv_182:not(#\9) {
+.awsui_root-has-description_2qdw9_v86v2_219 > .awsui_main_2qdw9_v86v2_238 > .awsui_actions_2qdw9_v86v2_262:not(#\9) {
   padding-block-end: 0;
 }
 
-.awsui_title_2qdw9_12abv_214:not(#\9) {
+.awsui_title_2qdw9_v86v2_294:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   color: var(--color-text-heading-default-lstrpn, #000716);
 }
-.awsui_title-variant-h1_2qdw9_12abv_219:not(#\9) {
+.awsui_title-variant-h1_2qdw9_v86v2_299:not(#\9) {
   font-size: var(--font-size-heading-xl-ypc05a, 24px);
   padding-block-start: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
-.awsui_title-variant-h1_2qdw9_12abv_219.awsui_refresh_2qdw9_12abv_136:not(#\9) {
+.awsui_title-variant-h1_2qdw9_v86v2_299.awsui_refresh_2qdw9_v86v2_216:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-xl-avbttk, 30px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_12abv_226:not(#\9) {
+.awsui_title-variant-h2_2qdw9_v86v2_306:not(#\9) {
   font-size: var(--font-size-heading-l-ou0d0l, 20px);
 }
-.awsui_title-variant-h2_2qdw9_12abv_226.awsui_refresh_2qdw9_12abv_136:not(#\9) {
+.awsui_title-variant-h2_2qdw9_v86v2_306.awsui_refresh_2qdw9_v86v2_216:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-l-mmm3my, 24px)) / 2);
 }
-.awsui_title-variant-h3_2qdw9_12abv_232:not(#\9) {
+.awsui_title-variant-h3_2qdw9_v86v2_312:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
 }
-.awsui_title-variant-h3_2qdw9_12abv_232.awsui_refresh_2qdw9_12abv_136:not(#\9) {
+.awsui_title-variant-h3_2qdw9_v86v2_312.awsui_refresh_2qdw9_v86v2_216:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-m-50evfk, 22px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_12abv_226:not(#\9):not(.awsui_refresh_2qdw9_12abv_136), .awsui_title-variant-h3_2qdw9_12abv_232:not(#\9):not(.awsui_refresh_2qdw9_12abv_136) {
+.awsui_title-variant-h2_2qdw9_v86v2_306:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216), .awsui_title-variant-h3_2qdw9_v86v2_312:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216) {
   padding-block-start: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_no-wrap_2qdw9_12abv_168 > .awsui_title_2qdw9_12abv_214:not(#\9):not(.awsui_refresh_2qdw9_12abv_136) {
+.awsui_no-wrap_2qdw9_v86v2_248 > .awsui_title_2qdw9_v86v2_294:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216) {
   padding-block-end: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
 }
 
-.awsui_root-no-actions_2qdw9_12abv_136.awsui_root-has-description_2qdw9_12abv_139 > .awsui_main_2qdw9_12abv_158 > :not(#\9):not(.awsui_refresh_2qdw9_12abv_136).awsui_title-variant-h2_2qdw9_12abv_226, .awsui_root-no-actions_2qdw9_12abv_136.awsui_root-has-description_2qdw9_12abv_139 > .awsui_main_2qdw9_12abv_158 > :not(#\9):not(.awsui_refresh_2qdw9_12abv_136).awsui_title-variant-h3_2qdw9_12abv_232 {
+.awsui_root-no-actions_2qdw9_v86v2_216.awsui_root-has-description_2qdw9_v86v2_219 > .awsui_main_2qdw9_v86v2_238 > :not(#\9):not(.awsui_refresh_2qdw9_v86v2_216).awsui_title-variant-h2_2qdw9_v86v2_306, .awsui_root-no-actions_2qdw9_v86v2_216.awsui_root-has-description_2qdw9_v86v2_219 > .awsui_main_2qdw9_v86v2_238 > :not(#\9):not(.awsui_refresh_2qdw9_v86v2_216).awsui_title-variant-h3_2qdw9_v86v2_312 {
   padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
 }
 
-.awsui_root-variant-h1_2qdw9_12abv_148.awsui_root-no-actions_2qdw9_12abv_136:not(#\9):not(.awsui_root-has-description_2qdw9_12abv_139):not(.awsui_refresh_2qdw9_12abv_136) {
+.awsui_root-variant-h1_2qdw9_v86v2_228.awsui_root-no-actions_2qdw9_v86v2_216:not(#\9):not(.awsui_root-has-description_2qdw9_v86v2_219):not(.awsui_refresh_2qdw9_v86v2_216) {
   padding-block-end: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
 
-.awsui_virtual-space_2qdw9_12abv_253:not(#\9) {
+.awsui_virtual-space_2qdw9_v86v2_333:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_info_2qdw9_12abv_259:not(#\9) {
+.awsui_info_2qdw9_v86v2_339:not(#\9) {
   padding-inline-end: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_description_2qdw9_12abv_263:not(#\9) {
+.awsui_description_2qdw9_v86v2_343:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-heading-secondary-37b2tq, #414d5c);
 }
-.awsui_description-variant-h1_2qdw9_12abv_270:not(#\9) {
+.awsui_description-variant-h1_2qdw9_v86v2_350:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
 }
-.awsui_description-variant-h2_2qdw9_12abv_274:not(#\9) {
+.awsui_description-variant-h2_2qdw9_v86v2_354:not(#\9) {
   font-size: var(--font-header-h2-description-size-2hj97p, 14px);
   line-height: var(--font-header-h2-description-line-height-rtewek, 20px);
 }
-.awsui_description-variant-h2_2qdw9_12abv_274:not(#\9):not(.awsui_refresh_2qdw9_12abv_136) {
+.awsui_description-variant-h2_2qdw9_v86v2_354:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216) {
   padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_description-variant-h3_2qdw9_12abv_281:not(#\9) {
+.awsui_description-variant-h3_2qdw9_v86v2_361:not(#\9) {
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
 }
-.awsui_description-variant-h3_2qdw9_12abv_281:not(#\9):not(.awsui_refresh_2qdw9_12abv_136) {
+.awsui_description-variant-h3_2qdw9_v86v2_361:not(#\9):not(.awsui_refresh_2qdw9_v86v2_216) {
   padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
 }
 
-.awsui_heading_2qdw9_12abv_290:not(#\9) {
+.awsui_heading_2qdw9_v86v2_370:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   display: inline;
   font-size: inherit;
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_heading_2qdw9_12abv_290:not(#\9):only-child {
+.awsui_heading_2qdw9_v86v2_370:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_heading-variant-h1_2qdw9_12abv_301:not(#\9) {
+.awsui_heading-variant-h1_2qdw9_v86v2_381:not(#\9) {
   font-size: var(--font-size-heading-xl-ypc05a, 24px);
   line-height: var(--line-height-heading-xl-avbttk, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
 }
-.awsui_heading-variant-h2_2qdw9_12abv_306:not(#\9) {
+.awsui_heading-variant-h2_2qdw9_v86v2_386:not(#\9) {
   font-size: var(--font-size-heading-l-ou0d0l, 20px);
   line-height: var(--line-height-heading-l-mmm3my, 24px);
   letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
 }
-.awsui_heading-variant-h3_2qdw9_12abv_311:not(#\9) {
+.awsui_heading-variant-h3_2qdw9_v86v2_391:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
   line-height: var(--line-height-heading-m-50evfk, 22px);
   letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
 }
 
-.awsui_heading-text_2qdw9_12abv_317:not(#\9) {
+.awsui_heading-text_2qdw9_v86v2_397:not(#\9) {
   /* used in test-utils */
 }
-.awsui_heading-text-variant-h1_2qdw9_12abv_320:not(#\9) {
+.awsui_heading-text-variant-h1_2qdw9_v86v2_400:not(#\9) {
   font-size: var(--font-size-heading-xl-ypc05a, 24px);
   line-height: var(--line-height-heading-xl-avbttk, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
@@ -326,7 +406,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_heading-text-variant-h2_2qdw9_12abv_328:not(#\9) {
+.awsui_heading-text-variant-h2_2qdw9_v86v2_408:not(#\9) {
   font-size: var(--font-size-heading-l-ou0d0l, 20px);
   line-height: var(--line-height-heading-l-mmm3my, 24px);
   letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
@@ -334,7 +414,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_heading-text-variant-h3_2qdw9_12abv_336:not(#\9) {
+.awsui_heading-text-variant-h3_2qdw9_v86v2_416:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
   line-height: var(--line-height-heading-m-50evfk, 22px);
   letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -343,7 +423,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
 
-.awsui_counter_2qdw9_12abv_345:not(#\9) {
+.awsui_counter_2qdw9_v86v2_425:not(#\9) {
   color: var(--color-text-counter-zqugin, #5f6b7a);
   font-weight: 400;
 }

package/header/styles.selectors.js

@@ -2,39 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2qdw9_12abv_97",
-  "refresh": "awsui_refresh_2qdw9_12abv_136",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_12abv_136",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_12abv_139",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_12abv_139",
-  "root-has-description": "awsui_root-has-description_2qdw9_12abv_139",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_12abv_148",
-  "main": "awsui_main_2qdw9_12abv_158",
-  "no-wrap": "awsui_no-wrap_2qdw9_12abv_168",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_12abv_174",
-  "actions": "awsui_actions_2qdw9_12abv_182",
-  "actions-centered": "awsui_actions-centered_2qdw9_12abv_187",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_12abv_190",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_12abv_194",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_12abv_198",
-  "title": "awsui_title_2qdw9_12abv_214",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_12abv_219",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_12abv_226",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_12abv_232",
-  "virtual-space": "awsui_virtual-space_2qdw9_12abv_253",
-  "info": "awsui_info_2qdw9_12abv_259",
-  "description": "awsui_description_2qdw9_12abv_263",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_12abv_270",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_12abv_274",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_12abv_281",
-  "heading": "awsui_heading_2qdw9_12abv_290",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_12abv_301",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_12abv_306",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_12abv_311",
-  "heading-text": "awsui_heading-text_2qdw9_12abv_317",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_12abv_320",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_12abv_328",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_12abv_336",
-  "counter": "awsui_counter_2qdw9_12abv_345"
+  "root": "awsui_root_2qdw9_v86v2_177",
+  "refresh": "awsui_refresh_2qdw9_v86v2_216",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_v86v2_216",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_v86v2_219",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_v86v2_219",
+  "root-has-description": "awsui_root-has-description_2qdw9_v86v2_219",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_v86v2_228",
+  "main": "awsui_main_2qdw9_v86v2_238",
+  "no-wrap": "awsui_no-wrap_2qdw9_v86v2_248",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_v86v2_254",
+  "actions": "awsui_actions_2qdw9_v86v2_262",
+  "actions-centered": "awsui_actions-centered_2qdw9_v86v2_267",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_v86v2_270",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_v86v2_274",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_v86v2_278",
+  "title": "awsui_title_2qdw9_v86v2_294",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_v86v2_299",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_v86v2_306",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_v86v2_312",
+  "virtual-space": "awsui_virtual-space_2qdw9_v86v2_333",
+  "info": "awsui_info_2qdw9_v86v2_339",
+  "description": "awsui_description_2qdw9_v86v2_343",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_v86v2_350",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_v86v2_354",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_v86v2_361",
+  "heading": "awsui_heading_2qdw9_v86v2_370",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_v86v2_381",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_v86v2_386",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_v86v2_391",
+  "heading-text": "awsui_heading-text_2qdw9_v86v2_397",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_v86v2_400",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_v86v2_408",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_v86v2_416",
+  "counter": "awsui_counter_2qdw9_v86v2_425"
 };
   

package/help-panel/implementation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/help-panel/implementation.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG,0BAA0B,CAAC;AAEjF,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,sBAAsB,eAsBxB;AAED,eAAO,MAAM,yBAAyB,yFAAqD,CAAC"}
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/help-panel/implementation.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG,0BAA0B,CAAC;AAEjF,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,sBAAsB,eAuBxB;AAED,eAAO,MAAM,yBAAyB,yFAAqD,CAAC"}

package/help-panel/implementation.js

@@ -3,7 +3,7 @@ import { __rest } from "tslib";
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
-import { isAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';
+import { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';
 import { useInternalI18n } from '../i18n/context';
 import { getBaseProps } from '../internal/base-component';
 import LiveRegion from '../internal/components/live-region';
@@ -14,8 +14,9 @@ import styles from './styles.css.js';
 export function HelpPanelImplementation(_a) {
     var { header, footer, children, loading, loadingText, __internalRootRef } = _a, restProps = __rest(_a, ["header", "footer", "children", "loading", "loadingText", "__internalRootRef"]);
     const baseProps = getBaseProps(restProps);
+    const isToolbar = useAppLayoutToolbarEnabled();
     const i18n = useInternalI18n('help-panel');
-    const containerProps = Object.assign(Object.assign({}, baseProps), { className: clsx(baseProps.className, styles['help-panel'], isAppLayoutToolbarEnabled() && styles['with-toolbar']) });
+    const containerProps = Object.assign(Object.assign({}, baseProps), { className: clsx(baseProps.className, styles['help-panel'], isToolbar && styles['with-toolbar']) });
     return loading ? (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
         React.createElement(InternalStatusIndicator, { type: "loading" },
             React.createElement(LiveRegion, { visible: true }, i18n('loadingText', loadingText))))) : (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),

package/help-panel/implementation.js.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/help-panel/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAE7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAGnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,UAAU,uBAAuB,CAAC,EAQf;QARe,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,OAEM,EADpB,SAAS,cAP0B,+EAQvC,CADa;IAEZ,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,yBAAyB,EAAE,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC,GAClH,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,IAAG,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAc,CAClD,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAG,MAAM,CAAO;QAC9D,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE;YACtE,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CACb;QACpC,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CACpD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { isAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport LiveRegion from '../internal/components/live-region';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { HelpPanelProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport type HelpPanelInternalProps = HelpPanelProps & InternalBaseComponentProps;\n\nexport function HelpPanelImplementation({\n  header,\n  footer,\n  children,\n  loading,\n  loadingText,\n  __internalRootRef,\n  ...restProps\n}: HelpPanelInternalProps) {\n  const baseProps = getBaseProps(restProps);\n  const i18n = useInternalI18n('help-panel');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(baseProps.className, styles['help-panel'], isAppLayoutToolbarEnabled() && styles['with-toolbar']),\n  };\n  return loading ? (\n    <div {...containerProps} ref={__internalRootRef}>\n      <InternalStatusIndicator type=\"loading\">\n        <LiveRegion visible={true}>{i18n('loadingText', loadingText)}</LiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && <div className={clsx(styles.header)}>{header}</div>}\n      <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n        <div className={styles.content}>{children}</div>\n      </LinkDefaultVariantContext.Provider>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  );\n}\n\nexport const createWidgetizedHelpPanel = createWidgetizedComponent(HelpPanelImplementation);\n"]}
+{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/help-panel/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAE7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAGnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,UAAU,uBAAuB,CAAC,EAQf;QARe,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,OAEM,EADpB,SAAS,cAP0B,+EAQvC,CADa;IAEZ,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,MAAM,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC,GAChG,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,IAAG,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAc,CAClD,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAG,MAAM,CAAO;QAC9D,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE;YACtE,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CACb;QACpC,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CACpD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport LiveRegion from '../internal/components/live-region';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { HelpPanelProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport type HelpPanelInternalProps = HelpPanelProps & InternalBaseComponentProps;\n\nexport function HelpPanelImplementation({\n  header,\n  footer,\n  children,\n  loading,\n  loadingText,\n  __internalRootRef,\n  ...restProps\n}: HelpPanelInternalProps) {\n  const baseProps = getBaseProps(restProps);\n  const isToolbar = useAppLayoutToolbarEnabled();\n  const i18n = useInternalI18n('help-panel');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(baseProps.className, styles['help-panel'], isToolbar && styles['with-toolbar']),\n  };\n  return loading ? (\n    <div {...containerProps} ref={__internalRootRef}>\n      <InternalStatusIndicator type=\"loading\">\n        <LiveRegion visible={true}>{i18n('loadingText', loadingText)}</LiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && <div className={clsx(styles.header)}>{header}</div>}\n      <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n        <div className={styles.content}>{children}</div>\n      </LinkDefaultVariantContext.Provider>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  );\n}\n\nexport const createWidgetizedHelpPanel = createWidgetizedComponent(HelpPanelImplementation);\n"]}

package/help-panel/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "help-panel": "awsui_help-panel_1d237_xstvx_97",
-  "with-toolbar": "awsui_with-toolbar_1d237_xstvx_138",
-  "header": "awsui_header_1d237_xstvx_272",
-  "content": "awsui_content_1d237_xstvx_310",
-  "footer": "awsui_footer_1d237_xstvx_358"
+  "help-panel": "awsui_help-panel_1d237_lvzb1_177",
+  "with-toolbar": "awsui_with-toolbar_1d237_lvzb1_218",
+  "header": "awsui_header_1d237_lvzb1_352",
+  "content": "awsui_content_1d237_lvzb1_390",
+  "footer": "awsui_footer_1d237_lvzb1_438"
 };