@salutejs/plasma-web 1.401.0-canary.1445.10942800137.0 → 1.402.0-canary.1437.10958276336.0

package/css/cjs/components/Attach/Attach.css

@@ -0,0 +1,14 @@
+.Attach_config_1s3phpr_dh2upgr__849279a5{--plasma-attach-button-color:var(--inverse-text-primary);--plasma-attach-button-value-color:var(--inverse-text-secondary);--plasma-attach-button-background-color:var(--surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--inverse-text-primary);--plasma-attach-button-background-color-hover:var(--surface-solid-default-hover);--plasma-attach-button-color-active:var(--inverse-text-primary);--plasma-attach-button-background-color-active:var(--surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--inverse-text-primary);--plasma-attach-icon-button-background-color:var(--surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--inverse-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--inverse-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_a8wsq7j__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-accent);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-accent-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-accent-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-accent);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-accent-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_s5x2wim__849279a5{--plasma-attach-button-color:var(--text-primary);--plasma-attach-button-value-color:var(--text-secondary);--plasma-attach-button-background-color:var(--surface-transparent-secondary);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--text-primary);--plasma-attach-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-attach-button-color-active:var(--text-primary);--plasma-attach-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--text-primary);--plasma-attach-icon-button-background-color:var(--surface-transparent-secondary);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-attach-icon-button-color-active:var(--text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_c7t1r9b__849279a5{--plasma-attach-button-color:var(--text-primary);--plasma-attach-button-value-color:var(--text-secondary);--plasma-attach-button-background-color:var(--surface-clear);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--text-primary-hover);--plasma-attach-button-background-color-hover:var(--surface-clear);--plasma-attach-button-color-active:var(--text-primary-active);--plasma-attach-button-background-color-active:var(--surface-clear);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--text-primary);--plasma-attach-icon-button-background-color:var(--surface-clear);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--text-primary-hover);--plasma-attach-icon-button-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-color-active:var(--text-primary-active);--plasma-attach-icon-button-background-color-active:var(--surface-clear);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_savuac0__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-positive);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-positive-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-positive-active);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-positive);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-positive-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_w1xds7bq__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-warning);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-warning-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-warning-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-warning);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-warning-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_c5nbujf__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-negative);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-negative-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-negative-active);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-negative);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-negative-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_drovqmd__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--on-light-surface-transparent-deep);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--on-light-surface-transparent-deep-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--on-light-surface-transparent-deep);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--on-light-surface-transparent-deep-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_b1r56d65__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--on-light-surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--on-light-surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--on-light-surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--on-light-surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_w106agwf__849279a5{--plasma-attach-button-color:var(--on-light-text-primary);--plasma-attach-button-value-color:var(--on-light-text-secondary);--plasma-attach-button-background-color:var(--on-dark-surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-light-text-primary);--plasma-attach-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-attach-button-color-active:var(--on-light-text-primary);--plasma-attach-button-background-color-active:var(--on-dark-surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-light-text-primary);--plasma-attach-icon-button-background-color:var(--on-dark-surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-light-text-primary);--plasma-attach-icon-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--on-light-text-primary);--plasma-attach-icon-button-background-color-active:var(--on-dark-surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_l1x8glsz__849279a5{--plasma-attach-horizontal-gap:1.5rem;--plasma-attach-vertical-gap:0.5rem;--plasma-attach-button-height:3.5rem;--plasma-attach-button-width:12.5rem;--plasma-attach-button-padding:1.5rem;--plasma-attach-button-radius:0.875rem;--plasma-attach-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-icon-button-height:3.5rem;--plasma-attach-icon-button-width:3.5rem;--plasma-attach-icon-button-padding:1.5rem;--plasma-attach-icon-button-radius:0.875rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
+.Attach_config_1s3phpr_m1gytn7q__849279a5{--plasma-attach-horizontal-gap:1.25rem;--plasma-attach-vertical-gap:0.5rem;--plasma-attach-button-height:3rem;--plasma-attach-button-width:11.25rem;--plasma-attach-button-padding:1.25rem;--plasma-attach-button-radius:0.75rem;--plasma-attach-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-icon-button-height:3rem;--plasma-attach-icon-button-width:3rem;--plasma-attach-icon-button-padding:1.25rem;--plasma-attach-icon-button-radius:0.75rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
+.Attach_config_1s3phpr_s19ojacu__849279a5{--plasma-attach-horizontal-gap:1rem;--plasma-attach-vertical-gap:0.375rem;--plasma-attach-button-height:2.5rem;--plasma-attach-button-width:11.25rem;--plasma-attach-button-padding:1rem;--plasma-attach-button-radius:0.625rem;--plasma-attach-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-height:2.5rem;--plasma-attach-icon-button-width:2.5rem;--plasma-attach-icon-button-padding:1rem;--plasma-attach-icon-button-radius:0.625rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
+.Attach_config_1s3phpr_x7sr79d__849279a5{--plasma-attach-horizontal-gap:0.75rem;--plasma-attach-vertical-gap:0.25rem;--plasma-attach-button-height:2rem;--plasma-attach-button-width:10rem;--plasma-attach-button-padding:0.75rem;--plasma-attach-button-radius:0.5rem;--plasma-attach-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-button-spinner-size:1rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.25rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-height:2rem;--plasma-attach-icon-button-width:2rem;--plasma-attach-icon-button-padding:0.75rem;--plasma-attach-icon-button-radius:0.5rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-spinner-size:1rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}

package/css/cjs/components/Attach/Attach.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var plasmaNewHope = require('@salutejs/plasma-new-hope');
+var Attach_config = require('./Attach.config.js');
+
+var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.attachConfig, Attach_config.config);
+
+/**
+ * Компонент, позволяющий прикрепить локальный файл
+ */
+var Attach = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
+
+exports.Attach = Attach;
+//# sourceMappingURL=Attach.js.map

package/css/cjs/components/Attach/Attach.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attach.js","sources":["../../../../src-css/components/Attach/Attach.ts"],"sourcesContent":["import { attachConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Attach.config';\n\nconst mergedConfig = mergeConfig(attachConfig, config);\n\n/**\n * Компонент, позволяющий прикрепить локальный файл\n */\nexport const Attach = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","attachConfig","config","Attach","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,0BAAY,EAAEC,oBAAM,CAAC,CAAA;;AAEtD;AACA;AACA;IACaC,MAAM,gBAAGC,uBAAS,CAACL,YAAY;;;;"}

package/css/cjs/components/Mask/Mask.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var plasmaNewHope = require('@salutejs/plasma-new-hope');
+var TextField = require('../TextField/TextField.js');
+
+var Mask = /*#__PURE__*/plasmaNewHope.composeMask(TextField.TextFieldComponent);
+
+exports.Mask = Mask;
+//# sourceMappingURL=Mask.js.map

package/css/cjs/components/Mask/Mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mask.js","sources":["../../../../src-css/components/Mask/Mask.ts"],"sourcesContent":["import { composeMask } from '@salutejs/plasma-new-hope';\n\nimport { TextFieldComponent } from '../TextField/TextField';\n\nexport const Mask = composeMask(TextFieldComponent);\n"],"names":["Mask","composeMask","TextFieldComponent"],"mappings":";;;;;;;IAIaA,IAAI,gBAAGC,yBAAW,CAACC,4BAAkB;;;;"}

package/css/cjs/components/TextField/TextField.js

@@ -78,4 +78,5 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 
 exports.TextField = TextField;
+exports.TextFieldComponent = TextFieldComponent;
 //# sourceMappingURL=TextField.js.map

package/css/cjs/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype RequiredProps = {\n    /**\n     * Задает выравнивание индикатора обязательности поля\n     * @default right\n     */\n    requiredPlacement?: 'left' | 'right';\n} & (\n    | {\n          /**\n           * Флаг обязательности поля\n           */\n          required: true;\n          /**\n           * Флаг необязательности поля\n           */\n          optional?: never | false;\n      }\n    | {\n          /**\n           * Флаг необязательности поля\n           */\n          optional?: true;\n          /**\n           * Флаг обязательности поля\n           */\n          required?: never | false;\n      }\n);\n\ntype TextFieldProps = TextFieldPropsOld & RequiredProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n    Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n    success: 'positive',\n    warning: 'warning',\n    error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n    NonNullable<TextFieldProps['animatedHint']>,\n    NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n    placeholder: 'outer',\n    label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n    const {\n        status,\n\n        label,\n        placeholder,\n        animatedHint,\n        helperText,\n\n        enumerationType,\n        chips,\n        onSearch,\n        onChangeChips,\n\n        size = 'l',\n\n        ...rest\n    } = props;\n\n    /** TODO: #1064 Remove In plasma-2.0 */\n    /* eslint-disable no-underscore-dangle */\n    const _view = status ? statusToView[status] : 'default';\n    let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n    let _label = label ? String(label) : undefined;\n    if (size !== 'l' && _labelPlacement === 'inner') {\n        _label = undefined;\n        _labelPlacement = 'outer';\n    }\n    if (size === 'l' && animatedHint === 'placeholder' && !label) {\n        _label = placeholder;\n        _labelPlacement = 'inner';\n    }\n\n    if (enumerationType === 'chip') {\n        return (\n            <TextFieldComponent\n                {...rest}\n                view={_view}\n                labelPlacement={_labelPlacement}\n                label={_label}\n                size={size}\n                placeholder={placeholder}\n                leftHelper={helperText}\n                ref={ref}\n                enumerationType=\"chip\"\n                chips={chips}\n                onChangeChips={onChangeChips}\n            />\n        );\n    }\n\n    return (\n        <TextFieldComponent\n            {...rest}\n            view={_view}\n            labelPlacement={_labelPlacement}\n            label={_label}\n            size={size}\n            placeholder={placeholder}\n            leftHelper={helperText}\n            ref={ref}\n            enumerationType=\"plain\"\n            onSearch={onSearch}\n        />\n    );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC,CAAA;AACzD,IAAMC,kBAAkB,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAsClD,IAAMM,YAAuG,GAAG;AAC5GC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,UAAA;AACX,CAAC,CAAA;AACD,IAAMC,4BAGL,GAAG;AACAC,EAAAA,WAAW,EAAE,OAAO;AACpBC,EAAAA,KAAK,EAAE,OAAA;AACX,CAAC,CAAA;;AAED;AACA;AACA;AACO,IAAMC,SAAS,gBAAGC,gBAAU,CAAyC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IACIC,MAAM,GAeNF,KAAK,CAfLE,MAAM;IAENL,KAAK,GAaLG,KAAK,CAbLH,KAAK;IACLD,WAAW,GAYXI,KAAK,CAZLJ,WAAW;IACXO,YAAY,GAWZH,KAAK,CAXLG,YAAY;IACZC,UAAU,GAUVJ,KAAK,CAVLI,UAAU;IAEVC,eAAe,GAQfL,KAAK,CARLK,eAAe;IACfC,KAAK,GAOLN,KAAK,CAPLM,KAAK;IACLC,QAAQ,GAMRP,KAAK,CANLO,QAAQ;IACRC,aAAa,GAKbR,KAAK,CALLQ,aAAa;IAAAC,WAAA,GAKbT,KAAK,CAHLU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,WAAA;AAEPE,IAAAA,IAAI,GAAAC,iDAAA,CACPZ,KAAK,EAAAa,SAAA,CAAA,CAAA;;AAET;AACA;EACA,IAAMC,KAAK,GAAGZ,MAAM,GAAGX,YAAY,CAACW,MAAM,CAAC,GAAG,SAAS,CAAA;EACvD,IAAIa,eAAe,GAAGZ,YAAY,GAAGR,4BAA4B,CAACQ,YAAY,CAAC,GAAG,OAAO,CAAA;EACzF,IAAIa,MAAM,GAAGnB,KAAK,GAAGoB,MAAM,CAACpB,KAAK,CAAC,GAAGqB,SAAS,CAAA;AAC9C,EAAA,IAAIR,IAAI,KAAK,GAAG,IAAIK,eAAe,KAAK,OAAO,EAAE;AAC7CC,IAAAA,MAAM,GAAGE,SAAS,CAAA;AAClBH,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EACA,IAAIL,IAAI,KAAK,GAAG,IAAIP,YAAY,KAAK,aAAa,IAAI,CAACN,KAAK,EAAE;AAC1DmB,IAAAA,MAAM,GAAGpB,WAAW,CAAA;AACpBmB,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EAEA,IAAIV,eAAe,KAAK,MAAM,EAAE;IAC5B,oBACIc,KAAA,CAAAC,aAAA,CAAC/B,kBAAkB,EAAAgC,iCAAA,KACXV,IAAI,EAAA;AACRW,MAAAA,IAAI,EAAER,KAAM;AACZS,MAAAA,cAAc,EAAER,eAAgB;AAChClB,MAAAA,KAAK,EAAEmB,MAAO;AACdN,MAAAA,IAAI,EAAEA,IAAK;AACXd,MAAAA,WAAW,EAAEA,WAAY;AACzB4B,MAAAA,UAAU,EAAEpB,UAAW;AACvBH,MAAAA,GAAG,EAAEA,GAAI;AACTI,MAAAA,eAAe,EAAC,MAAM;AACtBC,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,aAAa,EAAEA,aAAAA;AAAc,KAAA,CAChC,CAAC,CAAA;AAEV,GAAA;EAEA,oBACIW,KAAA,CAAAC,aAAA,CAAC/B,kBAAkB,EAAAgC,iCAAA,KACXV,IAAI,EAAA;AACRW,IAAAA,IAAI,EAAER,KAAM;AACZS,IAAAA,cAAc,EAAER,eAAgB;AAChClB,IAAAA,KAAK,EAAEmB,MAAO;AACdN,IAAAA,IAAI,EAAEA,IAAK;AACXd,IAAAA,WAAW,EAAEA,WAAY;AACzB4B,IAAAA,UAAU,EAAEpB,UAAW;AACvBH,IAAAA,GAAG,EAAEA,GAAI;AACTI,IAAAA,eAAe,EAAC,OAAO;AACvBE,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CACtB,CAAC,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nexport const TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype RequiredProps = {\n    /**\n     * Задает выравнивание индикатора обязательности поля\n     * @default right\n     */\n    requiredPlacement?: 'left' | 'right';\n} & (\n    | {\n          /**\n           * Флаг обязательности поля\n           */\n          required: true;\n          /**\n           * Флаг необязательности поля\n           */\n          optional?: never | false;\n      }\n    | {\n          /**\n           * Флаг необязательности поля\n           */\n          optional?: true;\n          /**\n           * Флаг обязательности поля\n           */\n          required?: never | false;\n      }\n);\n\ntype TextFieldProps = TextFieldPropsOld & RequiredProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n    Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n    success: 'positive',\n    warning: 'warning',\n    error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n    NonNullable<TextFieldProps['animatedHint']>,\n    NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n    placeholder: 'outer',\n    label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n    const {\n        status,\n\n        label,\n        placeholder,\n        animatedHint,\n        helperText,\n\n        enumerationType,\n        chips,\n        onSearch,\n        onChangeChips,\n\n        size = 'l',\n\n        ...rest\n    } = props;\n\n    /** TODO: #1064 Remove In plasma-2.0 */\n    /* eslint-disable no-underscore-dangle */\n    const _view = status ? statusToView[status] : 'default';\n    let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n    let _label = label ? String(label) : undefined;\n    if (size !== 'l' && _labelPlacement === 'inner') {\n        _label = undefined;\n        _labelPlacement = 'outer';\n    }\n    if (size === 'l' && animatedHint === 'placeholder' && !label) {\n        _label = placeholder;\n        _labelPlacement = 'inner';\n    }\n\n    if (enumerationType === 'chip') {\n        return (\n            <TextFieldComponent\n                {...rest}\n                view={_view}\n                labelPlacement={_labelPlacement}\n                label={_label}\n                size={size}\n                placeholder={placeholder}\n                leftHelper={helperText}\n                ref={ref}\n                enumerationType=\"chip\"\n                chips={chips}\n                onChangeChips={onChangeChips}\n            />\n        );\n    }\n\n    return (\n        <TextFieldComponent\n            {...rest}\n            view={_view}\n            labelPlacement={_labelPlacement}\n            label={_label}\n            size={size}\n            placeholder={placeholder}\n            leftHelper={helperText}\n            ref={ref}\n            enumerationType=\"plain\"\n            onSearch={onSearch}\n        />\n    );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC,CAAA;IAC5CC,kBAAkB,gBAAGC,uBAAS,CAACL,YAAY,EAAC;AAsCzD,IAAMM,YAAuG,GAAG;AAC5GC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,UAAA;AACX,CAAC,CAAA;AACD,IAAMC,4BAGL,GAAG;AACAC,EAAAA,WAAW,EAAE,OAAO;AACpBC,EAAAA,KAAK,EAAE,OAAA;AACX,CAAC,CAAA;;AAED;AACA;AACA;AACO,IAAMC,SAAS,gBAAGC,gBAAU,CAAyC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IACIC,MAAM,GAeNF,KAAK,CAfLE,MAAM;IAENL,KAAK,GAaLG,KAAK,CAbLH,KAAK;IACLD,WAAW,GAYXI,KAAK,CAZLJ,WAAW;IACXO,YAAY,GAWZH,KAAK,CAXLG,YAAY;IACZC,UAAU,GAUVJ,KAAK,CAVLI,UAAU;IAEVC,eAAe,GAQfL,KAAK,CARLK,eAAe;IACfC,KAAK,GAOLN,KAAK,CAPLM,KAAK;IACLC,QAAQ,GAMRP,KAAK,CANLO,QAAQ;IACRC,aAAa,GAKbR,KAAK,CALLQ,aAAa;IAAAC,WAAA,GAKbT,KAAK,CAHLU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,WAAA;AAEPE,IAAAA,IAAI,GAAAC,iDAAA,CACPZ,KAAK,EAAAa,SAAA,CAAA,CAAA;;AAET;AACA;EACA,IAAMC,KAAK,GAAGZ,MAAM,GAAGX,YAAY,CAACW,MAAM,CAAC,GAAG,SAAS,CAAA;EACvD,IAAIa,eAAe,GAAGZ,YAAY,GAAGR,4BAA4B,CAACQ,YAAY,CAAC,GAAG,OAAO,CAAA;EACzF,IAAIa,MAAM,GAAGnB,KAAK,GAAGoB,MAAM,CAACpB,KAAK,CAAC,GAAGqB,SAAS,CAAA;AAC9C,EAAA,IAAIR,IAAI,KAAK,GAAG,IAAIK,eAAe,KAAK,OAAO,EAAE;AAC7CC,IAAAA,MAAM,GAAGE,SAAS,CAAA;AAClBH,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EACA,IAAIL,IAAI,KAAK,GAAG,IAAIP,YAAY,KAAK,aAAa,IAAI,CAACN,KAAK,EAAE;AAC1DmB,IAAAA,MAAM,GAAGpB,WAAW,CAAA;AACpBmB,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EAEA,IAAIV,eAAe,KAAK,MAAM,EAAE;IAC5B,oBACIc,KAAA,CAAAC,aAAA,CAAC/B,kBAAkB,EAAAgC,iCAAA,KACXV,IAAI,EAAA;AACRW,MAAAA,IAAI,EAAER,KAAM;AACZS,MAAAA,cAAc,EAAER,eAAgB;AAChClB,MAAAA,KAAK,EAAEmB,MAAO;AACdN,MAAAA,IAAI,EAAEA,IAAK;AACXd,MAAAA,WAAW,EAAEA,WAAY;AACzB4B,MAAAA,UAAU,EAAEpB,UAAW;AACvBH,MAAAA,GAAG,EAAEA,GAAI;AACTI,MAAAA,eAAe,EAAC,MAAM;AACtBC,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,aAAa,EAAEA,aAAAA;AAAc,KAAA,CAChC,CAAC,CAAA;AAEV,GAAA;EAEA,oBACIW,KAAA,CAAAC,aAAA,CAAC/B,kBAAkB,EAAAgC,iCAAA,KACXV,IAAI,EAAA;AACRW,IAAAA,IAAI,EAAER,KAAM;AACZS,IAAAA,cAAc,EAAER,eAAgB;AAChClB,IAAAA,KAAK,EAAEmB,MAAO;AACdN,IAAAA,IAAI,EAAEA,IAAK;AACXd,IAAAA,WAAW,EAAEA,WAAY;AACzB4B,IAAAA,UAAU,EAAEpB,UAAW;AACvBH,IAAAA,GAAG,EAAEA,GAAI;AACTI,IAAAA,eAAe,EAAC,OAAO;AACvBE,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CACtB,CAAC,CAAA;AAEV,CAAC;;;;;"}

package/css/cjs/index.css

@@ -9,6 +9,21 @@
 
 
 
+.Attach_config_1s3phpr_dh2upgr__849279a5{--plasma-attach-button-color:var(--inverse-text-primary);--plasma-attach-button-value-color:var(--inverse-text-secondary);--plasma-attach-button-background-color:var(--surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--inverse-text-primary);--plasma-attach-button-background-color-hover:var(--surface-solid-default-hover);--plasma-attach-button-color-active:var(--inverse-text-primary);--plasma-attach-button-background-color-active:var(--surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--inverse-text-primary);--plasma-attach-icon-button-background-color:var(--surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--inverse-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--inverse-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_a8wsq7j__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-accent);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-accent-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-accent-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-accent);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-accent-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_s5x2wim__849279a5{--plasma-attach-button-color:var(--text-primary);--plasma-attach-button-value-color:var(--text-secondary);--plasma-attach-button-background-color:var(--surface-transparent-secondary);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--text-primary);--plasma-attach-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-attach-button-color-active:var(--text-primary);--plasma-attach-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--text-primary);--plasma-attach-icon-button-background-color:var(--surface-transparent-secondary);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-attach-icon-button-color-active:var(--text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_c7t1r9b__849279a5{--plasma-attach-button-color:var(--text-primary);--plasma-attach-button-value-color:var(--text-secondary);--plasma-attach-button-background-color:var(--surface-clear);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--text-primary-hover);--plasma-attach-button-background-color-hover:var(--surface-clear);--plasma-attach-button-color-active:var(--text-primary-active);--plasma-attach-button-background-color-active:var(--surface-clear);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--text-primary);--plasma-attach-icon-button-background-color:var(--surface-clear);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--text-primary-hover);--plasma-attach-icon-button-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-color-active:var(--text-primary-active);--plasma-attach-icon-button-background-color-active:var(--surface-clear);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_savuac0__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-positive);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-positive-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-positive-active);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-positive);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-positive-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_w1xds7bq__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-warning);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-warning-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-warning-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-warning);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-warning-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_c5nbujf__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-negative);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-negative-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-negative-active);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-negative);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-negative-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_drovqmd__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--on-light-surface-transparent-deep);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--on-light-surface-transparent-deep-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--on-light-surface-transparent-deep);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--on-light-surface-transparent-deep-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_b1r56d65__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--on-light-surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--on-light-surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--on-light-surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--on-light-surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_w106agwf__849279a5{--plasma-attach-button-color:var(--on-light-text-primary);--plasma-attach-button-value-color:var(--on-light-text-secondary);--plasma-attach-button-background-color:var(--on-dark-surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-light-text-primary);--plasma-attach-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-attach-button-color-active:var(--on-light-text-primary);--plasma-attach-button-background-color-active:var(--on-dark-surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-light-text-primary);--plasma-attach-icon-button-background-color:var(--on-dark-surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-light-text-primary);--plasma-attach-icon-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--on-light-text-primary);--plasma-attach-icon-button-background-color-active:var(--on-dark-surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
+.Attach_config_1s3phpr_l1x8glsz__849279a5{--plasma-attach-horizontal-gap:1.5rem;--plasma-attach-vertical-gap:0.5rem;--plasma-attach-button-height:3.5rem;--plasma-attach-button-width:12.5rem;--plasma-attach-button-padding:1.5rem;--plasma-attach-button-radius:0.875rem;--plasma-attach-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-icon-button-height:3.5rem;--plasma-attach-icon-button-width:3.5rem;--plasma-attach-icon-button-padding:1.5rem;--plasma-attach-icon-button-radius:0.875rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
+.Attach_config_1s3phpr_m1gytn7q__849279a5{--plasma-attach-horizontal-gap:1.25rem;--plasma-attach-vertical-gap:0.5rem;--plasma-attach-button-height:3rem;--plasma-attach-button-width:11.25rem;--plasma-attach-button-padding:1.25rem;--plasma-attach-button-radius:0.75rem;--plasma-attach-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-icon-button-height:3rem;--plasma-attach-icon-button-width:3rem;--plasma-attach-icon-button-padding:1.25rem;--plasma-attach-icon-button-radius:0.75rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
+.Attach_config_1s3phpr_s19ojacu__849279a5{--plasma-attach-horizontal-gap:1rem;--plasma-attach-vertical-gap:0.375rem;--plasma-attach-button-height:2.5rem;--plasma-attach-button-width:11.25rem;--plasma-attach-button-padding:1rem;--plasma-attach-button-radius:0.625rem;--plasma-attach-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-height:2.5rem;--plasma-attach-icon-button-width:2.5rem;--plasma-attach-icon-button-padding:1rem;--plasma-attach-icon-button-radius:0.625rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
+.Attach_config_1s3phpr_x7sr79d__849279a5{--plasma-attach-horizontal-gap:0.75rem;--plasma-attach-vertical-gap:0.25rem;--plasma-attach-button-height:2rem;--plasma-attach-button-width:10rem;--plasma-attach-button-padding:0.75rem;--plasma-attach-button-radius:0.5rem;--plasma-attach-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-button-spinner-size:1rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.25rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-height:2rem;--plasma-attach-icon-button-width:2rem;--plasma-attach-icon-button-padding:0.75rem;--plasma-attach-icon-button-radius:0.5rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-spinner-size:1rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
+
 .Autocomplete_config_3qyax3_d15witju__da5429ae{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield__before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield__after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield__left-helper-color:var(--text-secondary);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-border-color:var(--surface-transparent-tertiary);--plasma-autocomplete-textfield-border-color-hover:var(--plasma-colors-secondary);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
 .Autocomplete_config_3qyax3_p23ewyp__da5429ae{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield__before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield__after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield__left-helper-color:var(--text-positive);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-border-color:var(--surface-positive);--plasma-autocomplete-textfield-border-color-hover:var(--surface-positive);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
 .Autocomplete_config_3qyax3_w19hpt9v__da5429ae{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-background-color-focus:var(--surface-transparent-warning-active);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield__before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield__after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield__left-helper-color:var(--text-warning);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-border-color:var(--surface-warning);--plasma-autocomplete-textfield-border-color-hover:var(--surface-warning);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
@@ -152,16 +167,6 @@
 .Chip_config_ep4j91_tpxfxbl__3906a344{--plasma-chip-focus-color:var(--plasma-colors-accent);}
 
 
-.ChipGroup_config_o3u1bd_d1ypmiwn__e56ee064{--plasma-chip-group-items-color:var(--inverse-text-primary);--plasma-chip-group-items-background:var(--surface-solid-default);--plasma-chip-group-items-color-hover:var(--inverse-text-primary);--plasma-chip-group-items-background-hover:var(--surface-solid-default-hover);--plasma-chip-group-items-color-active:var(--inverse-text-primary);--plasma-chip-group-items-background-active:var(--surface-solid-default-active);}
-.ChipGroup_config_o3u1bd_sxaw5dt__e56ee064{--plasma-chip-group-items-color:var(--text-primary);--plasma-chip-group-items-background:var(--surface-transparent-secondary);--plasma-chip-group-items-color-hover:var(--text-primary);--plasma-chip-group-items-background-hover:var(--surface-transparent-secondary-hover);--plasma-chip-group-items-color-active:var(--text-primary);--plasma-chip-group-items-background-active:var(--surface-transparent-secondary-active);}
-.ChipGroup_config_o3u1bd_aimo9hk__e56ee064{--plasma-chip-group-items-color:var(--on-dark-text-primary);--plasma-chip-group-items-background:var(--surface-accent);--plasma-chip-group-items-color-hover:var(--on-dark-text-primary);--plasma-chip-group-items-background-hover:var(--surface-accent-hover);--plasma-chip-group-items-color-active:var(--on-dark-text-primary);--plasma-chip-group-items-background-active:var(--surface-accent-active);}
-.ChipGroup_config_o3u1bd_l1ecjycw__e56ee064{--plasma-chip-group-items-border-radius:0.75rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:3rem;--plasma-chip-group-item-padding-right:1rem;--plasma-chip-group-item-padding-left:1rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.5rem;--plasma-chip-group-item-clear-content-margin-left:0.625rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1.5rem;}
-.ChipGroup_config_o3u1bd_m9yz770__e56ee064{--plasma-chip-group-items-border-radius:0.625rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:2.5rem;--plasma-chip-group-item-padding-right:0.875rem;--plasma-chip-group-item-padding-left:0.875rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.375rem;--plasma-chip-group-item-clear-content-margin-left:0.5rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1rem;}
-.ChipGroup_config_o3u1bd_s9y7l64__e56ee064{--plasma-chip-group-items-border-radius:0.5rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:2rem;--plasma-chip-group-item-padding-right:0.875rem;--plasma-chip-group-item-padding-left:0.875rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.25rem;--plasma-chip-group-item-clear-content-margin-left:0.375rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1rem;}
-.ChipGroup_config_o3u1bd_x1v0c462__e56ee064{--plasma-chip-group-items-border-radius:0.375rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:1.5rem;--plasma-chip-group-item-padding-right:0.625rem;--plasma-chip-group-item-padding-left:0.625rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-xs-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.25rem;--plasma-chip-group-item-clear-content-margin-left:0.25rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1rem;}
-.ChipGroup_config_o3u1bd_dp6l87u__e56ee064{--plasma-chip-group-items-gap:0.125rem;}
-.ChipGroup_config_o3u1bd_wug1gkx__e56ee064{--plasma-chip-group-items-gap:0.5rem;}
-
 .Combobox_config_14g29y5_x1m2v3ds__9276e53f{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.5rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.5rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.375rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1rem;--plasma-combobox-old-item-padding-top:0.5rem;--plasma-combobox-old-item-padding-right:0.5rem;--plasma-combobox-old-item-padding-bottom:0.5rem;--plasma-combobox-old-item-padding-left:0.375rem;--plasma-combobox-old-item-border-radius:0.375rem;--plasma-combobox-old-item-content-left-width:1.25rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.125rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:1.25rem;--plasma-combobox-old-chip-padding-right:0.375rem;--plasma-combobox-old-chip-padding-left:0.625rem;--plasma-combobox-old-chip-clear-content-margin-left:0.25rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:0.75rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-target-arrow-right:0.5rem;--plasma-combobox-old-target-height:2rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.5rem;--plasma-combobox-old-target-padding:0 2.5rem 0 0.75rem;--plasma-combobox-old-target-padding-has-chips:0 2.625rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 2.625rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
 .Combobox_config_14g29y5_snjir4d__9276e53f{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.625rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.75rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.75rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1.5rem;--plasma-combobox-old-item-padding-top:0.5rem;--plasma-combobox-old-item-padding-right:0.75rem;--plasma-combobox-old-item-padding-bottom:0.5rem;--plasma-combobox-old-item-padding-left:0.75rem;--plasma-combobox-old-item-border-radius:0.5rem;--plasma-combobox-old-item-content-left-width:1.75rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.25rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:1.75rem;--plasma-combobox-old-chip-padding-right:0.5rem;--plasma-combobox-old-chip-padding-left:0.75rem;--plasma-combobox-old-chip-clear-content-margin-left:0.375rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:0.75rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-target-arrow-right:0.75rem;--plasma-combobox-old-target-height:2.5rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.625rem;--plasma-combobox-old-target-padding:0 3rem 0 1rem;--plasma-combobox-old-target-padding-has-chips:0 3.125rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 3.125rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xxs-line-height);}
 .Combobox_config_14g29y5_m8yng6k__9276e53f{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.75rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.875rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.875rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1.5rem;--plasma-combobox-old-item-padding-top:0.75rem;--plasma-combobox-old-item-padding-right:0.875rem;--plasma-combobox-old-item-padding-bottom:0.75rem;--plasma-combobox-old-item-padding-left:0.875rem;--plasma-combobox-old-item-border-radius:0.625rem;--plasma-combobox-old-item-content-left-width:1.75rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.375rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:2.25rem;--plasma-combobox-old-chip-padding-right:0.875rem;--plasma-combobox-old-chip-padding-left:0.625rem;--plasma-combobox-old-chip-clear-content-margin-left:0.5rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:1rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-target-arrow-right:0.875rem;--plasma-combobox-old-target-height:3rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.75rem;--plasma-combobox-old-target-padding:0 3.25rem 0 1.25rem;--plasma-combobox-old-target-padding-has-chips:0 3.375rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 3.375rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}

package/css/cjs/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index = require('./components/Combobox/index.js');
 var plasmaNewHope = require('@salutejs/plasma-new-hope');
 var Accordion = require('./components/Accordion/Accordion.js');
+var Attach = require('./components/Attach/Attach.js');
 var Autocomplete = require('./components/Autocomplete/Autocomplete.js');
 var Avatar = require('./components/Avatar/Avatar.js');
 var AvatarGroup = require('./components/AvatarGroup/AvatarGroup.js');
@@ -16,7 +17,6 @@ var Calendar = require('./components/Calendar/Calendar.js');
 var Cell = require('./components/Cell/Cell.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
 var Chip = require('./components/Chip/Chip.js');
-var ChipGroup = require('./components/ChipGroup/ChipGroup.js');
 var Combobox = require('./components/Combobox/Legacy/Combobox.js');
 var Counter = require('./components/Counter/Counter.js');
 var DatePicker = require('./components/DatePicker/DatePicker.js');
@@ -34,6 +34,7 @@ var IconButton = require('./components/IconButton/IconButton.js');
 var Image = require('./components/Image/Image.js');
 var Indicator = require('./components/Indicator/Indicator.js');
 var Link = require('./components/Link/Link.js');
+var Mask = require('./components/Mask/Mask.js');
 var ModalBase = require('./components/ModalBase/ModalBase.js');
 var Notification = require('./components/Notification/Notification.js');
 var Pagination = require('./components/Pagination/Pagination.js');
@@ -193,6 +194,7 @@ Object.defineProperty(exports, 'useToast', {
 	get: function () { return plasmaNewHope.useToast; }
 });
 exports.Accordion = Accordion.Accordion;
+exports.Attach = Attach.Attach;
 exports.Autocomplete = Autocomplete.Autocomplete;
 exports.Avatar = Avatar.Avatar;
 exports.AvatarGroup = AvatarGroup.AvatarGroup;
@@ -208,7 +210,6 @@ exports.CalendarDoubleRange = Calendar.CalendarDoubleRange;
 exports.Cell = Cell.Cell;
 exports.Checkbox = Checkbox.Checkbox;
 exports.Chip = Chip.Chip;
-exports.ChipGroup = ChipGroup.ChipGroup;
 exports.ComboboxDivider = Combobox.ComboboxDivider;
 exports.ComboboxFooter = Combobox.ComboboxFooter;
 exports.ComboboxGroup = Combobox.ComboboxGroup;
@@ -245,6 +246,7 @@ exports.IconButton = IconButton.IconButton;
 exports.Image = Image.Image;
 exports.Indicator = Indicator.Indicator;
 exports.Link = Link.Link;
+exports.Mask = Mask.Mask;
 exports.ModalBase = ModalBase.ModalBase;
 exports.Notification = Notification.Notification;
 exports.NotificationsProvider = Notification.NotificationsProvider;

package/css/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/css/es/components/Attach/Attach.config.js

@@ -0,0 +1,31 @@
+import './Attach.config_1s3phpr.css';
+var config = {
+  defaults: {
+    view: 'default',
+    focused: 'true',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": "dh2upgr",
+      accent: "a8wsq7j",
+      secondary: "s5x2wim",
+      clear: "c7t1r9b",
+      success: "savuac0",
+      warning: "w1xds7bq",
+      critical: "c5nbujf",
+      dark: "drovqmd",
+      black: "b1r56d65",
+      white: "w106agwf"
+    },
+    size: {
+      l: "l1x8glsz",
+      m: "m1gytn7q",
+      s: "s19ojacu",
+      xs: "x7sr79d"
+    }
+  }
+};
+
+export { config };
+//# sourceMappingURL=Attach.config.js.map

package/css/es/components/Attach/Attach.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attach.config.js","sources":["../../../../src-css/components/Attach/Attach.config.ts"],"sourcesContent":["import { css, attachTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${attachTokens.buttonColor}: var(--inverse-text-primary);\n                ${attachTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--inverse-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${attachTokens.buttonColorActive}: var(--inverse-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--inverse-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--inverse-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${attachTokens.iconButtonColorActive}: var(--inverse-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n            `,\n            accent: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-accent);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n            `,\n            secondary: css`\n                ${attachTokens.buttonColor}: var(--text-primary);\n                ${attachTokens.buttonValueColor}: var(--text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${attachTokens.buttonColorActive}: var(--text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${attachTokens.iconButtonColorActive}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n            `,\n            clear: css`\n                ${attachTokens.buttonColor}: var(--text-primary);\n                ${attachTokens.buttonValueColor}: var(--text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--text-primary-hover);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.buttonColorActive}: var(--text-primary-active);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--text-primary-hover);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonColorActive}: var(--text-primary-active);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n            `,\n            success: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-positive);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-positive);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n            `,\n            warning: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-warning);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-warning);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n            `,\n            critical: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-negative);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-negative);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n            `,\n            dark: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n            `,\n            black: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n            `,\n            white: css`\n                ${attachTokens.buttonColor}: var(--on-light-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-light-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-light-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n                ${attachTokens.buttonColorActive}: var(--on-light-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-light-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-light-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-light-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n            `,\n        },\n        size: {\n            l: css`\n                ${attachTokens.horizontalGap}: 1.5rem;\n                ${attachTokens.verticalGap}: 0.5rem;\n\n                ${attachTokens.buttonHeight}: 3.5rem;\n                ${attachTokens.buttonWidth}: 12.5rem;\n                ${attachTokens.buttonPadding}: 1.5rem;\n                ${attachTokens.buttonRadius}: 0.875rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.iconButtonHeight}: 3.5rem;\n                ${attachTokens.iconButtonWidth}: 3.5rem;\n                ${attachTokens.iconButtonPadding}: 1.5rem;\n                ${attachTokens.iconButtonRadius}: 0.875rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n            `,\n            m: css`\n                ${attachTokens.horizontalGap}: 1.25rem;\n                ${attachTokens.verticalGap}: 0.5rem;\n\n                ${attachTokens.buttonHeight}: 3rem;\n                ${attachTokens.buttonWidth}: 11.25rem;\n                ${attachTokens.buttonPadding}: 1.25rem;\n                ${attachTokens.buttonRadius}: 0.75rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.iconButtonHeight}: 3rem;\n                ${attachTokens.iconButtonWidth}: 3rem;\n                ${attachTokens.iconButtonPadding}: 1.25rem;\n                ${attachTokens.iconButtonRadius}: 0.75rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n            `,\n            s: css`\n                ${attachTokens.horizontalGap}: 1rem;\n                ${attachTokens.verticalGap}: 0.375rem;\n\n                ${attachTokens.buttonHeight}: 2.5rem;\n                ${attachTokens.buttonWidth}: 11.25rem;\n                ${attachTokens.buttonPadding}: 1rem;\n                ${attachTokens.buttonRadius}: 0.625rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonHeight}: 2.5rem;\n                ${attachTokens.iconButtonWidth}: 2.5rem;\n                ${attachTokens.iconButtonPadding}: 1rem;\n                ${attachTokens.iconButtonRadius}: 0.625rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n            `,\n            xs: css`\n                ${attachTokens.horizontalGap}: 0.75rem;\n                ${attachTokens.verticalGap}: 0.25rem;\n\n                ${attachTokens.buttonHeight}: 2rem;\n                ${attachTokens.buttonWidth}: 10rem;\n                ${attachTokens.buttonPadding}: 0.75rem;\n                ${attachTokens.buttonRadius}: 0.5rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.25rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonHeight}: 2rem;\n                ${attachTokens.iconButtonWidth}: 2rem;\n                ${attachTokens.iconButtonPadding}: 0.75rem;\n                ${attachTokens.iconButtonRadius}: 0.5rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","l","m","s","xs"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAwCC,SAAA;AACDC,MAAAA,MAAM,EAwCL,SAAA;AACDC,MAAAA,SAAS,EAwCR,SAAA;AACDC,MAAAA,KAAK,EAwCJ,SAAA;AACDC,MAAAA,OAAO,EAqCN,SAAA;AACDC,MAAAA,OAAO,EAwCN,UAAA;AACDC,MAAAA,QAAQ,EAqCP,SAAA;AACDC,MAAAA,IAAI,EAwCH,SAAA;AACDC,MAAAA,KAAK,EAwCJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAyCR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,CAAC,EAgFA,UAAA;AACDC,MAAAA,CAAC,EAgFA,UAAA;AACDC,MAAAA,CAAC,EAgFA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAiFN,KAAA;AACJ,GAAA;AACJ;;;;"}