@cloudscape-design/components 3.0.1365 → 3.0.1367

package/prompt-input/styles.scoped.css

@@ -7,7 +7,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_root_55fkh_vv02n_10:not(#\9) {
+.awsui_root_55fkh_158if_10:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -42,107 +42,107 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-input-k1q34z, 8px);
   border-end-end-radius: var(--border-radius-input-k1q34z, 8px);
   cursor: text;
-  background-color: var(--awsui-prompt-input-style-background-default-esndbs, var(--color-background-input-default-bz9w07, #ffffff));
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-default-f3bzwh, #8c8c94));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-default-f3bzwh, #8c8c94));
-  box-shadow: var(--awsui-prompt-input-style-box-shadow-default-esndbs);
-}
-.awsui_root_55fkh_vv02n_10:not(#\9):hover {
-  background-color: var(--awsui-prompt-input-style-background-hover-esndbs, var(--awsui-prompt-input-style-background-default-esndbs, var(--color-background-input-default-bz9w07, #ffffff)));
-  border-color: var(--awsui-prompt-input-style-border-color-hover-esndbs, var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-default-f3bzwh, #8c8c94)));
-  box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-esndbs, var(--awsui-prompt-input-style-box-shadow-default-esndbs));
-}
-.awsui_root_55fkh_vv02n_10.awsui_textarea-readonly_55fkh_vv02n_55:not(#\9) {
-  background-color: var(--awsui-prompt-input-style-background-readonly-esndbs, var(--awsui-prompt-input-style-background-default-esndbs, var(--color-background-input-default-bz9w07, #ffffff)));
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-esndbs, var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-disabled-k518xl, #ebebf0)));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-esndbs, var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-disabled-k518xl, #ebebf0)));
-  box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-esndbs);
-}
-.awsui_root_55fkh_vv02n_10.awsui_disabled_55fkh_vv02n_61:not(#\9) {
-  background-color: var(--awsui-prompt-input-style-background-disabled-esndbs, var(--color-background-input-disabled-cecgeg, #ebebf0));
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-esndbs, var(--color-border-input-disabled-k518xl, #ebebf0));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-esndbs, var(--color-border-input-disabled-k518xl, #ebebf0));
-  color: var(--awsui-prompt-input-style-color-disabled-esndbs, var(--color-text-input-disabled-as3mmb, #b4b4bb));
+  background-color: var(--awsui-prompt-input-style-background-default-66120l, var(--color-background-input-default-bz9w07, #ffffff));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-default-f3bzwh, #8c8c94));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-default-f3bzwh, #8c8c94));
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-default-66120l);
+}
+.awsui_root_55fkh_158if_10:not(#\9):hover {
+  background-color: var(--awsui-prompt-input-style-background-hover-66120l, var(--awsui-prompt-input-style-background-default-66120l, var(--color-background-input-default-bz9w07, #ffffff)));
+  border-color: var(--awsui-prompt-input-style-border-color-hover-66120l, var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-default-f3bzwh, #8c8c94)));
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-66120l, var(--awsui-prompt-input-style-box-shadow-default-66120l));
+}
+.awsui_root_55fkh_158if_10.awsui_textarea-readonly_55fkh_158if_55:not(#\9) {
+  background-color: var(--awsui-prompt-input-style-background-readonly-66120l, var(--awsui-prompt-input-style-background-default-66120l, var(--color-background-input-default-bz9w07, #ffffff)));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-66120l, var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-disabled-k518xl, #ebebf0)));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-66120l, var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-disabled-k518xl, #ebebf0)));
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-66120l);
+}
+.awsui_root_55fkh_158if_10.awsui_disabled_55fkh_158if_61:not(#\9) {
+  background-color: var(--awsui-prompt-input-style-background-disabled-66120l, var(--color-background-input-disabled-cecgeg, #ebebf0));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-66120l, var(--color-border-input-disabled-k518xl, #ebebf0));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-66120l, var(--color-border-input-disabled-k518xl, #ebebf0));
+  color: var(--awsui-prompt-input-style-color-disabled-66120l, var(--color-text-input-disabled-as3mmb, #b4b4bb));
   cursor: default;
-  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-esndbs);
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-66120l);
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-invalid_55fkh_vv02n_69:not(#\9) {
-  color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-status-error-ak9yp5, #db0000));
-  border-color: var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-text-status-error-ak9yp5, #db0000));
-  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
+.awsui_root_55fkh_158if_10.awsui_textarea-invalid_55fkh_158if_69:not(#\9) {
+  color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-status-error-ak9yp5, #db0000));
+  border-color: var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-text-status-error-ak9yp5, #db0000));
+  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
   border-inline-start-width: var(--border-invalid-width-b183os, 8px);
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-invalid_55fkh_vv02n_69:not(#\9):focus {
+.awsui_root_55fkh_158if_10.awsui_textarea-invalid_55fkh_158if_69:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 2px) var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-invalid_55fkh_vv02n_69:not(#\9) {
+.awsui_root_55fkh_158if_10.awsui_textarea-invalid_55fkh_158if_69:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-invalid_55fkh_vv02n_69:not(#\9):focus-within, .awsui_root_55fkh_vv02n_10.awsui_textarea-invalid_55fkh_vv02n_69:not(#\9):focus {
-  color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-status-error-ak9yp5, #db0000));
-  border-color: var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-text-status-error-ak9yp5, #db0000));
-  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
+.awsui_root_55fkh_158if_10.awsui_textarea-invalid_55fkh_158if_69:not(#\9):focus-within, .awsui_root_55fkh_158if_10.awsui_textarea-invalid_55fkh_158if_69:not(#\9):focus {
+  color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-status-error-ak9yp5, #db0000));
+  border-color: var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-text-status-error-ak9yp5, #db0000));
+  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
   border-inline-start-width: var(--border-invalid-width-b183os, 8px);
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-invalid_55fkh_vv02n_69:not(#\9):focus-within:focus, .awsui_root_55fkh_vv02n_10.awsui_textarea-invalid_55fkh_vv02n_69:not(#\9):focus:focus {
+.awsui_root_55fkh_158if_10.awsui_textarea-invalid_55fkh_158if_69:not(#\9):focus-within:focus, .awsui_root_55fkh_158if_10.awsui_textarea-invalid_55fkh_158if_69:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 2px) var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-invalid_55fkh_vv02n_69:not(#\9):focus-within, .awsui_root_55fkh_vv02n_10.awsui_textarea-invalid_55fkh_vv02n_69:not(#\9):focus {
+.awsui_root_55fkh_158if_10.awsui_textarea-invalid_55fkh_158if_69:not(#\9):focus-within, .awsui_root_55fkh_158if_10.awsui_textarea-invalid_55fkh_158if_69:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 2px) var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-invalid_55fkh_vv02n_69.awsui_disabled_55fkh_vv02n_61:not(#\9):focus-within, .awsui_root_55fkh_vv02n_10.awsui_textarea-invalid_55fkh_vv02n_69.awsui_disabled_55fkh_vv02n_61:not(#\9):focus {
-  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-esndbs);
+.awsui_root_55fkh_158if_10.awsui_textarea-invalid_55fkh_158if_69.awsui_disabled_55fkh_158if_61:not(#\9):focus-within, .awsui_root_55fkh_158if_10.awsui_textarea-invalid_55fkh_158if_69.awsui_disabled_55fkh_158if_61:not(#\9):focus {
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-66120l);
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-warning_55fkh_vv02n_97:not(#\9) {
-  color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-status-warning-avkj4w, #855900));
-  border-color: var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-text-status-warning-avkj4w, #855900));
-  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
+.awsui_root_55fkh_158if_10.awsui_textarea-warning_55fkh_158if_97:not(#\9) {
+  color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-status-warning-avkj4w, #855900));
+  border-color: var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-text-status-warning-avkj4w, #855900));
+  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
   border-inline-start-width: var(--border-invalid-width-b183os, 8px);
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-warning_55fkh_vv02n_97:not(#\9):focus {
+.awsui_root_55fkh_158if_10.awsui_textarea-warning_55fkh_158if_97:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 2px) var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-warning_55fkh_vv02n_97:not(#\9) {
+.awsui_root_55fkh_158if_10.awsui_textarea-warning_55fkh_158if_97:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-warning_55fkh_vv02n_97:not(#\9):focus-within, .awsui_root_55fkh_vv02n_10.awsui_textarea-warning_55fkh_vv02n_97:not(#\9):focus {
-  color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-status-warning-avkj4w, #855900));
-  border-color: var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-text-status-warning-avkj4w, #855900));
-  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
+.awsui_root_55fkh_158if_10.awsui_textarea-warning_55fkh_158if_97:not(#\9):focus-within, .awsui_root_55fkh_158if_10.awsui_textarea-warning_55fkh_158if_97:not(#\9):focus {
+  color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-status-warning-avkj4w, #855900));
+  border-color: var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-text-status-warning-avkj4w, #855900));
+  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
   border-inline-start-width: var(--border-invalid-width-b183os, 8px);
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-warning_55fkh_vv02n_97:not(#\9):focus-within:focus, .awsui_root_55fkh_vv02n_10.awsui_textarea-warning_55fkh_vv02n_97:not(#\9):focus:focus {
+.awsui_root_55fkh_158if_10.awsui_textarea-warning_55fkh_158if_97:not(#\9):focus-within:focus, .awsui_root_55fkh_158if_10.awsui_textarea-warning_55fkh_158if_97:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 2px) var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-warning_55fkh_vv02n_97:not(#\9):focus-within, .awsui_root_55fkh_vv02n_10.awsui_textarea-warning_55fkh_vv02n_97:not(#\9):focus {
+.awsui_root_55fkh_158if_10.awsui_textarea-warning_55fkh_158if_97:not(#\9):focus-within, .awsui_root_55fkh_158if_10.awsui_textarea-warning_55fkh_158if_97:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 2px) var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_root_55fkh_vv02n_10.awsui_textarea-warning_55fkh_vv02n_97.awsui_disabled_55fkh_vv02n_61:not(#\9):focus-within, .awsui_root_55fkh_vv02n_10.awsui_textarea-warning_55fkh_vv02n_97.awsui_disabled_55fkh_vv02n_61:not(#\9):focus {
-  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-esndbs);
+.awsui_root_55fkh_158if_10.awsui_textarea-warning_55fkh_158if_97.awsui_disabled_55fkh_158if_61:not(#\9):focus-within, .awsui_root_55fkh_158if_10.awsui_textarea-warning_55fkh_158if_97.awsui_disabled_55fkh_158if_61:not(#\9):focus {
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-66120l);
 }
-.awsui_root_55fkh_vv02n_10:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_vv02n_69):not(.awsui_textarea-warning_55fkh_vv02n_97), .awsui_root_55fkh_vv02n_10:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_vv02n_69):not(.awsui_textarea-warning_55fkh_vv02n_97) {
+.awsui_root_55fkh_158if_10:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_158if_69):not(.awsui_textarea-warning_55fkh_158if_97), .awsui_root_55fkh_158if_10:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_158if_69):not(.awsui_textarea-warning_55fkh_158if_97) {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-focus-esndbs, var(--color-border-input-focused-9bkrxq, #006ce0));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-focus-esndbs, var(--color-border-input-focused-9bkrxq, #006ce0));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-focus-66120l, var(--color-border-input-focused-9bkrxq, #006ce0));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-focus-66120l, var(--color-border-input-focused-9bkrxq, #006ce0));
   border-start-start-radius: var(--border-radius-input-k1q34z, 8px);
   border-start-end-radius: var(--border-radius-input-k1q34z, 8px);
   border-end-start-radius: var(--border-radius-input-k1q34z, 8px);
   border-end-end-radius: var(--border-radius-input-k1q34z, 8px);
-  box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-esndbs, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-ditkrb, #006ce0));
-  background-color: var(--awsui-prompt-input-style-background-focus-esndbs, var(--color-background-input-default-bz9w07, #ffffff));
-}
-.awsui_root_55fkh_vv02n_10.awsui_disabled_55fkh_vv02n_61:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_vv02n_69):not(.awsui_textarea-warning_55fkh_vv02n_97), .awsui_root_55fkh_vv02n_10.awsui_disabled_55fkh_vv02n_61:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_vv02n_69):not(.awsui_textarea-warning_55fkh_vv02n_97) {
-  background-color: var(--awsui-prompt-input-style-background-disabled-esndbs, var(--color-background-input-disabled-cecgeg, #ebebf0));
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-esndbs, var(--color-border-input-disabled-k518xl, #ebebf0));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-esndbs, var(--color-border-input-disabled-k518xl, #ebebf0));
-  color: var(--awsui-prompt-input-style-color-disabled-esndbs, var(--color-text-input-disabled-as3mmb, #b4b4bb));
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-66120l, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-ditkrb, #006ce0));
+  background-color: var(--awsui-prompt-input-style-background-focus-66120l, var(--color-background-input-default-bz9w07, #ffffff));
+}
+.awsui_root_55fkh_158if_10.awsui_disabled_55fkh_158if_61:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_158if_69):not(.awsui_textarea-warning_55fkh_158if_97), .awsui_root_55fkh_158if_10.awsui_disabled_55fkh_158if_61:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_158if_69):not(.awsui_textarea-warning_55fkh_158if_97) {
+  background-color: var(--awsui-prompt-input-style-background-disabled-66120l, var(--color-background-input-disabled-cecgeg, #ebebf0));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-66120l, var(--color-border-input-disabled-k518xl, #ebebf0));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-66120l, var(--color-border-input-disabled-k518xl, #ebebf0));
+  color: var(--awsui-prompt-input-style-color-disabled-66120l, var(--color-text-input-disabled-as3mmb, #b4b4bb));
   cursor: default;
-  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-esndbs);
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-66120l);
 }
 
-.awsui_textarea_55fkh_vv02n_55:not(#\9) {
+.awsui_textarea_55fkh_158if_55:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -182,103 +182,103 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: text;
   white-space: pre-wrap;
   background-color: inherit;
-  padding-block: var(--space-field-vertical-vm99qz, 5px);
-  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
-  color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-body-default-gtm97i, #0f141a));
+  padding-block: var(--space-field-vertical-77df8s, 5px);
+  padding-inline: var(--space-field-horizontal-anki5k, 12px);
+  color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-body-default-gtm97i, #0f141a));
   max-inline-size: 100%;
   inline-size: 100%;
   display: block;
   box-sizing: border-box;
   border: 0;
 }
-.awsui_textarea_55fkh_vv02n_55.awsui_placeholder-visible_55fkh_vv02n_194:not(#\9) {
+.awsui_textarea_55fkh_158if_55.awsui_placeholder-visible_55fkh_158if_194:not(#\9) {
   display: grid;
   grid-template-columns: 1fr;
 }
-.awsui_textarea_55fkh_vv02n_55.awsui_placeholder-visible_55fkh_vv02n_194:not(#\9)::before, .awsui_textarea_55fkh_vv02n_55.awsui_placeholder-visible_55fkh_vv02n_194 > *:not(#\9) {
+.awsui_textarea_55fkh_158if_55.awsui_placeholder-visible_55fkh_158if_194:not(#\9)::before, .awsui_textarea_55fkh_158if_55.awsui_placeholder-visible_55fkh_158if_194 > *:not(#\9) {
   grid-column: 1;
   grid-row: 1;
 }
-.awsui_textarea_55fkh_vv02n_55.awsui_placeholder-visible_55fkh_vv02n_194:not(#\9)::before {
+.awsui_textarea_55fkh_158if_55.awsui_placeholder-visible_55fkh_158if_194:not(#\9)::before {
   content: attr(data-placeholder);
-  color: var(--awsui-prompt-input-style-placeholder-color-esndbs, var(--color-text-input-placeholder-i4i8dv, #656871));
-  font-size: var(--awsui-prompt-input-style-placeholder-font-size-esndbs);
-  font-style: var(--awsui-prompt-input-style-placeholder-font-style-esndbs, italic);
-  font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-esndbs);
+  color: var(--awsui-prompt-input-style-placeholder-color-66120l, var(--color-text-input-placeholder-i4i8dv, #656871));
+  font-size: var(--awsui-prompt-input-style-placeholder-font-size-66120l);
+  font-style: var(--awsui-prompt-input-style-placeholder-font-style-66120l, italic);
+  font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-66120l);
   opacity: 1;
   pointer-events: none;
   align-self: start;
   min-inline-size: 0;
 }
-.awsui_textarea_55fkh_vv02n_55:not(#\9):hover {
-  color: var(--awsui-prompt-input-style-color-hover-esndbs, var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-body-default-gtm97i, #0f141a)));
+.awsui_textarea_55fkh_158if_55:not(#\9):hover {
+  color: var(--awsui-prompt-input-style-color-hover-66120l, var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-body-default-gtm97i, #0f141a)));
 }
-.awsui_textarea_55fkh_vv02n_55:not(#\9):focus {
+.awsui_textarea_55fkh_158if_55:not(#\9):focus {
   outline: none;
-  color: var(--awsui-prompt-input-style-color-focus-esndbs, var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-body-default-gtm97i, #0f141a)));
+  color: var(--awsui-prompt-input-style-color-focus-66120l, var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-body-default-gtm97i, #0f141a)));
 }
-.awsui_textarea_55fkh_vv02n_55:not(#\9):invalid {
+.awsui_textarea_55fkh_158if_55:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_55fkh_vv02n_55:not(#\9)::placeholder {
-  color: var(--awsui-prompt-input-style-placeholder-color-esndbs, var(--color-text-input-placeholder-i4i8dv, #656871));
-  font-size: var(--awsui-prompt-input-style-placeholder-font-size-esndbs);
-  font-style: var(--awsui-prompt-input-style-placeholder-font-style-esndbs, italic);
-  font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-esndbs);
+.awsui_textarea_55fkh_158if_55:not(#\9)::placeholder {
+  color: var(--awsui-prompt-input-style-placeholder-color-66120l, var(--color-text-input-placeholder-i4i8dv, #656871));
+  font-size: var(--awsui-prompt-input-style-placeholder-font-size-66120l);
+  font-style: var(--awsui-prompt-input-style-placeholder-font-style-66120l, italic);
+  font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-66120l);
   opacity: 1;
 }
-.awsui_textarea_55fkh_vv02n_55.awsui_invalid_55fkh_vv02n_230:not(#\9), .awsui_textarea_55fkh_vv02n_55.awsui_warning_55fkh_vv02n_230:not(#\9) {
-  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
+.awsui_textarea_55fkh_158if_55.awsui_invalid_55fkh_158if_230:not(#\9), .awsui_textarea_55fkh_158if_55.awsui_warning_55fkh_158if_230:not(#\9) {
+  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
 }
-.awsui_textarea_55fkh_vv02n_55:not(#\9):disabled, .awsui_textarea_55fkh_vv02n_55.awsui_textarea-disabled_55fkh_vv02n_233:not(#\9) {
-  color: var(--awsui-prompt-input-style-color-disabled-esndbs, var(--color-text-input-disabled-as3mmb, #b4b4bb));
+.awsui_textarea_55fkh_158if_55:not(#\9):disabled, .awsui_textarea_55fkh_158if_55.awsui_textarea-disabled_55fkh_158if_233:not(#\9) {
+  color: var(--awsui-prompt-input-style-color-disabled-66120l, var(--color-text-input-disabled-as3mmb, #b4b4bb));
   cursor: default;
   overflow-y: hidden;
 }
-.awsui_textarea_55fkh_vv02n_55:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_vv02n_55.awsui_textarea-disabled_55fkh_vv02n_233:not(#\9)::placeholder {
+.awsui_textarea_55fkh_158if_55:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_158if_55.awsui_textarea-disabled_55fkh_158if_233:not(#\9)::placeholder {
   color: var(--color-text-input-placeholder-disabled-9zawsz, #b4b4bb);
   opacity: 1;
 }
-.awsui_textarea-readonly_55fkh_vv02n_55:not(#\9) {
-  color: var(--awsui-prompt-input-style-color-readonly-esndbs, var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-body-default-gtm97i, #0f141a)));
+.awsui_textarea-readonly_55fkh_158if_55:not(#\9) {
+  color: var(--awsui-prompt-input-style-color-readonly-66120l, var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-body-default-gtm97i, #0f141a)));
 }
-.awsui_textarea_55fkh_vv02n_55.awsui_textarea-disabled_55fkh_vv02n_233.awsui_placeholder-visible_55fkh_vv02n_194:not(#\9)::before {
+.awsui_textarea_55fkh_158if_55.awsui_textarea-disabled_55fkh_158if_233.awsui_placeholder-visible_55fkh_158if_194:not(#\9)::before {
   color: var(--color-text-input-placeholder-disabled-9zawsz, #b4b4bb);
   opacity: 1;
   pointer-events: none;
 }
-.awsui_textarea-wrapper_55fkh_vv02n_250:not(#\9) {
+.awsui_textarea-wrapper_55fkh_158if_250:not(#\9) {
   display: flex;
   position: relative;
 }
 
-.awsui_editable-wrapper_55fkh_vv02n_255:not(#\9) {
+.awsui_editable-wrapper_55fkh_158if_255:not(#\9) {
   flex: 1;
   min-inline-size: 0;
   position: relative;
 }
 
-.awsui_editable-element_55fkh_vv02n_261:not(#\9) {
+.awsui_editable-element_55fkh_158if_261:not(#\9) {
   word-wrap: break-word;
   overflow-wrap: break-word;
   overflow-y: auto;
   overflow-x: hidden;
 }
 
-.awsui_primary-action_55fkh_vv02n_268:not(#\9) {
+.awsui_primary-action_55fkh_158if_268:not(#\9) {
   align-self: flex-end;
   flex-shrink: 0;
-  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
+  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 12px) / 2);
 }
-.awsui_textarea-wrapper_55fkh_vv02n_250 > .awsui_primary-action_55fkh_vv02n_268:not(#\9) {
-  padding-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
+.awsui_textarea-wrapper_55fkh_158if_250 > .awsui_primary-action_55fkh_158if_268:not(#\9) {
+  padding-inline-end: calc(var(--space-field-horizontal-anki5k, 12px) / 2);
 }
-.awsui_textarea-wrapper_55fkh_vv02n_250 > .awsui_primary-action_55fkh_vv02n_268 > .awsui_action-button_55fkh_vv02n_276:not(#\9) {
-  margin-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
+.awsui_textarea-wrapper_55fkh_158if_250 > .awsui_primary-action_55fkh_158if_268 > .awsui_action-button_55fkh_158if_276:not(#\9) {
+  margin-block-end: var(--space-scaled-xxxs-n0ri6o, 2px);
   padding: 0;
 }
 
-.awsui_secondary-content_55fkh_vv02n_281:not(#\9) {
+.awsui_secondary-content_55fkh_158if_281:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -313,17 +313,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-input-k1q34z, 8px);
   border-end-end-radius: var(--border-radius-input-k1q34z, 8px);
 }
-.awsui_secondary-content_55fkh_vv02n_281.awsui_with-paddings_55fkh_vv02n_316:not(#\9) {
-  padding-block-start: var(--space-scaled-s-8ozaad, 12px);
-  padding-block-end: var(--space-scaled-s-8ozaad, 12px);
-  padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
-  padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
+.awsui_secondary-content_55fkh_158if_281.awsui_with-paddings_55fkh_158if_316:not(#\9) {
+  padding-block-start: var(--space-scaled-s-2crg2b, 12px);
+  padding-block-end: var(--space-scaled-s-2crg2b, 12px);
+  padding-inline-start: var(--space-field-horizontal-anki5k, 12px);
+  padding-inline-end: var(--space-field-horizontal-anki5k, 12px);
 }
-.awsui_secondary-content_55fkh_vv02n_281.awsui_with-paddings_55fkh_vv02n_316.awsui_invalid_55fkh_vv02n_230:not(#\9), .awsui_secondary-content_55fkh_vv02n_281.awsui_with-paddings_55fkh_vv02n_316.awsui_warning_55fkh_vv02n_230:not(#\9) {
-  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
+.awsui_secondary-content_55fkh_158if_281.awsui_with-paddings_55fkh_158if_316.awsui_invalid_55fkh_158if_230:not(#\9), .awsui_secondary-content_55fkh_158if_281.awsui_with-paddings_55fkh_158if_316.awsui_warning_55fkh_158if_230:not(#\9) {
+  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
 }
 
-.awsui_action-stripe_55fkh_vv02n_326:not(#\9) {
+.awsui_action-stripe_55fkh_158if_326:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -362,7 +362,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-end;
 }
 
-.awsui_secondary-actions_55fkh_vv02n_365:not(#\9) {
+.awsui_secondary-actions_55fkh_158if_365:not(#\9) {
   flex-basis: max-content;
   flex-grow: 0;
   flex-shrink: 1;
@@ -370,50 +370,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   max-inline-size: 100%;
   overflow: hidden;
-  padding-inline-end: var(--space-scaled-xxs-pfm1nx, 4px);
+  padding-inline-end: var(--space-scaled-xxs-j00t0m, 4px);
 }
-.awsui_secondary-actions_55fkh_vv02n_365.awsui_with-paddings_55fkh_vv02n_316:not(#\9) {
-  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
-  padding-block-start: var(--space-scaled-s-8ozaad, 12px);
-  padding-block-end: var(--space-field-vertical-vm99qz, 5px);
+.awsui_secondary-actions_55fkh_158if_365.awsui_with-paddings_55fkh_158if_316:not(#\9) {
+  padding-inline: var(--space-field-horizontal-anki5k, 12px);
+  padding-block-start: var(--space-scaled-s-2crg2b, 12px);
+  padding-block-end: var(--space-field-vertical-77df8s, 5px);
 }
-.awsui_secondary-actions_55fkh_vv02n_365.awsui_with-paddings_55fkh_vv02n_316.awsui_invalid_55fkh_vv02n_230:not(#\9), .awsui_secondary-actions_55fkh_vv02n_365.awsui_with-paddings_55fkh_vv02n_316.awsui_warning_55fkh_vv02n_230:not(#\9) {
-  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
+.awsui_secondary-actions_55fkh_158if_365.awsui_with-paddings_55fkh_158if_316.awsui_invalid_55fkh_158if_230:not(#\9), .awsui_secondary-actions_55fkh_158if_365.awsui_with-paddings_55fkh_158if_316.awsui_warning_55fkh_158if_230:not(#\9) {
+  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 12px) - (var(--border-invalid-width-b183os, 8px) - var(--border-width-field-2365x3, 1px)));
 }
-.awsui_secondary-actions_55fkh_vv02n_365.awsui_with-paddings-and-actions_55fkh_vv02n_383:not(#\9) {
+.awsui_secondary-actions_55fkh_158if_365.awsui_with-paddings-and-actions_55fkh_158if_383:not(#\9) {
   padding-inline-end: 0;
 }
 
-.awsui_buffer_55fkh_vv02n_387:not(#\9) {
+.awsui_buffer_55fkh_158if_387:not(#\9) {
   flex: 1;
   align-self: stretch;
   cursor: text;
 }
 
-.awsui_token-container_55fkh_vv02n_393:not(#\9) {
+.awsui_token-container_55fkh_158if_393:not(#\9) {
   display: inline-block;
   user-select: all;
   -webkit-user-select: all;
   -moz-user-select: all;
-  padding-inline: var(--space-xxxs-pajhad, 2px);
+  padding-inline: var(--space-xxxs-3ulqs3, 2px);
 }
 
-.awsui_reference-wrapper_55fkh_vv02n_401:not(#\9) {
+.awsui_reference-wrapper_55fkh_158if_401:not(#\9) {
   unicode-bidi: isolate;
 }
 
-.awsui_trigger-base_55fkh_vv02n_405:not(#\9) {
+.awsui_trigger-base_55fkh_158if_405:not(#\9) {
   unicode-bidi: isolate;
 }
 
-.awsui_trigger-token_55fkh_vv02n_409:not(#\9) {
+.awsui_trigger-token_55fkh_158if_409:not(#\9) {
   -webkit-text-decoration: underline dashed currentColor;
           text-decoration: underline dashed currentColor;
   text-decoration-thickness: var(--border-divider-list-width-2qbfmz, 1px);
-  text-underline-offset: var(--space-xxxs-pajhad, 2px);
+  text-underline-offset: var(--space-xxxs-3ulqs3, 2px);
 }
 
-.awsui_paragraph_55fkh_vv02n_415:not(#\9) {
+.awsui_paragraph_55fkh_158if_415:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;

package/prompt-input/styles.selectors.js

@@ -2,31 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_55fkh_vv02n_10",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_vv02n_55",
-  "disabled": "awsui_disabled_55fkh_vv02n_61",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_vv02n_69",
-  "textarea-warning": "awsui_textarea-warning_55fkh_vv02n_97",
-  "textarea": "awsui_textarea_55fkh_vv02n_55",
-  "placeholder-visible": "awsui_placeholder-visible_55fkh_vv02n_194",
-  "invalid": "awsui_invalid_55fkh_vv02n_230",
-  "warning": "awsui_warning_55fkh_vv02n_230",
-  "textarea-disabled": "awsui_textarea-disabled_55fkh_vv02n_233",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_vv02n_250",
-  "editable-wrapper": "awsui_editable-wrapper_55fkh_vv02n_255",
-  "editable-element": "awsui_editable-element_55fkh_vv02n_261",
-  "primary-action": "awsui_primary-action_55fkh_vv02n_268",
-  "action-button": "awsui_action-button_55fkh_vv02n_276",
-  "secondary-content": "awsui_secondary-content_55fkh_vv02n_281",
-  "with-paddings": "awsui_with-paddings_55fkh_vv02n_316",
-  "action-stripe": "awsui_action-stripe_55fkh_vv02n_326",
-  "secondary-actions": "awsui_secondary-actions_55fkh_vv02n_365",
-  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_vv02n_383",
-  "buffer": "awsui_buffer_55fkh_vv02n_387",
-  "token-container": "awsui_token-container_55fkh_vv02n_393",
-  "reference-wrapper": "awsui_reference-wrapper_55fkh_vv02n_401",
-  "trigger-base": "awsui_trigger-base_55fkh_vv02n_405",
-  "trigger-token": "awsui_trigger-token_55fkh_vv02n_409",
-  "paragraph": "awsui_paragraph_55fkh_vv02n_415"
+  "root": "awsui_root_55fkh_158if_10",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_158if_55",
+  "disabled": "awsui_disabled_55fkh_158if_61",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_158if_69",
+  "textarea-warning": "awsui_textarea-warning_55fkh_158if_97",
+  "textarea": "awsui_textarea_55fkh_158if_55",
+  "placeholder-visible": "awsui_placeholder-visible_55fkh_158if_194",
+  "invalid": "awsui_invalid_55fkh_158if_230",
+  "warning": "awsui_warning_55fkh_158if_230",
+  "textarea-disabled": "awsui_textarea-disabled_55fkh_158if_233",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_158if_250",
+  "editable-wrapper": "awsui_editable-wrapper_55fkh_158if_255",
+  "editable-element": "awsui_editable-element_55fkh_158if_261",
+  "primary-action": "awsui_primary-action_55fkh_158if_268",
+  "action-button": "awsui_action-button_55fkh_158if_276",
+  "secondary-content": "awsui_secondary-content_55fkh_158if_281",
+  "with-paddings": "awsui_with-paddings_55fkh_158if_316",
+  "action-stripe": "awsui_action-stripe_55fkh_158if_326",
+  "secondary-actions": "awsui_secondary-actions_55fkh_158if_365",
+  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_158if_383",
+  "buffer": "awsui_buffer_55fkh_158if_387",
+  "token-container": "awsui_token-container_55fkh_158if_393",
+  "reference-wrapper": "awsui_reference-wrapper_55fkh_158if_401",
+  "trigger-base": "awsui_trigger-base_55fkh_158if_405",
+  "trigger-token": "awsui_trigger-token_55fkh_158if_409",
+  "paragraph": "awsui_paragraph_55fkh_158if_415"
 };
   

package/property-filter/filtering-token/index.js

@@ -70,11 +70,11 @@ function OperationSelector({ operation, onChange, ariaLabel, andText, orText, pa
 function TokenDismissButton({ ariaLabel, onClick, parent, disabled, }) {
     return (React.createElement("button", { type: "button", className: clsx(parent
             ? clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button'])
-            : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])), "aria-label": ariaLabel, onClick: onClick, disabled: disabled, ...getAnalyticsMetadataAttribute({ action: 'dismiss' }) },
-        React.createElement(InternalIcon, { name: "close" })));
+            : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])), "aria-label": ariaLabel, onClick: onClick, disabled: disabled, "data-awsui-motion-trigger": "hover", ...getAnalyticsMetadataAttribute({ action: 'dismiss' }) },
+        React.createElement(InternalIcon, { name: "close", nativeAttributes: { 'data-awsui-motion-target': '' } })));
 }
 function TokenEditButton({ ariaLabel, disabled }) {
-    return (React.createElement("button", { type: "button", className: clsx(styles['edit-button'], testUtilStyles['filtering-token-edit-button']), "aria-label": ariaLabel, disabled: disabled },
-        React.createElement(InternalIcon, { name: "edit" })));
+    return (React.createElement("button", { type: "button", className: clsx(styles['edit-button'], testUtilStyles['filtering-token-edit-button']), "aria-label": ariaLabel, disabled: disabled, "data-awsui-motion-trigger": "hover" },
+        React.createElement(InternalIcon, { name: "edit", nativeAttributes: { 'data-awsui-motion-target': '' } })));
 }
 //# sourceMappingURL=index.js.map

package/property-filter/filtering-token/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode, useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  copyAnalyticsMetadataAttribute,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../icon/internal';\nimport { useListFocusController } from '../../internal/hooks/use-list-focus-controller';\nimport { PopoverProps } from '../../popover/interfaces';\nimport InternalPopover, { InternalPopoverProps } from '../../popover/internal';\nimport InternalSelect from '../../select/internal';\nimport { GeneratedAnalyticsMetadataPropertyEditStart } from '../analytics-metadata/interfaces';\n\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport namespace FilteringTokenProps {\n  export type Operation = 'and' | 'or';\n}\n\nexport interface FilteringTokenProps {\n  tokens: TokenItem[];\n  operation: FilteringTokenProps.Operation;\n  groupOperation: FilteringTokenProps.Operation;\n  showOperation: boolean;\n  readOnlyOperations: boolean;\n  andText: string;\n  orText: string;\n  groupAriaLabel: string;\n  operationAriaLabel: string;\n  groupEditAriaLabel: string;\n  disabled?: boolean;\n  onChangeOperation: (operation: FilteringTokenProps.Operation) => void;\n  onChangeGroupOperation: (operation: FilteringTokenProps.Operation) => void;\n  onDismissToken: (tokenIndex: number) => void;\n  editorContent: React.ReactNode;\n  editorHeader: string;\n  editorDismissAriaLabel?: string;\n  editorExpandToViewport: boolean;\n  onEditorOpen?: () => void;\n  hasGroups: boolean;\n  popoverSize: InternalPopoverProps['size'];\n}\n\nexport interface FilteringTokenRef {\n  closeEditor(): void;\n}\n\ninterface TokenItem {\n  content: React.ReactNode;\n  ariaLabel: string;\n  dismissAriaLabel: string;\n}\n\nconst FilteringToken = forwardRef(\n  (\n    {\n      tokens,\n      showOperation,\n      readOnlyOperations,\n      operation,\n      groupOperation,\n      andText,\n      orText,\n      groupAriaLabel,\n      operationAriaLabel,\n      groupEditAriaLabel,\n      disabled = false,\n      onChangeOperation,\n      onChangeGroupOperation,\n      onDismissToken,\n      editorContent,\n      editorHeader,\n      editorDismissAriaLabel,\n      editorExpandToViewport,\n      onEditorOpen,\n      hasGroups,\n      popoverSize,\n      ...rest\n    }: FilteringTokenProps,\n    ref: React.Ref<FilteringTokenRef>\n  ) => {\n    const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n    const tokenListRef = useListFocusController({\n      nextFocusIndex,\n      onFocusMoved: target => {\n        target.focus();\n        setNextFocusIndex(null);\n      },\n      listItemSelector: `.${styles['inner-root']}`,\n      fallbackSelector: `.${styles.root}`,\n    });\n\n    const popoverRef = useRef<PopoverProps.Ref>(null);\n    const popoverProps: InternalPopoverProps = {\n      content: editorContent,\n      triggerType: 'text',\n      header: editorHeader,\n      size: popoverSize,\n      position: 'bottom',\n      dismissAriaLabel: editorDismissAriaLabel,\n      renderWithPortal: editorExpandToViewport,\n      __onOpen: onEditorOpen,\n      __closeAnalyticsAction: 'editClose',\n    };\n    useImperativeHandle(ref, () => ({ closeEditor: () => popoverRef.current?.focus() }));\n\n    return (\n      <TokenGroup\n        ref={tokenListRef}\n        ariaLabel={tokens.length === 1 ? tokens[0].ariaLabel : groupAriaLabel}\n        operation={\n          showOperation && (\n            <OperationSelector\n              operation={operation}\n              onChange={onChangeOperation}\n              ariaLabel={operationAriaLabel}\n              andText={andText}\n              orText={orText}\n              parent={true}\n              readOnlyOperations={readOnlyOperations}\n              disabled={disabled}\n            />\n          )\n        }\n        tokenAction={\n          tokens.length === 1 ? (\n            <TokenDismissButton\n              ariaLabel={tokens[0].dismissAriaLabel}\n              onClick={() => onDismissToken(0)}\n              parent={true}\n              disabled={disabled}\n            />\n          ) : (\n            <InternalPopover ref={popoverRef} {...popoverProps} triggerType=\"filtering-token\">\n              <TokenEditButton ariaLabel={groupEditAriaLabel} disabled={disabled} />\n            </InternalPopover>\n          )\n        }\n        parent={true}\n        grouped={tokens.length > 1}\n        disabled={disabled}\n        hasGroups={hasGroups}\n        {...copyAnalyticsMetadataAttribute(rest)}\n      >\n        {tokens.length === 1 ? (\n          <InternalPopover ref={popoverRef} {...popoverProps}>\n            <span\n              {...getAnalyticsMetadataAttribute({\n                action: 'editStart',\n              } as Partial<GeneratedAnalyticsMetadataPropertyEditStart>)}\n            >\n              {tokens[0].content}\n            </span>\n          </InternalPopover>\n        ) : (\n          <ul className={styles.list}>\n            {tokens.map((token, index) => (\n              <li key={index}>\n                <TokenGroup\n                  ariaLabel={token.ariaLabel}\n                  operation={\n                    index !== 0 && (\n                      <OperationSelector\n                        operation={groupOperation}\n                        onChange={onChangeGroupOperation}\n                        ariaLabel={operationAriaLabel}\n                        andText={andText}\n                        orText={orText}\n                        parent={false}\n                        readOnlyOperations={readOnlyOperations}\n                        disabled={disabled}\n                      />\n                    )\n                  }\n                  tokenAction={\n                    <TokenDismissButton\n                      ariaLabel={token.dismissAriaLabel}\n                      onClick={() => {\n                        onDismissToken(index);\n                        setNextFocusIndex(index);\n                      }}\n                      parent={false}\n                      disabled={disabled}\n                    />\n                  }\n                  parent={false}\n                  grouped={false}\n                  disabled={disabled}\n                  hasGroups={false}\n                >\n                  {token.content}\n                </TokenGroup>\n              </li>\n            ))}\n          </ul>\n        )}\n      </TokenGroup>\n    );\n  }\n);\n\nexport default FilteringToken;\n\nconst TokenGroup = forwardRef(\n  (\n    {\n      ariaLabel,\n      children,\n      operation,\n      tokenAction,\n      parent,\n      grouped,\n      disabled,\n      hasGroups,\n      ...rest\n    }: {\n      ariaLabel?: string;\n      children: React.ReactNode;\n      operation: React.ReactNode;\n      tokenAction: React.ReactNode;\n      parent: boolean;\n      grouped: boolean;\n      disabled: boolean;\n      hasGroups: boolean;\n    },\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    const groupRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRefs(ref, groupRef);\n    const isCompactMode = useDensityMode(groupRef) === 'compact';\n    return (\n      <div\n        ref={mergedRef}\n        className={clsx(\n          parent\n            ? clsx(styles.root, testUtilStyles['filtering-token'])\n            : clsx(styles['inner-root'], testUtilStyles['filtering-token-inner']),\n          hasGroups && styles['has-groups'],\n          isCompactMode && styles['compact-mode']\n        )}\n        role=\"group\"\n        aria-label={ariaLabel}\n        {...copyAnalyticsMetadataAttribute(rest)}\n      >\n        {operation}\n\n        <div\n          className={clsx(\n            parent ? styles.token : styles['inner-token'],\n            !!operation && styles['show-operation'],\n            grouped && styles.grouped,\n            disabled && styles['token-disabled']\n          )}\n          aria-disabled={disabled}\n        >\n          <div\n            className={clsx(\n              parent\n                ? clsx(styles['token-content'], testUtilStyles['filtering-token-content'])\n                : clsx(styles['inner-token-content'], testUtilStyles['filtering-token-inner-content']),\n              grouped && styles['token-content-grouped']\n            )}\n          >\n            {children}\n          </div>\n\n          {tokenAction}\n        </div>\n      </div>\n    );\n  }\n);\n\nfunction OperationSelector({\n  operation,\n  onChange,\n  ariaLabel,\n  andText,\n  orText,\n  parent,\n  readOnlyOperations,\n  disabled,\n}: {\n  operation: FilteringTokenProps.Operation;\n  onChange: (operation: FilteringTokenProps.Operation) => void;\n  andText: string;\n  orText: string;\n  ariaLabel: string;\n  parent: boolean;\n  readOnlyOperations: boolean;\n  disabled?: boolean;\n}) {\n  return (\n    <InternalSelect\n      __inFilteringToken={parent ? 'root' : 'nested'}\n      className={clsx(\n        parent\n          ? clsx(styles.select, testUtilStyles['filtering-token-select'])\n          : clsx(styles['inner-select'], testUtilStyles['filtering-token-inner-select'])\n      )}\n      options={[\n        { value: 'and', label: andText },\n        { value: 'or', label: orText },\n      ]}\n      selectedOption={{ value: operation, label: operation === 'and' ? andText : orText }}\n      onChange={e => onChange(e.detail.selectedOption.value as FilteringTokenProps.Operation)}\n      disabled={disabled}\n      readOnly={readOnlyOperations}\n      ariaLabel={ariaLabel}\n    />\n  );\n}\n\nfunction TokenDismissButton({\n  ariaLabel,\n  onClick,\n  parent,\n  disabled,\n}: {\n  ariaLabel: string;\n  onClick: () => void;\n  parent: boolean;\n  disabled?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={clsx(\n        parent\n          ? clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button'])\n          : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])\n      )}\n      aria-label={ariaLabel}\n      onClick={onClick}\n      disabled={disabled}\n      {...getAnalyticsMetadataAttribute({ action: 'dismiss' })}\n    >\n      <InternalIcon name=\"close\" />\n    </button>\n  );\n}\n\nfunction TokenEditButton({ ariaLabel, disabled }: { ariaLabel: string; disabled?: boolean }) {\n  return (\n    <button\n      type=\"button\"\n      className={clsx(styles['edit-button'], testUtilStyles['filtering-token-edit-button'])}\n      aria-label={ariaLabel}\n      disabled={disabled}\n    >\n      <InternalIcon name=\"edit\" />\n    </button>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode, useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  copyAnalyticsMetadataAttribute,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../icon/internal';\nimport { useListFocusController } from '../../internal/hooks/use-list-focus-controller';\nimport { PopoverProps } from '../../popover/interfaces';\nimport InternalPopover, { InternalPopoverProps } from '../../popover/internal';\nimport InternalSelect from '../../select/internal';\nimport { GeneratedAnalyticsMetadataPropertyEditStart } from '../analytics-metadata/interfaces';\n\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport namespace FilteringTokenProps {\n  export type Operation = 'and' | 'or';\n}\n\nexport interface FilteringTokenProps {\n  tokens: TokenItem[];\n  operation: FilteringTokenProps.Operation;\n  groupOperation: FilteringTokenProps.Operation;\n  showOperation: boolean;\n  readOnlyOperations: boolean;\n  andText: string;\n  orText: string;\n  groupAriaLabel: string;\n  operationAriaLabel: string;\n  groupEditAriaLabel: string;\n  disabled?: boolean;\n  onChangeOperation: (operation: FilteringTokenProps.Operation) => void;\n  onChangeGroupOperation: (operation: FilteringTokenProps.Operation) => void;\n  onDismissToken: (tokenIndex: number) => void;\n  editorContent: React.ReactNode;\n  editorHeader: string;\n  editorDismissAriaLabel?: string;\n  editorExpandToViewport: boolean;\n  onEditorOpen?: () => void;\n  hasGroups: boolean;\n  popoverSize: InternalPopoverProps['size'];\n}\n\nexport interface FilteringTokenRef {\n  closeEditor(): void;\n}\n\ninterface TokenItem {\n  content: React.ReactNode;\n  ariaLabel: string;\n  dismissAriaLabel: string;\n}\n\nconst FilteringToken = forwardRef(\n  (\n    {\n      tokens,\n      showOperation,\n      readOnlyOperations,\n      operation,\n      groupOperation,\n      andText,\n      orText,\n      groupAriaLabel,\n      operationAriaLabel,\n      groupEditAriaLabel,\n      disabled = false,\n      onChangeOperation,\n      onChangeGroupOperation,\n      onDismissToken,\n      editorContent,\n      editorHeader,\n      editorDismissAriaLabel,\n      editorExpandToViewport,\n      onEditorOpen,\n      hasGroups,\n      popoverSize,\n      ...rest\n    }: FilteringTokenProps,\n    ref: React.Ref<FilteringTokenRef>\n  ) => {\n    const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n    const tokenListRef = useListFocusController({\n      nextFocusIndex,\n      onFocusMoved: target => {\n        target.focus();\n        setNextFocusIndex(null);\n      },\n      listItemSelector: `.${styles['inner-root']}`,\n      fallbackSelector: `.${styles.root}`,\n    });\n\n    const popoverRef = useRef<PopoverProps.Ref>(null);\n    const popoverProps: InternalPopoverProps = {\n      content: editorContent,\n      triggerType: 'text',\n      header: editorHeader,\n      size: popoverSize,\n      position: 'bottom',\n      dismissAriaLabel: editorDismissAriaLabel,\n      renderWithPortal: editorExpandToViewport,\n      __onOpen: onEditorOpen,\n      __closeAnalyticsAction: 'editClose',\n    };\n    useImperativeHandle(ref, () => ({ closeEditor: () => popoverRef.current?.focus() }));\n\n    return (\n      <TokenGroup\n        ref={tokenListRef}\n        ariaLabel={tokens.length === 1 ? tokens[0].ariaLabel : groupAriaLabel}\n        operation={\n          showOperation && (\n            <OperationSelector\n              operation={operation}\n              onChange={onChangeOperation}\n              ariaLabel={operationAriaLabel}\n              andText={andText}\n              orText={orText}\n              parent={true}\n              readOnlyOperations={readOnlyOperations}\n              disabled={disabled}\n            />\n          )\n        }\n        tokenAction={\n          tokens.length === 1 ? (\n            <TokenDismissButton\n              ariaLabel={tokens[0].dismissAriaLabel}\n              onClick={() => onDismissToken(0)}\n              parent={true}\n              disabled={disabled}\n            />\n          ) : (\n            <InternalPopover ref={popoverRef} {...popoverProps} triggerType=\"filtering-token\">\n              <TokenEditButton ariaLabel={groupEditAriaLabel} disabled={disabled} />\n            </InternalPopover>\n          )\n        }\n        parent={true}\n        grouped={tokens.length > 1}\n        disabled={disabled}\n        hasGroups={hasGroups}\n        {...copyAnalyticsMetadataAttribute(rest)}\n      >\n        {tokens.length === 1 ? (\n          <InternalPopover ref={popoverRef} {...popoverProps}>\n            <span\n              {...getAnalyticsMetadataAttribute({\n                action: 'editStart',\n              } as Partial<GeneratedAnalyticsMetadataPropertyEditStart>)}\n            >\n              {tokens[0].content}\n            </span>\n          </InternalPopover>\n        ) : (\n          <ul className={styles.list}>\n            {tokens.map((token, index) => (\n              <li key={index}>\n                <TokenGroup\n                  ariaLabel={token.ariaLabel}\n                  operation={\n                    index !== 0 && (\n                      <OperationSelector\n                        operation={groupOperation}\n                        onChange={onChangeGroupOperation}\n                        ariaLabel={operationAriaLabel}\n                        andText={andText}\n                        orText={orText}\n                        parent={false}\n                        readOnlyOperations={readOnlyOperations}\n                        disabled={disabled}\n                      />\n                    )\n                  }\n                  tokenAction={\n                    <TokenDismissButton\n                      ariaLabel={token.dismissAriaLabel}\n                      onClick={() => {\n                        onDismissToken(index);\n                        setNextFocusIndex(index);\n                      }}\n                      parent={false}\n                      disabled={disabled}\n                    />\n                  }\n                  parent={false}\n                  grouped={false}\n                  disabled={disabled}\n                  hasGroups={false}\n                >\n                  {token.content}\n                </TokenGroup>\n              </li>\n            ))}\n          </ul>\n        )}\n      </TokenGroup>\n    );\n  }\n);\n\nexport default FilteringToken;\n\nconst TokenGroup = forwardRef(\n  (\n    {\n      ariaLabel,\n      children,\n      operation,\n      tokenAction,\n      parent,\n      grouped,\n      disabled,\n      hasGroups,\n      ...rest\n    }: {\n      ariaLabel?: string;\n      children: React.ReactNode;\n      operation: React.ReactNode;\n      tokenAction: React.ReactNode;\n      parent: boolean;\n      grouped: boolean;\n      disabled: boolean;\n      hasGroups: boolean;\n    },\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    const groupRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRefs(ref, groupRef);\n    const isCompactMode = useDensityMode(groupRef) === 'compact';\n    return (\n      <div\n        ref={mergedRef}\n        className={clsx(\n          parent\n            ? clsx(styles.root, testUtilStyles['filtering-token'])\n            : clsx(styles['inner-root'], testUtilStyles['filtering-token-inner']),\n          hasGroups && styles['has-groups'],\n          isCompactMode && styles['compact-mode']\n        )}\n        role=\"group\"\n        aria-label={ariaLabel}\n        {...copyAnalyticsMetadataAttribute(rest)}\n      >\n        {operation}\n\n        <div\n          className={clsx(\n            parent ? styles.token : styles['inner-token'],\n            !!operation && styles['show-operation'],\n            grouped && styles.grouped,\n            disabled && styles['token-disabled']\n          )}\n          aria-disabled={disabled}\n        >\n          <div\n            className={clsx(\n              parent\n                ? clsx(styles['token-content'], testUtilStyles['filtering-token-content'])\n                : clsx(styles['inner-token-content'], testUtilStyles['filtering-token-inner-content']),\n              grouped && styles['token-content-grouped']\n            )}\n          >\n            {children}\n          </div>\n\n          {tokenAction}\n        </div>\n      </div>\n    );\n  }\n);\n\nfunction OperationSelector({\n  operation,\n  onChange,\n  ariaLabel,\n  andText,\n  orText,\n  parent,\n  readOnlyOperations,\n  disabled,\n}: {\n  operation: FilteringTokenProps.Operation;\n  onChange: (operation: FilteringTokenProps.Operation) => void;\n  andText: string;\n  orText: string;\n  ariaLabel: string;\n  parent: boolean;\n  readOnlyOperations: boolean;\n  disabled?: boolean;\n}) {\n  return (\n    <InternalSelect\n      __inFilteringToken={parent ? 'root' : 'nested'}\n      className={clsx(\n        parent\n          ? clsx(styles.select, testUtilStyles['filtering-token-select'])\n          : clsx(styles['inner-select'], testUtilStyles['filtering-token-inner-select'])\n      )}\n      options={[\n        { value: 'and', label: andText },\n        { value: 'or', label: orText },\n      ]}\n      selectedOption={{ value: operation, label: operation === 'and' ? andText : orText }}\n      onChange={e => onChange(e.detail.selectedOption.value as FilteringTokenProps.Operation)}\n      disabled={disabled}\n      readOnly={readOnlyOperations}\n      ariaLabel={ariaLabel}\n    />\n  );\n}\n\nfunction TokenDismissButton({\n  ariaLabel,\n  onClick,\n  parent,\n  disabled,\n}: {\n  ariaLabel: string;\n  onClick: () => void;\n  parent: boolean;\n  disabled?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={clsx(\n        parent\n          ? clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button'])\n          : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])\n      )}\n      aria-label={ariaLabel}\n      onClick={onClick}\n      disabled={disabled}\n      data-awsui-motion-trigger=\"hover\"\n      {...getAnalyticsMetadataAttribute({ action: 'dismiss' })}\n    >\n      <InternalIcon name=\"close\" nativeAttributes={{ 'data-awsui-motion-target': '' }} />\n    </button>\n  );\n}\n\nfunction TokenEditButton({ ariaLabel, disabled }: { ariaLabel: string; disabled?: boolean }) {\n  return (\n    <button\n      type=\"button\"\n      className={clsx(styles['edit-button'], testUtilStyles['filtering-token-edit-button'])}\n      aria-label={ariaLabel}\n      disabled={disabled}\n      data-awsui-motion-trigger=\"hover\"\n    >\n      <InternalIcon name=\"edit\" nativeAttributes={{ 'data-awsui-motion-target': '' }} />\n    </button>\n  );\n}\n"]}