@salutejs/plasma-new-hope 0.166.0-canary.1458.11344610394.0 → 0.166.0-canary.1459.11345044568.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (430) hide show
  1. package/cjs/components/Attach/Attach.js +17 -8
  2. package/cjs/components/Attach/Attach.js.map +1 -1
  3. package/cjs/components/Autocomplete/Autocomplete.css +34 -19
  4. package/cjs/components/Autocomplete/Autocomplete.js +6 -2
  5. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  6. package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
  7. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -11
  8. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  9. package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1cfkltf.css} +2 -2
  10. package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
  11. package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -1
  12. package/cjs/components/Breadcrumbs/utils/index.css +3 -3
  13. package/cjs/components/Combobox/ComboboxNew/Combobox.css +38 -18
  14. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +38 -18
  15. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +38 -18
  16. package/cjs/components/DatePicker/RangeDate/RangeDate.css +33 -18
  17. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +33 -18
  18. package/cjs/components/DatePicker/SingleDate/SingleDate.css +35 -20
  19. package/cjs/components/Range/Range.css +39 -19
  20. package/cjs/components/Slider/Slider.css +39 -19
  21. package/cjs/components/Slider/Slider.js +2 -0
  22. package/cjs/components/Slider/Slider.js.map +1 -1
  23. package/cjs/components/Slider/components/Double/Double.css +39 -19
  24. package/cjs/components/TextArea/TextArea.js +129 -18
  25. package/cjs/components/TextArea/TextArea.js.map +1 -1
  26. package/cjs/components/TextArea/TextArea.styles.js +160 -63
  27. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  28. package/cjs/components/TextArea/TextArea.styles_mcxlmk.css +17 -0
  29. package/cjs/components/TextArea/TextArea.tokens.js +43 -4
  30. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  31. package/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  32. package/cjs/components/TextArea/hooks/useAutoResize.js.map +1 -1
  33. package/cjs/components/TextArea/variations/_clear/base.js +1 -1
  34. package/cjs/components/TextArea/variations/_clear/base.js.map +1 -1
  35. package/cjs/components/TextArea/variations/_clear/base_1ezvvtt.css +1 -0
  36. package/cjs/components/TextArea/variations/_hint-size/base.js +9 -0
  37. package/cjs/components/TextArea/variations/_hint-size/base.js.map +1 -0
  38. package/cjs/components/TextArea/variations/_hint-size/base_1ipgv90.css +1 -0
  39. package/cjs/components/TextArea/variations/_hint-view/base.js +9 -0
  40. package/cjs/components/TextArea/variations/_hint-view/base.js.map +1 -0
  41. package/cjs/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
  42. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  43. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  44. package/cjs/components/TextArea/variations/_view/base_1xgrm3x.css +1 -0
  45. package/cjs/components/TextField/TextField.js +117 -9
  46. package/cjs/components/TextField/TextField.js.map +1 -1
  47. package/cjs/components/TextField/TextField.styles.js +76 -23
  48. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  49. package/cjs/components/TextField/TextField.styles_17xt45g.css +21 -0
  50. package/cjs/components/TextField/TextField.tokens.js +40 -1
  51. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  52. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  53. package/cjs/components/TextField/variations/_clear/base.js.map +1 -1
  54. package/cjs/components/TextField/variations/_clear/base_1pkwm4m.css +1 -0
  55. package/cjs/components/TextField/variations/_disabled/base.js +1 -1
  56. package/cjs/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
  57. package/cjs/components/TextField/variations/_hint-size/base.js +9 -0
  58. package/cjs/components/TextField/variations/_hint-size/base.js.map +1 -0
  59. package/cjs/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
  60. package/cjs/components/TextField/variations/_hint-view/base.js +9 -0
  61. package/cjs/components/TextField/variations/_hint-view/base.js.map +1 -0
  62. package/cjs/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
  63. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  64. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  65. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +1 -0
  66. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  67. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  68. package/cjs/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  69. package/cjs/components/TextField/variations/_size/base.js +1 -1
  70. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  71. package/cjs/components/TextField/variations/_size/base_1xdmaqh.css +1 -0
  72. package/cjs/components/TextField/variations/_view/base.js +1 -1
  73. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  74. package/cjs/components/TextField/variations/_view/base_qhyte8.css +1 -0
  75. package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
  76. package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
  77. package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  78. package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +23 -0
  79. package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
  80. package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +23 -0
  81. package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
  82. package/cjs/index.css +55 -35
  83. package/emotion/cjs/components/Attach/Attach.js +17 -8
  84. package/emotion/cjs/components/Attach/Attach.template-doc.mdx +69 -0
  85. package/emotion/cjs/components/Autocomplete/Autocomplete.js +6 -2
  86. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +3 -6
  87. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
  88. package/emotion/cjs/components/TextArea/TextArea.js +132 -23
  89. package/emotion/cjs/components/TextArea/TextArea.styles.js +99 -41
  90. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
  91. package/emotion/cjs/components/TextArea/TextArea.tokens.js +43 -4
  92. package/emotion/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  93. package/emotion/cjs/components/TextArea/variations/_clear/base.js +1 -1
  94. package/emotion/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
  95. package/emotion/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
  96. package/emotion/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
  97. package/emotion/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
  98. package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -1
  99. package/emotion/cjs/components/TextField/TextField.js +119 -12
  100. package/emotion/cjs/components/TextField/TextField.styles.js +84 -37
  101. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +7 -1
  102. package/emotion/cjs/components/TextField/TextField.tokens.js +40 -1
  103. package/emotion/cjs/components/TextField/variations/_clear/base.js +1 -1
  104. package/emotion/cjs/components/TextField/variations/_hint-size/base.js +11 -0
  105. package/emotion/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
  106. package/emotion/cjs/components/TextField/variations/_hint-view/base.js +11 -0
  107. package/emotion/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
  108. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  109. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  110. package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
  111. package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
  112. package/emotion/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
  113. package/emotion/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
  114. package/emotion/cjs/components/_Icon/index.js +8 -1
  115. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +5 -5
  116. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +19 -10
  117. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +70 -0
  118. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +22 -13
  119. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +71 -1
  120. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +5 -5
  121. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +19 -10
  122. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +70 -0
  123. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +22 -13
  124. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +80 -10
  125. package/emotion/es/components/Attach/Attach.js +17 -8
  126. package/emotion/es/components/Attach/Attach.template-doc.mdx +69 -0
  127. package/emotion/es/components/Autocomplete/Autocomplete.js +6 -2
  128. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +3 -6
  129. package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
  130. package/emotion/es/components/TextArea/TextArea.js +133 -24
  131. package/emotion/es/components/TextArea/TextArea.styles.js +98 -40
  132. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +6 -1
  133. package/emotion/es/components/TextArea/TextArea.tokens.js +43 -4
  134. package/emotion/es/components/TextArea/hooks/useAutoResize.js +2 -4
  135. package/emotion/es/components/TextArea/variations/_clear/base.js +2 -2
  136. package/emotion/es/components/TextArea/variations/_hint-size/base.js +5 -0
  137. package/emotion/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
  138. package/emotion/es/components/TextArea/variations/_hint-view/base.js +5 -0
  139. package/emotion/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
  140. package/emotion/es/components/TextArea/variations/_view/base.js +2 -1
  141. package/emotion/es/components/TextField/TextField.js +118 -11
  142. package/emotion/es/components/TextField/TextField.styles.js +83 -36
  143. package/emotion/es/components/TextField/TextField.template-doc.mdx +7 -1
  144. package/emotion/es/components/TextField/TextField.tokens.js +40 -1
  145. package/emotion/es/components/TextField/variations/_clear/base.js +2 -2
  146. package/emotion/es/components/TextField/variations/_hint-size/base.js +5 -0
  147. package/emotion/es/components/TextField/variations/_hint-size/tokens.json +21 -0
  148. package/emotion/es/components/TextField/variations/_hint-view/base.js +5 -0
  149. package/emotion/es/components/TextField/variations/_hint-view/tokens.json +5 -0
  150. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  151. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  152. package/emotion/es/components/TextField/variations/_size/base.js +2 -2
  153. package/emotion/es/components/TextField/variations/_view/base.js +2 -2
  154. package/emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
  155. package/emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
  156. package/emotion/es/components/_Icon/index.js +2 -1
  157. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +5 -5
  158. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +19 -10
  159. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +70 -0
  160. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +22 -13
  161. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +71 -1
  162. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +5 -5
  163. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +19 -10
  164. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +70 -0
  165. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +22 -13
  166. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +80 -10
  167. package/es/components/Attach/Attach.js +17 -8
  168. package/es/components/Attach/Attach.js.map +1 -1
  169. package/es/components/Autocomplete/Autocomplete.css +34 -19
  170. package/es/components/Autocomplete/Autocomplete.js +6 -2
  171. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  172. package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
  173. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +4 -11
  174. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  175. package/es/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1cfkltf.css} +2 -2
  176. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
  177. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -1
  178. package/es/components/Breadcrumbs/utils/index.css +3 -3
  179. package/es/components/Combobox/ComboboxNew/Combobox.css +38 -18
  180. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +38 -18
  181. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +38 -18
  182. package/es/components/DatePicker/RangeDate/RangeDate.css +33 -18
  183. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +33 -18
  184. package/es/components/DatePicker/SingleDate/SingleDate.css +35 -20
  185. package/es/components/Range/Range.css +39 -19
  186. package/es/components/Slider/Slider.css +39 -19
  187. package/es/components/Slider/Slider.js +2 -0
  188. package/es/components/Slider/Slider.js.map +1 -1
  189. package/es/components/Slider/components/Double/Double.css +39 -19
  190. package/es/components/TextArea/TextArea.js +133 -22
  191. package/es/components/TextArea/TextArea.js.map +1 -1
  192. package/es/components/TextArea/TextArea.styles.js +155 -64
  193. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  194. package/es/components/TextArea/TextArea.styles_mcxlmk.css +17 -0
  195. package/es/components/TextArea/TextArea.tokens.js +43 -4
  196. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  197. package/es/components/TextArea/hooks/useAutoResize.js +2 -4
  198. package/es/components/TextArea/hooks/useAutoResize.js.map +1 -1
  199. package/es/components/TextArea/variations/_clear/base.js +1 -1
  200. package/es/components/TextArea/variations/_clear/base.js.map +1 -1
  201. package/es/components/TextArea/variations/_clear/base_1ezvvtt.css +1 -0
  202. package/es/components/TextArea/variations/_hint-size/base.js +5 -0
  203. package/es/components/TextArea/variations/_hint-size/base.js.map +1 -0
  204. package/es/components/TextArea/variations/_hint-size/base_1ipgv90.css +1 -0
  205. package/es/components/TextArea/variations/_hint-view/base.js +5 -0
  206. package/es/components/TextArea/variations/_hint-view/base.js.map +1 -0
  207. package/es/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
  208. package/es/components/TextArea/variations/_view/base.js +1 -1
  209. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  210. package/es/components/TextArea/variations/_view/base_1xgrm3x.css +1 -0
  211. package/es/components/TextField/TextField.js +118 -10
  212. package/es/components/TextField/TextField.js.map +1 -1
  213. package/es/components/TextField/TextField.styles.js +71 -24
  214. package/es/components/TextField/TextField.styles.js.map +1 -1
  215. package/es/components/TextField/TextField.styles_17xt45g.css +21 -0
  216. package/es/components/TextField/TextField.tokens.js +40 -1
  217. package/es/components/TextField/TextField.tokens.js.map +1 -1
  218. package/es/components/TextField/variations/_clear/base.js +1 -1
  219. package/es/components/TextField/variations/_clear/base.js.map +1 -1
  220. package/es/components/TextField/variations/_clear/base_1pkwm4m.css +1 -0
  221. package/es/components/TextField/variations/_disabled/base.js +1 -1
  222. package/es/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
  223. package/es/components/TextField/variations/_hint-size/base.js +5 -0
  224. package/es/components/TextField/variations/_hint-size/base.js.map +1 -0
  225. package/es/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
  226. package/es/components/TextField/variations/_hint-view/base.js +5 -0
  227. package/es/components/TextField/variations/_hint-view/base.js.map +1 -0
  228. package/es/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
  229. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  230. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  231. package/es/components/TextField/variations/_label-placement/base_3domm.css +1 -0
  232. package/es/components/TextField/variations/_read-only/base.js +1 -1
  233. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  234. package/es/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  235. package/es/components/TextField/variations/_size/base.js +1 -1
  236. package/es/components/TextField/variations/_size/base.js.map +1 -1
  237. package/es/components/TextField/variations/_size/base_1xdmaqh.css +1 -0
  238. package/es/components/TextField/variations/_view/base.js +1 -1
  239. package/es/components/TextField/variations/_view/base.js.map +1 -1
  240. package/es/components/TextField/variations/_view/base_qhyte8.css +1 -0
  241. package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
  242. package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
  243. package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  244. package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +19 -0
  245. package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
  246. package/es/components/_Icon/Icons/IconInfoCircleOutline.js +19 -0
  247. package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
  248. package/es/index.css +55 -35
  249. package/package.json +2 -2
  250. package/styled-components/cjs/components/Attach/Attach.js +17 -8
  251. package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +69 -0
  252. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +6 -2
  253. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -5
  254. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
  255. package/styled-components/cjs/components/TextArea/TextArea.js +131 -22
  256. package/styled-components/cjs/components/TextArea/TextArea.styles.js +85 -42
  257. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
  258. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +43 -4
  259. package/styled-components/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  260. package/styled-components/cjs/components/TextArea/variations/_clear/base.js +1 -1
  261. package/styled-components/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
  262. package/styled-components/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
  263. package/styled-components/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
  264. package/styled-components/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
  265. package/styled-components/cjs/components/TextArea/variations/_view/base.js +2 -1
  266. package/styled-components/cjs/components/TextField/TextField.js +118 -11
  267. package/styled-components/cjs/components/TextField/TextField.styles.js +46 -21
  268. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +7 -1
  269. package/styled-components/cjs/components/TextField/TextField.tokens.js +40 -1
  270. package/styled-components/cjs/components/TextField/variations/_clear/base.js +1 -1
  271. package/styled-components/cjs/components/TextField/variations/_hint-size/base.js +11 -0
  272. package/styled-components/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
  273. package/styled-components/cjs/components/TextField/variations/_hint-view/base.js +11 -0
  274. package/styled-components/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
  275. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  276. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  277. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  278. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  279. package/styled-components/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
  280. package/styled-components/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
  281. package/styled-components/cjs/components/_Icon/index.js +8 -1
  282. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
  283. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
  284. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +70 -0
  285. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
  286. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +71 -1
  287. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
  288. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
  289. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +70 -0
  290. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +18 -9
  291. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +80 -10
  292. package/styled-components/es/components/Attach/Attach.js +17 -8
  293. package/styled-components/es/components/Attach/Attach.template-doc.mdx +69 -0
  294. package/styled-components/es/components/Autocomplete/Autocomplete.js +6 -2
  295. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -5
  296. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
  297. package/styled-components/es/components/TextArea/TextArea.js +132 -23
  298. package/styled-components/es/components/TextArea/TextArea.styles.js +84 -41
  299. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +6 -1
  300. package/styled-components/es/components/TextArea/TextArea.tokens.js +43 -4
  301. package/styled-components/es/components/TextArea/hooks/useAutoResize.js +2 -4
  302. package/styled-components/es/components/TextArea/variations/_clear/base.js +2 -2
  303. package/styled-components/es/components/TextArea/variations/_hint-size/base.js +5 -0
  304. package/styled-components/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
  305. package/styled-components/es/components/TextArea/variations/_hint-view/base.js +5 -0
  306. package/styled-components/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
  307. package/styled-components/es/components/TextArea/variations/_view/base.js +2 -1
  308. package/styled-components/es/components/TextField/TextField.js +117 -10
  309. package/styled-components/es/components/TextField/TextField.styles.js +45 -20
  310. package/styled-components/es/components/TextField/TextField.template-doc.mdx +7 -1
  311. package/styled-components/es/components/TextField/TextField.tokens.js +40 -1
  312. package/styled-components/es/components/TextField/variations/_clear/base.js +2 -2
  313. package/styled-components/es/components/TextField/variations/_hint-size/base.js +5 -0
  314. package/styled-components/es/components/TextField/variations/_hint-size/tokens.json +21 -0
  315. package/styled-components/es/components/TextField/variations/_hint-view/base.js +5 -0
  316. package/styled-components/es/components/TextField/variations/_hint-view/tokens.json +5 -0
  317. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  318. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  319. package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
  320. package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
  321. package/styled-components/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
  322. package/styled-components/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
  323. package/styled-components/es/components/_Icon/index.js +2 -1
  324. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
  325. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
  326. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +70 -0
  327. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
  328. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +71 -1
  329. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
  330. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
  331. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +70 -0
  332. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +18 -9
  333. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +80 -10
  334. package/types/components/Attach/Attach.d.ts.map +1 -1
  335. package/types/components/Attach/Attach.types.d.ts +4 -0
  336. package/types/components/Attach/Attach.types.d.ts.map +1 -1
  337. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  338. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +424 -0
  339. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  340. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
  341. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts +0 -2
  342. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map +1 -1
  343. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +424 -0
  344. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  345. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +424 -0
  346. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  347. package/types/components/Range/Range.styles.d.ts +424 -0
  348. package/types/components/Range/Range.styles.d.ts.map +1 -1
  349. package/types/components/Slider/components/Double/Double.styles.d.ts +424 -0
  350. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  351. package/types/components/TextArea/TextArea.d.ts +9 -3
  352. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  353. package/types/components/TextArea/TextArea.styles.d.ts +11 -1
  354. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  355. package/types/components/TextArea/TextArea.tokens.d.ts +39 -0
  356. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  357. package/types/components/TextArea/TextArea.types.d.ts +83 -3
  358. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  359. package/types/components/TextArea/hooks/useAutoResize.d.ts.map +1 -1
  360. package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -1
  361. package/types/components/TextArea/variations/_hint-size/base.d.ts +2 -0
  362. package/types/components/TextArea/variations/_hint-size/base.d.ts.map +1 -0
  363. package/types/components/TextArea/variations/_hint-view/base.d.ts +2 -0
  364. package/types/components/TextArea/variations/_hint-view/base.d.ts.map +1 -0
  365. package/types/components/TextArea/variations/_view/base.d.ts.map +1 -1
  366. package/types/components/TextField/TextField.d.ts +9 -3
  367. package/types/components/TextField/TextField.d.ts.map +1 -1
  368. package/types/components/TextField/TextField.styles.d.ts +8 -0
  369. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  370. package/types/components/TextField/TextField.tokens.d.ts +39 -0
  371. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  372. package/types/components/TextField/TextField.types.d.ts +78 -2
  373. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  374. package/types/components/TextField/variations/_clear/base.d.ts.map +1 -1
  375. package/types/components/TextField/variations/_hint-size/base.d.ts +2 -0
  376. package/types/components/TextField/variations/_hint-size/base.d.ts.map +1 -0
  377. package/types/components/TextField/variations/_hint-view/base.d.ts +2 -0
  378. package/types/components/TextField/variations/_hint-view/base.d.ts.map +1 -0
  379. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  380. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  381. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  382. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  383. package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts +4 -0
  384. package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts.map +1 -0
  385. package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts +4 -0
  386. package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts.map +1 -0
  387. package/types/components/_Icon/index.d.ts +1 -0
  388. package/types/components/_Icon/index.d.ts.map +1 -1
  389. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -1
  390. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +788 -12
  391. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  392. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +9 -0
  393. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  394. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +473 -0
  395. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  396. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +9 -0
  397. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  398. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +433 -0
  399. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  400. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -1
  401. package/types/examples/plasma_web/components/Mask/Mask.d.ts +788 -12
  402. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  403. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +9 -0
  404. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  405. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +473 -0
  406. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  407. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +9 -0
  408. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  409. package/types/examples/plasma_web/components/TextField/TextField.d.ts +433 -0
  410. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  411. package/cjs/components/TextArea/TextArea.styles_es0miz.css +0 -11
  412. package/cjs/components/TextArea/variations/_clear/base_vidplj.css +0 -1
  413. package/cjs/components/TextArea/variations/_view/base_td55th.css +0 -1
  414. package/cjs/components/TextField/TextField.styles_1d2ryq.css +0 -15
  415. package/cjs/components/TextField/variations/_clear/base_rit6gc.css +0 -1
  416. package/cjs/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
  417. package/cjs/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
  418. package/cjs/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
  419. package/cjs/components/TextField/variations/_view/base_1noe46b.css +0 -1
  420. package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
  421. package/es/components/TextArea/TextArea.styles_es0miz.css +0 -11
  422. package/es/components/TextArea/variations/_clear/base_vidplj.css +0 -1
  423. package/es/components/TextArea/variations/_view/base_td55th.css +0 -1
  424. package/es/components/TextField/TextField.styles_1d2ryq.css +0 -15
  425. package/es/components/TextField/variations/_clear/base_rit6gc.css +0 -1
  426. package/es/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
  427. package/es/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
  428. package/es/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
  429. package/es/components/TextField/variations/_view/base_1noe46b.css +0 -1
  430. package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
