npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1137 → 3.0.1139 - Mend

@cloudscape-design/components-themeable 3.0.1137 → 3.0.1139

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

package/lib/internal/template/help-panel/styles.scoped.css CHANGED Viewed

@@ -178,7 +178,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_help-panel_1d237_1vpru_181:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -214,36 +214,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_help-panel_1d237_1vpru_181 hr:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 hr:not(#\9) {
   border-block: none;
   border-inline: none;
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
   margin-block: var(--space-scaled-xl-nxtcbc, 24px);
   margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-6msb21, 12px));
 }
-.awsui_help-panel_1d237_1vpru_181 ol:not(#\9),
-.awsui_help-panel_1d237_1vpru_181 ul:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 ol:not(#\9),
+.awsui_help-panel_1d237_1ybby_181 ul:not(#\9) {
   padding-inline-start: var(--space-l-3cws6j, 20px);
   list-style-position: outside;
   margin-block: var(--space-s-4a5hs8, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1vpru_181 li:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 li:not(#\9) {
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1vpru_181 a:not(#\9),
-.awsui_help-panel_1d237_1vpru_181 h2:not(#\9),
-.awsui_help-panel_1d237_1vpru_181 h3:not(#\9),
-.awsui_help-panel_1d237_1vpru_181 h4:not(#\9),
-.awsui_help-panel_1d237_1vpru_181 h5:not(#\9),
-.awsui_help-panel_1d237_1vpru_181 pre:not(#\9),
-.awsui_help-panel_1d237_1vpru_181 code:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 a:not(#\9),
+.awsui_help-panel_1d237_1ybby_181 h2:not(#\9),
+.awsui_help-panel_1d237_1ybby_181 h3:not(#\9),
+.awsui_help-panel_1d237_1ybby_181 h4:not(#\9),
+.awsui_help-panel_1d237_1ybby_181 h5:not(#\9),
+.awsui_help-panel_1d237_1ybby_181 pre:not(#\9),
+.awsui_help-panel_1d237_1ybby_181 code:not(#\9) {
   margin-block: var(--space-xs-kw7k3v, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_1vpru_181 code:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 code:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
@@ -254,7 +254,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_1vpru_181 pre:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 pre:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
@@ -267,41 +267,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-jnczic, 4px);
   padding-inline: var(--space-xxs-jnczic, 4px);
 }
-.awsui_help-panel_1d237_1vpru_181 dl:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 dl:not(#\9) {
   margin-block: var(--space-s-4a5hs8, 12px);
   margin-inline: 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_1vpru_181 dl *:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_1vpru_181 dt:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 dt:not(#\9) {
   margin-block-start: var(--space-xs-kw7k3v, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_1vpru_181 dd:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 dd:not(#\9) {
   margin-block-start: 0;
   margin-block-end: var(--space-xs-kw7k3v, 8px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1vpru_181 h2:not(#\9),
-.awsui_help-panel_1d237_1vpru_181 h3:not(#\9),
-.awsui_help-panel_1d237_1vpru_181 h4:not(#\9),
-.awsui_help-panel_1d237_1vpru_181 h5:not(#\9),
-.awsui_help-panel_1d237_1vpru_181 h6:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 h2:not(#\9),
+.awsui_help-panel_1d237_1ybby_181 h3:not(#\9),
+.awsui_help-panel_1d237_1ybby_181 h4:not(#\9),
+.awsui_help-panel_1d237_1ybby_181 h5:not(#\9),
+.awsui_help-panel_1d237_1ybby_181 h6:not(#\9) {
   margin-block-start: var(--space-xl-4dmkh1, 24px);
   color: var(--color-text-heading-default-wlau07, #16191f);
 }
-.awsui_help-panel_1d237_1vpru_181 > :not(#\9):last-child {
+.awsui_help-panel_1d237_1ybby_181 > :not(#\9):last-child {
   margin-block-end: var(--space-panel-content-bottom-igtxf0, 40px);
 }
-.awsui_help-panel_1d237_1vpru_181 p:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 p:not(#\9) {
   color: inherit;
   text-decoration: none;
   margin-block: var(--space-s-4a5hs8, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1vpru_181 h1:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 h1:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
@@ -309,7 +309,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_1vpru_181 h2:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 h2:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
   letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
@@ -317,7 +317,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_1vpru_181 h3:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 h3:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -325,7 +325,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_1vpru_181 h4:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 h4:not(#\9) {
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
@@ -333,24 +333,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_1vpru_181 h5:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 h5:not(#\9) {
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   font-weight: var(--font-weight-heading-xs-79d2p7, 400);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_1vpru_181 b:not(#\9),
-.awsui_help-panel_1d237_1vpru_181 strong:not(#\9) {
+.awsui_help-panel_1d237_1ybby_181 b:not(#\9),
+.awsui_help-panel_1d237_1ybby_181 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_loading_1d237_1vpru_348:not(#\9) {
+.awsui_loading_1d237_1ybby_348:not(#\9) {
   padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
   padding-inline-end: var(--space-panel-side-right-b77xx0, 32px);
 }
-.awsui_header_1d237_1vpru_353:not(#\9) {
+.awsui_header_1d237_1ybby_353:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
@@ -368,15 +368,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_with-toolbar_1d237_1vpru_371 > .awsui_header_1d237_1vpru_353:not(#\9) {
+.awsui_with-toolbar_1d237_1ybby_371 > .awsui_header_1d237_1ybby_353:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1d237_1vpru_353 h2:not(#\9),
-.awsui_header_1d237_1vpru_353 h3:not(#\9),
-.awsui_header_1d237_1vpru_353 h4:not(#\9),
-.awsui_header_1d237_1vpru_353 h5:not(#\9),
-.awsui_header_1d237_1vpru_353 h6:not(#\9) {
+.awsui_header_1d237_1ybby_353 h2:not(#\9),
+.awsui_header_1d237_1ybby_353 h3:not(#\9),
+.awsui_header_1d237_1ybby_353 h4:not(#\9),
+.awsui_header_1d237_1ybby_353 h5:not(#\9),
+.awsui_header_1d237_1ybby_353 h6:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
@@ -387,25 +387,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
-.awsui_content_1d237_1vpru_390:not(#\9) {
+.awsui_content_1d237_1ybby_390:not(#\9) {
   color: var(--color-text-body-secondary-twh4xm, #545b64);
   padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
   padding-inline-end: var(--space-panel-side-right-b77xx0, 32px);
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_1vpru_390 h2:not(#\9):first-child,
-.awsui_content_1d237_1vpru_390 h3:not(#\9):first-child,
-.awsui_content_1d237_1vpru_390 h4:not(#\9):first-child,
-.awsui_content_1d237_1vpru_390 h5:not(#\9):first-child,
-.awsui_content_1d237_1vpru_390 h6:not(#\9):first-child,
-.awsui_content_1d237_1vpru_390 p:not(#\9):first-child {
+.awsui_content_1d237_1ybby_390 h2:not(#\9):first-child,
+.awsui_content_1d237_1ybby_390 h3:not(#\9):first-child,
+.awsui_content_1d237_1ybby_390 h4:not(#\9):first-child,
+.awsui_content_1d237_1ybby_390 h5:not(#\9):first-child,
+.awsui_content_1d237_1ybby_390 h6:not(#\9):first-child,
+.awsui_content_1d237_1ybby_390 p:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_1vpru_390 a:not(#\9) {
+.awsui_content_1d237_1ybby_390 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-b75yp7, var(--color-text-link-default-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -416,31 +416,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content_1d237_1vpru_390 a:not(#\9) {
+  .awsui_content_1d237_1ybby_390 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_1vpru_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1vpru_390 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_1ybby_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1ybby_390 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_1vpru_390 a:not(#\9):hover {
+.awsui_content_1d237_1ybby_390 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_content_1d237_1vpru_390 a:not(#\9):focus {
+.awsui_content_1d237_1ybby_390 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_1vpru_390 a:not(#\9):active {
-  color: var(--awsui-style-color-active-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_content_1d237_1ybby_390 a:not(#\9):active {
+  color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_content_1d237_1vpru_390 a:not(#\9):active, .awsui_content_1d237_1vpru_390 a:not(#\9):focus, .awsui_content_1d237_1vpru_390 a:not(#\9):hover {
+.awsui_content_1d237_1ybby_390 a:not(#\9):active, .awsui_content_1d237_1ybby_390 a:not(#\9):focus, .awsui_content_1d237_1ybby_390 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_footer_1d237_1vpru_441:not(#\9) {
+.awsui_footer_1d237_1ybby_441:not(#\9) {
   color: var(--color-text-body-secondary-twh4xm, #545b64);
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
@@ -448,14 +448,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_footer_1d237_1vpru_441 ul:not(#\9) {
+.awsui_footer_1d237_1ybby_441 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_1vpru_441 a:not(#\9) {
+.awsui_footer_1d237_1ybby_441 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-b75yp7, var(--color-text-link-default-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -466,37 +466,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_footer_1d237_1vpru_441 a:not(#\9) {
+  .awsui_footer_1d237_1ybby_441 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_1vpru_441 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1vpru_441 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_1ybby_441 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1ybby_441 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_1vpru_441 a:not(#\9):hover {
+.awsui_footer_1d237_1ybby_441 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_footer_1d237_1vpru_441 a:not(#\9):focus {
+.awsui_footer_1d237_1ybby_441 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_1vpru_441 a:not(#\9):active {
-  color: var(--awsui-style-color-active-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_footer_1d237_1ybby_441 a:not(#\9):active {
+  color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_footer_1d237_1vpru_441 a:not(#\9):active, .awsui_footer_1d237_1vpru_441 a:not(#\9):focus, .awsui_footer_1d237_1vpru_441 a:not(#\9):hover {
+.awsui_footer_1d237_1ybby_441 a:not(#\9):active, .awsui_footer_1d237_1ybby_441 a:not(#\9):focus, .awsui_footer_1d237_1ybby_441 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_content_1d237_1vpru_390:not(#\9),
-.awsui_footer_1d237_1vpru_441:not(#\9) {
+.awsui_content_1d237_1ybby_390:not(#\9),
+.awsui_footer_1d237_1ybby_441:not(#\9) {
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_1vpru_390 a:not(#\9):focus,
-.awsui_footer_1d237_1vpru_441 a:not(#\9):focus {
+.awsui_content_1d237_1ybby_390 a:not(#\9):focus,
+.awsui_footer_1d237_1ybby_441 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;

package/lib/internal/template/help-panel/styles.selectors.js CHANGED Viewed

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "help-panel": "awsui_help-panel_1d237_1vpru_181",
-  "loading": "awsui_loading_1d237_1vpru_348",
-  "header": "awsui_header_1d237_1vpru_353",
-  "with-toolbar": "awsui_with-toolbar_1d237_1vpru_371",
-  "content": "awsui_content_1d237_1vpru_390",
-  "footer": "awsui_footer_1d237_1vpru_441"
+  "help-panel": "awsui_help-panel_1d237_1ybby_181",
+  "loading": "awsui_loading_1d237_1ybby_348",
+  "header": "awsui_header_1d237_1ybby_353",
+  "with-toolbar": "awsui_with-toolbar_1d237_1ybby_371",
+  "content": "awsui_content_1d237_1ybby_390",
+  "footer": "awsui_footer_1d237_1ybby_441"
 };

package/lib/internal/template/hotspot/index.js CHANGED Viewed

@@ -1,7 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 'use client';
-import { __rest } from "tslib";
 import React, { useContext, useEffect } from 'react';
 import clsx from 'clsx';
 import { hotspotContext as hotspotContextType } from '../annotation-context/context';
@@ -9,8 +8,7 @@ import { getBaseProps } from '../internal/base-component';
 import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import styles from './styles.css.js';
-export default function Hotspot(_a) {
-    var { children, hotspotId, side = 'right', direction = 'top' } = _a, restProps = __rest(_a, ["children", "hotspotId", "side", "direction"]);
+export default function Hotspot({ children, hotspotId, side = 'right', direction = 'top', ...restProps }) {
     const { __internalRootRef } = useBaseComponent('Hotspot', { props: { direction, side } });
     const baseProps = getBaseProps(restProps);
     const hotspotContext = useContext(hotspotContextType);
@@ -21,11 +19,11 @@ export default function Hotspot(_a) {
         return () => unregisterHotspot(hotspotId);
     }, [hotspotId, unregisterHotspot, registerHotspot]);
     if (children) {
-        return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.wrapper), ref: __internalRootRef }),
+        return (React.createElement("div", { ...baseProps, className: clsx(baseProps.className, styles.root, styles.wrapper), ref: __internalRootRef },
             React.createElement("div", { className: styles.elementWrapper }, children),
             React.createElement("div", { className: clsx(styles.markerWrapper, styles[`placement-${side}`]), onClick: e => e.stopPropagation() }, content)));
     }
-    return (React.createElement("span", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.inlineWrapper), ref: __internalRootRef, onClick: e => e.stopPropagation() }), content));
+    return (React.createElement("span", { ...baseProps, className: clsx(baseProps.className, styles.root, styles.inlineWrapper), ref: __internalRootRef, onClick: e => e.stopPropagation() }, content));
 }
 applyDisplayName(Hotspot, 'Hotspot');
 //# sourceMappingURL=index.js.map

package/lib/internal/template/hotspot/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,~~EAMjB;QANiB,~~EAC9B,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,OAAO,EACd,SAAS,GAAG,KAAK,~~OAEJ~~,~~EADV~~,SAAS,~~cALkB,8CAM/B,CADa~~;~~IAEZ~~,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAC1F,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEtD,MAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAErE,MAAM,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,cAAc,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,SAAS,CAAC,CAAC;QAE3B,OAAO,GAAG,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,~~6CAAS~~,SAAS,~~IAAE~~,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,iBAAiB;YAC3G,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,IAAG,QAAQ,CAAO;YACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,IACvG,OAAO,CACJ,CACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,~~8CACM~~,SAAS,~~IACb~~,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,EACvE,GAAG,EAAE,iBAAiB,EACtB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,~~KAEhC~~,OAAO,CACH,CACR,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { useContext, useEffect } from 'react';\nimport clsx from 'clsx';\n\nimport { hotspotContext as hotspotContextType } from '../annotation-context/context';\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { HotspotProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport { HotspotProps };\n\nexport default function Hotspot({\n children,\n hotspotId,\n side = 'right',\n direction = 'top',\n ...restProps\n}: HotspotProps): JSX.Element {\n const { __internalRootRef } = useBaseComponent('Hotspot', { props: { direction, side } });\n const baseProps = getBaseProps(restProps);\n\n const hotspotContext = useContext(hotspotContextType);\n\n const content = hotspotContext.getContentForId(hotspotId, direction);\n\n const { unregisterHotspot, registerHotspot } = hotspotContext;\n\n useEffect(() => {\n registerHotspot(hotspotId);\n\n return () => unregisterHotspot(hotspotId);\n }, [hotspotId, unregisterHotspot, registerHotspot]);\n\n if (children) {\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root, styles.wrapper)} ref={__internalRootRef}>\n <div className={styles.elementWrapper}>{children}</div>\n <div className={clsx(styles.markerWrapper, styles[`placement-${side}`])} onClick={e => e.stopPropagation()}>\n {content}\n </div>\n </div>\n );\n }\n\n return (\n <span\n {...baseProps}\n className={clsx(baseProps.className, styles.root, styles.inlineWrapper)}\n ref={__internalRootRef}\n onClick={e => e.stopPropagation()}\n >\n {content}\n </span>\n );\n}\n\napplyDisplayName(Hotspot, 'Hotspot');\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,OAAO,EACd,SAAS,GAAG,KAAK,EACjB,GAAG,SAAS,EACC;IACb,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAC1F,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEtD,MAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAErE,MAAM,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,cAAc,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,SAAS,CAAC,CAAC;QAE3B,OAAO,GAAG,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,gCAAS,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,iBAAiB;YAC3G,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,IAAG,QAAQ,CAAO;YACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,IACvG,OAAO,CACJ,CACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iCACM,SAAS,EACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,EACvE,GAAG,EAAE,iBAAiB,EACtB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,IAEhC,OAAO,CACH,CACR,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { useContext, useEffect } from 'react';\nimport clsx from 'clsx';\n\nimport { hotspotContext as hotspotContextType } from '../annotation-context/context';\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { HotspotProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport { HotspotProps };\n\nexport default function Hotspot({\n children,\n hotspotId,\n side = 'right',\n direction = 'top',\n ...restProps\n}: HotspotProps): JSX.Element {\n const { __internalRootRef } = useBaseComponent('Hotspot', { props: { direction, side } });\n const baseProps = getBaseProps(restProps);\n\n const hotspotContext = useContext(hotspotContextType);\n\n const content = hotspotContext.getContentForId(hotspotId, direction);\n\n const { unregisterHotspot, registerHotspot } = hotspotContext;\n\n useEffect(() => {\n registerHotspot(hotspotId);\n\n return () => unregisterHotspot(hotspotId);\n }, [hotspotId, unregisterHotspot, registerHotspot]);\n\n if (children) {\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root, styles.wrapper)} ref={__internalRootRef}>\n <div className={styles.elementWrapper}>{children}</div>\n <div className={clsx(styles.markerWrapper, styles[`placement-${side}`])} onClick={e => e.stopPropagation()}>\n {content}\n </div>\n </div>\n );\n }\n\n return (\n <span\n {...baseProps}\n className={clsx(baseProps.className, styles.root, styles.inlineWrapper)}\n ref={__internalRootRef}\n onClick={e => e.stopPropagation()}\n >\n {content}\n </span>\n );\n}\n\napplyDisplayName(Hotspot, 'Hotspot');\n"]}

package/lib/internal/template/icon/index.js CHANGED Viewed

@@ -1,15 +1,13 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 'use client';
-import { __rest } from "tslib";
 import React from 'react';
 import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalIcon from './internal';
-export default function Icon(_a) {
-    var { size = 'normal', variant = 'normal' } = _a, props = __rest(_a, ["size", "variant"]);
+export default function Icon({ size = 'normal', variant = 'normal', ...props }) {
     const baseComponentProps = useBaseComponent('Icon', { props: { name: props.name, size, variant } });
-    return React.createElement(InternalIcon, Object.assign({ size: size, variant: variant }, props, baseComponentProps));
+    return React.createElement(InternalIcon, { size: size, variant: variant, ...props, ...baseComponentProps });
 }
 applyDisplayName(Icon, 'Icon');
 //# sourceMappingURL=index.js.map

package/lib/internal/template/icon/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,YAAY,MAAM,YAAY,CAAC;AAItC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,~~EAA4D;QAA5D,~~EAAE,IAAI,GAAG,QAAQ,EAAE,OAAO,GAAG,QAAQ,~~OAAuB~~,~~EAAlB~~,KAAK,~~cAA/C,mBAAiD,CAAF~~;~~IAC1E~~,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;IACpG,OAAO,oBAAC,YAAY,~~kBAAC~~,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,~~IAAM~~,KAAK,~~EAAM~~,kBAAkB,~~EAAI~~,CAAC;AAC3F,CAAC;AAED,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { IconProps } from './interfaces';\nimport InternalIcon from './internal';\n\nexport { IconProps };\n\nexport default function Icon({ size = 'normal', variant = 'normal', ...props }: IconProps) {\n const baseComponentProps = useBaseComponent('Icon', { props: { name: props.name, size, variant } });\n return <InternalIcon size={size} variant={variant} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(Icon, 'Icon');\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,YAAY,MAAM,YAAY,CAAC;AAItC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,OAAO,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAa;IACvF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;IACpG,OAAO,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,KAAM,kBAAkB,GAAI,CAAC;AAC3F,CAAC;AAED,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { IconProps } from './interfaces';\nimport InternalIcon from './internal';\n\nexport { IconProps };\n\nexport default function Icon({ size = 'normal', variant = 'normal', ...props }: IconProps) {\n const baseComponentProps = useBaseComponent('Icon', { props: { name: props.name, size, variant } });\n return <InternalIcon size={size} variant={variant} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(Icon, 'Icon');\n"]}

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

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { useContext, useLayoutEffect, useRef, useState } from 'react';
@@ -30,8 +29,7 @@ function iconSizeMap(height) {
         return 'normal';
     }
 }
-const InternalIcon = (_a) => {
-    var { name, size = 'normal', variant = 'normal', url, alt, ariaLabel, svg, badge, nativeAttributes, __internalRootRef } = _a, props = __rest(_a, ["name", "size", "variant", "url", "alt", "ariaLabel", "svg", "badge", "nativeAttributes", "__internalRootRef"]);
+const InternalIcon = ({ name, size = 'normal', variant = 'normal', url, alt, ariaLabel, svg, badge, nativeAttributes, __internalRootRef, ...props }) => {
     const icons = useContext(InternalIconContext);
     const iconRef = useRef(null);
     // To ensure a re-render is triggered on visual mode changes
@@ -60,10 +58,10 @@ const InternalIcon = (_a) => {
         if (url) {
             warnOnce('Icon', 'You have specified both `url` and `svg`. `svg` will take precedence and `url` will be ignored.');
         }
-        return (React.createElement(WithNativeAttributes, Object.assign({}, baseProps, labelAttributes, { tag: "span", componentName: "Icon", nativeAttributes: nativeAttributes, ref: mergedRef, "aria-hidden": !hasAriaLabel, style: inlineStyles }), svg));
+        return (React.createElement(WithNativeAttributes, { ...baseProps, ...labelAttributes, tag: "span", componentName: "Icon", nativeAttributes: nativeAttributes, ref: mergedRef, "aria-hidden": !hasAriaLabel, style: inlineStyles }, svg));
     }
     if (url) {
-        return (React.createElement(WithNativeAttributes, Object.assign({}, baseProps, { tag: "span", componentName: "Icon", nativeAttributes: nativeAttributes, ref: mergedRef, style: inlineStyles }),
+        return (React.createElement(WithNativeAttributes, { ...baseProps, tag: "span", componentName: "Icon", nativeAttributes: nativeAttributes, ref: mergedRef, style: inlineStyles },
             React.createElement("img", { src: url, alt: ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : alt })));
     }
     const validIcon = name && Object.prototype.hasOwnProperty.call(icons, name);
@@ -76,7 +74,7 @@ const InternalIcon = (_a) => {
             return icons[name];
         }
     }
-    return (React.createElement(WithNativeAttributes, Object.assign({}, baseProps, labelAttributes, { tag: "span", componentName: "Icon", nativeAttributes: nativeAttributes, ref: mergedRef, style: inlineStyles }), validIcon ? iconMap(name) : undefined));
+    return (React.createElement(WithNativeAttributes, { ...baseProps, ...labelAttributes, tag: "span", componentName: "Icon", nativeAttributes: nativeAttributes, ref: mergedRef, style: inlineStyles }, validIcon ? iconMap(name) : undefined));
 };
 export default InternalIcon;
 //# sourceMappingURL=internal.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/icon/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAG5E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,SAAS,WAAW,CAAC,MAAqB;IACxC,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,2EAA2E;QAC3E,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,MAAM,IAAI,EAAE,EAAE,CAAC;QACjB,OAAO,OAAO,CAAC;IACjB,CAAC;SAAM,IAAI,MAAM,IAAI,EAAE,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;SAAM,IAAI,MAAM,IAAI,EAAE,EAAE,CAAC;QACxB,OAAO,QAAQ,CAAC;IAClB,CAAC;SAAM,IAAI,MAAM,IAAI,EAAE,EAAE,CAAC;QACxB,OAAO,OAAO,CAAC;IACjB,CAAC;SAAM,CAAC;QACN,OAAO,QAAQ,CAAC;IAClB,CAAC;AACH,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,~~EAYF,EAAE,EAAE;QAZF,~~EACpB,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,QAAQ,EAClB,GAAG,EACH,GAAG,EACH,SAAS,EACT,GAAG,EACH,KAAK,EACL,gBAAgB,EAChB,iBAAiB,~~OAEC~~,~~EADf~~,KAAK,~~cAXY,+GAYrB~~,~~CADS~~;~~IAER~~,MAAM,KAAK,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC1C,4DAA4D;IAC5D,gBAAgB,EAAE,CAAC;IACnB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtE,MAAM,cAAc,GAAG,IAAI,KAAK,SAAS,CAAC;IAC1C,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACnE,MAAM,YAAY,GAAG,cAAc,IAAI,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,YAAY,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACpG,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,SAAS,CAAC,SAAS,GAAG,IAAI,CACxB,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,cAAc,IAAI,MAAM,CAAC,kBAAkB,CAAC,EAC5C,KAAK,IAAI,MAAM,CAAC,KAAK,EACrB,CAAC,cAAc,IAAI,MAAM,CAAC,QAAQ,QAAQ,gBAAgB,CAAC,EAC3D,MAAM,CAAC,QAAQ,QAAQ,EAAE,CAAC,EAC1B,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAC5B,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CACvB,CAAC;IAEF,4DAA4D;IAC5D,6DAA6D;IAC7D,uDAAuD;IACvD,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,cAAc,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACxC,OAAO;QACT,CAAC;QACD,MAAM,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACzD,MAAM,eAAe,GAAG,QAAQ,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QACjD,eAAe,CAAC,eAAe,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC;IACnD,MAAM,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAErF,IAAI,GAAG,EAAE,CAAC;QACR,IAAI,GAAG,EAAE,CAAC;YACR,QAAQ,CACN,MAAM,EACN,gGAAgG,CACjG,CAAC;QACJ,CAAC;QACD,OAAO,CACL,oBAAC,oBAAoB,~~oBACf~~,SAAS,~~EACT~~,eAAe,~~IACnB~~,GAAG,EAAC,MAAM,EACV,aAAa,EAAC,MAAM,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,GAAG,EAAE,SAAS,iBACD,CAAC,YAAY,EAC1B,KAAK,EAAE,YAAY,~~KAElB~~,GAAG,CACiB,CACxB,CAAC;IACJ,CAAC;IAED,IAAI,GAAG,EAAE,CAAC;QACR,OAAO,CACL,oBAAC,oBAAoB,~~oBACf~~,SAAS,~~IACb~~,GAAG,EAAC,MAAM,EACV,aAAa,EAAC,MAAM,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,YAAY;YAEnB,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,GAAG,GAAI,CACnB,CACxB,CAAC;IACJ,CAAC;IAED,MAAM,SAAS,GAAG,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAE5E,SAAS,OAAO,CAAC,IAAoB;QACnC,IAAI,IAAI,KAAK,QAAQ,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;YAC9C,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,OAAO,iBACL,MAAM,iBACN,eAAe;gBAE3B,8BACE,CAAC,EAAC,wKAAwK,EAC1K,SAAS,EAAC,QAAQ,GAClB,CACE,CACP,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC;IAED,OAAO,CACL,oBAAC,oBAAoB,~~oBACf~~,SAAS,~~EACT~~,eAAe,~~IACnB~~,GAAG,EAAC,MAAM,EACV,aAAa,EAAC,MAAM,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,YAAY,~~KAElB~~,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CACjB,CACxB,CAAC;AACJ,CAAC,CAAC;AAGF,eAAe,YAAY,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { InternalIconContext } from '../icon-provider/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { IconProps } from './interfaces';\n\nimport styles from './styles.css.js';\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 ariaLabel,\n svg,\n badge,\n nativeAttributes,\n __internalRootRef,\n ...props\n}: InternalIconProps) => {\n const icons = useContext(InternalIconContext);\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 const hasAriaLabel = typeof ariaLabel === 'string';\n const labelAttributes = hasAriaLabel ? { role: 'img', 'aria-label': ariaLabel } : {};\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 <WithNativeAttributes\n {...baseProps}\n {...labelAttributes}\n tag=\"span\"\n componentName=\"Icon\"\n nativeAttributes={nativeAttributes}\n ref={mergedRef}\n aria-hidden={!hasAriaLabel}\n style={inlineStyles}\n >\n {svg}\n </WithNativeAttributes>\n );\n }\n\n if (url) {\n return (\n <WithNativeAttributes\n {...baseProps}\n tag=\"span\"\n componentName=\"Icon\"\n nativeAttributes={nativeAttributes}\n ref={mergedRef}\n style={inlineStyles}\n >\n <img src={url} alt={ariaLabel ?? alt} />\n </WithNativeAttributes>\n );\n }\n\n const validIcon = name && Object.prototype.hasOwnProperty.call(icons, name);\n\n function iconMap(name: IconProps.Name) {\n if (name === 'gen-ai' && iconSize === 'small') {\n return (\n <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\n 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\"\n className=\"filled\"\n />\n </svg>\n );\n } else {\n return icons[name];\n }\n }\n\n return (\n <WithNativeAttributes\n {...baseProps}\n {...labelAttributes}\n tag=\"span\"\n componentName=\"Icon\"\n nativeAttributes={nativeAttributes}\n ref={mergedRef}\n style={inlineStyles}\n >\n {validIcon ? iconMap(name) : undefined}\n </WithNativeAttributes>\n );\n};\n\nexport { InternalIconProps };\nexport default InternalIcon;\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/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 React, { useContext, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { InternalIconContext } from '../icon-provider/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { IconProps } from './interfaces';\n\nimport styles from './styles.css.js';\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 ariaLabel,\n svg,\n badge,\n nativeAttributes,\n __internalRootRef,\n ...props\n}: InternalIconProps) => {\n const icons = useContext(InternalIconContext);\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 const hasAriaLabel = typeof ariaLabel === 'string';\n const labelAttributes = hasAriaLabel ? { role: 'img', 'aria-label': ariaLabel } : {};\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 <WithNativeAttributes\n {...baseProps}\n {...labelAttributes}\n tag=\"span\"\n componentName=\"Icon\"\n nativeAttributes={nativeAttributes}\n ref={mergedRef}\n aria-hidden={!hasAriaLabel}\n style={inlineStyles}\n >\n {svg}\n </WithNativeAttributes>\n );\n }\n\n if (url) {\n return (\n <WithNativeAttributes\n {...baseProps}\n tag=\"span\"\n componentName=\"Icon\"\n nativeAttributes={nativeAttributes}\n ref={mergedRef}\n style={inlineStyles}\n >\n <img src={url} alt={ariaLabel ?? alt} />\n </WithNativeAttributes>\n );\n }\n\n const validIcon = name && Object.prototype.hasOwnProperty.call(icons, name);\n\n function iconMap(name: IconProps.Name) {\n if (name === 'gen-ai' && iconSize === 'small') {\n return (\n <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\n 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\"\n className=\"filled\"\n />\n </svg>\n );\n } else {\n return icons[name];\n }\n }\n\n return (\n <WithNativeAttributes\n {...baseProps}\n {...labelAttributes}\n tag=\"span\"\n componentName=\"Icon\"\n nativeAttributes={nativeAttributes}\n ref={mergedRef}\n style={inlineStyles}\n >\n {validIcon ? iconMap(name) : undefined}\n </WithNativeAttributes>\n );\n};\n\nexport { InternalIconProps };\nexport default InternalIcon;\n"]}

package/lib/internal/template/icon-provider/index.js CHANGED Viewed

@@ -10,7 +10,7 @@ import InternalIconProvider from './internal';
  */
 export default function IconProvider(props) {
     useBaseComponent('IconProvider');
-    return React.createElement(InternalIconProvider, Object.assign({}, props));
+    return React.createElement(InternalIconProvider, { ...props });
 }
 applyDisplayName(IconProvider, 'IconProvider');
 //# sourceMappingURL=index.js.map

package/lib/internal/template/icon-provider/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon-provider/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,oBAAoB,MAAM,YAAY,CAAC;AAI9C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,gBAAgB,CAAC,cAAc,CAAC,CAAC;IACjC,OAAO,oBAAC,oBAAoB,~~oBAAK~~,KAAK,~~EAAI~~,CAAC;AAC7C,CAAC;AAED,gBAAgB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { IconProviderProps } from './interfaces';\nimport InternalIconProvider from './internal';\n\nexport { IconProviderProps } from './interfaces';\n\n/*\n @awsuiSystem core\n */\nexport default function IconProvider(props: IconProviderProps) {\n useBaseComponent('IconProvider');\n return <InternalIconProvider {...props} />;\n}\n\napplyDisplayName(IconProvider, 'IconProvider');\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon-provider/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,oBAAoB,MAAM,YAAY,CAAC;AAI9C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,gBAAgB,CAAC,cAAc,CAAC,CAAC;IACjC,OAAO,oBAAC,oBAAoB,OAAK,KAAK,GAAI,CAAC;AAC7C,CAAC;AAED,gBAAgB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { IconProviderProps } from './interfaces';\nimport InternalIconProvider from './internal';\n\nexport { IconProviderProps } from './interfaces';\n\n/*\n @awsuiSystem core\n */\nexport default function IconProvider(props: IconProviderProps) {\n useBaseComponent('IconProvider');\n return <InternalIconProvider {...props} />;\n}\n\napplyDisplayName(IconProvider, 'IconProvider');\n"]}

package/lib/internal/template/icon-provider/internal.js CHANGED Viewed

@@ -8,7 +8,7 @@ function InternalIconProvider({ children, icons }) {
     let iconsToProvide = generatedIcons;
     // Merge the context icons with the custom icons, this allows child instances of IconProvider to persist parent configurations
     if (icons !== null) {
-        const clonedIcons = Object.assign({}, icons);
+        const clonedIcons = { ...icons };
         // Reset null icon values to their original definitions
         Object.keys(clonedIcons).forEach(name => {
             const iconName = name;
@@ -16,7 +16,7 @@ function InternalIconProvider({ children, icons }) {
                 clonedIcons[iconName] = generatedIcons[iconName];
             }
         });
-        iconsToProvide = Object.assign(Object.assign({}, contextIcons), clonedIcons);
+        iconsToProvide = { ...contextIcons, ...clonedIcons };
     }
     return React.createElement(InternalIconContext.Provider, { value: iconsToProvide }, children);
 }

package/lib/internal/template/icon-provider/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/icon-provider/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGhD,SAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAqB;IAClE,MAAM,YAAY,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAErD,IAAI,cAAc,GAA4B,cAAc,CAAC;IAE7D,8HAA8H;IAC9H,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,MAAM,WAAW,~~qBAAQ~~,KAAK,~~CAAE~~,CAAC;QAEjC,uDAAuD;QACvD,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACtC,MAAM,QAAQ,GAAG,IAAmC,CAAC;YACrD,IAAI,QAAQ,IAAI,cAAc,IAAI,WAAW,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;gBACjE,WAAW,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,cAAc,~~mCAAQ~~,YAAY,~~GAAK~~,WAAW,~~CAAE~~,CAAC;IACvD,CAAC;IAED,OAAO,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,IAAG,QAAQ,CAAgC,CAAC;AACxG,CAAC;AAED,eAAe,oBAAoB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useContext } from 'react';\n\nimport generatedIcons from '../icon/generated/icons';\nimport { InternalIconContext } from './context';\nimport { IconProviderProps } from './interfaces';\n\nfunction InternalIconProvider({ children, icons }: IconProviderProps) {\n const contextIcons = useContext(InternalIconContext);\n\n let iconsToProvide: IconProviderProps.Icons = generatedIcons;\n\n // Merge the context icons with the custom icons, this allows child instances of IconProvider to persist parent configurations\n if (icons !== null) {\n const clonedIcons = { ...icons };\n\n // Reset null icon values to their original definitions\n Object.keys(clonedIcons).forEach(name => {\n const iconName = name as keyof typeof generatedIcons;\n if (iconName in generatedIcons && clonedIcons[iconName] === null) {\n clonedIcons[iconName] = generatedIcons[iconName];\n }\n });\n\n iconsToProvide = { ...contextIcons, ...clonedIcons };\n }\n\n return <InternalIconContext.Provider value={iconsToProvide}>{children}</InternalIconContext.Provider>;\n}\n\nexport default InternalIconProvider;\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/icon-provider/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGhD,SAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAqB;IAClE,MAAM,YAAY,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAErD,IAAI,cAAc,GAA4B,cAAc,CAAC;IAE7D,8HAA8H;IAC9H,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,MAAM,WAAW,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;QAEjC,uDAAuD;QACvD,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACtC,MAAM,QAAQ,GAAG,IAAmC,CAAC;YACrD,IAAI,QAAQ,IAAI,cAAc,IAAI,WAAW,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;gBACjE,WAAW,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,cAAc,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,WAAW,EAAE,CAAC;IACvD,CAAC;IAED,OAAO,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,IAAG,QAAQ,CAAgC,CAAC;AACxG,CAAC;AAED,eAAe,oBAAoB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useContext } from 'react';\n\nimport generatedIcons from '../icon/generated/icons';\nimport { InternalIconContext } from './context';\nimport { IconProviderProps } from './interfaces';\n\nfunction InternalIconProvider({ children, icons }: IconProviderProps) {\n const contextIcons = useContext(InternalIconContext);\n\n let iconsToProvide: IconProviderProps.Icons = generatedIcons;\n\n // Merge the context icons with the custom icons, this allows child instances of IconProvider to persist parent configurations\n if (icons !== null) {\n const clonedIcons = { ...icons };\n\n // Reset null icon values to their original definitions\n Object.keys(clonedIcons).forEach(name => {\n const iconName = name as keyof typeof generatedIcons;\n if (iconName in generatedIcons && clonedIcons[iconName] === null) {\n clonedIcons[iconName] = generatedIcons[iconName];\n }\n });\n\n iconsToProvide = { ...contextIcons, ...clonedIcons };\n }\n\n return <InternalIconContext.Provider value={iconsToProvide}>{children}</InternalIconContext.Provider>;\n}\n\nexport default InternalIconProvider;\n"]}

package/lib/internal/template/input/index.js CHANGED Viewed

@@ -1,7 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 'use client';
-import { __rest } from "tslib";
 import React, { useImperativeHandle, useRef } from 'react';
 import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
@@ -9,8 +8,7 @@ import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalInput from './internal';
 import styles from './styles.css.js';
-const Input = React.forwardRef((_a, ref) => {
-    var { value, type = 'text', step, inputMode, autoComplete = true, spellcheck, disabled, readOnly, disableBrowserAutocorrect, onKeyDown, onKeyUp, onChange, onBlur, onFocus, ariaRequired, name, placeholder, autoFocus, ariaLabel, ariaLabelledby, ariaDescribedby, invalid, warning, controlId, clearAriaLabel, nativeInputAttributes, style } = _a, rest = __rest(_a, ["value", "type", "step", "inputMode", "autoComplete", "spellcheck", "disabled", "readOnly", "disableBrowserAutocorrect", "onKeyDown", "onKeyUp", "onChange", "onBlur", "onFocus", "ariaRequired", "name", "placeholder", "autoFocus", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "invalid", "warning", "controlId", "clearAriaLabel", "nativeInputAttributes", "style"]);
+const Input = React.forwardRef(({ value, type = 'text', step, inputMode, autoComplete = true, spellcheck, disabled, readOnly, disableBrowserAutocorrect, onKeyDown, onKeyUp, onChange, onBlur, onFocus, ariaRequired, name, placeholder, autoFocus, ariaLabel, ariaLabelledby, ariaDescribedby, invalid, warning, controlId, clearAriaLabel, nativeInputAttributes, style, ...rest }, ref) => {
     const baseComponentProps = useBaseComponent('Input', {
         props: { autoComplete, autoFocus, disableBrowserAutocorrect, inputMode, readOnly, spellcheck, type },
     });
@@ -26,7 +24,9 @@ const Input = React.forwardRef((_a, ref) => {
             (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.select();
         },
     }), [inputRef]);
-    return (React.createElement(InternalInput, Object.assign({ ref: inputRef }, baseProps, baseComponentProps, { autoComplete,
+    return (React.createElement(InternalInput, { ref: inputRef, ...baseProps,
+        ...baseComponentProps,
+        autoComplete,
         ariaLabel,
         ariaRequired,
         autoFocus,
@@ -52,7 +52,7 @@ const Input = React.forwardRef((_a, ref) => {
         controlId,
         clearAriaLabel,
         nativeInputAttributes,
-        style, className: clsx(styles.root, baseProps.className), __inheritFormFieldProps: true, __injectAnalyticsComponentMetadata: true })));
+        style, className: clsx(styles.root, baseProps.className), __inheritFormFieldProps: true, __injectAnalyticsComponentMetadata: true }));
 });
 applyDisplayName(Input, 'Input');
 export default Input;