@salutejs/sdds-serv 0.324.1-canary.2272.18221260151.0 → 0.324.1-canary.2274.18364977586.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/components/Chip/Chip.config.js +1 -1
  2. package/components/Chip/Chip.config.js.map +1 -1
  3. package/components/Chip/{Chip.config_1dqafsg.css → Chip.config_7kj31a.css} +6 -6
  4. package/components/Chip/Chip.css +13 -13
  5. package/components/Combobox/Combobox.config.js +1 -1
  6. package/components/Combobox/Combobox.config.js.map +1 -1
  7. package/{es/components/Combobox/Combobox.config_16lk3xt.css → components/Combobox/Combobox.config_xpd4a4.css} +4 -4
  8. package/components/Combobox/Combobox.css +14 -14
  9. package/components/Combobox/Combobox.d.ts +24 -0
  10. package/components/DatePicker/DatePicker.d.ts +3 -3
  11. package/components/Mask/Mask.css +21 -21
  12. package/components/Select/Select.config.js +1 -1
  13. package/components/Select/Select.config.js.map +1 -1
  14. package/{es/components/Select/Select.config_1rprv7.css → components/Select/Select.config_ox8oha.css} +3 -3
  15. package/components/Select/Select.css +23 -23
  16. package/components/Select/Select.d.ts +6 -0
  17. package/components/TextField/TextField.config.js +1 -1
  18. package/components/TextField/TextField.config.js.map +1 -1
  19. package/{es/components/TextField/TextField.config_1v9erru.css → components/TextField/TextField.config_15il1op.css} +6 -6
  20. package/emotion/cjs/components/Chip/Chip.config.js +18 -12
  21. package/emotion/cjs/components/Combobox/Combobox.config.js +12 -4
  22. package/emotion/cjs/components/Select/Select.config.js +11 -5
  23. package/emotion/cjs/components/TextField/TextField.config.js +18 -6
  24. package/emotion/es/components/Chip/Chip.config.js +18 -12
  25. package/emotion/es/components/Combobox/Combobox.config.js +12 -4
  26. package/emotion/es/components/Select/Select.config.js +11 -5
  27. package/emotion/es/components/TextField/TextField.config.js +18 -6
  28. package/es/components/Chip/Chip.config.js +1 -1
  29. package/es/components/Chip/Chip.config.js.map +1 -1
  30. package/es/components/Chip/{Chip.config_1dqafsg.css → Chip.config_7kj31a.css} +6 -6
  31. package/es/components/Chip/Chip.css +13 -13
  32. package/es/components/Combobox/Combobox.config.js +1 -1
  33. package/es/components/Combobox/Combobox.config.js.map +1 -1
  34. package/{components/Combobox/Combobox.config_16lk3xt.css → es/components/Combobox/Combobox.config_xpd4a4.css} +4 -4
  35. package/es/components/Combobox/Combobox.css +14 -14
  36. package/es/components/Mask/Mask.css +21 -21
  37. package/es/components/Select/Select.config.js +1 -1
  38. package/es/components/Select/Select.config.js.map +1 -1
  39. package/{components/Select/Select.config_1rprv7.css → es/components/Select/Select.config_ox8oha.css} +3 -3
  40. package/es/components/Select/Select.css +23 -23
  41. package/es/components/TextField/TextField.config.js +1 -1
  42. package/es/components/TextField/TextField.config.js.map +1 -1
  43. package/{components/TextField/TextField.config_1v9erru.css → es/components/TextField/TextField.config_15il1op.css} +6 -6
  44. package/es/index.css +75 -75
  45. package/package.json +3 -3
  46. package/styled-components/cjs/components/Chip/Chip.config.js +18 -12
  47. package/styled-components/cjs/components/Combobox/Combobox.config.js +12 -4
  48. package/styled-components/cjs/components/Select/Select.config.js +11 -5
  49. package/styled-components/cjs/components/TextField/TextField.config.js +18 -6
  50. package/styled-components/es/components/Chip/Chip.config.js +18 -12
  51. package/styled-components/es/components/Combobox/Combobox.config.js +12 -4
  52. package/styled-components/es/components/Select/Select.config.js +11 -5
  53. package/styled-components/es/components/TextField/TextField.config.js +18 -6
package/emotion/es/components/TextField/TextField.config.js CHANGED
@@ -585,6 +585,8 @@ function _templateObject12() {
585
585
  ": var(--surface-solid-default);\n ",
586
586
  ": var(--inverse-text-primary);\n\n ",
587
587
  ": var(--inverse-text-secondary);\n ",
588
+ ": var(--inverse-text-secondary);\n ",
589
+ ": var(--inverse-text-secondary-hover);\n ",
588
590
  ": 1;\n "
589
591
  ]);
590
592
  _templateObject12 = function _templateObject() {
@@ -606,6 +608,8 @@ function _templateObject13() {
606
608
  ": var(--surface-transparent-secondary);\n ",
607
609
  ": var(--text-primary);\n\n ",
608
610
  ": var(--text-secondary);\n ",
611
+ ": var(--text-secondary);\n ",
612
+ ": var(--text-secondary-hover);\n ",
609
613
  ": 1;\n "
610
614
  ]);
611
615
  _templateObject13 = function _templateObject() {
@@ -627,6 +631,8 @@ function _templateObject14() {
627
631
  ": var(--surface-accent);\n ",
628
632
  ": var(--on-dark-text-primary);\n\n ",
629
633
  ": var(--on-dark-text-secondary);\n ",
634
+ ": var(--on-dark-text-secondary);\n ",
635
+ ": var(--on-dark-text-secondary-hover);\n ",
630
636
  ": 1;\n "
631
637
  ]);
