@cloudscape-design/components 3.0.1155 → 3.0.1157

package/help-panel/styles.scoped.css

@@ -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_idoe3_181:not(#\9) {
+.awsui_help-panel_1d237_1drha_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_idoe3_181 hr:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 hr:not(#\9) {
   border-block: none;
   border-inline: none;
   border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
   margin-block: var(--space-scaled-xl-dunxp5, 24px);
   margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-yw31p0, 8px));
 }
-.awsui_help-panel_1d237_idoe3_181 ol:not(#\9),
-.awsui_help-panel_1d237_idoe3_181 ul:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 ol:not(#\9),
+.awsui_help-panel_1d237_1drha_181 ul:not(#\9) {
   padding-inline-start: var(--space-l-2ud1p3, 20px);
   list-style-position: outside;
   margin-block: var(--space-s-tvghoh, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_idoe3_181 li:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 li:not(#\9) {
   margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_idoe3_181 a:not(#\9),
-.awsui_help-panel_1d237_idoe3_181 h2:not(#\9),
-.awsui_help-panel_1d237_idoe3_181 h3:not(#\9),
-.awsui_help-panel_1d237_idoe3_181 h4:not(#\9),
-.awsui_help-panel_1d237_idoe3_181 h5:not(#\9),
-.awsui_help-panel_1d237_idoe3_181 pre:not(#\9),
-.awsui_help-panel_1d237_idoe3_181 code:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 a:not(#\9),
+.awsui_help-panel_1d237_1drha_181 h2:not(#\9),
+.awsui_help-panel_1d237_1drha_181 h3:not(#\9),
+.awsui_help-panel_1d237_1drha_181 h4:not(#\9),
+.awsui_help-panel_1d237_1drha_181 h5:not(#\9),
+.awsui_help-panel_1d237_1drha_181 pre:not(#\9),
+.awsui_help-panel_1d237_1drha_181 code:not(#\9) {
   margin-block: var(--space-xs-ymlm0b, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_idoe3_181 code:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 code:not(#\9) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
@@ -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_idoe3_181 pre:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 pre:not(#\9) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
@@ -267,41 +267,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-hwfkai, 4px);
   padding-inline: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_help-panel_1d237_idoe3_181 dl:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 dl:not(#\9) {
   margin-block: var(--space-s-tvghoh, 12px);
   margin-inline: 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_idoe3_181 dl *:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_idoe3_181 dt:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 dt:not(#\9) {
   margin-block-start: var(--space-xs-ymlm0b, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_idoe3_181 dd:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 dd:not(#\9) {
   margin-block-start: 0;
   margin-block-end: var(--space-xs-ymlm0b, 8px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_idoe3_181 h2:not(#\9),
-.awsui_help-panel_1d237_idoe3_181 h3:not(#\9),
-.awsui_help-panel_1d237_idoe3_181 h4:not(#\9),
-.awsui_help-panel_1d237_idoe3_181 h5:not(#\9),
-.awsui_help-panel_1d237_idoe3_181 h6:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 h2:not(#\9),
+.awsui_help-panel_1d237_1drha_181 h3:not(#\9),
+.awsui_help-panel_1d237_1drha_181 h4:not(#\9),
+.awsui_help-panel_1d237_1drha_181 h5:not(#\9),
+.awsui_help-panel_1d237_1drha_181 h6:not(#\9) {
   margin-block-start: var(--space-xl-jfy3x4, 24px);
   color: var(--color-text-heading-default-izpp46, #0f141a);
 }
-.awsui_help-panel_1d237_idoe3_181 > :not(#\9):last-child {
+.awsui_help-panel_1d237_1drha_181 > :not(#\9):last-child {
   margin-block-end: var(--space-panel-content-bottom-24c6lu, 40px);
 }
-.awsui_help-panel_1d237_idoe3_181 p:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 p:not(#\9) {
   color: inherit;
   text-decoration: none;
   margin-block: var(--space-s-tvghoh, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_idoe3_181 h1:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 h1:not(#\9) {
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   line-height: var(--line-height-heading-xl-hko6p0, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-ckkb6u, -0.02em);
@@ -309,7 +309,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_help-panel_1d237_idoe3_181 h2:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 h2:not(#\9) {
   font-size: var(--font-size-heading-l-vnacx6, 20px);
   line-height: var(--line-height-heading-l-mg5bx6, 24px);
   letter-spacing: var(--letter-spacing-heading-l-5v6ibv, -0.015em);
@@ -317,7 +317,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_help-panel_1d237_idoe3_181 h3:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 h3:not(#\9) {
   font-size: var(--font-size-heading-m-170yiy, 18px);
   line-height: var(--line-height-heading-m-uoaqdh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
@@ -325,7 +325,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_help-panel_1d237_idoe3_181 h4:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 h4:not(#\9) {
   font-size: var(--font-size-heading-s-zp08en, 16px);
   line-height: var(--line-height-heading-s-hmi4vc, 20px);
   letter-spacing: var(--letter-spacing-heading-s-4st9ep, -0.005em);
@@ -333,24 +333,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_help-panel_1d237_idoe3_181 h5:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 h5:not(#\9) {
   font-size: var(--font-size-heading-xs-j8yzxv, 14px);
   line-height: var(--line-height-heading-xs-q9j004, 18px);
   font-weight: var(--font-weight-heading-xs-wqqpne, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_help-panel_1d237_idoe3_181 b:not(#\9),
-.awsui_help-panel_1d237_idoe3_181 strong:not(#\9) {
+.awsui_help-panel_1d237_1drha_181 b:not(#\9),
+.awsui_help-panel_1d237_1drha_181 strong:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_loading_1d237_idoe3_348:not(#\9) {
+.awsui_loading_1d237_1drha_348:not(#\9) {
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
   padding-inline-end: var(--space-panel-side-right-8wwirc, 24px);
 }
 
-.awsui_header_1d237_idoe3_353:not(#\9) {
+.awsui_header_1d237_1drha_353:not(#\9) {
   font-size: var(--font-panel-header-size-33h9j8, 18px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   line-height: var(--font-panel-header-line-height-8xb2qj, 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_idoe3_371 > .awsui_header_1d237_idoe3_353:not(#\9) {
+.awsui_with-toolbar_1d237_1drha_371 > .awsui_header_1d237_1drha_353:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1d237_idoe3_353 h2:not(#\9),
-.awsui_header_1d237_idoe3_353 h3:not(#\9),
-.awsui_header_1d237_idoe3_353 h4:not(#\9),
-.awsui_header_1d237_idoe3_353 h5:not(#\9),
-.awsui_header_1d237_idoe3_353 h6:not(#\9) {
+.awsui_header_1d237_1drha_353 h2:not(#\9),
+.awsui_header_1d237_1drha_353 h3:not(#\9),
+.awsui_header_1d237_1drha_353 h4:not(#\9),
+.awsui_header_1d237_1drha_353 h5:not(#\9),
+.awsui_header_1d237_1drha_353 h6:not(#\9) {
   font-size: var(--font-panel-header-size-33h9j8, 18px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   line-height: var(--font-panel-header-line-height-8xb2qj, 22px);
@@ -387,25 +387,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
 
-.awsui_content_1d237_idoe3_390:not(#\9) {
-  color: var(--color-text-body-secondary-bcbgoi, #424650);
+.awsui_content_1d237_1drha_390:not(#\9) {
+  color: var(--color-text-body-secondary-yna5sb, #424650);
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
   padding-inline-end: var(--space-panel-side-right-8wwirc, 24px);
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_idoe3_390 h2:not(#\9):first-child,
-.awsui_content_1d237_idoe3_390 h3:not(#\9):first-child,
-.awsui_content_1d237_idoe3_390 h4:not(#\9):first-child,
-.awsui_content_1d237_idoe3_390 h5:not(#\9):first-child,
-.awsui_content_1d237_idoe3_390 h6:not(#\9):first-child,
-.awsui_content_1d237_idoe3_390 p:not(#\9):first-child {
+.awsui_content_1d237_1drha_390 h2:not(#\9):first-child,
+.awsui_content_1d237_1drha_390 h3:not(#\9):first-child,
+.awsui_content_1d237_1drha_390 h4:not(#\9):first-child,
+.awsui_content_1d237_1drha_390 h5:not(#\9):first-child,
+.awsui_content_1d237_1drha_390 h6:not(#\9):first-child,
+.awsui_content_1d237_1drha_390 p:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_idoe3_390 a:not(#\9) {
+.awsui_content_1d237_1drha_390 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-1dmm7z, #006ce0));
+  color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-hude44, #006ce0));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -416,46 +416,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content_1d237_idoe3_390 a:not(#\9) {
+  .awsui_content_1d237_1drha_390 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_idoe3_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_idoe3_390 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_1drha_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1drha_390 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_idoe3_390 a:not(#\9):hover {
+.awsui_content_1d237_1drha_390 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-sq1gxg, #002b66));
+  color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_content_1d237_idoe3_390 a:not(#\9):focus {
+.awsui_content_1d237_1drha_390 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_idoe3_390 a:not(#\9):active {
-  color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-sq1gxg, #002b66));
+.awsui_content_1d237_1drha_390 a:not(#\9):active {
+  color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_content_1d237_idoe3_390 a:not(#\9):active, .awsui_content_1d237_idoe3_390 a:not(#\9):focus, .awsui_content_1d237_idoe3_390 a:not(#\9):hover {
+.awsui_content_1d237_1drha_390 a:not(#\9):active, .awsui_content_1d237_1drha_390 a:not(#\9):focus, .awsui_content_1d237_1drha_390 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_footer_1d237_idoe3_441:not(#\9) {
-  color: var(--color-text-body-secondary-bcbgoi, #424650);
+.awsui_footer_1d237_1drha_441:not(#\9) {
+  color: var(--color-text-body-secondary-yna5sb, #424650);
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
   padding-inline-end: var(--space-panel-side-right-8wwirc, 24px);
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_footer_1d237_idoe3_441 ul:not(#\9) {
+.awsui_footer_1d237_1drha_441 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_idoe3_441 a:not(#\9) {
+.awsui_footer_1d237_1drha_441 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-1dmm7z, #006ce0));
+  color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-hude44, #006ce0));
   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-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_footer_1d237_idoe3_441 a:not(#\9) {
+  .awsui_footer_1d237_1drha_441 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_idoe3_441 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_idoe3_441 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_1drha_441 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1drha_441 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_idoe3_441 a:not(#\9):hover {
+.awsui_footer_1d237_1drha_441 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-sq1gxg, #002b66));
+  color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_footer_1d237_idoe3_441 a:not(#\9):focus {
+.awsui_footer_1d237_1drha_441 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_idoe3_441 a:not(#\9):active {
-  color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-sq1gxg, #002b66));
+.awsui_footer_1d237_1drha_441 a:not(#\9):active {
+  color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_footer_1d237_idoe3_441 a:not(#\9):active, .awsui_footer_1d237_idoe3_441 a:not(#\9):focus, .awsui_footer_1d237_idoe3_441 a:not(#\9):hover {
+.awsui_footer_1d237_1drha_441 a:not(#\9):active, .awsui_footer_1d237_1drha_441 a:not(#\9):focus, .awsui_footer_1d237_1drha_441 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_content_1d237_idoe3_390:not(#\9),
-.awsui_footer_1d237_idoe3_441:not(#\9) {
+.awsui_content_1d237_1drha_390:not(#\9),
+.awsui_footer_1d237_1drha_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_idoe3_390 a:not(#\9):focus,
-.awsui_footer_1d237_idoe3_441 a:not(#\9):focus {
+.awsui_content_1d237_1drha_390 a:not(#\9):focus,
+.awsui_footer_1d237_1drha_441 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
   outline-offset: 2px;

package/help-panel/styles.selectors.js

@@ -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_idoe3_181",
-  "loading": "awsui_loading_1d237_idoe3_348",
-  "header": "awsui_header_1d237_idoe3_353",
-  "with-toolbar": "awsui_with-toolbar_1d237_idoe3_371",
-  "content": "awsui_content_1d237_idoe3_390",
-  "footer": "awsui_footer_1d237_idoe3_441"
+  "help-panel": "awsui_help-panel_1d237_1drha_181",
+  "loading": "awsui_loading_1d237_1drha_348",
+  "header": "awsui_header_1d237_1drha_353",
+  "with-toolbar": "awsui_with-toolbar_1d237_1drha_371",
+  "content": "awsui_content_1d237_1drha_390",
+  "footer": "awsui_footer_1d237_1drha_441"
 };
   

package/icon/index.js

@@ -1,18 +1,13 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
+'use client';
 import React from 'react';
-
-import CoreComponent from './internal-do-not-use-core';
+import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { validateProps } from '@cloudscape-design/component-toolkit/internal';
-
-
-
-const Icon = (props) => {
-    validateProps('Icon', props, ["nativeAttributes"], {}, 'console');
-    return React.createElement(CoreComponent, props);
-};
-
-
+import InternalIcon from './internal';
+export default function Icon({ size = 'normal', variant = 'normal', ...props }) {
+    const baseComponentProps = useBaseComponent('Icon', { props: { name: props.name, size, variant } });
+    return React.createElement(InternalIcon, { size: size, variant: variant, ...props, ...baseComponentProps });
+}
 applyDisplayName(Icon, 'Icon');
-export default Icon;
+//# sourceMappingURL=index.js.map

package/icon/interfaces.d.ts

@@ -3,7 +3,7 @@ import { BaseComponentProps } from '../internal/base-component';
 /**
  * @awsuiSystem core
  */
-
+import { NativeAttributes } from '../internal/utils/with-native-attributes';
 export interface IconProps extends BaseComponentProps {
   /**
    * Specifies the icon to be displayed.
@@ -73,6 +73,7 @@ export interface IconProps extends BaseComponentProps {
    *
    * @awsuiSystem core
    */
+  nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLElement>>;
 }
 export declare namespace IconProps {
   type Name = 'add-plus' | 'anchor-link' | 'angle-left-double' | 'angle-left' | 'angle-right-double' | 'angle-right' | 'angle-up' | 'angle-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrow-down' | 'at-symbol' | 'audio-full' | 'audio-half' | 'audio-off' | 'backward-10-seconds' | 'bug' | 'call' | 'calendar' | 'caret-down-filled' | 'caret-down' | 'caret-left-filled' | 'caret-right-filled' | 'caret-up-filled' | 'caret-up' | 'check' | 'contact' | 'close' | 'closed-caption' | 'closed-caption-unavailable' | 'copy' | 'command-prompt' | 'delete-marker' | 'download' | 'drag-indicator' | 'edit' | 'ellipsis' | 'envelope' | 'exit-full-screen' | 'expand' | 'external' | 'face-happy' | 'face-happy-filled' | 'face-neutral' | 'face-neutral-filled' | 'face-sad' | 'face-sad-filled' | 'file-open' | 'file' | 'filter' | 'flag' | 'folder-open' | 'folder' | 'forward-10-seconds' | 'full-screen' | 'gen-ai' | 'globe' | 'grid-view' | 'group-active' | 'group' | 'heart' | 'heart-filled' | 'history' | 'insert-row' | 'key' | 'keyboard' | 'list-view' | 'location-pin' | 'lock-private' | 'map' | 'menu' | 'microphone' | 'microphone-off' | 'mini-player' | 'multiscreen' | 'notification' | 'pause' | 'play' | 'redo' | 'refresh' | 'remove' | 'resize-area' | 'script' | 'search' | 'security' | 'settings' | 'send' | 'share' | 'shrink' | 'slash' | 'star-filled' | 'star-half' | 'star' | 'status-in-progress' | 'status-info' | 'status-negative' | 'status-not-started' | 'status-pending' | 'status-positive' | 'status-stopped' | 'status-warning' | 'stop-circle' | 'subtract-minus' | 'suggestions' | 'support' | 'thumbs-down-filled' | 'thumbs-down' | 'thumbs-up-filled' | 'thumbs-up' | 'ticket' | 'transcript' | 'treeview-collapse' | 'treeview-expand' | 'undo' | 'unlocked' | 'upload-download' | 'upload' | 'user-profile-active' | 'user-profile' | 'video-off' | 'video-on' | 'video-unavailable' | 'video-camera-off' | 'video-camera-on' | 'video-camera-unavailable' | 'view-full' | 'view-horizontal' | 'view-vertical' | 'zoom-in' | 'zoom-out' | 'zoom-to-fit';

package/icon/styles.css.js

@@ -1,44 +1,44 @@
 
     import './styles.scoped.css';
     export default {
-  "icon": "awsui_icon_h11ix_aam1a_189",
-  "icon-flex-height": "awsui_icon-flex-height_h11ix_aam1a_197",
-  "size-small": "awsui_size-small_h11ix_aam1a_225",
-  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_aam1a_229",
-  "size-normal": "awsui_size-normal_h11ix_aam1a_244",
-  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_aam1a_248",
-  "size-medium": "awsui_size-medium_h11ix_aam1a_263",
-  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_aam1a_267",
-  "size-big": "awsui_size-big_h11ix_aam1a_282",
-  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_aam1a_286",
-  "size-large": "awsui_size-large_h11ix_aam1a_301",
-  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_aam1a_305",
-  "variant-normal": "awsui_variant-normal_h11ix_aam1a_320",
-  "variant-disabled": "awsui_variant-disabled_h11ix_aam1a_323",
-  "variant-inverted": "awsui_variant-inverted_h11ix_aam1a_326",
-  "variant-subtle": "awsui_variant-subtle_h11ix_aam1a_329",
-  "variant-warning": "awsui_variant-warning_h11ix_aam1a_332",
-  "variant-error": "awsui_variant-error_h11ix_aam1a_335",
-  "variant-success": "awsui_variant-success_h11ix_aam1a_338",
-  "variant-link": "awsui_variant-link_h11ix_aam1a_341",
-  "name-angle-left-double": "awsui_name-angle-left-double_h11ix_aam1a_344",
-  "name-angle-left": "awsui_name-angle-left_h11ix_aam1a_344",
-  "name-angle-right-double": "awsui_name-angle-right-double_h11ix_aam1a_346",
-  "name-angle-right": "awsui_name-angle-right_h11ix_aam1a_346",
-  "name-arrow-left": "awsui_name-arrow-left_h11ix_aam1a_348",
-  "name-arrow-right": "awsui_name-arrow-right_h11ix_aam1a_349",
-  "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_aam1a_350",
-  "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_aam1a_351",
-  "name-audio-full": "awsui_name-audio-full_h11ix_aam1a_352",
-  "name-audio-half": "awsui_name-audio-half_h11ix_aam1a_353",
-  "name-audio-off": "awsui_name-audio-off_h11ix_aam1a_354",
-  "name-external": "awsui_name-external_h11ix_aam1a_355",
-  "name-redo": "awsui_name-redo_h11ix_aam1a_356",
-  "name-resize-area": "awsui_name-resize-area_h11ix_aam1a_357",
-  "name-send": "awsui_name-send_h11ix_aam1a_358",
-  "name-shrink": "awsui_name-shrink_h11ix_aam1a_359",
-  "name-undo": "awsui_name-undo_h11ix_aam1a_360",
-  "name-view-vertical": "awsui_name-view-vertical_h11ix_aam1a_361",
-  "badge": "awsui_badge_h11ix_aam1a_385"
+  "icon": "awsui_icon_h11ix_y1ugs_189",
+  "icon-flex-height": "awsui_icon-flex-height_h11ix_y1ugs_197",
+  "size-small": "awsui_size-small_h11ix_y1ugs_225",
+  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_y1ugs_229",
+  "size-normal": "awsui_size-normal_h11ix_y1ugs_244",
+  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_y1ugs_248",
+  "size-medium": "awsui_size-medium_h11ix_y1ugs_263",
+  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_y1ugs_267",
+  "size-big": "awsui_size-big_h11ix_y1ugs_282",
+  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_y1ugs_286",
+  "size-large": "awsui_size-large_h11ix_y1ugs_301",
+  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_y1ugs_305",
+  "variant-normal": "awsui_variant-normal_h11ix_y1ugs_320",
+  "variant-disabled": "awsui_variant-disabled_h11ix_y1ugs_323",
+  "variant-inverted": "awsui_variant-inverted_h11ix_y1ugs_326",
+  "variant-subtle": "awsui_variant-subtle_h11ix_y1ugs_329",
+  "variant-warning": "awsui_variant-warning_h11ix_y1ugs_332",
+  "variant-error": "awsui_variant-error_h11ix_y1ugs_335",
+  "variant-success": "awsui_variant-success_h11ix_y1ugs_338",
+  "variant-link": "awsui_variant-link_h11ix_y1ugs_341",
+  "name-angle-left-double": "awsui_name-angle-left-double_h11ix_y1ugs_344",
+  "name-angle-left": "awsui_name-angle-left_h11ix_y1ugs_344",
+  "name-angle-right-double": "awsui_name-angle-right-double_h11ix_y1ugs_346",
+  "name-angle-right": "awsui_name-angle-right_h11ix_y1ugs_346",
+  "name-arrow-left": "awsui_name-arrow-left_h11ix_y1ugs_348",
+  "name-arrow-right": "awsui_name-arrow-right_h11ix_y1ugs_349",
+  "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_y1ugs_350",
+  "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_y1ugs_351",
+  "name-audio-full": "awsui_name-audio-full_h11ix_y1ugs_352",
+  "name-audio-half": "awsui_name-audio-half_h11ix_y1ugs_353",
+  "name-audio-off": "awsui_name-audio-off_h11ix_y1ugs_354",
+  "name-external": "awsui_name-external_h11ix_y1ugs_355",
+  "name-redo": "awsui_name-redo_h11ix_y1ugs_356",
+  "name-resize-area": "awsui_name-resize-area_h11ix_y1ugs_357",
+  "name-send": "awsui_name-send_h11ix_y1ugs_358",
+  "name-shrink": "awsui_name-shrink_h11ix_y1ugs_359",
+  "name-undo": "awsui_name-undo_h11ix_y1ugs_360",
+  "name-view-vertical": "awsui_name-view-vertical_h11ix_y1ugs_361",
+  "badge": "awsui_badge_h11ix_y1ugs_385"
 };