@salutejs/plasma-web 1.401.0-canary.1418.10942866373.0 → 1.401.0-canary.1437.10948458812.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. package/api/plasma-web.api.md +225 -195
  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/{Mask → Attach}/index.js +3 -3
  8. package/components/Cell/Cell.d.ts +2 -2
  9. package/components/TextField/TextField.d.ts +5 -11
  10. package/components/TextField/TextField.js +2 -2
  11. package/css/cjs/components/Attach/Attach.config.js +35 -0
  12. package/css/cjs/components/Attach/Attach.config.js.map +1 -0
  13. package/css/cjs/components/Attach/Attach.config_1abu8vf.css +14 -0
  14. package/css/cjs/components/Attach/Attach.css +14 -0
  15. package/css/cjs/components/Attach/Attach.js +16 -0
  16. package/css/cjs/components/Attach/Attach.js.map +1 -0
  17. package/css/cjs/components/TextField/TextField.js +0 -1
  18. package/css/cjs/components/TextField/TextField.js.map +1 -1
  19. package/css/cjs/index.css +15 -0
  20. package/css/cjs/index.js +2 -2
  21. package/css/es/components/Attach/Attach.config.js +31 -0
  22. package/css/es/components/Attach/Attach.config.js.map +1 -0
  23. package/css/es/components/Attach/Attach.config_1abu8vf.css +14 -0
  24. package/css/es/components/Attach/Attach.css +14 -0
  25. package/css/es/components/Attach/Attach.js +12 -0
  26. package/css/es/components/Attach/Attach.js.map +1 -0
  27. package/css/es/components/TextField/TextField.js +1 -1
  28. package/css/es/components/TextField/TextField.js.map +1 -1
  29. package/css/es/index.css +15 -0
  30. package/css/es/index.js +1 -1
  31. package/css/index.d.ts +2 -2
  32. package/es/components/Attach/Attach.config.js +30 -0
  33. package/es/components/Attach/Attach.js +8 -0
  34. package/es/components/Attach/index.js +1 -0
  35. package/es/components/TextField/TextField.js +1 -1
  36. package/es/index.js +1 -1
  37. package/index.d.ts +1 -1
  38. package/index.js +4 -4
  39. package/package.json +3 -3
  40. package/temp/plasma-web.api.md +225 -195
  41. package/components/Mask/Mask.d.ts +0 -190
  42. package/components/Mask/Mask.js +0 -9
  43. package/components/Mask/index.d.ts +0 -1
  44. package/css/cjs/components/Mask/Mask.js +0 -11
  45. package/css/cjs/components/Mask/Mask.js.map +0 -1
  46. package/css/es/components/Mask/Mask.js +0 -7
  47. package/css/es/components/Mask/Mask.js.map +0 -1
  48. package/es/components/Mask/Mask.js +0 -3
  49. package/es/components/Mask/index.js +0 -1
  50. /package/css/cjs/components/{Mask/Mask.css → TextField/TextField.css} +0 -0
  51. /package/css/es/components/{Mask/Mask.css → TextField/TextField.css} +0 -0