632
638
  _templateObject14 = function _templateObject() {
@@ -648,6 +654,8 @@ function _templateObject15() {
648
654
  ": var(--surface-positive);\n ",
649
655
  ": var(--on-dark-text-primary);\n\n ",
650
656
  ": var(--on-dark-text-secondary);\n ",
657
+ ": var(--on-dark-text-secondary);\n ",
658
+ ": var(--on-dark-text-secondary-hover);\n ",
651
659
  ": 1;\n "
652
660
  ]);
653
661
  _templateObject15 = function _templateObject() {
@@ -669,6 +677,8 @@ function _templateObject16() {
669
677
  ": var(--surface-warning);\n ",
670
678
  ": var(--on-dark-text-primary);\n\n ",
671
679
  ": var(--on-dark-text-secondary);\n ",
680
+ ": var(--on-dark-text-secondary);\n ",
681
+ ": var(--on-dark-text-secondary-hover);\n ",
672
682
  ": 1;\n "
673
683
  ]);
674
684
  _templateObject16 = function _templateObject() {
@@ -690,6 +700,8 @@ function _templateObject17() {
690
700
  ": var(--surface-negative);\n ",
691
701
  ": var(--on-dark-text-primary);\n\n ",
692
702
  ": var(--on-dark-text-secondary);\n ",
703
+ ": var(--on-dark-text-secondary);\n ",
704
+ ": var(--on-dark-text-secondary-hover);\n ",
693
705
  ": 1;\n "
694
706
  ]);
