@salutejs/plasma-b2c 1.421.0-canary.1459.11367029149.0 → 1.421.0-canary.1484.11368065603.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. package/api/plasma-b2c.api.md +429 -10
  2. package/components/Mask/Mask.d.ts +425 -2
  3. package/components/TextArea/TextArea.config.d.ts +1 -11
  4. package/components/TextArea/TextArea.config.js +13 -23
  5. package/components/TextArea/index.d.ts +1 -68
  6. package/components/TextField/TextField.config.d.ts +0 -10
  7. package/components/TextField/TextField.config.js +11 -21
  8. package/components/TextField/TextField.d.ts +278 -61
  9. package/components/TextField/TextField.js +1 -4
  10. package/css/cjs/components/Mask/Mask.css +11 -17
  11. package/css/cjs/components/Mask/Mask.js.map +1 -1
  12. package/css/cjs/components/TextArea/TextArea.config.js +4 -14
  13. package/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
  14. package/css/cjs/components/TextArea/{TextArea.config_lr7df6.css → TextArea.config_1g56huc.css} +10 -16
  15. package/css/cjs/components/TextArea/TextArea.css +10 -16
  16. package/css/cjs/components/TextField/TextField.config.js +3 -13
  17. package/css/cjs/components/TextField/TextField.config.js.map +1 -1
  18. package/css/cjs/components/TextField/TextField.config_o06qtv.css +13 -0
  19. package/css/cjs/components/TextField/TextField.js +1 -4
  20. package/css/cjs/components/TextField/TextField.js.map +1 -1
  21. package/css/cjs/index.css +25 -37
  22. package/css/es/components/Mask/Mask.css +11 -17
  23. package/css/es/components/Mask/Mask.js.map +1 -1
  24. package/css/es/components/TextArea/TextArea.config.js +4 -14
  25. package/css/es/components/TextArea/TextArea.config.js.map +1 -1
  26. package/css/es/components/TextArea/{TextArea.config_lr7df6.css → TextArea.config_1g56huc.css} +10 -16
  27. package/css/es/components/TextArea/TextArea.css +10 -16
  28. package/css/es/components/TextField/TextField.config.js +3 -13
  29. package/css/es/components/TextField/TextField.config.js.map +1 -1
  30. package/css/es/components/TextField/TextField.config_o06qtv.css +13 -0
  31. package/css/es/components/TextField/TextField.js +1 -4
  32. package/css/es/components/TextField/TextField.js.map +1 -1
  33. package/css/es/index.css +25 -37
  34. package/es/components/TextArea/TextArea.config.js +13 -23
  35. package/es/components/TextField/TextField.config.js +11 -21
  36. package/es/components/TextField/TextField.js +1 -4
  37. package/package.json +3 -3
  38. package/temp/plasma-b2c.api.md +429 -10
  39. package/css/cjs/components/TextField/TextField.config_dt66zs.css +0 -19
  40. package/css/es/components/TextField/TextField.config_dt66zs.css +0 -19
