npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1163 → 3.0.1165 - Mend

@cloudscape-design/components-themeable 3.0.1163 → 3.0.1165

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

package/lib/internal/template/pagination/styles.scoped.css CHANGED Viewed

@@ -142,7 +142,7 @@
 */
 /* 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_fvjdu_aiptz_145:not(#\9) {
+.awsui_root_fvjdu_wty2q_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -182,14 +182,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
 }
-.awsui_button_fvjdu_aiptz_185:not(#\9),
-.awsui_dots_fvjdu_aiptz_186:not(#\9) {
+.awsui_button_fvjdu_wty2q_185:not(#\9),
+.awsui_dots_fvjdu_wty2q_186:not(#\9) {
   min-inline-size: var(--space-l-3cws6j, 20px);
   border-block: var(--border-width-button-40y1n5, 1px) solid transparent;
   border-inline: var(--border-width-button-40y1n5, 1px) solid transparent;
 }
-.awsui_button_fvjdu_aiptz_185:not(#\9) {
+.awsui_button_fvjdu_wty2q_185:not(#\9) {
   cursor: pointer;
   text-align: center;
   box-sizing: border-box;
@@ -198,10 +198,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_button_fvjdu_aiptz_185:not(#\9):focus {
+.awsui_button_fvjdu_wty2q_185:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button_fvjdu_aiptz_185:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_fvjdu_wty2q_185:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
   border-inline: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
@@ -211,46 +211,46 @@ body[data-awsui-focus-visible=true] .awsui_button_fvjdu_aiptz_185:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_button-disabled_fvjdu_aiptz_214:not(#\9) {
+.awsui_button-disabled_fvjdu_wty2q_214:not(#\9) {
   cursor: default;
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_arrow_fvjdu_aiptz_219:not(#\9) {
+.awsui_arrow_fvjdu_wty2q_219:not(#\9) {
   color: var(--color-text-interactive-default-qwoe3g, #545b64);
 }
-.awsui_arrow_fvjdu_aiptz_219:not(#\9):not(.awsui_button-disabled_fvjdu_aiptz_214):hover {
+.awsui_arrow_fvjdu_wty2q_219:not(#\9):not(.awsui_button-disabled_fvjdu_wty2q_214):hover {
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_arrow_fvjdu_aiptz_219.awsui_button-disabled_fvjdu_aiptz_214:not(#\9) {
+.awsui_arrow_fvjdu_wty2q_219.awsui_button-disabled_fvjdu_wty2q_214:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_page-number_fvjdu_aiptz_229:not(#\9) {
+.awsui_page-number_fvjdu_wty2q_229:not(#\9) {
   color: var(--color-text-pagination-page-number-default-ramada, #545b64);
 }
-.awsui_page-number_fvjdu_aiptz_229:not(#\9):not(.awsui_button-disabled_fvjdu_aiptz_214):hover {
+.awsui_page-number_fvjdu_wty2q_229:not(#\9):not(.awsui_button-disabled_fvjdu_wty2q_214):hover {
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_page-number_fvjdu_aiptz_229.awsui_button-current_fvjdu_aiptz_235:not(#\9) {
+.awsui_page-number_fvjdu_wty2q_229.awsui_button-current_fvjdu_wty2q_235:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-lhxtkr, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--color-text-interactive-active-c44vdq, #16191f);
 }
-.awsui_page-number_fvjdu_aiptz_229.awsui_button-current_fvjdu_aiptz_235.awsui_button-disabled_fvjdu_aiptz_214:not(#\9) {
-  color: var(--color-text-pagination-page-number-active-disabled-ucl1n5, #545b64);
+.awsui_page-number_fvjdu_wty2q_229.awsui_button-current_fvjdu_wty2q_235.awsui_button-disabled_fvjdu_wty2q_214:not(#\9) {
+  color: var(--color-text-pagination-page-number-active-disabled-ijg63u, #545b64);
 }
-.awsui_page-number_fvjdu_aiptz_229.awsui_button-disabled_fvjdu_aiptz_214:not(#\9) {
+.awsui_page-number_fvjdu_wty2q_229.awsui_button-disabled_fvjdu_wty2q_214:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_dots_fvjdu_aiptz_186:not(#\9) {
+.awsui_dots_fvjdu_wty2q_186:not(#\9) {
   color: var(--color-text-interactive-default-qwoe3g, #545b64);
 }
-.awsui_page-item_fvjdu_aiptz_252:not(#\9),
-.awsui_dots_fvjdu_aiptz_186:not(#\9) {
+.awsui_page-item_fvjdu_wty2q_252:not(#\9),
+.awsui_dots_fvjdu_wty2q_186:not(#\9) {
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: var(--space-xxs-jnczic, 4px);
   text-align: center;
@@ -258,15 +258,15 @@ body[data-awsui-focus-visible=true] .awsui_button_fvjdu_aiptz_185:not(#\9):focus
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_page-item_fvjdu_aiptz_252:not(#\9):first-child,
-.awsui_dots_fvjdu_aiptz_186:not(#\9):first-child {
+.awsui_page-item_fvjdu_wty2q_252:not(#\9):first-child,
+.awsui_dots_fvjdu_wty2q_186:not(#\9):first-child {
   margin-inline-start: 0;
 }
-.awsui_page-item_fvjdu_aiptz_252:not(#\9):last-child,
-.awsui_dots_fvjdu_aiptz_186:not(#\9):last-child {
+.awsui_page-item_fvjdu_wty2q_252:not(#\9):last-child,
+.awsui_dots_fvjdu_wty2q_186:not(#\9):last-child {
   margin-inline-end: 0;
 }
-.awsui_root-disabled_fvjdu_aiptz_270 > .awsui_dots_fvjdu_aiptz_186:not(#\9) {
+.awsui_root-disabled_fvjdu_wty2q_270 > .awsui_dots_fvjdu_wty2q_186:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }

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

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_fvjdu_aiptz_145",
-  "button": "awsui_button_fvjdu_aiptz_185",
-  "dots": "awsui_dots_fvjdu_aiptz_186",
-  "button-disabled": "awsui_button-disabled_fvjdu_aiptz_214",
-  "arrow": "awsui_arrow_fvjdu_aiptz_219",
-  "page-number": "awsui_page-number_fvjdu_aiptz_229",
-  "button-current": "awsui_button-current_fvjdu_aiptz_235",
-  "page-item": "awsui_page-item_fvjdu_aiptz_252",
-  "root-disabled": "awsui_root-disabled_fvjdu_aiptz_270"
+  "root": "awsui_root_fvjdu_wty2q_145",
+  "button": "awsui_button_fvjdu_wty2q_185",
+  "dots": "awsui_dots_fvjdu_wty2q_186",
+  "button-disabled": "awsui_button-disabled_fvjdu_wty2q_214",
+  "arrow": "awsui_arrow_fvjdu_wty2q_219",
+  "page-number": "awsui_page-number_fvjdu_wty2q_229",
+  "button-current": "awsui_button-current_fvjdu_wty2q_235",
+  "page-item": "awsui_page-item_fvjdu_wty2q_252",
+  "root-disabled": "awsui_root-disabled_fvjdu_wty2q_270"
 };

package/lib/internal/template/pie-chart/styles.css.js CHANGED Viewed

@@ -1,32 +1,32 @@
     import './styles.scoped.css';
     export default {
-  "segment__path": "awsui_segment__path_1edmh_1vpcl_161",
-  "segment": "awsui_segment_1edmh_1vpcl_161",
-  "segment__hover": "awsui_segment__hover_1edmh_1vpcl_188",
-  "label": "awsui_label_1edmh_1vpcl_202",
-  "root": "awsui_root_1edmh_1vpcl_216",
-  "content": "awsui_content_1edmh_1vpcl_220",
-  "content--small": "awsui_content--small_1edmh_1vpcl_220",
-  "content--fit-height": "awsui_content--fit-height_1edmh_1vpcl_223",
-  "content--without-labels": "awsui_content--without-labels_1edmh_1vpcl_226",
-  "content--medium": "awsui_content--medium_1edmh_1vpcl_232",
-  "content--large": "awsui_content--large_1edmh_1vpcl_244",
-  "status-container": "awsui_status-container_1edmh_1vpcl_261",
-  "chart-container": "awsui_chart-container_1edmh_1vpcl_265",
-  "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_1vpcl_269",
-  "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_1vpcl_274",
-  "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_1vpcl_277",
-  "inner-content": "awsui_inner-content_1edmh_1vpcl_283",
-  "segment__highlight": "awsui_segment__highlight_1edmh_1vpcl_294",
-  "segment--dimmed": "awsui_segment--dimmed_1edmh_1vpcl_309",
-  "segment--highlighted": "awsui_segment--highlighted_1edmh_1vpcl_312",
-  "label--dimmed": "awsui_label--dimmed_1edmh_1vpcl_329",
-  "label--align-right": "awsui_label--align-right_1edmh_1vpcl_332",
-  "label-text": "awsui_label-text_1edmh_1vpcl_340",
-  "label__description": "awsui_label__description_1edmh_1vpcl_348",
-  "label-line": "awsui_label-line_1edmh_1vpcl_355",
-  "label--highlighted": "awsui_label--highlighted_1edmh_1vpcl_359",
-  "popover-header": "awsui_popover-header_1edmh_1vpcl_363"
+  "segment__path": "awsui_segment__path_1edmh_1vo0g_161",
+  "segment": "awsui_segment_1edmh_1vo0g_161",
+  "segment__hover": "awsui_segment__hover_1edmh_1vo0g_188",
+  "label": "awsui_label_1edmh_1vo0g_202",
+  "root": "awsui_root_1edmh_1vo0g_216",
+  "content": "awsui_content_1edmh_1vo0g_220",
+  "content--small": "awsui_content--small_1edmh_1vo0g_220",
+  "content--fit-height": "awsui_content--fit-height_1edmh_1vo0g_223",
+  "content--without-labels": "awsui_content--without-labels_1edmh_1vo0g_226",
+  "content--medium": "awsui_content--medium_1edmh_1vo0g_232",
+  "content--large": "awsui_content--large_1edmh_1vo0g_244",
+  "status-container": "awsui_status-container_1edmh_1vo0g_261",
+  "chart-container": "awsui_chart-container_1edmh_1vo0g_265",
+  "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_1vo0g_269",
+  "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_1vo0g_274",
+  "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_1vo0g_277",
+  "inner-content": "awsui_inner-content_1edmh_1vo0g_283",
+  "segment__highlight": "awsui_segment__highlight_1edmh_1vo0g_294",
+  "segment--dimmed": "awsui_segment--dimmed_1edmh_1vo0g_309",
+  "segment--highlighted": "awsui_segment--highlighted_1edmh_1vo0g_312",
+  "label--dimmed": "awsui_label--dimmed_1edmh_1vo0g_329",
+  "label--align-right": "awsui_label--align-right_1edmh_1vo0g_332",
+  "label-text": "awsui_label-text_1edmh_1vo0g_340",
+  "label__description": "awsui_label__description_1edmh_1vo0g_348",
+  "label-line": "awsui_label-line_1edmh_1vo0g_355",
+  "label--highlighted": "awsui_label--highlighted_1edmh_1vo0g_359",
+  "popover-header": "awsui_popover-header_1edmh_1vo0g_363"
 };

package/lib/internal/template/pie-chart/styles.scoped.css CHANGED Viewed

@@ -158,129 +158,129 @@ 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_segment__path_1edmh_1vpcl_161:not(#\9) {
+.awsui_segment__path_1edmh_1vo0g_161:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_segment__path_1edmh_1vpcl_161:not(#\9) {
+  .awsui_segment__path_1edmh_1vo0g_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_segment__path_1edmh_1vpcl_161:not(#\9), .awsui-mode-entering .awsui_segment__path_1edmh_1vpcl_161:not(#\9) {
+.awsui-motion-disabled .awsui_segment__path_1edmh_1vo0g_161:not(#\9), .awsui-mode-entering .awsui_segment__path_1edmh_1vo0g_161:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_segment_1edmh_1vpcl_161:not(#\9) {
+.awsui_segment_1edmh_1vo0g_161:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_segment_1edmh_1vpcl_161:not(#\9) {
+  .awsui_segment_1edmh_1vo0g_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_segment_1edmh_1vpcl_161:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_1vpcl_161:not(#\9) {
+.awsui-motion-disabled .awsui_segment_1edmh_1vo0g_161:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_1vo0g_161:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_segment_1edmh_1vpcl_161 > .awsui_segment__hover_1edmh_1vpcl_188:not(#\9) {
+.awsui_segment_1edmh_1vo0g_161 > .awsui_segment__hover_1edmh_1vo0g_188:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_segment_1edmh_1vpcl_161 > .awsui_segment__hover_1edmh_1vpcl_188:not(#\9) {
+  .awsui_segment_1edmh_1vo0g_161 > .awsui_segment__hover_1edmh_1vo0g_188:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_segment_1edmh_1vpcl_161 > .awsui_segment__hover_1edmh_1vpcl_188:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_1vpcl_161 > .awsui_segment__hover_1edmh_1vpcl_188:not(#\9) {
+.awsui-motion-disabled .awsui_segment_1edmh_1vo0g_161 > .awsui_segment__hover_1edmh_1vo0g_188:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_1vo0g_161 > .awsui_segment__hover_1edmh_1vo0g_188:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_label_1edmh_1vpcl_202:not(#\9) {
+.awsui_label_1edmh_1vo0g_202:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_label_1edmh_1vpcl_202:not(#\9) {
+  .awsui_label_1edmh_1vo0g_202:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_label_1edmh_1vpcl_202:not(#\9), .awsui-mode-entering .awsui_label_1edmh_1vpcl_202:not(#\9) {
+.awsui-motion-disabled .awsui_label_1edmh_1vo0g_202:not(#\9), .awsui-mode-entering .awsui_label_1edmh_1vo0g_202:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1edmh_1vpcl_216:not(#\9) {
+.awsui_root_1edmh_1vo0g_216:not(#\9) {
   /* used in test-utils */
 }