@@ -4,7 +4,8 @@ import { action } from '@storybook/addon-actions';
4
4
  import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
5
5
 
6
6
  import { WithTheme } from '../../../_helpers';
7
- import { IconChevronLeft } from '../../../../components/_Icon';
7
+ import { IconCross } from '../../../../components/_Icon';
8
+ import type { PopoverPlacement } from '../Popover/Popover';
8
9
 
9
10
  import { TextField } from './TextField';
10
11
 
@@ -16,7 +17,29 @@ const onChipsChange = action('onChipsChange');
16
17
 
17
18
  const sizes = ['l', 'm', 's', 'xs'];
18
19
  const views = ['default', 'positive', 'warning', 'negative'];
20
+ const hintViews = ['default', 'onDark', 'onLight'];
21
+ const hintSizes = ['m', 's'];
22
+ const hintTriggers = ['hover', 'click'];
19
23
  const labelPlacements = ['outer', 'inner'];
24
+ const placements: Array<PopoverPlacement> = [
25
+ 'top',
26
+ 'top-start',
27
+ 'top-end',
28
+
29
+ 'bottom',
30
+ 'bottom-start',
31
+ 'bottom-end',
32
+
33
+ 'left',
34
+ 'left-start',
35
+ 'left-end',
36
+
37
+ 'right',
38
+ 'right-start',
39
+ 'right-end',
40
+
41
+ 'auto',
42
+ ];
20
43
 