package/css/cjs/components/TextArea/TextArea.css CHANGED
@@ -1,17 +1,11 @@
1
- .TextArea_config_lr7df6_x1g7h1jw__aa231e62{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7.312rem;--plasma-textarea-input-min-height:0.625rem;--plasma-textarea-border-radius:0.5rem;--plasma-textarea-border-radius-with-helpers:0.5rem 0.5rem 0 0;--plasma-textarea-input-padding-top:0.563rem;--plasma-textarea-input-padding-right:0.625rem;--plasma-textarea-input-padding-right-with-right-content:2.125rem;--plasma-textarea-clear-input-padding-right-with-right-content:1.5rem;--plasma-textarea-input-padding-bottom:0.563rem;--plasma-textarea-input-padding-left:0.625rem;--plasma-textarea-helpers-padding-top:0.5rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0.625rem;--plasma-textarea-helpers-padding-bottom:0.563rem;--plasma-textarea-helpers-padding-left:0.625rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.563rem;--plasma-textarea-right-content-right:0.5rem;--plasma-textarea-right-content-height:1rem;--plasma-textarea-label-margin-bottom:0.375rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xxs-line-height);--plasma-textarea-label-inner-top:0rem;--plasma-textarea-label-inner-margin-bottom:0rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.375rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.125rem -0.675rem auto auto;--plasma-textarea__clear-indicator-placement-inner:0.813rem auto auto -0.625rem;--plasma-textarea__clear-indicator-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-textarea__clear-indicator-hint-placement-inner-right:0.813rem -1.875rem auto auto;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;--plasma-textarea__hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-textarea__hint-target-size:2.375rem;--plasma-textarea__hint-inner-label-placement-offset:-0.751rem -1.875rem auto auto;--plasma-textarea__clear-hint-inner-label-placement-offset:-0.188rem -1.938rem auto auto;--plasma-textarea__title-caption-label-inner-offset:0.25rem;--plasma-textarea__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__title-caption-line-height:var(--plasma-typo-body-xs-line-height);}
2
- .TextArea_config_lr7df6_s1rie450__aa231e62{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7.187rem;--plasma-textarea-input-min-height:0.625rem;--plasma-textarea-border-radius:0.625rem;--plasma-textarea-border-radius-with-helpers:0.625rem 0.625rem 0 0;--plasma-textarea-input-padding-top:0.688rem;--plasma-textarea-input-padding-right:0.875rem;--plasma-textarea-input-padding-right-with-right-content:3.125rem;--plasma-textarea-clear-input-padding-right-with-right-content:2rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:0.875rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0.875rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:0.875rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.688rem;--plasma-textarea-right-content-right:0.75rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.5rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-s-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-s-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-s-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-s-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.375rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textarea__clear-indicator-placement-inner:1.063rem auto auto -0.75rem;--plasma-textarea__clear-indicator-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-textarea__clear-indicator-hint-placement-inner-right:1.063rem -2.125rem auto auto;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;--plasma-textarea__hint-margin:-0.688rem -0.5rem;--plasma-textarea__hint-target-size:2.375rem;--plasma-textarea__hint-inner-label-placement-offset:-0.751rem -2rem auto auto;--plasma-textarea__clear-hint-inner-label-placement-offset:0.062rem -2.063rem auto auto;--plasma-textarea__title-caption-label-inner-offset:0.25rem;--plasma-textarea__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__title-caption-line-height:var(--plasma-typo-body-xs-line-height);}
3
- .TextArea_config_lr7df6_m1klrxlo__aa231e62{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7rem;--plasma-textarea-input-min-height:1.125rem;--plasma-textarea-border-radius:0.75rem;--plasma-textarea-border-radius-with-helpers:0.75rem 0.75rem 0 0;--plasma-textarea-input-padding-top:0.875rem;--plasma-textarea-input-padding-right:1rem;--plasma-textarea-input-padding-right-with-right-content:3.375rem;--plasma-textarea-clear-input-padding-right-with-right-content:2.125rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:1rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:1rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:1rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.875rem;--plasma-textarea-right-content-right:0.875rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.625rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-m-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-m-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-m-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-m-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.4375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.1875rem -0.625rem auto auto;--plasma-textarea__clear-indicator-placement-inner:1.25rem auto auto -0.875rem;--plasma-textarea__clear-indicator-placement-inner-right:1.25rem -0.875rem auto auto;--plasma-textarea__clear-indicator-hint-placement-inner-right:1.25rem -2.25rem auto auto;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;--plasma-textarea__hint-margin:-0.688rem -0.5rem;--plasma-textarea__hint-target-size:2.375rem;--plasma-textarea__hint-inner-label-placement-offset:-0.751rem -2rem auto auto;--plasma-textarea__clear-hint-inner-label-placement-offset:0.312rem -2.063rem auto auto;--plasma-textarea__title-caption-label-inner-offset:0.25rem;--plasma-textarea__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__title-caption-line-height:var(--plasma-typo-body-xs-line-height);}
4
- .TextArea_config_lr7df6_l1ui7a2o__aa231e62{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:6.812rem;--plasma-textarea-input-min-height:1.625rem;--plasma-textarea-border-radius:0.875rem;--plasma-textarea-border-radius-with-helpers:0.875rem 0.875rem 0 0;--plasma-textarea-input-padding-top:1.063rem;--plasma-textarea-input-padding-right:1.125rem;--plasma-textarea-input-padding-right-with-right-content:3.625rem;--plasma-textarea-clear-input-padding-right-with-right-content:2.25rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:1.125rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:1.125rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:1.125rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:1.063rem;--plasma-textarea-right-content-right:1rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.75rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.5625rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-l-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-l-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-l-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-l-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.5rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textarea__clear-indicator-placement-inner:1.5rem auto auto -0.875rem;--plasma-textarea__clear-indicator-placement-inner-right:1.5rem -0.875rem auto auto;--plasma-textarea__clear-indicator-hint-placement-inner-right:1.5rem -2.25rem auto auto;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;--plasma-textarea__hint-margin:-0.688rem -0.5rem;--plasma-textarea__hint-target-size:2.375rem;--plasma-textarea__hint-inner-label-placement-offset:-0.751rem -2rem auto auto;--plasma-textarea__clear-hint-inner-label-placement-offset:0.562rem -2.063rem auto auto;--plasma-textarea__title-caption-label-inner-offset:0.25rem;--plasma-textarea__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__title-caption-line-height:var(--plasma-typo-body-xs-line-height);}
5
- .TextArea_config_lr7df6_d15h3znf__aa231e62{--plasma-textarea-input-background-color:var(--surface-transparent-primary);--plasma-textarea-input-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-helpers-background-color:var(--surface-transparent-primary);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-clear-placeholder-color:var(--text-secondary);--plasma-textarea-clear-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-transparent-tertiary);--plasma-textarea-divider-color-hover:var(--text-secondary);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
6
- .TextArea_config_lr7df6_p1xc86r3__aa231e62{--plasma-textarea-input-background-color:var(--surface-transparent-positive);--plasma-textarea-input-background-color-hover:var(--surface-transparent-positive-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-positive-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-positive);--plasma-textarea-helpers-background-color:var(--surface-transparent-positive);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-positive-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-positive-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-positive);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-positive);--plasma-textarea-clear-placeholder-color:var(--text-positive);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-positive);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-clear-placeholder-color-focus:var(--text-positive);--plasma-textarea-left-helper-color:var(--text-positive);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-positive);--plasma-textarea-divider-color-hover:var(--surface-positive);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
7
- .TextArea_config_lr7df6_p1jxjv8s__aa231e62{--plasma-textarea-input-background-color:var(--surface-transparent-primary);--plasma-textarea-input-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-helpers-background-color:var(--surface-transparent-primary);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-clear-placeholder-color:var(--text-secondary);--plasma-textarea-clear-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-transparent-tertiary);--plasma-textarea-divider-color-hover:var(--text-secondary);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
8
- .TextArea_config_lr7df6_w12dmzpw__aa231e62{--plasma-textarea-input-background-color:var(--surface-transparent-warning);--plasma-textarea-input-background-color-hover:var(--surface-transparent-warning-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-warning-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-warning);--plasma-textarea-helpers-background-color:var(--surface-transparent-warning);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-warning-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-warning-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-warning);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-warning);--plasma-textarea-clear-placeholder-color:var(--text-warning);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-warning);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-clear-placeholder-color-focus:var(--text-warning);--plasma-textarea-left-helper-color:var(--text-warning);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-warning);--plasma-textarea-divider-color-hover:var(--surface-warning);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
9
- .TextArea_config_lr7df6_nms0v69__aa231e62{--plasma-textarea-input-background-color:var(--surface-transparent-negative);--plasma-textarea-input-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-negative);--plasma-textarea-clear-placeholder-color:var(--text-negative);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-negative);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-clear-placeholder-color-focus:var(--text-negative);--plasma-textarea-left-helper-color:var(--text-negative);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-negative);--plasma-textarea-divider-color-hover:var(--surface-negative);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
10
- .TextArea_config_lr7df6_d18le4t3__aa231e62{--plasma-textarea__tooltip-background-color:var(--surface-solid-card);--plasma-textarea__tooltip-box-shadow:var(--shadow-down-hard-m);--plasma-textarea__tooltip-color:var(--text-primary);}
11
- .TextArea_config_lr7df6_oobk1y6__aa231e62{--plasma-textarea__tooltip-background-color:var(--on-dark-surface-solid-card);--plasma-textarea__tooltip-box-shadow:var(--shadow-down-hard-m);--plasma-textarea__tooltip-color:var(--on-dark-text-primary);}
12
- .TextArea_config_lr7df6_oqmoyi4__aa231e62{--plasma-textarea__tooltip-background-color:var(--on-light-surface-solid-card);--plasma-textarea__tooltip-box-shadow:var(--shadow-down-hard-m);--plasma-textarea__tooltip-color:var(--on-light-text-primary);}
13
- .TextArea_config_lr7df6_ihk8pwb__aa231e62{--plasma-textarea__tooltip-background-color:var(--inverse-surface-solid-card);--plasma-textarea__tooltip-box-shadow:var(--shadow-down-hard-m);--plasma-textarea__tooltip-color:var(--inverse-text-primary);}
14
- .TextArea_config_lr7df6_m1q2o3dx__aa231e62{--plasma-textarea__tooltip-padding-top:0.6875rem;--plasma-textarea__tooltip-padding-right:0.875rem;--plasma-textarea__tooltip-padding-bottom:0.6875rem;--plasma-textarea__tooltip-padding-left:0.875rem;--plasma-textarea__tooltip-min-height:2.5rem;--plasma-textarea__tooltip-border-radius:0.625rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textarea__tooltip-content-left-margin:0.375rem;--plasma-textarea__tooltip-arrow-mask-width:1.25rem;--plasma-textarea__tooltip-arrow-mask-height:1.25rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textarea__tooltip-arrow-height:0.5rem;--plasma-textarea__tooltip-arrow-edge-margin:0.625rem;--plasma-textarea__tooltip-arrow-background:var(--surface-solid-card);}
15
- .TextArea_config_lr7df6_sdc969b__aa231e62{--plasma-textarea__tooltip-padding-top:0.5rem;--plasma-textarea__tooltip-padding-right:0.75rem;--plasma-textarea__tooltip-padding-bottom:0.5rem;--plasma-textarea__tooltip-padding-left:0.75rem;--plasma-textarea__tooltip-min-height:2rem;--plasma-textarea__tooltip-border-radius:0.5rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea__tooltip-content-left-margin:0.25rem;--plasma-textarea__tooltip-arrow-mask-width:1rem;--plasma-textarea__tooltip-arrow-mask-height:1rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textarea__tooltip-arrow-height:0.375rem;--plasma-textarea__tooltip-arrow-edge-margin:0.5625rem;--plasma-textarea__tooltip-arrow-background:var(--surface-solid-card);}
1
+ .TextArea_config_1g56huc_x1g7h1jw__a654b880{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7.312rem;--plasma-textarea-input-min-height:0.625rem;--plasma-textarea-border-radius:0.5rem;--plasma-textarea-border-radius-with-helpers:0.5rem 0.5rem 0 0;--plasma-textarea-input-padding-top:0.563rem;--plasma-textarea-input-padding-right:0.625rem;--plasma-textarea-input-padding-right-with-right-content:2.125rem;--plasma-textarea-clear-input-padding-right-with-right-content:1.5rem;--plasma-textarea-input-padding-bottom:0.563rem;--plasma-textarea-input-padding-left:0.625rem;--plasma-textarea-helpers-padding-top:0.5rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0.625rem;--plasma-textarea-helpers-padding-bottom:0.563rem;--plasma-textarea-helpers-padding-left:0.625rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.563rem;--plasma-textarea-right-content-right:0.5rem;--plasma-textarea-right-content-height:1rem;--plasma-textarea-label-margin-bottom:0.375rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xxs-line-height);--plasma-textarea-label-inner-top:0rem;--plasma-textarea-label-inner-margin-bottom:0rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.375rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.125rem -0.675rem auto auto;--plasma-textarea__clear-indicator-placement-inner:0.813rem auto auto -0.625rem;--plasma-textarea__clear-indicator-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;}
2
+ .TextArea_config_1g56huc_s1rie450__a654b880{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7.187rem;--plasma-textarea-input-min-height:0.625rem;--plasma-textarea-border-radius:0.625rem;--plasma-textarea-border-radius-with-helpers:0.625rem 0.625rem 0 0;--plasma-textarea-input-padding-top:0.688rem;--plasma-textarea-input-padding-right:0.875rem;--plasma-textarea-input-padding-right-with-right-content:3.125rem;--plasma-textarea-clear-input-padding-right-with-right-content:2rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:0.875rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0.875rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:0.875rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.688rem;--plasma-textarea-right-content-right:0.75rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.5rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-s-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-s-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-s-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-s-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.375rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textarea__clear-indicator-placement-inner:1.063rem auto auto -0.75rem;--plasma-textarea__clear-indicator-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;}
3
+ .TextArea_config_1g56huc_m1klrxlo__a654b880{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7rem;--plasma-textarea-input-min-height:1.125rem;--plasma-textarea-border-radius:0.75rem;--plasma-textarea-border-radius-with-helpers:0.75rem 0.75rem 0 0;--plasma-textarea-input-padding-top:0.875rem;--plasma-textarea-input-padding-right:1rem;--plasma-textarea-input-padding-right-with-right-content:3.375rem;--plasma-textarea-clear-input-padding-right-with-right-content:2.125rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:1rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:1rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:1rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.875rem;--plasma-textarea-right-content-right:0.875rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.625rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-m-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-m-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-m-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-m-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.4375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.1875rem -0.625rem auto auto;--plasma-textarea__clear-indicator-placement-inner:1.25rem auto auto -0.875rem;--plasma-textarea__clear-indicator-placement-inner-right:1.25rem -0.875rem auto auto;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;}
4
+ .TextArea_config_1g56huc_l1ui7a2o__a654b880{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:6.812rem;--plasma-textarea-input-min-height:1.625rem;--plasma-textarea-border-radius:0.875rem;--plasma-textarea-border-radius-with-helpers:0.875rem 0.875rem 0 0;--plasma-textarea-input-padding-top:1.063rem;--plasma-textarea-input-padding-right:1.125rem;--plasma-textarea-input-padding-right-with-right-content:3.625rem;--plasma-textarea-clear-input-padding-right-with-right-content:2.25rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:1.125rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-clear-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:1.125rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:1.125rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:1.063rem;--plasma-textarea-right-content-right:1rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.75rem;--plasma-textarea-clear-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.5625rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-l-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-l-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-l-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-l-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.5rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textarea__clear-indicator-placement-inner:1.5rem auto auto -0.875rem;--plasma-textarea__clear-indicator-placement-inner-right:1.5rem -0.875rem auto auto;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;}
5
+ .TextArea_config_1g56huc_d15h3znf__a654b880{--plasma-textarea-input-background-color:var(--surface-transparent-primary);--plasma-textarea-input-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-helpers-background-color:var(--surface-transparent-primary);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-clear-placeholder-color:var(--text-secondary);--plasma-textarea-clear-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);}
6
+ .TextArea_config_1g56huc_p1xc86r3__a654b880{--plasma-textarea-input-background-color:var(--surface-transparent-positive);--plasma-textarea-input-background-color-hover:var(--surface-transparent-positive-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-positive-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-positive);--plasma-textarea-helpers-background-color:var(--surface-transparent-positive);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-positive-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-positive-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-positive);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-positive);--plasma-textarea-clear-placeholder-color:var(--text-positive);--plasma-textarea-clear-placeholder-color-focus:var(--text-positive);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-positive);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-positive);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textfield-divider-color:var(--surface-positive);--plasma-textfield-divider-color-hover:var(--surface-positive);--plasma-textfield-divider-color-focus:var(--surface-accent);}
7
+ .TextArea_config_1g56huc_p1jxjv8s__a654b880{--plasma-textarea-input-background-color:var(--surface-transparent-primary);--plasma-textarea-input-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-helpers-background-color:var(--surface-transparent-primary);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-clear-placeholder-color:var(--text-secondary);--plasma-textarea-clear-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);}
8
+ .TextArea_config_1g56huc_w12dmzpw__a654b880{--plasma-textarea-input-background-color:var(--surface-transparent-warning);--plasma-textarea-input-background-color-hover:var(--surface-transparent-warning-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-warning-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-warning);--plasma-textarea-helpers-background-color:var(--surface-transparent-warning);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-warning-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-warning-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-warning);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-warning);--plasma-textarea-clear-placeholder-color:var(--text-warning);--plasma-textarea-clear-placeholder-color-focus:var(--text-warning);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-warning);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-warning);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textfield-divider-color:var(--surface-warning);--plasma-textfield-divider-color-hover:var(--surface-warning);--plasma-textfield-divider-color-focus:var(--surface-accent);}
9
+ .TextArea_config_1g56huc_nms0v69__a654b880{--plasma-textarea-input-background-color:var(--surface-transparent-negative);--plasma-textarea-input-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-clear-color:var(--text-negative);--plasma-textarea-clear-placeholder-color:var(--text-negative);--plasma-textarea-clear-placeholder-color-focus:var(--text-negative);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-negative);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-negative);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textfield-divider-color:var(--surface-negative);--plasma-textfield-divider-color-hover:var(--surface-negative);--plasma-textfield-divider-color-focus:var(--surface-accent);}
16
10
 