@@ -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-primary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-primary-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-primary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-primary-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-primary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-primary-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-primary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-primary-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-primary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-primary-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-primary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-primary-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-primary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-primary-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-primary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-primary-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-primary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-primary-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-primary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-primary-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;;;;"}
@@ -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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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;}
@@ -0,0 +1,14 @@
1
+ .Attach_config_1abu8vf_dh2upgr__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_a8wsq7j__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_s5x2wim__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_c7t1r9b__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_savuac0__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_w1xds7bq__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_c5nbujf__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_drovqmd__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_b1r56d65__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_w106agwf__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_l1x8glsz__6bc92c2c{--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_1abu8vf_m1gytn7q__6bc92c2c{--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_1abu8vf_s19ojacu__6bc92c2c{--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_1abu8vf_x7sr79d__6bc92c2c{--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;}
@@ -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
@@ -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;;;;"}
@@ -78,5 +78,4 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
78
78
  });
79
79
 
80
80
  exports.TextField = TextField;
81
- exports.TextFieldComponent = TextFieldComponent;
82
81
  //# sourceMappingURL=TextField.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nexport const TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype RequiredProps = {\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default right\n */\n requiredPlacement?: 'left' | 'right';\n} & (\n | {\n /**\n * Флаг обязательности поля\n */\n required: true;\n /**\n * Флаг необязательности поля\n */\n optional?: never | false;\n }\n | {\n /**\n * Флаг необязательности поля\n */\n optional?: true;\n /**\n * Флаг обязательности поля\n */\n required?: never | false;\n }\n);\n\ntype TextFieldProps = TextFieldPropsOld & RequiredProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n placeholder,\n animatedHint,\n helperText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n if (size !== 'l' && _labelPlacement === 'inner') {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n onChangeChips={onChangeChips}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC,CAAA;IAC5CC,kBAAkB,gBAAGC,uBAAS,CAACL,YAAY,EAAC;AAsCzD,IAAMM,YAAuG,GAAG;AAC5GC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,UAAA;AACX,CAAC,CAAA;AACD,IAAMC,4BAGL,GAAG;AACAC,EAAAA,WAAW,EAAE,OAAO;AACpBC,EAAAA,KAAK,EAAE,OAAA;AACX,CAAC,CAAA;;AAED;AACA;AACA;AACO,IAAMC,SAAS,gBAAGC,gBAAU,CAAyC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IACIC,MAAM,GAeNF,KAAK,CAfLE,MAAM;IAENL,KAAK,GAaLG,KAAK,CAbLH,KAAK;IACLD,WAAW,GAYXI,KAAK,CAZLJ,WAAW;IACXO,YAAY,GAWZH,KAAK,CAXLG,YAAY;IACZC,UAAU,GAUVJ,KAAK,CAVLI,UAAU;IAEVC,eAAe,GAQfL,KAAK,CARLK,eAAe;IACfC,KAAK,GAOLN,KAAK,CAPLM,KAAK;IACLC,QAAQ,GAMRP,KAAK,CANLO,QAAQ;IACRC,aAAa,GAKbR,KAAK,CALLQ,aAAa;IAAAC,WAAA,GAKbT,KAAK,CAHLU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,WAAA;AAEPE,IAAAA,IAAI,GAAAC,iDAAA,CACPZ,KAAK,EAAAa,SAAA,CAAA,CAAA;;AAET;AACA;EACA,IAAMC,KAAK,GAAGZ,MAAM,GAAGX,YAAY,CAACW,MAAM,CAAC,GAAG,SAAS,CAAA;EACvD,IAAIa,eAAe,GAAGZ,YAAY,GAAGR,4BAA4B,CAACQ,YAAY,CAAC,GAAG,OAAO,CAAA;EACzF,IAAIa,MAAM,GAAGnB,KAAK,GAAGoB,MAAM,CAACpB,KAAK,CAAC,GAAGqB,SAAS,CAAA;AAC9C,EAAA,IAAIR,IAAI,KAAK,GAAG,IAAIK,eAAe,KAAK,OAAO,EAAE;AAC7CC,IAAAA,MAAM,GAAGE,SAAS,CAAA;AAClBH,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EACA,IAAIL,IAAI,KAAK,GAAG,IAAIP,YAAY,KAAK,aAAa,IAAI,CAACN,KAAK,EAAE;AAC1DmB,IAAAA,MAAM,GAAGpB,WAAW,CAAA;AACpBmB,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EAEA,IAAIV,eAAe,KAAK,MAAM,EAAE;IAC5B,oBACIc,KAAA,CAAAC,aAAA,CAAC/B,kBAAkB,EAAAgC,iCAAA,KACXV,IAAI,EAAA;AACRW,MAAAA,IAAI,EAAER,KAAM;AACZS,MAAAA,cAAc,EAAER,eAAgB;AAChClB,MAAAA,KAAK,EAAEmB,MAAO;AACdN,MAAAA,IAAI,EAAEA,IAAK;AACXd,MAAAA,WAAW,EAAEA,WAAY;AACzB4B,MAAAA,UAAU,EAAEpB,UAAW;AACvBH,MAAAA,GAAG,EAAEA,GAAI;AACTI,MAAAA,eAAe,EAAC,MAAM;AACtBC,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,aAAa,EAAEA,aAAAA;AAAc,KAAA,CAChC,CAAC,CAAA;AAEV,GAAA;EAEA,oBACIW,KAAA,CAAAC,aAAA,CAAC/B,kBAAkB,EAAAgC,iCAAA,KACXV,IAAI,EAAA;AACRW,IAAAA,IAAI,EAAER,KAAM;AACZS,IAAAA,cAAc,EAAER,eAAgB;AAChClB,IAAAA,KAAK,EAAEmB,MAAO;AACdN,IAAAA,IAAI,EAAEA,IAAK;AACXd,IAAAA,WAAW,EAAEA,WAAY;AACzB4B,IAAAA,UAAU,EAAEpB,UAAW;AACvBH,IAAAA,GAAG,EAAEA,GAAI;AACTI,IAAAA,eAAe,EAAC,OAAO;AACvBE,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CACtB,CAAC,CAAA;AAEV,CAAC;;;;;"}
1
+ {"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype RequiredProps = {\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default right\n */\n requiredPlacement?: 'left' | 'right';\n} & (\n | {\n /**\n * Флаг обязательности поля\n */\n required: true;\n /**\n * Флаг необязательности поля\n */\n optional?: never | false;\n }\n | {\n /**\n * Флаг необязательности поля\n */\n optional?: true;\n /**\n * Флаг обязательности поля\n */\n required?: never | false;\n }\n);\n\ntype TextFieldProps = TextFieldPropsOld & RequiredProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n placeholder,\n animatedHint,\n helperText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n if (size !== 'l' && _labelPlacement === 'inner') {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n onChangeChips={onChangeChips}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC,CAAA;AACzD,IAAMC,kBAAkB,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAsClD,IAAMM,YAAuG,GAAG;AAC5GC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,UAAA;AACX,CAAC,CAAA;AACD,IAAMC,4BAGL,GAAG;AACAC,EAAAA,WAAW,EAAE,OAAO;AACpBC,EAAAA,KAAK,EAAE,OAAA;AACX,CAAC,CAAA;;AAED;AACA;AACA;AACO,IAAMC,SAAS,gBAAGC,gBAAU,CAAyC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IACIC,MAAM,GAeNF,KAAK,CAfLE,MAAM;IAENL,KAAK,GAaLG,KAAK,CAbLH,KAAK;IACLD,WAAW,GAYXI,KAAK,CAZLJ,WAAW;IACXO,YAAY,GAWZH,KAAK,CAXLG,YAAY;IACZC,UAAU,GAUVJ,KAAK,CAVLI,UAAU;IAEVC,eAAe,GAQfL,KAAK,CARLK,eAAe;IACfC,KAAK,GAOLN,KAAK,CAPLM,KAAK;IACLC,QAAQ,GAMRP,KAAK,CANLO,QAAQ;IACRC,aAAa,GAKbR,KAAK,CALLQ,aAAa;IAAAC,WAAA,GAKbT,KAAK,CAHLU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,WAAA;AAEPE,IAAAA,IAAI,GAAAC,iDAAA,CACPZ,KAAK,EAAAa,SAAA,CAAA,CAAA;;AAET;AACA;EACA,IAAMC,KAAK,GAAGZ,MAAM,GAAGX,YAAY,CAACW,MAAM,CAAC,GAAG,SAAS,CAAA;EACvD,IAAIa,eAAe,GAAGZ,YAAY,GAAGR,4BAA4B,CAACQ,YAAY,CAAC,GAAG,OAAO,CAAA;EACzF,IAAIa,MAAM,GAAGnB,KAAK,GAAGoB,MAAM,CAACpB,KAAK,CAAC,GAAGqB,SAAS,CAAA;AAC9C,EAAA,IAAIR,IAAI,KAAK,GAAG,IAAIK,eAAe,KAAK,OAAO,EAAE;AAC7CC,IAAAA,MAAM,GAAGE,SAAS,CAAA;AAClBH,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EACA,IAAIL,IAAI,KAAK,GAAG,IAAIP,YAAY,KAAK,aAAa,IAAI,CAACN,KAAK,EAAE;AAC1DmB,IAAAA,MAAM,GAAGpB,WAAW,CAAA;AACpBmB,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EAEA,IAAIV,eAAe,KAAK,MAAM,EAAE;IAC5B,oBACIc,KAAA,CAAAC,aAAA,CAAC/B,kBAAkB,EAAAgC,iCAAA,KACXV,IAAI,EAAA;AACRW,MAAAA,IAAI,EAAER,KAAM;AACZS,MAAAA,cAAc,EAAER,eAAgB;AAChClB,MAAAA,KAAK,EAAEmB,MAAO;AACdN,MAAAA,IAAI,EAAEA,IAAK;AACXd,MAAAA,WAAW,EAAEA,WAAY;AACzB4B,MAAAA,UAAU,EAAEpB,UAAW;AACvBH,MAAAA,GAAG,EAAEA,GAAI;AACTI,MAAAA,eAAe,EAAC,MAAM;AACtBC,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,aAAa,EAAEA,aAAAA;AAAc,KAAA,CAChC,CAAC,CAAA;AAEV,GAAA;EAEA,oBACIW,KAAA,CAAAC,aAAA,CAAC/B,kBAAkB,EAAAgC,iCAAA,KACXV,IAAI,EAAA;AACRW,IAAAA,IAAI,EAAER,KAAM;AACZS,IAAAA,cAAc,EAAER,eAAgB;AAChClB,IAAAA,KAAK,EAAEmB,MAAO;AACdN,IAAAA,IAAI,EAAEA,IAAK;AACXd,IAAAA,WAAW,EAAEA,WAAY;AACzB4B,IAAAA,UAAU,EAAEpB,UAAW;AACvBH,IAAAA,GAAG,EAAEA,GAAI;AACTI,IAAAA,eAAe,EAAC,OAAO;AACvBE,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CACtB,CAAC,CAAA;AAEV,CAAC;;;;"}
package/css/cjs/index.css CHANGED
@@ -9,6 +9,21 @@
9
9
 
10
10
 
11
11
 
12
+ .Attach_config_1abu8vf_dh2upgr__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_a8wsq7j__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_s5x2wim__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_c7t1r9b__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_savuac0__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_w1xds7bq__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_c5nbujf__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_drovqmd__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_b1r56d65__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_w106agwf__6bc92c2c{--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-primary);--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-primary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-primary-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_1abu8vf_l1x8glsz__6bc92c2c{--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_1abu8vf_m1gytn7q__6bc92c2c{--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_1abu8vf_s19ojacu__6bc92c2c{--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_1abu8vf_x7sr79d__6bc92c2c{--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');
@@ -33,7 +34,6 @@ var IconButton = require('./components/IconButton/IconButton.js');
33
34
  var Image = require('./components/Image/Image.js');
34
35
  var Indicator = require('./components/Indicator/Indicator.js');
35
36
  var Link = require('./components/Link/Link.js');
36
- var Mask = require('./components/Mask/Mask.js');
37
37
  var ModalBase = require('./components/ModalBase/ModalBase.js');
38
38
  var Notification = require('./components/Notification/Notification.js');
39
39
  var Pagination = require('./components/Pagination/Pagination.js');
@@ -193,6 +193,7 @@ Object.defineProperty(exports, 'useToast', {
193
193
  get: function () { return plasmaNewHope.useToast; }
194
194
  });
195
195
  exports.Accordion = Accordion.Accordion;
196
+ exports.Attach = Attach.Attach;
196
197
  exports.Autocomplete = Autocomplete.Autocomplete;
197
198
  exports.Avatar = Avatar.Avatar;
198
199
  exports.AvatarGroup = AvatarGroup.AvatarGroup;
@@ -244,7 +245,6 @@ exports.IconButton = IconButton.IconButton;
244
245
  exports.Image = Image.Image;
245
246
  exports.Indicator = Indicator.Indicator;
246
247
  exports.Link = Link.Link;
247
- exports.Mask = Mask.Mask;
248
248
  exports.ModalBase = ModalBase.ModalBase;
249
249
  exports.Notification = Notification.Notification;
250
250
  exports.NotificationsProvider = Notification.NotificationsProvider;
@@ -0,0 +1,31 @@
1
+ import './Attach.config_1abu8vf.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