@cloudscape-design/components 3.0.1124 → 3.0.1125

package/header/styles.css.js

@@ -1,39 +1,39 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2qdw9_88efd_181",
-  "refresh": "awsui_refresh_2qdw9_88efd_217",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_88efd_217",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_88efd_220",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_88efd_220",
-  "root-has-description": "awsui_root-has-description_2qdw9_88efd_220",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_88efd_229",
-  "main": "awsui_main_2qdw9_88efd_239",
-  "no-wrap": "awsui_no-wrap_2qdw9_88efd_249",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_88efd_255",
-  "actions": "awsui_actions_2qdw9_88efd_263",
-  "actions-centered": "awsui_actions-centered_2qdw9_88efd_268",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_88efd_271",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_88efd_275",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_88efd_279",
-  "title": "awsui_title_2qdw9_88efd_295",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_88efd_300",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_88efd_307",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_88efd_313",
-  "virtual-space": "awsui_virtual-space_2qdw9_88efd_334",
-  "info": "awsui_info_2qdw9_88efd_340",
-  "description": "awsui_description_2qdw9_88efd_344",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_88efd_351",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_88efd_355",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_88efd_362",
-  "heading": "awsui_heading_2qdw9_88efd_373",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_88efd_384",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_88efd_389",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_88efd_394",
-  "heading-text": "awsui_heading-text_2qdw9_88efd_400",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_88efd_403",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_88efd_411",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_88efd_419",
-  "counter": "awsui_counter_2qdw9_88efd_428"
+  "root": "awsui_root_2qdw9_1rr34_185",
+  "refresh": "awsui_refresh_2qdw9_1rr34_221",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_1rr34_221",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1rr34_224",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1rr34_224",
+  "root-has-description": "awsui_root-has-description_2qdw9_1rr34_224",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1rr34_233",
+  "main": "awsui_main_2qdw9_1rr34_243",
+  "no-wrap": "awsui_no-wrap_2qdw9_1rr34_253",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1rr34_259",
+  "actions": "awsui_actions_2qdw9_1rr34_267",
+  "actions-centered": "awsui_actions-centered_2qdw9_1rr34_272",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1rr34_275",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1rr34_279",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1rr34_283",
+  "title": "awsui_title_2qdw9_1rr34_299",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_1rr34_304",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1rr34_311",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1rr34_317",
+  "virtual-space": "awsui_virtual-space_2qdw9_1rr34_338",
+  "info": "awsui_info_2qdw9_1rr34_344",
+  "description": "awsui_description_2qdw9_1rr34_348",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1rr34_355",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1rr34_359",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1rr34_366",
+  "heading": "awsui_heading_2qdw9_1rr34_377",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1rr34_402",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1rr34_407",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1rr34_412",
+  "heading-text": "awsui_heading-text_2qdw9_1rr34_418",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1rr34_421",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1rr34_429",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1rr34_437",
+  "counter": "awsui_counter_2qdw9_1rr34_446"
 };
   

package/header/styles.scoped.css

