@salutejs/plasma-web 1.402.1-canary.1448.11008275499.0 → 1.402.1-canary.1448.11010066200.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (35) hide show
  1. package/api/plasma-web.api.md +225 -2
  2. package/components/Attach/Attach.config.d.ts +27 -0
  3. package/components/Attach/Attach.config.js +36 -0
  4. package/components/Attach/Attach.d.ts +224 -0
  5. package/components/Attach/Attach.js +14 -0
  6. package/components/Attach/index.d.ts +1 -0
  7. package/components/Attach/index.js +12 -0
  8. package/components/Cell/Cell.d.ts +2 -2
  9. package/css/cjs/components/Attach/Attach.config.js +35 -0
  10. package/css/cjs/components/Attach/Attach.config.js.map +1 -0
  11. package/css/cjs/components/Attach/Attach.config_1s3phpr.css +14 -0
  12. package/css/cjs/components/Attach/Attach.css +14 -0
  13. package/css/cjs/components/Attach/Attach.js +16 -0
  14. package/css/cjs/components/Attach/Attach.js.map +1 -0
  15. package/css/cjs/index.css +15 -0
  16. package/css/cjs/index.js +2 -0
  17. package/css/cjs/index.js.map +1 -1
  18. package/css/es/components/Attach/Attach.config.js +31 -0
  19. package/css/es/components/Attach/Attach.config.js.map +1 -0
  20. package/css/es/components/Attach/Attach.config_1s3phpr.css +14 -0
  21. package/css/es/components/Attach/Attach.css +14 -0
  22. package/css/es/components/Attach/Attach.js +12 -0
  23. package/css/es/components/Attach/Attach.js.map +1 -0
  24. package/css/es/index.css +15 -0
  25. package/css/es/index.js +1 -0
  26. package/css/es/index.js.map +1 -1
  27. package/css/index.d.ts +2 -0
  28. package/es/components/Attach/Attach.config.js +30 -0
  29. package/es/components/Attach/Attach.js +8 -0
  30. package/es/components/Attach/index.js +1 -0
  31. package/es/index.js +2 -1
  32. package/index.d.ts +1 -0
  33. package/index.js +11 -0
  34. package/package.json +4 -4
  35. package/temp/plasma-web.api.md +225 -2
package/css/cjs/components/Attach/Attach.css ADDED
@@ -0,0 +1,14 @@
1
+ .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);}
2
+ .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);}
3
+ .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);}
4
+ .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);}
5
+ .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);}
6
+ .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);}
7
+ .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);}
8
+ .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);}
9
+ .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);}
10
+ .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);}
11
+ .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;}
12
+ .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;}
13
+ .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;}
14
+ .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 ADDED
@@ -0,0 +1,16 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var plasmaNewHope = require('@salutejs/plasma-new-hope');
6
+ var Attach_config = require('./Attach.config.js');
7
+
8
+ var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.attachConfig, Attach_config.config);
9
+
10
+ /**
11
+ * Компонент, позволяющий прикрепить локальный файл
12
+ */
13
+ var Attach = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
14
+
15
+ exports.Attach = Attach;
16
+ //# sourceMappingURL=Attach.js.map
package/css/cjs/components/Attach/Attach.js.map ADDED
@@ -0,0 +1 @@
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/index.css CHANGED
@@ -9,6 +9,21 @@
9
9
 
10
10
 
11
11
 
12
+ .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);}
13
+ .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);}
14
+ .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);}
15
+ .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);}
16
+ .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);}
17
+ .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);}
18
+ .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);}
19
+ .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);}
20
+ .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);}
21
+ .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);}
22
+ .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;}
23
+ .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;}
24
+ .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;}
25
+ .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;}
26
+
12
27
  .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);}
13
28
  .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);}
14
29
  .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);}
package/css/cjs/index.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var index = require('./components/Combobox/index.js');
6
6
  var plasmaNewHope = require('@salutejs/plasma-new-hope');
7
7
  var Accordion = require('./components/Accordion/Accordion.js');
8
+ var Attach = require('./components/Attach/Attach.js');
8
9
  var Autocomplete = require('./components/Autocomplete/Autocomplete.js');
9
10
  var Avatar = require('./components/Avatar/Avatar.js');
10
11
  var AvatarGroup = require('./components/AvatarGroup/AvatarGroup.js');
@@ -193,6 +194,7 @@ Object.defineProperty(exports, 'useToast', {
193
194
  get: function () { return plasmaNewHope.useToast; }
194
195
  });
195
196
  exports.Accordion = Accordion.Accordion;
197
+ exports.Attach = Attach.Attach;
196
198
  exports.Autocomplete = Autocomplete.Autocomplete;
197
199
  exports.Avatar = Avatar.Avatar;
198
200
  exports.AvatarGroup = AvatarGroup.AvatarGroup;
package/css/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/css/es/components/Attach/Attach.config.js ADDED
@@ -0,0 +1,31 @@
1
+ import './Attach.config_1s3phpr.css';
2
+ var config = {
3
+ defaults: {
4
+ view: 'default',
5
+ focused: 'true',
6
+ size: 'm'
7
+ },
8
+ variations: {
9
+ view: {
10
+ "default": "dh2upgr",
11
+ accent: "a8wsq7j",
12
+ secondary: "s5x2wim",
13
+ clear: "c7t1r9b",
14
+ success: "savuac0",
15
+ warning: "w1xds7bq",
16
+ critical: "c5nbujf",
17
+ dark: "drovqmd",
18
+ black: "b1r56d65",
19
+ white: "w106agwf"
20
+ },
21
+ size: {
22
+ l: "l1x8glsz",
23
+ m: "m1gytn7q",
24
+ s: "s19ojacu",
25
+ xs: "x7sr79d"
26
+ }
27
+ }
28
+ };
29
+
30
+ export { config };
31
+ //# sourceMappingURL=Attach.config.js.map
package/css/es/components/Attach/Attach.config.js.map ADDED
@@ -0,0 +1 @@
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;;;;"}
package/css/es/components/Attach/Attach.config_1s3phpr.css ADDED
@@ -0,0 +1,14 @@
1
+ .dh2upgr{--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);}
2
+ .a8wsq7j{--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);}
3
+ .s5x2wim{--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);}
4
+ .c7t1r9b{--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);}
5
+ .savuac0{--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);}
6
+ .w1xds7bq{--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);}
7
+ .c5nbujf{--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);}
8
+ .drovqmd{--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);}
9
+ .b1r56d65{--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);}
10
+ .w106agwf{--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);}
11
+ .l1x8glsz{--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;}
12
+ .m1gytn7q{--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;}
13
+ .s19ojacu{--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;}
14
+ .x7sr79d{--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;}