17
- .TextArea_config_lr7df6_t1y8gdbj__aa231e62{--plasma-textarea-disabled-opacity:0.4;--plasma-textarea-input-color-disabled:var(--text-secondary);--plasma-textarea-divider-color-readonly:var(--surface-transparent-primary);--plasma-textarea__title-caption-color-readonly:var(--text-secondary);}
11
+ .TextArea_config_1g56huc_tobk1y6__a654b880{--plasma-textarea-disabled-opacity:0.4;--plasma-textarea-input-color-disabled:var(--text-secondary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);}
package/css/cjs/components/TextField/TextField.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './TextField.config_dt66zs.css';
1
+ import './TextField.config_o06qtv.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -29,21 +29,11 @@ var config = {
29
29
  clear: {
30
30
  "true": "tuyq38l"
31
31
  },
32
- hintView: {
33
- "default": "dx53wwr",
34
- onDark: "oaletrs",
35
- onLight: "o1t7mzsz",
36
- inverse: "ib550dj"
37
- },
38
- hintSize: {
39
- m: "mkng3yc",
40
- s: "spf8jwm"
41
- },
42
32
  disabled: {
43
- "true": "t8ra9ji"
33
+ "true": "tx53wwr"
44
34
  },
45
35
  readOnly: {
46
- "true": "t13sqnyj"
36
+ "true": "taletrs"
47
37
  }
