@cloudscape-design/components 3.0.1048 → 3.0.1049

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_wbmoj_181:not(#\9) {
+.awsui_help-panel_1d237_2srcz_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_wbmoj_181 hr:not(#\9) {
+.awsui_help-panel_1d237_2srcz_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_wbmoj_181 ol:not(#\9),
-.awsui_help-panel_1d237_wbmoj_181 ul:not(#\9) {
+.awsui_help-panel_1d237_2srcz_181 ol:not(#\9),
+.awsui_help-panel_1d237_2srcz_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_wbmoj_181 li:not(#\9) {
+.awsui_help-panel_1d237_2srcz_181 li:not(#\9) {
   margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
   margin-inline: 0;
 }
-.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) {
+.awsui_help-panel_1d237_2srcz_181 a:not(#\9),
+.awsui_help-panel_1d237_2srcz_181 h2:not(#\9),
+.awsui_help-panel_1d237_2srcz_181 h3:not(#\9),
+.awsui_help-panel_1d237_2srcz_181 h4:not(#\9),
+.awsui_help-panel_1d237_2srcz_181 h5:not(#\9),
+.awsui_help-panel_1d237_2srcz_181 pre:not(#\9),
+.awsui_help-panel_1d237_2srcz_181 code:not(#\9) {
   margin-block: var(--space-xs-ymlm0b, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_wbmoj_181 code:not(#\9) {
+.awsui_help-panel_1d237_2srcz_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_wbmoj_181 pre:not(#\9) {
+.awsui_help-panel_1d237_2srcz_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_wbmoj_181 dl:not(#\9) {
+.awsui_help-panel_1d237_2srcz_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_wbmoj_181 dl *:not(#\9) {
+.awsui_help-panel_1d237_2srcz_181 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_wbmoj_181 dt:not(#\9) {
+.awsui_help-panel_1d237_2srcz_181 dt:not(#\9) {
   margin-block-start: var(--space-xs-ymlm0b, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_wbmoj_181 dd:not(#\9) {
+.awsui_help-panel_1d237_2srcz_181 dd:not(#\9) {
   margin-block-start: 0;
   margin-block-end: var(--space-xs-ymlm0b, 8px);
   margin-inline: 0;
 }
-.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) {
+.awsui_help-panel_1d237_2srcz_181 h2:not(#\9),
+.awsui_help-panel_1d237_2srcz_181 h3:not(#\9),
+.awsui_help-panel_1d237_2srcz_181 h4:not(#\9),
+.awsui_help-panel_1d237_2srcz_181 h5:not(#\9),
+.awsui_help-panel_1d237_2srcz_181 h6:not(#\9) {
   margin-block-start: var(--space-xl-jfy3x4, 24px);
   color: var(--color-text-heading-default-izpp46, #0f141a);
 }
-.awsui_help-panel_1d237_wbmoj_181 > :not(#\9):last-child {
+.awsui_help-panel_1d237_2srcz_181 > :not(#\9):last-child {
   margin-block-end: var(--space-panel-content-bottom-24c6lu, 40px);
 }
-.awsui_help-panel_1d237_wbmoj_181 p:not(#\9) {
+.awsui_help-panel_1d237_2srcz_181 p:not(#\9) {
   color: inherit;
   text-decoration: none;
   margin-block: var(--space-s-tvghoh, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_wbmoj_181 h1:not(#\9) {
+.awsui_help-panel_1d237_2srcz_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_wbmoj_181 h2:not(#\9) {
+.awsui_help-panel_1d237_2srcz_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_wbmoj_181 h3:not(#\9) {
+.awsui_help-panel_1d237_2srcz_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_wbmoj_181 h4:not(#\9) {
+.awsui_help-panel_1d237_2srcz_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_wbmoj_181 h5:not(#\9) {
+.awsui_help-panel_1d237_2srcz_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_wbmoj_181 b:not(#\9),
-.awsui_help-panel_1d237_wbmoj_181 strong:not(#\9) {
+.awsui_help-panel_1d237_2srcz_181 b:not(#\9),
+.awsui_help-panel_1d237_2srcz_181 strong:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_loading_1d237_wbmoj_348:not(#\9) {
+.awsui_loading_1d237_2srcz_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_wbmoj_353:not(#\9) {
+.awsui_header_1d237_2srcz_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_wbmoj_371 > .awsui_header_1d237_wbmoj_353:not(#\9) {
+.awsui_with-toolbar_1d237_2srcz_371 > .awsui_header_1d237_2srcz_353:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.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) {
+.awsui_header_1d237_2srcz_353 h2:not(#\9),
+.awsui_header_1d237_2srcz_353 h3:not(#\9),
+.awsui_header_1d237_2srcz_353 h4:not(#\9),
+.awsui_header_1d237_2srcz_353 h5:not(#\9),
+.awsui_header_1d237_2srcz_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_wbmoj_390:not(#\9) {
+.awsui_content_1d237_2srcz_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_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 {
+.awsui_content_1d237_2srcz_390 h2:not(#\9):first-child,
+.awsui_content_1d237_2srcz_390 h3:not(#\9):first-child,
+.awsui_content_1d237_2srcz_390 h4:not(#\9):first-child,
+.awsui_content_1d237_2srcz_390 h5:not(#\9):first-child,
+.awsui_content_1d237_2srcz_390 h6:not(#\9):first-child,
+.awsui_content_1d237_2srcz_390 p:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_wbmoj_390 a:not(#\9) {
+.awsui_content_1d237_2srcz_390 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-1dmm7z, #006ce0);
+  color: var(--awsui-style-color-default-kcc2gu, var(--color-text-link-default-1dmm7z, #006ce0));
   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-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content_1d237_wbmoj_390 a:not(#\9) {
+  .awsui_content_1d237_2srcz_390 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_wbmoj_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_wbmoj_390 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_2srcz_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_2srcz_390 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_wbmoj_390 a:not(#\9):hover {
+.awsui_content_1d237_2srcz_390 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-sq1gxg, #002b66);
+  color: var(--awsui-style-color-hover-kcc2gu, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_content_1d237_wbmoj_390 a:not(#\9):focus {
+.awsui_content_1d237_2srcz_390 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_wbmoj_390 a:not(#\9):active {
-  color: var(--color-text-link-hover-sq1gxg, #002b66);
+.awsui_content_1d237_2srcz_390 a:not(#\9):active {
+  color: var(--awsui-style-color-active-kcc2gu, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.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 {
+.awsui_content_1d237_2srcz_390 a:not(#\9):active, .awsui_content_1d237_2srcz_390 a:not(#\9):focus, .awsui_content_1d237_2srcz_390 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_footer_1d237_wbmoj_441:not(#\9) {
+.awsui_footer_1d237_2srcz_441:not(#\9) {
   color: var(--color-text-body-secondary-bcbgoi, #424650);
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
@@ -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_wbmoj_441 ul:not(#\9) {
+.awsui_footer_1d237_2srcz_441 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_wbmoj_441 a:not(#\9) {
+.awsui_footer_1d237_2srcz_441 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-1dmm7z, #006ce0);
+  color: var(--awsui-style-color-default-kcc2gu, var(--color-text-link-default-1dmm7z, #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_wbmoj_441 a:not(#\9) {
+  .awsui_footer_1d237_2srcz_441 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_wbmoj_441 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_wbmoj_441 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_2srcz_441 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_2srcz_441 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_wbmoj_441 a:not(#\9):hover {
+.awsui_footer_1d237_2srcz_441 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-sq1gxg, #002b66);
+  color: var(--awsui-style-color-hover-kcc2gu, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_footer_1d237_wbmoj_441 a:not(#\9):focus {
+.awsui_footer_1d237_2srcz_441 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_wbmoj_441 a:not(#\9):active {
-  color: var(--color-text-link-hover-sq1gxg, #002b66);
+.awsui_footer_1d237_2srcz_441 a:not(#\9):active {
+  color: var(--awsui-style-color-active-kcc2gu, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.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 {
+.awsui_footer_1d237_2srcz_441 a:not(#\9):active, .awsui_footer_1d237_2srcz_441 a:not(#\9):focus, .awsui_footer_1d237_2srcz_441 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_content_1d237_wbmoj_390:not(#\9),
-.awsui_footer_1d237_wbmoj_441:not(#\9) {
+.awsui_content_1d237_2srcz_390:not(#\9),
+.awsui_footer_1d237_2srcz_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_wbmoj_390 a:not(#\9):focus,
-.awsui_footer_1d237_wbmoj_441 a:not(#\9):focus {
+.awsui_content_1d237_2srcz_390 a:not(#\9):focus,
+.awsui_footer_1d237_2srcz_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_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"
+  "help-panel": "awsui_help-panel_1d237_2srcz_181",
+  "loading": "awsui_loading_1d237_2srcz_348",
+  "header": "awsui_header_1d237_2srcz_353",
+  "with-toolbar": "awsui_with-toolbar_1d237_2srcz_371",
+  "content": "awsui_content_1d237_2srcz_390",
+  "footer": "awsui_footer_1d237_2srcz_441"
 };
   

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

@@ -2039,5 +2039,5 @@
   }
 }
 :root {
-  --awsui-version-info-da6e1999: true;
+  --awsui-version-info-991892e2: true;
 }

package/internal/components/masked-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,QAAA,MAAM,WAAW,+FAkDhB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,QAAA,MAAM,WAAW,+FA0DhB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,eAAe,WAAW,CAAC"}

package/internal/components/masked-input/index.js

@@ -10,7 +10,7 @@ import { fireCancelableEvent, fireNonCancelableEvent } from '../../events';
 import useMask from './use-mask';
 import MaskFormat from './utils/mask-format';
 const MaskedInput = React.forwardRef((_a, ref) => {
-    var { value, onBlur, onChange, onKeyDown, mask, autofix = false, disableAutocompleteOnBlur = false } = _a, rest = __rest(_a, ["value", "onBlur", "onChange", "onKeyDown", "mask", "autofix", "disableAutocompleteOnBlur"]);
+    var { value, onBlur, onChange, onKeyDown, mask, autofix = false, disableAutocompleteOnBlur = false, showUnmaskedValue = false } = _a, rest = __rest(_a, ["value", "onBlur", "onChange", "onKeyDown", "mask", "autofix", "disableAutocompleteOnBlur", "showUnmaskedValue"]);
     const baseProps = getBaseProps(rest);
     const formFieldContext = useFormFieldContext(rest);
     const inputRef = React.useRef(null);
@@ -32,7 +32,7 @@ const MaskedInput = React.forwardRef((_a, ref) => {
         onBlur: () => fireNonCancelableEvent(onBlur),
         setPosition: setCursorPosition,
     }), { onPaste } = _b, maskProps = __rest(_b, ["onPaste"]);
-    const inputProps = Object.assign(Object.assign(Object.assign(Object.assign({}, rest), baseProps), formFieldContext), maskProps);
+    const inputProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, rest), baseProps), formFieldContext), maskProps), { value: showUnmaskedValue ? value : maskProps.value });
     const mergedRef = useMergeRefs(ref, inputRef);
     return (React.createElement(InternalInput, Object.assign({}, inputProps, { ref: mergedRef, __nativeAttributes: {
             onPaste,

package/internal/components/masked-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAO,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAE7E,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3E,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAE7C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EASmB,EACnB,GAA8B,EAC9B,EAAE;QAXF,EACE,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,yBAAyB,GAAG,KAAK,OAEhB,EADd,IAAI,cART,4FASC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1E,eAAe,CAAC,GAAG,EAAE;;QACnB,IAAI,cAAc,KAAK,IAAI,EAAE;YAC3B,MAAA,QAAQ,CAAC,OAAO,0CAAE,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;SACrE;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/B,MAAM,KAA4B,OAAO,CAAC;QACxC,MAAM,EAAE,IAAI,UAAU,CAAC,IAAI,CAAC;QAC5B,KAAK;QACL,QAAQ;QACR,OAAO;QACP,yBAAyB;QACzB,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC;QAC1F,SAAS,EAAE,CAAC,KAAkB,EAAE,EAAE,CAChC,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,IAAI,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;QACpF,MAAM,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,MAAM,CAAC;QAC5C,WAAW,EAAE,iBAAiB;KAC/B,CAAC,EAXI,EAAE,OAAO,OAWb,EAXkB,SAAS,cAAvB,WAAyB,CAW7B,CAAC;IAEH,MAAM,UAAU,+DAAQ,IAAI,GAAK,SAAS,GAAK,gBAAgB,GAAK,SAAS,CAAE,CAAC;IAChF,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC9C,OAAO,CACL,oBAAC,aAAa,oBACR,UAAU,IACd,GAAG,EAAE,SAAS,EACd,kBAAkB,EAAE;YAClB,OAAO;SACR,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAGF,eAAe,WAAW,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useLayoutEffect, useState } from 'react';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalInput from '../../../input/internal';\nimport { getBaseProps } from '../../base-component';\nimport { useFormFieldContext } from '../../context/form-field-context';\nimport { fireCancelableEvent, fireNonCancelableEvent } from '../../events';\nimport { MaskedInputProps } from './interfaces';\nimport useMask from './use-mask';\nimport MaskFormat from './utils/mask-format';\n\nconst MaskedInput = React.forwardRef(\n  (\n    {\n      value,\n      onBlur,\n      onChange,\n      onKeyDown,\n      mask,\n      autofix = false,\n      disableAutocompleteOnBlur = false,\n      ...rest\n    }: MaskedInputProps,\n    ref: Ref<MaskedInputProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const formFieldContext = useFormFieldContext(rest);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const [cursorPosition, setCursorPosition] = useState<number | null>(null);\n\n    useLayoutEffect(() => {\n      if (cursorPosition !== null) {\n        inputRef.current?.setSelectionRange(cursorPosition, cursorPosition);\n      }\n    }, [cursorPosition, inputRef]);\n\n    const { onPaste, ...maskProps } = useMask({\n      format: new MaskFormat(mask),\n      value,\n      inputRef,\n      autofix,\n      disableAutocompleteOnBlur,\n      onChange: (value: string) => !rest.readOnly && fireNonCancelableEvent(onChange, { value }),\n      onKeyDown: (event: CustomEvent) =>\n        !rest.readOnly && onKeyDown && fireCancelableEvent(onKeyDown, event.detail, event),\n      onBlur: () => fireNonCancelableEvent(onBlur),\n      setPosition: setCursorPosition,\n    });\n\n    const inputProps = { ...rest, ...baseProps, ...formFieldContext, ...maskProps };\n    const mergedRef = useMergeRefs(ref, inputRef);\n    return (\n      <InternalInput\n        {...inputProps}\n        ref={mergedRef}\n        __nativeAttributes={{\n          onPaste,\n        }}\n      />\n    );\n  }\n);\n\nexport { MaskedInputProps };\nexport default MaskedInput;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAO,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAE7E,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3E,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAE7C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EAUmB,EACnB,GAA8B,EAC9B,EAAE;QAZF,EACE,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,yBAAyB,GAAG,KAAK,EACjC,iBAAiB,GAAG,KAAK,OAER,EADd,IAAI,cATT,iHAUC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1E,eAAe,CAAC,GAAG,EAAE;;QACnB,IAAI,cAAc,KAAK,IAAI,EAAE;YAC3B,MAAA,QAAQ,CAAC,OAAO,0CAAE,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;SACrE;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/B,MAAM,KAA4B,OAAO,CAAC;QACxC,MAAM,EAAE,IAAI,UAAU,CAAC,IAAI,CAAC;QAC5B,KAAK;QACL,QAAQ;QACR,OAAO;QACP,yBAAyB;QACzB,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC;QAC1F,SAAS,EAAE,CAAC,KAAkB,EAAE,EAAE,CAChC,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,IAAI,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;QACpF,MAAM,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,MAAM,CAAC;QAC5C,WAAW,EAAE,iBAAiB;KAC/B,CAAC,EAXI,EAAE,OAAO,OAWb,EAXkB,SAAS,cAAvB,WAAyB,CAW7B,CAAC;IAEH,MAAM,UAAU,6EACX,IAAI,GACJ,SAAS,GACT,gBAAgB,GAChB,SAAS,KACZ,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,GACnD,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC9C,OAAO,CACL,oBAAC,aAAa,oBACR,UAAU,IACd,GAAG,EAAE,SAAS,EACd,kBAAkB,EAAE;YAClB,OAAO;SACR,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAGF,eAAe,WAAW,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useLayoutEffect, useState } from 'react';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalInput from '../../../input/internal';\nimport { getBaseProps } from '../../base-component';\nimport { useFormFieldContext } from '../../context/form-field-context';\nimport { fireCancelableEvent, fireNonCancelableEvent } from '../../events';\nimport { MaskedInputProps } from './interfaces';\nimport useMask from './use-mask';\nimport MaskFormat from './utils/mask-format';\n\nconst MaskedInput = React.forwardRef(\n  (\n    {\n      value,\n      onBlur,\n      onChange,\n      onKeyDown,\n      mask,\n      autofix = false,\n      disableAutocompleteOnBlur = false,\n      showUnmaskedValue = false,\n      ...rest\n    }: MaskedInputProps,\n    ref: Ref<MaskedInputProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const formFieldContext = useFormFieldContext(rest);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const [cursorPosition, setCursorPosition] = useState<number | null>(null);\n\n    useLayoutEffect(() => {\n      if (cursorPosition !== null) {\n        inputRef.current?.setSelectionRange(cursorPosition, cursorPosition);\n      }\n    }, [cursorPosition, inputRef]);\n\n    const { onPaste, ...maskProps } = useMask({\n      format: new MaskFormat(mask),\n      value,\n      inputRef,\n      autofix,\n      disableAutocompleteOnBlur,\n      onChange: (value: string) => !rest.readOnly && fireNonCancelableEvent(onChange, { value }),\n      onKeyDown: (event: CustomEvent) =>\n        !rest.readOnly && onKeyDown && fireCancelableEvent(onKeyDown, event.detail, event),\n      onBlur: () => fireNonCancelableEvent(onBlur),\n      setPosition: setCursorPosition,\n    });\n\n    const inputProps = {\n      ...rest,\n      ...baseProps,\n      ...formFieldContext,\n      ...maskProps,\n      value: showUnmaskedValue ? value : maskProps.value,\n    };\n\n    const mergedRef = useMergeRefs(ref, inputRef);\n    return (\n      <InternalInput\n        {...inputProps}\n        ref={mergedRef}\n        __nativeAttributes={{\n          onPaste,\n        }}\n      />\n    );\n  }\n);\n\nexport { MaskedInputProps };\nexport default MaskedInput;\n"]}

package/internal/components/masked-input/interfaces.d.ts

@@ -5,7 +5,7 @@ import { FormFieldValidationControlProps } from '../../context/form-field-contex
 import { MaskArgs } from './utils/mask-format';
 export interface MaskedInputProps extends InternalInputProps, FormFieldValidationControlProps, BaseComponentProps {
   /**
-   * Mask config definition to describe segments and seperators
+   * Mask config definition to describe segments and separators
    */
   mask: MaskArgs;
   /**
@@ -16,6 +16,11 @@ export interface MaskedInputProps extends InternalInputProps, FormFieldValidatio
    * Disable value autocompletion when input is blurred
    */
   disableAutocompleteOnBlur?: boolean;
+  /**
+   * When true, the provided value is shown as is, ignoring masking.
+   * This is useful when rendering an alternative value when the input is not focused or disabled.
+   */
+  showUnmaskedValue?: boolean;
 }
 export declare namespace MaskedInputProps {
   type ChangeDetail = BaseChangeDetail;

package/internal/components/masked-input/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,EAAE,+BAA+B,EAAE,kBAAkB;IAC/G;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,YAAY,GAAG,gBAAgB,CAAC;IAC5C,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,EAAE,+BAA+B,EAAE,kBAAkB;IAC/G;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,YAAY,GAAG,gBAAgB,CAAC;IAC5C,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}

package/internal/components/masked-input/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseChangeDetail } from '../../../input/interfaces';\nimport { InternalInputProps } from '../../../input/internal';\nimport { BaseComponentProps } from '../../base-component';\nimport { FormFieldValidationControlProps } from '../../context/form-field-context';\nimport { MaskArgs } from './utils/mask-format';\n\nexport interface MaskedInputProps extends InternalInputProps, FormFieldValidationControlProps, BaseComponentProps {\n  /**\n   * Mask config definition to describe segments and seperators\n   */\n  mask: MaskArgs;\n\n  /**\n   * Autofixes values provided to the Mask based on the minValue/maxValue specified in the mask.\n   */\n  autofix?: boolean;\n\n  /**\n   * Disable value autocompletion when input is blurred\n   */\n  disableAutocompleteOnBlur?: boolean;\n}\n\nexport namespace MaskedInputProps {\n  export type ChangeDetail = BaseChangeDetail;\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseChangeDetail } from '../../../input/interfaces';\nimport { InternalInputProps } from '../../../input/internal';\nimport { BaseComponentProps } from '../../base-component';\nimport { FormFieldValidationControlProps } from '../../context/form-field-context';\nimport { MaskArgs } from './utils/mask-format';\n\nexport interface MaskedInputProps extends InternalInputProps, FormFieldValidationControlProps, BaseComponentProps {\n  /**\n   * Mask config definition to describe segments and separators\n   */\n  mask: MaskArgs;\n\n  /**\n   * Autofixes values provided to the Mask based on the minValue/maxValue specified in the mask.\n   */\n  autofix?: boolean;\n\n  /**\n   * Disable value autocompletion when input is blurred\n   */\n  disableAutocompleteOnBlur?: boolean;\n\n  /**\n   * When true, the provided value is shown as is, ignoring masking.\n   * This is useful when rendering an alternative value when the input is not focused or disabled.\n   */\n  showUnmaskedValue?: boolean;\n}\n\nexport namespace MaskedInputProps {\n  export type ChangeDetail = BaseChangeDetail;\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n  }\n}\n"]}

package/internal/components/token-list/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_nqa8o_193",
-  "horizontal": "awsui_horizontal_gfwv3_nqa8o_196",
-  "vertical": "awsui_vertical_gfwv3_nqa8o_202",
-  "list": "awsui_list_gfwv3_nqa8o_207",
-  "grid": "awsui_grid_gfwv3_nqa8o_226",
-  "list-item": "awsui_list-item_gfwv3_nqa8o_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_nqa8o_245",
-  "toggle": "awsui_toggle_gfwv3_nqa8o_245",
-  "description": "awsui_description_gfwv3_nqa8o_337",
-  "separator": "awsui_separator_gfwv3_nqa8o_341"
+  "root": "awsui_root_gfwv3_1p5dx_193",
+  "horizontal": "awsui_horizontal_gfwv3_1p5dx_196",
+  "vertical": "awsui_vertical_gfwv3_1p5dx_202",
+  "list": "awsui_list_gfwv3_1p5dx_207",
+  "grid": "awsui_grid_gfwv3_1p5dx_226",
+  "list-item": "awsui_list-item_gfwv3_1p5dx_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1p5dx_245",
+  "toggle": "awsui_toggle_gfwv3_1p5dx_245",
+  "description": "awsui_description_gfwv3_1p5dx_337",
+  "separator": "awsui_separator_gfwv3_1p5dx_341"
 };
   

package/internal/components/token-list/styles.scoped.css

@@ -190,21 +190,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_gfwv3_nqa8o_193:not(#\9) {
+.awsui_root_gfwv3_1p5dx_193:not(#\9) {
   gap: var(--space-scaled-xs-xwoogq, 8px);
 }
-.awsui_root_gfwv3_nqa8o_193.awsui_horizontal_gfwv3_nqa8o_196:not(#\9) {
+.awsui_root_gfwv3_1p5dx_193.awsui_horizontal_gfwv3_1p5dx_196:not(#\9) {
   display: flex;
   gap: var(--space-xs-ymlm0b, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_nqa8o_193.awsui_vertical_gfwv3_nqa8o_202:not(#\9) {
+.awsui_root_gfwv3_1p5dx_193.awsui_vertical_gfwv3_1p5dx_202:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_nqa8o_207:not(#\9) {
+.awsui_list_gfwv3_1p5dx_207:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -212,43 +212,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_nqa8o_207.awsui_horizontal_gfwv3_nqa8o_196:not(#\9), .awsui_list_gfwv3_nqa8o_207.awsui_vertical_gfwv3_nqa8o_202:not(#\9) {
+.awsui_list_gfwv3_1p5dx_207.awsui_horizontal_gfwv3_1p5dx_196:not(#\9), .awsui_list_gfwv3_1p5dx_207.awsui_vertical_gfwv3_1p5dx_202:not(#\9) {
   display: flex;
   gap: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_list_gfwv3_nqa8o_207.awsui_horizontal_gfwv3_nqa8o_196:not(#\9) {
+.awsui_list_gfwv3_1p5dx_207.awsui_horizontal_gfwv3_1p5dx_196:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_nqa8o_207.awsui_vertical_gfwv3_nqa8o_202:not(#\9) {
+.awsui_list_gfwv3_1p5dx_207.awsui_vertical_gfwv3_1p5dx_202:not(#\9) {
   flex-direction: column;
 }
-.awsui_list_gfwv3_nqa8o_207.awsui_grid_gfwv3_nqa8o_226:not(#\9) {
+.awsui_list_gfwv3_1p5dx_207.awsui_grid_gfwv3_1p5dx_226:not(#\9) {
   display: grid;
   gap: var(--space-xs-ymlm0b, 8px);
   grid-template-columns: repeat(auto-fill, 230px);
 }
 @media (max-width: 688px) {
-  .awsui_list_gfwv3_nqa8o_207.awsui_grid_gfwv3_nqa8o_226:not(#\9) {
+  .awsui_list_gfwv3_1p5dx_207.awsui_grid_gfwv3_1p5dx_226:not(#\9) {
     display: flex;
     flex-direction: column;
   }
 }
 
-.awsui_list-item_gfwv3_nqa8o_238:not(#\9) {
+.awsui_list-item_gfwv3_1p5dx_238:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_nqa8o_245:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_1p5dx_245:not(#\9) {
   padding-inline-start: var(--space-xs-ymlm0b, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_nqa8o_245:not(#\9) {
+.awsui_toggle_gfwv3_1p5dx_245:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -288,7 +288,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: -1px;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-1dmm7z, #006ce0);
+  color: var(--awsui-style-color-default-kcc2gu, var(--color-text-link-default-1dmm7z, #006ce0));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -299,34 +299,34 @@ 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_toggle_gfwv3_nqa8o_245:not(#\9) {
+  .awsui_toggle_gfwv3_1p5dx_245:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_nqa8o_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_nqa8o_245:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_1p5dx_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1p5dx_245:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_nqa8o_245:not(#\9):hover {
+.awsui_toggle_gfwv3_1p5dx_245:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-sq1gxg, #002b66);
+  color: var(--awsui-style-color-hover-kcc2gu, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_toggle_gfwv3_nqa8o_245:not(#\9):focus {
+.awsui_toggle_gfwv3_1p5dx_245:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_nqa8o_245:not(#\9):active {
-  color: var(--color-text-link-hover-sq1gxg, #002b66);
+.awsui_toggle_gfwv3_1p5dx_245:not(#\9):active {
+  color: var(--awsui-style-color-active-kcc2gu, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_toggle_gfwv3_nqa8o_245:not(#\9):active, .awsui_toggle_gfwv3_nqa8o_245:not(#\9):focus, .awsui_toggle_gfwv3_nqa8o_245:not(#\9):hover {
+.awsui_toggle_gfwv3_1p5dx_245:not(#\9):active, .awsui_toggle_gfwv3_1p5dx_245:not(#\9):focus, .awsui_toggle_gfwv3_1p5dx_245:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_nqa8o_245:not(#\9):active, .awsui_toggle_gfwv3_nqa8o_245:not(#\9):focus, .awsui_toggle_gfwv3_nqa8o_245:not(#\9):hover {
+.awsui_toggle_gfwv3_1p5dx_245:not(#\9):active, .awsui_toggle_gfwv3_1p5dx_245:not(#\9):focus, .awsui_toggle_gfwv3_1p5dx_245:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_nqa8o_245:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1p5dx_245:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-uk47pl, #006ce0);
   border-inline: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-uk47pl, #006ce0);
@@ -336,11 +336,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_nqa8o_245:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_toggle_gfwv3_nqa8o_245 > .awsui_description_gfwv3_nqa8o_337:not(#\9) {
+.awsui_toggle_gfwv3_1p5dx_245 > .awsui_description_gfwv3_1p5dx_337:not(#\9) {
   margin-inline-start: var(--space-xxs-hwfkai, 4px);
 }
 
-.awsui_separator_gfwv3_nqa8o_341:not(#\9) {
+.awsui_separator_gfwv3_1p5dx_341:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-m892r9, 16px);
   inline-size: var(--border-divider-section-width-uwo8my, 1px);