@@ -178,7 +178,11 @@
 */
 /* 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_88efd_181:not(#\9) {
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_2qdw9_1rr34_185:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -214,29 +218,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
   justify-content: space-between;
 }
-.awsui_root_2qdw9_88efd_181.awsui_refresh_2qdw9_88efd_217:not(#\9), .awsui_root_2qdw9_88efd_181:not(#\9):not(.awsui_root-no-actions_2qdw9_88efd_217) {
+.awsui_root_2qdw9_1rr34_185.awsui_refresh_2qdw9_1rr34_221:not(#\9), .awsui_root_2qdw9_1rr34_185:not(#\9):not(.awsui_root-no-actions_2qdw9_1rr34_221) {
   row-gap: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_root-no-actions_2qdw9_88efd_217.awsui_root-variant-h2_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_root-no-actions_2qdw9_88efd_217.awsui_root-variant-h3_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_root-has-description_2qdw9_88efd_220.awsui_root-variant-h2_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_root-has-description_2qdw9_88efd_220.awsui_root-variant-h3_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
+.awsui_root-no-actions_2qdw9_1rr34_221.awsui_root-variant-h2_2qdw9_1rr34_224:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221), .awsui_root-no-actions_2qdw9_1rr34_221.awsui_root-variant-h3_2qdw9_1rr34_224:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221), .awsui_root-has-description_2qdw9_1rr34_224.awsui_root-variant-h2_2qdw9_1rr34_224:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221), .awsui_root-has-description_2qdw9_1rr34_224.awsui_root-variant-h3_2qdw9_1rr34_224:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_root-no-actions_2qdw9_88efd_217:not(#\9):not(.awsui_root-has-description_2qdw9_88efd_220):not(.awsui_refresh_2qdw9_88efd_217) {
+.awsui_root-no-actions_2qdw9_1rr34_221:not(#\9):not(.awsui_root-has-description_2qdw9_1rr34_224):not(.awsui_refresh_2qdw9_1rr34_221) {
   padding-block-end: calc(var(--space-scaled-xs-xwoogq, 8px) + var(--space-xxxs-pajhad, 2px));
 }
-.awsui_root-no-actions_2qdw9_88efd_217.awsui_refresh_2qdw9_88efd_217.awsui_root-variant-h2_2qdw9_88efd_220:not(#\9), .awsui_root-no-actions_2qdw9_88efd_217.awsui_refresh_2qdw9_88efd_217.awsui_root-variant-h3_2qdw9_88efd_220:not(#\9) {
+.awsui_root-no-actions_2qdw9_1rr34_221.awsui_refresh_2qdw9_1rr34_221.awsui_root-variant-h2_2qdw9_1rr34_224:not(#\9), .awsui_root-no-actions_2qdw9_1rr34_221.awsui_refresh_2qdw9_1rr34_221.awsui_root-variant-h3_2qdw9_1rr34_224:not(#\9) {
   row-gap: var(--space-scaled-xxxs-oo06c7, 2px);
 }
-.awsui_root_2qdw9_88efd_181.awsui_root-variant-h1_2qdw9_88efd_229:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
+.awsui_root_2qdw9_1rr34_185.awsui_root-variant-h1_2qdw9_1rr34_233:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
   row-gap: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_root-no-actions_2qdw9_88efd_217:not(#\9):not(.awsui_root-has-description_2qdw9_88efd_220).awsui_refresh_2qdw9_88efd_217.awsui_root-variant-h3_2qdw9_88efd_220 {
+.awsui_root-no-actions_2qdw9_1rr34_221:not(#\9):not(.awsui_root-has-description_2qdw9_1rr34_224).awsui_refresh_2qdw9_1rr34_221.awsui_root-variant-h3_2qdw9_1rr34_224 {
   padding-block-end: var(--space-scaled-xs-xwoogq, 8px);
 }
-.awsui_root_2qdw9_88efd_181.awsui_root-variant-h1_2qdw9_88efd_229.awsui_root-has-description_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
+.awsui_root_2qdw9_1rr34_185.awsui_root-variant-h1_2qdw9_1rr34_233.awsui_root-has-description_2qdw9_1rr34_224:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
   padding-block-end: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
 
-.awsui_main_2qdw9_88efd_239:not(#\9) {
+.awsui_main_2qdw9_1rr34_243:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   display: flex;
@@ -246,161 +250,175 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-xs-ymlm0b, 8px);
   row-gap: calc(var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxxs-oo06c7, 2px));
 }
-.awsui_main_2qdw9_88efd_239.awsui_no-wrap_2qdw9_88efd_249:not(#\9) {
+.awsui_main_2qdw9_1rr34_243.awsui_no-wrap_2qdw9_1rr34_253:not(#\9) {
   flex-wrap: nowrap;
 }
-.awsui_main_2qdw9_88efd_239.awsui_refresh_2qdw9_88efd_217:not(#\9) {
+.awsui_main_2qdw9_1rr34_243.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
   row-gap: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_main-variant-h1_2qdw9_88efd_255:not(#\9) {
+.awsui_main-variant-h1_2qdw9_1rr34_259:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
 
-.awsui_root-has-description_2qdw9_88efd_220 > .awsui_main_2qdw9_88efd_239:not(#\9) {
+.awsui_root-has-description_2qdw9_1rr34_224 > .awsui_main_2qdw9_1rr34_243:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
 
-.awsui_actions_2qdw9_88efd_263:not(#\9) {
+.awsui_actions_2qdw9_1rr34_267:not(#\9) {
   display: flex;
   align-items: flex-start;
   min-block-size: var(--size-vertical-input-p1d7xx, 32px);
 }
-.awsui_actions-centered_2qdw9_88efd_268:not(#\9) {
+.awsui_actions-centered_2qdw9_1rr34_272:not(#\9) {
   align-items: center;
 }
-.awsui_actions-variant-h1_2qdw9_88efd_271.awsui_refresh_2qdw9_88efd_217:not(#\9) {
+.awsui_actions-variant-h1_2qdw9_1rr34_275.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
   padding-block: calc((var(--line-height-heading-xl-hko6p0, 30px) - var(--size-vertical-input-p1d7xx, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_88efd_275.awsui_refresh_2qdw9_88efd_217:not(#\9) {
+.awsui_actions-variant-h2_2qdw9_1rr34_279.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
   padding-block: calc((var(--line-height-heading-l-mg5bx6, 24px) - var(--size-vertical-input-p1d7xx, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h3_2qdw9_88efd_279.awsui_refresh_2qdw9_88efd_217:not(#\9) {
+.awsui_actions-variant-h3_2qdw9_1rr34_283.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
   padding-block: calc((var(--line-height-heading-m-uoaqdh, 22px) - var(--size-vertical-input-p1d7xx, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h1_2qdw9_88efd_271:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
+.awsui_actions-variant-h1_2qdw9_1rr34_275:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
   padding-block: var(--space-scaled-xs-xwoogq, 8px);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_88efd_275:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_actions-variant-h3_2qdw9_88efd_279:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
+.awsui_actions-variant-h2_2qdw9_1rr34_279:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221), .awsui_actions-variant-h3_2qdw9_1rr34_283:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
   padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
   padding-inline: 0;
 }
-.awsui_root-has-description_2qdw9_88efd_220 > .awsui_main_2qdw9_88efd_239 > .awsui_actions_2qdw9_88efd_263:not(#\9) {
+.awsui_root-has-description_2qdw9_1rr34_224 > .awsui_main_2qdw9_1rr34_243 > .awsui_actions_2qdw9_1rr34_267:not(#\9) {
   padding-block-end: 0;
 }
 
-.awsui_title_2qdw9_88efd_295:not(#\9) {
+.awsui_title_2qdw9_1rr34_299:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   color: var(--color-text-heading-default-izpp46, #0f141a);
 }
-.awsui_title-variant-h1_2qdw9_88efd_300:not(#\9) {
+.awsui_title-variant-h1_2qdw9_1rr34_304:not(#\9) {
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   padding-block-start: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
-.awsui_title-variant-h1_2qdw9_88efd_300.awsui_refresh_2qdw9_88efd_217:not(#\9) {
+.awsui_title-variant-h1_2qdw9_1rr34_304.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-xl-hko6p0, 30px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_88efd_307:not(#\9) {
+.awsui_title-variant-h2_2qdw9_1rr34_311:not(#\9) {
   font-size: var(--font-size-heading-l-vnacx6, 20px);
 }
-.awsui_title-variant-h2_2qdw9_88efd_307.awsui_refresh_2qdw9_88efd_217:not(#\9) {
+.awsui_title-variant-h2_2qdw9_1rr34_311.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-l-mg5bx6, 24px)) / 2);
 }
-.awsui_title-variant-h3_2qdw9_88efd_313:not(#\9) {
+.awsui_title-variant-h3_2qdw9_1rr34_317:not(#\9) {
   font-size: var(--font-size-heading-m-170yiy, 18px);
 }
-.awsui_title-variant-h3_2qdw9_88efd_313.awsui_refresh_2qdw9_88efd_217:not(#\9) {
+.awsui_title-variant-h3_2qdw9_1rr34_317.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-m-uoaqdh, 22px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_88efd_307:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_title-variant-h3_2qdw9_88efd_313:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
+.awsui_title-variant-h2_2qdw9_1rr34_311:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221), .awsui_title-variant-h3_2qdw9_1rr34_317:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
   padding-block-start: var(--space-scaled-xs-xwoogq, 8px);
 }
-.awsui_no-wrap_2qdw9_88efd_249 > .awsui_title_2qdw9_88efd_295:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
+.awsui_no-wrap_2qdw9_1rr34_253 > .awsui_title_2qdw9_1rr34_299:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
   padding-block-end: calc(var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxxs-oo06c7, 2px));
 }
 
-.awsui_root-no-actions_2qdw9_88efd_217.awsui_root-has-description_2qdw9_88efd_220 > .awsui_main_2qdw9_88efd_239 > :not(#\9):not(.awsui_refresh_2qdw9_88efd_217).awsui_title-variant-h2_2qdw9_88efd_307, .awsui_root-no-actions_2qdw9_88efd_217.awsui_root-has-description_2qdw9_88efd_220 > .awsui_main_2qdw9_88efd_239 > :not(#\9):not(.awsui_refresh_2qdw9_88efd_217).awsui_title-variant-h3_2qdw9_88efd_313 {
+.awsui_root-no-actions_2qdw9_1rr34_221.awsui_root-has-description_2qdw9_1rr34_224 > .awsui_main_2qdw9_1rr34_243 > :not(#\9):not(.awsui_refresh_2qdw9_1rr34_221).awsui_title-variant-h2_2qdw9_1rr34_311, .awsui_root-no-actions_2qdw9_1rr34_221.awsui_root-has-description_2qdw9_1rr34_224 > .awsui_main_2qdw9_1rr34_243 > :not(#\9):not(.awsui_refresh_2qdw9_1rr34_221).awsui_title-variant-h3_2qdw9_1rr34_317 {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
 
-.awsui_root-variant-h1_2qdw9_88efd_229.awsui_root-no-actions_2qdw9_88efd_217:not(#\9):not(.awsui_root-has-description_2qdw9_88efd_220):not(.awsui_refresh_2qdw9_88efd_217) {
+.awsui_root-variant-h1_2qdw9_1rr34_233.awsui_root-no-actions_2qdw9_1rr34_221:not(#\9):not(.awsui_root-has-description_2qdw9_1rr34_224):not(.awsui_refresh_2qdw9_1rr34_221) {
   padding-block-end: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
 
-.awsui_virtual-space_2qdw9_88efd_334:not(#\9) {
+.awsui_virtual-space_2qdw9_1rr34_338:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_info_2qdw9_88efd_340:not(#\9) {
+.awsui_info_2qdw9_1rr34_344:not(#\9) {
   padding-inline-end: var(--space-s-tvghoh, 12px);
 }
 
-.awsui_description_2qdw9_88efd_344:not(#\9) {
+.awsui_description_2qdw9_1rr34_348:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-heading-secondary-iwtvf6, #424650);
 }
-.awsui_description-variant-h1_2qdw9_88efd_351:not(#\9) {
+.awsui_description-variant-h1_2qdw9_1rr34_355:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
 }
-.awsui_description-variant-h2_2qdw9_88efd_355:not(#\9) {
+.awsui_description-variant-h2_2qdw9_1rr34_359:not(#\9) {
   font-size: var(--font-header-h2-description-size-g2wws3, 14px);
   line-height: var(--font-header-h2-description-line-height-ts2s6o, 20px);
 }
-.awsui_description-variant-h2_2qdw9_88efd_355:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
+.awsui_description-variant-h2_2qdw9_1rr34_359:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_description-variant-h3_2qdw9_88efd_362:not(#\9) {
+.awsui_description-variant-h3_2qdw9_1rr34_366:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
 }
-.awsui_description-variant-h3_2qdw9_88efd_362:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
+.awsui_description-variant-h3_2qdw9_1rr34_366:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
 
-.awsui_heading_2qdw9_88efd_373:not(#\9) {
+.awsui_heading_2qdw9_1rr34_377:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   display: inline;
   font-size: inherit;
   margin-inline-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_heading_2qdw9_88efd_373:not(#\9):only-child {
+.awsui_heading_2qdw9_1rr34_377:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_heading-variant-h1_2qdw9_88efd_384:not(#\9) {
+.awsui_heading_2qdw9_1rr34_377:not(#\9):focus {
+  outline: none;
+}
+body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1rr34_377:not(#\9):focus {
+  outline: thin dotted;
+  outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
+  outline-offset: 2px;
+  outline-color: var(--color-border-item-focused-uk47pl, #006ce0);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-39uvxr, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
+}
+.awsui_heading-variant-h1_2qdw9_1rr34_402:not(#\9) {
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   line-height: var(--line-height-heading-xl-hko6p0, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-ckkb6u, -0.02em);
 }
-.awsui_heading-variant-h2_2qdw9_88efd_389:not(#\9) {
+.awsui_heading-variant-h2_2qdw9_1rr34_407:not(#\9) {
   font-size: var(--font-size-heading-l-vnacx6, 20px);
   line-height: var(--line-height-heading-l-mg5bx6, 24px);
   letter-spacing: var(--letter-spacing-heading-l-5v6ibv, -0.015em);
 }
-.awsui_heading-variant-h3_2qdw9_88efd_394:not(#\9) {
+.awsui_heading-variant-h3_2qdw9_1rr34_412:not(#\9) {
   font-size: var(--font-size-heading-m-170yiy, 18px);
   line-height: var(--line-height-heading-m-uoaqdh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
 }
 
-.awsui_heading-text_2qdw9_88efd_400:not(#\9) {
+.awsui_heading-text_2qdw9_1rr34_418:not(#\9) {
   /* used in test-utils */
 }