48
38
  }
49
39
  };
package/css/cjs/components/TextField/TextField.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.config.js","sources":["../../../../src-css/components/TextField/TextField.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-primary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-secondary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n ${tokens.chipOpacityReadonly}: 0.72;\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n positive: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-positive);\n ${tokens.clearPlaceholderColor}: var(--text-positive);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-positive);\n ${tokens.backgroundColor}: var(--surface-transparent-positive);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-positive);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-positive);\n ${tokens.dividerColorHover}: var(--surface-positive);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n ${tokens.chipOpacityReadonly}: 0.72;\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n warning: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-warning);\n ${tokens.clearPlaceholderColor}: var(--text-warning);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-warning);\n ${tokens.backgroundColor}: var(--surface-transparent-warning);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-warning);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n ${tokens.chipOpacityReadonly}: 0.72;\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n negative: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-negative);\n ${tokens.clearPlaceholderColor}: var(--text-negative);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-negative);\n ${tokens.backgroundColor}: var(--surface-transparent-negative);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n ${tokens.chipOpacityReadonly}: 0.72;\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n },\n size: {\n l: css`\n ${tokens.height}: 3.5rem;\n ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.751rem -2rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.562rem -2.063rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.5rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.75rem;\n ${tokens.chipPaddingRight}: 0.75rem;\n ${tokens.chipPaddingLeft}: 1rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.5rem -2.25rem auto auto;\n `,\n m: css`\n ${tokens.height}: 3rem;\n ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.751rem -2rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.063rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.25rem;\n ${tokens.chipPaddingRight}: 0.625rem;\n ${tokens.chipPaddingLeft}: 0.875rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.25rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.25rem -2.25rem auto auto;\n `,\n s: css`\n ${tokens.height}: 2.5rem;\n ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.751rem -2rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.063rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.25rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.75rem;\n ${tokens.chipPaddingRight}: 0.5rem;\n ${tokens.chipPaddingLeft}: 0.75rem;\n ${tokens.chipClearContentMarginLeft}: 0.375rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.063rem -2.125rem auto auto;\n `,\n xs: css`\n ${tokens.height}: 2rem;\n ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.751rem -1.875rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.125rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.25rem;\n ${tokens.chipPaddingRight}: 0.375rem;\n ${tokens.chipPaddingLeft}: 0.625rem;\n ${tokens.chipClearContentMarginLeft}: 0.25rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 0.75rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 0.813rem -1.875rem auto auto;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.placeholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--text-secondary)));\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n clear: {\n true: css``,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n ${tokens.tooltipColor}: var(--text-primary);\n `,\n onDark: css`\n ${tokens.tooltipBackgroundColor}: var(--on-dark-surface-solid-card);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n ${tokens.tooltipColor}: var(--on-dark-text-primary);\n `,\n onLight: css`\n ${tokens.tooltipBackgroundColor}: var(--on-light-surface-solid-card);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n ${tokens.tooltipColor}: var(--on-light-text-primary);\n `,\n inverse: css`\n ${tokens.tooltipBackgroundColor}: var(--inverse-surface-solid-card);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n ${tokens.tooltipColor}: var(--inverse-text-primary);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card);\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card);\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.colorReadOnly}: var(--text-secondary);\n ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n ${tokens.labelColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","l","m","s","xs","inner","outer","clear","true","hintView","onDark","onLight","inverse","hintSize","disabled","readOnly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAA;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAyCC,SAAA;AACDC,MAAAA,QAAQ,EAyCP,SAAA;AACDC,MAAAA,OAAO,EAyCN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KA0CX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EA4EA,SAAA;AACDC,MAAAA,CAAC,EA4EA,SAAA;AACDC,MAAAA,CAAC,EA4EA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KA6EL;AACDT,IAAAA,cAAc,EAAE;AACZU,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KACR;AACDC,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,SAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;AACNZ,MAAAA,SAAAA,EAIC,SAAA;AACDa,MAAAA,MAAM,EAIL,SAAA;AACDC,MAAAA,OAAO,EAIN,UAAA;AACDC,MAAAA,OAAO,EAAA,SAAA;KAKV;AACDC,IAAAA,QAAQ,EAAE;AACNX,MAAAA,CAAC,EAwBA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAyBJ;AACDW,IAAAA,QAAQ,EAAE;MACNN,MAAI,EAAA,SAAA;KAGP;AACDO,IAAAA,QAAQ,EAAE;MACNP,MAAI,EAAA,UAAA;AASR,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"TextField.config.js","sources":["../../../../src-css/components/TextField/TextField.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-primary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-secondary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n ${tokens.chipOpacityReadonly}: 0.72;\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n positive: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-positive);\n ${tokens.clearPlaceholderColor}: var(--text-positive);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-positive);\n ${tokens.backgroundColor}: var(--surface-transparent-positive);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-positive);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-positive);\n ${tokens.dividerColorHover}: var(--surface-positive);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n ${tokens.chipOpacityReadonly}: 0.72;\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n warning: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-warning);\n ${tokens.clearPlaceholderColor}: var(--text-warning);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-warning);\n ${tokens.backgroundColor}: var(--surface-transparent-warning);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-warning);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n ${tokens.chipOpacityReadonly}: 0.72;\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n negative: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-negative);\n ${tokens.clearPlaceholderColor}: var(--text-negative);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-negative);\n ${tokens.backgroundColor}: var(--surface-transparent-negative);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-negative);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n ${tokens.chipOpacityReadonly}: 0.72;\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n },\n size: {\n l: css`\n ${tokens.height}: 3.5rem;\n ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.5rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.75rem;\n ${tokens.chipPaddingRight}: 0.75rem;\n ${tokens.chipPaddingLeft}: 1rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n `,\n m: css`\n ${tokens.height}: 3rem;\n ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.25rem;\n ${tokens.chipPaddingRight}: 0.625rem;\n ${tokens.chipPaddingLeft}: 0.875rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.25rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n `,\n s: css`\n ${tokens.height}: 2.5rem;\n ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.25rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.75rem;\n ${tokens.chipPaddingRight}: 0.5rem;\n ${tokens.chipPaddingLeft}: 0.75rem;\n ${tokens.chipClearContentMarginLeft}: 0.375rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n `,\n xs: css`\n ${tokens.height}: 2rem;\n ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.125rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.25rem;\n ${tokens.chipPaddingRight}: 0.375rem;\n ${tokens.chipPaddingLeft}: 0.625rem;\n ${tokens.chipClearContentMarginLeft}: 0.25rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 0.75rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.placeholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--text-secondary)));\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n clear: {\n true: css``,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.colorReadOnly}: var(--text-secondary);\n ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.labelColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","l","m","s","xs","inner","outer","clear","true","disabled","readOnly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAA;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAuCC,SAAA;AACDC,MAAAA,QAAQ,EAuCP,SAAA;AACDC,MAAAA,OAAO,EAuCN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAwCX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EA8DA,SAAA;AACDC,MAAAA,CAAC,EA8DA,SAAA;AACDC,MAAAA,CAAC,EA8DA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KA+DL;AACDT,IAAAA,cAAc,EAAE;AACZU,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KACR;AACDC,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,SAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AAQR,KAAA;AACJ,GAAA;AACJ;;;;"}
package/css/cjs/components/TextField/TextField.config_o06qtv.css ADDED
@@ -0,0 +1,13 @@
1
+ .dtkroq0{--plasma-textfield-color:var(--text-primary);--plasma-textfield-clear-color:var(--text-primary);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield__clear-placeholder-color:var(--text-secondary);--plasma-textfield__clear-placeholder-color-focus:var(--text-tertiary);--plasma-textfield-bg-color:var(--surface-transparent-primary);--plasma-textfield-bg-color-focus:var(--surface-transparent-secondary);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-opacity-readonly:0.72;--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
2
+ .pfhkds4{--plasma-textfield-color:var(--text-primary);--plasma-textfield-clear-color:var(--text-positive);--plasma-textfield__clear-placeholder-color:var(--text-positive);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield__clear-placeholder-color-focus:var(--text-positive);--plasma-textfield-bg-color:var(--surface-transparent-positive);--plasma-textfield-bg-color-focus:var(--surface-transparent-positive-active);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-positive);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-positive);--plasma-textfield-divider-color-hover:var(--surface-positive);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-opacity-readonly:0.72;--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
3
+ .w1ocoxlz{--plasma-textfield-color:var(--text-primary);--plasma-textfield-clear-color:var(--text-warning);--plasma-textfield__clear-placeholder-color:var(--text-warning);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield__clear-placeholder-color-focus:var(--text-warning);--plasma-textfield-bg-color:var(--surface-transparent-warning);--plasma-textfield-bg-color-focus:var(--surface-transparent-warning-active);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-warning);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-warning);--plasma-textfield-divider-color-hover:var(--surface-warning);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-opacity-readonly:0.72;--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
4
+ .nlfdoc8{--plasma-textfield-color:var(--text-primary);--plasma-textfield-clear-color:var(--text-negative);--plasma-textfield__clear-placeholder-color:var(--text-negative);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield__clear-placeholder-color-focus:var(--text-negative);--plasma-textfield-bg-color:var(--surface-transparent-negative);--plasma-textfield-bg-color-focus:var(--surface-transparent-negative-active);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-negative);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-negative);--plasma-textfield-divider-color-hover:var(--surface-negative);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-opacity-readonly:0.72;--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
5
+ .l6zduia{--plasma-textfield-height:3.5rem;--plasma-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:0.875rem;--plasma-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__label-offset:0.75rem;--plasma-textfield__clear-label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.5rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.75rem;--plasma-textfield__chip-padding-right:0.75rem;--plasma-textfield__chip-padding-left:1rem;--plasma-textfield__chip-clear-content-margin-left:0.625rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.5rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__clear-indicator-placement-inner:1.5rem auto auto -0.875rem;--plasma-textfield__clear-indicator-placement-inner-right:1.5rem -0.875rem auto auto;}
6
+ .mp7pk8g{--plasma-textfield-height:3rem;--plasma-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:0.75rem;--plasma-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__label-offset:0.625rem;--plasma-textfield__clear-label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.375rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.25rem;--plasma-textfield__chip-padding-right:0.625rem;--plasma-textfield__chip-padding-left:0.875rem;--plasma-textfield__chip-clear-content-margin-left:0.5rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.25rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-textfield__clear-indicator-placement-inner:1.25rem auto auto -0.875rem;--plasma-textfield__clear-indicator-placement-inner-right:1.25rem -0.875rem auto auto;}
7
+ .s2w1lwg{--plasma-textfield-height:2.5rem;--plasma-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:0.625rem;--plasma-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__label-offset:0.5rem;--plasma-textfield__clear-label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.25rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.75rem;--plasma-textfield__chip-padding-right:0.5rem;--plasma-textfield__chip-padding-left:0.75rem;--plasma-textfield__chip-clear-content-margin-left:0.375rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__clear-indicator-placement-inner:1.063rem auto auto -0.75rem;--plasma-textfield__clear-indicator-placement-inner-right:1.063rem -0.75rem auto auto;}
8
+ .x1w33z3o{--plasma-textfield-height:2rem;--plasma-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:0.5rem;--plasma-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__label-offset:0.375rem;--plasma-textfield__clear-label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.125rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.25rem;--plasma-textfield__chip-padding-right:0.375rem;--plasma-textfield__chip-padding-left:0.625rem;--plasma-textfield__chip-clear-content-margin-left:0.25rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:0.75rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-textfield__clear-indicator-placement-inner:0.813rem auto auto -0.625rem;--plasma-textfield__clear-indicator-placement-inner-right:0.813rem -0.625rem auto auto;}
9
+ .i8whelw{--plasma-textfield__placeholder-color:var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--text-secondary)));--plasma-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);}
10
+
11
+
12
+ .tx53wwr{--plasma-textfield-disabled-opacity:0.4;}
13
+ .taletrs{--plasma-textfield-color-readonly:var(--text-secondary);--plasma-textfield-bg-color-readonly:var(--surface-transparent-primary);--plasma-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-textfield__label-color-readonly:var(--text-secondary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);}
package/css/cjs/components/TextField/TextField.js CHANGED
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var plasmaNewHope = require('@salutejs/plasma-new-hope');
8
8
  var TextField_config = require('./TextField.config.js');