21
44
  const meta: Meta<typeof TextField> = {
22
45
  title: 'plasma_web/TextField',
@@ -70,6 +93,43 @@ const meta: Meta<typeof TextField> = {
70
93
  type: 'inline-radio',
71
94
  },
72
95
  },
96
+ hintView: {
97
+ options: hintViews,
98
+ control: {
99
+ type: 'select',
100
+ },
101
+ if: { arg: 'hasHint', truthy: true },
102
+ },
103
+ hintSize: {
104
+ options: hintSizes,
105
+ control: {
106
+ type: 'select',
107
+ },
108
+ if: { arg: 'hasHint', truthy: true },
109
+ },
110
+ hintTrigger: {
111
+ options: hintTriggers,
112
+ control: {
113
+ type: 'inline-radio',
114
+ },
115
+ if: { arg: 'hasHint', truthy: true },
116
+ },
117
+ hintText: {
118
+ control: { type: 'text' },
119
+ if: { arg: 'hasHint', truthy: true },
120
+ },
121
+ hintPlacement: {
122
+ options: placements,
123
+ control: {
124
+ type: 'select',
125
+ },
126
+ if: { arg: 'hasHint', truthy: true },
127
+ mappers: placements,
128
+ },
129
+ hintHasArrow: {
130
+ control: { type: 'boolean' },
131
+ if: { arg: 'hasHint', truthy: true },
132
+ },
73
133
  },