-.awsui_heading-text-variant-h1_2qdw9_88efd_403:not(#\9) {
+.awsui_heading-text-variant-h1_2qdw9_1rr34_421:not(#\9) {
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   line-height: var(--line-height-heading-xl-hko6p0, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-ckkb6u, -0.02em);
@@ -408,7 +426,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_heading-text-variant-h2_2qdw9_88efd_411:not(#\9) {
+.awsui_heading-text-variant-h2_2qdw9_1rr34_429:not(#\9) {
   font-size: var(--font-size-heading-l-vnacx6, 20px);
   line-height: var(--line-height-heading-l-mg5bx6, 24px);
   letter-spacing: var(--letter-spacing-heading-l-5v6ibv, -0.015em);
@@ -416,7 +434,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_heading-text-variant-h3_2qdw9_88efd_419:not(#\9) {
+.awsui_heading-text-variant-h3_2qdw9_1rr34_437:not(#\9) {
   font-size: var(--font-size-heading-m-170yiy, 18px);
   line-height: var(--line-height-heading-m-uoaqdh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
@@ -425,7 +443,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
 
-.awsui_counter_2qdw9_88efd_428:not(#\9) {
+.awsui_counter_2qdw9_1rr34_446:not(#\9) {
   color: var(--color-text-counter-bywf75, #656871);
   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_88efd_181",
-  "refresh": "awsui_refresh_2qdw9_88efd_217",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_88efd_217",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_88efd_220",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_88efd_220",
-  "root-has-description": "awsui_root-has-description_2qdw9_88efd_220",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_88efd_229",
-  "main": "awsui_main_2qdw9_88efd_239",
-  "no-wrap": "awsui_no-wrap_2qdw9_88efd_249",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_88efd_255",
-  "actions": "awsui_actions_2qdw9_88efd_263",
-  "actions-centered": "awsui_actions-centered_2qdw9_88efd_268",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_88efd_271",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_88efd_275",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_88efd_279",
-  "title": "awsui_title_2qdw9_88efd_295",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_88efd_300",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_88efd_307",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_88efd_313",
-  "virtual-space": "awsui_virtual-space_2qdw9_88efd_334",
-  "info": "awsui_info_2qdw9_88efd_340",
-  "description": "awsui_description_2qdw9_88efd_344",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_88efd_351",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_88efd_355",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_88efd_362",
-  "heading": "awsui_heading_2qdw9_88efd_373",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_88efd_384",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_88efd_389",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_88efd_394",
-  "heading-text": "awsui_heading-text_2qdw9_88efd_400",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_88efd_403",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_88efd_411",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_88efd_419",
-  "counter": "awsui_counter_2qdw9_88efd_428"
+  "root": "awsui_root_2qdw9_1rr34_185",
+  "refresh": "awsui_refresh_2qdw9_1rr34_221",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_1rr34_221",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1rr34_224",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1rr34_224",
+  "root-has-description": "awsui_root-has-description_2qdw9_1rr34_224",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1rr34_233",
+  "main": "awsui_main_2qdw9_1rr34_243",
+  "no-wrap": "awsui_no-wrap_2qdw9_1rr34_253",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1rr34_259",
+  "actions": "awsui_actions_2qdw9_1rr34_267",
+  "actions-centered": "awsui_actions-centered_2qdw9_1rr34_272",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1rr34_275",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1rr34_279",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1rr34_283",
+  "title": "awsui_title_2qdw9_1rr34_299",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_1rr34_304",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1rr34_311",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1rr34_317",
+  "virtual-space": "awsui_virtual-space_2qdw9_1rr34_338",
+  "info": "awsui_info_2qdw9_1rr34_344",
+  "description": "awsui_description_2qdw9_1rr34_348",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1rr34_355",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1rr34_359",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1rr34_366",
+  "heading": "awsui_heading_2qdw9_1rr34_377",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1rr34_402",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1rr34_407",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1rr34_412",
+  "heading-text": "awsui_heading-text_2qdw9_1rr34_418",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1rr34_421",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1rr34_429",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1rr34_437",
+  "counter": "awsui_counter_2qdw9_1rr34_446"
 };
   

package/internal/base-component/styles.scoped.css

@@ -2051,5 +2051,5 @@
   }
 }
 :root {
-  --awsui-version-info-0a448ad4: true;
+  --awsui-version-info-58547d10: true;
 }

package/internal/components/chart-popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/chart-popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAQ3D,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC;IACjD;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,+FAA+F;IAC/F,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAE1B,wDAAwD;IACxD,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE3C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;;AAED,wBAA8C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/chart-popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAO3D,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC;IACjD;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,+FAA+F;IAC/F,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAE1B,wDAAwD;IACxD,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE3C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;;AAED,wBAA8C"}

package/internal/components/chart-popover/index.js

@@ -8,7 +8,6 @@ import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
 import PopoverBody from '../../../popover/body';
 import PopoverContainer from '../../../popover/container';
 import { getBaseProps } from '../../base-component';
-import { nodeBelongs } from '../../utils/node-belongs';
 import popoverStyles from '../../../popover/styles.css.js';
 import styles from './styles.css.js';
 import testClasses from './test-classes/styles.css.js';
@@ -18,23 +17,30 @@ function ChartPopover(_a, ref) {
     const baseProps = getBaseProps(restProps);
     const popoverObjectRef = useRef(null);
     const popoverRef = useMergeRefs(popoverObjectRef, ref);
+    const clickFrameId = useRef(null);
+    const onMouseDown = () => {
+        // Indicate there was a click inside popover recently.
+        clickFrameId.current = requestAnimationFrame(() => (clickFrameId.current = null));
+    };
     useEffect(() => {
-        const onDocumentClick = (event) => {
-            if (event.target &&
-                !nodeBelongs(popoverObjectRef.current, event.target) && // click not in popover
-                !nodeContains(container, event.target) // click not in segment
-            ) {
-                onDismiss(true);
-            }
-        };
-        document.addEventListener('mousedown', onDocumentClick, { capture: true });
-        return () => {
-            document.removeEventListener('mousedown', onDocumentClick, { capture: true });
-        };
+        if (popoverObjectRef.current) {
+            const document = popoverObjectRef.current.ownerDocument;
+            const onDocumentClick = (event) => {
+                // Dismiss popover unless there was a click inside within the last animation frame.
+                // Ignore clicks inside the chart as those are handled separately.
+                if (clickFrameId.current === null && !nodeContains(container, event.target)) {
+                    onDismiss(true);
+                }
+            };
+            document.addEventListener('mousedown', onDocumentClick);
+            return () => {
+                document.removeEventListener('mousedown', onDocumentClick);
+            };
+        }
     }, [container, onDismiss]);
     // In chart popovers, dismiss button is present when they are pinned, so both values are equivalent.
     const isPinned = dismissButton;
-    return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(popoverStyles.root, styles.root, baseProps.className), ref: popoverRef, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onBlur: onBlur, 
+    return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(popoverStyles.root, styles.root, baseProps.className), ref: popoverRef, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseDown: onMouseDown, onBlur: onBlur, 
         // The tabIndex makes it so that clicking inside popover assigns this element as blur target.
         // That is necessary in charts to ensure the blur target is within the chart and no cleanup is needed.
         tabIndex: -1 }),

package/internal/components/chart-popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-popover/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 clsx from 'clsx';\n\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport PopoverBody from '../../../popover/body';\nimport PopoverContainer from '../../../popover/container';\nimport { PopoverProps } from '../../../popover/interfaces';\nimport { getBaseProps } from '../../base-component';\nimport { nodeBelongs } from '../../utils/node-belongs';\n\nimport popoverStyles from '../../../popover/styles.css.js';\nimport styles from './styles.css.js';\nimport testClasses from './test-classes/styles.css.js';\n\nexport interface ChartPopoverProps extends PopoverProps {\n  /** Title of the popover */\n  title?: React.ReactNode;\n\n  /** References the element the container is positioned against. */\n  trackRef?: React.RefObject<HTMLElement | SVGElement>;\n  getTrack?: () => null | HTMLElement | SVGElement;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n  minVisibleBlockSize?: number;\n\n  /** Optional container element that prevents any clicks in there from dismissing the popover */\n  container: Element | null;\n\n  /** Event that is fired when the popover is dismissed */\n  onDismiss: (outsideClick?: boolean) => void;\n\n  /** Fired when the pointer enters the hoverable area around the popover */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n\n  /** Fired when the pointer leaves the hoverable area around the popover */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n\n  onBlur?: (event: React.FocusEvent) => void;\n\n  /** Popover content */\n  children?: React.ReactNode;\n\n  /** Popover footer */\n  footer?: React.ReactNode;\n}\n\nexport default React.forwardRef(ChartPopover);\n\nfunction ChartPopover(\n  {\n    position = 'right',\n    size = 'medium',\n    fixedWidth = false,\n    dismissButton = false,\n    dismissAriaLabel,\n\n    children,\n    footer,\n\n    title,\n    trackRef,\n    getTrack,\n    trackKey,\n    onDismiss,\n    container,\n    minVisibleBlockSize,\n\n    onMouseEnter,\n    onMouseLeave,\n    onBlur,\n\n    ...restProps\n  }: ChartPopoverProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const baseProps = getBaseProps(restProps);\n  const popoverObjectRef = useRef<HTMLDivElement | null>(null);\n\n  const popoverRef = useMergeRefs(popoverObjectRef, ref);\n\n  useEffect(() => {\n    const onDocumentClick = (event: MouseEvent) => {\n      if (\n        event.target &&\n        !nodeBelongs(popoverObjectRef.current, event.target as Element) && // click not in popover\n        !nodeContains(container, event.target as Element) // click not in segment\n      ) {\n        onDismiss(true);\n      }\n    };\n\n    document.addEventListener('mousedown', onDocumentClick, { capture: true });\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick, { capture: true });\n    };\n  }, [container, onDismiss]);\n\n  // In chart popovers, dismiss button is present when they are pinned, so both values are equivalent.\n  const isPinned = dismissButton;\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(popoverStyles.root, styles.root, baseProps.className)}\n      ref={popoverRef}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onBlur={onBlur}\n      // The tabIndex makes it so that clicking inside popover assigns this element as blur target.\n      // That is necessary in charts to ensure the blur target is within the chart and no cleanup is needed.\n      tabIndex={-1}\n    >\n      <PopoverContainer\n        size={size}\n        fixedWidth={fixedWidth}\n        position={position}\n        trackRef={trackRef}\n        getTrack={getTrack}\n        trackKey={trackKey}\n        minVisibleBlockSize={minVisibleBlockSize}\n        arrow={position => (\n          <div className={clsx(popoverStyles.arrow, popoverStyles[`arrow-position-${position}`])}>\n            <div className={popoverStyles['arrow-outer']} />\n            <div className={popoverStyles['arrow-inner']} />\n          </div>\n        )}\n        keepPosition={true}\n        allowVerticalOverflow={true}\n        allowScrollToFit={isPinned}\n        hoverArea={true}\n      >\n        <PopoverBody\n          dismissButton={dismissButton}\n          dismissAriaLabel={dismissAriaLabel}\n          header={<span className={testClasses.header}>{title}</span>}\n          onDismiss={onDismiss}\n          overflowVisible=\"content\"\n          className={styles['popover-body']}\n          variant=\"chart\"\n        >\n          <div className={testClasses.body}>{children}</div>\n          {footer && <div className={clsx(testClasses.footer, styles.footer)}>{footer}</div>}\n        </PopoverBody>\n      </PopoverContainer>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-popover/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 clsx from 'clsx';\n\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport PopoverBody from '../../../popover/body';\nimport PopoverContainer from '../../../popover/container';\nimport { PopoverProps } from '../../../popover/interfaces';\nimport { getBaseProps } from '../../base-component';\n\nimport popoverStyles from '../../../popover/styles.css.js';\nimport styles from './styles.css.js';\nimport testClasses from './test-classes/styles.css.js';\n\nexport interface ChartPopoverProps extends PopoverProps {\n  /** Title of the popover */\n  title?: React.ReactNode;\n\n  /** References the element the container is positioned against. */\n  trackRef?: React.RefObject<HTMLElement | SVGElement>;\n  getTrack?: () => null | HTMLElement | SVGElement;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n  minVisibleBlockSize?: number;\n\n  /** Optional container element that prevents any clicks in there from dismissing the popover */\n  container: Element | null;\n\n  /** Event that is fired when the popover is dismissed */\n  onDismiss: (outsideClick?: boolean) => void;\n\n  /** Fired when the pointer enters the hoverable area around the popover */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n\n  /** Fired when the pointer leaves the hoverable area around the popover */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n\n  onBlur?: (event: React.FocusEvent) => void;\n\n  /** Popover content */\n  children?: React.ReactNode;\n\n  /** Popover footer */\n  footer?: React.ReactNode;\n}\n\nexport default React.forwardRef(ChartPopover);\n\nfunction ChartPopover(\n  {\n    position = 'right',\n    size = 'medium',\n    fixedWidth = false,\n    dismissButton = false,\n    dismissAriaLabel,\n\n    children,\n    footer,\n\n    title,\n    trackRef,\n    getTrack,\n    trackKey,\n    onDismiss,\n    container,\n    minVisibleBlockSize,\n\n    onMouseEnter,\n    onMouseLeave,\n    onBlur,\n\n    ...restProps\n  }: ChartPopoverProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const baseProps = getBaseProps(restProps);\n  const popoverObjectRef = useRef<HTMLDivElement | null>(null);\n  const popoverRef = useMergeRefs(popoverObjectRef, ref);\n\n  const clickFrameId = useRef<number | null>(null);\n  const onMouseDown = () => {\n    // Indicate there was a click inside popover recently.\n    clickFrameId.current = requestAnimationFrame(() => (clickFrameId.current = null));\n  };\n\n  useEffect(() => {\n    if (popoverObjectRef.current) {\n      const document = popoverObjectRef.current.ownerDocument;\n      const onDocumentClick = (event: MouseEvent) => {\n        // Dismiss popover unless there was a click inside within the last animation frame.\n        // Ignore clicks inside the chart as those are handled separately.\n        if (clickFrameId.current === null && !nodeContains(container, event.target as Element)) {\n          onDismiss(true);\n        }\n      };\n\n      document.addEventListener('mousedown', onDocumentClick);\n\n      return () => {\n        document.removeEventListener('mousedown', onDocumentClick);\n      };\n    }\n  }, [container, onDismiss]);\n\n  // In chart popovers, dismiss button is present when they are pinned, so both values are equivalent.\n  const isPinned = dismissButton;\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(popoverStyles.root, styles.root, baseProps.className)}\n      ref={popoverRef}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onMouseDown={onMouseDown}\n      onBlur={onBlur}\n      // The tabIndex makes it so that clicking inside popover assigns this element as blur target.\n      // That is necessary in charts to ensure the blur target is within the chart and no cleanup is needed.\n      tabIndex={-1}\n    >\n      <PopoverContainer\n        size={size}\n        fixedWidth={fixedWidth}\n        position={position}\n        trackRef={trackRef}\n        getTrack={getTrack}\n        trackKey={trackKey}\n        minVisibleBlockSize={minVisibleBlockSize}\n        arrow={position => (\n          <div className={clsx(popoverStyles.arrow, popoverStyles[`arrow-position-${position}`])}>\n            <div className={popoverStyles['arrow-outer']} />\n            <div className={popoverStyles['arrow-inner']} />\n          </div>\n        )}\n        keepPosition={true}\n        allowVerticalOverflow={true}\n        allowScrollToFit={isPinned}\n        hoverArea={true}\n      >\n        <PopoverBody\n          dismissButton={dismissButton}\n          dismissAriaLabel={dismissAriaLabel}\n          header={<span className={testClasses.header}>{title}</span>}\n          onDismiss={onDismiss}\n          overflowVisible=\"content\"\n          className={styles['popover-body']}\n          variant=\"chart\"\n        >\n          <div className={testClasses.body}>{children}</div>\n          {footer && <div className={clsx(testClasses.footer, styles.footer)}>{footer}</div>}\n        </PopoverBody>\n      </PopoverContainer>\n    </div>\n  );\n}\n"]}

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (0a448ad4)";
-export var GIT_SHA = "0a448ad4";
+export var PACKAGE_VERSION = "3.0.0 (58547d10)";
+export var GIT_SHA = "58547d10";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "console";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (0a448ad4)",
-  "GIT_SHA": "0a448ad4",
+  "PACKAGE_VERSION": "3.0.0 (58547d10)",
+  "GIT_SHA": "58547d10",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "console",
   "ALWAYS_VISUAL_REFRESH": true

package/internal/hooks/forward-focus/radio-group.js

@@ -7,7 +7,7 @@ import { useImperativeHandle, useRef } from 'react';
  */
 export default function useRadioGroupForwardFocus(forwardedRef, items, value) {
     const itemRef = useRef(null);
-    const itemIndex = items && findIndex(items, item => item.value === value);
+    const itemIndex = items && items.findIndex(item => item.value === value);
     useImperativeHandle(forwardedRef, () => ({
         focus() {
             var _a;
@@ -16,12 +16,4 @@ export default function useRadioGroupForwardFocus(forwardedRef, items, value) {
     }));
     return [itemRef, itemIndex !== undefined && itemIndex !== -1 ? itemIndex : 0];
 }
-function findIndex(items, predicate) {
-    for (let i = 0; i < items.length; i++) {
-        if (predicate(items[i])) {
-            return i;
-        }
-    }
-    return -1;
-}
 //# sourceMappingURL=radio-group.js.map

package/internal/hooks/forward-focus/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/forward-focus/radio-group.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAM3D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAC/C,YAAwC,EACxC,KAAmD,EACnD,KAAoB;IAEpB,MAAM,OAAO,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,KAAK,IAAI,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAC1E,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;QACvC,KAAK;;YACH,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC3B,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,OAAO,EAAE,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChF,CAAC;AAED,SAAS,SAAS,CAAI,KAAuB,EAAE,SAAwB;IACrE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACrC,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;YACvB,OAAO,CAAC,CAAC;SACV;KACF;IACD,OAAO,CAAC,CAAC,CAAC;AACZ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useImperativeHandle, useRef } from 'react';\n\ninterface ForwardFocusRef {\n  focus(): void;\n}\n\n/**\n * Focus forwarding helper for radio groups where only the first selected\n * child element should be focused.\n */\nexport default function useRadioGroupForwardFocus(\n  forwardedRef: React.Ref<ForwardFocusRef>,\n  items: ReadonlyArray<{ value: string }> | undefined,\n  value: string | null\n): [React.Ref<HTMLInputElement>, number] {\n  const itemRef = useRef<HTMLInputElement | null>(null);\n  const itemIndex = items && findIndex(items, item => item.value === value);\n  useImperativeHandle(forwardedRef, () => ({\n    focus() {\n      itemRef.current?.focus();\n    },\n  }));\n\n  return [itemRef, itemIndex !== undefined && itemIndex !== -1 ? itemIndex : 0];\n}\n\nfunction findIndex<T>(items: ReadonlyArray<T>, predicate: (t: T) => any): number {\n  for (let i = 0; i < items.length; i++) {\n    if (predicate(items[i])) {\n      return i;\n    }\n  }\n  return -1;\n}\n"]}
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/forward-focus/radio-group.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAM3D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAC/C,YAAwC,EACxC,KAAmD,EACnD,KAAoB;IAEpB,MAAM,OAAO,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IACzE,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;QACvC,KAAK;;YACH,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC3B,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,OAAO,EAAE,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useImperativeHandle, useRef } from 'react';\n\ninterface ForwardFocusRef {\n  focus(): void;\n}\n\n/**\n * Focus forwarding helper for radio groups where only the first selected\n * child element should be focused.\n */\nexport default function useRadioGroupForwardFocus(\n  forwardedRef: React.Ref<ForwardFocusRef>,\n  items: ReadonlyArray<{ value: string }> | undefined,\n  value: string | null\n): [React.Ref<HTMLInputElement>, number] {\n  const itemRef = useRef<HTMLInputElement | null>(null);\n  const itemIndex = items && items.findIndex(item => item.value === value);\n  useImperativeHandle(forwardedRef, () => ({\n    focus() {\n      itemRef.current?.focus();\n    },\n  }));\n\n  return [itemRef, itemIndex !== undefined && itemIndex !== -1 ? itemIndex : 0];\n}\n"]}