695
707
  _templateObject17 = function _templateObject() {
@@ -822,12 +834,12 @@ export var config = {
822
834
  true: css(_templateObject11())
823
835
  },
824
836
  chipView: {
825
- default: css(_templateObject12(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
826
- secondary: css(_templateObject13(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
827
- accent: css(_templateObject14(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
828
- positive: css(_templateObject15(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
829
- warning: css(_templateObject16(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
830
- negative: css(_templateObject17(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly)
837
+ default: css(_templateObject12(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
838
+ secondary: css(_templateObject13(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
839
+ accent: css(_templateObject14(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
840
+ positive: css(_templateObject15(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
841
+ warning: css(_templateObject16(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
842
+ negative: css(_templateObject17(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly)
831
843
  },
832
844
  hintView: {
833
845
  default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
package/es/components/Chip/Chip.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Chip.config_1dqafsg.css';
1
+ import './Chip.config_7kj31a.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
package/es/components/Chip/Chip.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.config.js","sources":["../../../src-css/components/Chip/Chip.config.tsx"],"sourcesContent":["import { css, chipTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${chipTokens.color}: var(--inverse-text-primary);\n ${chipTokens.background}: var(--surface-solid-default);\n ${chipTokens.colorHover}: var(--inverse-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-solid-default-hover);\n ${chipTokens.colorActive}: var(--inverse-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-solid-default-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-solid-default);\n ${chipTokens.colorReadOnly}: var(--inverse-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-solid-default);\n ${chipTokens.colorReadOnlyHover}: var(--inverse-text-primary);\n\n ${chipTokens.closeIconColor}: var(--inverse-text-secondary);\n ${chipTokens.leftContentColor}: var(--inverse-text-primary);\n `,\n secondary: css`\n ${chipTokens.color}: var(--text-primary);\n ${chipTokens.background}: var(--surface-transparent-secondary);\n ${chipTokens.colorHover}: var(--text-primary);\n ${chipTokens.backgroundHover}: var(--surface-transparent-secondary-hover);\n ${chipTokens.colorActive}: var(--text-primary);\n ${chipTokens.backgroundActive}: var(--surface-transparent-secondary-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-transparent-secondary);\n ${chipTokens.colorReadOnly}: var(--text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${chipTokens.colorReadOnlyHover}: var(--text-primary);\n\n ${chipTokens.closeIconColor}: var(--text-secondary);\n ${chipTokens.leftContentColor}: var(--text-primary);\n `,\n accent: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-accent);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-accent-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-accent-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-accent);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-accent);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n positive: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-positive);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-positive-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-positive-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-positive);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-positive);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n warning: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-warning);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-warning-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-warning-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-warning);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-warning);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n negative: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-negative);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-negative-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-negative-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-negative);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-negative);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n },\n size: {\n l: css`\n ${chipTokens.borderRadius}: 0.75rem;\n ${chipTokens.pilledBorderRadius}: 1.5rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 3rem;\n ${chipTokens.padding}: 0 1rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.5rem;\n ${chipTokens.rightContentMarginLeft}: 0.5rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.625rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 1.5rem;\n `,\n m: css`\n ${chipTokens.borderRadius}: 0.625rem;\n ${chipTokens.pilledBorderRadius}: 1.25rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 2.5rem;\n ${chipTokens.padding}: 0 0.875rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.375rem;\n ${chipTokens.rightContentMarginLeft}: 0.375rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.5rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 1.25rem;\n `,\n s: css`\n ${chipTokens.borderRadius}: 0.5rem;\n ${chipTokens.pilledBorderRadius}: 1rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 2rem;\n ${chipTokens.padding}: 0 0.875rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.25rem;\n ${chipTokens.rightContentMarginLeft}: 0.25rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.375rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 1rem;\n `,\n xs: css`\n ${chipTokens.borderRadius}: 0.375rem;\n ${chipTokens.pilledBorderRadius}: 0.75rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 1.5rem;\n ${chipTokens.padding}: 0 0.625rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.25rem;\n ${chipTokens.rightContentMarginLeft}: 0.25rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.25rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 0.75rem;\n `,\n xxs: css`\n ${chipTokens.borderRadius}: 0.375rem;\n ${chipTokens.pilledBorderRadius}: 0.625rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 1.25rem;\n ${chipTokens.padding}: 0 0.5rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.125rem;\n ${chipTokens.rightContentMarginLeft}: 0.125rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.25rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 0.75rem;\n `,\n },\n disabled: {\n true: css`\n ${chipTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${chipTokens.focusColor}: var(--text-accent);\n `,\n },\n pilled: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","secondary","accent","positive","warning","negative","l","m","s","xs","xxs","disabled","true","pilled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAcC,UAAA;AACDC,MAAAA,SAAS,EAcR,UAAA;AACDC,MAAAA,MAAM,EAcL,SAAA;AACDC,MAAAA,QAAQ,EAcP,SAAA;AACDC,MAAAA,OAAO,EAcN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAeX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,EAAE,EAqBD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAsBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDf,IAAAA,OAAO,EAAE;MACLe,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Chip.config.js","sources":["../../../src-css/components/Chip/Chip.config.tsx"],"sourcesContent":["import { css, chipTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${chipTokens.color}: var(--inverse-text-primary);\n ${chipTokens.background}: var(--surface-solid-default);\n ${chipTokens.colorHover}: var(--inverse-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-solid-default-hover);\n ${chipTokens.colorActive}: var(--inverse-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-solid-default-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-solid-default);\n ${chipTokens.colorReadOnly}: var(--inverse-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-solid-default);\n ${chipTokens.colorReadOnlyHover}: var(--inverse-text-primary);\n ${chipTokens.closeIconColor}: var(--inverse-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--inverse-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--inverse-text-primary);\n `,\n secondary: css`\n ${chipTokens.color}: var(--text-primary);\n ${chipTokens.background}: var(--surface-transparent-secondary);\n ${chipTokens.colorHover}: var(--text-primary);\n ${chipTokens.backgroundHover}: var(--surface-transparent-secondary-hover);\n ${chipTokens.colorActive}: var(--text-primary);\n ${chipTokens.backgroundActive}: var(--surface-transparent-secondary-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-transparent-secondary);\n ${chipTokens.colorReadOnly}: var(--text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${chipTokens.colorReadOnlyHover}: var(--text-primary);\n ${chipTokens.closeIconColor}: var(--text-secondary);\n ${chipTokens.closeIconColorHover}: var(--text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--text-primary);\n `,\n accent: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-accent);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-accent-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-accent-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-accent);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-accent);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n positive: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-positive);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-positive-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-positive-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-positive);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-positive);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n warning: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-warning);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-warning-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-warning-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-warning);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-warning);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n negative: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-negative);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-negative-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-negative-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-negative);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-negative);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n },\n size: {\n l: css`\n ${chipTokens.borderRadius}: 0.75rem;\n ${chipTokens.pilledBorderRadius}: 1.5rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 3rem;\n ${chipTokens.padding}: 0 1rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.5rem;\n ${chipTokens.rightContentMarginLeft}: 0.5rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.625rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 1.5rem;\n `,\n m: css`\n ${chipTokens.borderRadius}: 0.625rem;\n ${chipTokens.pilledBorderRadius}: 1.25rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 2.5rem;\n ${chipTokens.padding}: 0 0.875rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.375rem;\n ${chipTokens.rightContentMarginLeft}: 0.375rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.5rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 1.25rem;\n `,\n s: css`\n ${chipTokens.borderRadius}: 0.5rem;\n ${chipTokens.pilledBorderRadius}: 1rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 2rem;\n ${chipTokens.padding}: 0 0.875rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.25rem;\n ${chipTokens.rightContentMarginLeft}: 0.25rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.375rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 1rem;\n `,\n xs: css`\n ${chipTokens.borderRadius}: 0.375rem;\n ${chipTokens.pilledBorderRadius}: 0.75rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 1.5rem;\n ${chipTokens.padding}: 0 0.625rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.25rem;\n ${chipTokens.rightContentMarginLeft}: 0.25rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.25rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 0.75rem;\n `,\n xxs: css`\n ${chipTokens.borderRadius}: 0.375rem;\n ${chipTokens.pilledBorderRadius}: 0.625rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 1.25rem;\n ${chipTokens.padding}: 0 0.5rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.125rem;\n ${chipTokens.rightContentMarginLeft}: 0.125rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.25rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 0.75rem;\n `,\n },\n disabled: {\n true: css`\n ${chipTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${chipTokens.focusColor}: var(--text-accent);\n `,\n },\n pilled: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","secondary","accent","positive","warning","negative","l","m","s","xs","xxs","disabled","true","pilled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAcC,UAAA;AACDC,MAAAA,SAAS,EAcR,UAAA;AACDC,MAAAA,MAAM,EAcL,SAAA;AACDC,MAAAA,QAAQ,EAcP,SAAA;AACDC,MAAAA,OAAO,EAcN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAeX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,EAAE,EAqBD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAsBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDf,IAAAA,OAAO,EAAE;MACLe,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
package/es/components/Chip/{Chip.config_1dqafsg.css → Chip.config_7kj31a.css} RENAMED
@@ -1,9 +1,9 @@
1
- .d1tkvann{--plasma-chip-color:var(--inverse-text-primary);--plasma-chip-background:var(--surface-solid-default);--plasma-chip-color-hover:var(--inverse-text-primary);--plasma-chip-background-hover:var(--surface-solid-default-hover);--plasma-chip-color-active:var(--inverse-text-primary);--plasma-chip-background-active:var(--surface-solid-default-active);--plasma-chip-background-readonly:var(--surface-solid-default);--plasma-chip-color-readonly:var(--inverse-text-primary);--plasma-chip-background-readonly-hover:var(--surface-solid-default);--plasma-chip-color-readonly-hover:var(--inverse-text-primary);--plasma-chip-close-icon-color:var(--inverse-text-secondary);--plasma-chip-left-content-color:var(--inverse-text-primary);}
2
- .s126p7m4{--plasma-chip-color:var(--text-primary);--plasma-chip-background:var(--surface-transparent-secondary);--plasma-chip-color-hover:var(--text-primary);--plasma-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-chip-color-active:var(--text-primary);--plasma-chip-background-active:var(--surface-transparent-secondary-active);--plasma-chip-background-readonly:var(--surface-transparent-secondary);--plasma-chip-color-readonly:var(--text-primary);--plasma-chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-chip-color-readonly-hover:var(--text-primary);--plasma-chip-close-icon-color:var(--text-secondary);--plasma-chip-left-content-color:var(--text-primary);}
3
- .ajkx6wt{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-accent);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-accent-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-accent-active);--plasma-chip-background-readonly:var(--surface-accent);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-accent);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
4
- .pn5gl06{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-positive);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-positive-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-positive-active);--plasma-chip-background-readonly:var(--surface-positive);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-positive);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
5
- .w1yp541c{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-warning);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-warning-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-warning-active);--plasma-chip-background-readonly:var(--surface-warning);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-warning);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
6
- .nm5xol4{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-negative);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-negative-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-negative-active);--plasma-chip-background-readonly:var(--surface-negative);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-negative);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
1
+ .d1tkvann{--plasma-chip-color:var(--inverse-text-primary);--plasma-chip-background:var(--surface-solid-default);--plasma-chip-color-hover:var(--inverse-text-primary);--plasma-chip-background-hover:var(--surface-solid-default-hover);--plasma-chip-color-active:var(--inverse-text-primary);--plasma-chip-background-active:var(--surface-solid-default-active);--plasma-chip-background-readonly:var(--surface-solid-default);--plasma-chip-color-readonly:var(--inverse-text-primary);--plasma-chip-background-readonly-hover:var(--surface-solid-default);--plasma-chip-color-readonly-hover:var(--inverse-text-primary);--plasma-chip-close-icon-color:var(--inverse-text-secondary);--plasma-chip-close-icon-color-hover:var(--inverse-text-secondary-hover);--plasma-chip-left-content-color:var(--inverse-text-primary);}
2
+ .s126p7m4{--plasma-chip-color:var(--text-primary);--plasma-chip-background:var(--surface-transparent-secondary);--plasma-chip-color-hover:var(--text-primary);--plasma-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-chip-color-active:var(--text-primary);--plasma-chip-background-active:var(--surface-transparent-secondary-active);--plasma-chip-background-readonly:var(--surface-transparent-secondary);--plasma-chip-color-readonly:var(--text-primary);--plasma-chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-chip-color-readonly-hover:var(--text-primary);--plasma-chip-close-icon-color:var(--text-secondary);--plasma-chip-close-icon-color-hover:var(--text-secondary-hover);--plasma-chip-left-content-color:var(--text-primary);}
3
+ .ajkx6wt{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-accent);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-accent-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-accent-active);--plasma-chip-background-readonly:var(--surface-accent);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-accent);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
4
+ .pn5gl06{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-positive);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-positive-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-positive-active);--plasma-chip-background-readonly:var(--surface-positive);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-positive);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
5
+ .w1yp541c{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-warning);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-warning-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-warning-active);--plasma-chip-background-readonly:var(--surface-warning);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-warning);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
6
+ .nm5xol4{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-negative);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-negative-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-negative-active);--plasma-chip-background-readonly:var(--surface-negative);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-negative);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
7
7
  .l19qs8xp{--plasma-chip-border-radius:0.75rem;--plasma-chip-pilled-border-radius:1.5rem;--plasma-chip-width:auto;--plasma-chip-height:3rem;--plasma-chip-padding:0 1rem;--plasma-chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-l-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.5rem;--plasma-chip-right-content-margin-left:0.5rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.625rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1.5rem;}