74
134
  };
75
135
 
@@ -105,13 +165,13 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: Sto
105
165
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
106
166
 
107
167
  return (
108
- <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
168
+ <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem', width: '70%', margin: '0 auto' }}>
109
169
  <TextField
110
170
  {...rest}
111
171
  enumerationType="plain"
112
172
  value={text}
113
- contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
114
- contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
173
+ contentLeft={enableContentLeft ? <IconCross color="inherit" size={iconSize} /> : undefined}
174
+ contentRight={enableContentRight ? <IconCross color="inherit" size={iconSize} /> : undefined}
115
175
  view={view}
116
176
  onChange={(e) => {
117
177
  setText(e.target.value);
@@ -145,17 +205,28 @@ export const Default: StoryObj<StoryPropsDefault> = {
145
205
  view: 'default',
146
206
  label: 'Лейбл',
147
207
  labelPlacement: 'outer',
208
+ titleCaption: 'Подпись к полю',
209
+ textBefore: '',
210
+ textAfter: '',
148
211
  placeholder: 'Заполните поле',
149
212
  leftHelper: 'Подсказка к полю',
150
213
  disabled: false,
151
214
  readOnly: false,
152
- required: false,
153
- requiredPlacement: 'right',
154
- optional: false,
155
215
  enableContentLeft: true,
156
216
  enableContentRight: true,
157
217
  clear: false,
158
218
  hasDivider: false,
219
+ optional: false,
220
+ required: false,
221
+ requiredPlacement: 'right',
222
+ hasHint: false,
223
+ hintTrigger: 'hover',
224
+ hintText: 'Текст подсказки',
225
+ hintView: 'default',
226
+ hintSize: 'm',
227
+ hintPlacement: 'auto',
228
+ hintWidth: '10rem',
229
+ hintHasArrow: true,
159
230
  },
160
231
  render: (args) => <StoryDemo {...args} />,
161
232
  };
@@ -176,8 +247,6 @@ type StoryPropsChips = Omit<
176
247
  | 'checked'
177
248
  | 'maxLength'
178
249
  | 'minLength'
179
- | 'required'
180
- | 'optional'
181
250
  | 'enumerationType'
182
251
  > & {
183
252
  enableContentLeft: boolean;
@@ -194,7 +263,7 @@ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: St
194
263
  {...rest}
195
264
  enumerationType="chip"
196
265
  value={text}
197
- contentLeft={enableContentLeft ? <IconChevronLeft color="inherit" size={iconSize} /> : undefined}
266
+ contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
198
267
  contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
199
268
  view={view}
200
269
  onChange={(e) => {
@@ -204,6 +273,7 @@ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: St
204
273
  onFocus={onFocus}
205
274
  onBlur={onBlur}
206
275
  onChangeChips={onChipsChange}
276
+ style={{ width: '70%', margin: '0 auto' }}
207
277
  />
208
278
  );
209
279
  };
@@ -1,5 +1,5 @@
1
1
  var _IconCloseCircleOutli;
2
- var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled"];
2
+ var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled", "id", "name", "onChange", "onClear"];
3
3
  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); }
4
4
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
5
5
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -36,6 +36,10 @@ export var attachRoot = function attachRoot(Root) {
36
36
  style = props.style,
37
37
  isLoading = props.isLoading,
38
38
  disabled = props.disabled,
39
+ id = props.id,
40
+ name = props.name,
41
+ onChange = props.onChange,
42
+ onClear = props.onClear,
39
43
  rest = _objectWithoutProperties(props, _excluded);
40
44
  var innerRef = useRef(null);
41
45
  var ref = useForkRef(outerRef, innerRef);
@@ -104,16 +108,22 @@ export var attachRoot = function attachRoot(Root) {
104
108
  }
105
109
  inputRef.current.click();
106
110
  };
107
- var handleChange = function handleChange() {
108
- if (!inputRef.current || !inputRef.current.files) {
111
+ var handleChange = function handleChange(e) {
112
+ if (!e.target.files) {
109
113
  return;
110
114
  }
111
- setFilename(inputRef.current.files[0].name);
115
+ if (onChange) {
116
+ onChange(e);
117
+ }
118
+ setFilename(e.target.files[0].name);
112
119
  };
113
120
  var handleClear = function handleClear() {
114
121
  if (!inputRef.current) {
115
122
  return;
116
123
  }
124
+ if (onClear) {
125
+ onClear();
126
+ }
117
127
  inputRef.current.value = '';
118
128
  setFilename('');
119
129
  setTruncatedFilename('');
@@ -128,12 +138,11 @@ export var attachRoot = function attachRoot(Root) {
128
138
  ref: inputRef,
129
139
  accept: accept,
130
140
  type: "file",
131
- id: "attachHiddenInput",
132
- name: "attachHiddenInput",
141
+ id: id,
142
+ name: name,
133
143
  onChange: handleChange
134
144
  }), /*#__PURE__*/React.createElement(StyledHiddenInputHelper, {
135
- ref: inputHelperRef,
136
- id: "attachHiddenInputHelper"
145
+ ref: inputHelperRef
137
146
  }, filename), /*#__PURE__*/React.createElement(AttachButton, _extends({
138
147
  buttonType: buttonType,
139
148
  view: view,
@@ -61,3 +61,72 @@ export function App() {
61
61
  );
62
62
  }
63
63
  ```
64
+
65
+ ### Пример использования в форме
66
+
67
+ ```tsx live
68
+ import React, { useState } from 'react';
69
+ import { Attach, Button } from '@salutejs/{{ package }}';
70
+
71
+ function App() {
72
+ const ids = ['0', '1', '2'];
73
+ const [isLoading, setIsLoading] = useState(false);
74
+ const [attachedFiles, setAttachedFiles] = useState([]);
75
+
76
+ const handleAttachFile = (e) => {
77
+ setAttachedFiles((prevAttachedFiles) => [
78
+ ...prevAttachedFiles,
79
+ {
80
+ fileData: e.target.files[0],
81
+ id: e.target.id,
82
+ },
83
+ ]);
84
+ };
85
+
86
+ const handleAttachClear = (id) => {
87
+ setAttachedFiles(attachedFiles.filter((file) => file.id !== id));
88
+ };
89
+
90
+ const handleSubmit = (e) => {
91
+ e.preventDefault();
92
+ setIsLoading(true);
93
+
94
+ const formData = new FormData(e.target);
95
+ console.log('formData', Object.fromEntries(formData));
96
+
97
+ setTimeout(() => {
98
+ setAttachedFiles([]);
99
+ setIsLoading(false);
100
+ }, 2000);
101
+ };
102
+
103
+ return (
104
+ <>
105
+ <span>{isLoading ? 'Форма отправляется' : 'Прикрепленные файлы:'}</span>
106
+ {!isLoading && attachedFiles.length > 0 && (
107
+ <div style=\{{ display: 'flex', flexDirection: 'column', gap: '0px' }}>
108
+ {attachedFiles.map((file) => (
109
+ <span>{file.fileData.name}</span>
110
+ ))}
111
+ </div>
112
+ )}
113
+
114
+ {!isLoading && (
115
+ <form onSubmit={handleSubmit} style=\{{ display: 'flex', flexDirection: 'column', gap: '30px' }}>
116
+ {ids.map((id) => (
117
+ <Attach
118
+ id={id}
119
+ name={`attach${id}`}
120
+ text={`Загрузить файл ${id}`}
121
+ onChange={handleAttachFile}
122
+ onClear={() => handleAttachClear(id)}
123
+ />
124
+ ))}
125
+
126
+ <Button type="submit">Отправить</Button>
127
+ </form>
128
+ )}
129
+ </>
130
+ );
131
+ }
132
+ ```
@@ -1,4 +1,4 @@
1
- var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch"];
1
+ var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hasHint", "hintText"];
2
2
  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); }
3
3
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
4
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -47,6 +47,8 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
47
47
  renderList = _ref.renderList,
48
48
  renderListEnd = _ref.renderListEnd,
49
49
  onSearch = _ref.onSearch,
50
+ hasHint = _ref.hasHint,
51
+ hintText = _ref.hintText,
50
52
  rest = _objectWithoutProperties(_ref, _excluded);
51
53
  var _useReducer = useReducer(focusedReducer, null),
52
54
  _useReducer2 = _slicedToArray(_useReducer, 2),
@@ -144,7 +146,9 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
144
146
  "aria-controls": listId,
145
147
  "aria-expanded": isOpen,
146
148
  "aria-activedescendant": "".concat(listId, "/").concat(focused),
147
- "aria-describedby": helperTextId
149
+ "aria-describedby": helperTextId,
150
+ hasHint: Boolean(hasHint),
151
+ hintText: String(hintText || '')
148
152
  }, rest)),
149
153
  preventOverflow: false,
150
154
  ref: targetRef,
@@ -16,17 +16,14 @@ export var StyledLink = /*#__PURE__*/_styled(Link, {
16
16
  }, ";cursor:", function (_ref2) {
17
17
  var isHref = _ref2.isHref;
18
18
  return isHref ? 'pointer' : 'auto';
19
- }, ";color:", function (_ref3) {
20
- var isHref = _ref3.isHref;
21
- return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
22
19
  }, ";--plasma-link-disabled-opacity:var(", tokens.breadcrumbsOpacity, ");", /*#__PURE__*/addFocus({
23
20
  outlineOffset: '0rem',
24
21
  outlineSize: '0.125rem',
25
22
  outlineRadius: '0rem',
26
23
  outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
27
- }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG4gICAgY3Vyc29yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gJ3BvaW50ZXInIDogJ2F1dG8nKX07XG4gICAgY29sb3I6ICR7KHsgaXNIcmVmIH0pID0+IChpc0hyZWYgPyBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KWAgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3JUZXh0fSlgKX07XG5cbiAgICAtLXBsYXNtYS1saW5rLWRpc2FibGVkLW9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMHJlbScsXG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnMHJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvY3VzT3V0bGluZUNvbG9yfSlgLFxuICAgIH0pfVxuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNHYXB9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlcGFyYXRvciA9IHN0eWxlZChJY29uRGlzY2xvc3VyZVJpZ2h0KWBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3JTZXBhcmF0b3J9KTtcbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5gO1xuIl19 */"));
28
- export var base = /*#__PURE__*/css("display:flex;flex-direction:row;align-items:center;gap:var(", tokens.breadcrumbsGap, ");color:var(", tokens.breadcrumbsColor, ");font-family:var(", tokens.breadcrumbsFontFamily, ");font-size:var(", tokens.breadcrumbsFontSize, ");font-weight:var(", tokens.breadcrumbsFontWeight, ");font-style:var(", tokens.breadcrumbsFontStyle, ");letter-spacing:var(", tokens.breadcrumbsLetterSpacing, ");line-height:var(", tokens.breadcrumbsLineHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuICAgIGN1cnNvcjogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/ICdwb2ludGVyJyA6ICdhdXRvJyl9O1xuICAgIGNvbG9yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSlgIDogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yVGV4dH0pYCl9O1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yU2VwYXJhdG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
24
+ }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG4gICAgY3Vyc29yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gJ3BvaW50ZXInIDogJ2F1dG8nKX07XG5cbiAgICAtLXBsYXNtYS1saW5rLWRpc2FibGVkLW9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMHJlbScsXG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnMHJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvY3VzT3V0bGluZUNvbG9yfSlgLFxuICAgIH0pfVxuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNHYXB9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlcGFyYXRvciA9IHN0eWxlZChJY29uRGlzY2xvc3VyZVJpZ2h0KWBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5gO1xuIl19 */"));
25
+ export var base = /*#__PURE__*/css("display:flex;flex-direction:row;align-items:center;gap:var(", tokens.breadcrumbsGap, ");color:var(", tokens.breadcrumbsColor, ");font-family:var(", tokens.breadcrumbsFontFamily, ");font-size:var(", tokens.breadcrumbsFontSize, ");font-weight:var(", tokens.breadcrumbsFontWeight, ");font-style:var(", tokens.breadcrumbsFontStyle, ");letter-spacing:var(", tokens.breadcrumbsLetterSpacing, ");line-height:var(", tokens.breadcrumbsLineHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuICAgIGN1cnNvcjogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/ICdwb2ludGVyJyA6ICdhdXRvJyl9O1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
29
26
  export var Separator = /*#__PURE__*/_styled(IconDisclosureRight, {
30
27
  target: "e1jirwgn0",
31
28
  label: "plasma-new-hope__Separator"
32
- })("color:var(", tokens.breadcrumbsColorSeparator, ");opacity:var(", tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuICAgIGN1cnNvcjogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/ICdwb2ludGVyJyA6ICdhdXRvJyl9O1xuICAgIGNvbG9yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSlgIDogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yVGV4dH0pYCl9O1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yU2VwYXJhdG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
29
+ })("color:var(", tokens.breadcrumbsColor, ");opacity:var(", tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuICAgIGN1cnNvcjogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/ICdwb2ludGVyJyA6ICdhdXRvJyl9O1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
@@ -5,8 +5,6 @@ export var tokens = {
5
5
  breadcrumbsGap: '--plasma-breadcrumbs-gap',
6
6
  breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
7
7
  breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
8
- breadcrumbsColorSeparator: '--plasma-breadcrumbs-color-separator',
9
- breadcrumbsColorText: '--plasma-breadcrumbs-color-text',
10
8
  breadcrumbsColor: '--plasma-breadcrumbs-color',
11
9
  breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
12
10
  breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',