@cloudscape-design/components 3.0.1383 → 3.0.1384

package/container/styles.scoped.css

@@ -10,7 +10,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_14iqq_1xr68_13:not(#\9) {
+.awsui_root_14iqq_12yus_13:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -43,15 +43,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_1xr68_13.awsui_fit-height_14iqq_1xr68_46:not(#\9) {
+.awsui_root_14iqq_12yus_13.awsui_fit-height_14iqq_12yus_46:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_root_14iqq_1xr68_13.awsui_fit-height_14iqq_1xr68_46.awsui_with-side-media_14iqq_1xr68_51:not(#\9) {
+.awsui_root_14iqq_12yus_13.awsui_fit-height_14iqq_12yus_46.awsui_with-side-media_14iqq_12yus_51:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_1xr68_13.awsui_variant-default_14iqq_1xr68_54:not(#\9), .awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54:not(#\9) {
+.awsui_root_14iqq_12yus_13.awsui_variant-default_14iqq_12yus_54:not(#\9), .awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54:not(#\9) {
   background-color: var(--color-background-container-content-mjfil9, #ffffff);
   --awsui-inline-label-background-color-66120l: var(--color-background-container-content-mjfil9, #ffffff);
   border-start-start-radius: var(--border-radius-container-33hhdh, 16px);
@@ -60,11 +60,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-33hhdh, 16px);
   box-sizing: border-box;
 }
-.awsui_root_14iqq_1xr68_13.awsui_variant-default_14iqq_1xr68_54.awsui_refresh_14iqq_1xr68_63:not(#\9), .awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54.awsui_refresh_14iqq_1xr68_63:not(#\9) {
+.awsui_root_14iqq_12yus_13.awsui_variant-default_14iqq_12yus_54.awsui_refresh_14iqq_12yus_63:not(#\9), .awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54.awsui_refresh_14iqq_12yus_63:not(#\9) {
   border-block: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #c6c6cd);
   border-inline: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #c6c6cd);
 }
-.awsui_root_14iqq_1xr68_13.awsui_variant-default_14iqq_1xr68_54:not(#\9):not(.awsui_refresh_14iqq_1xr68_63)::before, .awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54:not(#\9):not(.awsui_refresh_14iqq_1xr68_63)::before {
+.awsui_root_14iqq_12yus_13.awsui_variant-default_14iqq_12yus_54:not(#\9):not(.awsui_refresh_14iqq_12yus_63)::before, .awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54:not(#\9):not(.awsui_refresh_14iqq_12yus_63)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -82,7 +82,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-33hhdh, 16px);
   z-index: 1;
 }
-.awsui_root_14iqq_1xr68_13.awsui_variant-default_14iqq_1xr68_54:not(#\9):not(.awsui_refresh_14iqq_1xr68_63)::after, .awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54:not(#\9):not(.awsui_refresh_14iqq_1xr68_63)::after {
+.awsui_root_14iqq_12yus_13.awsui_variant-default_14iqq_12yus_54:not(#\9):not(.awsui_refresh_14iqq_12yus_63)::after, .awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54:not(#\9):not(.awsui_refresh_14iqq_12yus_63)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -98,151 +98,172 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-33hhdh, 16px);
   box-shadow: var(--shadow-container-quglkl, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
 }
-.awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54:not(#\9):not(:last-child), .awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54:not(#\9):not(:last-child), .awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54:not(#\9):not(:last-child)::before, .awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54:not(#\9):not(:last-child)::after {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
   border-block-end-width: 0;
 }
-.awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54 + .awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54:not(#\9), .awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54 + .awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54:not(#\9)::before, .awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54 + .awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54:not(#\9)::after {
+.awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54 + .awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54:not(#\9), .awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54 + .awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54:not(#\9)::before, .awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54 + .awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54:not(#\9)::after {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54 + .awsui_root_14iqq_1xr68_13.awsui_variant-stacked_14iqq_1xr68_54:not(#\9):not(.awsui_refresh_14iqq_1xr68_63)::before {
+.awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54 + .awsui_root_14iqq_12yus_13.awsui_variant-stacked_14iqq_12yus_54:not(#\9):not(.awsui_refresh_14iqq_12yus_63)::before {
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #c6c6cd);
 }
-.awsui_root_14iqq_1xr68_13.awsui_sticky-enabled_14iqq_1xr68_113:not(#\9):not(.awsui_refresh_14iqq_1xr68_63)::before {
+.awsui_root_14iqq_12yus_13.awsui_sticky-enabled_14iqq_12yus_113:not(#\9):not(.awsui_refresh_14iqq_12yus_63)::before {
   inset-block-start: calc(-1 * var(--border-container-top-width-6p1io9, 0px));
 }
-.awsui_root_14iqq_1xr68_13.awsui_sticky-enabled_14iqq_1xr68_113:not(#\9):not(.awsui_refresh_14iqq_1xr68_63).awsui_variant-stacked_14iqq_1xr68_54::before {
+.awsui_root_14iqq_12yus_13.awsui_sticky-enabled_14iqq_12yus_113:not(#\9):not(.awsui_refresh_14iqq_12yus_63).awsui_variant-stacked_14iqq_12yus_54::before {
   inset-block-start: calc(-1 * var(--border-divider-section-width-dlkb8v, 1px));
 }
-.awsui_root_14iqq_1xr68_13.awsui_with-stuck-sticky-header-at-bottom_14iqq_1xr68_119:not(#\9) {
+.awsui_root_14iqq_12yus_13.awsui_with-stuck-sticky-header-at-bottom_14iqq_12yus_119:not(#\9) {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
 }
+.awsui_root_14iqq_12yus_13:not(#\9):focus {
+  outline: none;
+}
+.awsui_root_14iqq_12yus_13.awsui_focus-ring_14iqq_12yus_126:not(#\9):focus::after {
+  content: "";
+  position: absolute;
+  inset-inline-start: 0px;
+  inset-block-start: 0px;
+  inline-size: 100%;
+  block-size: 100%;
+  pointer-events: none;
+  background: transparent;
+  box-sizing: border-box;
+  outline: 2px dotted transparent;
+  outline-offset: 2px;
+  border-start-start-radius: var(--border-radius-container-33hhdh, 16px);
+  border-start-end-radius: var(--border-radius-container-33hhdh, 16px);
+  border-end-start-radius: var(--border-radius-container-33hhdh, 16px);
+  border-end-end-radius: var(--border-radius-container-33hhdh, 16px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
+}
 
-.awsui_with-side-media_14iqq_1xr68_51:not(#\9) {
+.awsui_with-side-media_14iqq_12yus_51:not(#\9) {
   display: flex;
   flex-direction: row;
 }
 
-.awsui_with-top-media_14iqq_1xr68_129:not(#\9) {
+.awsui_with-top-media_14iqq_12yus_150:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_content-wrapper_14iqq_1xr68_134:not(#\9) {
+.awsui_content-wrapper_14iqq_12yus_155:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_1xr68_139:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_12yus_160:not(#\9) {
   block-size: 100%;
   overflow: hidden;
   border-end-start-radius: var(--border-radius-container-33hhdh, 16px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 16px);
 }
 
-.awsui_media_14iqq_1xr68_146:not(#\9) {
+.awsui_media_14iqq_12yus_167:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_1xr68_146 img:not(#\9),
-.awsui_media_14iqq_1xr68_146 video:not(#\9),
-.awsui_media_14iqq_1xr68_146 picture:not(#\9) {
+.awsui_media_14iqq_12yus_167 img:not(#\9),
+.awsui_media_14iqq_12yus_167 video:not(#\9),
+.awsui_media_14iqq_12yus_167 picture:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_1xr68_146 iframe:not(#\9) {
+.awsui_media_14iqq_12yus_167 iframe:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   border-block: 0;
   border-inline: 0;
 }
-.awsui_media-top_14iqq_1xr68_164:not(#\9) {
+.awsui_media-top_14iqq_12yus_185:not(#\9) {
   max-block-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-33hhdh, 16px) - 1px);
   border-start-end-radius: calc(var(--border-radius-container-33hhdh, 16px) - 1px);
 }
-.awsui_media-side_14iqq_1xr68_169:not(#\9) {
+.awsui_media-side_14iqq_12yus_190:not(#\9) {
   max-inline-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-33hhdh, 16px) - 1px);
   border-end-start-radius: calc(var(--border-radius-container-33hhdh, 16px) - 1px);
 }
 
-.awsui_header_14iqq_1xr68_175:not(#\9) {
+.awsui_header_14iqq_12yus_196:not(#\9) {
   background-color: var(--color-background-container-header-irktp5, #ffffff);
   border-start-start-radius: var(--border-radius-container-33hhdh, 16px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 16px);
 }
-.awsui_header_14iqq_1xr68_175.awsui_header-full-page_14iqq_1xr68_180:not(#\9) {
+.awsui_header_14iqq_12yus_196.awsui_header-full-page_14iqq_12yus_201:not(#\9) {
   background-color: var(--color-background-layout-main-y4565g, #ffffff);
 }
-.awsui_header-variant-embedded_14iqq_1xr68_183.awsui_refresh_14iqq_1xr68_63:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1xr68_183) {
+.awsui_header-variant-embedded_14iqq_12yus_204.awsui_refresh_14iqq_12yus_63:not(#\9):not(.awsui_header-sticky-enabled_14iqq_12yus_204) {
   background-color: transparent;
 }
-.awsui_header_14iqq_1xr68_175.awsui_header-with-media_14iqq_1xr68_186:not(#\9) {
+.awsui_header_14iqq_12yus_196.awsui_header-with-media_14iqq_12yus_207:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_1xr68_175.awsui_header-with-media_14iqq_1xr68_186:not(#\9):not(:empty) {
+.awsui_header_14iqq_12yus_196.awsui_header-with-media_14iqq_12yus_207:not(#\9):not(:empty) {
   border-block-end: none;
 }
-.awsui_header-sticky-disabled_14iqq_1xr68_192:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_12yus_213:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_1xr68_183:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_12yus_204:not(#\9) {
   inset-block-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_1xr68_202:not(#\9) {
+.awsui_header-stuck_14iqq_12yus_223:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_header-stuck_14iqq_1xr68_202:not(#\9)::before {
+.awsui_header-stuck_14iqq_12yus_223:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
 }
-.awsui_header-stuck_14iqq_1xr68_202:not(#\9):not(.awsui_header-variant-cards_14iqq_1xr68_212) {
+.awsui_header-stuck_14iqq_12yus_223:not(#\9):not(.awsui_header-variant-cards_14iqq_12yus_233) {
   box-shadow: var(--shadow-sticky-embedded-5m1s1m, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
 }
-.awsui_header-dynamic-height_14iqq_1xr68_215.awsui_header-stuck_14iqq_1xr68_202:not(#\9) {
+.awsui_header-dynamic-height_14iqq_12yus_236.awsui_header-stuck_14iqq_12yus_223:not(#\9) {
   margin-block-end: calc(var(--line-height-heading-xl-pi61pg, 30px) - var(--line-height-heading-l-zmt48b, 24px));
 }
-.awsui_header_14iqq_1xr68_175:not(#\9):not(:empty) {
+.awsui_header_14iqq_12yus_196:not(#\9):not(:empty) {
   border-block-end: var(--border-container-sticky-width-ns9pe4, 0px) solid var(--color-border-container-divider-rkhoab, transparent);
 }
-.awsui_header_14iqq_1xr68_175.awsui_with-paddings_14iqq_1xr68_221:not(#\9) {
+.awsui_header_14iqq_12yus_196.awsui_with-paddings_14iqq_12yus_242:not(#\9) {
   padding-block-start: var(--space-container-header-top-3txhx4, 12px);
   padding-block-end: var(--space-container-header-bottom-9elagw, 8px);
   padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
-.awsui_header_14iqq_1xr68_175.awsui_with-paddings_14iqq_1xr68_221.awsui_header-variant-cards_14iqq_1xr68_212:not(#\9) {
+.awsui_header_14iqq_12yus_196.awsui_with-paddings_14iqq_12yus_242.awsui_header-variant-cards_14iqq_12yus_233:not(#\9) {
   padding-block: var(--space-container-header-top-3txhx4, 12px);
   padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
-.awsui_header_14iqq_1xr68_175.awsui_with-hidden-content_14iqq_1xr68_230:not(#\9) {
+.awsui_header_14iqq_12yus_196.awsui_with-hidden-content_14iqq_12yus_251:not(#\9) {
   border-end-start-radius: var(--border-radius-container-33hhdh, 16px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 16px);
 }
-.awsui_header-variant-cards_14iqq_1xr68_212:not(#\9) {
+.awsui_header-variant-cards_14iqq_12yus_233:not(#\9) {
   border-start-start-radius: var(--border-radius-container-33hhdh, 16px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 16px);
   border-end-start-radius: var(--border-radius-container-33hhdh, 16px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 16px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_1xr68_212.awsui_refresh_14iqq_1xr68_63:not(#\9) {
+.awsui_header-variant-cards_14iqq_12yus_233.awsui_refresh_14iqq_12yus_63:not(#\9) {
   border-block: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #c6c6cd);
   border-inline: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #c6c6cd);
 }
-.awsui_header-variant-cards_14iqq_1xr68_212:not(#\9):not(.awsui_refresh_14iqq_1xr68_63)::before {
+.awsui_header-variant-cards_14iqq_12yus_233:not(#\9):not(.awsui_refresh_14iqq_12yus_63)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -260,7 +281,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-33hhdh, 16px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_1xr68_212:not(#\9):not(.awsui_refresh_14iqq_1xr68_63)::after {
+.awsui_header-variant-cards_14iqq_12yus_233:not(#\9):not(.awsui_refresh_14iqq_12yus_63)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -276,26 +297,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-33hhdh, 16px);
   box-shadow: var(--shadow-container-quglkl, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
 }
-.awsui_header-variant-cards_14iqq_1xr68_212:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1xr68_183) {
+.awsui_header-variant-cards_14iqq_12yus_233:not(#\9):not(.awsui_header-sticky-enabled_14iqq_12yus_204) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_1xr68_212.awsui_header-stuck_14iqq_1xr68_202:not(#\9)::after, .awsui_header-variant-cards_14iqq_1xr68_212.awsui_header-stuck_14iqq_1xr68_202:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_12yus_233.awsui_header-stuck_14iqq_12yus_223:not(#\9)::after, .awsui_header-variant-cards_14iqq_12yus_233.awsui_header-stuck_14iqq_12yus_223:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_1xr68_288.awsui_header-stuck_14iqq_1xr68_202:not(#\9) {
+.awsui_header-variant-full-page_14iqq_12yus_309.awsui_header-stuck_14iqq_12yus_223:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_1xr68_288.awsui_header-stuck_14iqq_1xr68_202 > .awsui_header-cover_14iqq_1xr68_291:not(#\9) {
+.awsui_header-variant-full-page_14iqq_12yus_309.awsui_header-stuck_14iqq_12yus_223 > .awsui_header-cover_14iqq_12yus_312:not(#\9) {
   background-color: var(--color-background-layout-main-y4565g, #ffffff);
   inline-size: 100%;
   position: absolute;
   block-size: var(--space-scaled-s-2crg2b, 12px);
   inset-block-start: calc(-1 * var(--space-scaled-s-2crg2b, 12px));
 }
-.awsui_header-variant-full-page_14iqq_1xr68_288.awsui_header-stuck_14iqq_1xr68_202:not(#\9)::before {
+.awsui_header-variant-full-page_14iqq_12yus_309.awsui_header-stuck_14iqq_12yus_223:not(#\9)::before {
   content: "";
   position: absolute;
   pointer-events: none;
@@ -305,7 +326,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: 0;
   border-block-end: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #c6c6cd);
 }
-.awsui_header-variant-full-page_14iqq_1xr68_288.awsui_header-stuck_14iqq_1xr68_202:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_12yus_309.awsui_header-stuck_14iqq_12yus_223:not(#\9)::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -313,30 +334,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
 
-.awsui_content_14iqq_1xr68_134:not(#\9) {
+.awsui_content_14iqq_12yus_155:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_1xr68_319:not(#\9) {
+.awsui_content-fit-height_14iqq_12yus_340:not(#\9) {
   overflow: auto;
   display: flex;
   flex-direction: column;
 }
 
-.awsui_content-inner_14iqq_1xr68_325:not(#\9) {
+.awsui_content-inner_14iqq_12yus_346:not(#\9) {
   flex: 1;
 }
-.awsui_content-inner_14iqq_1xr68_325.awsui_with-paddings_14iqq_1xr68_221:not(#\9) {
+.awsui_content-inner_14iqq_12yus_346.awsui_with-paddings_14iqq_12yus_242:not(#\9) {
   padding-block: var(--space-scaled-l-33ruz6, 20px);
   padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
-.awsui_content-inner_14iqq_1xr68_325.awsui_with-paddings_14iqq_1xr68_221.awsui_with-header_14iqq_1xr68_332:not(#\9) {
+.awsui_content-inner_14iqq_12yus_346.awsui_with-paddings_14iqq_12yus_242.awsui_with-header_14iqq_12yus_353:not(#\9) {
   padding-block-start: var(--space-container-content-top-ryubqz, 4px);
 }
 
-.awsui_footer_14iqq_1xr68_336.awsui_with-paddings_14iqq_1xr68_221:not(#\9) {
+.awsui_footer_14iqq_12yus_357.awsui_with-paddings_14iqq_12yus_242:not(#\9) {
   padding-block: var(--space-scaled-s-2crg2b, 12px);
   padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
-.awsui_footer_14iqq_1xr68_336.awsui_with-divider_14iqq_1xr68_340:not(#\9) {
+.awsui_footer_14iqq_12yus_357.awsui_with-divider_14iqq_12yus_361:not(#\9) {
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #c6c6cd);
 }

package/container/styles.selectors.js

@@ -2,38 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_1xr68_13",
-  "fit-height": "awsui_fit-height_14iqq_1xr68_46",
-  "with-side-media": "awsui_with-side-media_14iqq_1xr68_51",
-  "variant-default": "awsui_variant-default_14iqq_1xr68_54",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1xr68_54",
-  "refresh": "awsui_refresh_14iqq_1xr68_63",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1xr68_113",
-  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_1xr68_119",
-  "with-top-media": "awsui_with-top-media_14iqq_1xr68_129",
-  "content-wrapper": "awsui_content-wrapper_14iqq_1xr68_134",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1xr68_139",
-  "media": "awsui_media_14iqq_1xr68_146",
-  "media-top": "awsui_media-top_14iqq_1xr68_164",
-  "media-side": "awsui_media-side_14iqq_1xr68_169",
-  "header": "awsui_header_14iqq_1xr68_175",
-  "header-full-page": "awsui_header-full-page_14iqq_1xr68_180",
-  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_1xr68_183",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1xr68_183",
-  "header-with-media": "awsui_header-with-media_14iqq_1xr68_186",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1xr68_192",
-  "header-stuck": "awsui_header-stuck_14iqq_1xr68_202",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1xr68_212",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1xr68_215",
-  "with-paddings": "awsui_with-paddings_14iqq_1xr68_221",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1xr68_230",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1xr68_288",
-  "header-cover": "awsui_header-cover_14iqq_1xr68_291",
-  "content": "awsui_content_14iqq_1xr68_134",
-  "content-fit-height": "awsui_content-fit-height_14iqq_1xr68_319",
-  "content-inner": "awsui_content-inner_14iqq_1xr68_325",
-  "with-header": "awsui_with-header_14iqq_1xr68_332",
-  "footer": "awsui_footer_14iqq_1xr68_336",
-  "with-divider": "awsui_with-divider_14iqq_1xr68_340"
+  "root": "awsui_root_14iqq_12yus_13",
+  "fit-height": "awsui_fit-height_14iqq_12yus_46",
+  "with-side-media": "awsui_with-side-media_14iqq_12yus_51",
+  "variant-default": "awsui_variant-default_14iqq_12yus_54",
+  "variant-stacked": "awsui_variant-stacked_14iqq_12yus_54",
+  "refresh": "awsui_refresh_14iqq_12yus_63",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_12yus_113",
+  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_12yus_119",
+  "focus-ring": "awsui_focus-ring_14iqq_12yus_126",
+  "with-top-media": "awsui_with-top-media_14iqq_12yus_150",
+  "content-wrapper": "awsui_content-wrapper_14iqq_12yus_155",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_12yus_160",
+  "media": "awsui_media_14iqq_12yus_167",
+  "media-top": "awsui_media-top_14iqq_12yus_185",
+  "media-side": "awsui_media-side_14iqq_12yus_190",
+  "header": "awsui_header_14iqq_12yus_196",
+  "header-full-page": "awsui_header-full-page_14iqq_12yus_201",
+  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_12yus_204",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_12yus_204",
+  "header-with-media": "awsui_header-with-media_14iqq_12yus_207",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_12yus_213",
+  "header-stuck": "awsui_header-stuck_14iqq_12yus_223",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_12yus_233",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_12yus_236",
+  "with-paddings": "awsui_with-paddings_14iqq_12yus_242",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_12yus_251",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_12yus_309",
+  "header-cover": "awsui_header-cover_14iqq_12yus_312",
+  "content": "awsui_content_14iqq_12yus_155",
+  "content-fit-height": "awsui_content-fit-height_14iqq_12yus_340",
+  "content-inner": "awsui_content-inner_14iqq_12yus_346",
+  "with-header": "awsui_with-header_14iqq_12yus_353",
+  "footer": "awsui_footer_14iqq_12yus_357",
+  "with-divider": "awsui_with-divider_14iqq_12yus_361"
 };
   

package/copy-to-clipboard/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAKpD,UAAU,4BAA6B,SAAQ,oBAAoB,EAAE,0BAA0B;CAAG;AAElG,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,OAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,QAAe,EACf,uBAAuB,EACvB,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,4BAA4B,eAmG9B"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAKpD,UAAU,4BAA6B,SAAQ,oBAAoB,EAAE,0BAA0B;CAAG;AAElG,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,OAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,QAAe,EACf,uBAAuB,EACvB,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,4BAA4B,eAwG9B"}

package/copy-to-clipboard/internal.js

@@ -5,6 +5,7 @@ import clsx from 'clsx';
 import InternalButton from '../button/internal';
 import { getBaseProps } from '../internal/base-component';
 import { fireNonCancelableEvent } from '../internal/events';
+import { useOneTheme } from '../internal/hooks/use-visual-mode';
 import InternalPopover from '../popover/internal';
 import InternalStatusIndicator from '../status-indicator/internal';
 import styles from './styles.css.js';
@@ -12,6 +13,7 @@ import testStyles from './test-classes/styles.css.js';
 export default function InternalCopyToClipboard({ variant = 'button', copyButtonAriaLabel, copyButtonText, copySuccessText, copyErrorText, textToCopy, textToDisplay, wrapText = true, popoverRenderWithPortal, disabled, disabledReason, onCopySuccess, onCopyFailure, __internalRootRef, ...restProps }) {
     const [status, setStatus] = useState('success');
     const [statusText, setStatusText] = useState(copySuccessText);
+    const isOneTheme = useOneTheme();
     useEffect(() => {
         if (navigator.permissions) {
             navigator.permissions
@@ -56,7 +58,7 @@ export default function InternalCopyToClipboard({ variant = 'button', copyButton
     }[variant];
     const isInline = variant === 'inline';
     const button = (React.createElement(InternalButton, { ariaLabel: copyButtonAriaLabel !== null && copyButtonAriaLabel !== void 0 ? copyButtonAriaLabel : copyButtonText, iconName: "copy", variant: triggerVariant, wrapText: false, formAction: "none", disabled: disabled, disabledReason: disabledReason }, copyButtonText));
-    const trigger = disabled ? (button) : (React.createElement(InternalPopover, { isInline: isInline, size: "medium", position: "top", triggerType: "custom", dismissButton: false, renderWithPortal: popoverRenderWithPortal, content: React.createElement(InternalStatusIndicator, { type: status }, statusText), __onOpen: onClick }, button));
+    const trigger = disabled ? (button) : (React.createElement(InternalPopover, { isInline: isInline, size: "medium", position: "top", triggerType: "custom", dismissButton: false, renderWithPortal: popoverRenderWithPortal, content: React.createElement(InternalStatusIndicator, { type: status, __embedded: isOneTheme }, statusText), __onOpen: onClick }, button));
     return (React.createElement("span", { ...baseProps, ref: __internalRootRef, className: clsx(baseProps.className, styles.root, testStyles.root) }, isInline ? (React.createElement("span", { className: clsx(styles['inline-container'], !wrapText && styles['inline-container-no-wrap']) },
         React.createElement("span", { className: styles['inline-container-trigger'] }, trigger),
         React.createElement("span", { className: clsx(testStyles['text-to-display'], testStyles['text-to-copy'], styles['text-to-display']) }, textToDisplay !== undefined ? textToDisplay : textToCopy))) : (trigger)));

package/copy-to-clipboard/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAClD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAGnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,UAAU,MAAM,8BAA8B,CAAC;AAItD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,OAAO,GAAG,QAAQ,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,QAAQ,GAAG,IAAI,EACf,uBAAuB,EACvB,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,GAAG,SAAS,EACiB;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAkC,SAAS,CAAC,CAAC;IACjF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC;YAC1B,SAAS,CAAC,WAAW;iBAClB,KAAK,CAAC,EAAE,IAAI,EAAE,iBAAmC,EAAE,CAAC;iBACpD,IAAI,CAAC,MAAM,CAAC,EAAE;gBACb,IAAI,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;oBAC9B,SAAS,CAAC,OAAO,CAAC,CAAC;oBACnB,aAAa,CAAC,aAAa,CAAC,CAAC;gBAC/B,CAAC;YACH,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,EAAE;gBACV,2CAA2C;YAC7C,CAAC,CAAC,CAAC;QACP,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;YACzB,2DAA2D;YAC3D,SAAS,CAAC,OAAO,CAAC,CAAC;YACnB,aAAa,CAAC,aAAa,CAAC,CAAC;YAC7B,sBAAsB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;YAC5D,OAAO;QACT,CAAC;QAED,SAAS,CAAC,SAAS;aAChB,SAAS,CAAC,UAAU,CAAC;aACrB,IAAI,CAAC,GAAG,EAAE;YACT,SAAS,CAAC,SAAS,CAAC,CAAC;YACrB,aAAa,CAAC,eAAe,CAAC,CAAC;YAC/B,sBAAsB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC9D,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC;YACnB,aAAa,CAAC,aAAa,CAAC,CAAC;YAC7B,sBAAsB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,cAAc,GAClB;QACE,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,aAAa;KAExB,CAAC,OAAO,CAAC,CAAC;IAEX,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ,CAAC;IAEtC,MAAM,MAAM,GAAG,CACb,oBAAC,cAAc,IACb,SAAS,EAAE,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,cAAc,EAChD,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,KAAK,EACf,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,IAE7B,cAAc,CACA,CAClB,CAAC;IAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CACzB,MAAM,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,KAAK,EACd,WAAW,EAAC,QAAQ,EACpB,aAAa,EAAE,KAAK,EACpB,gBAAgB,EAAE,uBAAuB,EACzC,OAAO,EAAE,oBAAC,uBAAuB,IAAC,IAAI,EAAE,MAAM,IAAG,UAAU,CAA2B,EACtF,QAAQ,EAAE,OAAO,IAEhB,MAAM,CACS,CACnB,CAAC;IAEF,OAAO,CACL,iCAAU,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,IAC5G,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,IAAI,MAAM,CAAC,0BAA0B,CAAC,CAAC;QAChG,8BAAM,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,IAAG,OAAO,CAAQ;QACrE,8BAAM,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,IACxG,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CACpD,CACF,CACR,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CACI,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalButton from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport InternalPopover from '../popover/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { CopyToClipboardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\ninterface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {}\n\nexport default function InternalCopyToClipboard({\n  variant = 'button',\n  copyButtonAriaLabel,\n  copyButtonText,\n  copySuccessText,\n  copyErrorText,\n  textToCopy,\n  textToDisplay,\n  wrapText = true,\n  popoverRenderWithPortal,\n  disabled,\n  disabledReason,\n  onCopySuccess,\n  onCopyFailure,\n  __internalRootRef,\n  ...restProps\n}: InternalCopyToClipboardProps) {\n  const [status, setStatus] = useState<'pending' | 'success' | 'error'>('success');\n  const [statusText, setStatusText] = useState(copySuccessText);\n\n  useEffect(() => {\n    if (navigator.permissions) {\n      navigator.permissions\n        .query({ name: 'clipboard-write' as PermissionName })\n        .then(result => {\n          if (result.state === 'denied') {\n            setStatus('error');\n            setStatusText(copyErrorText);\n          }\n        })\n        .catch(() => {\n          // Permissions API not supported or failed.\n        });\n    }\n  }, [copyErrorText]);\n\n  const baseProps = getBaseProps(restProps);\n  const onClick = () => {\n    if (!navigator.clipboard) {\n      // The clipboard API is not available in insecure contexts.\n      setStatus('error');\n      setStatusText(copyErrorText);\n      fireNonCancelableEvent(onCopyFailure, { text: textToCopy });\n      return;\n    }\n\n    navigator.clipboard\n      .writeText(textToCopy)\n      .then(() => {\n        setStatus('success');\n        setStatusText(copySuccessText);\n        fireNonCancelableEvent(onCopySuccess, { text: textToCopy });\n      })\n      .catch(() => {\n        setStatus('error');\n        setStatusText(copyErrorText);\n        fireNonCancelableEvent(onCopyFailure, { text: textToCopy });\n      });\n  };\n\n  const triggerVariant = (\n    {\n      button: 'normal',\n      icon: 'icon',\n      inline: 'inline-icon',\n    } as const\n  )[variant];\n\n  const isInline = variant === 'inline';\n\n  const button = (\n    <InternalButton\n      ariaLabel={copyButtonAriaLabel ?? copyButtonText}\n      iconName=\"copy\"\n      variant={triggerVariant}\n      wrapText={false}\n      formAction=\"none\"\n      disabled={disabled}\n      disabledReason={disabledReason}\n    >\n      {copyButtonText}\n    </InternalButton>\n  );\n\n  const trigger = disabled ? (\n    button\n  ) : (\n    <InternalPopover\n      isInline={isInline}\n      size=\"medium\"\n      position=\"top\"\n      triggerType=\"custom\"\n      dismissButton={false}\n      renderWithPortal={popoverRenderWithPortal}\n      content={<InternalStatusIndicator type={status}>{statusText}</InternalStatusIndicator>}\n      __onOpen={onClick}\n    >\n      {button}\n    </InternalPopover>\n  );\n\n  return (\n    <span {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root, testStyles.root)}>\n      {isInline ? (\n        <span className={clsx(styles['inline-container'], !wrapText && styles['inline-container-no-wrap'])}>\n          <span className={styles['inline-container-trigger']}>{trigger}</span>\n          <span className={clsx(testStyles['text-to-display'], testStyles['text-to-copy'], styles['text-to-display'])}>\n            {textToDisplay !== undefined ? textToDisplay : textToCopy}\n          </span>\n        </span>\n      ) : (\n        trigger\n      )}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/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, { useEffect, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalButton from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useOneTheme } from '../internal/hooks/use-visual-mode';\nimport InternalPopover from '../popover/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { CopyToClipboardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\ninterface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {}\n\nexport default function InternalCopyToClipboard({\n  variant = 'button',\n  copyButtonAriaLabel,\n  copyButtonText,\n  copySuccessText,\n  copyErrorText,\n  textToCopy,\n  textToDisplay,\n  wrapText = true,\n  popoverRenderWithPortal,\n  disabled,\n  disabledReason,\n  onCopySuccess,\n  onCopyFailure,\n  __internalRootRef,\n  ...restProps\n}: InternalCopyToClipboardProps) {\n  const [status, setStatus] = useState<'pending' | 'success' | 'error'>('success');\n  const [statusText, setStatusText] = useState(copySuccessText);\n  const isOneTheme = useOneTheme();\n\n  useEffect(() => {\n    if (navigator.permissions) {\n      navigator.permissions\n        .query({ name: 'clipboard-write' as PermissionName })\n        .then(result => {\n          if (result.state === 'denied') {\n            setStatus('error');\n            setStatusText(copyErrorText);\n          }\n        })\n        .catch(() => {\n          // Permissions API not supported or failed.\n        });\n    }\n  }, [copyErrorText]);\n\n  const baseProps = getBaseProps(restProps);\n  const onClick = () => {\n    if (!navigator.clipboard) {\n      // The clipboard API is not available in insecure contexts.\n      setStatus('error');\n      setStatusText(copyErrorText);\n      fireNonCancelableEvent(onCopyFailure, { text: textToCopy });\n      return;\n    }\n\n    navigator.clipboard\n      .writeText(textToCopy)\n      .then(() => {\n        setStatus('success');\n        setStatusText(copySuccessText);\n        fireNonCancelableEvent(onCopySuccess, { text: textToCopy });\n      })\n      .catch(() => {\n        setStatus('error');\n        setStatusText(copyErrorText);\n        fireNonCancelableEvent(onCopyFailure, { text: textToCopy });\n      });\n  };\n\n  const triggerVariant = (\n    {\n      button: 'normal',\n      icon: 'icon',\n      inline: 'inline-icon',\n    } as const\n  )[variant];\n\n  const isInline = variant === 'inline';\n\n  const button = (\n    <InternalButton\n      ariaLabel={copyButtonAriaLabel ?? copyButtonText}\n      iconName=\"copy\"\n      variant={triggerVariant}\n      wrapText={false}\n      formAction=\"none\"\n      disabled={disabled}\n      disabledReason={disabledReason}\n    >\n      {copyButtonText}\n    </InternalButton>\n  );\n\n  const trigger = disabled ? (\n    button\n  ) : (\n    <InternalPopover\n      isInline={isInline}\n      size=\"medium\"\n      position=\"top\"\n      triggerType=\"custom\"\n      dismissButton={false}\n      renderWithPortal={popoverRenderWithPortal}\n      content={\n        <InternalStatusIndicator type={status} __embedded={isOneTheme}>\n          {statusText}\n        </InternalStatusIndicator>\n      }\n      __onOpen={onClick}\n    >\n      {button}\n    </InternalPopover>\n  );\n\n  return (\n    <span {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root, testStyles.root)}>\n      {isInline ? (\n        <span className={clsx(styles['inline-container'], !wrapText && styles['inline-container-no-wrap'])}>\n          <span className={styles['inline-container-trigger']}>{trigger}</span>\n          <span className={clsx(testStyles['text-to-display'], testStyles['text-to-copy'], styles['text-to-display'])}>\n            {textToDisplay !== undefined ? textToDisplay : textToCopy}\n          </span>\n        </span>\n      ) : (\n        trigger\n      )}\n    </span>\n  );\n}\n"]}

package/flashbar/styles.css.js

@@ -1,55 +1,55 @@
 
     import './styles.scoped.css';
     export default {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_oiqxc_13",
-  "enter": "awsui_enter_1q84n_oiqxc_13",
-  "flash-body": "awsui_flash-body_1q84n_oiqxc_27",
-  "flash-message": "awsui_flash-message_1q84n_oiqxc_27",
-  "flash-header": "awsui_flash-header_1q84n_oiqxc_27",
-  "flash-content": "awsui_flash-content_1q84n_oiqxc_28",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_oiqxc_29",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_oiqxc_30",
-  "flash-icon": "awsui_flash-icon_1q84n_oiqxc_53",
-  "entering": "awsui_entering_1q84n_oiqxc_66",
-  "entered": "awsui_entered_1q84n_oiqxc_87",
-  "exiting": "awsui_exiting_1q84n_oiqxc_192",
-  "stack": "awsui_stack_1q84n_oiqxc_218",
-  "animation-running": "awsui_animation-running_1q84n_oiqxc_218",
-  "item": "awsui_item_1q84n_oiqxc_218",
-  "flash-list-item": "awsui_flash-list-item_1q84n_oiqxc_219",
-  "notification-bar": "awsui_notification-bar_1q84n_oiqxc_220",
-  "collapsed": "awsui_collapsed_1q84n_oiqxc_240",
-  "animation-ready": "awsui_animation-ready_1q84n_oiqxc_240",
-  "expanded-only": "awsui_expanded-only_1q84n_oiqxc_240",
-  "expanded": "awsui_expanded_1q84n_oiqxc_240",
-  "flash": "awsui_flash_1q84n_oiqxc_13",
-  "collapsible": "awsui_collapsible_1q84n_oiqxc_296",
-  "short-list": "awsui_short-list_1q84n_oiqxc_302",
-  "visual-refresh": "awsui_visual-refresh_1q84n_oiqxc_302",
-  "status": "awsui_status_1q84n_oiqxc_449",
-  "header": "awsui_header_1q84n_oiqxc_449",
-  "item-count": "awsui_item-count_1q84n_oiqxc_450",
-  "button": "awsui_button_1q84n_oiqxc_451",
-  "type-count": "awsui_type-count_1q84n_oiqxc_484",
-  "count-number": "awsui_count-number_1q84n_oiqxc_484",
-  "icon": "awsui_icon_1q84n_oiqxc_522",
-  "floating": "awsui_floating_1q84n_oiqxc_563",
-  "flashbar": "awsui_flashbar_1q84n_oiqxc_567",
-  "initial-hidden": "awsui_initial-hidden_1q84n_oiqxc_627",
-  "flash-list": "awsui_flash-list_1q84n_oiqxc_219",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_oiqxc_651",
-  "flash-text": "awsui_flash-text_1q84n_oiqxc_681",
-  "hidden": "awsui_hidden_1q84n_oiqxc_700",
-  "header-replacement": "awsui_header-replacement_1q84n_oiqxc_705",
-  "content-replacement": "awsui_content-replacement_1q84n_oiqxc_710",
-  "dismiss-button": "awsui_dismiss-button_1q84n_oiqxc_30",
-  "action-wrapped": "awsui_action-wrapped_1q84n_oiqxc_728",
-  "action-button": "awsui_action-button_1q84n_oiqxc_29",
-  "action-slot": "awsui_action-slot_1q84n_oiqxc_735",
-  "flash-type-success": "awsui_flash-type-success_1q84n_oiqxc_739",
-  "flash-type-error": "awsui_flash-type-error_1q84n_oiqxc_747",
-  "flash-type-info": "awsui_flash-type-info_1q84n_oiqxc_755",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_oiqxc_756",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_oiqxc_765"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1qb5k_13",
+  "enter": "awsui_enter_1q84n_1qb5k_13",
+  "flash-body": "awsui_flash-body_1q84n_1qb5k_27",
+  "flash-message": "awsui_flash-message_1q84n_1qb5k_27",
+  "flash-header": "awsui_flash-header_1q84n_1qb5k_27",
+  "flash-content": "awsui_flash-content_1q84n_1qb5k_28",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1qb5k_29",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1qb5k_30",
+  "flash-icon": "awsui_flash-icon_1q84n_1qb5k_53",
+  "entering": "awsui_entering_1q84n_1qb5k_66",
+  "entered": "awsui_entered_1q84n_1qb5k_87",
+  "exiting": "awsui_exiting_1q84n_1qb5k_192",
+  "stack": "awsui_stack_1q84n_1qb5k_218",
+  "animation-running": "awsui_animation-running_1q84n_1qb5k_218",
+  "item": "awsui_item_1q84n_1qb5k_218",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1qb5k_219",
+  "notification-bar": "awsui_notification-bar_1q84n_1qb5k_220",
+  "collapsed": "awsui_collapsed_1q84n_1qb5k_240",
+  "animation-ready": "awsui_animation-ready_1q84n_1qb5k_240",
+  "expanded-only": "awsui_expanded-only_1q84n_1qb5k_240",
+  "expanded": "awsui_expanded_1q84n_1qb5k_240",
+  "flash": "awsui_flash_1q84n_1qb5k_13",
+  "collapsible": "awsui_collapsible_1q84n_1qb5k_296",
+  "short-list": "awsui_short-list_1q84n_1qb5k_302",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1qb5k_340",
+  "status": "awsui_status_1q84n_1qb5k_413",
+  "header": "awsui_header_1q84n_1qb5k_413",
+  "item-count": "awsui_item-count_1q84n_1qb5k_414",
+  "button": "awsui_button_1q84n_1qb5k_415",
+  "type-count": "awsui_type-count_1q84n_1qb5k_448",
+  "count-number": "awsui_count-number_1q84n_1qb5k_448",
+  "icon": "awsui_icon_1q84n_1qb5k_482",
+  "floating": "awsui_floating_1q84n_1qb5k_523",
+  "flashbar": "awsui_flashbar_1q84n_1qb5k_527",
+  "initial-hidden": "awsui_initial-hidden_1q84n_1qb5k_587",
+  "flash-list": "awsui_flash-list_1q84n_1qb5k_219",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1qb5k_611",
+  "flash-text": "awsui_flash-text_1q84n_1qb5k_641",
+  "hidden": "awsui_hidden_1q84n_1qb5k_660",
+  "header-replacement": "awsui_header-replacement_1q84n_1qb5k_665",
+  "content-replacement": "awsui_content-replacement_1q84n_1qb5k_670",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1qb5k_30",
+  "action-wrapped": "awsui_action-wrapped_1q84n_1qb5k_688",
+  "action-button": "awsui_action-button_1q84n_1qb5k_29",
+  "action-slot": "awsui_action-slot_1q84n_1qb5k_695",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1qb5k_699",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1qb5k_707",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1qb5k_715",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1qb5k_716",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1qb5k_725"
 };