@salutejs/plasma-web 1.390.0-dev.0 → 1.390.1-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (71) hide show
  1. package/api/plasma-web.api.md +94 -19
  2. package/components/Autocomplete/Autocomplete.d.ts +1 -1
  3. package/components/Combobox/ComboboxNew/Combobox.config.d.ts +31 -0
  4. package/components/Combobox/ComboboxNew/Combobox.config.js +40 -0
  5. package/components/Combobox/ComboboxNew/Combobox.d.ts +35 -0
  6. package/components/Combobox/ComboboxNew/Combobox.js +10 -0
  7. package/components/Combobox/ComboboxNew/index.d.ts +1 -0
  8. package/components/Combobox/ComboboxNew/index.js +12 -0
  9. package/components/Combobox/ComboboxOld/Combobox.config.js +26 -0
  10. package/components/Combobox/{Combobox.d.ts → ComboboxOld/Combobox.d.ts} +6 -6
  11. package/components/Combobox/{Combobox.js → ComboboxOld/Combobox.js} +1 -1
  12. package/components/Combobox/ComboboxOld/index.d.ts +1 -0
  13. package/components/Combobox/ComboboxOld/index.js +42 -0
  14. package/components/Combobox/index.d.ts +93 -2
  15. package/components/Combobox/index.js +23 -12
  16. package/components/Drawer/Drawer.d.ts +1 -1
  17. package/components/Select/Select.d.ts +8 -4
  18. package/css/cjs/components/Combobox/ComboboxNew/Combobox.config.js +39 -0
  19. package/css/cjs/components/Combobox/ComboboxNew/Combobox.config.js.map +1 -0
  20. package/css/cjs/components/Combobox/ComboboxNew/Combobox.config_1bx709p.css +12 -0
  21. package/css/cjs/components/Combobox/ComboboxNew/Combobox.css +12 -0
  22. package/css/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -0
  23. package/css/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -0
  24. package/css/cjs/components/Combobox/{Combobox.config.js → ComboboxOld/Combobox.config.js} +6 -6
  25. package/css/cjs/components/Combobox/ComboboxOld/Combobox.config.js.map +1 -0
  26. package/css/cjs/components/Combobox/ComboboxOld/Combobox.config_w36spd.css +5 -0
  27. package/css/cjs/components/Combobox/ComboboxOld/Combobox.css +5 -0
  28. package/css/cjs/components/Combobox/{Combobox.js → ComboboxOld/Combobox.js} +1 -1
  29. package/css/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -0
  30. package/css/cjs/components/Combobox/index.css +18 -0
  31. package/css/cjs/components/Combobox/index.js +27 -0
  32. package/css/cjs/components/Combobox/index.js.map +1 -0
  33. package/css/cjs/index.css +18 -5
  34. package/css/cjs/index.js +22 -21
  35. package/css/cjs/index.js.map +1 -1
  36. package/css/es/components/Combobox/ComboboxNew/Combobox.config.js +35 -0
  37. package/css/es/components/Combobox/ComboboxNew/Combobox.config.js.map +1 -0
  38. package/css/es/components/Combobox/ComboboxNew/Combobox.config_1bx709p.css +12 -0
  39. package/css/es/components/Combobox/ComboboxNew/Combobox.css +12 -0
  40. package/css/es/components/Combobox/ComboboxNew/Combobox.js +8 -0
  41. package/css/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -0
  42. package/css/es/components/Combobox/{Combobox.config.js → ComboboxOld/Combobox.config.js} +6 -6
  43. package/css/es/components/Combobox/ComboboxOld/Combobox.config.js.map +1 -0
  44. package/css/es/components/Combobox/ComboboxOld/Combobox.config_w36spd.css +5 -0
  45. package/css/es/components/Combobox/ComboboxOld/Combobox.css +5 -0
  46. package/css/es/components/Combobox/{Combobox.js → ComboboxOld/Combobox.js} +2 -2
  47. package/css/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -0
  48. package/css/es/components/Combobox/index.css +18 -0
  49. package/css/es/components/Combobox/index.js +19 -0
  50. package/css/es/components/Combobox/index.js.map +1 -0
  51. package/css/es/index.css +18 -5
  52. package/css/es/index.js +2 -1
  53. package/css/es/index.js.map +1 -1
  54. package/es/components/Combobox/ComboboxNew/Combobox.config.js +34 -0
  55. package/es/components/Combobox/ComboboxNew/Combobox.js +4 -0
  56. package/es/components/Combobox/ComboboxNew/index.js +1 -0
  57. package/es/components/Combobox/{Combobox.config.js → ComboboxOld/Combobox.config.js} +1 -1
  58. package/es/components/Combobox/{Combobox.js → ComboboxOld/Combobox.js} +2 -2
  59. package/es/components/Combobox/ComboboxOld/index.js +1 -0
  60. package/es/components/Combobox/index.js +16 -1
  61. package/package.json +3 -3
  62. package/components/Combobox/Combobox.config.js +0 -26
  63. package/css/cjs/components/Combobox/Combobox.config.js.map +0 -1
  64. package/css/cjs/components/Combobox/Combobox.config_1xa4b1s.css +0 -5
  65. package/css/cjs/components/Combobox/Combobox.css +0 -5
  66. package/css/cjs/components/Combobox/Combobox.js.map +0 -1
  67. package/css/es/components/Combobox/Combobox.config.js.map +0 -1
  68. package/css/es/components/Combobox/Combobox.config_1xa4b1s.css +0 -5
  69. package/css/es/components/Combobox/Combobox.css +0 -5
  70. package/css/es/components/Combobox/Combobox.js.map +0 -1
  71. /package/components/Combobox/{Combobox.config.d.ts → ComboboxOld/Combobox.config.d.ts} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src-css/components/Combobox/index.tsx"],"sourcesContent":["import React, { forwardRef, ComponentProps } from 'react';\n\nimport { Combobox as ComboboxOld } from './ComboboxOld';\nimport { Combobox as ComboboxNew } from './ComboboxNew';\n\nexport { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './ComboboxOld';\n\nexport type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope';\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\ntype PropsNew = ComponentProps<typeof ComboboxNew>;\n\ntype CommonProps = PropsOld | PropsNew;\n\nconst Combobox = forwardRef<HTMLInputElement, CommonProps>((props, ref) => {\n if (props.items) {\n return <ComboboxNew ref={ref} {...props} />;\n }\n\n return <ComboboxOld ref={ref} {...props} />;\n});\n\nexport { Combobox };\n"],"names":["Combobox","forwardRef","props","ref","items","React","createElement","ComboboxNew","_extends","ComboboxOld"],"mappings":";;;;;;AAcMA,IAAAA,QAAQ,gBAAGC,UAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;EACvE,IAAID,KAAK,CAACE,KAAK,EAAE;AACb,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,UAAW,EAAAC,QAAA,CAAA;AAACL,MAAAA,GAAG,EAAEA,GAAAA;KAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACG,UAAW,EAAAD,QAAA,CAAA;AAACL,IAAAA,GAAG,EAAEA,GAAAA;GAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,CAAC;;;;"}
package/css/es/index.css CHANGED
@@ -151,11 +151,24 @@
151
151
  .Chip_config_ep4j91_tpxfxbl__3906a344{--plasma-chip-focus-color:var(--plasma-colors-accent);}
152
152
 
153
153
 
154
- .Combobox_config_1xa4b1s_x1scuc1k__8be69f12{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.5rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.5rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.375rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1rem;--plasma-combobox-item-padding-top:0.5rem;--plasma-combobox-item-padding-right:0.5rem;--plasma-combobox-item-padding-bottom:0.5rem;--plasma-combobox-item-padding-left:0.375rem;--plasma-combobox-item-border-radius:0.375rem;--plasma-combobox-item-content-left-width:1.25rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.125rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:1.25rem;--plasma-combobox-chip-padding-right:0.375rem;--plasma-combobox-chip-padding-left:0.625rem;--plasma-combobox-chip-clear-content-margin-left:0.25rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:0.75rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-target-arrow-right:0.5rem;--plasma-combobox-target-height:2rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.5rem;--plasma-combobox-target-padding:0 2.5rem 0 0.75rem;--plasma-combobox-target-padding-has-chips:0 2.625rem 0 0.375rem;--plasma-combobox-target-with-input:0 2.625rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
155
- .Combobox_config_1xa4b1s_s953oeh__8be69f12{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.625rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.75rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.75rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:0.5rem;--plasma-combobox-item-padding-right:0.75rem;--plasma-combobox-item-padding-bottom:0.5rem;--plasma-combobox-item-padding-left:0.75rem;--plasma-combobox-item-border-radius:0.5rem;--plasma-combobox-item-content-left-width:1.75rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.25rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:1.75rem;--plasma-combobox-chip-padding-right:0.5rem;--plasma-combobox-chip-padding-left:0.75rem;--plasma-combobox-chip-clear-content-margin-left:0.375rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:0.75rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-target-arrow-right:0.75rem;--plasma-combobox-target-height:2.5rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.625rem;--plasma-combobox-target-padding:0 3rem 0 1rem;--plasma-combobox-target-padding-has-chips:0 3.125rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.125rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xxs-line-height);}
156
- .Combobox_config_1xa4b1s_mcllkda__8be69f12{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.75rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.875rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.875rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:0.75rem;--plasma-combobox-item-padding-right:0.875rem;--plasma-combobox-item-padding-bottom:0.75rem;--plasma-combobox-item-padding-left:0.875rem;--plasma-combobox-item-border-radius:0.625rem;--plasma-combobox-item-content-left-width:1.75rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.375rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:2.25rem;--plasma-combobox-chip-padding-right:0.875rem;--plasma-combobox-chip-padding-left:0.625rem;--plasma-combobox-chip-clear-content-margin-left:0.5rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:1rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-arrow-right:0.875rem;--plasma-combobox-target-height:3rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.75rem;--plasma-combobox-target-padding:0 3.25rem 0 1.25rem;--plasma-combobox-target-padding-has-chips:0 3.375rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.375rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
157
- .Combobox_config_1xa4b1s_l1ioh6mq__8be69f12{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.875rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:1rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:1rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:1rem;--plasma-combobox-item-padding-right:1rem;--plasma-combobox-item-padding-bottom:1rem;--plasma-combobox-item-padding-left:1rem;--plasma-combobox-item-border-radius:0.75rem;--plasma-combobox-item-content-left-width:1.875rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.5rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:2.75rem;--plasma-combobox-chip-padding-right:0.75rem;--plasma-combobox-chip-padding-left:1rem;--plasma-combobox-chip-clear-content-margin-left:0.625rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:1rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-arrow-right:1rem;--plasma-combobox-target-height:3.5rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.875rem;--plasma-combobox-target-padding:0 3.5rem 0 1.5rem;--plasma-combobox-target-padding-has-chips:0 3.625rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.625rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-l-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-s-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-s-line-height);}
158
- .Combobox_config_1xa4b1s_d1jkqh6u__8be69f12{--plasma-combobox-target-color:var(--text-primary);--plasma-combobox-target-label-color:var(--text-secondary);--plasma-combobox-target-arrow-color:var(--text-secondary);--plasma-combobox-target-border-color:var(--text-tertiary);--plasma-combobox-target-border-color-hover:var(--text-tertiary-hover);--plasma-combobox-target-border-color-active:var(--text-tertiary-active);--plasma-combobox-target-border-color-open:var(--text-accent);--plasma-combobox-background:var(--surface-solid-card-brightness);--plasma-combobox-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-combobox-item-background:var(--plasma-colors-transparent);--plasma-combobox-item-background-hover:var(--surface-transparent-secondary);--plasma-combobox-item-background-selected-hover:var(--surface-transparent-secondary);--plasma-combobox-item-color:var(--text-primary);--plasma-combobox-item-content-left-color:var(--text-accent);--plasma-combobox-chip-close-icon-color:var(--text-secondary);--plasma-combobox-chip-color:var(--text-primary);--plasma-combobox-chip-background:var(--surface-transparent-secondary);--plasma-combobox-chip-color-hover:var(--text-primary);--plasma-combobox-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-combobox-chip-color-active:var(--text-primary);--plasma-combobox-chip-background-active:var(--surface-transparent-secondary-active);--plasma-combobox-chip-background-readonly:var(--surface-transparent-secondary);--plasma-combobox-chip-color-readonly:var(--text-primary);--plasma-combobox-chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-combobox-chip-color-readonly-hover:var(--text-primary);--plasma-combobox-chip-opacity-readonly:0.72;--plasma-combobox-disabled-opacity:0.4;--plasma-combobox-focus-color:var(--surface-accent);}
154
+ .Combobox_config_w36spd_x46pgad__0d419b04{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.5rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.5rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.375rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1rem;--plasma-combobox-old-item-padding-top:0.5rem;--plasma-combobox-old-item-padding-right:0.5rem;--plasma-combobox-old-item-padding-bottom:0.5rem;--plasma-combobox-old-item-padding-left:0.375rem;--plasma-combobox-old-item-border-radius:0.375rem;--plasma-combobox-old-item-content-left-width:1.25rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.125rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:1.25rem;--plasma-combobox-old-chip-padding-right:0.375rem;--plasma-combobox-old-chip-padding-left:0.625rem;--plasma-combobox-old-chip-clear-content-margin-left:0.25rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:0.75rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-target-arrow-right:0.5rem;--plasma-combobox-old-target-height:2rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.5rem;--plasma-combobox-old-target-padding:0 2.5rem 0 0.75rem;--plasma-combobox-old-target-padding-has-chips:0 2.625rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 2.625rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
155
+ .Combobox_config_w36spd_s1mq5iwv__0d419b04{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.625rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.75rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.75rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1.5rem;--plasma-combobox-old-item-padding-top:0.5rem;--plasma-combobox-old-item-padding-right:0.75rem;--plasma-combobox-old-item-padding-bottom:0.5rem;--plasma-combobox-old-item-padding-left:0.75rem;--plasma-combobox-old-item-border-radius:0.5rem;--plasma-combobox-old-item-content-left-width:1.75rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.25rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:1.75rem;--plasma-combobox-old-chip-padding-right:0.5rem;--plasma-combobox-old-chip-padding-left:0.75rem;--plasma-combobox-old-chip-clear-content-margin-left:0.375rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:0.75rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-target-arrow-right:0.75rem;--plasma-combobox-old-target-height:2.5rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.625rem;--plasma-combobox-old-target-padding:0 3rem 0 1rem;--plasma-combobox-old-target-padding-has-chips:0 3.125rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 3.125rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xxs-line-height);}
156
+ .Combobox_config_w36spd_m1b6fvk2__0d419b04{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.75rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.875rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.875rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1.5rem;--plasma-combobox-old-item-padding-top:0.75rem;--plasma-combobox-old-item-padding-right:0.875rem;--plasma-combobox-old-item-padding-bottom:0.75rem;--plasma-combobox-old-item-padding-left:0.875rem;--plasma-combobox-old-item-border-radius:0.625rem;--plasma-combobox-old-item-content-left-width:1.75rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.375rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:2.25rem;--plasma-combobox-old-chip-padding-right:0.875rem;--plasma-combobox-old-chip-padding-left:0.625rem;--plasma-combobox-old-chip-clear-content-margin-left:0.5rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:1rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-target-arrow-right:0.875rem;--plasma-combobox-old-target-height:3rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.75rem;--plasma-combobox-old-target-padding:0 3.25rem 0 1.25rem;--plasma-combobox-old-target-padding-has-chips:0 3.375rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 3.375rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
157
+ .Combobox_config_w36spd_lwop2ev__0d419b04{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.875rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:1rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:1rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1.5rem;--plasma-combobox-old-item-padding-top:1rem;--plasma-combobox-old-item-padding-right:1rem;--plasma-combobox-old-item-padding-bottom:1rem;--plasma-combobox-old-item-padding-left:1rem;--plasma-combobox-old-item-border-radius:0.75rem;--plasma-combobox-old-item-content-left-width:1.875rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.5rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:2.75rem;--plasma-combobox-old-chip-padding-right:0.75rem;--plasma-combobox-old-chip-padding-left:1rem;--plasma-combobox-old-chip-clear-content-margin-left:0.625rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:1rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-target-arrow-right:1rem;--plasma-combobox-old-target-height:3.5rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.875rem;--plasma-combobox-old-target-padding:0 3.5rem 0 1.5rem;--plasma-combobox-old-target-padding-has-chips:0 3.625rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 3.625rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-l-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-s-line-height);}
158
+ .Combobox_config_w36spd_dappaew__0d419b04{--plasma-combobox-old-target-color:var(--text-primary);--plasma-combobox-old-target-label-color:var(--text-secondary);--plasma-combobox-old-target-arrow-color:var(--text-secondary);--plasma-combobox-old-target-border-color:var(--text-tertiary);--plasma-combobox-old-target-border-color-hover:var(--text-tertiary-hover);--plasma-combobox-old-target-border-color-active:var(--text-tertiary-active);--plasma-combobox-old-target-border-color-open:var(--text-accent);--plasma-combobox-old-background:var(--surface-solid-card-brightness);--plasma-combobox-old-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-combobox-old-item-background:var(--plasma-colors-transparent);--plasma-combobox-old-item-background-hover:var(--surface-transparent-secondary);--plasma-combobox-old-item-background-selected-hover:var(--surface-transparent-secondary);--plasma-combobox-old-item-color:var(--text-primary);--plasma-combobox-old-item-content-left-color:var(--text-accent);--plasma-combobox-old-chip-close-icon-color:var(--text-secondary);--plasma-combobox-old-chip-color:var(--text-primary);--plasma-combobox-old-chip-background:var(--surface-transparent-secondary);--plasma-combobox-old-chip-color-hover:var(--text-primary);--plasma-combobox-old-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-combobox-old-chip-color-active:var(--text-primary);--plasma-combobox-old-chip-background-active:var(--surface-transparent-secondary-active);--plasma-combobox-old-chip-background-readonly:var(--surface-transparent-secondary);--plasma-combobox-old-chip-color-readonly:var(--text-primary);--plasma-combobox-old-chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-combobox-old-chip-color-readonly-hover:var(--text-primary);--plasma-combobox-old-chip-opacity-readonly:0.72;--plasma-combobox-old-disabled-opacity:0.4;--plasma-combobox-old-focus-color:var(--surface-accent);}
159
+
160
+ .Combobox_config_1bx709p_dpyi7rv__0ab2b3e5{--plasma-combobox-new-textfield-color:var(--text-primary);--plasma-combobox-new-textfield-background-color:var(--surface-transparent-primary);--plasma-combobox-new-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-caret-color:var(--text-accent);--plasma-combobox-new-textfield-placeholder-color:var(--text-secondary);--plasma-combobox-new-textfield__before-text-color:var(--text-tertiary);--plasma-combobox-new-textfield__after-text-color:var(--text-tertiary);--plasma-combobox-new-textfield-label-color:var(--text-primary);--plasma-combobox-new-textfield__left-helper-color:var(--text-secondary);--plasma-combobox-new-textfield-focus-color:var(--text-accent);--plasma-combobox-new-textfield-chip-close-icons-color:var(--text-secondary);--plasma-combobox-new-textfield-chip-color:var(--text-primary);--plasma-combobox-new-textfield--chip-background:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-chip-color-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-combobox-new-textfield-chip-color-active:var(--text-primary);--plasma-combobox-new-textfield-chip-background-active:var(--surface-transparent-secondary-active);--plasma-combobox-new-textfield-chip-background-read-only:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-chip-color-read-only:var(--text-primary);--plasma-combobox-new-textfield-chip-background-read-only-hover:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-chip-color-read-only-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-opacity-read-only:0.72;}
161
+ .Combobox_config_1bx709p_p4pr78__0ab2b3e5{--plasma-combobox-new-textfield-color:var(--plasma-colors-primary);--plasma-combobox-new-textfield-background-color:var(--surface-transparent-positive);--plasma-combobox-new-textfield-background-color-focus:var(--surface-transparent-positive-active);--plasma-combobox-new-textfield-caret-color:var(--text-accent);--plasma-combobox-new-textfield-placeholder-color:var(--text-secondary);--plasma-combobox-new-textfield__before-text-color:var(--text-tertiary);--plasma-combobox-new-textfield__after-text-color:var(--text-tertiary);--plasma-combobox-new-textfield-label-color:var(--text-primary);--plasma-combobox-new-textfield__left-helper-color:var(--text-positive);--plasma-combobox-new-textfield-focus-color:var(--text-accent);--plasma-combobox-new-textfield-chip-close-icons-color:var(--text-secondary);--plasma-combobox-new-textfield-chip-color:var(--text-primary);--plasma-combobox-new-textfield--chip-background:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-chip-color-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-combobox-new-textfield-chip-color-active:var(--text-primary);--plasma-combobox-new-textfield-chip-background-active:var(--surface-transparent-secondary-active);--plasma-combobox-new-textfield-chip-background-read-only:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-chip-color-read-only:var(--text-primary);--plasma-combobox-new-textfield-chip-background-read-only-hover:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-chip-color-read-only-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-opacity-read-only:0.72;}
162
+ .Combobox_config_1bx709p_w1qmqf0y__0ab2b3e5{--plasma-combobox-new-textfield-color:var(--plasma-colors-primary);--plasma-combobox-new-textfield-background-color:var(--surface-transparent-warning);--plasma-combobox-new-textfield-background-color-focus:var(--surface-transparent-warning-active);--plasma-combobox-new-textfield-caret-color:var(--text-accent);--plasma-combobox-new-textfield-placeholder-color:var(--text-secondary);--plasma-combobox-new-textfield__before-text-color:var(--text-tertiary);--plasma-combobox-new-textfield__after-text-color:var(--text-tertiary);--plasma-combobox-new-textfield-label-color:var(--text-primary);--plasma-combobox-new-textfield__left-helper-color:var(--text-warning);--plasma-combobox-new-textfield-focus-color:var(--text-accent);--plasma-combobox-new-textfield-chip-close-icons-color:var(--text-secondary);--plasma-combobox-new-textfield-chip-color:var(--text-primary);--plasma-combobox-new-textfield--chip-background:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-chip-color-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-combobox-new-textfield-chip-color-active:var(--text-primary);--plasma-combobox-new-textfield-chip-background-active:var(--surface-transparent-secondary-active);--plasma-combobox-new-textfield-chip-background-read-only:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-chip-color-read-only:var(--text-primary);--plasma-combobox-new-textfield-chip-background-read-only-hover:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-chip-color-read-only-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-opacity-read-only:0.72;}
163
+ .Combobox_config_1bx709p_nhtcqag__0ab2b3e5{--plasma-combobox-new-textfield-color:var(--plasma-colors-primary);--plasma-combobox-new-textfield-background-color:var(--surface-transparent-negative);--plasma-combobox-new-textfield-background-color-focus:var(--surface-transparent-negative-active);--plasma-combobox-new-textfield-caret-color:var(--text-accent);--plasma-combobox-new-textfield-placeholder-color:var(--text-secondary);--plasma-combobox-new-textfield__before-text-color:var(--text-tertiary);--plasma-combobox-new-textfield__after-text-color:var(--text-tertiary);--plasma-combobox-new-textfield-label-color:var(--text-primary);--plasma-combobox-new-textfield__left-helper-color:var(--text-negative);--plasma-combobox-new-textfield-focus-color:var(--text-accent);--plasma-combobox-new-textfield-chip-close-icons-color:var(--text-secondary);--plasma-combobox-new-textfield-chip-color:var(--text-primary);--plasma-combobox-new-textfield--chip-background:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-chip-color-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-combobox-new-textfield-chip-color-active:var(--text-primary);--plasma-combobox-new-textfield-chip-background-active:var(--surface-transparent-secondary-active);--plasma-combobox-new-textfield-chip-background-read-only:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-chip-color-read-only:var(--text-primary);--plasma-combobox-new-textfield-chip-background-read-only-hover:var(--surface-transparent-secondary);--plasma-combobox-new-textfield-chip-color-read-only-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-opacity-read-only:0.72;}
164
+ .Combobox_config_1bx709p_l1jmp79k__0ab2b3e5{--plasma-combobox-new-textfield-height:3.5rem;--plasma-combobox-new-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-combobox-new-textfield-padding-with-chips:0.375rem;--plasma-combobox-new-textfield-border-radius:0.875rem;--plasma-combobox-new-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-combobox-new-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-combobox-new-textfield__before-text-margin:0 0.25rem 0 0;--plasma-combobox-new-textfield__after-text-margin:0 0 0 0.25rem;--plasma-combobox-new-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-new-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-new-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-new-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-combobox-new-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-new-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-combobox-new-textfield__label-offset:0.75rem;--plasma-combobox-new-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-new-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-new-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-new-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-combobox-new-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-new-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-combobox-new-textfield__left-helper-offset:0.25rem;--plasma-combobox-new-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-new-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-new-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-new-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-new-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-new-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-new-textfield-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-combobox-new-textfield-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-combobox-new-textfield-chip-gap:0.25rem;--plasma-combobox-new-textfield-chip-border-radius:0.5rem;--plasma-combobox-new-textfield-chip-width:auto;--plasma-combobox-new-textfield-chip-height:2.75rem;--plasma-combobox-new-textfield-chip-padding-right:0.75rem;--plasma-combobox-new-textfield-chip-padding-left:1rem;--plasma-combobox-new-textfield-chip-clear-content-margin-left:0.625rem;--plasma-combobox-new-textfield-chip-clear-content-margin-right:0rem;--plasma-combobox-new-textfield-chip-close-icon-size:1.5rem;--plasma-combobox-new-textfield-chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-new-textfield-chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-new-textfield-chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-new-textfield-chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-combobox-new-textfield-chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-new-textfield-chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-combobox-padding:0.125rem;--plasma-combobox-border-radius:0.875rem;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding:1rem 1rem 1rem 0.875rem;--plasma-combobox-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-combobox-item-border-radius:0.75rem;--plasma-combobox-item-icon-margin:0 0.5rem 0 0;--plasma-combobox-item-icon-size:1.5rem;--plasma-combobox-item-icon-size-tight:1.5rem;--plasma-combobox-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-combobox-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-font-line-height:var(--plasma-typo-body-l-line-height);--plasma-combobox-checkbox-trigger-size:1.25rem;--plasma-combobox-checkbox-trigger-size-tight:1.25rem;--plasma-combobox-checkbox-trigger-border-radius:0.375rem;--plasma-combobox-checkbox-trigger-border-radius-tight:0.375rem;--plasma-combobox-checkbox-fill-color:var(--text-accent);--plasma-combobox-checkbox-icon-color:var(--on-dark-text-primary);--plasma-combobox-checkbox-trigger-border-color:var(--text-secondary);--plasma-combobox-indicator-size:0.375rem;}
165
+ .Combobox_config_1bx709p_m1unrmtr__0ab2b3e5{--plasma-combobox-new-textfield-height:3rem;--plasma-combobox-new-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-combobox-new-textfield-padding-with-chips:0.375rem;--plasma-combobox-new-textfield-border-radius:0.75rem;--plasma-combobox-new-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-combobox-new-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-combobox-new-textfield__before-text-margin:0 0.25rem 0 0;--plasma-combobox-new-textfield__after-text-margin:0 0 0 0.25rem;--plasma-combobox-new-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-new-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-new-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-new-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-new-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-new-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-new-textfield__label-offset:0.625rem;--plasma-combobox-new-textfield__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-new-textfield__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-new-textfield__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-new-textfield__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-new-textfield__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-new-textfield__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-new-textfield__left-helper-offset:0.25rem;--plasma-combobox-new-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-new-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-new-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-new-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-new-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-new-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-new-textfield-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-combobox-new-textfield-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-combobox-new-textfield-chip-gap:0.25rem;--plasma-combobox-new-textfield-chip-border-radius:0.375rem;--plasma-combobox-new-textfield-chip-width:auto;--plasma-combobox-new-textfield-chip-height:2.25rem;--plasma-combobox-new-textfield-chip-padding-right:0.625rem;--plasma-combobox-new-textfield-chip-padding-left:0.875rem;--plasma-combobox-new-textfield-chip-clear-content-margin-left:0.5rem;--plasma-combobox-new-textfield-chip-clear-content-margin-right:0rem;--plasma-combobox-new-textfield-chip-close-icon-size:1.25rem;--plasma-combobox-new-textfield-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-new-textfield-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-new-textfield-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-new-textfield-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-new-textfield-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-new-textfield-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-padding:0.125rem;--plasma-combobox-border-radius:0.75rem;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-combobox-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-combobox-item-border-radius:0.625rem;--plasma-combobox-item-icon-margin:0 0.375rem 0 0;--plasma-combobox-item-icon-size:1.5rem;--plasma-combobox-item-icon-size-tight:1.5rem;--plasma-combobox-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-font-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-checkbox-trigger-size:1.25rem;--plasma-combobox-checkbox-trigger-size-tight:1.25rem;--plasma-combobox-checkbox-trigger-border-radius:0.375rem;--plasma-combobox-checkbox-trigger-border-radius-tight:0.375rem;--plasma-combobox-checkbox-fill-color:var(--text-accent);--plasma-combobox-checkbox-icon-color:var(--on-dark-text-primary);--plasma-combobox-checkbox-trigger-border-color:var(--text-secondary);--plasma-combobox-indicator-size:0.375rem;}
166
+ .Combobox_config_1bx709p_sd4ooyg__0ab2b3e5{--plasma-combobox-new-textfield-height:2.5rem;--plasma-combobox-new-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-combobox-new-textfield-padding-with-chips:0.375rem;--plasma-combobox-new-textfield-border-radius:0.625rem;--plasma-combobox-new-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-combobox-new-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-combobox-new-textfield__before-text-margin:0 0.25rem 0 0;--plasma-combobox-new-textfield__after-text-margin:0 0 0 0.25rem;--plasma-combobox-new-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-new-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-new-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-new-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-new-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-new-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-new-textfield__label-offset:0.5rem;--plasma-combobox-new-textfield__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-new-textfield__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-new-textfield__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-new-textfield__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-new-textfield__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-new-textfield__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-new-textfield__left-helper-offset:0.25rem;--plasma-combobox-new-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-new-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-new-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-new-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-new-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-new-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-new-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-combobox-new-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-combobox-new-textfield-chip-gap:0.25rem;--plasma-combobox-new-textfield-chip-border-radius:0.25rem;--plasma-combobox-new-textfield-chip-width:auto;--plasma-combobox-new-textfield-chip-height:1.75rem;--plasma-combobox-new-textfield-chip-padding-right:0.5rem;--plasma-combobox-new-textfield-chip-padding-left:0.75rem;--plasma-combobox-new-textfield-chip-clear-content-margin-left:0.375rem;--plasma-combobox-new-textfield-chip-clear-content-margin-right:0rem;--plasma-combobox-new-textfield-chip-close-icon-size:1rem;--plasma-combobox-new-textfield-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-new-textfield-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-new-textfield-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-new-textfield-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-new-textfield-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-new-textfield-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-padding:0.125rem;--plasma-combobox-border-radius:0.625rem;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-combobox-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-combobox-item-border-radius:0.5rem;--plasma-combobox-item-icon-size:1.5rem;--plasma-combobox-item-icon-size-tight:1rem;--plasma-combobox-item-icon-margin:0 0.375rem 0 0;--plasma-combobox-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-checkbox-trigger-size:1.25rem;--plasma-combobox-checkbox-trigger-size-tight:0.875rem;--plasma-combobox-checkbox-trigger-border-radius:0.375rem;--plasma-combobox-checkbox-trigger-border-radius-tight:0.25rem;--plasma-combobox-checkbox-fill-color:var(--text-accent);--plasma-combobox-checkbox-icon-color:var(--on-dark-text-primary);--plasma-combobox-checkbox-trigger-border-color:var(--text-secondary);--plasma-combobox-indicator-size:0.375rem;}
167
+ .Combobox_config_1bx709p_x9yefpq__0ab2b3e5{--plasma-combobox-new-textfield-height:2rem;--plasma-combobox-new-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-combobox-new-textfield-padding-with-chips:0.375rem;--plasma-combobox-new-textfield-border-radius:0.5rem;--plasma-combobox-new-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-combobox-new-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-combobox-new-textfield__before-text-margin:0 0.25rem 0 0;--plasma-combobox-new-textfield__after-text-margin:0 0 0 0.25rem;--plasma-combobox-new-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-new-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-new-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-new-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-new-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-new-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-new-textfield__label-offset:0.375rem;--plasma-combobox-new-textfield__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-new-textfield__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-new-textfield__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-new-textfield__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-new-textfield__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-new-textfield__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-new-textfield__left-helper-offset:0.25rem;--plasma-combobox-new-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-new-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-new-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-new-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-new-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-new-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-new-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-combobox-new-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-combobox-new-textfield-chip-gap:0.25rem;--plasma-combobox-new-textfield-chip-border-radius:0.125rem;--plasma-combobox-new-textfield-chip-width:auto;--plasma-combobox-new-textfield-chip-height:1.25rem;--plasma-combobox-new-textfield-chip-padding-right:0.375rem;--plasma-combobox-new-textfield-chip-padding-left:0.625rem;--plasma-combobox-new-textfield-chip-clear-content-margin-left:0.25rem;--plasma-combobox-new-textfield-chip-clear-content-margin-right:0rem;--plasma-combobox-new-textfield-chip-close-icon-size:0.75rem;--plasma-combobox-new-textfield-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-new-textfield-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-new-textfield-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-new-textfield-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-new-textfield-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-new-textfield-chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-padding:0.125rem;--plasma-combobox-border-radius:0.5rem;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-combobox-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-combobox-item-border-radius:0.625rem;--plasma-combobox-item-icon-margin:0 0.375rem 0 0;--plasma-combobox-item-icon-size:1.5rem;--plasma-combobox-item-icon-size-tight:1.5rem;--plasma-combobox-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-font-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-checkbox-trigger-size:1.25rem;--plasma-combobox-checkbox-trigger-size-tight:1.25rem;--plasma-combobox-checkbox-trigger-border-radius:0.375rem;--plasma-combobox-checkbox-trigger-border-radius-tight:0.375rem;--plasma-combobox-checkbox-fill-color:var(--text-accent);--plasma-combobox-checkbox-icon-color:var(--on-dark-text-primary);--plasma-combobox-checkbox-trigger-border-color:var(--text-secondary);--plasma-combobox-indicator-size:0.375rem;}
168
+ .Combobox_config_1bx709p_idmekls__0ab2b3e5{--plasma-combobox-new-textfield-placeholder-color:var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));--plasma-combobox-new-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-new-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-new-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-new-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-new-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-new-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);}
169
+
170
+ .Combobox_config_1bx709p_t1epzmrw__0ab2b3e5{--plasma-combobox-new-textfield-disabled-opacity:0.4;}
171
+ .Combobox_config_1bx709p_t1id8dy3__0ab2b3e5{--plasma-combobox-new-textfield-color-readonly:var(--text-secondary);--plasma-combobox-new-textfield-bg-color-readonly:var(--surface-transparent-primary);--plasma-combobox-new-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-combobox-new-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-combobox-new-textfield__label-color-readonly:var(--text-secondary);}
159
172
 