9
9
 
10
- var _excluded = ["view", "status", "label", "caption", "placeholder", "helperText", "hintText", "enumerationType", "chips", "onSearch", "onChangeChips"];
10
+ var _excluded = ["view", "status", "label", "caption", "placeholder", "helperText", "enumerationType", "chips", "onSearch", "onChangeChips"];
11
11
  var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.textFieldConfig, TextField_config.config);
12
12
  var TextFieldComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
13
13
  var statusToView = {
@@ -30,7 +30,6 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
30
30
  caption = props.caption,
31
31
  placeholder = props.placeholder,
32
32
  helperText = props.helperText,
33
- hintText = props.hintText,
34
33
  enumerationType = props.enumerationType,
35
34
  chips = props.chips,
36
35
  onSearch = props.onSearch,
@@ -60,7 +59,6 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
60
59
  ref: ref,
61
60
  enumerationType: "chip",
62
61
  chips: chips,
63
- hintText: String(hintText || ''),
64
62
  onChangeChips: onChangeChips
65
63
  }));
66
64
  }
@@ -72,7 +70,6 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
72
70
  leftHelper: helperText,
73
71
  ref: ref,
74
72
  enumerationType: "plain",
75
- hintText: String(hintText || ''),
76
73
  onSearch: onSearch
