@cloudscape-design/components 3.0.533 → 3.0.535

package/help-panel/styles.scoped.css

@@ -6,6 +6,12 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -91,7 +97,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
-.awsui_help-panel_1d237_1fyrw_94:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -131,36 +137,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
   padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
 }
-.awsui_help-panel_1d237_1fyrw_94 hr:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 hr:not(#\9) {
   border-block: none;
   border-inline: none;
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
   margin-block: var(--space-scaled-xl-kswcw7, 24px);
   margin-inline: calc(-1 * var(--space-xs-zb16t3, 8px));
 }
-.awsui_help-panel_1d237_1fyrw_94 ol:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 ul:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 ol:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 ul:not(#\9) {
   padding-inline-start: var(--space-l-t419sm, 20px);
   list-style-position: outside;
   margin-block: var(--space-s-34lx8l, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1fyrw_94 li:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 li:not(#\9) {
   margin-block: var(--space-scaled-xxs-7597g1, 4px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1fyrw_94 a:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 h2:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 h3:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 h4:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 h5:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 pre:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 code:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 a:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 h2:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 h3:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 h4:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 h5:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 pre:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 code:not(#\9) {
   margin-block: var(--space-xs-zb16t3, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_1fyrw_94 code:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 code:not(#\9) {
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
@@ -171,7 +177,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   white-space: pre-wrap;
 }
-.awsui_help-panel_1d237_1fyrw_94 pre:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 pre:not(#\9) {
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
@@ -184,41 +190,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-p8yyaw, 4px);
   padding-inline: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_help-panel_1d237_1fyrw_94 dl:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 dl:not(#\9) {
   margin-block: var(--space-s-34lx8l, 12px);
   margin-inline: 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_1fyrw_94 dl *:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_1fyrw_94 dt:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 dt:not(#\9) {
   margin-block-start: var(--space-xs-zb16t3, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_1fyrw_94 dd:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 dd:not(#\9) {
   margin-block-start: 0;
   margin-block-end: var(--space-xs-zb16t3, 8px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1fyrw_94 h2:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 h3:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 h4:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 h5:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 h6:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 h2:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 h3:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 h4:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 h5:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 h6:not(#\9) {
   margin-block-start: var(--space-xl-lmui9r, 24px);
   color: var(--color-text-heading-default-lstrpn, #000716);
 }
-.awsui_help-panel_1d237_1fyrw_94 > :not(#\9):last-child {
+.awsui_help-panel_1d237_ubb68_100 > :not(#\9):last-child {
   margin-block-end: var(--space-scaled-xxxl-fdg8ai, 40px);
 }
-.awsui_help-panel_1d237_1fyrw_94 p:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 p:not(#\9) {
   color: inherit;
   text-decoration: none;
   margin-block: var(--space-s-34lx8l, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1fyrw_94 h1:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 h1:not(#\9) {
   font-size: var(--font-size-heading-xl-ypc05a, 24px);
   line-height: var(--line-height-heading-xl-avbttk, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
@@ -226,7 +232,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_help-panel_1d237_1fyrw_94 h2:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 h2:not(#\9) {
   font-size: var(--font-size-heading-l-ou0d0l, 20px);
   line-height: var(--line-height-heading-l-mmm3my, 24px);
   letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
@@ -234,7 +240,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_help-panel_1d237_1fyrw_94 h3:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 h3:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
   line-height: var(--line-height-heading-m-50evfk, 22px);
   letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -242,7 +248,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_help-panel_1d237_1fyrw_94 h4:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 h4:not(#\9) {
   font-size: var(--font-size-heading-s-yykzif, 16px);
   line-height: var(--line-height-heading-s-4i6ewn, 20px);
   letter-spacing: var(--letter-spacing-heading-s-jr3mor, -0.005em);
@@ -250,18 +256,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_help-panel_1d237_1fyrw_94 h5:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 h5:not(#\9) {
   font-size: var(--font-size-heading-xs-wo4hpf, 14px);
   line-height: var(--line-height-heading-xs-aeleja, 18px);
   font-weight: var(--font-weight-heading-xs-l7rqme, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_help-panel_1d237_1fyrw_94 b:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 strong:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 b:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_help-panel_1d237_1fyrw_94 .awsui_header_1d237_1fyrw_263:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 .awsui_header_1d237_ubb68_269:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -278,11 +284,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-end: calc(-1 * var(--space-panel-side-right-xofg51, 24px));
   margin-inline-start: calc(-1 * var(--space-panel-side-left-5t0who, 28px));
 }
-.awsui_help-panel_1d237_1fyrw_94 .awsui_header_1d237_1fyrw_263 h2:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 .awsui_header_1d237_1fyrw_263 h3:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 .awsui_header_1d237_1fyrw_263 h4:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 .awsui_header_1d237_1fyrw_263 h5:not(#\9),
-.awsui_help-panel_1d237_1fyrw_94 .awsui_header_1d237_1fyrw_263 h6:not(#\9) {
+.awsui_help-panel_1d237_ubb68_100 .awsui_header_1d237_ubb68_269 h2:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 .awsui_header_1d237_ubb68_269 h3:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 .awsui_header_1d237_ubb68_269 h4:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 .awsui_header_1d237_ubb68_269 h5:not(#\9),
+.awsui_help-panel_1d237_ubb68_100 .awsui_header_1d237_ubb68_269 h6:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -292,17 +298,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
 
-.awsui_content_1d237_1fyrw_294:not(#\9) {
+.awsui_content_1d237_ubb68_300:not(#\9) {
   color: var(--color-text-body-secondary-w9jvno, #414d5c);
 }
-.awsui_content_1d237_1fyrw_294 h2:not(#\9):first-child,
-.awsui_content_1d237_1fyrw_294 h3:not(#\9):first-child,
-.awsui_content_1d237_1fyrw_294 h4:not(#\9):first-child,
-.awsui_content_1d237_1fyrw_294 h5:not(#\9):first-child,
-.awsui_content_1d237_1fyrw_294 h6:not(#\9):first-child {
+.awsui_content_1d237_ubb68_300 h2:not(#\9):first-child,
+.awsui_content_1d237_ubb68_300 h3:not(#\9):first-child,
+.awsui_content_1d237_ubb68_300 h4:not(#\9):first-child,
+.awsui_content_1d237_ubb68_300 h5:not(#\9):first-child,
+.awsui_content_1d237_ubb68_300 h6:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_1fyrw_294 a:not(#\9) {
+.awsui_content_1d237_ubb68_300 a:not(#\9) {
   color: var(--color-text-link-default-latg1a, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
@@ -316,31 +322,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content_1d237_1fyrw_294 a:not(#\9) {
+  .awsui_content_1d237_ubb68_300 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_1fyrw_294 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1fyrw_294 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_ubb68_300 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_ubb68_300 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_1fyrw_294 a:not(#\9):hover {
+.awsui_content_1d237_ubb68_300 a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_content_1d237_1fyrw_294 a:not(#\9):focus {
+.awsui_content_1d237_ubb68_300 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_1fyrw_294 a:not(#\9):active {
+.awsui_content_1d237_ubb68_300 a:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_content_1d237_1fyrw_294 a:not(#\9):active, .awsui_content_1d237_1fyrw_294 a:not(#\9):focus, .awsui_content_1d237_1fyrw_294 a:not(#\9):hover {
+.awsui_content_1d237_ubb68_300 a:not(#\9):active, .awsui_content_1d237_ubb68_300 a:not(#\9):focus, .awsui_content_1d237_ubb68_300 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_footer_1d237_1fyrw_340:not(#\9) {
+.awsui_footer_1d237_ubb68_346:not(#\9) {
   color: var(--color-text-body-secondary-w9jvno, #414d5c);
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
   margin-block: var(--space-scaled-xl-kswcw7, 24px);
@@ -348,14 +354,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: var(--space-s-34lx8l, 12px);
 }
-.awsui_footer_1d237_1fyrw_340 > :not(#\9):first-child {
+.awsui_footer_1d237_ubb68_346 > :not(#\9):first-child {
   margin-block-start: var(--space-scaled-xl-kswcw7, 24px);
 }
-.awsui_footer_1d237_1fyrw_340 ul:not(#\9) {
+.awsui_footer_1d237_ubb68_346 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_1fyrw_340 a:not(#\9) {
+.awsui_footer_1d237_ubb68_346 a:not(#\9) {
   color: var(--color-text-link-default-latg1a, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
@@ -369,32 +375,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_footer_1d237_1fyrw_340 a:not(#\9) {
+  .awsui_footer_1d237_ubb68_346 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_1fyrw_340 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1fyrw_340 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_ubb68_346 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_ubb68_346 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_1fyrw_340 a:not(#\9):hover {
+.awsui_footer_1d237_ubb68_346 a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_footer_1d237_1fyrw_340 a:not(#\9):focus {
+.awsui_footer_1d237_ubb68_346 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_1fyrw_340 a:not(#\9):active {
+.awsui_footer_1d237_ubb68_346 a:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_footer_1d237_1fyrw_340 a:not(#\9):active, .awsui_footer_1d237_1fyrw_340 a:not(#\9):focus, .awsui_footer_1d237_1fyrw_340 a:not(#\9):hover {
+.awsui_footer_1d237_ubb68_346 a:not(#\9):active, .awsui_footer_1d237_ubb68_346 a:not(#\9):focus, .awsui_footer_1d237_ubb68_346 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_content_1d237_1fyrw_294 a:not(#\9):focus,
-.awsui_footer_1d237_1fyrw_340 a:not(#\9):focus {
+.awsui_content_1d237_ubb68_300 a:not(#\9):focus,
+.awsui_footer_1d237_ubb68_346 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;

package/help-panel/styles.selectors.js

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "help-panel": "awsui_help-panel_1d237_1fyrw_94",
-  "header": "awsui_header_1d237_1fyrw_263",
-  "content": "awsui_content_1d237_1fyrw_294",
-  "footer": "awsui_footer_1d237_1fyrw_340"
+  "help-panel": "awsui_help-panel_1d237_ubb68_100",
+  "header": "awsui_header_1d237_ubb68_269",
+  "content": "awsui_content_1d237_ubb68_300",
+  "footer": "awsui_footer_1d237_ubb68_346"
 };
   

package/hotspot/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_cqcqk_1eqc5_93",
-  "wrapper": "awsui_wrapper_cqcqk_1eqc5_97",
-  "elementWrapper": "awsui_elementWrapper_cqcqk_1eqc5_101",
-  "markerWrapper": "awsui_markerWrapper_cqcqk_1eqc5_105",
-  "placement-right": "awsui_placement-right_cqcqk_1eqc5_110",
-  "placement-left": "awsui_placement-left_cqcqk_1eqc5_115",
-  "inlineWrapper": "awsui_inlineWrapper_cqcqk_1eqc5_120"
+  "root": "awsui_root_cqcqk_1n4o5_99",
+  "wrapper": "awsui_wrapper_cqcqk_1n4o5_103",
+  "elementWrapper": "awsui_elementWrapper_cqcqk_1n4o5_107",
+  "markerWrapper": "awsui_markerWrapper_cqcqk_1n4o5_111",
+  "placement-right": "awsui_placement-right_cqcqk_1n4o5_116",
+  "placement-left": "awsui_placement-left_cqcqk_1n4o5_121",
+  "inlineWrapper": "awsui_inlineWrapper_cqcqk_1n4o5_126"
 };
   

package/hotspot/styles.scoped.css

@@ -6,6 +6,12 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -90,33 +96,33 @@ 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_cqcqk_1eqc5_93:not(#\9) {
+.awsui_root_cqcqk_1n4o5_99:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_wrapper_cqcqk_1eqc5_97:not(#\9) {
+.awsui_wrapper_cqcqk_1n4o5_103:not(#\9) {
   position: relative;
 }
 
-.awsui_elementWrapper_cqcqk_1eqc5_101:not(#\9) {
+.awsui_elementWrapper_cqcqk_1n4o5_107:not(#\9) {
   flex: 1;
 }
 
-.awsui_markerWrapper_cqcqk_1eqc5_105:not(#\9) {
+.awsui_markerWrapper_cqcqk_1n4o5_111:not(#\9) {
   position: absolute;
   inset-block-start: 0;
 }
 
-.awsui_placement-right_cqcqk_1eqc5_110:not(#\9) {
+.awsui_placement-right_cqcqk_1n4o5_116:not(#\9) {
   inset-inline-start: 100%;
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_placement-left_cqcqk_1eqc5_115:not(#\9) {
+.awsui_placement-left_cqcqk_1n4o5_121:not(#\9) {
   inset-inline-end: 100%;
   margin-inline-end: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_inlineWrapper_cqcqk_1eqc5_120:not(#\9) {
+.awsui_inlineWrapper_cqcqk_1n4o5_126:not(#\9) {
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
 }

package/hotspot/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_cqcqk_1eqc5_93",
-  "wrapper": "awsui_wrapper_cqcqk_1eqc5_97",
-  "elementWrapper": "awsui_elementWrapper_cqcqk_1eqc5_101",
-  "markerWrapper": "awsui_markerWrapper_cqcqk_1eqc5_105",
-  "placement-right": "awsui_placement-right_cqcqk_1eqc5_110",
-  "placement-left": "awsui_placement-left_cqcqk_1eqc5_115",
-  "inlineWrapper": "awsui_inlineWrapper_cqcqk_1eqc5_120"
+  "root": "awsui_root_cqcqk_1n4o5_99",
+  "wrapper": "awsui_wrapper_cqcqk_1n4o5_103",
+  "elementWrapper": "awsui_elementWrapper_cqcqk_1n4o5_107",
+  "markerWrapper": "awsui_markerWrapper_cqcqk_1n4o5_111",
+  "placement-right": "awsui_placement-right_cqcqk_1n4o5_116",
+  "placement-left": "awsui_placement-left_cqcqk_1n4o5_121",
+  "inlineWrapper": "awsui_inlineWrapper_cqcqk_1n4o5_126"
 };
   

package/icon/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["icon/internal.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,KAAK,iBAAiB,GAAG,SAAS,GAChC,0BAA0B,GAAG;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAqBJ,QAAA,MAAM,YAAY,+EAUf,iBAAiB,gBAwFnB,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,eAAe,YAAY,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["icon/internal.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,KAAK,iBAAiB,GAAG,SAAS,GAChC,0BAA0B,GAAG;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAqBJ,QAAA,MAAM,YAAY,+EAUf,iBAAiB,gBAyFnB,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,eAAe,YAAY,CAAC"}

package/icon/internal.js

@@ -40,7 +40,7 @@ const InternalIcon = (_a) => {
     const iconSize = contextualSize ? iconSizeMap(parentHeight) : size;
     const inlineStyles = contextualSize && parentHeight !== null ? { height: `${parentHeight}px` } : {};
     const baseProps = getBaseProps(props);
-    baseProps.className = clsx(baseProps.className, styles.icon, contextualSize && styles['icon-flex-height'], badge && styles.badge, !contextualSize && styles[`size-${iconSize}-mapped-height`], styles[`size-${iconSize}`], styles[`variant-${variant}`]);
+    baseProps.className = clsx(baseProps.className, styles.icon, contextualSize && styles['icon-flex-height'], badge && styles.badge, !contextualSize && styles[`size-${iconSize}-mapped-height`], styles[`size-${iconSize}`], styles[`variant-${variant}`], styles[`name-${name}`]);
     // Possible infinite loop is not a concern here because line
     // height should not change without an external state update.
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/icon/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["icon/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 clsx from 'clsx';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport styles from './styles.css.js';\nimport icons from './icons';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { IconProps } from './interfaces';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\ntype InternalIconProps = IconProps &\n  InternalBaseComponentProps & {\n    badge?: boolean;\n  };\n\nfunction iconSizeMap(height: number | null) {\n  if (height === null) {\n    // This is the best guess for the contextual height while server rendering.\n    return 'normal';\n  }\n\n  if (height >= 50) {\n    return 'large';\n  } else if (height >= 36) {\n    return 'big';\n  } else if (height >= 24) {\n    return 'medium';\n  } else if (height <= 16) {\n    return 'small';\n  } else {\n    return 'normal';\n  }\n}\n\nconst InternalIcon = ({\n  name,\n  size = 'normal',\n  variant = 'normal',\n  url,\n  alt,\n  svg,\n  badge,\n  __internalRootRef = null,\n  ...props\n}: InternalIconProps) => {\n  const iconRef = useRef<HTMLElement>(null);\n  // To ensure a re-render is triggered on visual mode changes\n  useVisualRefresh();\n  const [parentHeight, setParentHeight] = useState<number | null>(null);\n  const contextualSize = size === 'inherit';\n  const iconSize = contextualSize ? iconSizeMap(parentHeight) : size;\n  const inlineStyles = contextualSize && parentHeight !== null ? { height: `${parentHeight}px` } : {};\n  const baseProps = getBaseProps(props);\n\n  baseProps.className = clsx(\n    baseProps.className,\n    styles.icon,\n    contextualSize && styles['icon-flex-height'],\n    badge && styles.badge,\n    !contextualSize && styles[`size-${iconSize}-mapped-height`],\n    styles[`size-${iconSize}`],\n    styles[`variant-${variant}`]\n  );\n\n  // Possible infinite loop is not a concern here because line\n  // height should not change without an external state update.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (!contextualSize || !iconRef.current) {\n      return;\n    }\n    const { lineHeight } = getComputedStyle(iconRef.current);\n    const newParentHeight = parseInt(lineHeight, 10);\n    setParentHeight(newParentHeight);\n  });\n\n  const mergedRef = useMergeRefs(iconRef, __internalRootRef);\n\n  if (svg) {\n    if (url) {\n      warnOnce(\n        'Icon',\n        'You have specified both `url` and `svg`. `svg` will take precedence and `url` will be ignored.'\n      );\n    }\n    return (\n      <span {...baseProps} ref={mergedRef} aria-hidden=\"true\" style={inlineStyles}>\n        {svg}\n      </span>\n    );\n  }\n\n  if (url) {\n    return (\n      <span {...baseProps} ref={mergedRef} style={inlineStyles}>\n        <img src={url} alt={alt} />\n      </span>\n    );\n  }\n\n  const validIcon = name && Object.prototype.hasOwnProperty.call(icons, name);\n\n  function iconMap(name: IconProps.Name) {\n    const genAiFilledIcon = `<svg\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 16 16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        focusable=\"false\"\n        aria-hidden=\"true\"\n        data-testid=\"gen-ai-filled\"\n      >\n        <path d=\"m8 4.4 1.018 2.582L11.6 8 9.018 9.018 8 11.6 6.982 9.018 4.4 8l2.582-1.018L8 4.4ZM2.405 2.41l.002-.003.003-.002-.003-.002-.002-.003-.002.003-.003.002.003.002.002.003Z\" class=\"filled\"></path>\n      </svg>`;\n\n    if (name === 'gen-ai' && iconSize === 'small') {\n      return genAiFilledIcon;\n    } else {\n      return icons[name];\n    }\n  }\n\n  return (\n    <span\n      {...baseProps}\n      // dangerouslySetInnerHTML is safe here, as we control the content coming from `icons`\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={validIcon ? { __html: iconMap(name) } : undefined}\n      ref={mergedRef}\n      style={inlineStyles}\n    />\n  );\n};\n\nexport { InternalIconProps };\nexport default InternalIcon;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["icon/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 clsx from 'clsx';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport styles from './styles.css.js';\nimport icons from './icons';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { IconProps } from './interfaces';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\ntype InternalIconProps = IconProps &\n  InternalBaseComponentProps & {\n    badge?: boolean;\n  };\n\nfunction iconSizeMap(height: number | null) {\n  if (height === null) {\n    // This is the best guess for the contextual height while server rendering.\n    return 'normal';\n  }\n\n  if (height >= 50) {\n    return 'large';\n  } else if (height >= 36) {\n    return 'big';\n  } else if (height >= 24) {\n    return 'medium';\n  } else if (height <= 16) {\n    return 'small';\n  } else {\n    return 'normal';\n  }\n}\n\nconst InternalIcon = ({\n  name,\n  size = 'normal',\n  variant = 'normal',\n  url,\n  alt,\n  svg,\n  badge,\n  __internalRootRef = null,\n  ...props\n}: InternalIconProps) => {\n  const iconRef = useRef<HTMLElement>(null);\n  // To ensure a re-render is triggered on visual mode changes\n  useVisualRefresh();\n  const [parentHeight, setParentHeight] = useState<number | null>(null);\n  const contextualSize = size === 'inherit';\n  const iconSize = contextualSize ? iconSizeMap(parentHeight) : size;\n  const inlineStyles = contextualSize && parentHeight !== null ? { height: `${parentHeight}px` } : {};\n  const baseProps = getBaseProps(props);\n\n  baseProps.className = clsx(\n    baseProps.className,\n    styles.icon,\n    contextualSize && styles['icon-flex-height'],\n    badge && styles.badge,\n    !contextualSize && styles[`size-${iconSize}-mapped-height`],\n    styles[`size-${iconSize}`],\n    styles[`variant-${variant}`],\n    styles[`name-${name}`]\n  );\n\n  // Possible infinite loop is not a concern here because line\n  // height should not change without an external state update.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (!contextualSize || !iconRef.current) {\n      return;\n    }\n    const { lineHeight } = getComputedStyle(iconRef.current);\n    const newParentHeight = parseInt(lineHeight, 10);\n    setParentHeight(newParentHeight);\n  });\n\n  const mergedRef = useMergeRefs(iconRef, __internalRootRef);\n\n  if (svg) {\n    if (url) {\n      warnOnce(\n        'Icon',\n        'You have specified both `url` and `svg`. `svg` will take precedence and `url` will be ignored.'\n      );\n    }\n    return (\n      <span {...baseProps} ref={mergedRef} aria-hidden=\"true\" style={inlineStyles}>\n        {svg}\n      </span>\n    );\n  }\n\n  if (url) {\n    return (\n      <span {...baseProps} ref={mergedRef} style={inlineStyles}>\n        <img src={url} alt={alt} />\n      </span>\n    );\n  }\n\n  const validIcon = name && Object.prototype.hasOwnProperty.call(icons, name);\n\n  function iconMap(name: IconProps.Name) {\n    const genAiFilledIcon = `<svg\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 16 16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        focusable=\"false\"\n        aria-hidden=\"true\"\n        data-testid=\"gen-ai-filled\"\n      >\n        <path d=\"m8 4.4 1.018 2.582L11.6 8 9.018 9.018 8 11.6 6.982 9.018 4.4 8l2.582-1.018L8 4.4ZM2.405 2.41l.002-.003.003-.002-.003-.002-.002-.003-.002.003-.003.002.003.002.002.003Z\" class=\"filled\"></path>\n      </svg>`;\n\n    if (name === 'gen-ai' && iconSize === 'small') {\n      return genAiFilledIcon;\n    } else {\n      return icons[name];\n    }\n  }\n\n  return (\n    <span\n      {...baseProps}\n      // dangerouslySetInnerHTML is safe here, as we control the content coming from `icons`\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={validIcon ? { __html: iconMap(name) } : undefined}\n      ref={mergedRef}\n      style={inlineStyles}\n    />\n  );\n};\n\nexport { InternalIconProps };\nexport default InternalIcon;\n"]}

package/icon/styles.css.js

@@ -1,26 +1,41 @@
 
     import './styles.scoped.css';
     export default {
-  "icon": "awsui_icon_h11ix_swv0j_98",
-  "icon-flex-height": "awsui_icon-flex-height_h11ix_swv0j_104",
-  "size-small": "awsui_size-small_h11ix_swv0j_129",
-  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_swv0j_133",
-  "size-normal": "awsui_size-normal_h11ix_swv0j_148",
-  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_swv0j_152",
-  "size-medium": "awsui_size-medium_h11ix_swv0j_167",
-  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_swv0j_171",
-  "size-big": "awsui_size-big_h11ix_swv0j_186",
-  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_swv0j_190",
-  "size-large": "awsui_size-large_h11ix_swv0j_205",
-  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_swv0j_209",
-  "variant-normal": "awsui_variant-normal_h11ix_swv0j_224",
-  "variant-disabled": "awsui_variant-disabled_h11ix_swv0j_227",
-  "variant-inverted": "awsui_variant-inverted_h11ix_swv0j_230",
-  "variant-subtle": "awsui_variant-subtle_h11ix_swv0j_233",
-  "variant-warning": "awsui_variant-warning_h11ix_swv0j_236",
-  "variant-error": "awsui_variant-error_h11ix_swv0j_239",
-  "variant-success": "awsui_variant-success_h11ix_swv0j_242",
-  "variant-link": "awsui_variant-link_h11ix_swv0j_245",
-  "badge": "awsui_badge_h11ix_swv0j_249"
+  "icon": "awsui_icon_h11ix_1sub3_104",
+  "icon-flex-height": "awsui_icon-flex-height_h11ix_1sub3_110",
+  "size-small": "awsui_size-small_h11ix_1sub3_135",
+  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_1sub3_139",
+  "size-normal": "awsui_size-normal_h11ix_1sub3_154",
+  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_1sub3_158",
+  "size-medium": "awsui_size-medium_h11ix_1sub3_173",
+  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_1sub3_177",
+  "size-big": "awsui_size-big_h11ix_1sub3_192",
+  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_1sub3_196",
+  "size-large": "awsui_size-large_h11ix_1sub3_211",
+  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_1sub3_215",
+  "variant-normal": "awsui_variant-normal_h11ix_1sub3_230",
+  "variant-disabled": "awsui_variant-disabled_h11ix_1sub3_233",
+  "variant-inverted": "awsui_variant-inverted_h11ix_1sub3_236",
+  "variant-subtle": "awsui_variant-subtle_h11ix_1sub3_239",
+  "variant-warning": "awsui_variant-warning_h11ix_1sub3_242",
+  "variant-error": "awsui_variant-error_h11ix_1sub3_245",
+  "variant-success": "awsui_variant-success_h11ix_1sub3_248",
+  "variant-link": "awsui_variant-link_h11ix_1sub3_251",
+  "name-angle-left-double": "awsui_name-angle-left-double_h11ix_1sub3_255",
+  "name-angle-left": "awsui_name-angle-left_h11ix_1sub3_255",
+  "name-angle-right-double": "awsui_name-angle-right-double_h11ix_1sub3_257",
+  "name-angle-right": "awsui_name-angle-right_h11ix_1sub3_257",
+  "name-arrow-left": "awsui_name-arrow-left_h11ix_1sub3_259",
+  "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_1sub3_260",
+  "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_1sub3_261",
+  "name-audio-full": "awsui_name-audio-full_h11ix_1sub3_262",
+  "name-audio-half": "awsui_name-audio-half_h11ix_1sub3_263",
+  "name-audio-off": "awsui_name-audio-off_h11ix_1sub3_264",
+  "name-external": "awsui_name-external_h11ix_1sub3_265",
+  "name-redo": "awsui_name-redo_h11ix_1sub3_266",
+  "name-shrink": "awsui_name-shrink_h11ix_1sub3_267",
+  "name-undo": "awsui_name-undo_h11ix_1sub3_268",
+  "name-view-vertical": "awsui_name-view-vertical_h11ix_1sub3_269",
+  "badge": "awsui_badge_h11ix_1sub3_293"
 };