@salutejs/plasma-new-hope 0.143.0-canary.1430.10827337218.0 → 0.143.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (395) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +16 -15
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +16 -15
  3. package/cjs/components/Combobox/ComboboxNew/Combobox.js +8 -6
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  5. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
  6. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
  7. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  8. package/cjs/components/Combobox/ComboboxOld/Combobox.js +15 -8
  9. package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  10. package/cjs/components/DatePicker/RangeDate/RangeDate.css +16 -15
  11. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
  12. package/cjs/components/DatePicker/SingleDate/SingleDate.css +16 -15
  13. package/cjs/components/Range/Range.css +16 -15
  14. package/cjs/components/Slider/Slider.css +16 -15
  15. package/cjs/components/Slider/components/Double/Double.css +16 -15
  16. package/cjs/components/TextField/TextField.js +1 -1
  17. package/cjs/components/TextField/TextField.js.map +1 -1
  18. package/cjs/components/TextField/TextField.styles.js +22 -11
  19. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  20. package/cjs/components/TextField/{TextField.styles_u6pm7v.css → TextField.styles_ht6ibd.css} +5 -4
  21. package/cjs/components/TextField/TextField.tokens.js +5 -1
  22. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  23. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  24. package/cjs/components/TextField/variations/_label-placement/{base_1dbnupp.css → base_6k17xp.css} +1 -1
  25. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  26. package/cjs/components/TextField/variations/_read-only/{base_4tqave.css → base_8onybn.css} +1 -1
  27. package/cjs/components/TextField/variations/_size/base.js +1 -1
  28. package/cjs/components/TextField/variations/_size/{base_uk56yo.css → base_1h8l0kj.css} +1 -1
  29. package/cjs/components/TextField/variations/_view/base.js +1 -1
  30. package/cjs/components/TextField/variations/_view/{base_uszjx8.css → base_1ph5cr0.css} +1 -1
  31. package/cjs/index.css +16 -23
  32. package/cjs/index.js +0 -7
  33. package/cjs/index.js.map +1 -1
  34. package/cjs/utils/index.js.map +1 -1
  35. package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +347 -0
  36. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +8 -6
  37. package/emotion/cjs/components/Combobox/ComboboxOld/Combobox.js +15 -8
  38. package/emotion/cjs/components/TextField/TextField.js +2 -2
  39. package/emotion/cjs/components/TextField/TextField.styles.js +27 -23
  40. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +2 -2
  41. package/emotion/cjs/components/TextField/TextField.tokens.js +5 -1
  42. package/emotion/cjs/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +1 -1
  43. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +39 -0
  44. package/emotion/cjs/examples/{plasma_web/components/Combobox/ComboboxNew → plasma_b2c/components/Combobox}/Combobox.js +2 -2
  45. package/emotion/{es/examples/plasma_b2c/components/Combobox/ComboboxNew → cjs/examples/plasma_b2c/components/Combobox}/Combobox.stories.tsx +13 -3
  46. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +25 -0
  47. package/emotion/{es/examples/plasma_b2c/components/Combobox/ComboboxOld → cjs/examples/plasma_b2c/components/Combobox/Legacy}/Combobox.stories.tsx +18 -16
  48. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
  49. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +3 -2
  50. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +39 -0
  51. package/{styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew → emotion/cjs/examples/plasma_web/components/Combobox}/Combobox.js +2 -2
  52. package/emotion/cjs/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.stories.tsx → Combobox.stories.tsx} +13 -3
  53. package/emotion/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +25 -0
  54. package/emotion/cjs/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.stories.tsx +18 -16
  55. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +12 -12
  56. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +2 -1
  57. package/emotion/cjs/index.js +0 -11
  58. package/emotion/cjs/utils/index.js +2 -8
  59. package/emotion/es/components/Combobox/Combobox.template-doc.mdx +347 -0
  60. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +8 -6
  61. package/emotion/es/components/Combobox/ComboboxOld/Combobox.js +15 -8
  62. package/emotion/es/components/TextField/TextField.js +2 -2
  63. package/emotion/es/components/TextField/TextField.styles.js +27 -23
  64. package/emotion/es/components/TextField/TextField.template-doc.mdx +2 -2
  65. package/emotion/es/components/TextField/TextField.tokens.js +5 -1
  66. package/emotion/es/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +1 -1
  67. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +33 -0
  68. package/emotion/es/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  69. package/emotion/es/examples/{plasma_web/components/Combobox/ComboboxNew → plasma_b2c/components/Combobox}/Combobox.stories.tsx +13 -3
  70. package/emotion/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +19 -0
  71. package/emotion/{cjs/examples/plasma_b2c/components/Combobox/ComboboxOld → es/examples/plasma_b2c/components/Combobox/Legacy}/Combobox.stories.tsx +18 -16
  72. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
  73. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +3 -2
  74. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +33 -0
  75. package/emotion/es/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  76. package/emotion/{cjs/examples/plasma_b2c/components/Combobox/ComboboxNew → es/examples/plasma_web/components/Combobox}/Combobox.stories.tsx +13 -3
  77. package/emotion/es/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +19 -0
  78. package/emotion/es/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.stories.tsx +18 -16
  79. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +12 -12
  80. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +2 -1
  81. package/emotion/es/index.js +1 -2
  82. package/emotion/es/utils/index.js +0 -2
  83. package/es/components/Autocomplete/Autocomplete.css +16 -15
  84. package/es/components/Combobox/ComboboxNew/Combobox.css +16 -15
  85. package/es/components/Combobox/ComboboxNew/Combobox.js +8 -6
  86. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  87. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
  88. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
  89. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  90. package/es/components/Combobox/ComboboxOld/Combobox.js +15 -8
  91. package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  92. package/es/components/DatePicker/RangeDate/RangeDate.css +16 -15
  93. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
  94. package/es/components/DatePicker/SingleDate/SingleDate.css +16 -15
  95. package/es/components/Range/Range.css +16 -15
  96. package/es/components/Slider/Slider.css +16 -15
  97. package/es/components/Slider/components/Double/Double.css +16 -15
  98. package/es/components/TextField/TextField.js +1 -1
  99. package/es/components/TextField/TextField.js.map +1 -1
  100. package/es/components/TextField/TextField.styles.js +22 -11
  101. package/es/components/TextField/TextField.styles.js.map +1 -1
  102. package/es/components/TextField/{TextField.styles_u6pm7v.css → TextField.styles_ht6ibd.css} +5 -4
  103. package/es/components/TextField/TextField.tokens.js +5 -1
  104. package/es/components/TextField/TextField.tokens.js.map +1 -1
  105. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  106. package/es/components/TextField/variations/_label-placement/{base_1dbnupp.css → base_6k17xp.css} +1 -1
  107. package/es/components/TextField/variations/_read-only/base.js +1 -1
  108. package/es/components/TextField/variations/_read-only/{base_4tqave.css → base_8onybn.css} +1 -1
  109. package/es/components/TextField/variations/_size/base.js +1 -1
  110. package/es/components/TextField/variations/_size/{base_uk56yo.css → base_1h8l0kj.css} +1 -1
  111. package/es/components/TextField/variations/_view/base.js +1 -1
  112. package/es/components/TextField/variations/_view/{base_uszjx8.css → base_1ph5cr0.css} +1 -1
  113. package/es/index.css +16 -23
  114. package/es/index.js +0 -4
  115. package/es/index.js.map +1 -1
  116. package/es/utils/index.js.map +1 -1
  117. package/package.json +2 -2
  118. package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +347 -0
  119. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +8 -6
  120. package/styled-components/cjs/components/Combobox/ComboboxOld/Combobox.js +15 -8
  121. package/styled-components/cjs/components/TextField/TextField.js +1 -1
  122. package/styled-components/cjs/components/TextField/TextField.styles.js +12 -9
  123. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +2 -2
  124. package/styled-components/cjs/components/TextField/TextField.tokens.js +5 -1
  125. package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +1 -1
  126. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.config.js → Combobox.config.js} +2 -2
  127. package/{emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew → styled-components/cjs/examples/plasma_b2c/components/Combobox}/Combobox.js +2 -2
  128. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +376 -0
  129. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.js +1 -1
  130. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.stories.tsx +256 -0
  131. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
  132. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +3 -2
  133. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +39 -0
  134. package/styled-components/cjs/examples/{plasma_b2c/components/Combobox/ComboboxNew → plasma_web/components/Combobox}/Combobox.js +2 -2
  135. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +376 -0
  136. package/styled-components/cjs/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.js +1 -1
  137. package/styled-components/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.stories.tsx +256 -0
  138. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +4 -4
  139. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +2 -1
  140. package/styled-components/cjs/index.js +0 -11
  141. package/styled-components/cjs/utils/index.js +2 -8
  142. package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +347 -0
  143. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +8 -6
  144. package/styled-components/es/components/Combobox/ComboboxOld/Combobox.js +15 -8
  145. package/styled-components/es/components/TextField/TextField.js +1 -1
  146. package/styled-components/es/components/TextField/TextField.styles.js +12 -9
  147. package/styled-components/es/components/TextField/TextField.template-doc.mdx +2 -2
  148. package/styled-components/es/components/TextField/TextField.tokens.js +5 -1
  149. package/styled-components/es/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +1 -1
  150. package/styled-components/es/examples/{plasma_web/components/Combobox/ComboboxNew → plasma_b2c/components/Combobox}/Combobox.config.js +2 -2
  151. package/styled-components/es/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  152. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +376 -0
  153. package/styled-components/es/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.js +1 -1
  154. package/styled-components/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.stories.tsx +256 -0
  155. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
  156. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +3 -2
  157. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +33 -0
  158. package/styled-components/es/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  159. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +376 -0
  160. package/styled-components/es/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.js +1 -1
  161. package/styled-components/es/examples/plasma_web/components/Combobox/Legacy/Combobox.stories.tsx +256 -0
  162. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +4 -4
  163. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +2 -1
  164. package/styled-components/es/index.js +1 -2
  165. package/styled-components/es/utils/index.js +0 -2
  166. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +4 -4
  167. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  168. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  169. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +42 -10
  170. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  171. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  172. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +4 -4
  173. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  174. package/types/components/Combobox/ComboboxOld/Combobox.d.ts.map +1 -1
  175. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +6 -0
  176. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
  177. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +4 -4
  178. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  179. package/types/components/Pagination/utils/index.d.ts +1 -1
  180. package/types/components/Range/Range.styles.d.ts +4 -4
  181. package/types/components/Range/Range.styles.d.ts.map +1 -1
  182. package/types/components/Slider/components/Double/Double.styles.d.ts +4 -4
  183. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  184. package/types/components/TextField/TextField.styles.d.ts +6 -2
  185. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  186. package/types/components/TextField/TextField.tokens.d.ts +3 -0
  187. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  188. package/types/components/TextField/TextField.types.d.ts +2 -1
  189. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  190. package/types/examples/plasma_b2c/components/Combobox/Combobox.config.d.ts.map +1 -0
  191. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +81 -0
  192. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -0
  193. package/types/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.d.ts.map +1 -1
  194. package/types/examples/plasma_b2c/components/Combobox/Legacy/Combobox.d.ts.map +1 -0
  195. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  196. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +4 -4
  197. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  198. package/types/examples/plasma_web/components/Combobox/Combobox.config.d.ts.map +1 -0
  199. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +81 -0
  200. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -0
  201. package/types/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.d.ts.map +1 -1
  202. package/types/examples/plasma_web/components/Combobox/Legacy/Combobox.d.ts.map +1 -0
  203. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  204. package/types/examples/plasma_web/components/TextField/TextField.d.ts +4 -4
  205. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  206. package/types/index.d.ts +0 -1
  207. package/types/index.d.ts.map +1 -1
  208. package/types/utils/index.d.ts +0 -1
  209. package/types/utils/index.d.ts.map +1 -1
  210. package/cjs/components/Editable/Editable.css +0 -7
  211. package/cjs/components/Editable/Editable.js +0 -154
  212. package/cjs/components/Editable/Editable.js.map +0 -1
  213. package/cjs/components/Editable/Editable.styles.js +0 -32
  214. package/cjs/components/Editable/Editable.styles.js.map +0 -1
  215. package/cjs/components/Editable/Editable.styles_40s761.css +0 -3
  216. package/cjs/components/Editable/Editable.tokens.js +0 -21
  217. package/cjs/components/Editable/Editable.tokens.js.map +0 -1
  218. package/cjs/components/Editable/utils/clearSelection.js +0 -23
  219. package/cjs/components/Editable/utils/clearSelection.js.map +0 -1
  220. package/cjs/components/Editable/utils/selectText.js +0 -30
  221. package/cjs/components/Editable/utils/selectText.js.map +0 -1
  222. package/cjs/components/Editable/variations/_size/base.js +0 -9
  223. package/cjs/components/Editable/variations/_size/base.js.map +0 -1
  224. package/cjs/components/Editable/variations/_size/base_54y6eh.css +0 -1
  225. package/cjs/components/Editable/variations/_view/base.js +0 -9
  226. package/cjs/components/Editable/variations/_view/base.js.map +0 -1
  227. package/cjs/components/Editable/variations/_view/base_11fpjfv.css +0 -1
  228. package/cjs/utils/constants.js +0 -20
  229. package/cjs/utils/constants.js.map +0 -1
  230. package/emotion/cjs/components/Editable/Editable.js +0 -159
  231. package/emotion/cjs/components/Editable/Editable.styles.js +0 -22
  232. package/emotion/cjs/components/Editable/Editable.tokens.js +0 -19
  233. package/emotion/cjs/components/Editable/Editable.types.js +0 -5
  234. package/emotion/cjs/components/Editable/index.js +0 -25
  235. package/emotion/cjs/components/Editable/utils/clearSelection.js +0 -19
  236. package/emotion/cjs/components/Editable/utils/index.js +0 -19
  237. package/emotion/cjs/components/Editable/utils/selectText.js +0 -26
  238. package/emotion/cjs/components/Editable/variations/_size/base.js +0 -10
  239. package/emotion/cjs/components/Editable/variations/_size/tokens.json +0 -1
  240. package/emotion/cjs/components/Editable/variations/_view/base.js +0 -10
  241. package/emotion/cjs/components/Editable/variations/_view/tokens.json +0 -5
  242. package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +0 -39
  243. package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.js +0 -25
  244. package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.config.js +0 -22
  245. package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.js +0 -22
  246. package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +0 -81
  247. package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +0 -39
  248. package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.js +0 -25
  249. package/emotion/cjs/examples/plasma_web/components/Editable/Editable.config.js +0 -22
  250. package/emotion/cjs/examples/plasma_web/components/Editable/Editable.js +0 -22
  251. package/emotion/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +0 -81
  252. package/emotion/cjs/utils/constants.js +0 -19
  253. package/emotion/es/components/Editable/Editable.js +0 -150
  254. package/emotion/es/components/Editable/Editable.styles.js +0 -15
  255. package/emotion/es/components/Editable/Editable.tokens.js +0 -13
  256. package/emotion/es/components/Editable/Editable.types.js +0 -1
  257. package/emotion/es/components/Editable/index.js +0 -2
  258. package/emotion/es/components/Editable/utils/clearSelection.js +0 -13
  259. package/emotion/es/components/Editable/utils/index.js +0 -2
  260. package/emotion/es/components/Editable/utils/selectText.js +0 -20
  261. package/emotion/es/components/Editable/variations/_size/base.js +0 -4
  262. package/emotion/es/components/Editable/variations/_size/tokens.json +0 -1
  263. package/emotion/es/components/Editable/variations/_view/base.js +0 -4
  264. package/emotion/es/components/Editable/variations/_view/tokens.json +0 -5
  265. package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +0 -33
  266. package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.js +0 -19
  267. package/emotion/es/examples/plasma_b2c/components/Editable/Editable.config.js +0 -16
  268. package/emotion/es/examples/plasma_b2c/components/Editable/Editable.js +0 -16
  269. package/emotion/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +0 -81
  270. package/emotion/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +0 -33
  271. package/emotion/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.js +0 -19
  272. package/emotion/es/examples/plasma_web/components/Editable/Editable.config.js +0 -16
  273. package/emotion/es/examples/plasma_web/components/Editable/Editable.js +0 -16
  274. package/emotion/es/examples/plasma_web/components/Editable/Editable.stories.tsx +0 -81
  275. package/emotion/es/utils/constants.js +0 -13
  276. package/es/components/Editable/Editable.css +0 -7
  277. package/es/components/Editable/Editable.js +0 -149
  278. package/es/components/Editable/Editable.js.map +0 -1
  279. package/es/components/Editable/Editable.styles.js +0 -26
  280. package/es/components/Editable/Editable.styles.js.map +0 -1
  281. package/es/components/Editable/Editable.styles_40s761.css +0 -3
  282. package/es/components/Editable/Editable.tokens.js +0 -16
  283. package/es/components/Editable/Editable.tokens.js.map +0 -1
  284. package/es/components/Editable/utils/clearSelection.js +0 -19
  285. package/es/components/Editable/utils/clearSelection.js.map +0 -1
  286. package/es/components/Editable/utils/selectText.js +0 -26
  287. package/es/components/Editable/utils/selectText.js.map +0 -1
  288. package/es/components/Editable/variations/_size/base.js +0 -5
  289. package/es/components/Editable/variations/_size/base.js.map +0 -1
  290. package/es/components/Editable/variations/_size/base_54y6eh.css +0 -1
  291. package/es/components/Editable/variations/_view/base.js +0 -5
  292. package/es/components/Editable/variations/_view/base.js.map +0 -1
  293. package/es/components/Editable/variations/_view/base_11fpjfv.css +0 -1
  294. package/es/utils/constants.js +0 -16
  295. package/es/utils/constants.js.map +0 -1
  296. package/styled-components/cjs/components/Editable/Editable.js +0 -159
  297. package/styled-components/cjs/components/Editable/Editable.styles.js +0 -23
  298. package/styled-components/cjs/components/Editable/Editable.tokens.js +0 -19
  299. package/styled-components/cjs/components/Editable/Editable.types.js +0 -5
  300. package/styled-components/cjs/components/Editable/index.js +0 -25
  301. package/styled-components/cjs/components/Editable/utils/clearSelection.js +0 -19
  302. package/styled-components/cjs/components/Editable/utils/index.js +0 -19
  303. package/styled-components/cjs/components/Editable/utils/selectText.js +0 -26
  304. package/styled-components/cjs/components/Editable/variations/_size/base.js +0 -10
  305. package/styled-components/cjs/components/Editable/variations/_size/tokens.json +0 -1
  306. package/styled-components/cjs/components/Editable/variations/_view/base.js +0 -10
  307. package/styled-components/cjs/components/Editable/variations/_view/tokens.json +0 -5
  308. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +0 -366
  309. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx +0 -254
  310. package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.config.js +0 -22
  311. package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.js +0 -22
  312. package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +0 -81
  313. package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +0 -39
  314. package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx +0 -366
  315. package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx +0 -254
  316. package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.config.js +0 -22
  317. package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.js +0 -22
  318. package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +0 -81
  319. package/styled-components/cjs/utils/constants.js +0 -19
  320. package/styled-components/es/components/Editable/Editable.js +0 -150
  321. package/styled-components/es/components/Editable/Editable.styles.js +0 -15
  322. package/styled-components/es/components/Editable/Editable.tokens.js +0 -13
  323. package/styled-components/es/components/Editable/Editable.types.js +0 -1
  324. package/styled-components/es/components/Editable/index.js +0 -2
  325. package/styled-components/es/components/Editable/utils/clearSelection.js +0 -13
  326. package/styled-components/es/components/Editable/utils/index.js +0 -2
  327. package/styled-components/es/components/Editable/utils/selectText.js +0 -20
  328. package/styled-components/es/components/Editable/variations/_size/base.js +0 -4
  329. package/styled-components/es/components/Editable/variations/_size/tokens.json +0 -1
  330. package/styled-components/es/components/Editable/variations/_view/base.js +0 -4
  331. package/styled-components/es/components/Editable/variations/_view/tokens.json +0 -5
  332. package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +0 -33
  333. package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +0 -366
  334. package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx +0 -254
  335. package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.config.js +0 -16
  336. package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.js +0 -16
  337. package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +0 -81
  338. package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx +0 -366
  339. package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx +0 -254
  340. package/styled-components/es/examples/plasma_web/components/Editable/Editable.config.js +0 -16
  341. package/styled-components/es/examples/plasma_web/components/Editable/Editable.js +0 -16
  342. package/styled-components/es/examples/plasma_web/components/Editable/Editable.stories.tsx +0 -81
  343. package/styled-components/es/utils/constants.js +0 -13
  344. package/types/components/Editable/Editable.d.ts +0 -23
  345. package/types/components/Editable/Editable.d.ts.map +0 -1
  346. package/types/components/Editable/Editable.styles.d.ts +0 -7
  347. package/types/components/Editable/Editable.styles.d.ts.map +0 -1
  348. package/types/components/Editable/Editable.tokens.d.ts +0 -14
  349. package/types/components/Editable/Editable.tokens.d.ts.map +0 -1
  350. package/types/components/Editable/Editable.types.d.ts +0 -39
  351. package/types/components/Editable/Editable.types.d.ts.map +0 -1
  352. package/types/components/Editable/index.d.ts +0 -3
  353. package/types/components/Editable/index.d.ts.map +0 -1
  354. package/types/components/Editable/utils/clearSelection.d.ts +0 -2
  355. package/types/components/Editable/utils/clearSelection.d.ts.map +0 -1
  356. package/types/components/Editable/utils/index.d.ts +0 -3
  357. package/types/components/Editable/utils/index.d.ts.map +0 -1
  358. package/types/components/Editable/utils/selectText.d.ts +0 -2
  359. package/types/components/Editable/utils/selectText.d.ts.map +0 -1
  360. package/types/components/Editable/variations/_size/base.d.ts +0 -2
  361. package/types/components/Editable/variations/_size/base.d.ts.map +0 -1
  362. package/types/components/Editable/variations/_view/base.d.ts +0 -2
  363. package/types/components/Editable/variations/_view/base.d.ts.map +0 -1
  364. package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.d.ts.map +0 -1
  365. package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.d.ts +0 -37
  366. package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.d.ts.map +0 -1
  367. package/types/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.d.ts.map +0 -1
  368. package/types/examples/plasma_b2c/components/Editable/Editable.config.d.ts +0 -15
  369. package/types/examples/plasma_b2c/components/Editable/Editable.config.d.ts.map +0 -1
  370. package/types/examples/plasma_b2c/components/Editable/Editable.d.ts +0 -57
  371. package/types/examples/plasma_b2c/components/Editable/Editable.d.ts.map +0 -1
  372. package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.d.ts.map +0 -1
  373. package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.d.ts +0 -37
  374. package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.d.ts.map +0 -1
  375. package/types/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.d.ts.map +0 -1
  376. package/types/examples/plasma_web/components/Editable/Editable.config.d.ts +0 -15
  377. package/types/examples/plasma_web/components/Editable/Editable.config.d.ts.map +0 -1
  378. package/types/examples/plasma_web/components/Editable/Editable.d.ts +0 -57
  379. package/types/examples/plasma_web/components/Editable/Editable.d.ts.map +0 -1
  380. package/types/utils/constants.d.ts +0 -14
  381. package/types/utils/constants.d.ts.map +0 -1
  382. /package/emotion/cjs/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  383. /package/emotion/cjs/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  384. /package/emotion/es/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  385. /package/emotion/es/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  386. /package/styled-components/cjs/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  387. /package/styled-components/cjs/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  388. /package/styled-components/es/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  389. /package/styled-components/es/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  390. /package/types/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.config.d.ts → Combobox.config.d.ts} +0 -0
  391. /package/types/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.d.ts +0 -0
  392. /package/types/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.d.ts +0 -0
  393. /package/types/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.config.d.ts → Combobox.config.d.ts} +0 -0
  394. /package/types/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.d.ts +0 -0
  395. /package/types/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.d.ts +0 -0
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.typographyVariants = exports.Editable = void 0;
7
- var _Editable = /*#__PURE__*/require("../../../../components/Editable");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _Body = /*#__PURE__*/require("../../../typograpy/components/Body/Body");
10
- var _Dspl = /*#__PURE__*/require("../../../typograpy/components/Dspl/Dspl");
11
- var _Heading = /*#__PURE__*/require("../../../typograpy/components/Heading/Heading");
12
- var _Text = /*#__PURE__*/require("../../../typograpy/components/Text/Text");
13
- var _Editable2 = /*#__PURE__*/require("./Editable.config");
14
- var typographyVariants = exports.typographyVariants = {
15
- Body: _Body.Body,
16
- Dspl: _Dspl.Dspl,
17
- Heading: _Heading.Heading,
18
- Text: _Text.Text
19
- };
20
- var finalConfig = /*#__PURE__*/(0, _Editable.editableConfig)(typographyVariants);
21
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(finalConfig, _Editable2.config);
22
- var Editable = exports.Editable = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -1,81 +0,0 @@
1
- import React, { useState } from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
-
6
- import { IconDisclosureLeft } from '../../../../components/_Icon';
7
- import { WithTheme } from '../../../_helpers';
8
-
9
- import { Editable, typographyVariants } from './Editable';
10
-
11
- const iconSizes = ['s', 'xs'] as const;
12
-
13
- const meta: Meta<typeof Editable> = {
14
- title: 'plasma_b2c/Editable',
15
- decorators: [WithTheme],
16
- component: Editable,
17
- argTypes: {
18
- ...disableProps([
19
- 'ref',
20
- 'theme',
21
- 'as',
22
- 'forwardedAs',
23
- 'textComponent',
24
- 'icon',
25
- 'onChange',
26
- 'onBlur',
27
- 'onPaste',
28
- 'value',
29
- 'view',
30
- 'size',
31
- ]),
32
- },
33
- };
34
-
35
- export default meta;
36
-
37
- type StoryPropsDefault = ComponentProps<typeof Editable> & {
38
- iconSize: typeof iconSizes[number];
39
- componentName: keyof typeof typographyVariants;
40
- defaultValue: string;
41
- };
42
-
43
- const StoryDefault = ({ defaultValue, componentName, iconSize, ...rest }: StoryPropsDefault) => {
44
- const [, setValue] = useState<string>(defaultValue);
45
-
46
- const handleChange = (e) => {
47
- setValue(e.target.textContent);
48
- };
49
-
50
- return (
51
- <Editable
52
- {...rest}
53
- icon={<IconDisclosureLeft size={iconSize} color="inherit" />}
54
- textComponent={typographyVariants[componentName]}
55
- value={defaultValue}
56
- onChange={handleChange}
57
- />
58
- );
59
- };
60
-
61
- export const Default: StoryObj<StoryPropsDefault> = {
62
- argTypes: {
63
- iconSize: {
64
- options: iconSizes,
65
- control: { type: 'select' },
66
- },
67
- componentName: {
68
- options: Object.keys(typographyVariants),
69
- control: { type: 'select' },
70
- },
71
- },
72
- args: {
73
- view: 'default',
74
- size: 'm',
75
- iconSize: 'xs',
76
- componentName: 'Body',
77
- defaultValue: 'Document 1',
78
- placeholder: 'Компонент с возможностью редактирования текста',
79
- },
80
- render: (args) => <StoryDefault {...args} />,
81
- };
@@ -1,39 +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("styled-components");
8
- var _Combobox = /*#__PURE__*/require("../../../../../components/Combobox");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'default',
12
- size: 'm',
13
- labelPlacement: 'outer'
14
- },
15
- variations: {
16
- view: {
17
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
18
- positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
19
- warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
20
- negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly)
21
- },
22
- size: {
23
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1rem;", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":1rem 1rem 1rem 0.875rem;", ":0.75rem 1rem 0.75rem 0.875rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
24
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.875rem 1rem 0.875rem 1rem;", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.75rem 0.75rem 0.75rem 0.75rem;", ":0.5rem 0.75rem 0.5rem 0.75rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
25
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.625rem 0.875rem 0.625rem 0.875rem;", ":0.125rem;", ":0.625rem;", ":1.5rem;", ":0.5rem 0.75rem 0.5rem 0.675rem;", ":0.25rem 0.75rem 0.25rem 0.675rem;", ":0.5rem;", ":1.5rem;", ":1rem;", ":0 0.375rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.875rem;", ":0.375rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
26
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem 0.625rem 0.5rem 0.625rem;", ":0.125rem;", ":0.5rem;", ":1rem;", ":0.5rem 0.5rem 0.5rem 0.375rem;", ":0.25rem 0.5rem 0.25rem 0.375rem;", ":0.375rem;", ":0 0.25rem 0 0;", ":1rem;", ":1rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize)
27
- },
28
- labelPlacement: {
29
- inner: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldLabelInnerFontFamily, _Combobox.comboboxNewTokens.textFieldLabelInnerFontSize, _Combobox.comboboxNewTokens.textFieldLabelInnerFontStyle, _Combobox.comboboxNewTokens.textFieldLabelInnerFontWeight, _Combobox.comboboxNewTokens.textFieldLabelInnerLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelInnerLineHeight),
30
- outer: /*#__PURE__*/(0, _styledComponents.css)([""])
31
- },
32
- disabled: {
33
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Combobox.comboboxNewTokens.textFieldDisabledOpacity)
34
- },
35
- readOnly: {
36
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Combobox.comboboxNewTokens.textFieldColorReadOnly, _Combobox.comboboxNewTokens.textFieldBackgroundColorReadOnly, _Combobox.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _Combobox.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _Combobox.comboboxNewTokens.textFieldLabelColorReadOnly)
37
- }
38
- }
39
- };
@@ -1,366 +0,0 @@
1
- import React, { useState } from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { Meta, StoryObj } from '@storybook/react';
4
-
5
- import { WithTheme } from '../../../../_helpers';
6
- import { IconDone } from '../../../../../components/_Icon';
7
-
8
- import { Combobox } from './Combobox';
9
-
10
- type StorySelectProps = ComponentProps<typeof Combobox> & {
11
- enableContentLeft?: boolean;
12
- };
13
-
14
- const view = ['default', 'positive', 'warning', 'negative'];
15
- const size = ['xs', 's', 'm', 'l'];
16
- const labelPlacement = ['inner', 'outer'];
17
- const variant = ['normal', 'tight'];
18
-
19
- const meta: Meta<StorySelectProps> = {
20
- title: 'plasma_web/ComboboxNew',
21
- decorators: [WithTheme],
22
- component: Combobox,
23
- argTypes: {
24
- size: {
25
- options: size,
26
- control: {
27
- type: 'select',
28
- },
29
- },
30
- view: {
31
- options: view,
32
- control: {
33
- type: 'select',
34
- },
35
- },
36
- labelPlacement: {
37
- options: labelPlacement,
38
- control: {
39
- type: 'select',
40
- },
41
- },
42
- variant: {
43
- options: variant,
44
- control: {
45
- type: 'select',
46
- },
47
- },
48
- listWidth: {
49
- control: {
50
- type: 'text',
51
- },
52
- },
53
- listOverflow: {
54
- control: {
55
- type: 'text',
56
- },
57
- },
58
- listHeight: {
59
- control: {
60
- type: 'text',
61
- },
62
- },
63
- },
64
- args: {
65
- label: 'Label',
66
- labelPlacement: 'outer',
67
- placeholder: 'Placeholder',
68
- helperText: 'Helper text',
69
- size: 'm',
70
- view: 'default',
71
- enableContentLeft: false,
72
- isTargetAmount: false,
73
- variant: 'normal',
74
- disabled: false,
75
- readOnly: false,
76
- },
77
- parameters: {
78
- controls: {
79
- include: [
80
- 'size',
81
- 'view',
82
- 'enableContentLeft',
83
- 'label',
84
- 'labelPlacement',
85
- 'placeholder',
86
- 'helperText',
87
- 'isTargetAmount',
88
- 'closeAfterSelect',
89
- 'variant',
90
- 'disabled',
91
- 'readOnly',
92
- 'listWidth',
93
- 'listOverflow',
94
- 'listHeight',
95
- ],
96
- },
97
- },
98
- };
99
-
100
- export default meta;
101
-
102
- const items = [
103
- {
104
- value: 'north_america',
105
- label: 'Северная Америка',
106
- },
107
- {
108
- value: 'south_america',
109
- label: 'Южная Америка',
110
- items: [
111
- {
112
- value: 'brazil',
113
- label: 'Бразилия',
114
- items: [
115
- {
116
- value: 'rio_de_janeiro',
117
- label: 'Рио-де-Жанейро',
118
- },
119
- {
120
- value: 'sao_paulo',
121
- label: 'Сан-Паулу',
122
- },
123
- ],
124
- },
125
- {
126
- value: 'argentina',
127
- label: 'Аргентина',
128
- items: [
129
- {
130
- value: 'buenos_aires',
131
- label: 'Буэнос-Айрес',
132
- },
133
- {
134
- value: 'cordoba',
135
- label: 'Кордова',
136
- },
137
- ],
138
- },
139
- {
140
- value: 'colombia',
141
- label: 'Колумбия',
142
- items: [
143
- {
144
- value: 'bogota',
145
- label: 'Богота',
146
- },
147
- {
148
- value: 'medellin',
149
- label: 'Медельин',
150
- },
151
- ],
152
- },
153
- ],
154
- },
155
- {
156
- value: 'europe',
157
- label: 'Европа',
158
- items: [
159
- {
160
- value: 'france',
161
- label: 'Франция',
162
- items: [
163
- {
164
- value: 'paris',
165
- label: 'Париж',
166
- },
167
- {
168
- value: 'lyon',
169
- label: 'Лион',
170
- },
171
- ],
172
- },
173
- {
174
- value: 'germany',
175
- label: 'Германия',
176
- items: [
177
- {
178
- value: 'berlin',
179
- label: 'Берлин',
180
- },
181
- {
182
- value: 'munich',
183
- label: 'Мюнхен',
184
- },
185
- ],
186
- },
187
- {
188
- value: 'italy',
189
- label: 'Италия',
190
- items: [
191
- {
192
- value: 'rome',
193
- label: 'Рим',
194
- },
195
- {
196
- value: 'milan',
197
- label: 'Милан',
198
- },
199
- ],
200
- },
201
- {
202
- value: 'spain',
203
- label: 'Испания',
204
- items: [
205
- {
206
- value: 'madrid',
207
- label: 'Мадрид',
208
- },
209
- {
210
- value: 'barcelona',
211
- label: 'Барселона',
212
- },
213
- ],
214
- },
215
- {
216
- value: 'united_kingdom',
217
- label: 'Великобритания',
218
- items: [
219
- {
220
- value: 'london',
221
- label: 'Лондон',
222
- },
223
- {
224
- value: 'manchester',
225
- label: 'Манчестер',
226
- },
227
- ],
228
- },
229
- ],
230
- },
231
- {
232
- value: 'asia',
233
- label: 'Азия',
234
- items: [
235
- {
236
- value: 'china',
237
- label: 'Китай',
238
- items: [
239
- {
240
- value: 'beijing',
241
- label: 'Пекин',
242
- },
243
- {
244
- value: 'shanghai',
245
- label: 'Шанхай',
246
- },
247
- ],
248
- },
249
- {
250
- value: 'japan',
251
- label: 'Япония',
252
- items: [
253
- {
254
- value: 'tokyo',
255
- label: 'Токио',
256
- },
257
- {
258
- value: 'osaka',
259
- label: 'Осака',
260
- },
261
- ],
262
- },
263
- {
264
- value: 'india',
265
- label: 'Индия',
266
- items: [
267
- {
268
- value: 'delhi',
269
- label: 'Дели',
270
- },
271
- {
272
- value: 'mumbai',
273
- label: 'Мумбаи',
274
- },
275
- ],
276
- },
277
- {
278
- value: 'south_korea',
279
- label: 'Южная Корея',
280
- items: [
281
- {
282
- value: 'seoul',
283
- label: 'Сеул',
284
- },
285
- {
286
- value: 'busan',
287
- label: 'Пусан',
288
- },
289
- ],
290
- },
291
- {
292
- value: 'thailand',
293
- label: 'Таиланд',
294
- items: [
295
- {
296
- value: 'bangkok',
297
- label: 'Бангкок',
298
- },
299
- {
300
- value: 'phuket',
301
- label: 'Пхукет',
302
- },
303
- ],
304
- },
305
- ],
306
- },
307
- {
308
- value: 'africa',
309
- label: 'Африка',
310
- disabled: true,
311
- },
312
- ];
313
-
314
- const SingleStory = (args: StorySelectProps) => {
315
- const [value, setValue] = useState('');
316
-
317
- return (
318
- <div style={{ width: '400px' }}>
319
- <Combobox
320
- {...args}
321
- items={items}
322
- value={value}
323
- onChange={setValue}
324
- contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
325
- autoComplete="off"
326
- />
327
- </div>
328
- );
329
- };
330
-
331
- export const Single: StoryObj<StorySelectProps> = {
332
- render: (args) => <SingleStory {...args} />,
333
- args: {
334
- closeAfterSelect: true,
335
- },
336
- parameters: {
337
- controls: {
338
- exclude: ['isTargetAmount'],
339
- },
340
- },
341
- };
342
-
343
- const MultipleStory = (args: StorySelectProps) => {
344
- const [value, setValue] = useState([]);
345
-
346
- return (
347
- <div style={{ width: '400px' }}>
348
- <Combobox
349
- {...args}
350
- multiple
351
- items={items}
352
- value={value}
353
- onChange={setValue}
354
- contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
355
- autoComplete="off"
356
- />
357
- </div>
358
- );
359
- };
360
-
361
- export const Multiple: StoryObj<StorySelectProps> = {
362
- render: (args) => <MultipleStory {...args} />,
363
- args: {
364
- closeAfterSelect: false,
365
- },
366
- };