@cloudscape-design/components 3.0.1365 → 3.0.1366

package/icon/styles.scoped.css

@@ -10,7 +10,7 @@ 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_icon_h11ix_9mx3k_13:not(#\9) {
+.awsui_icon_h11ix_if17q_13:not(#\9) {
   position: relative;
   display: inline-block;
   vertical-align: top;
@@ -18,235 +18,235 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable selector-max-type, selector-max-universal */
   /* stylelint-enable selector-max-type, selector-max-universal */
 }
-.awsui_icon-flex-height_h11ix_9mx3k_21:not(#\9) {
+.awsui_icon-flex-height_h11ix_if17q_21:not(#\9) {
   display: inline-flex;
   align-items: center;
 }
-.awsui_icon_h11ix_9mx3k_13 > svg:not(#\9) {
+.awsui_icon_h11ix_if17q_13 > svg:not(#\9) {
   pointer-events: none;
 }
-.awsui_icon_h11ix_9mx3k_13 > svg:not(#\9) {
+.awsui_icon_h11ix_if17q_13 > svg:not(#\9) {
   fill: none;
 }
-.awsui_icon_h11ix_9mx3k_13 > svg *:not(#\9) {
+.awsui_icon_h11ix_if17q_13 > svg *:not(#\9) {
   stroke: currentColor;
 }
-.awsui_icon_h11ix_9mx3k_13 > svg .stroke-linejoin-round:not(#\9) {
+.awsui_icon_h11ix_if17q_13 > svg .stroke-linejoin-round:not(#\9) {
   stroke-linejoin: round;
 }
-.awsui_icon_h11ix_9mx3k_13 > svg .stroke-linecap-square:not(#\9) {
+.awsui_icon_h11ix_if17q_13 > svg .stroke-linecap-square:not(#\9) {
   stroke-linecap: square;
 }
-.awsui_icon_h11ix_9mx3k_13 > svg .stroke-linecap-round:not(#\9) {
+.awsui_icon_h11ix_if17q_13 > svg .stroke-linecap-round:not(#\9) {
   stroke-linecap: round;
 }
-.awsui_icon_h11ix_9mx3k_13 > svg .filled:not(#\9) {
+.awsui_icon_h11ix_if17q_13 > svg .filled:not(#\9) {
   fill: currentColor;
 }
-.awsui_icon_h11ix_9mx3k_13 > svg .no-stroke:not(#\9) {
+.awsui_icon_h11ix_if17q_13 > svg .no-stroke:not(#\9) {
   stroke: none;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-x-small_h11ix_9mx3k_49:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-x-small_h11ix_if17q_49:not(#\9) {
   inline-size: 12px;
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-x-small-mapped-height_h11ix_9mx3k_53:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-x-small-mapped-height_h11ix_if17q_53:not(#\9) {
   block-size: var(--line-height-body-s-gako33, 16px);
   padding-block: calc((var(--line-height-body-s-gako33, 16px) - 12px) / 2);
   padding-inline: 0;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-x-small_h11ix_9mx3k_49 > svg:not(#\9),
-.awsui_icon_h11ix_9mx3k_13.awsui_size-x-small_h11ix_9mx3k_49 > img:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-x-small_h11ix_if17q_49 > svg:not(#\9),
+.awsui_icon_h11ix_if17q_13.awsui_size-x-small_h11ix_if17q_49 > img:not(#\9) {
   inline-size: 12px;
   block-size: 12px;
   vertical-align: top;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-x-small_h11ix_9mx3k_49 > svg:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-x-small_h11ix_if17q_49 > svg:not(#\9) {
   --awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-x-small-3m5wt5, 1.5px) / 0.75);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-x-small_h11ix_9mx3k_49 > svg:not(#\9),
-.awsui_icon_h11ix_9mx3k_13.awsui_size-x-small_h11ix_9mx3k_49 > svg *:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-x-small_h11ix_if17q_49 > svg:not(#\9),
+.awsui_icon_h11ix_if17q_13.awsui_size-x-small_h11ix_if17q_49 > svg *:not(#\9) {
   stroke-width: calc(var(--border-width-icon-x-small-3m5wt5, 1.5px) / 0.75);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-small_h11ix_9mx3k_71:not(#\9) {
-  inline-size: var(--size-icon-normal-levt08, 16px);
+.awsui_icon_h11ix_if17q_13.awsui_size-small_h11ix_if17q_71:not(#\9) {
+  inline-size: var(--size-icon-normal-311gry, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-small-mapped-height_h11ix_9mx3k_75:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-small-mapped-height_h11ix_if17q_75:not(#\9) {
   block-size: var(--line-height-body-s-gako33, 16px);
-  padding-block: calc((var(--line-height-body-s-gako33, 16px) - var(--size-icon-normal-levt08, 16px)) / 2);
+  padding-block: calc((var(--line-height-body-s-gako33, 16px) - var(--size-icon-normal-311gry, 16px)) / 2);
   padding-inline: 0;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-small_h11ix_9mx3k_71 > svg:not(#\9),
-.awsui_icon_h11ix_9mx3k_13.awsui_size-small_h11ix_9mx3k_71 > img:not(#\9) {
-  inline-size: var(--size-icon-normal-levt08, 16px);
-  block-size: var(--size-icon-normal-levt08, 16px);
+.awsui_icon_h11ix_if17q_13.awsui_size-small_h11ix_if17q_71 > svg:not(#\9),
+.awsui_icon_h11ix_if17q_13.awsui_size-small_h11ix_if17q_71 > img:not(#\9) {
+  inline-size: var(--size-icon-normal-311gry, 16px);
+  block-size: var(--size-icon-normal-311gry, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-small_h11ix_9mx3k_71 > svg:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-small_h11ix_if17q_71 > svg:not(#\9) {
   --awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-small-m3z2f5, 2px) / 1);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-small_h11ix_9mx3k_71 > svg:not(#\9),
-.awsui_icon_h11ix_9mx3k_13.awsui_size-small_h11ix_9mx3k_71 > svg *:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-small_h11ix_if17q_71 > svg:not(#\9),
+.awsui_icon_h11ix_if17q_13.awsui_size-small_h11ix_if17q_71 > svg *:not(#\9) {
   stroke-width: calc(var(--border-width-icon-small-m3z2f5, 2px) / 1);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-normal_h11ix_9mx3k_93:not(#\9) {
-  inline-size: var(--size-icon-normal-levt08, 16px);
+.awsui_icon_h11ix_if17q_13.awsui_size-normal_h11ix_if17q_93:not(#\9) {
+  inline-size: var(--size-icon-normal-311gry, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-normal-mapped-height_h11ix_9mx3k_97:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-normal-mapped-height_h11ix_if17q_97:not(#\9) {
   block-size: var(--line-height-body-m-5xw6xo, 20px);
-  padding-block: calc((var(--line-height-body-m-5xw6xo, 20px) - var(--size-icon-normal-levt08, 16px)) / 2);
+  padding-block: calc((var(--line-height-body-m-5xw6xo, 20px) - var(--size-icon-normal-311gry, 16px)) / 2);
   padding-inline: 0;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-normal_h11ix_9mx3k_93 > svg:not(#\9),
-.awsui_icon_h11ix_9mx3k_13.awsui_size-normal_h11ix_9mx3k_93 > img:not(#\9) {
-  inline-size: var(--size-icon-normal-levt08, 16px);
-  block-size: var(--size-icon-normal-levt08, 16px);
+.awsui_icon_h11ix_if17q_13.awsui_size-normal_h11ix_if17q_93 > svg:not(#\9),
+.awsui_icon_h11ix_if17q_13.awsui_size-normal_h11ix_if17q_93 > img:not(#\9) {
+  inline-size: var(--size-icon-normal-311gry, 16px);
+  block-size: var(--size-icon-normal-311gry, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-normal_h11ix_9mx3k_93 > svg:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-normal_h11ix_if17q_93 > svg:not(#\9) {
   --awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-normal-swx9va, 2px) / 1);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-normal_h11ix_9mx3k_93 > svg:not(#\9),
-.awsui_icon_h11ix_9mx3k_13.awsui_size-normal_h11ix_9mx3k_93 > svg *:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-normal_h11ix_if17q_93 > svg:not(#\9),
+.awsui_icon_h11ix_if17q_13.awsui_size-normal_h11ix_if17q_93 > svg *:not(#\9) {
   stroke-width: calc(var(--border-width-icon-normal-swx9va, 2px) / 1);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-medium_h11ix_9mx3k_115:not(#\9) {
-  inline-size: var(--size-icon-medium-uv8xcz, 20px);
+.awsui_icon_h11ix_if17q_13.awsui_size-medium_h11ix_if17q_115:not(#\9) {
+  inline-size: var(--size-icon-medium-0cbske, 20px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-medium-mapped-height_h11ix_9mx3k_119:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-medium-mapped-height_h11ix_if17q_119:not(#\9) {
   block-size: var(--line-height-heading-l-zmt48b, 24px);
-  padding-block: calc((var(--line-height-heading-l-zmt48b, 24px) - var(--size-icon-medium-uv8xcz, 20px)) / 2);
+  padding-block: calc((var(--line-height-heading-l-zmt48b, 24px) - var(--size-icon-medium-0cbske, 20px)) / 2);
   padding-inline: 0;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-medium_h11ix_9mx3k_115 > svg:not(#\9),
-.awsui_icon_h11ix_9mx3k_13.awsui_size-medium_h11ix_9mx3k_115 > img:not(#\9) {
-  inline-size: var(--size-icon-medium-uv8xcz, 20px);
-  block-size: var(--size-icon-medium-uv8xcz, 20px);
+.awsui_icon_h11ix_if17q_13.awsui_size-medium_h11ix_if17q_115 > svg:not(#\9),
+.awsui_icon_h11ix_if17q_13.awsui_size-medium_h11ix_if17q_115 > img:not(#\9) {
+  inline-size: var(--size-icon-medium-0cbske, 20px);
+  block-size: var(--size-icon-medium-0cbske, 20px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-medium_h11ix_9mx3k_115 > svg:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-medium_h11ix_if17q_115 > svg:not(#\9) {
   --awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-medium-4yajvt, 2px) / 1.25);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-medium_h11ix_9mx3k_115 > svg:not(#\9),
-.awsui_icon_h11ix_9mx3k_13.awsui_size-medium_h11ix_9mx3k_115 > svg *:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-medium_h11ix_if17q_115 > svg:not(#\9),
+.awsui_icon_h11ix_if17q_13.awsui_size-medium_h11ix_if17q_115 > svg *:not(#\9) {
   stroke-width: calc(var(--border-width-icon-medium-4yajvt, 2px) / 1.25);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-big_h11ix_9mx3k_137:not(#\9) {
-  inline-size: var(--size-icon-big-7pq9l3, 32px);
+.awsui_icon_h11ix_if17q_13.awsui_size-big_h11ix_if17q_137:not(#\9) {
+  inline-size: var(--size-icon-big-z6z1yl, 32px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-big-mapped-height_h11ix_9mx3k_141:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-big-mapped-height_h11ix_if17q_141:not(#\9) {
   block-size: var(--line-height-heading-xl-pi61pg, 30px);
-  padding-block: calc((var(--line-height-heading-xl-pi61pg, 30px) - var(--size-icon-big-7pq9l3, 32px)) / 2);
+  padding-block: calc((var(--line-height-heading-xl-pi61pg, 30px) - var(--size-icon-big-z6z1yl, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-big_h11ix_9mx3k_137 > svg:not(#\9),
-.awsui_icon_h11ix_9mx3k_13.awsui_size-big_h11ix_9mx3k_137 > img:not(#\9) {
-  inline-size: var(--size-icon-big-7pq9l3, 32px);
-  block-size: var(--size-icon-big-7pq9l3, 32px);
+.awsui_icon_h11ix_if17q_13.awsui_size-big_h11ix_if17q_137 > svg:not(#\9),
+.awsui_icon_h11ix_if17q_13.awsui_size-big_h11ix_if17q_137 > img:not(#\9) {
+  inline-size: var(--size-icon-big-z6z1yl, 32px);
+  block-size: var(--size-icon-big-z6z1yl, 32px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-big_h11ix_9mx3k_137 > svg:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-big_h11ix_if17q_137 > svg:not(#\9) {
   --awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-big-telu48, 3px) / 2);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-big_h11ix_9mx3k_137 > svg:not(#\9),
-.awsui_icon_h11ix_9mx3k_13.awsui_size-big_h11ix_9mx3k_137 > svg *:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-big_h11ix_if17q_137 > svg:not(#\9),
+.awsui_icon_h11ix_if17q_13.awsui_size-big_h11ix_if17q_137 > svg *:not(#\9) {
   stroke-width: calc(var(--border-width-icon-big-telu48, 3px) / 2);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-large_h11ix_9mx3k_159:not(#\9) {
-  inline-size: var(--size-icon-large-mb6y6y, 48px);
+.awsui_icon_h11ix_if17q_13.awsui_size-large_h11ix_if17q_159:not(#\9) {
+  inline-size: var(--size-icon-large-uba15s, 48px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-large-mapped-height_h11ix_9mx3k_163:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-large-mapped-height_h11ix_if17q_163:not(#\9) {
   block-size: var(--line-height-display-l-tjudur, 48px);
-  padding-block: calc((var(--line-height-display-l-tjudur, 48px) - var(--size-icon-large-mb6y6y, 48px)) / 2);
+  padding-block: calc((var(--line-height-display-l-tjudur, 48px) - var(--size-icon-large-uba15s, 48px)) / 2);
   padding-inline: 0;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-large_h11ix_9mx3k_159 > svg:not(#\9),
-.awsui_icon_h11ix_9mx3k_13.awsui_size-large_h11ix_9mx3k_159 > img:not(#\9) {
-  inline-size: var(--size-icon-large-mb6y6y, 48px);
-  block-size: var(--size-icon-large-mb6y6y, 48px);
+.awsui_icon_h11ix_if17q_13.awsui_size-large_h11ix_if17q_159 > svg:not(#\9),
+.awsui_icon_h11ix_if17q_13.awsui_size-large_h11ix_if17q_159 > img:not(#\9) {
+  inline-size: var(--size-icon-large-uba15s, 48px);
+  block-size: var(--size-icon-large-uba15s, 48px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-large_h11ix_9mx3k_159 > svg:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-large_h11ix_if17q_159 > svg:not(#\9) {
   --awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-large-cvs2dx, 4px) / 3);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_size-large_h11ix_9mx3k_159 > svg:not(#\9),
-.awsui_icon_h11ix_9mx3k_13.awsui_size-large_h11ix_9mx3k_159 > svg *:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_size-large_h11ix_if17q_159 > svg:not(#\9),
+.awsui_icon_h11ix_if17q_13.awsui_size-large_h11ix_if17q_159 > svg *:not(#\9) {
   stroke-width: calc(var(--border-width-icon-large-cvs2dx, 4px) / 3);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_variant-normal_h11ix_9mx3k_181:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_variant-normal_h11ix_if17q_181:not(#\9) {
   color: currentColor;
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_variant-disabled_h11ix_9mx3k_184:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_variant-disabled_h11ix_if17q_184:not(#\9) {
   color: var(--color-text-interactive-disabled-bhh1zo, #b4b4bb);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_variant-inverted_h11ix_9mx3k_187:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_variant-inverted_h11ix_if17q_187:not(#\9) {
   color: var(--color-text-inverted-my1sxo, #ffffff);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_variant-subtle_h11ix_9mx3k_190:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_variant-subtle_h11ix_if17q_190:not(#\9) {
   color: var(--color-text-icon-subtle-7e5fex, #656871);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_variant-warning_h11ix_9mx3k_193:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_variant-warning_h11ix_if17q_193:not(#\9) {
   color: var(--color-text-status-warning-avkj4w, #855900);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_variant-error_h11ix_9mx3k_196:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_variant-error_h11ix_if17q_196:not(#\9) {
   color: var(--color-text-status-error-ak9yp5, #db0000);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_variant-success_h11ix_9mx3k_199:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_variant-success_h11ix_if17q_199:not(#\9) {
   color: var(--color-text-status-success-9wcobb, #00802f);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_variant-link_h11ix_9mx3k_202:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_variant-link_h11ix_if17q_202:not(#\9) {
   color: var(--color-text-link-default-rhby5q, #006ce0);
 }
-.awsui_icon_h11ix_9mx3k_13.awsui_variant-info_h11ix_9mx3k_205:not(#\9) {
+.awsui_icon_h11ix_if17q_13.awsui_variant-info_h11ix_if17q_205:not(#\9) {
   color: var(--color-text-status-info-c3q8b6, #006ce0);
 }
-.awsui_icon_h11ix_9mx3k_13:not(#\9):is(.awsui_name-angle-left-double_h11ix_9mx3k_208,
-.awsui_name-angle-left_h11ix_9mx3k_208,
-.awsui_name-angle-right-double_h11ix_9mx3k_210,
-.awsui_name-angle-right_h11ix_9mx3k_210,
-.awsui_name-arrow-left_h11ix_9mx3k_212,
-.awsui_name-arrow-right_h11ix_9mx3k_213,
-.awsui_name-caret-left-filled_h11ix_9mx3k_214,
-.awsui_name-caret-right-filled_h11ix_9mx3k_215,
-.awsui_name-audio-full_h11ix_9mx3k_216,
-.awsui_name-audio-half_h11ix_9mx3k_217,
-.awsui_name-audio-off_h11ix_9mx3k_218,
-.awsui_name-external_h11ix_9mx3k_219,
-.awsui_name-redo_h11ix_9mx3k_220,
-.awsui_name-resize-area_h11ix_9mx3k_221,
-.awsui_name-send_h11ix_9mx3k_222,
-.awsui_name-shrink_h11ix_9mx3k_223,
-.awsui_name-undo_h11ix_9mx3k_224,
-.awsui_name-view-vertical_h11ix_9mx3k_225) {
+.awsui_icon_h11ix_if17q_13:not(#\9):is(.awsui_name-angle-left-double_h11ix_if17q_208,
+.awsui_name-angle-left_h11ix_if17q_208,
+.awsui_name-angle-right-double_h11ix_if17q_210,
+.awsui_name-angle-right_h11ix_if17q_210,
+.awsui_name-arrow-left_h11ix_if17q_212,
+.awsui_name-arrow-right_h11ix_if17q_213,
+.awsui_name-caret-left-filled_h11ix_if17q_214,
+.awsui_name-caret-right-filled_h11ix_if17q_215,
+.awsui_name-audio-full_h11ix_if17q_216,
+.awsui_name-audio-half_h11ix_if17q_217,
+.awsui_name-audio-off_h11ix_if17q_218,
+.awsui_name-external_h11ix_if17q_219,
+.awsui_name-redo_h11ix_if17q_220,
+.awsui_name-resize-area_h11ix_if17q_221,
+.awsui_name-send_h11ix_if17q_222,
+.awsui_name-shrink_h11ix_if17q_223,
+.awsui_name-undo_h11ix_if17q_224,
+.awsui_name-view-vertical_h11ix_if17q_225) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_icon_h11ix_9mx3k_13:not(#\9):is(.awsui_name-angle-left-double_h11ix_9mx3k_208,
-.awsui_name-angle-left_h11ix_9mx3k_208,
-.awsui_name-angle-right-double_h11ix_9mx3k_210,
-.awsui_name-angle-right_h11ix_9mx3k_210,
-.awsui_name-arrow-left_h11ix_9mx3k_212,
-.awsui_name-arrow-right_h11ix_9mx3k_213,
-.awsui_name-caret-left-filled_h11ix_9mx3k_214,
-.awsui_name-caret-right-filled_h11ix_9mx3k_215,
-.awsui_name-audio-full_h11ix_9mx3k_216,
-.awsui_name-audio-half_h11ix_9mx3k_217,
-.awsui_name-audio-off_h11ix_9mx3k_218,
-.awsui_name-external_h11ix_9mx3k_219,
-.awsui_name-redo_h11ix_9mx3k_220,
-.awsui_name-resize-area_h11ix_9mx3k_221,
-.awsui_name-send_h11ix_9mx3k_222,
-.awsui_name-shrink_h11ix_9mx3k_223,
-.awsui_name-undo_h11ix_9mx3k_224,
-.awsui_name-view-vertical_h11ix_9mx3k_225):dir(rtl) {
+.awsui_icon_h11ix_if17q_13:not(#\9):is(.awsui_name-angle-left-double_h11ix_if17q_208,
+.awsui_name-angle-left_h11ix_if17q_208,
+.awsui_name-angle-right-double_h11ix_if17q_210,
+.awsui_name-angle-right_h11ix_if17q_210,
+.awsui_name-arrow-left_h11ix_if17q_212,
+.awsui_name-arrow-right_h11ix_if17q_213,
+.awsui_name-caret-left-filled_h11ix_if17q_214,
+.awsui_name-caret-right-filled_h11ix_if17q_215,
+.awsui_name-audio-full_h11ix_if17q_216,
+.awsui_name-audio-half_h11ix_if17q_217,
+.awsui_name-audio-off_h11ix_if17q_218,
+.awsui_name-external_h11ix_if17q_219,
+.awsui_name-redo_h11ix_if17q_220,
+.awsui_name-resize-area_h11ix_if17q_221,
+.awsui_name-send_h11ix_if17q_222,
+.awsui_name-shrink_h11ix_if17q_223,
+.awsui_name-undo_h11ix_if17q_224,
+.awsui_name-view-vertical_h11ix_if17q_225):dir(rtl) {
   transform: scaleX(-1);
 }
 
-.awsui_badge_h11ix_9mx3k_249:not(#\9)::after {
+.awsui_badge_h11ix_if17q_249:not(#\9)::after {
   content: "";
   position: absolute;
   inline-size: 6px;

package/icon/styles.selectors.js

@@ -2,47 +2,47 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "icon": "awsui_icon_h11ix_9mx3k_13",
-  "icon-flex-height": "awsui_icon-flex-height_h11ix_9mx3k_21",
-  "size-x-small": "awsui_size-x-small_h11ix_9mx3k_49",
-  "size-x-small-mapped-height": "awsui_size-x-small-mapped-height_h11ix_9mx3k_53",
-  "size-small": "awsui_size-small_h11ix_9mx3k_71",
-  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_9mx3k_75",
-  "size-normal": "awsui_size-normal_h11ix_9mx3k_93",
-  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_9mx3k_97",
-  "size-medium": "awsui_size-medium_h11ix_9mx3k_115",
-  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_9mx3k_119",
-  "size-big": "awsui_size-big_h11ix_9mx3k_137",
-  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_9mx3k_141",
-  "size-large": "awsui_size-large_h11ix_9mx3k_159",
-  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_9mx3k_163",
-  "variant-normal": "awsui_variant-normal_h11ix_9mx3k_181",
-  "variant-disabled": "awsui_variant-disabled_h11ix_9mx3k_184",
-  "variant-inverted": "awsui_variant-inverted_h11ix_9mx3k_187",
-  "variant-subtle": "awsui_variant-subtle_h11ix_9mx3k_190",
-  "variant-warning": "awsui_variant-warning_h11ix_9mx3k_193",
-  "variant-error": "awsui_variant-error_h11ix_9mx3k_196",
-  "variant-success": "awsui_variant-success_h11ix_9mx3k_199",
-  "variant-link": "awsui_variant-link_h11ix_9mx3k_202",
-  "variant-info": "awsui_variant-info_h11ix_9mx3k_205",
-  "name-angle-left-double": "awsui_name-angle-left-double_h11ix_9mx3k_208",
-  "name-angle-left": "awsui_name-angle-left_h11ix_9mx3k_208",
-  "name-angle-right-double": "awsui_name-angle-right-double_h11ix_9mx3k_210",
-  "name-angle-right": "awsui_name-angle-right_h11ix_9mx3k_210",
-  "name-arrow-left": "awsui_name-arrow-left_h11ix_9mx3k_212",
-  "name-arrow-right": "awsui_name-arrow-right_h11ix_9mx3k_213",
-  "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_9mx3k_214",
-  "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_9mx3k_215",
-  "name-audio-full": "awsui_name-audio-full_h11ix_9mx3k_216",
-  "name-audio-half": "awsui_name-audio-half_h11ix_9mx3k_217",
-  "name-audio-off": "awsui_name-audio-off_h11ix_9mx3k_218",
-  "name-external": "awsui_name-external_h11ix_9mx3k_219",
-  "name-redo": "awsui_name-redo_h11ix_9mx3k_220",
-  "name-resize-area": "awsui_name-resize-area_h11ix_9mx3k_221",
-  "name-send": "awsui_name-send_h11ix_9mx3k_222",
-  "name-shrink": "awsui_name-shrink_h11ix_9mx3k_223",
-  "name-undo": "awsui_name-undo_h11ix_9mx3k_224",
-  "name-view-vertical": "awsui_name-view-vertical_h11ix_9mx3k_225",
-  "badge": "awsui_badge_h11ix_9mx3k_249"
+  "icon": "awsui_icon_h11ix_if17q_13",
+  "icon-flex-height": "awsui_icon-flex-height_h11ix_if17q_21",
+  "size-x-small": "awsui_size-x-small_h11ix_if17q_49",
+  "size-x-small-mapped-height": "awsui_size-x-small-mapped-height_h11ix_if17q_53",
+  "size-small": "awsui_size-small_h11ix_if17q_71",
+  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_if17q_75",
+  "size-normal": "awsui_size-normal_h11ix_if17q_93",
+  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_if17q_97",
+  "size-medium": "awsui_size-medium_h11ix_if17q_115",
+  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_if17q_119",
+  "size-big": "awsui_size-big_h11ix_if17q_137",
+  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_if17q_141",
+  "size-large": "awsui_size-large_h11ix_if17q_159",
+  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_if17q_163",
+  "variant-normal": "awsui_variant-normal_h11ix_if17q_181",
+  "variant-disabled": "awsui_variant-disabled_h11ix_if17q_184",
+  "variant-inverted": "awsui_variant-inverted_h11ix_if17q_187",
+  "variant-subtle": "awsui_variant-subtle_h11ix_if17q_190",
+  "variant-warning": "awsui_variant-warning_h11ix_if17q_193",
+  "variant-error": "awsui_variant-error_h11ix_if17q_196",
+  "variant-success": "awsui_variant-success_h11ix_if17q_199",
+  "variant-link": "awsui_variant-link_h11ix_if17q_202",
+  "variant-info": "awsui_variant-info_h11ix_if17q_205",
+  "name-angle-left-double": "awsui_name-angle-left-double_h11ix_if17q_208",
+  "name-angle-left": "awsui_name-angle-left_h11ix_if17q_208",
+  "name-angle-right-double": "awsui_name-angle-right-double_h11ix_if17q_210",
+  "name-angle-right": "awsui_name-angle-right_h11ix_if17q_210",
+  "name-arrow-left": "awsui_name-arrow-left_h11ix_if17q_212",
+  "name-arrow-right": "awsui_name-arrow-right_h11ix_if17q_213",
+  "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_if17q_214",
+  "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_if17q_215",
+  "name-audio-full": "awsui_name-audio-full_h11ix_if17q_216",
+  "name-audio-half": "awsui_name-audio-half_h11ix_if17q_217",
+  "name-audio-off": "awsui_name-audio-off_h11ix_if17q_218",
+  "name-external": "awsui_name-external_h11ix_if17q_219",
+  "name-redo": "awsui_name-redo_h11ix_if17q_220",
+  "name-resize-area": "awsui_name-resize-area_h11ix_if17q_221",
+  "name-send": "awsui_name-send_h11ix_if17q_222",
+  "name-shrink": "awsui_name-shrink_h11ix_if17q_223",
+  "name-undo": "awsui_name-undo_h11ix_if17q_224",
+  "name-view-vertical": "awsui_name-view-vertical_h11ix_if17q_225",
+  "badge": "awsui_badge_h11ix_if17q_249"
 };
   

package/input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,mFAkGV,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,mFAoGV,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/input/index.js

@@ -8,7 +8,7 @@ import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalInput from './internal';
 import styles from './styles.css.js';
-const Input = React.forwardRef(({ value, type = 'text', step, inputMode, autoComplete = true, spellcheck, disabled, readOnly, disableBrowserAutocorrect, onKeyDown, onKeyUp, onChange, onBlur, onFocus, ariaRequired, name, placeholder, autoFocus, ariaLabel, ariaLabelledby, ariaDescribedby, invalid, warning, controlId, clearAriaLabel, nativeInputAttributes, style, prefix, suffix, ...rest }, ref) => {
+const Input = React.forwardRef(({ value, type = 'text', step, inputMode, autoComplete = true, spellcheck, disabled, readOnly, disableBrowserAutocorrect, onKeyDown, onKeyUp, onChange, onBlur, onFocus, ariaRequired, name, placeholder, autoFocus, ariaLabel, ariaLabelledby, ariaDescribedby, invalid, warning, controlId, clearAriaLabel, nativeInputAttributes, style, inlineLabelText, prefix, suffix, ...rest }, ref) => {
     const baseComponentProps = useBaseComponent('Input', {
         props: { autoComplete, autoFocus, disableBrowserAutocorrect, inputMode, readOnly, spellcheck, type },
     });
@@ -54,7 +54,8 @@ const Input = React.forwardRef(({ value, type = 'text', step, inputMode, autoCom
         nativeInputAttributes,
         style,
         prefix,
-        suffix, className: clsx(styles.root, baseProps.className), __inheritFormFieldProps: true, __injectAnalyticsComponentMetadata: true }));
+        suffix,
+        inlineLabelText, className: clsx(styles.root, baseProps.className), __inheritFormFieldProps: true, __injectAnalyticsComponentMetadata: true }));
 });
 applyDisplayName(Input, 'Input');
 export default Input;

package/input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAO,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,aAAa,MAAM,YAAY,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,KAAK,EACL,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,yBAAyB,EACzB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,OAAO,EACP,OAAO,EACP,SAAS,EACT,cAAc,EACd,qBAAqB,EACrB,KAAK,EACL,MAAM,EACN,MAAM,EACN,GAAG,IAAI,EACI,EACb,GAAwB,EACxB,EAAE;IACF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACnD,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,yBAAyB,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE;KACrG,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,CAAC,GAAG,IAAsC;;YAC7C,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QACnC,CAAC;QACD,MAAM;;YACJ,MAAA,QAAQ,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;QAC7B,CAAC;KACF,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,EAEX,GAAG,SAAS;QACZ,GAAG,kBAAkB;QACrB,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,SAAS;QACT,QAAQ;QACR,yBAAyB;QACzB,IAAI;QACJ,SAAS;QACT,OAAO;QACP,QAAQ;QACR,MAAM;QACN,OAAO;QACP,WAAW;QACX,QAAQ;QACR,IAAI;QACJ,IAAI;QACJ,SAAS;QACT,UAAU;QACV,KAAK;QACL,eAAe;QACf,cAAc;QACd,OAAO;QACP,OAAO;QACP,SAAS;QACT,cAAc;QACd,qBAAqB;QACrB,KAAK;QACL,MAAM;QACN,MAAM,EAER,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,uBAAuB,EAAE,IAAI,EAC7B,kCAAkC,EAAE,IAAI,GACxC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { InputProps } from './interfaces';\nimport InternalInput from './internal';\n\nimport styles from './styles.css.js';\n\nexport { InputProps };\n\nconst Input = React.forwardRef(\n  (\n    {\n      value,\n      type = 'text',\n      step,\n      inputMode,\n      autoComplete = true,\n      spellcheck,\n      disabled,\n      readOnly,\n      disableBrowserAutocorrect,\n      onKeyDown,\n      onKeyUp,\n      onChange,\n      onBlur,\n      onFocus,\n      ariaRequired,\n      name,\n      placeholder,\n      autoFocus,\n      ariaLabel,\n      ariaLabelledby,\n      ariaDescribedby,\n      invalid,\n      warning,\n      controlId,\n      clearAriaLabel,\n      nativeInputAttributes,\n      style,\n      prefix,\n      suffix,\n      ...rest\n    }: InputProps,\n    ref: Ref<InputProps.Ref>\n  ) => {\n    const baseComponentProps = useBaseComponent('Input', {\n      props: { autoComplete, autoFocus, disableBrowserAutocorrect, inputMode, readOnly, spellcheck, type },\n    });\n    const baseProps = getBaseProps(rest);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus(...args: Parameters<HTMLElement['focus']>) {\n          inputRef.current?.focus(...args);\n        },\n        select() {\n          inputRef.current?.select();\n        },\n      }),\n      [inputRef]\n    );\n\n    return (\n      <InternalInput\n        ref={inputRef}\n        {...{\n          ...baseProps,\n          ...baseComponentProps,\n          autoComplete,\n          ariaLabel,\n          ariaRequired,\n          autoFocus,\n          disabled,\n          disableBrowserAutocorrect,\n          name,\n          onKeyDown,\n          onKeyUp,\n          onChange,\n          onBlur,\n          onFocus,\n          placeholder,\n          readOnly,\n          type,\n          step,\n          inputMode,\n          spellcheck,\n          value,\n          ariaDescribedby,\n          ariaLabelledby,\n          invalid,\n          warning,\n          controlId,\n          clearAriaLabel,\n          nativeInputAttributes,\n          style,\n          prefix,\n          suffix,\n        }}\n        className={clsx(styles.root, baseProps.className)}\n        __inheritFormFieldProps={true}\n        __injectAnalyticsComponentMetadata={true}\n      />\n    );\n  }\n);\n\napplyDisplayName(Input, 'Input');\nexport default Input;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAO,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,aAAa,MAAM,YAAY,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,KAAK,EACL,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,yBAAyB,EACzB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,OAAO,EACP,OAAO,EACP,SAAS,EACT,cAAc,EACd,qBAAqB,EACrB,KAAK,EACL,eAAe,EACf,MAAM,EACN,MAAM,EACN,GAAG,IAAI,EACI,EACb,GAAwB,EACxB,EAAE;IACF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACnD,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,yBAAyB,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE;KACrG,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,CAAC,GAAG,IAAsC;;YAC7C,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QACnC,CAAC;QACD,MAAM;;YACJ,MAAA,QAAQ,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;QAC7B,CAAC;KACF,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,EAEX,GAAG,SAAS;QACZ,GAAG,kBAAkB;QACrB,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,SAAS;QACT,QAAQ;QACR,yBAAyB;QACzB,IAAI;QACJ,SAAS;QACT,OAAO;QACP,QAAQ;QACR,MAAM;QACN,OAAO;QACP,WAAW;QACX,QAAQ;QACR,IAAI;QACJ,IAAI;QACJ,SAAS;QACT,UAAU;QACV,KAAK;QACL,eAAe;QACf,cAAc;QACd,OAAO;QACP,OAAO;QACP,SAAS;QACT,cAAc;QACd,qBAAqB;QACrB,KAAK;QACL,MAAM;QACN,MAAM;QACN,eAAe,EAEjB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,uBAAuB,EAAE,IAAI,EAC7B,kCAAkC,EAAE,IAAI,GACxC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { InputProps } from './interfaces';\nimport InternalInput from './internal';\n\nimport styles from './styles.css.js';\n\nexport { InputProps };\n\nconst Input = React.forwardRef(\n  (\n    {\n      value,\n      type = 'text',\n      step,\n      inputMode,\n      autoComplete = true,\n      spellcheck,\n      disabled,\n      readOnly,\n      disableBrowserAutocorrect,\n      onKeyDown,\n      onKeyUp,\n      onChange,\n      onBlur,\n      onFocus,\n      ariaRequired,\n      name,\n      placeholder,\n      autoFocus,\n      ariaLabel,\n      ariaLabelledby,\n      ariaDescribedby,\n      invalid,\n      warning,\n      controlId,\n      clearAriaLabel,\n      nativeInputAttributes,\n      style,\n      inlineLabelText,\n      prefix,\n      suffix,\n      ...rest\n    }: InputProps,\n    ref: Ref<InputProps.Ref>\n  ) => {\n    const baseComponentProps = useBaseComponent('Input', {\n      props: { autoComplete, autoFocus, disableBrowserAutocorrect, inputMode, readOnly, spellcheck, type },\n    });\n    const baseProps = getBaseProps(rest);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus(...args: Parameters<HTMLElement['focus']>) {\n          inputRef.current?.focus(...args);\n        },\n        select() {\n          inputRef.current?.select();\n        },\n      }),\n      [inputRef]\n    );\n\n    return (\n      <InternalInput\n        ref={inputRef}\n        {...{\n          ...baseProps,\n          ...baseComponentProps,\n          autoComplete,\n          ariaLabel,\n          ariaRequired,\n          autoFocus,\n          disabled,\n          disableBrowserAutocorrect,\n          name,\n          onKeyDown,\n          onKeyUp,\n          onChange,\n          onBlur,\n          onFocus,\n          placeholder,\n          readOnly,\n          type,\n          step,\n          inputMode,\n          spellcheck,\n          value,\n          ariaDescribedby,\n          ariaLabelledby,\n          invalid,\n          warning,\n          controlId,\n          clearAriaLabel,\n          nativeInputAttributes,\n          style,\n          prefix,\n          suffix,\n          inlineLabelText,\n        }}\n        className={clsx(styles.root, baseProps.className)}\n        __inheritFormFieldProps={true}\n        __injectAnalyticsComponentMetadata={true}\n      />\n    );\n  }\n);\n\napplyDisplayName(Input, 'Input');\nexport default Input;\n"]}

package/input/interfaces.d.ts

@@ -157,6 +157,12 @@ export interface InputProps extends BaseComponentProps, BaseInputProps, InputKey
    * @awsuiSystem core
    */
   style?: InputProps.Style;
+  /**
+   * Adds a small label inline with the input for saving vertical space in the UI.
+   *
+   * Use this only when a visible label from a surrounding form field isn't present.
+   */
+  inlineLabelText?: string;
   /**
    * Use for content rendered before the editable value.
    */

package/input/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/input/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/input/interfaces.ts"],"names":[],"mappings":"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"}

package/input/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ReactNode } from 'react';\n\nimport { BaseComponentProps } from '../types/base-component';\nimport { BaseKeyDetail, CancelableEventHandler, NonCancelableEventHandler } from '../types/events';\nimport { FormFieldValidationControlProps } from '../types/form-field';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface BaseInputProps {\n  /**\n   * Specifies the text entered into the form element.\n   */\n  value: string;\n\n  /**\n   * Specifies the name of the control used in HTML forms.\n   */\n  name?: string;\n\n  /**\n   * Specifies the placeholder text rendered when the value is an empty string.\n   */\n  placeholder?: string;\n\n  /**\n   * Specifies if the control is disabled, which prevents the\n   * user from modifying the value and prevents the value from\n   * being included in a form submission. A disabled control can't\n   * receive focus.\n   */\n  disabled?: boolean;\n\n  /**\n   * Specifies if the control is read-only, which prevents the\n   * user from modifying the value but includes it in a form\n   * submission. A read-only control can receive focus.\n   *\n   * Don't use read-only inputs outside a form.\n   */\n  readOnly?: boolean;\n\n  /**\n   * Indicates whether the control should be focused as\n   * soon as the page loads, which enables the user to\n   * start typing without having to manually focus the control. Don't\n   * use this option on pages where the control may be\n   * scrolled out of the viewport.\n   */\n  autoFocus?: boolean;\n\n  /**\n   * Adds an `aria-label` to the native control.\n   *\n   * Use this if you don't have a visible label for this control.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Specifies whether to add `aria-required` to the native control.\n   */\n  ariaRequired?: boolean;\n\n  /**\n   * Called when input focus is removed from the UI control.\n   */\n  onBlur?: NonCancelableEventHandler<null>;\n\n  /**\n   * Called when input focus is moved to the UI control.\n   */\n  onFocus?: NonCancelableEventHandler<null>;\n\n  /**\n   * Called whenever a user changes the input value (by typing or pasting).\n   * The event `detail` contains the current value of the field.\n   */\n  onChange?: NonCancelableEventHandler<InputProps.ChangeDetail>;\n\n  /**\n   * Attributes to add to the native `input` element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeInputAttributes?: NativeAttributes<React.InputHTMLAttributes<HTMLInputElement>>;\n}\n\nexport interface InputAutoCorrect {\n  /**\n   * Specifies whether to disable browser autocorrect and related features.\n   * If you set this to `true`, it disables any native browser capabilities\n   * that automatically correct user input, such as `autocorrect` and\n   * `autocapitalize`. If you don't set it, the behavior follows the default behavior\n   * of the user's browser.\n   */\n  disableBrowserAutocorrect?: boolean;\n}\n\nexport interface InputAutoComplete {\n  /**\n   * Specifies whether to enable a browser's autocomplete functionality for this input.\n   * In some cases it might be appropriate to disable autocomplete (for example, for security-sensitive fields).\n   * To use it correctly, set the `name` property.\n   *\n   * You can either provide a boolean value to set the property to \"on\" or \"off\", or specify a string value\n   * for the [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute.\n   */\n  autoComplete?: boolean | string;\n}\n\nexport interface InputSpellcheck {\n  /**\n   * Specifies the value of the `spellcheck` attribute on the native control.\n   * This value controls the native browser capability to check for spelling/grammar errors.\n   * If not set, the browser default behavior is to perform spellchecking.\n   * For more details, check the [spellcheck MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck).\n   *\n   * Enhanced spellchecking features of your browser and/or operating system may send input values to external parties.\n   * Make sure it’s deactivated for fields with sensitive information to prevent\n   * inadvertently sending data (such as user passwords) to third parties.\n   */\n  spellcheck?: boolean;\n}\n\nexport interface InputKeyEvents {\n  /**\n   * Called when the underlying native textarea emits a `keydown` event.\n   * The event `detail` contains the `keyCode` and information\n   * about modifiers (that is, CTRL, ALT, SHIFT, META, etc.).\n   */\n  onKeyDown?: CancelableEventHandler<InputProps.KeyDetail>;\n\n  /**\n   * Called when the underlying native textarea emits a `keyup` event.\n   * The event `detail` contains the `keyCode` and information\n   * about modifiers (that is, CTRL, ALT, SHIFT, META, etc.).\n   */\n  onKeyUp?: CancelableEventHandler<InputProps.KeyDetail>;\n}\n\nexport interface InputClearLabel {\n  /**\n   * Adds an `aria-label` to the clear button inside the search input.\n   * @i18n\n   */\n  clearAriaLabel?: string;\n}\n\nexport interface InputProps\n  extends BaseComponentProps,\n    BaseInputProps,\n    InputKeyEvents,\n    InputAutoCorrect,\n    InputAutoComplete,\n    InputSpellcheck,\n    InputClearLabel,\n    FormFieldValidationControlProps {\n  /**\n   * Specifies the type of control to render.\n   * Inputs with a `number` type use the native element behavior, which might\n   * be slightly different across browsers.\n   */\n  type?: InputProps.Type;\n\n  /**\n   * Adds a hint to the browser about the type of data a user may enter into this field.\n   * Some devices may render a different virtual keyboard depending on this value.\n   * This value may not be supported by all browsers or devices.\n   */\n  inputMode?: InputProps.InputMode;\n\n  /**\n   * The step attribute is a number that specifies the granularity that the value\n   * must adhere to or the keyword \"any\". It is valid for the numeric input types,\n   * including the date, month, week, time, datetime-local, number and range types.\n   */\n  step?: InputProps.Step;\n\n  /**\n   * An object containing CSS properties to customize the input's visual appearance.\n   * Refer to the [style](/components/input/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: InputProps.Style;\n\n  /**\n   * Use for content rendered before the editable value.\n   */\n  prefix?: ReactNode;\n\n  /**\n   * Use for content rendered after the editable value.\n   */\n  suffix?: ReactNode;\n}\n\nexport namespace InputProps {\n  export type Type = 'text' | 'password' | 'search' | 'number' | 'email' | 'url';\n  export type InputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n  export type Step = number | 'any';\n\n  export type ChangeDetail = BaseChangeDetail;\n  export type KeyDetail = BaseKeyDetail;\n\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n\n    /**\n     * Selects all text in the input control.\n     */\n    select(): void;\n  }\n\n  export interface Style {\n    root?: {\n      backgroundColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      color?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      fontSize?: string;\n      fontWeight?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    placeholder?: {\n      color?: string;\n      fontSize?: string;\n      fontStyle?: string;\n      fontWeight?: string;\n    };\n  }\n}\n\nexport interface BaseChangeDetail {\n  value: string;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ReactNode } from 'react';\n\nimport { BaseComponentProps } from '../types/base-component';\nimport { BaseKeyDetail, CancelableEventHandler, NonCancelableEventHandler } from '../types/events';\nimport { FormFieldValidationControlProps } from '../types/form-field';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface BaseInputProps {\n  /**\n   * Specifies the text entered into the form element.\n   */\n  value: string;\n\n  /**\n   * Specifies the name of the control used in HTML forms.\n   */\n  name?: string;\n\n  /**\n   * Specifies the placeholder text rendered when the value is an empty string.\n   */\n  placeholder?: string;\n\n  /**\n   * Specifies if the control is disabled, which prevents the\n   * user from modifying the value and prevents the value from\n   * being included in a form submission. A disabled control can't\n   * receive focus.\n   */\n  disabled?: boolean;\n\n  /**\n   * Specifies if the control is read-only, which prevents the\n   * user from modifying the value but includes it in a form\n   * submission. A read-only control can receive focus.\n   *\n   * Don't use read-only inputs outside a form.\n   */\n  readOnly?: boolean;\n\n  /**\n   * Indicates whether the control should be focused as\n   * soon as the page loads, which enables the user to\n   * start typing without having to manually focus the control. Don't\n   * use this option on pages where the control may be\n   * scrolled out of the viewport.\n   */\n  autoFocus?: boolean;\n\n  /**\n   * Adds an `aria-label` to the native control.\n   *\n   * Use this if you don't have a visible label for this control.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Specifies whether to add `aria-required` to the native control.\n   */\n  ariaRequired?: boolean;\n\n  /**\n   * Called when input focus is removed from the UI control.\n   */\n  onBlur?: NonCancelableEventHandler<null>;\n\n  /**\n   * Called when input focus is moved to the UI control.\n   */\n  onFocus?: NonCancelableEventHandler<null>;\n\n  /**\n   * Called whenever a user changes the input value (by typing or pasting).\n   * The event `detail` contains the current value of the field.\n   */\n  onChange?: NonCancelableEventHandler<InputProps.ChangeDetail>;\n\n  /**\n   * Attributes to add to the native `input` element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeInputAttributes?: NativeAttributes<React.InputHTMLAttributes<HTMLInputElement>>;\n}\n\nexport interface InputAutoCorrect {\n  /**\n   * Specifies whether to disable browser autocorrect and related features.\n   * If you set this to `true`, it disables any native browser capabilities\n   * that automatically correct user input, such as `autocorrect` and\n   * `autocapitalize`. If you don't set it, the behavior follows the default behavior\n   * of the user's browser.\n   */\n  disableBrowserAutocorrect?: boolean;\n}\n\nexport interface InputAutoComplete {\n  /**\n   * Specifies whether to enable a browser's autocomplete functionality for this input.\n   * In some cases it might be appropriate to disable autocomplete (for example, for security-sensitive fields).\n   * To use it correctly, set the `name` property.\n   *\n   * You can either provide a boolean value to set the property to \"on\" or \"off\", or specify a string value\n   * for the [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute.\n   */\n  autoComplete?: boolean | string;\n}\n\nexport interface InputSpellcheck {\n  /**\n   * Specifies the value of the `spellcheck` attribute on the native control.\n   * This value controls the native browser capability to check for spelling/grammar errors.\n   * If not set, the browser default behavior is to perform spellchecking.\n   * For more details, check the [spellcheck MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck).\n   *\n   * Enhanced spellchecking features of your browser and/or operating system may send input values to external parties.\n   * Make sure it’s deactivated for fields with sensitive information to prevent\n   * inadvertently sending data (such as user passwords) to third parties.\n   */\n  spellcheck?: boolean;\n}\n\nexport interface InputKeyEvents {\n  /**\n   * Called when the underlying native textarea emits a `keydown` event.\n   * The event `detail` contains the `keyCode` and information\n   * about modifiers (that is, CTRL, ALT, SHIFT, META, etc.).\n   */\n  onKeyDown?: CancelableEventHandler<InputProps.KeyDetail>;\n\n  /**\n   * Called when the underlying native textarea emits a `keyup` event.\n   * The event `detail` contains the `keyCode` and information\n   * about modifiers (that is, CTRL, ALT, SHIFT, META, etc.).\n   */\n  onKeyUp?: CancelableEventHandler<InputProps.KeyDetail>;\n}\n\nexport interface InputClearLabel {\n  /**\n   * Adds an `aria-label` to the clear button inside the search input.\n   * @i18n\n   */\n  clearAriaLabel?: string;\n}\n\nexport interface InputProps\n  extends BaseComponentProps,\n    BaseInputProps,\n    InputKeyEvents,\n    InputAutoCorrect,\n    InputAutoComplete,\n    InputSpellcheck,\n    InputClearLabel,\n    FormFieldValidationControlProps {\n  /**\n   * Specifies the type of control to render.\n   * Inputs with a `number` type use the native element behavior, which might\n   * be slightly different across browsers.\n   */\n  type?: InputProps.Type;\n\n  /**\n   * Adds a hint to the browser about the type of data a user may enter into this field.\n   * Some devices may render a different virtual keyboard depending on this value.\n   * This value may not be supported by all browsers or devices.\n   */\n  inputMode?: InputProps.InputMode;\n\n  /**\n   * The step attribute is a number that specifies the granularity that the value\n   * must adhere to or the keyword \"any\". It is valid for the numeric input types,\n   * including the date, month, week, time, datetime-local, number and range types.\n   */\n  step?: InputProps.Step;\n\n  /**\n   * An object containing CSS properties to customize the input's visual appearance.\n   * Refer to the [style](/components/input/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: InputProps.Style;\n\n  /**\n   * Adds a small label inline with the input for saving vertical space in the UI.\n   *\n   * Use this only when a visible label from a surrounding form field isn't present.\n   */\n  inlineLabelText?: string;\n\n  /**\n   * Use for content rendered before the editable value.\n   */\n  prefix?: ReactNode;\n\n  /**\n   * Use for content rendered after the editable value.\n   */\n  suffix?: ReactNode;\n}\n\nexport namespace InputProps {\n  export type Type = 'text' | 'password' | 'search' | 'number' | 'email' | 'url';\n  export type InputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n  export type Step = number | 'any';\n\n  export type ChangeDetail = BaseChangeDetail;\n  export type KeyDetail = BaseKeyDetail;\n\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n\n    /**\n     * Selects all text in the input control.\n     */\n    select(): void;\n  }\n\n  export interface Style {\n    root?: {\n      backgroundColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      color?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      fontSize?: string;\n      fontWeight?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    placeholder?: {\n      color?: string;\n      fontSize?: string;\n      fontStyle?: string;\n      fontWeight?: string;\n    };\n  }\n}\n\nexport interface BaseChangeDetail {\n  value: string;\n}\n"]}

package/input/internal.d.ts

@@ -21,7 +21,6 @@ export interface InternalInputProps extends BaseComponentProps, BaseInputProps,
   __inheritFormFieldProps?: boolean;
   __injectAnalyticsComponentMetadata?: boolean;
   __skipNativeAttributesWarnings?: SkipWarnings;
-  __inlineLabelText?: string;
   __fullWidth?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<InternalInputProps & React.RefAttributes<HTMLInputElement>>;

package/input/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/input/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAW3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAA6B,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAKtE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM9F,MAAM,WAAW,kBACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,EACxB,gBAAgB,EAChB,+BAA+B,EAC/B,0BAA0B;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC/D,kBAAkB,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAE/E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,8BAA8B,CAAC,EAAE,YAAY,CAAC;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;;AAyRD,wBAA+C"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/input/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAW3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAA6B,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAKtE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM9F,MAAM,WAAW,kBACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,EACxB,gBAAgB,EAChB,+BAA+B,EAC/B,0BAA0B;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC/D,kBAAkB,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAE/E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,8BAA8B,CAAC,EAAE,YAAY,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;;AAsTD,wBAA+C"}