@cloudscape-design/components 3.0.1035 → 3.0.1037

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_1m7i7_181:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_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_1m7i7_181 hr:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_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_1m7i7_181 ol:not(#\9),
-.awsui_help-panel_1d237_1m7i7_181 ul:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_181 ol:not(#\9),
+.awsui_help-panel_1d237_wbmoj_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_1m7i7_181 li:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_181 li:not(#\9) {
   margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1m7i7_181 a:not(#\9),
-.awsui_help-panel_1d237_1m7i7_181 h2:not(#\9),
-.awsui_help-panel_1d237_1m7i7_181 h3:not(#\9),
-.awsui_help-panel_1d237_1m7i7_181 h4:not(#\9),
-.awsui_help-panel_1d237_1m7i7_181 h5:not(#\9),
-.awsui_help-panel_1d237_1m7i7_181 pre:not(#\9),
-.awsui_help-panel_1d237_1m7i7_181 code:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_181 a:not(#\9),
+.awsui_help-panel_1d237_wbmoj_181 h2:not(#\9),
+.awsui_help-panel_1d237_wbmoj_181 h3:not(#\9),
+.awsui_help-panel_1d237_wbmoj_181 h4:not(#\9),
+.awsui_help-panel_1d237_wbmoj_181 h5:not(#\9),
+.awsui_help-panel_1d237_wbmoj_181 pre:not(#\9),
+.awsui_help-panel_1d237_wbmoj_181 code:not(#\9) {
   margin-block: var(--space-xs-ymlm0b, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_1m7i7_181 code:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_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_1m7i7_181 pre:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_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_1m7i7_181 dl:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_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_1m7i7_181 dl *:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_181 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_1m7i7_181 dt:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_181 dt:not(#\9) {
   margin-block-start: var(--space-xs-ymlm0b, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_1m7i7_181 dd:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_181 dd:not(#\9) {
   margin-block-start: 0;
   margin-block-end: var(--space-xs-ymlm0b, 8px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1m7i7_181 h2:not(#\9),
-.awsui_help-panel_1d237_1m7i7_181 h3:not(#\9),
-.awsui_help-panel_1d237_1m7i7_181 h4:not(#\9),
-.awsui_help-panel_1d237_1m7i7_181 h5:not(#\9),
-.awsui_help-panel_1d237_1m7i7_181 h6:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_181 h2:not(#\9),
+.awsui_help-panel_1d237_wbmoj_181 h3:not(#\9),
+.awsui_help-panel_1d237_wbmoj_181 h4:not(#\9),
+.awsui_help-panel_1d237_wbmoj_181 h5:not(#\9),
+.awsui_help-panel_1d237_wbmoj_181 h6:not(#\9) {
   margin-block-start: var(--space-xl-jfy3x4, 24px);
   color: var(--color-text-heading-default-izpp46, #0f141a);
 }
-.awsui_help-panel_1d237_1m7i7_181 > :not(#\9):last-child {
+.awsui_help-panel_1d237_wbmoj_181 > :not(#\9):last-child {
   margin-block-end: var(--space-panel-content-bottom-24c6lu, 40px);
 }
-.awsui_help-panel_1d237_1m7i7_181 p:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_181 p:not(#\9) {
   color: inherit;
   text-decoration: none;
   margin-block: var(--space-s-tvghoh, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1m7i7_181 h1:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_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_1m7i7_181 h2:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_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_1m7i7_181 h3:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_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_1m7i7_181 h4:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_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,25 +333,26 @@ 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_1m7i7_181 h5:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_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_1m7i7_181 b:not(#\9),
-.awsui_help-panel_1d237_1m7i7_181 strong:not(#\9) {
+.awsui_help-panel_1d237_wbmoj_181 b:not(#\9),
+.awsui_help-panel_1d237_wbmoj_181 strong:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_loading_1d237_1m7i7_348:not(#\9) {
+.awsui_loading_1d237_wbmoj_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_1m7i7_353:not(#\9) {
+.awsui_header_1d237_wbmoj_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);
   font-weight: var(--font-weight-heading-l-0t6dwc, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
@@ -367,16 +368,17 @@ 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_1m7i7_370 > .awsui_header_1d237_1m7i7_353:not(#\9) {
+.awsui_with-toolbar_1d237_wbmoj_371 > .awsui_header_1d237_wbmoj_353:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1d237_1m7i7_353 h2:not(#\9),
-.awsui_header_1d237_1m7i7_353 h3:not(#\9),
-.awsui_header_1d237_1m7i7_353 h4:not(#\9),
-.awsui_header_1d237_1m7i7_353 h5:not(#\9),
-.awsui_header_1d237_1m7i7_353 h6:not(#\9) {
+.awsui_header_1d237_wbmoj_353 h2:not(#\9),
+.awsui_header_1d237_wbmoj_353 h3:not(#\9),
+.awsui_header_1d237_wbmoj_353 h4:not(#\9),
+.awsui_header_1d237_wbmoj_353 h5:not(#\9),
+.awsui_header_1d237_wbmoj_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);
   font-weight: var(--font-weight-heading-l-0t6dwc, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
@@ -385,22 +387,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
 
-.awsui_content_1d237_1m7i7_388:not(#\9) {
+.awsui_content_1d237_wbmoj_390:not(#\9) {
   color: var(--color-text-body-secondary-bcbgoi, #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_1m7i7_388 h2:not(#\9):first-child,
-.awsui_content_1d237_1m7i7_388 h3:not(#\9):first-child,
-.awsui_content_1d237_1m7i7_388 h4:not(#\9):first-child,
-.awsui_content_1d237_1m7i7_388 h5:not(#\9):first-child,
-.awsui_content_1d237_1m7i7_388 h6:not(#\9):first-child,
-.awsui_content_1d237_1m7i7_388 p:not(#\9):first-child {
+.awsui_content_1d237_wbmoj_390 h2:not(#\9):first-child,
+.awsui_content_1d237_wbmoj_390 h3:not(#\9):first-child,
+.awsui_content_1d237_wbmoj_390 h4:not(#\9):first-child,
+.awsui_content_1d237_wbmoj_390 h5:not(#\9):first-child,
+.awsui_content_1d237_wbmoj_390 h6:not(#\9):first-child,
+.awsui_content_1d237_wbmoj_390 p:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_1m7i7_388 a:not(#\9) {
+.awsui_content_1d237_wbmoj_390 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
   color: var(--color-text-link-default-1dmm7z, #006ce0);
@@ -414,31 +416,31 @@ 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_1m7i7_388 a:not(#\9) {
+  .awsui_content_1d237_wbmoj_390 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_1m7i7_388 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1m7i7_388 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_wbmoj_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_wbmoj_390 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_1m7i7_388 a:not(#\9):hover {
+.awsui_content_1d237_wbmoj_390 a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-sq1gxg, #002b66);
 }
-.awsui_content_1d237_1m7i7_388 a:not(#\9):focus {
+.awsui_content_1d237_wbmoj_390 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_1m7i7_388 a:not(#\9):active {
+.awsui_content_1d237_wbmoj_390 a:not(#\9):active {
   color: var(--color-text-link-hover-sq1gxg, #002b66);
 }
-.awsui_content_1d237_1m7i7_388 a:not(#\9):active, .awsui_content_1d237_1m7i7_388 a:not(#\9):focus, .awsui_content_1d237_1m7i7_388 a:not(#\9):hover {
+.awsui_content_1d237_wbmoj_390 a:not(#\9):active, .awsui_content_1d237_wbmoj_390 a:not(#\9):focus, .awsui_content_1d237_wbmoj_390 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_footer_1d237_1m7i7_439:not(#\9) {
+.awsui_footer_1d237_wbmoj_441:not(#\9) {
   color: var(--color-text-body-secondary-bcbgoi, #424650);
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
@@ -446,11 +448,11 @@ 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_1m7i7_439 ul:not(#\9) {
+.awsui_footer_1d237_wbmoj_441 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_1m7i7_439 a:not(#\9) {
+.awsui_footer_1d237_wbmoj_441 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
   color: var(--color-text-link-default-1dmm7z, #006ce0);
@@ -464,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_1m7i7_439 a:not(#\9) {
+  .awsui_footer_1d237_wbmoj_441 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_1m7i7_439 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1m7i7_439 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_wbmoj_441 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_wbmoj_441 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_1m7i7_439 a:not(#\9):hover {
+.awsui_footer_1d237_wbmoj_441 a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-sq1gxg, #002b66);
 }
-.awsui_footer_1d237_1m7i7_439 a:not(#\9):focus {
+.awsui_footer_1d237_wbmoj_441 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_1m7i7_439 a:not(#\9):active {
+.awsui_footer_1d237_wbmoj_441 a:not(#\9):active {
   color: var(--color-text-link-hover-sq1gxg, #002b66);
 }
-.awsui_footer_1d237_1m7i7_439 a:not(#\9):active, .awsui_footer_1d237_1m7i7_439 a:not(#\9):focus, .awsui_footer_1d237_1m7i7_439 a:not(#\9):hover {
+.awsui_footer_1d237_wbmoj_441 a:not(#\9):active, .awsui_footer_1d237_wbmoj_441 a:not(#\9):focus, .awsui_footer_1d237_wbmoj_441 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_content_1d237_1m7i7_388:not(#\9),
-.awsui_footer_1d237_1m7i7_439:not(#\9) {
+.awsui_content_1d237_wbmoj_390:not(#\9),
+.awsui_footer_1d237_wbmoj_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_1m7i7_388 a:not(#\9):focus,
-.awsui_footer_1d237_1m7i7_439 a:not(#\9):focus {
+.awsui_content_1d237_wbmoj_390 a:not(#\9):focus,
+.awsui_footer_1d237_wbmoj_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_1m7i7_181",
-  "loading": "awsui_loading_1d237_1m7i7_348",
-  "header": "awsui_header_1d237_1m7i7_353",
-  "with-toolbar": "awsui_with-toolbar_1d237_1m7i7_370",
-  "content": "awsui_content_1d237_1m7i7_388",
-  "footer": "awsui_footer_1d237_1m7i7_439"
+  "help-panel": "awsui_help-panel_1d237_wbmoj_181",
+  "loading": "awsui_loading_1d237_wbmoj_348",
+  "header": "awsui_header_1d237_wbmoj_353",
+  "with-toolbar": "awsui_with-toolbar_1d237_wbmoj_371",
+  "content": "awsui_content_1d237_wbmoj_390",
+  "footer": "awsui_footer_1d237_wbmoj_441"
 };
   

package/internal/base-component/styles.scoped.css

@@ -2039,5 +2039,5 @@
   }
 }
 :root {
-  --awsui-version-info-ea7f70e0: true;
+  --awsui-version-info-698d7f48: true;
 }

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (ea7f70e0)";
-export var GIT_SHA = "ea7f70e0";
+export var PACKAGE_VERSION = "3.0.0 (698d7f48)";
+export var GIT_SHA = "698d7f48";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "console";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (ea7f70e0)",
-  "GIT_SHA": "ea7f70e0",
+  "PACKAGE_VERSION": "3.0.0 (698d7f48)",
+  "GIT_SHA": "698d7f48",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "console",
   "ALWAYS_VISUAL_REFRESH": true

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "ea7f70e08a65308da389f616650a778be13392a0"
+  "commit": "698d7f48bcb8453ac17efc78bce8d9f17a156416"
 }

package/internal/utils/with-native-attributes.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+export type NativeAttributes<T extends React.HTMLAttributes<HTMLElement>> = (Omit<T, 'children'> & Record<`data-${string}`, string>) | undefined;
+type NativeAttributesProps<AT extends React.HTMLAttributes<HTMLElement>> = {
+  tag: string;
+  children?: ReactNode;
+  skipWarnings?: boolean;
+  nativeAttributes: NativeAttributes<AT>;
+} & NativeAttributes<AT>;
+interface ForwardRefType {
+  <ET extends HTMLElement, AT extends React.HTMLAttributes<ET>>(props: NativeAttributesProps<AT> & {
+    ref?: React.Ref<ET>;
+  }): JSX.Element;
+}
+declare const _default: ForwardRefType;
+export default _default;

package/internal/utils/with-native-attributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-native-attributes.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/with-native-attributes.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,IACpE,CAAC,IAAI,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC,GACxD,SAAS,CAAC;AAEd,KAAK,qBAAqB,CAAC,EAAE,SAAS,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI;IACzE,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,CAAC,CAAC;CACxC,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;AACzB,UAAU,cAAc;IACtB,CAAC,EAAE,SAAS,WAAW,EAAE,EAAE,SAAS,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,EAC1D,KAAK,EAAE,qBAAqB,CAAC,EAAE,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;KAAE,GACzD,GAAG,CAAC,OAAO,CAAC;CAChB;;AAED,wBAyCoB"}

package/internal/utils/with-native-attributes.js

@@ -0,0 +1,39 @@
+import { __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
+export default React.forwardRef((_a, ref) => {
+    var { tag, nativeAttributes, children, skipWarnings } = _a, rest = __rest(_a, ["tag", "nativeAttributes", "children", "skipWarnings"]);
+    const Tag = tag;
+    const processedAttributes = Object.entries(nativeAttributes || {}).reduce((acc, [key, value]) => {
+        // concatenate className
+        if (key === 'className') {
+            acc[key] = clsx(rest.className, value);
+            // merge style
+        }
+        else if (key === 'style') {
+            acc[key] = Object.assign(Object.assign({}, rest.style), value);
+            // chain event handlers
+        }
+        else if (key.match(/^on[A-Z]/) && typeof value === 'function' && key in rest) {
+            acc[key] = (event) => {
+                value(event);
+                if (!event.defaultPrevented) {
+                    rest[key](event);
+                }
+            };
+            // override other attributes, warning if it already exists
+        }
+        else {
+            if (key in rest && !skipWarnings) {
+                warnOnce('Button', `Overriding native attribute [${key}] which has a Cloudscape-provided value`);
+            }
+            acc[key] = value;
+        }
+        return acc;
+    }, {});
+    return (React.createElement(Tag, Object.assign({}, rest, processedAttributes, { ref: ref }), children));
+});
+//# sourceMappingURL=with-native-attributes.js.map

package/internal/utils/with-native-attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-native-attributes.js","sourceRoot":"","sources":["../../../../src/internal/utils/with-native-attributes.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAkBzE,eAAe,KAAK,CAAC,UAAU,CAC7B,CACE,EAAqF,EACrF,GAAkB,EAClB,EAAE;QAFF,EAAE,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,OAAsC,EAAjC,IAAI,cAAxD,uDAA0D,CAAF;IAGxD,MAAM,GAAG,GAAG,GAAG,CAAC;IAEhB,MAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC9F,wBAAwB;QACxB,IAAI,GAAG,KAAK,WAAW,EAAE;YACvB,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEvC,cAAc;SACf;aAAM,IAAI,GAAG,KAAK,OAAO,EAAE;YAC1B,GAAG,CAAC,GAAG,CAAC,mCAAQ,IAAI,CAAC,KAAK,GAAK,KAAK,CAAE,CAAC;YAEvC,uBAAuB;SACxB;aAAM,IAAI,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,OAAO,KAAK,KAAK,UAAU,IAAI,GAAG,IAAI,IAAI,EAAE;YAC9E,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAY,EAAE,EAAE;gBAC1B,KAAK,CAAC,KAAK,CAAC,CAAC;gBACb,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;oBAC1B,IAAY,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;iBAC3B;YACH,CAAC,CAAC;YAEF,0DAA0D;SAC3D;aAAM;YACL,IAAI,GAAG,IAAI,IAAI,IAAI,CAAC,YAAY,EAAE;gBAChC,QAAQ,CAAC,QAAQ,EAAE,gCAAgC,GAAG,yCAAyC,CAAC,CAAC;aAClG;YACD,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SAClB;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAS,CAAC,CAAC;IAEd,OAAO,CACL,oBAAC,GAAG,oBAAK,IAAI,EAAM,mBAAmB,IAAE,GAAG,EAAE,GAAG,KAC7C,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACgB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ReactNode } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nexport type NativeAttributes<T extends React.HTMLAttributes<HTMLElement>> =\n  | (Omit<T, 'children'> & Record<`data-${string}`, string>)\n  | undefined;\n\ntype NativeAttributesProps<AT extends React.HTMLAttributes<HTMLElement>> = {\n  tag: string;\n  children?: ReactNode;\n  skipWarnings?: boolean;\n  nativeAttributes: NativeAttributes<AT>;\n} & NativeAttributes<AT>;\ninterface ForwardRefType {\n  <ET extends HTMLElement, AT extends React.HTMLAttributes<ET>>(\n    props: NativeAttributesProps<AT> & { ref?: React.Ref<ET> }\n  ): JSX.Element;\n}\n\nexport default React.forwardRef(\n  <ET extends HTMLElement, AT extends React.HTMLAttributes<ET>>(\n    { tag, nativeAttributes, children, skipWarnings, ...rest }: NativeAttributesProps<AT>,\n    ref: React.Ref<ET>\n  ) => {\n    const Tag = tag;\n\n    const processedAttributes = Object.entries(nativeAttributes || {}).reduce((acc, [key, value]) => {\n      // concatenate className\n      if (key === 'className') {\n        acc[key] = clsx(rest.className, value);\n\n        // merge style\n      } else if (key === 'style') {\n        acc[key] = { ...rest.style, ...value };\n\n        // chain event handlers\n      } else if (key.match(/^on[A-Z]/) && typeof value === 'function' && key in rest) {\n        acc[key] = (event: Event) => {\n          value(event);\n          if (!event.defaultPrevented) {\n            (rest as any)[key](event);\n          }\n        };\n\n        // override other attributes, warning if it already exists\n      } else {\n        if (key in rest && !skipWarnings) {\n          warnOnce('Button', `Overriding native attribute [${key}] which has a Cloudscape-provided value`);\n        }\n        acc[key] = value;\n      }\n      return acc;\n    }, {} as any);\n\n    return (\n      <Tag {...rest} {...processedAttributes} ref={ref}>\n        {children}\n      </Tag>\n    );\n  }\n) as ForwardRefType;\n"]}

package/multiselect/use-multiselect.d.ts

@@ -73,8 +73,8 @@ export declare function useMultiselect({
     onMouseMove?: ((itemIndex: number) => void) | undefined;
     onMouseUp?: ((itemIndex: number) => void) | undefined;
     ariaLabel?: string | undefined;
-    statusType: DropdownStatusProps.StatusType;
     nativeAttributes?: Record<string, any> | undefined;
+    statusType: DropdownStatusProps.StatusType;
     decreaseBlockMargin?: boolean | undefined;
     stickyItemBlockSize?: number | null | undefined;
     ref: React.RefObject<HTMLUListElement>;

package/package.json

@@ -151,7 +151,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1035",
+  "version": "3.0.1037",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/select/parts/filter.d.ts

@@ -5,5 +5,5 @@ export interface FilterProps extends InternalInputProps {
   ref?: React.Ref<HTMLInputElement>;
   filteringType: SelectProps.FilteringType;
 }
-declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "disabled" | "autoComplete" | "autoFocus" | "name" | "className" | "id" | "placeholder" | "inputMode" | "type" | "readOnly" | "step" | "value" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "warning" | "clearAriaLabel" | "ariaLabel" | "__internalRootRef" | "ariaLabelledby" | "ariaDescribedby" | "__nativeAttributes" | "__injectAnalyticsComponentMetadata" | "invalid" | "controlId" | "filteringType" | "ariaRequired" | "disableBrowserAutocorrect" | "spellcheck" | "__leftIcon" | "__leftIconVariant" | "__onLeftIconClick" | "__rightIcon" | "__onRightIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps"> & React.RefAttributes<HTMLInputElement>>;
+declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "disabled" | "autoComplete" | "autoFocus" | "name" | "className" | "id" | "placeholder" | "inputMode" | "type" | "readOnly" | "step" | "value" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "warning" | "clearAriaLabel" | "ariaLabel" | "__internalRootRef" | "ariaLabelledby" | "ariaDescribedby" | "__injectAnalyticsComponentMetadata" | "invalid" | "controlId" | "filteringType" | "ariaRequired" | "disableBrowserAutocorrect" | "spellcheck" | "__leftIcon" | "__leftIconVariant" | "__onLeftIconClick" | "__rightIcon" | "__onRightIconClick" | "__nativeAttributes" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps"> & React.RefAttributes<HTMLInputElement>>;
 export default Filter;

package/side-navigation/styles.css.js

@@ -1,35 +1,35 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_l0dv0_sejwa_145",
-  "header": "awsui_header_l0dv0_sejwa_179",
-  "header-link": "awsui_header-link_l0dv0_sejwa_192",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_sejwa_202",
-  "header-link-text": "awsui_header-link-text_l0dv0_sejwa_202",
-  "header-logo": "awsui_header-logo_l0dv0_sejwa_207",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_sejwa_213",
-  "items-control": "awsui_items-control_l0dv0_sejwa_218",
-  "list-container": "awsui_list-container_l0dv0_sejwa_222",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_sejwa_230",
-  "divider-header": "awsui_divider-header_l0dv0_sejwa_230",
-  "list": "awsui_list_l0dv0_sejwa_222",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_sejwa_243",
-  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_sejwa_250",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_sejwa_254",
-  "list-item": "awsui_list-item_l0dv0_sejwa_258",
-  "section": "awsui_section_l0dv0_sejwa_269",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_sejwa_270",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_sejwa_273",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_sejwa_274",
-  "refresh": "awsui_refresh_l0dv0_sejwa_282",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_sejwa_293",
-  "section-group": "awsui_section-group_l0dv0_sejwa_300",
-  "section-group-title": "awsui_section-group-title_l0dv0_sejwa_311",
-  "link": "awsui_link_l0dv0_sejwa_315",
-  "link-active": "awsui_link-active_l0dv0_sejwa_324",
-  "info": "awsui_info_l0dv0_sejwa_361",
-  "external-icon": "awsui_external-icon_l0dv0_sejwa_365",
-  "divider": "awsui_divider_l0dv0_sejwa_230",
-  "divider-default": "awsui_divider-default_l0dv0_sejwa_374"
+  "root": "awsui_root_l0dv0_1u5ju_145",
+  "header": "awsui_header_l0dv0_1u5ju_179",
+  "header-link": "awsui_header-link_l0dv0_1u5ju_193",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1u5ju_204",
+  "header-link-text": "awsui_header-link-text_l0dv0_1u5ju_204",
+  "header-logo": "awsui_header-logo_l0dv0_1u5ju_209",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1u5ju_215",
+  "items-control": "awsui_items-control_l0dv0_1u5ju_220",
+  "list-container": "awsui_list-container_l0dv0_1u5ju_224",
+  "with-toolbar": "awsui_with-toolbar_l0dv0_1u5ju_232",
+  "divider-header": "awsui_divider-header_l0dv0_1u5ju_232",
+  "list": "awsui_list_l0dv0_1u5ju_224",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_1u5ju_245",
+  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_1u5ju_252",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1u5ju_256",
+  "list-item": "awsui_list-item_l0dv0_1u5ju_260",
+  "section": "awsui_section_l0dv0_1u5ju_271",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_1u5ju_272",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_1u5ju_275",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1u5ju_276",
+  "refresh": "awsui_refresh_l0dv0_1u5ju_284",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1u5ju_295",
+  "section-group": "awsui_section-group_l0dv0_1u5ju_302",
+  "section-group-title": "awsui_section-group-title_l0dv0_1u5ju_313",
+  "link": "awsui_link_l0dv0_1u5ju_317",
+  "link-active": "awsui_link-active_l0dv0_1u5ju_326",
+  "info": "awsui_info_l0dv0_1u5ju_363",
+  "external-icon": "awsui_external-icon_l0dv0_1u5ju_367",
+  "divider": "awsui_divider_l0dv0_1u5ju_232",
+  "divider-default": "awsui_divider-default_l0dv0_1u5ju_376"
 };