160
173
  .Counter_config_1nby1ym_d1cwt38k__dc76503b{--plasma-counter-color:var(--inverse-text-primary);--plasma-counter-background:var(--surface-solid-default);}
161
174
  .Counter_config_1nby1ym_pnq0de9__dc76503b{--plasma-counter-color:var(--inverse-text-primary);--plasma-counter-background:var(--surface-solid-default);}
package/css/es/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ export { Combobox } from './components/Combobox/index.js';
1
2
  export { AccordionItem, ButtonBase, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, Overlay, PopupProvider as PopupBaseProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, modalClasses as modalBaseClasses, popupClasses as popupBaseClasses, priceClasses, rangeTokens, sheetClasses, toolbarTokens, usePopupContext as usePopupBaseContext, useSegment, useToast } from '@salutejs/plasma-new-hope';
2
3
  export { Accordion } from './components/Accordion/Accordion.js';
3
4
  export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
@@ -11,7 +12,7 @@ export { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoub
11
12
  export { Cell } from './components/Cell/Cell.js';
12
13
  export { Checkbox } from './components/Checkbox/Checkbox.js';
13
14
  export { Chip } from './components/Chip/Chip.js';
14
- export { Combobox, ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './components/Combobox/Combobox.js';
15
+ export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './components/Combobox/ComboboxOld/Combobox.js';
15
16
  export { Counter } from './components/Counter/Counter.js';
16
17
  export { DatePicker, DatePickerRange } from './components/DatePicker/DatePicker.js';
17
18
  export { Divider } from './components/Divider/Divider.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,34 @@
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
2
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
+ import { css, comboboxNewTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
4
+ export var config = {
5
+ defaults: {
6
+ view: 'default',
7
+ size: 'm',
8
+ labelPlacement: 'outer'
9
+ },
10
+ variations: {
11
+ view: {
12
+ "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
13
+ positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-primary);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-active);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
14
+ warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-primary);\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning-active);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
15
+ negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-primary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
16
+ },
17
+ size: {
18
+ l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.125rem;\n ", ": 0.875rem;\n\n ", ": 1.5rem;\n ", ": 1rem 1rem 1rem 0.875rem;\n ", ": 0.75rem 1rem 0.75rem 0.875rem;\n ", ": 0.75rem;\n ", ": 0 0.5rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
19
+ m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem 0 0.125rem 0;\n ", ": 1.375rem 0 0.375rem 0;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0.625rem;\n ", ": 0.875rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n ", ": 0.625rem;\n ", ": 0 0.375rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
20
+ s: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.125rem;\n ", ": 0.625rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n ", ": 0.5rem;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 0 0.375rem 0 0;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.25rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
21
+ xs: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.125rem;\n ", ": 0.5rem;\n\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n ", ": 0.625rem;\n ", ": 0 0.375rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize)
22
+ },
23
+ labelPlacement: {
24
+ inner: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
25
+ outer: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
26
+ },
27
+ disabled: {
28
+ "true": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tokens.textFieldDisabledOpacity)
29
+ },
30
+ readOnly: {
31
+ "true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
32
+ }
33
+ }
34
+ };
@@ -0,0 +1,4 @@
1
+ import { comboboxNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './Combobox.config';
3
+ var mergedConfig = /*#__PURE__*/mergeConfig(comboboxNewConfig, config);
4
+ export var Combobox = /*#__PURE__*/component(mergedConfig);
@@ -0,0 +1 @@
1
+ export { Combobox } from './Combobox';
@@ -1,6 +1,6 @@
1
1
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css, comboboxTokens } from '@salutejs/plasma-new-hope/styled-components';
3
+ import { css, comboboxOldTokens as comboboxTokens } from '@salutejs/plasma-new-hope/styled-components';
4
4
  export var config = {
5
5
  defaults: {
6
6
  view: 'default',
@@ -1,6 +1,6 @@
1
- import { comboboxConfig, comboboxItemConfig, comboboxDividerConfig, comboboxFooterConfig, comboboxGroupConfig, comboboxHeaderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
1
+ import { comboboxOldConfig, comboboxItemConfig, comboboxDividerConfig, comboboxFooterConfig, comboboxGroupConfig, comboboxHeaderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
2
  import { config } from './Combobox.config';
3
- var mergedConfig = /*#__PURE__*/mergeConfig(comboboxConfig, config);
3
+ var mergedConfig = /*#__PURE__*/mergeConfig(comboboxOldConfig, config);
4
4
  export var Combobox = /*#__PURE__*/component(mergedConfig);
5
5
  var mergedItemConfig = /*#__PURE__*/mergeConfig(comboboxItemConfig);
6
6
  export var ComboboxItem = /*#__PURE__*/component(mergedItemConfig);
@@ -0,0 +1 @@
1
+ export { Combobox, ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Combobox';
@@ -1 +1,16 @@
1
- export { Combobox, ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Combobox';
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+ import React, { forwardRef } from 'react';
3
+ import { Combobox as ComboboxOld } from './ComboboxOld';
4
+ import { Combobox as ComboboxNew } from './ComboboxNew';
5
+ export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './ComboboxOld';
6
+ var Combobox = /*#__PURE__*/forwardRef(function (props, ref) {
7
+ if (props.items) {
8
+ return /*#__PURE__*/React.createElement(ComboboxNew, _extends({
9
+ ref: ref
10
+ }, props));
11
+ }
12
+ return /*#__PURE__*/React.createElement(ComboboxOld, _extends({
13
+ ref: ref
14
+ }, props));
15
+ });
16
+ export { Combobox };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-web",
3
- "version": "1.390.0-dev.0",
3
+ "version": "1.390.1-dev.0",
4
4
  "description": "Salute Design System / React UI kit for web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -21,7 +21,7 @@
21
21
  "dependencies": {
22
22
  "@salutejs/plasma-core": "1.178.0-dev.0",
23
23
  "@salutejs/plasma-hope": "1.309.0-dev.0",
24
- "@salutejs/plasma-new-hope": "0.139.0-dev.0",
24
+ "@salutejs/plasma-new-hope": "0.139.1-dev.0",
25
25
  "@salutejs/plasma-themes": "0.17.0-dev.0",
26
26
  "@salutejs/plasma-tokens-b2b": "1.42.0-dev.0",
27
27
  "@salutejs/plasma-tokens-b2c": "0.52.0-dev.0",
@@ -112,5 +112,5 @@
112
112
  "Fanil Zubairov"
113
113
  ],
114
114
  "sideEffects": false,
115
- "gitHead": "f5c5b03f5eb6f3b1fd8e11df760de5a771b87c8c"
115
+ "gitHead": "56e976925b2bc0cd04f1582a722e0c89ee922dc7"
116
116
  }
@@ -1,26 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
9
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
- var config = exports.config = {
11
- defaults: {
12
- view: 'default',
13
- size: 'm'
14
- },
15
- variations: {
16
- size: {
17
- xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": auto;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.063rem;\n ", ": 0;\n ", ": 0.5rem;\n ", ": 0;\n ", ": 0.375rem;\n\n ", ": auto;\n ", ": 1rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5rem;\n ", ": 2rem;\n ", ": 100%;\n ", ": 0.5rem;\n ", ": 0 2.5rem 0 0.75rem;\n ", ": 0 2.625rem 0 0.375rem;\n ", ": 0 2.625rem 0 0.625rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight),
18
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": auto;\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.063rem;\n ", ": 0;\n ", ": 0.75rem;\n ", ": 0;\n ", ": 0.75rem;\n\n ", ": auto;\n ", ": 1.5rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 1.75rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.75rem;\n ", ": 2.5rem;\n ", ": 100%;\n ", ": 0.625rem;\n ", ": 0 3rem 0 1rem;\n ", ": 0 3.125rem 0 0.375rem;\n ", ": 0 3.125rem 0 0.625rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight),
19
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": auto;\n ", ": 0.75rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.063rem;\n ", ": 0;\n ", ": 0.875rem;\n ", ": 0;\n ", ": 0.875rem;\n\n ", ": auto;\n ", ": 1.5rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\n ", ": 1.75rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.875rem;\n ", ": 3rem;\n ", ": 100%;\n ", ": 0.75rem;\n ", ": 0 3.25rem 0 1.25rem;\n ", ": 0 3.375rem 0 0.375rem;\n ", ": 0 3.375rem 0 0.625rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight),
20
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": auto;\n ", ": 0.875rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.063rem;\n ", ": 0;\n ", ": 1rem;\n ", ": 0;\n ", ": 1rem;\n\n ", ": auto;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 1.875rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1rem;\n ", ": 3.5rem;\n ", ": 100%;\n ", ": 0.875rem;\n ", ": 0 3.5rem 0 1.5rem;\n ", ": 0 3.625rem 0 0.375rem;\n ", ": 0 3.625rem 0 0.625rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight)
21
- },
22
- view: {
23
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": var(--text-accent);\n\n ", ": var(--surface-solid-card-brightness);\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: \u0417\u0430\u0431\u0438\u0440\u0430\u0442\u044C \u0438\u0437 \u0442\u043E\u043A\u0435\u043D\u0430 --shadow-down-soft-s */\n\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), _styledComponents.comboboxTokens.targetColor, _styledComponents.comboboxTokens.targetLabelColor, _styledComponents.comboboxTokens.targetArrowColor, _styledComponents.comboboxTokens.targetBorderColor, _styledComponents.comboboxTokens.targetBorderColorHover, _styledComponents.comboboxTokens.targetBorderColorActive, _styledComponents.comboboxTokens.targetBorderColorOpen, _styledComponents.comboboxTokens.background, _styledComponents.comboboxTokens.boxShadow, _styledComponents.comboboxTokens.itemBackground, _styledComponents.comboboxTokens.itemBackgroundHover, _styledComponents.comboboxTokens.itemBackgroundSelectedHover, _styledComponents.comboboxTokens.itemColor, _styledComponents.comboboxTokens.itemContentLeftColor, _styledComponents.comboboxTokens.chipCloseIconColor, _styledComponents.comboboxTokens.chipColor, _styledComponents.comboboxTokens.chipBackground, _styledComponents.comboboxTokens.chipColorHover, _styledComponents.comboboxTokens.chipBackgroundHover, _styledComponents.comboboxTokens.chipColorActive, _styledComponents.comboboxTokens.chipBackgroundActive, _styledComponents.comboboxTokens.chipBackgroundReadOnly, _styledComponents.comboboxTokens.chipColorReadOnly, _styledComponents.comboboxTokens.chipBackgroundReadOnlyHover, _styledComponents.comboboxTokens.chipColorReadOnlyHover, _styledComponents.comboboxTokens.chipOpacityReadonly, _styledComponents.comboboxTokens.disabledOpacity, _styledComponents.comboboxTokens.focusColor)
24
- }
25
- }
26
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"Combobox.config.js","sources":["../../../../src-css/components/Combobox/Combobox.config.ts"],"sourcesContent":["import { css, comboboxTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.5rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 0.5rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 0.375rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1rem;\n ${comboboxTokens.itemPaddingTop}: 0.5rem;\n ${comboboxTokens.itemPaddingRight}: 0.5rem;\n ${comboboxTokens.itemPaddingBottom}: 0.5rem;\n ${comboboxTokens.itemPaddingLeft}: 0.375rem;\n ${comboboxTokens.itemBorderRadius}: 0.375rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.25rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.125rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 1.25rem;\n ${comboboxTokens.chipPaddingRight}: 0.375rem;\n ${comboboxTokens.chipPaddingLeft}: 0.625rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.25rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 0.75rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${comboboxTokens.targetArrowRight}: 0.5rem;\n ${comboboxTokens.targetHeight}: 2rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.5rem;\n ${comboboxTokens.targetPadding}: 0 2.5rem 0 0.75rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 2.625rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 2.625rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.625rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 0.75rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 0.75rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1.5rem;\n ${comboboxTokens.itemPaddingTop}: 0.5rem;\n ${comboboxTokens.itemPaddingRight}: 0.75rem;\n ${comboboxTokens.itemPaddingBottom}: 0.5rem;\n ${comboboxTokens.itemPaddingLeft}: 0.75rem;\n ${comboboxTokens.itemBorderRadius}: 0.5rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.75rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.25rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 1.75rem;\n ${comboboxTokens.chipPaddingRight}: 0.5rem;\n ${comboboxTokens.chipPaddingLeft}: 0.75rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.375rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 0.75rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${comboboxTokens.targetArrowRight}: 0.75rem;\n ${comboboxTokens.targetHeight}: 2.5rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.625rem;\n ${comboboxTokens.targetPadding}: 0 3rem 0 1rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 3.125rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 3.125rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-s-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.75rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 0.875rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 0.875rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1.5rem;\n ${comboboxTokens.itemPaddingTop}: 0.75rem;\n ${comboboxTokens.itemPaddingRight}: 0.875rem;\n ${comboboxTokens.itemPaddingBottom}: 0.75rem;\n ${comboboxTokens.itemPaddingLeft}: 0.875rem;\n ${comboboxTokens.itemBorderRadius}: 0.625rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.75rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.375rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 2.25rem;\n ${comboboxTokens.chipPaddingRight}: 0.875rem;\n ${comboboxTokens.chipPaddingLeft}: 0.625rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.5rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 1rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${comboboxTokens.targetArrowRight}: 0.875rem;\n ${comboboxTokens.targetHeight}: 3rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.75rem;\n ${comboboxTokens.targetPadding}: 0 3.25rem 0 1.25rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 3.375rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 3.375rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-m-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n l: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.875rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 1rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 1rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1.5rem;\n ${comboboxTokens.itemPaddingTop}: 1rem;\n ${comboboxTokens.itemPaddingRight}: 1rem;\n ${comboboxTokens.itemPaddingBottom}: 1rem;\n ${comboboxTokens.itemPaddingLeft}: 1rem;\n ${comboboxTokens.itemBorderRadius}: 0.75rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.875rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.5rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 2.75rem;\n ${comboboxTokens.chipPaddingRight}: 0.75rem;\n ${comboboxTokens.chipPaddingLeft}: 1rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.625rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 1rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${comboboxTokens.targetArrowRight}: 1rem;\n ${comboboxTokens.targetHeight}: 3.5rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.875rem;\n ${comboboxTokens.targetPadding}: 0 3.5rem 0 1.5rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 3.625rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 3.625rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-l-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-l-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-l-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-l-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n view: {\n default: css`\n ${comboboxTokens.targetColor}: var(--text-primary);\n ${comboboxTokens.targetLabelColor}: var(--text-secondary);\n ${comboboxTokens.targetArrowColor}: var(--text-secondary);\n ${comboboxTokens.targetBorderColor}: var(--text-tertiary);\n ${comboboxTokens.targetBorderColorHover}: var(--text-tertiary-hover);\n ${comboboxTokens.targetBorderColorActive}: var(--text-tertiary-active);\n ${comboboxTokens.targetBorderColorOpen}: var(--text-accent);\n\n ${comboboxTokens.background}: var(--surface-solid-card-brightness);\n ${comboboxTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: Забирать из токена --shadow-down-soft-s */\n\n ${comboboxTokens.itemBackground}: var(--plasma-colors-transparent);\n ${comboboxTokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${comboboxTokens.itemBackgroundSelectedHover}: var(--surface-transparent-secondary);\n ${comboboxTokens.itemColor}: var(--text-primary);\n ${comboboxTokens.itemContentLeftColor}: var(--text-accent);\n\n ${comboboxTokens.chipCloseIconColor}: var(--text-secondary);\n ${comboboxTokens.chipColor}: var(--text-primary);\n ${comboboxTokens.chipBackground}: var(--surface-transparent-secondary);\n ${comboboxTokens.chipColorHover}: var(--text-primary);\n ${comboboxTokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${comboboxTokens.chipColorActive}: var(--text-primary);\n ${comboboxTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${comboboxTokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${comboboxTokens.chipColorReadOnly}: var(--text-primary);\n ${comboboxTokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${comboboxTokens.chipColorReadOnlyHover}: var(--text-primary);\n ${comboboxTokens.chipOpacityReadonly}: 0.72;\n\n ${comboboxTokens.disabledOpacity}: 0.4;\n ${comboboxTokens.focusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","xs","s","m","l","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAoED,UAAA;AACDC,MAAAA,CAAC,EAoEA,SAAA;AACDC,MAAAA,CAAC,EAoEA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAqEJ;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,UAAA;AAkCX,KAAA;AACJ,GAAA;AACJ;;;;"}
@@ -1,5 +0,0 @@
1
- .x1scuc1k{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.5rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.5rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.375rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1rem;--plasma-combobox-item-padding-top:0.5rem;--plasma-combobox-item-padding-right:0.5rem;--plasma-combobox-item-padding-bottom:0.5rem;--plasma-combobox-item-padding-left:0.375rem;--plasma-combobox-item-border-radius:0.375rem;--plasma-combobox-item-content-left-width:1.25rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.125rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:1.25rem;--plasma-combobox-chip-padding-right:0.375rem;--plasma-combobox-chip-padding-left:0.625rem;--plasma-combobox-chip-clear-content-margin-left:0.25rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:0.75rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-target-arrow-right:0.5rem;--plasma-combobox-target-height:2rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.5rem;--plasma-combobox-target-padding:0 2.5rem 0 0.75rem;--plasma-combobox-target-padding-has-chips:0 2.625rem 0 0.375rem;--plasma-combobox-target-with-input:0 2.625rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
2
- .s953oeh{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.625rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.75rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.75rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:0.5rem;--plasma-combobox-item-padding-right:0.75rem;--plasma-combobox-item-padding-bottom:0.5rem;--plasma-combobox-item-padding-left:0.75rem;--plasma-combobox-item-border-radius:0.5rem;--plasma-combobox-item-content-left-width:1.75rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.25rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:1.75rem;--plasma-combobox-chip-padding-right:0.5rem;--plasma-combobox-chip-padding-left:0.75rem;--plasma-combobox-chip-clear-content-margin-left:0.375rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:0.75rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-target-arrow-right:0.75rem;--plasma-combobox-target-height:2.5rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.625rem;--plasma-combobox-target-padding:0 3rem 0 1rem;--plasma-combobox-target-padding-has-chips:0 3.125rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.125rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xxs-line-height);}
3
- .mcllkda{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.75rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.875rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.875rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:0.75rem;--plasma-combobox-item-padding-right:0.875rem;--plasma-combobox-item-padding-bottom:0.75rem;--plasma-combobox-item-padding-left:0.875rem;--plasma-combobox-item-border-radius:0.625rem;--plasma-combobox-item-content-left-width:1.75rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.375rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:2.25rem;--plasma-combobox-chip-padding-right:0.875rem;--plasma-combobox-chip-padding-left:0.625rem;--plasma-combobox-chip-clear-content-margin-left:0.5rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:1rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-arrow-right:0.875rem;--plasma-combobox-target-height:3rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.75rem;--plasma-combobox-target-padding:0 3.25rem 0 1.25rem;--plasma-combobox-target-padding-has-chips:0 3.375rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.375rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
4
- .l1ioh6mq{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.875rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:1rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:1rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:1rem;--plasma-combobox-item-padding-right:1rem;--plasma-combobox-item-padding-bottom:1rem;--plasma-combobox-item-padding-left:1rem;--plasma-combobox-item-border-radius:0.75rem;--plasma-combobox-item-content-left-width:1.875rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.5rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:2.75rem;--plasma-combobox-chip-padding-right:0.75rem;--plasma-combobox-chip-padding-left:1rem;--plasma-combobox-chip-clear-content-margin-left:0.625rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:1rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-arrow-right:1rem;--plasma-combobox-target-height:3.5rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.875rem;--plasma-combobox-target-padding:0 3.5rem 0 1.5rem;--plasma-combobox-target-padding-has-chips:0 3.625rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.625rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-l-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-s-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-s-line-height);}
5
- .d1jkqh6u{--plasma-combobox-target-color:var(--text-primary);--plasma-combobox-target-label-color:var(--text-secondary);--plasma-combobox-target-arrow-color:var(--text-secondary);--plasma-combobox-target-border-color:var(--text-tertiary);--plasma-combobox-target-border-color-hover:var(--text-tertiary-hover);--plasma-combobox-target-border-color-active:var(--text-tertiary-active);--plasma-combobox-target-border-color-open:var(--text-accent);--plasma-combobox-background:var(--surface-solid-card-brightness);--plasma-combobox-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-combobox-item-background:var(--plasma-colors-transparent);--plasma-combobox-item-background-hover:var(--surface-transparent-secondary);--plasma-combobox-item-background-selected-hover:var(--surface-transparent-secondary);--plasma-combobox-item-color:var(--text-primary);--plasma-combobox-item-content-left-color:var(--text-accent);--plasma-combobox-chip-close-icon-color:var(--text-secondary);--plasma-combobox-chip-color:var(--text-primary);--plasma-combobox-chip-background:var(--surface-transparent-secondary);--plasma-combobox-chip-color-hover:var(--text-primary);--plasma-combobox-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-combobox-chip-color-active:var(--text-primary);--plasma-combobox-chip-background-active:var(--surface-transparent-secondary-active);--plasma-combobox-chip-background-readonly:var(--surface-transparent-secondary);--plasma-combobox-chip-color-readonly:var(--text-primary);--plasma-combobox-chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-combobox-chip-color-readonly-hover:var(--text-primary);--plasma-combobox-chip-opacity-readonly:0.72;--plasma-combobox-disabled-opacity:0.4;--plasma-combobox-focus-color:var(--surface-accent);}