77
74
  }));
78
75
  });
package/css/cjs/components/TextField/TextField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';\nimport type { TextFieldProps } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport type {\n PopoverPlacement,\n PopoverPlacementBasic,\n TextFieldProps as NewTextFieldProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nexport const TextFieldComponent = component(mergedConfig) as ForwardRefExoticComponent<\n NewTextFieldProps & RefAttributes<HTMLInputElement>\n>;\n\ntype newHopeTextFieldProps = 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 ClearProps =\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: boolean;\n /**\n * отобразить ли divider\n */\n hasDivider?: boolean;\n }\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: false;\n /**\n * отобразить ли divider\n */\n hasDivider?: never;\n };\n\ntype HintProps =\n | {\n /**\n * Текст тултипа\n */\n hintText: string;\n /**\n * Способ открытия тултипа - наведение или клик мышью\n */\n hintTrigger?: 'hover' | 'click';\n /**\n * Вид тултипа\n */\n hintView?: 'default' | 'onDark' | 'onLight' | 'inverse';\n /**\n * Размер тултипа\n */\n hintSize?: 's' | 'm';\n /**\n * Элемент, рядом с которым произойдет вызов всплывающего окна.\n * Если свойство не задано, применится иконка по умолчанию.\n */\n hintTarget?: ReactNode;\n /**\n * Направление раскрытия тултипа.\n */\n hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;\n /**\n * Видимость стрелки (хвоста).\n */\n hintHasArrow?: boolean;\n /**\n * Отступ окна относительно элемента, у которого оно вызвано.\n * @default\n * [0, 8]\n */\n hintOffset?: [number, number];\n /**\n * Ширина окна (в rem).\n */\n hintWidth?: string;\n /**\n * Слот для контента слева, например `Icon`.\n */\n hintContentLeft?: ReactNode;\n }\n | {\n hintTrigger?: never;\n hintText?: never;\n hintView?: never;\n hintSize?: never;\n hintTarget?: never;\n hintPlacement?: never;\n hintHasArrow?: never;\n hintOffset?: never;\n hintWidth?: never;\n hintContentLeft?: never;\n };\n\nexport type CustomTextFieldProps = (TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips' | 'titleCaption'>) &\n RequiredProps &\n ClearProps &\n HintProps;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\n\nconst viewToLabelPlacement: Record<\n NonNullable<TextFieldProps['view']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n default: 'outer',\n innerLabel: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n view,\n status,\n\n label,\n caption,\n placeholder,\n helperText,\n hintText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n ...rest\n } = props;\n\n /** TODO: https://github.com/salute-developers/plasma/issues/1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = view ? viewToLabelPlacement[view] : 'outer';\n let _label = label ? String(label) : caption;\n let _placeholder = placeholder;\n // NOTE: rest.size https://github.com/salute-developers/plasma/issues/961\n // if size is undefined <TextFieldComp size={size} /> would not use defaults\n if (rest.size === 'xs' && _labelPlacement === 'inner') {\n _placeholder = _label;\n _label = undefined;\n _labelPlacement = 'outer';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n placeholder={_placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n hintText={String(hintText || '')}\n onChangeChips={onChangeChips}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n placeholder={_placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n hintText={String(hintText || '')}\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","viewToLabelPlacement","innerLabel","TextField","forwardRef","props","ref","view","status","label","caption","placeholder","helperText","hintText","enumerationType","chips","onSearch","onChangeChips","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","_placeholder","size","undefined","React","createElement","_extends","labelPlacement","leftHelper"],"mappings":";;;;;;;;;;AAWA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC,CAAA;IAC5CC,kBAAkB,gBAAGC,uBAAS,CAACL,YAAY,EAEvD;AAwHD,IAAMM,YAAuG,GAAG;AAC5GC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,UAAA;AACX,CAAC,CAAA;AAED,IAAMC,oBAGL,GAAG;AACA,EAAA,SAAA,EAAS,OAAO;AAChBC,EAAAA,UAAU,EAAE,OAAA;AAChB,CAAC,CAAA;;AAED;AACA;AACA;AACO,IAAMC,SAAS,gBAAGC,gBAAU,CAAyC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IACIC,IAAI,GAeJF,KAAK,CAfLE,IAAI;IACJC,MAAM,GAcNH,KAAK,CAdLG,MAAM;IAENC,KAAK,GAYLJ,KAAK,CAZLI,KAAK;IACLC,OAAO,GAWPL,KAAK,CAXLK,OAAO;IACPC,WAAW,GAUXN,KAAK,CAVLM,WAAW;IACXC,UAAU,GASVP,KAAK,CATLO,UAAU;IACVC,QAAQ,GAQRR,KAAK,CARLQ,QAAQ;IAERC,eAAe,GAMfT,KAAK,CANLS,eAAe;IACfC,KAAK,GAKLV,KAAK,CALLU,KAAK;IACLC,QAAQ,GAIRX,KAAK,CAJLW,QAAQ;IACRC,aAAa,GAGbZ,KAAK,CAHLY,aAAa;AAEVC,IAAAA,IAAI,GAAAC,iDAAA,CACPd,KAAK,EAAAe,SAAA,CAAA,CAAA;;AAET;AACA;EACA,IAAMC,KAAK,GAAGb,MAAM,GAAGX,YAAY,CAACW,MAAM,CAAC,GAAG,SAAS,CAAA;EACvD,IAAIc,eAAe,GAAGf,IAAI,GAAGN,oBAAoB,CAACM,IAAI,CAAC,GAAG,OAAO,CAAA;EACjE,IAAIgB,MAAM,GAAGd,KAAK,GAAGe,MAAM,CAACf,KAAK,CAAC,GAAGC,OAAO,CAAA;EAC5C,IAAIe,YAAY,GAAGd,WAAW,CAAA;AAC9B;AACA;EACA,IAAIO,IAAI,CAACQ,IAAI,KAAK,IAAI,IAAIJ,eAAe,KAAK,OAAO,EAAE;AACnDG,IAAAA,YAAY,GAAGF,MAAM,CAAA;AACrBA,IAAAA,MAAM,GAAGI,SAAS,CAAA;AAClBL,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EAEA,IAAIR,eAAe,KAAK,MAAM,EAAE;IAC5B,oBACIc,KAAA,CAAAC,aAAA,CAAClC,kBAAkB,EAAAmC,iCAAA,KACXZ,IAAI,EAAA;AACRX,MAAAA,IAAI,EAAEc,KAAM;AACZU,MAAAA,cAAc,EAAET,eAAgB;AAChCb,MAAAA,KAAK,EAAEc,MAAO;AACdZ,MAAAA,WAAW,EAAEc,YAAa;AAC1BO,MAAAA,UAAU,EAAEpB,UAAW;AACvBN,MAAAA,GAAG,EAAEA,GAAI;AACTQ,MAAAA,eAAe,EAAC,MAAM;AACtBC,MAAAA,KAAK,EAAEA,KAAM;AACbF,MAAAA,QAAQ,EAAEW,MAAM,CAACX,QAAQ,IAAI,EAAE,CAAE;AACjCI,MAAAA,aAAa,EAAEA,aAAAA;AAAc,KAAA,CAChC,CAAC,CAAA;AAEV,GAAA;EAEA,oBACIW,KAAA,CAAAC,aAAA,CAAClC,kBAAkB,EAAAmC,iCAAA,KACXZ,IAAI,EAAA;AACRX,IAAAA,IAAI,EAAEc,KAAM;AACZU,IAAAA,cAAc,EAAET,eAAgB;AAChCb,IAAAA,KAAK,EAAEc,MAAO;AACdZ,IAAAA,WAAW,EAAEc,YAAa;AAC1BO,IAAAA,UAAU,EAAEpB,UAAW;AACvBN,IAAAA,GAAG,EAAEA,GAAI;AACTQ,IAAAA,eAAe,EAAC,OAAO;AACvBD,IAAAA,QAAQ,EAAEW,MAAM,CAACX,QAAQ,IAAI,EAAE,CAAE;AACjCG,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 } 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 ClearProps =\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: boolean;\n /**\n * отобразить ли divider\n */\n hasDivider?: boolean;\n }\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: false;\n /**\n * отобразить ли divider\n */\n hasDivider?: never;\n };\n\nexport type CustomTextFieldProps = (TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>) &\n RequiredProps &\n ClearProps;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\n\nconst viewToLabelPlacement: Record<\n NonNullable<TextFieldProps['view']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n default: 'outer',\n innerLabel: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n view,\n status,\n\n label,\n caption,\n placeholder,\n\n helperText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n ...rest\n } = props;\n\n /** TODO: https://github.com/salute-developers/plasma/issues/1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = view ? viewToLabelPlacement[view] : 'outer';\n let _label = label ? String(label) : caption;\n let _placeholder = placeholder;\n // NOTE: rest.size https://github.com/salute-developers/plasma/issues/961\n // if size is undefined <TextFieldComp size={size} /> would not use defaults\n if (rest.size === 'xs' && _labelPlacement === 'inner') {\n _placeholder = _label;\n _label = undefined;\n _labelPlacement = 'outer';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\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 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","viewToLabelPlacement","innerLabel","TextField","forwardRef","props","ref","view","status","label","caption","placeholder","helperText","enumerationType","chips","onSearch","onChangeChips","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","_placeholder","size","undefined","React","createElement","_extends","labelPlacement","leftHelper"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC,CAAA;IAC5CC,kBAAkB,gBAAGC,uBAAS,CAACL,YAAY,EAAC;AA4DzD,IAAMM,YAAuG,GAAG;AAC5GC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,UAAA;AACX,CAAC,CAAA;AAED,IAAMC,oBAGL,GAAG;AACA,EAAA,SAAA,EAAS,OAAO;AAChBC,EAAAA,UAAU,EAAE,OAAA;AAChB,CAAC,CAAA;;AAED;AACA;AACA;AACO,IAAMC,SAAS,gBAAGC,gBAAU,CAAyC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IACIC,IAAI,GAeJF,KAAK,CAfLE,IAAI;IACJC,MAAM,GAcNH,KAAK,CAdLG,MAAM;IAENC,KAAK,GAYLJ,KAAK,CAZLI,KAAK;IACLC,OAAO,GAWPL,KAAK,CAXLK,OAAO;IACPC,WAAW,GAUXN,KAAK,CAVLM,WAAW;IAEXC,UAAU,GAQVP,KAAK,CARLO,UAAU;IAEVC,eAAe,GAMfR,KAAK,CANLQ,eAAe;IACfC,KAAK,GAKLT,KAAK,CALLS,KAAK;IACLC,QAAQ,GAIRV,KAAK,CAJLU,QAAQ;IACRC,aAAa,GAGbX,KAAK,CAHLW,aAAa;AAEVC,IAAAA,IAAI,GAAAC,iDAAA,CACPb,KAAK,EAAAc,SAAA,CAAA,CAAA;;AAET;AACA;EACA,IAAMC,KAAK,GAAGZ,MAAM,GAAGX,YAAY,CAACW,MAAM,CAAC,GAAG,SAAS,CAAA;EACvD,IAAIa,eAAe,GAAGd,IAAI,GAAGN,oBAAoB,CAACM,IAAI,CAAC,GAAG,OAAO,CAAA;EACjE,IAAIe,MAAM,GAAGb,KAAK,GAAGc,MAAM,CAACd,KAAK,CAAC,GAAGC,OAAO,CAAA;EAC5C,IAAIc,YAAY,GAAGb,WAAW,CAAA;AAC9B;AACA;EACA,IAAIM,IAAI,CAACQ,IAAI,KAAK,IAAI,IAAIJ,eAAe,KAAK,OAAO,EAAE;AACnDG,IAAAA,YAAY,GAAGF,MAAM,CAAA;AACrBA,IAAAA,MAAM,GAAGI,SAAS,CAAA;AAClBL,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EAEA,IAAIR,eAAe,KAAK,MAAM,EAAE;IAC5B,oBACIc,KAAA,CAAAC,aAAA,CAACjC,kBAAkB,EAAAkC,iCAAA,KACXZ,IAAI,EAAA;AACRV,MAAAA,IAAI,EAAEa,KAAM;AACZU,MAAAA,cAAc,EAAET,eAAgB;AAChCZ,MAAAA,KAAK,EAAEa,MAAO;AACdX,MAAAA,WAAW,EAAEa,YAAa;AAC1BO,MAAAA,UAAU,EAAEnB,UAAW;AACvBN,MAAAA,GAAG,EAAEA,GAAI;AACTO,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,CAACjC,kBAAkB,EAAAkC,iCAAA,KACXZ,IAAI,EAAA;AACRV,IAAAA,IAAI,EAAEa,KAAM;AACZU,IAAAA,cAAc,EAAET,eAAgB;AAChCZ,IAAAA,KAAK,EAAEa,MAAO;AACdX,IAAAA,WAAW,EAAEa,YAAa;AAC1BO,IAAAA,UAAU,EAAEnB,UAAW;AACvBN,IAAAA,GAAG,EAAEA,GAAI;AACTO,IAAAA,eAAe,EAAC,OAAO;AACvBE,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CACtB,CAAC,CAAA;AAEV,CAAC;;;;;"}