-.awsui_content_1edmh_1vpcl_220.awsui_content--small_1edmh_1vpcl_220:not(#\9) {
+.awsui_content_1edmh_1vo0g_220.awsui_content--small_1edmh_1vo0g_220:not(#\9) {
   min-block-size: calc(2 * (50px + var(--space-xs-kw7k3v, 8px) + calc(2 * var(--line-height-body-m-bedeoh, 22px))));
 }
-.awsui_content_1edmh_1vpcl_220.awsui_content--small_1edmh_1vpcl_220.awsui_content--fit-height_1edmh_1vpcl_223:not(#\9) {
+.awsui_content_1edmh_1vo0g_220.awsui_content--small_1edmh_1vo0g_220.awsui_content--fit-height_1edmh_1vo0g_223:not(#\9) {
   min-block-size: calc(2 * (30px + calc(2 * var(--line-height-body-m-bedeoh, 22px))));
 }
-.awsui_content_1edmh_1vpcl_220.awsui_content--small_1edmh_1vpcl_220.awsui_content--without-labels_1edmh_1vpcl_226:not(#\9) {
+.awsui_content_1edmh_1vo0g_220.awsui_content--small_1edmh_1vo0g_220.awsui_content--without-labels_1edmh_1vo0g_226:not(#\9) {
   min-block-size: calc(2 * (50px + var(--space-xs-kw7k3v, 8px)));
 }
-.awsui_content_1edmh_1vpcl_220.awsui_content--small_1edmh_1vpcl_220.awsui_content--without-labels_1edmh_1vpcl_226.awsui_content--fit-height_1edmh_1vpcl_223:not(#\9) {
+.awsui_content_1edmh_1vo0g_220.awsui_content--small_1edmh_1vo0g_220.awsui_content--without-labels_1edmh_1vo0g_226.awsui_content--fit-height_1edmh_1vo0g_223:not(#\9) {
   min-block-size: calc(2 * (30px));
 }
-.awsui_content_1edmh_1vpcl_220.awsui_content--medium_1edmh_1vpcl_232:not(#\9) {
+.awsui_content_1edmh_1vo0g_220.awsui_content--medium_1edmh_1vo0g_232:not(#\9) {
   min-block-size: calc(2 * (100px + var(--space-s-4a5hs8, 12px) + calc(2 * var(--line-height-body-m-bedeoh, 22px))));
 }
-.awsui_content_1edmh_1vpcl_220.awsui_content--medium_1edmh_1vpcl_232.awsui_content--fit-height_1edmh_1vpcl_223:not(#\9) {
+.awsui_content_1edmh_1vo0g_220.awsui_content--medium_1edmh_1vo0g_232.awsui_content--fit-height_1edmh_1vo0g_223:not(#\9) {
   min-block-size: calc(2 * (100px + calc(2 * var(--line-height-body-m-bedeoh, 22px))));
 }
-.awsui_content_1edmh_1vpcl_220.awsui_content--medium_1edmh_1vpcl_232.awsui_content--without-labels_1edmh_1vpcl_226:not(#\9) {
+.awsui_content_1edmh_1vo0g_220.awsui_content--medium_1edmh_1vo0g_232.awsui_content--without-labels_1edmh_1vo0g_226:not(#\9) {
   min-block-size: calc(2 * (100px + var(--space-s-4a5hs8, 12px)));
 }
-.awsui_content_1edmh_1vpcl_220.awsui_content--medium_1edmh_1vpcl_232.awsui_content--without-labels_1edmh_1vpcl_226.awsui_content--fit-height_1edmh_1vpcl_223:not(#\9) {
+.awsui_content_1edmh_1vo0g_220.awsui_content--medium_1edmh_1vo0g_232.awsui_content--without-labels_1edmh_1vo0g_226.awsui_content--fit-height_1edmh_1vo0g_223:not(#\9) {
   min-block-size: calc(2 * (100px));
 }
-.awsui_content_1edmh_1vpcl_220.awsui_content--large_1edmh_1vpcl_244:not(#\9) {
+.awsui_content_1edmh_1vo0g_220.awsui_content--large_1edmh_1vo0g_244:not(#\9) {
   min-block-size: calc(2 * (140px + var(--space-s-4a5hs8, 12px) + calc(2 * var(--line-height-body-m-bedeoh, 22px))));
 }
-.awsui_content_1edmh_1vpcl_220.awsui_content--large_1edmh_1vpcl_244.awsui_content--fit-height_1edmh_1vpcl_223:not(#\9) {
+.awsui_content_1edmh_1vo0g_220.awsui_content--large_1edmh_1vo0g_244.awsui_content--fit-height_1edmh_1vo0g_223:not(#\9) {
   min-block-size: calc(2 * (140px + calc(2 * var(--line-height-body-m-bedeoh, 22px))));
 }
-.awsui_content_1edmh_1vpcl_220.awsui_content--large_1edmh_1vpcl_244.awsui_content--without-labels_1edmh_1vpcl_226:not(#\9) {
+.awsui_content_1edmh_1vo0g_220.awsui_content--large_1edmh_1vo0g_244.awsui_content--without-labels_1edmh_1vo0g_226:not(#\9) {
   min-block-size: calc(2 * (140px + var(--space-s-4a5hs8, 12px)));
 }
-.awsui_content_1edmh_1vpcl_220.awsui_content--large_1edmh_1vpcl_244.awsui_content--without-labels_1edmh_1vpcl_226.awsui_content--fit-height_1edmh_1vpcl_223:not(#\9) {
+.awsui_content_1edmh_1vo0g_220.awsui_content--large_1edmh_1vo0g_244.awsui_content--without-labels_1edmh_1vo0g_226.awsui_content--fit-height_1edmh_1vo0g_223:not(#\9) {
   min-block-size: calc(2 * (140px));
 }
-.awsui_content--fit-height_1edmh_1vpcl_223:not(#\9) {
+.awsui_content--fit-height_1edmh_1vo0g_223:not(#\9) {
   flex: 1;
 }
-.awsui_status-container_1edmh_1vpcl_261:not(#\9) {
+.awsui_status-container_1edmh_1vo0g_261:not(#\9) {
   /* used in test utils */
 }
-.awsui_chart-container_1edmh_1vpcl_265:not(#\9) {
+.awsui_chart-container_1edmh_1vo0g_265:not(#\9) {
   display: flex;
   flex: 1;
 }
-.awsui_chart-container--fit-height_1edmh_1vpcl_269:not(#\9) {
+.awsui_chart-container--fit-height_1edmh_1vo0g_269:not(#\9) {
   block-size: 100%;
   min-block-size: inherit;
 }
-.awsui_chart-container-chart-plot_1edmh_1vpcl_274:not(#\9) {
+.awsui_chart-container-chart-plot_1edmh_1vo0g_274:not(#\9) {
   display: contents;
 }
-.awsui_chart-container-chart-plot--fit-height_1edmh_1vpcl_277:not(#\9) {
+.awsui_chart-container-chart-plot--fit-height_1edmh_1vo0g_277:not(#\9) {
   display: block;
   position: absolute;
   inset: 0;
 }
-.awsui_inner-content_1edmh_1vpcl_283:not(#\9) {
+.awsui_inner-content_1edmh_1vo0g_283:not(#\9) {
   display: flex;
   position: absolute;
   flex-direction: column;
@@ -291,53 +291,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
-.awsui_segment__highlight_1edmh_1vpcl_294:not(#\9) {
+.awsui_segment__highlight_1edmh_1vo0g_294:not(#\9) {
   stroke: none;
   opacity: 0;
 }
-.awsui_segment_1edmh_1vpcl_161:not(#\9) {
+.awsui_segment_1edmh_1vo0g_161:not(#\9) {
   stroke: var(--color-background-container-content-aemn43, #ffffff);
   stroke-width: 2px;
   stroke-linejoin: round;
   opacity: 1;
   cursor: pointer;
 }
-.awsui_segment_1edmh_1vpcl_161:not(#\9):focus {
+.awsui_segment_1edmh_1vo0g_161:not(#\9):focus {
   outline: none;
 }
-.awsui_segment_1edmh_1vpcl_161.awsui_segment--dimmed_1edmh_1vpcl_309:not(#\9) {
+.awsui_segment_1edmh_1vo0g_161.awsui_segment--dimmed_1edmh_1vo0g_309:not(#\9) {
   opacity: 0.35;
 }
-.awsui_segment_1edmh_1vpcl_161.awsui_segment--highlighted_1edmh_1vpcl_312 > .awsui_segment__highlight_1edmh_1vpcl_294:not(#\9), .awsui_segment_1edmh_1vpcl_161:not(#\9):hover:not(.awsui_segment--dimmed_1edmh_1vpcl_309) > .awsui_segment__highlight_1edmh_1vpcl_294 {
+.awsui_segment_1edmh_1vo0g_161.awsui_segment--highlighted_1edmh_1vo0g_312 > .awsui_segment__highlight_1edmh_1vo0g_294:not(#\9), .awsui_segment_1edmh_1vo0g_161:not(#\9):hover:not(.awsui_segment--dimmed_1edmh_1vo0g_309) > .awsui_segment__highlight_1edmh_1vo0g_294 {
   opacity: 1;
 }
-.awsui_label_1edmh_1vpcl_202:not(#\9) {
+.awsui_label_1edmh_1vo0g_202:not(#\9) {
   color: var(--color-text-heading-default-wlau07, #16191f);
   opacity: 1;
   /* stylelint-disable-next-line selector-max-type */
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_label_1edmh_1vpcl_202 > line:not(#\9) {
+.awsui_label_1edmh_1vo0g_202 > line:not(#\9) {
   stroke: var(--color-stroke-chart-line-8651o9, #879596);
   stroke-width: var(--border-divider-section-width-sznrdy, 1px);
 }
-.awsui_label_1edmh_1vpcl_202 > div:not(#\9) {
+.awsui_label_1edmh_1vo0g_202 > div:not(#\9) {
   margin-block-start: -0.75em;
 }
-.awsui_label_1edmh_1vpcl_202.awsui_label--dimmed_1edmh_1vpcl_329:not(#\9) {
+.awsui_label_1edmh_1vo0g_202.awsui_label--dimmed_1edmh_1vo0g_329:not(#\9) {
   opacity: 0.35;
 }
-.awsui_label_1edmh_1vpcl_202.awsui_label--align-right_1edmh_1vpcl_332:not(#\9) {
+.awsui_label_1edmh_1vo0g_202.awsui_label--align-right_1edmh_1vo0g_332:not(#\9) {
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_label_1edmh_1vpcl_202.awsui_label--align-right_1edmh_1vpcl_332 > div:not(#\9) {
+.awsui_label_1edmh_1vo0g_202.awsui_label--align-right_1edmh_1vo0g_332 > div:not(#\9) {
   text-align: end;
 }
 /* stylelint-disable-next-line selector-max-type */
-.awsui_label-text_1edmh_1vpcl_340 > text:not(#\9) {
+.awsui_label-text_1edmh_1vo0g_340 > text:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: var(--font-display-label-weight-ise9n2, 400);
@@ -345,22 +345,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   dominant-baseline: middle;
 }
-text.awsui_label__description_1edmh_1vpcl_348:not(#\9) {
+text.awsui_label__description_1edmh_1vo0g_348:not(#\9) {
   font-size: var(--font-chart-detail-size-drm2a6, 14px);
   font-weight: 400;
-  color: var(--color-text-group-label-md03vz, #545b64);
-  fill: var(--color-text-group-label-md03vz, #545b64);
+  color: var(--color-text-group-label-yp8mcz, #545b64);
+  fill: var(--color-text-group-label-yp8mcz, #545b64);
 }
-.awsui_label-line_1edmh_1vpcl_355:not(#\9) {
+.awsui_label-line_1edmh_1vo0g_355:not(#\9) {
   /* used in component code */
 }
-.awsui_label--highlighted_1edmh_1vpcl_359:not(#\9) {
+.awsui_label--highlighted_1edmh_1vo0g_359:not(#\9) {
   /* used in test-utils */
 }
-.awsui_popover-header_1edmh_1vpcl_363:not(#\9) {
+.awsui_popover-header_1edmh_1vo0g_363:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
 }

package/lib/internal/template/pie-chart/styles.selectors.js CHANGED Viewed

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "segment__path": "awsui_segment__path_1edmh_1vpcl_161",
-  "segment": "awsui_segment_1edmh_1vpcl_161",
-  "segment__hover": "awsui_segment__hover_1edmh_1vpcl_188",
-  "label": "awsui_label_1edmh_1vpcl_202",
-  "root": "awsui_root_1edmh_1vpcl_216",
-  "content": "awsui_content_1edmh_1vpcl_220",
-  "content--small": "awsui_content--small_1edmh_1vpcl_220",
-  "content--fit-height": "awsui_content--fit-height_1edmh_1vpcl_223",
-  "content--without-labels": "awsui_content--without-labels_1edmh_1vpcl_226",
-  "content--medium": "awsui_content--medium_1edmh_1vpcl_232",
-  "content--large": "awsui_content--large_1edmh_1vpcl_244",
-  "status-container": "awsui_status-container_1edmh_1vpcl_261",
-  "chart-container": "awsui_chart-container_1edmh_1vpcl_265",
-  "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_1vpcl_269",
-  "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_1vpcl_274",
-  "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_1vpcl_277",
-  "inner-content": "awsui_inner-content_1edmh_1vpcl_283",
-  "segment__highlight": "awsui_segment__highlight_1edmh_1vpcl_294",
-  "segment--dimmed": "awsui_segment--dimmed_1edmh_1vpcl_309",
-  "segment--highlighted": "awsui_segment--highlighted_1edmh_1vpcl_312",
-  "label--dimmed": "awsui_label--dimmed_1edmh_1vpcl_329",
-  "label--align-right": "awsui_label--align-right_1edmh_1vpcl_332",
-  "label-text": "awsui_label-text_1edmh_1vpcl_340",
-  "label__description": "awsui_label__description_1edmh_1vpcl_348",
-  "label-line": "awsui_label-line_1edmh_1vpcl_355",
-  "label--highlighted": "awsui_label--highlighted_1edmh_1vpcl_359",
-  "popover-header": "awsui_popover-header_1edmh_1vpcl_363"
+  "segment__path": "awsui_segment__path_1edmh_1vo0g_161",
+  "segment": "awsui_segment_1edmh_1vo0g_161",
+  "segment__hover": "awsui_segment__hover_1edmh_1vo0g_188",
+  "label": "awsui_label_1edmh_1vo0g_202",
+  "root": "awsui_root_1edmh_1vo0g_216",
+  "content": "awsui_content_1edmh_1vo0g_220",
+  "content--small": "awsui_content--small_1edmh_1vo0g_220",
+  "content--fit-height": "awsui_content--fit-height_1edmh_1vo0g_223",
+  "content--without-labels": "awsui_content--without-labels_1edmh_1vo0g_226",
+  "content--medium": "awsui_content--medium_1edmh_1vo0g_232",
+  "content--large": "awsui_content--large_1edmh_1vo0g_244",
+  "status-container": "awsui_status-container_1edmh_1vo0g_261",
+  "chart-container": "awsui_chart-container_1edmh_1vo0g_265",
+  "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_1vo0g_269",
+  "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_1vo0g_274",
+  "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_1vo0g_277",
+  "inner-content": "awsui_inner-content_1edmh_1vo0g_283",
+  "segment__highlight": "awsui_segment__highlight_1edmh_1vo0g_294",
+  "segment--dimmed": "awsui_segment--dimmed_1edmh_1vo0g_309",
+  "segment--highlighted": "awsui_segment--highlighted_1edmh_1vo0g_312",
+  "label--dimmed": "awsui_label--dimmed_1edmh_1vo0g_329",
+  "label--align-right": "awsui_label--align-right_1edmh_1vo0g_332",
+  "label-text": "awsui_label-text_1edmh_1vo0g_340",
+  "label__description": "awsui_label__description_1edmh_1vo0g_348",
+  "label-line": "awsui_label-line_1edmh_1vo0g_355",
+  "label--highlighted": "awsui_label--highlighted_1edmh_1vo0g_359",
+  "popover-header": "awsui_popover-header_1edmh_1vo0g_363"
 };

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

@@ -78,7 +78,7 @@ function InternalPopover({ position = 'right', size = 'medium', fixedWidth = fal
             document.removeEventListener('mousedown', onDocumentClick);
         };
     }, []);
-    const popoverClasses = usePortalModeClasses(triggerRef);
+    const popoverClasses = usePortalModeClasses(triggerRef, { resetVisualContext: true });
     const triggerProps = {
         // https://github.com/microsoft/TypeScript/issues/36659
         ref: triggerRef,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { Portal, useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { KeyCode } from '../internal/keycode';\nimport Arrow from './arrow';\nimport PopoverBody from './body';\nimport ConditionalLiveRegion from './conditional-live-region';\nimport PopoverContainer from './container';\nimport { PopoverProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' \| 'size'>, InternalBaseComponentProps {\n __onOpen?: NonCancelableEventHandler<null>;\n triggerType?: PopoverProps.TriggerType \| 'filtering-token';\n size: PopoverProps.Size \| 'content';\n __closeAnalyticsAction?: string;\n isInline?: boolean;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n {\n position = 'right',\n size = 'medium',\n fixedWidth = false,\n triggerType = 'text',\n dismissButton = true,\n\n children,\n header,\n content,\n triggerAriaLabel,\n\n wrapTriggerText = true,\n isInline = false,\n renderWithPortal = false,\n\n __onOpen,\n __internalRootRef,\n __closeAnalyticsAction,\n\n ...restProps\n }: InternalPopoverProps,\n ref: React.Ref<PopoverProps.Ref>\n) {\n const baseProps = getBaseProps(restProps);\n const triggerRef = useRef<HTMLElement \| null>(null);\n const popoverRef = useRef<HTMLDivElement \| null>(null);\n\n const i18n = useInternalI18n('popover');\n const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n const [visible, setVisible] = useState(false);\n\n const focusTrigger = useCallback(() => {\n if (['text', 'text-inline'].includes(triggerType)) {\n triggerRef.current?.focus();\n } else if (triggerRef.current) {\n getFirstFocusable(triggerRef.current)?.focus();\n }\n }, [triggerType]);\n\n const onTriggerClick = useCallback(() => {\n fireNonCancelableEvent(__onOpen);\n setVisible(true);\n }, [__onOpen]);\n\n const onDismiss = useCallback(() => {\n setVisible(false);\n focusTrigger();\n }, [focusTrigger]);\n\n const onTriggerKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n const isEscapeKey = event.keyCode === KeyCode.escape;\n const isTabKey = event.keyCode === KeyCode.tab;\n if (isEscapeKey && visible) {\n event.stopPropagation();\n }\n if (isTabKey \|\| isEscapeKey) {\n setVisible(false);\n }\n },\n [visible]\n );\n\n useImperativeHandle(ref, () => ({\n dismiss: () => {\n setVisible(false);\n },\n focus: () => {\n setVisible(false);\n focusTrigger();\n },\n }));\n\n const clickFrameId = useRef<number \| null>(null);\n useEffect(() => {\n if (!triggerRef.current) {\n return;\n }\n const document = triggerRef.current.ownerDocument;\n\n const onDocumentClick = () => {\n // Dismiss popover unless there was a click inside within the last animation frame.\n if (clickFrameId.current === null) {\n setVisible(false);\n }\n };\n\n document.addEventListener('mousedown', onDocumentClick);\n\n return () => {\n document.removeEventListener('mousedown', onDocumentClick);\n };\n }, []);\n\n const popoverClasses = usePortalModeClasses(triggerRef);\n\n const triggerProps = {\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: triggerRef as any,\n onClick: onTriggerClick,\n onKeyDown: onTriggerKeyDown,\n className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),\n };\n const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n const referrerId = useUniqueId();\n\n const popoverContent = (\n <div\n className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n data-awsui-referrer-id={referrerId}\n >\n <PopoverContainer\n size={size}\n fixedWidth={fixedWidth}\n position={position}\n trackRef={triggerRef}\n arrow={position => <Arrow position={position} />}\n renderWithPortal={renderWithPortal}\n zIndex={renderWithPortal ? 7000 : undefined}\n >\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <PopoverBody\n dismissButton={dismissButton}\n dismissAriaLabel={dismissAriaLabel}\n header={header}\n onDismiss={onDismiss}\n overflowVisible=\"both\"\n closeAnalyticsAction={__closeAnalyticsAction}\n >\n <ConditionalLiveRegion condition={!dismissButton}>{content}</ConditionalLiveRegion>\n </PopoverBody>\n </LinkDefaultVariantContext.Provider>\n </PopoverContainer>\n </div>\n );\n\n const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n return (\n <span\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n triggerType === 'filtering-token' && styles['root-filtering-token'],\n isInline && styles['no-wrap']\n )}\n ref={mergedRef}\n onMouseDown={() => {\n // Indicate there was a click inside popover recently, including nested portals.\n clickFrameId.current = requestAnimationFrame(() => {\n clickFrameId.current = null;\n });\n }}\n >\n {['text', 'text-inline'].includes(triggerType) ? (\n <button\n {...triggerProps}\n className={clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis'])}\n tabIndex={triggerTabIndex}\n type=\"button\"\n aria-haspopup=\"dialog\"\n id={referrerId}\n aria-label={triggerAriaLabel}\n >\n {children}\n </button>\n ) : (\n <span {...triggerProps} id={referrerId}>\n {children}\n </span>\n )}\n {visible && (\n <ResetContextsForModal>\n {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n </ResetContextsForModal>\n )}\n </span>\n );\n}\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { Portal, useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { KeyCode } from '../internal/keycode';\nimport Arrow from './arrow';\nimport PopoverBody from './body';\nimport ConditionalLiveRegion from './conditional-live-region';\nimport PopoverContainer from './container';\nimport { PopoverProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' \| 'size'>, InternalBaseComponentProps {\n __onOpen?: NonCancelableEventHandler<null>;\n triggerType?: PopoverProps.TriggerType \| 'filtering-token';\n size: PopoverProps.Size \| 'content';\n __closeAnalyticsAction?: string;\n isInline?: boolean;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n {\n position = 'right',\n size = 'medium',\n fixedWidth = false,\n triggerType = 'text',\n dismissButton = true,\n\n children,\n header,\n content,\n triggerAriaLabel,\n\n wrapTriggerText = true,\n isInline = false,\n renderWithPortal = false,\n\n __onOpen,\n __internalRootRef,\n __closeAnalyticsAction,\n\n ...restProps\n }: InternalPopoverProps,\n ref: React.Ref<PopoverProps.Ref>\n) {\n const baseProps = getBaseProps(restProps);\n const triggerRef = useRef<HTMLElement \| null>(null);\n const popoverRef = useRef<HTMLDivElement \| null>(null);\n\n const i18n = useInternalI18n('popover');\n const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n const [visible, setVisible] = useState(false);\n\n const focusTrigger = useCallback(() => {\n if (['text', 'text-inline'].includes(triggerType)) {\n triggerRef.current?.focus();\n } else if (triggerRef.current) {\n getFirstFocusable(triggerRef.current)?.focus();\n }\n }, [triggerType]);\n\n const onTriggerClick = useCallback(() => {\n fireNonCancelableEvent(__onOpen);\n setVisible(true);\n }, [__onOpen]);\n\n const onDismiss = useCallback(() => {\n setVisible(false);\n focusTrigger();\n }, [focusTrigger]);\n\n const onTriggerKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n const isEscapeKey = event.keyCode === KeyCode.escape;\n const isTabKey = event.keyCode === KeyCode.tab;\n if (isEscapeKey && visible) {\n event.stopPropagation();\n }\n if (isTabKey \|\| isEscapeKey) {\n setVisible(false);\n }\n },\n [visible]\n );\n\n useImperativeHandle(ref, () => ({\n dismiss: () => {\n setVisible(false);\n },\n focus: () => {\n setVisible(false);\n focusTrigger();\n },\n }));\n\n const clickFrameId = useRef<number \| null>(null);\n useEffect(() => {\n if (!triggerRef.current) {\n return;\n }\n const document = triggerRef.current.ownerDocument;\n\n const onDocumentClick = () => {\n // Dismiss popover unless there was a click inside within the last animation frame.\n if (clickFrameId.current === null) {\n setVisible(false);\n }\n };\n\n document.addEventListener('mousedown', onDocumentClick);\n\n return () => {\n document.removeEventListener('mousedown', onDocumentClick);\n };\n }, []);\n\n const popoverClasses = usePortalModeClasses(triggerRef, { resetVisualContext: true });\n\n const triggerProps = {\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: triggerRef as any,\n onClick: onTriggerClick,\n onKeyDown: onTriggerKeyDown,\n className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),\n };\n const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n const referrerId = useUniqueId();\n\n const popoverContent = (\n <div\n className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n data-awsui-referrer-id={referrerId}\n >\n <PopoverContainer\n size={size}\n fixedWidth={fixedWidth}\n position={position}\n trackRef={triggerRef}\n arrow={position => <Arrow position={position} />}\n renderWithPortal={renderWithPortal}\n zIndex={renderWithPortal ? 7000 : undefined}\n >\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <PopoverBody\n dismissButton={dismissButton}\n dismissAriaLabel={dismissAriaLabel}\n header={header}\n onDismiss={onDismiss}\n overflowVisible=\"both\"\n closeAnalyticsAction={__closeAnalyticsAction}\n >\n <ConditionalLiveRegion condition={!dismissButton}>{content}</ConditionalLiveRegion>\n </PopoverBody>\n </LinkDefaultVariantContext.Provider>\n </PopoverContainer>\n </div>\n );\n\n const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n return (\n <span\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n triggerType === 'filtering-token' && styles['root-filtering-token'],\n isInline && styles['no-wrap']\n )}\n ref={mergedRef}\n onMouseDown={() => {\n // Indicate there was a click inside popover recently, including nested portals.\n clickFrameId.current = requestAnimationFrame(() => {\n clickFrameId.current = null;\n });\n }}\n >\n {['text', 'text-inline'].includes(triggerType) ? (\n <button\n {...triggerProps}\n className={clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis'])}\n tabIndex={triggerTabIndex}\n type=\"button\"\n aria-haspopup=\"dialog\"\n id={referrerId}\n aria-label={triggerAriaLabel}\n >\n {children}\n </button>\n ) : (\n <span {...triggerProps} id={referrerId}>\n {children}\n </span>\n )}\n {visible && (\n <ResetContextsForModal>\n {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n </ResetContextsForModal>\n )}\n </span>\n );\n}\n"]}