8
8
  .m1rdfpua{--plasma-chip-border-radius:0.625rem;--plasma-chip-pilled-border-radius:1.25rem;--plasma-chip-width:auto;--plasma-chip-height:2.5rem;--plasma-chip-padding:0 0.875rem;--plasma-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-m-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.375rem;--plasma-chip-right-content-margin-left:0.375rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.5rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1.25rem;}
9
9
  .s1j4t1v9{--plasma-chip-border-radius:0.5rem;--plasma-chip-pilled-border-radius:1rem;--plasma-chip-width:auto;--plasma-chip-height:2rem;--plasma-chip-padding:0 0.875rem;--plasma-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.25rem;--plasma-chip-right-content-margin-left:0.25rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.375rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1rem;}
package/es/components/Chip/Chip.css CHANGED
@@ -1,14 +1,14 @@
1
- .Chip_config_1dqafsg_d1tkvann__fabd6b3b{--plasma-chip-color:var(--inverse-text-primary);--plasma-chip-background:var(--surface-solid-default);--plasma-chip-color-hover:var(--inverse-text-primary);--plasma-chip-background-hover:var(--surface-solid-default-hover);--plasma-chip-color-active:var(--inverse-text-primary);--plasma-chip-background-active:var(--surface-solid-default-active);--plasma-chip-background-readonly:var(--surface-solid-default);--plasma-chip-color-readonly:var(--inverse-text-primary);--plasma-chip-background-readonly-hover:var(--surface-solid-default);--plasma-chip-color-readonly-hover:var(--inverse-text-primary);--plasma-chip-close-icon-color:var(--inverse-text-secondary);--plasma-chip-left-content-color:var(--inverse-text-primary);}
2
- .Chip_config_1dqafsg_s126p7m4__fabd6b3b{--plasma-chip-color:var(--text-primary);--plasma-chip-background:var(--surface-transparent-secondary);--plasma-chip-color-hover:var(--text-primary);--plasma-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-chip-color-active:var(--text-primary);--plasma-chip-background-active:var(--surface-transparent-secondary-active);--plasma-chip-background-readonly:var(--surface-transparent-secondary);--plasma-chip-color-readonly:var(--text-primary);--plasma-chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-chip-color-readonly-hover:var(--text-primary);--plasma-chip-close-icon-color:var(--text-secondary);--plasma-chip-left-content-color:var(--text-primary);}
3
- .Chip_config_1dqafsg_ajkx6wt__fabd6b3b{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-accent);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-accent-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-accent-active);--plasma-chip-background-readonly:var(--surface-accent);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-accent);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
4
- .Chip_config_1dqafsg_pn5gl06__fabd6b3b{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-positive);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-positive-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-positive-active);--plasma-chip-background-readonly:var(--surface-positive);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-positive);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
5
- .Chip_config_1dqafsg_w1yp541c__fabd6b3b{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-warning);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-warning-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-warning-active);--plasma-chip-background-readonly:var(--surface-warning);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-warning);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
6
- .Chip_config_1dqafsg_nm5xol4__fabd6b3b{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-negative);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-negative-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-negative-active);--plasma-chip-background-readonly:var(--surface-negative);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-negative);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
7
- .Chip_config_1dqafsg_l19qs8xp__fabd6b3b{--plasma-chip-border-radius:0.75rem;--plasma-chip-pilled-border-radius:1.5rem;--plasma-chip-width:auto;--plasma-chip-height:3rem;--plasma-chip-padding:0 1rem;--plasma-chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-l-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.5rem;--plasma-chip-right-content-margin-left:0.5rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.625rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1.5rem;}
8
- .Chip_config_1dqafsg_m1rdfpua__fabd6b3b{--plasma-chip-border-radius:0.625rem;--plasma-chip-pilled-border-radius:1.25rem;--plasma-chip-width:auto;--plasma-chip-height:2.5rem;--plasma-chip-padding:0 0.875rem;--plasma-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-m-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.375rem;--plasma-chip-right-content-margin-left:0.375rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.5rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1.25rem;}
9
- .Chip_config_1dqafsg_s1j4t1v9__fabd6b3b{--plasma-chip-border-radius:0.5rem;--plasma-chip-pilled-border-radius:1rem;--plasma-chip-width:auto;--plasma-chip-height:2rem;--plasma-chip-padding:0 0.875rem;--plasma-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.25rem;--plasma-chip-right-content-margin-left:0.25rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.375rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1rem;}
10
- .Chip_config_1dqafsg_x18lovtu__fabd6b3b{--plasma-chip-border-radius:0.375rem;--plasma-chip-pilled-border-radius:0.75rem;--plasma-chip-width:auto;--plasma-chip-height:1.5rem;--plasma-chip-padding:0 0.625rem;--plasma-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.25rem;--plasma-chip-right-content-margin-left:0.25rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.25rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:0.75rem;}
11
- .Chip_config_1dqafsg_xpxfxbl__fabd6b3b{--plasma-chip-border-radius:0.375rem;--plasma-chip-pilled-border-radius:0.625rem;--plasma-chip-width:auto;--plasma-chip-height:1.25rem;--plasma-chip-padding:0 0.5rem;--plasma-chip-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-chip-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-chip-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.125rem;--plasma-chip-right-content-margin-left:0.125rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.25rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:0.75rem;}
12
- .Chip_config_1dqafsg_t6zrfoy__fabd6b3b{--plasma-chip-disabled-opacity:0.4;}
13
- .Chip_config_1dqafsg_t660yvk__fabd6b3b{--plasma-chip-focus-color:var(--text-accent);}
1
+ .Chip_config_7kj31a_d1tkvann__8d3d7b83{--plasma-chip-color:var(--inverse-text-primary);--plasma-chip-background:var(--surface-solid-default);--plasma-chip-color-hover:var(--inverse-text-primary);--plasma-chip-background-hover:var(--surface-solid-default-hover);--plasma-chip-color-active:var(--inverse-text-primary);--plasma-chip-background-active:var(--surface-solid-default-active);--plasma-chip-background-readonly:var(--surface-solid-default);--plasma-chip-color-readonly:var(--inverse-text-primary);--plasma-chip-background-readonly-hover:var(--surface-solid-default);--plasma-chip-color-readonly-hover:var(--inverse-text-primary);--plasma-chip-close-icon-color:var(--inverse-text-secondary);--plasma-chip-close-icon-color-hover:var(--inverse-text-secondary-hover);--plasma-chip-left-content-color:var(--inverse-text-primary);}
2
+ .Chip_config_7kj31a_s126p7m4__8d3d7b83{--plasma-chip-color:var(--text-primary);--plasma-chip-background:var(--surface-transparent-secondary);--plasma-chip-color-hover:var(--text-primary);--plasma-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-chip-color-active:var(--text-primary);--plasma-chip-background-active:var(--surface-transparent-secondary-active);--plasma-chip-background-readonly:var(--surface-transparent-secondary);--plasma-chip-color-readonly:var(--text-primary);--plasma-chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-chip-color-readonly-hover:var(--text-primary);--plasma-chip-close-icon-color:var(--text-secondary);--plasma-chip-close-icon-color-hover:var(--text-secondary-hover);--plasma-chip-left-content-color:var(--text-primary);}
3
+ .Chip_config_7kj31a_ajkx6wt__8d3d7b83{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-accent);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-accent-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-accent-active);--plasma-chip-background-readonly:var(--surface-accent);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-accent);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
4
+ .Chip_config_7kj31a_pn5gl06__8d3d7b83{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-positive);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-positive-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-positive-active);--plasma-chip-background-readonly:var(--surface-positive);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-positive);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
5
+ .Chip_config_7kj31a_w1yp541c__8d3d7b83{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-warning);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-warning-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-warning-active);--plasma-chip-background-readonly:var(--surface-warning);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-warning);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
6
+ .Chip_config_7kj31a_nm5xol4__8d3d7b83{--plasma-chip-color:var(--on-dark-text-primary);--plasma-chip-background:var(--surface-negative);--plasma-chip-color-hover:var(--on-dark-text-primary);--plasma-chip-background-hover:var(--surface-negative-hover);--plasma-chip-color-active:var(--on-dark-text-primary);--plasma-chip-background-active:var(--surface-negative-active);--plasma-chip-background-readonly:var(--surface-negative);--plasma-chip-color-readonly:var(--on-dark-text-primary);--plasma-chip-background-readonly-hover:var(--surface-negative);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-chip-close-icon-color:var(--on-dark-text-secondary);--plasma-chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-chip-left-content-color:var(--on-dark-text-primary);}
7
+ .Chip_config_7kj31a_l19qs8xp__8d3d7b83{--plasma-chip-border-radius:0.75rem;--plasma-chip-pilled-border-radius:1.5rem;--plasma-chip-width:auto;--plasma-chip-height:3rem;--plasma-chip-padding:0 1rem;--plasma-chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-l-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.5rem;--plasma-chip-right-content-margin-left:0.5rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.625rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1.5rem;}
8
+ .Chip_config_7kj31a_m1rdfpua__8d3d7b83{--plasma-chip-border-radius:0.625rem;--plasma-chip-pilled-border-radius:1.25rem;--plasma-chip-width:auto;--plasma-chip-height:2.5rem;--plasma-chip-padding:0 0.875rem;--plasma-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-m-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.375rem;--plasma-chip-right-content-margin-left:0.375rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.5rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1.25rem;}
9
+ .Chip_config_7kj31a_s1j4t1v9__8d3d7b83{--plasma-chip-border-radius:0.5rem;--plasma-chip-pilled-border-radius:1rem;--plasma-chip-width:auto;--plasma-chip-height:2rem;--plasma-chip-padding:0 0.875rem;--plasma-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.25rem;--plasma-chip-right-content-margin-left:0.25rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.375rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1rem;}
10
+ .Chip_config_7kj31a_x18lovtu__8d3d7b83{--plasma-chip-border-radius:0.375rem;--plasma-chip-pilled-border-radius:0.75rem;--plasma-chip-width:auto;--plasma-chip-height:1.5rem;--plasma-chip-padding:0 0.625rem;--plasma-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.25rem;--plasma-chip-right-content-margin-left:0.25rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.25rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:0.75rem;}
11
+ .Chip_config_7kj31a_xpxfxbl__8d3d7b83{--plasma-chip-border-radius:0.375rem;--plasma-chip-pilled-border-radius:0.625rem;--plasma-chip-width:auto;--plasma-chip-height:1.25rem;--plasma-chip-padding:0 0.5rem;--plasma-chip-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-chip-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-chip-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.125rem;--plasma-chip-right-content-margin-left:0.125rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.25rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:0.75rem;}
12
+ .Chip_config_7kj31a_t6zrfoy__8d3d7b83{--plasma-chip-disabled-opacity:0.4;}
13
+ .Chip_config_7kj31a_t660yvk__8d3d7b83{--plasma-chip-focus-color:var(--text-accent);}
14
14
 
package/es/components/Combobox/Combobox.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Combobox.config_16lk3xt.css';
1
+ import './Combobox.config_xpd4a4.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
package/es/components/Combobox/Combobox.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.config.js","sources":["../../../src-css/components/Combobox/Combobox.config.ts"],"sourcesContent":["import { css, comboboxNewTokens 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.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-primary);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-secondary);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldChipCloseIconColor}: var(--text-secondary);\n ${tokens.textFieldChipColor}: var(--text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorHover}: var(--text-primary);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.textFieldChipColorActive}: var(--text-primary);\n ${tokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnly}: var(--text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n\n ${tokens.itemIconColor}: var(--text-accent);\n\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n `,\n positive: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-positive);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-positive);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-positive);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-positive);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldChipCloseIconColor}: var(--text-secondary);\n ${tokens.textFieldChipColor}: var(--text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorHover}: var(--text-primary);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.textFieldChipColorActive}: var(--text-primary);\n ${tokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnly}: var(--text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n\n ${tokens.itemIconColor}: var(--text-accent);\n\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n `,\n warning: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-warning);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-warning);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-warning);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-warning);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldChipCloseIconColor}: var(--text-secondary);\n ${tokens.textFieldChipColor}: var(--text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorHover}: var(--text-primary);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.textFieldChipColorActive}: var(--text-primary);\n ${tokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnly}: var(--text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n\n ${tokens.itemIconColor}: var(--text-accent);\n\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-negative);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-negative);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-negative);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);\n\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-negative);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldChipCloseIconColor}: var(--text-secondary);\n ${tokens.textFieldChipColor}: var(--text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorHover}: var(--text-primary);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.textFieldChipColorActive}: var(--text-primary);\n ${tokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnly}: var(--text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n\n ${tokens.itemIconColor}: var(--text-accent);\n\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n `,\n },\n size: {\n l: css`\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.75rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.5rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 2.75rem;\n ${tokens.textFieldChipPadding}: 0 0.75rem 0 1rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.625rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 1.5rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.emptyStatePadding}: 1rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 1rem 1.125rem;\n ${tokens.itemPaddingTight}: 0.75rem 1.125rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n ${tokens.itemIconMargin}: 0 0.5rem 0 0;\n ${tokens.itemIconSize}: 1.5rem;\n ${tokens.itemIconSizeTight}: 1.5rem;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\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.fontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerSizeTight}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.5rem;\n ${tokens.dividerMarginRight}: 1rem;\n ${tokens.dividerMarginBottom}: 0.5rem;\n ${tokens.dividerMarginLeft}: 1rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n `,\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.625rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.375rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 2.25rem;\n ${tokens.textFieldChipPadding}: 0 0.625rem 0 0.875rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.5rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 1.25rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.emptyStatePadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.75rem 0.875rem;\n ${tokens.itemPaddingTight}: 0.5rem 0.875rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n ${tokens.itemIconMargin}: 0 0.375rem 0 0;\n ${tokens.itemIconSize}: 1.5rem;\n ${tokens.itemIconSizeTight}: 1.5rem;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\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.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerSizeTight}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.875rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.875rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.5rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.25rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 1.75rem;\n ${tokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.375rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 1rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.emptyStatePadding}: 0.625rem 0.875rem 0.625rem 0.875rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.5rem 0.75rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n ${tokens.itemIconSize}: 1.5rem;\n ${tokens.itemIconSizeTight}: 1rem;\n ${tokens.itemIconMargin}: 0 0.375rem 0 0;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\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.fontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerSizeTight}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.75rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.75rem;\n ${tokens.dividerMarginTopTight}: 0.25rem;\n ${tokens.dividerMarginBottomTight}: 0.25rem;\n `,\n xs: css`\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.375rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.125rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 1.25rem;\n ${tokens.textFieldChipPadding}: 0 0.375rem 0 0.625rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.25rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 0.75rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.emptyStatePadding}: 0.5rem 0.625rem 0.5rem 0.625rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.itemHeight}: 1rem;\n ${tokens.itemPadding}: 0.5rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.5rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n ${tokens.itemIconSize}: 1rem;\n ${tokens.itemIconSizeTight}: 1rem;\n ${tokens.itemIconMargin}: 0 0.25rem 0 0;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.25rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\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.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.checkboxTriggerSize}: 0.875rem;\n ${tokens.checkboxTriggerSizeTight}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.25rem;\n ${tokens.dividerMarginRight}: 0.5rem;\n ${tokens.dividerMarginBottom}: 0.225rem;\n ${tokens.dividerMarginLeft}: 0.5rem;\n ${tokens.dividerMarginTopTight}: 0.125rem;\n ${tokens.dividerMarginBottomTight}: 0.125rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n hintView: {\n default: css`\n ${tokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.textFieldTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.textFieldTooltipColor}: var(--text-primary);\n ${tokens.textFieldTooltipArrowBackground}: var(--surface-solid-card);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.875rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2.5rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.625rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.textFieldTooltipArrowHeight}: 0.5rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.5rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.75rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.5rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.5rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.textFieldTooltipArrowHeight}: 0.375rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.textFieldDisabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldReadOnlyOpacity}: 0.1;\n ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLabelColorReadOnly}: var(--text-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","l","m","s","xs","inner","outer","hintView","hintSize","disabled","true","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,EAmDC,UAAA;AACDC,MAAAA,QAAQ,EAmDP,SAAA;AACDC,MAAAA,OAAO,EAmDN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAqDX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAsHA,UAAA;AACDC,MAAAA,CAAC,EAsHA,SAAA;AACDC,MAAAA,CAAC,EAsHA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAuHL;AACDT,IAAAA,cAAc,EAAE;AACZU,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;MACNV,SAAO,EAAA,SAAA;KAMV;AACDW,IAAAA,QAAQ,EAAE;AACNN,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAwBJ;AACDM,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AASR,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Combobox.config.js","sources":["../../../src-css/components/Combobox/Combobox.config.ts"],"sourcesContent":["import { css, comboboxNewTokens 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.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-primary);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-secondary);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldChipCloseIconColor}: var(--text-secondary);\n ${tokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);\n ${tokens.textFieldChipColor}: var(--text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorHover}: var(--text-primary);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.textFieldChipColorActive}: var(--text-primary);\n ${tokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnly}: var(--text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n\n ${tokens.itemIconColor}: var(--text-accent);\n\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n `,\n positive: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-positive);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-positive);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-positive);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-positive);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldChipCloseIconColor}: var(--text-secondary);\n ${tokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);\n ${tokens.textFieldChipColor}: var(--text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorHover}: var(--text-primary);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.textFieldChipColorActive}: var(--text-primary);\n ${tokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnly}: var(--text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n\n ${tokens.itemIconColor}: var(--text-accent);\n\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n `,\n warning: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-warning);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-warning);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-warning);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-warning);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldChipCloseIconColor}: var(--text-secondary);\n ${tokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);\n ${tokens.textFieldChipColor}: var(--text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorHover}: var(--text-primary);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.textFieldChipColorActive}: var(--text-primary);\n ${tokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnly}: var(--text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n\n ${tokens.itemIconColor}: var(--text-accent);\n\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-negative);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-negative);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-negative);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);\n\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-negative);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldChipCloseIconColor}: var(--text-secondary);\n ${tokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);\n ${tokens.textFieldChipColor}: var(--text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorHover}: var(--text-primary);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.textFieldChipColorActive}: var(--text-primary);\n ${tokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnly}: var(--text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n\n ${tokens.itemIconColor}: var(--text-accent);\n\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n `,\n },\n size: {\n l: css`\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.75rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.5rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 2.75rem;\n ${tokens.textFieldChipPadding}: 0 0.75rem 0 1rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.625rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 1.5rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.emptyStatePadding}: 1rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 1rem 1.125rem;\n ${tokens.itemPaddingTight}: 0.75rem 1.125rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n ${tokens.itemIconMargin}: 0 0.5rem 0 0;\n ${tokens.itemIconSize}: 1.5rem;\n ${tokens.itemIconSizeTight}: 1.5rem;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\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.fontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerSizeTight}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.5rem;\n ${tokens.dividerMarginRight}: 1rem;\n ${tokens.dividerMarginBottom}: 0.5rem;\n ${tokens.dividerMarginLeft}: 1rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n `,\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.625rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.375rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 2.25rem;\n ${tokens.textFieldChipPadding}: 0 0.625rem 0 0.875rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.5rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 1.25rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.emptyStatePadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.75rem 0.875rem;\n ${tokens.itemPaddingTight}: 0.5rem 0.875rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n ${tokens.itemIconMargin}: 0 0.375rem 0 0;\n ${tokens.itemIconSize}: 1.5rem;\n ${tokens.itemIconSizeTight}: 1.5rem;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\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.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerSizeTight}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.875rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.875rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.5rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.25rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 1.75rem;\n ${tokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.375rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 1rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.emptyStatePadding}: 0.625rem 0.875rem 0.625rem 0.875rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.5rem 0.75rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n ${tokens.itemIconSize}: 1.5rem;\n ${tokens.itemIconSizeTight}: 1rem;\n ${tokens.itemIconMargin}: 0 0.375rem 0 0;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\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.fontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerSizeTight}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.75rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.75rem;\n ${tokens.dividerMarginTopTight}: 0.25rem;\n ${tokens.dividerMarginBottomTight}: 0.25rem;\n `,\n xs: css`\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.375rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.125rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 1.25rem;\n ${tokens.textFieldChipPadding}: 0 0.375rem 0 0.625rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.25rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 0.75rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.emptyStatePadding}: 0.5rem 0.625rem 0.5rem 0.625rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.itemHeight}: 1rem;\n ${tokens.itemPadding}: 0.5rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.5rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n ${tokens.itemIconSize}: 1rem;\n ${tokens.itemIconSizeTight}: 1rem;\n ${tokens.itemIconMargin}: 0 0.25rem 0 0;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.25rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\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.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.checkboxTriggerSize}: 0.875rem;\n ${tokens.checkboxTriggerSizeTight}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.25rem;\n ${tokens.dividerMarginRight}: 0.5rem;\n ${tokens.dividerMarginBottom}: 0.225rem;\n ${tokens.dividerMarginLeft}: 0.5rem;\n ${tokens.dividerMarginTopTight}: 0.125rem;\n ${tokens.dividerMarginBottomTight}: 0.125rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n hintView: {\n default: css`\n ${tokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.textFieldTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.textFieldTooltipColor}: var(--text-primary);\n ${tokens.textFieldTooltipArrowBackground}: var(--surface-solid-card);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.875rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2.5rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.625rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.textFieldTooltipArrowHeight}: 0.5rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.5rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.75rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.5rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.5rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.textFieldTooltipArrowHeight}: 0.375rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.textFieldDisabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldReadOnlyOpacity}: 0.1;\n ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLabelColorReadOnly}: var(--text-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","l","m","s","xs","inner","outer","hintView","hintSize","disabled","true","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,EAqDC,UAAA;AACDC,MAAAA,QAAQ,EAqDP,SAAA;AACDC,MAAAA,OAAO,EAqDN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAuDX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAsHA,UAAA;AACDC,MAAAA,CAAC,EAsHA,SAAA;AACDC,MAAAA,CAAC,EAsHA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAuHL;AACDT,IAAAA,cAAc,EAAE;AACZU,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;MACNV,SAAO,EAAA,SAAA;KAMV;AACDW,IAAAA,QAAQ,EAAE;AACNN,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAwBJ;AACDM,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AASR,KAAA;AACJ,GAAA;AACJ;;;;"}