@salutejs/plasma-new-hope 0.170.0-canary.1490.11387458591.0 → 0.171.0-canary.1459.11400476651.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (617) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +35 -19
  2. package/cjs/components/Autocomplete/Autocomplete.js +4 -2
  3. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.css +39 -18
  5. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +39 -18
  6. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +39 -18
  7. package/cjs/components/DatePicker/RangeDate/RangeDate.css +34 -18
  8. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +34 -18
  9. package/cjs/components/DatePicker/SingleDate/SingleDate.css +36 -20
  10. package/cjs/components/Range/Range.css +40 -19
  11. package/cjs/components/Slider/Slider.css +40 -19
  12. package/cjs/components/Slider/Slider.js +2 -0
  13. package/cjs/components/Slider/Slider.js.map +1 -1
  14. package/cjs/components/Slider/components/Double/Double.css +40 -19
  15. package/cjs/components/TextArea/TextArea.js +111 -19
  16. package/cjs/components/TextArea/TextArea.js.map +1 -1
  17. package/cjs/components/TextArea/TextArea.styles.js +166 -63
  18. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  19. package/cjs/components/TextArea/TextArea.styles_1ke2ihc.css +18 -0
  20. package/cjs/components/TextArea/TextArea.tokens.js +45 -5
  21. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  22. package/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  23. package/cjs/components/TextArea/hooks/useAutoResize.js.map +1 -1
  24. package/cjs/components/TextArea/ui/Hint/Hint.css +30 -0
  25. package/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
  26. package/cjs/components/TextArea/ui/Hint/Hint.js.map +1 -0
  27. package/cjs/components/TextArea/variations/_clear/base.js +1 -1
  28. package/cjs/components/TextArea/variations/_clear/base.js.map +1 -1
  29. package/cjs/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
  30. package/cjs/components/TextArea/variations/_hint-size/base.js +9 -0
  31. package/cjs/components/TextArea/variations/_hint-size/base.js.map +1 -0
  32. package/cjs/components/TextArea/variations/_hint-size/base_1ipgv90.css +1 -0
  33. package/cjs/components/TextArea/variations/_hint-view/base.js +9 -0
  34. package/cjs/components/TextArea/variations/_hint-view/base.js.map +1 -0
  35. package/cjs/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
  36. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  37. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  38. package/cjs/components/TextArea/variations/_view/base_1xgrm3x.css +1 -0
  39. package/cjs/components/TextField/TextField.js +100 -10
  40. package/cjs/components/TextField/TextField.js.map +1 -1
  41. package/cjs/components/TextField/TextField.styles.js +82 -23
  42. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  43. package/cjs/components/TextField/TextField.styles_grgg7q.css +22 -0
  44. package/cjs/components/TextField/TextField.tokens.js +42 -2
  45. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  46. package/cjs/components/TextField/ui/Hint/Hint.css +34 -0
  47. package/cjs/components/TextField/ui/Hint/Hint.js +53 -0
  48. package/cjs/components/TextField/ui/Hint/Hint.js.map +1 -0
  49. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  50. package/cjs/components/TextField/variations/_clear/base.js.map +1 -1
  51. package/cjs/components/TextField/variations/_clear/base_1i91sjp.css +1 -0
  52. package/cjs/components/TextField/variations/_disabled/base.js +1 -1
  53. package/cjs/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
  54. package/cjs/components/TextField/variations/_hint-size/base.js +9 -0
  55. package/cjs/components/TextField/variations/_hint-size/base.js.map +1 -0
  56. package/cjs/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
  57. package/cjs/components/{ViewContainer/_view → TextField/variations/_hint-view}/base.js +2 -2
  58. package/cjs/components/TextField/variations/_hint-view/base.js.map +1 -0
  59. package/cjs/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
  60. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  61. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  62. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +1 -0
  63. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  64. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  65. package/cjs/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  66. package/cjs/components/TextField/variations/_size/base.js +1 -1
  67. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  68. package/cjs/components/TextField/variations/_size/base_1xdmaqh.css +1 -0
  69. package/cjs/components/TextField/variations/_view/base.js +1 -1
  70. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  71. package/cjs/components/TextField/variations/_view/base_qhyte8.css +1 -0
  72. package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
  73. package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
  74. package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  75. package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +23 -0
  76. package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
  77. package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +23 -0
  78. package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
  79. package/cjs/index.css +56 -36
  80. package/cjs/index.js +0 -3
  81. package/cjs/index.js.map +1 -1
  82. package/emotion/cjs/components/Autocomplete/Autocomplete.js +4 -2
  83. package/emotion/cjs/components/TextArea/TextArea.js +115 -23
  84. package/emotion/cjs/components/TextArea/TextArea.styles.js +103 -41
  85. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
  86. package/emotion/cjs/components/TextArea/TextArea.tokens.js +45 -5
  87. package/emotion/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  88. package/emotion/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
  89. package/emotion/cjs/components/TextArea/ui/Hint/Hint.types.js +5 -0
  90. package/emotion/cjs/components/TextArea/variations/_clear/base.js +1 -1
  91. package/emotion/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
  92. package/emotion/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
  93. package/emotion/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
  94. package/emotion/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
  95. package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -1
  96. package/emotion/cjs/components/TextField/TextField.js +103 -13
  97. package/emotion/cjs/components/TextField/TextField.styles.js +88 -37
  98. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +6 -1
  99. package/emotion/cjs/components/TextField/TextField.tokens.js +42 -2
  100. package/emotion/cjs/components/TextField/ui/Hint/Hint.js +53 -0
  101. package/emotion/cjs/components/TextField/ui/Hint/Hint.types.js +5 -0
  102. package/emotion/cjs/components/TextField/variations/_clear/base.js +1 -1
  103. package/emotion/cjs/components/TextField/variations/_hint-size/base.js +11 -0
  104. package/emotion/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
  105. package/emotion/cjs/components/TextField/variations/_hint-view/base.js +11 -0
  106. package/emotion/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
  107. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  108. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  109. package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
  110. package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
  111. package/emotion/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
  112. package/emotion/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
  113. package/emotion/cjs/components/_Icon/index.js +8 -1
  114. package/emotion/cjs/examples/_helpers.js +14 -3
  115. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
  116. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  117. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +5 -5
  118. package/emotion/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +6 -1
  119. package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
  120. package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +22 -24
  121. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -15
  122. package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
  123. package/emotion/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -3
  124. package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +11 -11
  125. package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
  126. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +19 -10
  127. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
  128. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +22 -13
  129. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
  130. package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +5 -11
  131. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
  132. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  133. package/emotion/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +5 -5
  134. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  135. package/emotion/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +6 -1
  136. package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
  137. package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +22 -24
  138. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -15
  139. package/emotion/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
  140. package/emotion/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -3
  141. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +11 -11
  142. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  143. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +19 -10
  144. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
  145. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +22 -13
  146. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
  147. package/emotion/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +5 -11
  148. package/emotion/cjs/examples/themes/declaration.d.ts +4 -0
  149. package/emotion/cjs/examples/themes/index.js +15 -0
  150. package/emotion/cjs/examples/themes/plasma_b2c.module.css +984 -0
  151. package/emotion/cjs/examples/themes/plasma_web.module.css +984 -0
  152. package/emotion/cjs/index.js +0 -11
  153. package/emotion/es/components/Autocomplete/Autocomplete.js +4 -2
  154. package/emotion/es/components/TextArea/TextArea.js +115 -23
  155. package/emotion/es/components/TextArea/TextArea.styles.js +102 -40
  156. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +6 -1
  157. package/emotion/es/components/TextArea/TextArea.tokens.js +45 -5
  158. package/emotion/es/components/TextArea/hooks/useAutoResize.js +2 -4
  159. package/emotion/es/components/TextArea/ui/Hint/Hint.js +44 -0
  160. package/emotion/es/components/TextArea/ui/Hint/Hint.types.js +1 -0
  161. package/emotion/es/components/TextArea/variations/_clear/base.js +2 -2
  162. package/emotion/es/components/TextArea/variations/_hint-size/base.js +5 -0
  163. package/emotion/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
  164. package/emotion/es/components/TextArea/variations/_hint-view/base.js +5 -0
  165. package/emotion/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
  166. package/emotion/es/components/TextArea/variations/_view/base.js +2 -1
  167. package/emotion/es/components/TextField/TextField.js +102 -12
  168. package/emotion/es/components/TextField/TextField.styles.js +87 -36
  169. package/emotion/es/components/TextField/TextField.template-doc.mdx +6 -1
  170. package/emotion/es/components/TextField/TextField.tokens.js +42 -2
  171. package/emotion/es/components/TextField/ui/Hint/Hint.js +44 -0
  172. package/emotion/es/components/TextField/ui/Hint/Hint.types.js +1 -0
  173. package/emotion/es/components/TextField/variations/_clear/base.js +2 -2
  174. package/emotion/es/components/TextField/variations/_hint-size/base.js +5 -0
  175. package/emotion/es/components/TextField/variations/_hint-size/tokens.json +21 -0
  176. package/emotion/es/components/TextField/variations/_hint-view/base.js +5 -0
  177. package/emotion/es/components/TextField/variations/_hint-view/tokens.json +5 -0
  178. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  179. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  180. package/emotion/es/components/TextField/variations/_size/base.js +2 -2
  181. package/emotion/es/components/TextField/variations/_view/base.js +2 -2
  182. package/emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
  183. package/emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
  184. package/emotion/es/components/_Icon/index.js +2 -1
  185. package/emotion/es/examples/_helpers.js +14 -3
  186. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
  187. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  188. package/emotion/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +5 -5
  189. package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +6 -1
  190. package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
  191. package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +22 -24
  192. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -15
  193. package/emotion/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
  194. package/emotion/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -3
  195. package/emotion/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +11 -11
  196. package/emotion/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
  197. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +19 -10
  198. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
  199. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +22 -13
  200. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
  201. package/emotion/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +5 -11
  202. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
  203. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  204. package/emotion/es/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +5 -5
  205. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  206. package/emotion/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +6 -1
  207. package/emotion/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
  208. package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +22 -24
  209. package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -15
  210. package/emotion/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
  211. package/emotion/es/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -3
  212. package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +11 -11
  213. package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  214. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +19 -10
  215. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
  216. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +22 -13
  217. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
  218. package/emotion/es/examples/plasma_web/components/Toast/Toast.stories.tsx +5 -11
  219. package/emotion/es/examples/themes/declaration.d.ts +4 -0
  220. package/emotion/es/examples/themes/index.js +7 -0
  221. package/emotion/es/examples/themes/plasma_b2c.module.css +984 -0
  222. package/emotion/es/examples/themes/plasma_web.module.css +984 -0
  223. package/emotion/es/index.js +1 -2
  224. package/es/components/Autocomplete/Autocomplete.css +35 -19
  225. package/es/components/Autocomplete/Autocomplete.js +4 -2
  226. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  227. package/es/components/Combobox/ComboboxNew/Combobox.css +39 -18
  228. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +39 -18
  229. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +39 -18
  230. package/es/components/DatePicker/RangeDate/RangeDate.css +34 -18
  231. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +34 -18
  232. package/es/components/DatePicker/SingleDate/SingleDate.css +36 -20
  233. package/es/components/Range/Range.css +40 -19
  234. package/es/components/Slider/Slider.css +40 -19
  235. package/es/components/Slider/Slider.js +2 -0
  236. package/es/components/Slider/Slider.js.map +1 -1
  237. package/es/components/Slider/components/Double/Double.css +40 -19
  238. package/es/components/TextArea/TextArea.js +115 -23
  239. package/es/components/TextArea/TextArea.js.map +1 -1
  240. package/es/components/TextArea/TextArea.styles.js +160 -64
  241. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  242. package/es/components/TextArea/TextArea.styles_1ke2ihc.css +18 -0
  243. package/es/components/TextArea/TextArea.tokens.js +45 -5
  244. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  245. package/es/components/TextArea/hooks/useAutoResize.js +2 -4
  246. package/es/components/TextArea/hooks/useAutoResize.js.map +1 -1
  247. package/es/components/TextArea/ui/Hint/Hint.css +30 -0
  248. package/es/components/TextArea/ui/Hint/Hint.js +49 -0
  249. package/es/components/TextArea/ui/Hint/Hint.js.map +1 -0
  250. package/es/components/TextArea/variations/_clear/base.js +1 -1
  251. package/es/components/TextArea/variations/_clear/base.js.map +1 -1
  252. package/es/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
  253. package/es/components/TextArea/variations/_hint-size/base.js +5 -0
  254. package/es/components/TextArea/variations/_hint-size/base.js.map +1 -0
  255. package/es/components/TextArea/variations/_hint-size/base_1ipgv90.css +1 -0
  256. package/es/components/TextArea/variations/_hint-view/base.js +5 -0
  257. package/es/components/TextArea/variations/_hint-view/base.js.map +1 -0
  258. package/es/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
  259. package/es/components/TextArea/variations/_view/base.js +1 -1
  260. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  261. package/es/components/TextArea/variations/_view/base_1xgrm3x.css +1 -0
  262. package/es/components/TextField/TextField.js +101 -11
  263. package/es/components/TextField/TextField.js.map +1 -1
  264. package/es/components/TextField/TextField.styles.js +76 -24
  265. package/es/components/TextField/TextField.styles.js.map +1 -1
  266. package/es/components/TextField/TextField.styles_grgg7q.css +22 -0
  267. package/es/components/TextField/TextField.tokens.js +42 -2
  268. package/es/components/TextField/TextField.tokens.js.map +1 -1
  269. package/es/components/TextField/ui/Hint/Hint.css +34 -0
  270. package/es/components/TextField/ui/Hint/Hint.js +49 -0
  271. package/es/components/TextField/ui/Hint/Hint.js.map +1 -0
  272. package/es/components/TextField/variations/_clear/base.js +1 -1
  273. package/es/components/TextField/variations/_clear/base.js.map +1 -1
  274. package/es/components/TextField/variations/_clear/base_1i91sjp.css +1 -0
  275. package/es/components/TextField/variations/_disabled/base.js +1 -1
  276. package/es/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
  277. package/es/components/TextField/variations/_hint-size/base.js +5 -0
  278. package/es/components/TextField/variations/_hint-size/base.js.map +1 -0
  279. package/es/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
  280. package/es/components/{ViewContainer/_view → TextField/variations/_hint-view}/base.js +2 -2
  281. package/es/components/TextField/variations/_hint-view/base.js.map +1 -0
  282. package/es/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
  283. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  284. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  285. package/es/components/TextField/variations/_label-placement/base_3domm.css +1 -0
  286. package/es/components/TextField/variations/_read-only/base.js +1 -1
  287. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  288. package/es/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  289. package/es/components/TextField/variations/_size/base.js +1 -1
  290. package/es/components/TextField/variations/_size/base.js.map +1 -1
  291. package/es/components/TextField/variations/_size/base_1xdmaqh.css +1 -0
  292. package/es/components/TextField/variations/_view/base.js +1 -1
  293. package/es/components/TextField/variations/_view/base.js.map +1 -1
  294. package/es/components/TextField/variations/_view/base_qhyte8.css +1 -0
  295. package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
  296. package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
  297. package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  298. package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +19 -0
  299. package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
  300. package/es/components/_Icon/Icons/IconInfoCircleOutline.js +19 -0
  301. package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
  302. package/es/index.css +56 -36
  303. package/es/index.js +0 -1
  304. package/es/index.js.map +1 -1
  305. package/package.json +2 -3
  306. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +4 -2
  307. package/styled-components/cjs/components/TextArea/TextArea.js +114 -22
  308. package/styled-components/cjs/components/TextArea/TextArea.styles.js +88 -42
  309. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
  310. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +45 -5
  311. package/styled-components/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  312. package/styled-components/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
  313. package/styled-components/cjs/components/TextArea/ui/Hint/Hint.types.js +5 -0
  314. package/styled-components/cjs/components/TextArea/variations/_clear/base.js +1 -1
  315. package/styled-components/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
  316. package/styled-components/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
  317. package/styled-components/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
  318. package/styled-components/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
  319. package/styled-components/cjs/components/TextArea/variations/_view/base.js +2 -1
  320. package/styled-components/cjs/components/TextField/TextField.js +102 -12
  321. package/styled-components/cjs/components/TextField/TextField.styles.js +49 -21
  322. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +6 -1
  323. package/styled-components/cjs/components/TextField/TextField.tokens.js +42 -2
  324. package/styled-components/cjs/components/TextField/ui/Hint/Hint.js +53 -0
  325. package/styled-components/cjs/components/TextField/ui/Hint/Hint.types.js +5 -0
  326. package/styled-components/cjs/components/TextField/variations/_clear/base.js +1 -1
  327. package/styled-components/cjs/components/TextField/variations/_hint-size/base.js +11 -0
  328. package/styled-components/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
  329. package/styled-components/cjs/components/TextField/variations/_hint-view/base.js +11 -0
  330. package/styled-components/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
  331. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  332. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  333. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  334. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  335. package/styled-components/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
  336. package/styled-components/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
  337. package/styled-components/cjs/components/_Icon/index.js +8 -1
  338. package/styled-components/cjs/examples/_helpers.js +14 -3
  339. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +5 -5
  340. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  341. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +1 -1
  342. package/styled-components/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +6 -1
  343. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
  344. package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +22 -24
  345. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -15
  346. package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
  347. package/styled-components/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -3
  348. package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +2 -2
  349. package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +3 -3
  350. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
  351. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
  352. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +19 -10
  353. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
  354. package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +5 -11
  355. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +5 -5
  356. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  357. package/styled-components/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +1 -1
  358. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
  359. package/styled-components/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +6 -1
  360. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
  361. package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +22 -24
  362. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -15
  363. package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
  364. package/styled-components/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -3
  365. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +2 -2
  366. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +3 -3
  367. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
  368. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
  369. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +19 -10
  370. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
  371. package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +5 -11
  372. package/styled-components/cjs/examples/themes/declaration.d.ts +4 -0
  373. package/styled-components/cjs/examples/themes/index.js +15 -0
  374. package/styled-components/cjs/examples/themes/plasma_b2c.module.css +984 -0
  375. package/styled-components/cjs/examples/themes/plasma_web.module.css +984 -0
  376. package/styled-components/cjs/index.js +0 -11
  377. package/styled-components/es/components/Autocomplete/Autocomplete.js +4 -2
  378. package/styled-components/es/components/TextArea/TextArea.js +114 -22
  379. package/styled-components/es/components/TextArea/TextArea.styles.js +87 -41
  380. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +6 -1
  381. package/styled-components/es/components/TextArea/TextArea.tokens.js +45 -5
  382. package/styled-components/es/components/TextArea/hooks/useAutoResize.js +2 -4
  383. package/styled-components/es/components/TextArea/ui/Hint/Hint.js +44 -0
  384. package/styled-components/es/components/TextArea/ui/Hint/Hint.types.js +1 -0
  385. package/styled-components/es/components/TextArea/variations/_clear/base.js +2 -2
  386. package/styled-components/es/components/TextArea/variations/_hint-size/base.js +5 -0
  387. package/styled-components/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
  388. package/styled-components/es/components/TextArea/variations/_hint-view/base.js +5 -0
  389. package/styled-components/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
  390. package/styled-components/es/components/TextArea/variations/_view/base.js +2 -1
  391. package/styled-components/es/components/TextField/TextField.js +101 -11
  392. package/styled-components/es/components/TextField/TextField.styles.js +48 -20
  393. package/styled-components/es/components/TextField/TextField.template-doc.mdx +6 -1
  394. package/styled-components/es/components/TextField/TextField.tokens.js +42 -2
  395. package/styled-components/es/components/TextField/ui/Hint/Hint.js +44 -0
  396. package/styled-components/es/components/TextField/ui/Hint/Hint.types.js +1 -0
  397. package/styled-components/es/components/TextField/variations/_clear/base.js +2 -2
  398. package/styled-components/es/components/TextField/variations/_hint-size/base.js +5 -0
  399. package/styled-components/es/components/TextField/variations/_hint-size/tokens.json +21 -0
  400. package/styled-components/es/components/TextField/variations/_hint-view/base.js +5 -0
  401. package/styled-components/es/components/TextField/variations/_hint-view/tokens.json +5 -0
  402. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  403. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  404. package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
  405. package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
  406. package/styled-components/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
  407. package/styled-components/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
  408. package/styled-components/es/components/_Icon/index.js +2 -1
  409. package/styled-components/es/examples/_helpers.js +14 -3
  410. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +5 -5
  411. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  412. package/styled-components/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +1 -1
  413. package/styled-components/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +6 -1
  414. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
  415. package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +22 -24
  416. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -15
  417. package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
  418. package/styled-components/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -3
  419. package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +2 -2
  420. package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +3 -3
  421. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
  422. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
  423. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +19 -10
  424. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
  425. package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +5 -11
  426. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +5 -5
  427. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  428. package/styled-components/es/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +1 -1
  429. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
  430. package/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +6 -1
  431. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
  432. package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +22 -24
  433. package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -15
  434. package/styled-components/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
  435. package/styled-components/es/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -3
  436. package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +2 -2
  437. package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +3 -3
  438. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
  439. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
  440. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +19 -10
  441. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
  442. package/styled-components/es/examples/plasma_web/components/Toast/Toast.stories.tsx +5 -11
  443. package/styled-components/es/examples/themes/declaration.d.ts +4 -0
  444. package/styled-components/es/examples/themes/index.js +7 -0
  445. package/styled-components/es/examples/themes/plasma_b2c.module.css +984 -0
  446. package/styled-components/es/examples/themes/plasma_web.module.css +984 -0
  447. package/styled-components/es/index.js +1 -2
  448. package/types/components/Accordion/Accordion.types.d.ts +1 -1
  449. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  450. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +408 -0
  451. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  452. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +408 -0
  453. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  454. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +408 -0
  455. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  456. package/types/components/Range/Range.styles.d.ts +408 -0
  457. package/types/components/Range/Range.styles.d.ts.map +1 -1
  458. package/types/components/Slider/components/Double/Double.styles.d.ts +408 -0
  459. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  460. package/types/components/TextArea/TextArea.d.ts +9 -3
  461. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  462. package/types/components/TextArea/TextArea.styles.d.ts +12 -1
  463. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  464. package/types/components/TextArea/TextArea.tokens.d.ts +40 -0
  465. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  466. package/types/components/TextArea/TextArea.types.d.ts +78 -3
  467. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  468. package/types/components/TextArea/hooks/useAutoResize.d.ts.map +1 -1
  469. package/types/components/TextArea/ui/Hint/Hint.d.ts +4 -0
  470. package/types/components/TextArea/ui/Hint/Hint.d.ts.map +1 -0
  471. package/types/components/TextArea/ui/Hint/Hint.types.d.ts +17 -0
  472. package/types/components/TextArea/ui/Hint/Hint.types.d.ts.map +1 -0
  473. package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -1
  474. package/types/components/TextArea/variations/_hint-size/base.d.ts.map +1 -0
  475. package/types/components/TextArea/variations/_hint-view/base.d.ts +2 -0
  476. package/types/components/TextArea/variations/_hint-view/base.d.ts.map +1 -0
  477. package/types/components/TextArea/variations/_view/base.d.ts.map +1 -1
  478. package/types/components/TextField/TextField.d.ts +9 -3
  479. package/types/components/TextField/TextField.d.ts.map +1 -1
  480. package/types/components/TextField/TextField.styles.d.ts +9 -0
  481. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  482. package/types/components/TextField/TextField.tokens.d.ts +40 -0
  483. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  484. package/types/components/TextField/TextField.types.d.ts +73 -2
  485. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  486. package/types/components/TextField/ui/Hint/Hint.d.ts +4 -0
  487. package/types/components/TextField/ui/Hint/Hint.d.ts.map +1 -0
  488. package/types/components/TextField/ui/Hint/Hint.types.d.ts +17 -0
  489. package/types/components/TextField/ui/Hint/Hint.types.d.ts.map +1 -0
  490. package/types/components/TextField/variations/_clear/base.d.ts.map +1 -1
  491. package/types/components/TextField/variations/_hint-size/base.d.ts +2 -0
  492. package/types/components/TextField/variations/_hint-size/base.d.ts.map +1 -0
  493. package/types/components/TextField/variations/_hint-view/base.d.ts +2 -0
  494. package/types/components/TextField/variations/_hint-view/base.d.ts.map +1 -0
  495. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  496. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  497. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  498. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  499. package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts +4 -0
  500. package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts.map +1 -0
  501. package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts +4 -0
  502. package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts.map +1 -0
  503. package/types/components/_Icon/index.d.ts +1 -0
  504. package/types/components/_Icon/index.d.ts.map +1 -1
  505. package/types/examples/_helpers.d.ts.map +1 -1
  506. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +772 -12
  507. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  508. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +9 -0
  509. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  510. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +457 -0
  511. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  512. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +9 -0
  513. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  514. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +417 -0
  515. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  516. package/types/examples/plasma_web/components/Mask/Mask.d.ts +772 -12
  517. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  518. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +9 -0
  519. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  520. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +457 -0
  521. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  522. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +9 -0
  523. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  524. package/types/examples/plasma_web/components/TextField/TextField.d.ts +417 -0
  525. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  526. package/types/examples/themes/index.d.ts +6 -0
  527. package/types/examples/themes/index.d.ts.map +1 -0
  528. package/types/index.d.ts +0 -1
  529. package/types/index.d.ts.map +1 -1
  530. package/cjs/components/TextArea/TextArea.styles_es0miz.css +0 -11
  531. package/cjs/components/TextArea/variations/_clear/base_vidplj.css +0 -1
  532. package/cjs/components/TextArea/variations/_view/base_td55th.css +0 -1
  533. package/cjs/components/TextField/TextField.styles_1d2ryq.css +0 -15
  534. package/cjs/components/TextField/variations/_clear/base_rit6gc.css +0 -1
  535. package/cjs/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
  536. package/cjs/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
  537. package/cjs/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
  538. package/cjs/components/TextField/variations/_view/base_1noe46b.css +0 -1
  539. package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
  540. package/cjs/components/ViewContainer/ViewContainer.js +0 -38
  541. package/cjs/components/ViewContainer/ViewContainer.js.map +0 -1
  542. package/cjs/components/ViewContainer/ViewContainer_yiqfcb.css +0 -1
  543. package/cjs/components/ViewContainer/_view/base.js.map +0 -1
  544. package/cjs/components/ViewContainer/_view/base_x642ct.css +0 -1
  545. package/emotion/cjs/components/ViewContainer/ViewContainer.js +0 -49
  546. package/emotion/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
  547. package/emotion/cjs/components/ViewContainer/_view/base.js +0 -8
  548. package/emotion/cjs/components/ViewContainer/_view/tokens.json +0 -1
  549. package/emotion/cjs/components/ViewContainer/index.js +0 -18
  550. package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -16
  551. package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -11
  552. package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
  553. package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -16
  554. package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -11
  555. package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
  556. package/emotion/es/components/ViewContainer/ViewContainer.js +0 -40
  557. package/emotion/es/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
  558. package/emotion/es/components/ViewContainer/_view/base.js +0 -2
  559. package/emotion/es/components/ViewContainer/_view/tokens.json +0 -1
  560. package/emotion/es/components/ViewContainer/index.js +0 -1
  561. package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -10
  562. package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -5
  563. package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
  564. package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -10
  565. package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -5
  566. package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
  567. package/es/components/TextArea/TextArea.styles_es0miz.css +0 -11
  568. package/es/components/TextArea/variations/_clear/base_vidplj.css +0 -1
  569. package/es/components/TextArea/variations/_view/base_td55th.css +0 -1
  570. package/es/components/TextField/TextField.styles_1d2ryq.css +0 -15
  571. package/es/components/TextField/variations/_clear/base_rit6gc.css +0 -1
  572. package/es/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
  573. package/es/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
  574. package/es/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
  575. package/es/components/TextField/variations/_view/base_1noe46b.css +0 -1
  576. package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
  577. package/es/components/ViewContainer/ViewContainer.js +0 -33
  578. package/es/components/ViewContainer/ViewContainer.js.map +0 -1
  579. package/es/components/ViewContainer/ViewContainer_yiqfcb.css +0 -1
  580. package/es/components/ViewContainer/_view/base.js.map +0 -1
  581. package/es/components/ViewContainer/_view/base_x642ct.css +0 -1
  582. package/styled-components/cjs/components/ViewContainer/ViewContainer.js +0 -40
  583. package/styled-components/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
  584. package/styled-components/cjs/components/ViewContainer/_view/base.js +0 -8
  585. package/styled-components/cjs/components/ViewContainer/_view/tokens.json +0 -1
  586. package/styled-components/cjs/components/ViewContainer/index.js +0 -18
  587. package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -16
  588. package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -11
  589. package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
  590. package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -16
  591. package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -11
  592. package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
  593. package/styled-components/es/components/ViewContainer/ViewContainer.js +0 -31
  594. package/styled-components/es/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
  595. package/styled-components/es/components/ViewContainer/_view/base.js +0 -2
  596. package/styled-components/es/components/ViewContainer/_view/tokens.json +0 -1
  597. package/styled-components/es/components/ViewContainer/index.js +0 -1
  598. package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -10
  599. package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -5
  600. package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
  601. package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -10
  602. package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -5
  603. package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
  604. package/types/components/ViewContainer/ViewContainer.d.ts +0 -26
  605. package/types/components/ViewContainer/ViewContainer.d.ts.map +0 -1
  606. package/types/components/ViewContainer/_view/base.d.ts.map +0 -1
  607. package/types/components/ViewContainer/index.d.ts +0 -2
  608. package/types/components/ViewContainer/index.d.ts.map +0 -1
  609. package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts +0 -9
  610. package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts.map +0 -1
  611. package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts +0 -8
  612. package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts.map +0 -1
  613. package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts +0 -9
  614. package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts.map +0 -1
  615. package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts +0 -8
  616. package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts.map +0 -1
  617. /package/types/components/{ViewContainer/_view → TextArea/variations/_hint-size}/base.d.ts +0 -0
@@ -1,65 +0,0 @@
1
- import React, { ComponentProps } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
-
4
- import { Button } from '../Button/Button';
5
- import { TextField } from '../Textfield/Textfield';
6
- import { Checkbox } from '../Checkbox/Checkbox';
7
-
8
- import { ViewContainer } from './ViewContainer';
9
-
10
- type StoryViewProps = ComponentProps<typeof ViewContainer>;
11
-
12
- const meta: Meta<StoryViewProps> = {
13
- title: 'plasma_b2c/ViewContainer',
14
- };
15
-
16
- export default meta;
17
-
18
- type Story = StoryObj<StoryViewProps>;
19
-
20
- const ViewExample = ({ view }: StoryViewProps) => {
21
- const style = view
22
- ? {
23
- background: view === 'onDark' ? '#1a1a1a' : '#ededed',
24
- color: view === 'onDark' ? 'white' : 'black',
25
- }
26
- : undefined;
27
-
28
- return (
29
- <>
30
- <h4>view: {view ?? 'default'}</h4>
31
- <div>
32
- <ViewContainer
33
- view={view}
34
- style={{
35
- ...style,
36
- padding: '1rem',
37
- borderRadius: '1rem',
38
- display: 'flex',
39
- flexDirection: 'column',
40
- gap: '1rem',
41
- }}
42
- >
43
- <h3 style={{ margin: 0 }}>Inside ViewContainer</h3>
44
- <Button text="default Button" />
45
- <Checkbox checked label="Label" />
46
- <TextField value="Example Value" label="Label" labelPlacement="inner" />
47
- </ViewContainer>
48
- </div>
49
- </>
50
- );
51
- };
52
-
53
- export const Default: Story = {
54
- render: () => {
55
- return (
56
- <>
57
- <ViewExample />
58
- <br />
59
- <ViewExample view="onDark" />
60
- <br />
61
- <ViewExample view="onLight" />
62
- </>
63
- );
64
- },
65
- };
@@ -1,10 +0,0 @@
1
- import { css } from '@emotion/react';
2
- import { viewContainer } from '@salutejs/plasma-themes/tokens/plasma_b2c';
3
- export var config = {
4
- variations: {
5
- view: {
6
- onDark: /*#__PURE__*/css(viewContainer.dark, ";;label:plasma-new-hope__onDark;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9WaWV3Q29udGFpbmVyL1ZpZXdDb250YWluZXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9WaWV3Q29udGFpbmVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHZpZXdDb250YWluZXIgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLXRoZW1lcy90b2tlbnMvcGxhc21hX2IyYyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBvbkRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3ZpZXdDb250YWluZXIuZGFya31cbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBvbkxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt2aWV3Q29udGFpbmVyLmxpZ2h0fVxuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
7
- onLight: /*#__PURE__*/css(viewContainer.light, ";;label:plasma-new-hope__onLight;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9WaWV3Q29udGFpbmVyL1ZpZXdDb250YWluZXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVN3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9WaWV3Q29udGFpbmVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHZpZXdDb250YWluZXIgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLXRoZW1lcy90b2tlbnMvcGxhc21hX2IyYyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBvbkRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3ZpZXdDb250YWluZXIuZGFya31cbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBvbkxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt2aWV3Q29udGFpbmVyLmxpZ2h0fVxuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
8
- }
9
- }
10
- };
@@ -1,5 +0,0 @@
1
- import { viewContainerConfig } from '../../../../components/ViewContainer';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './ViewContainer.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(viewContainerConfig, config);
5
- export var ViewContainer = /*#__PURE__*/component(mergedConfig);
@@ -1,65 +0,0 @@
1
- import React, { ComponentProps } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
-
4
- import { Button } from '../Button/Button';
5
- import { TextField } from '../Textfield/Textfield';
6
- import { Checkbox } from '../Checkbox/Checkbox';
7
-
8
- import { ViewContainer } from './ViewContainer';
9
-
10
- type StoryViewProps = ComponentProps<typeof ViewContainer>;
11
-
12
- const meta: Meta<StoryViewProps> = {
13
- title: 'plasma_web/ViewContainer',
14
- };
15
-
16
- export default meta;
17
-
18
- type Story = StoryObj<StoryViewProps>;
19
-
20
- const ViewExample = ({ view }: StoryViewProps) => {
21
- const style = view
22
- ? {
23
- background: view === 'onDark' ? '#1a1a1a' : '#ededed',
24
- color: view === 'onDark' ? 'white' : 'black',
25
- }
26
- : undefined;
27
-
28
- return (
29
- <>
30
- <h4>view: {view ?? 'default'}</h4>
31
- <div>
32
- <ViewContainer
33
- view={view}
34
- style={{
35
- ...style,
36
- padding: '1rem',
37
- borderRadius: '1rem',
38
- display: 'flex',
39
- flexDirection: 'column',
40
- gap: '1rem',
41
- }}
42
- >
43
- <h3 style={{ margin: 0 }}>Inside ViewContainer</h3>
44
- <Button text="default Button" />
45
- <Checkbox checked label="Label" />
46
- <TextField value="Example Value" label="Label" labelPlacement="inner" />
47
- </ViewContainer>
48
- </div>
49
- </>
50
- );
51
- };
52
-
53
- export const Default: Story = {
54
- render: () => {
55
- return (
56
- <>
57
- <ViewExample />
58
- <br />
59
- <ViewExample view="onDark" />
60
- <br />
61
- <ViewExample view="onLight" />
62
- </>
63
- );
64
- },
65
- };
@@ -1,11 +0,0 @@
1
- .s1luq7vd{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-bottom:var(--plasma-textarea-label-margin-bottom);color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
2
- .s1r1fvk8{color:var(--plasma-textarea__optional-color);}
3
- .surmvwq{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--surmvwq-0);border-radius:var(--surmvwq-1);}
4
- .s18bd513{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
5
- .s7alcr2{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--s7alcr2-0);position:relative;}
6
- .si9oz50{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--si9oz50-0);--plasma_private-textarea-height:var(--si9oz50-1);--plasma_private-textarea-width:var(--si9oz50-2);--plasma_private-textarea-computed-height:var(--si9oz50-3);--plasma_private-textarea-computed-width:var(--si9oz50-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--si9oz50-5);max-width:var(--si9oz50-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--si9oz50-6);padding-left:var(--plasma-textarea-input-padding-left);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top) + var(--plasma-textarea-helpers-padding-bottom) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--si9oz50-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.si9oz50::-webkit-input-placeholder{opacity:0;}.si9oz50::-moz-placeholder{opacity:0;}.si9oz50:-ms-input-placeholder{opacity:0;}.si9oz50::placeholder{opacity:0;}.si9oz50:-moz-read-only{cursor:default;}.si9oz50:read-only{cursor:default;}.si9oz50:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.si9oz50::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.si9oz50::-webkit-scrollbar-thumb{background-color:var(--plasma-textarea-scrollbar-thumb-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}.si9oz50::-webkit-scrollbar-track{background-color:var(--plasma-textarea-scrollbar-track-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}
7
- .s18tpn65{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
8
- .s19sfsrt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
9
- .sfype23.s19sfsrt{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
10
- .s3wsw3p{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s3wsw3p-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
11
- .stc5t23{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.stc5t23.label-placement-outer{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.stc5t23.label-placement-outer.align-right{inset:var(--plasma-textarea-indicator-placement-outer-right);}.stc5t23.label-placement-inner{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.stc5t23.label-placement-inner.align-right{inset:var(--plasma-textarea-indicator-placement-inner-right);}
@@ -1 +0,0 @@
1
- .b1x0cx6o.textarea-clear{border:unset;}.b1x0cx6o.textarea-clear .surmvwq{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.b1x0cx6o.textarea-clear .s1luq7vd{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.b1x0cx6o.textarea-clear .s18bd513{right:0;bottom:unset;}.b1x0cx6o.textarea-clear .si9oz50,.b1x0cx6o.textarea-clear .s18tpn65{padding-left:0;}.b1x0cx6o.textarea-clear .s18tpn65{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.b1x0cx6o.textarea-clear .si9oz50{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.b1x0cx6o.textarea-clear .si9oz50.textarea-has-right-content{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.b1x0cx6o.textarea-clear .s7alcr2:not(.inner-placeholder-up) .s3wsw3p{color:var(--plasma-textarea-clear-placeholder-color);}.b1x0cx6o.textarea-clear .s7alcr2:not(.inner-placeholder-up).focused-outer-placeholder-color .s3wsw3p{color:var(--plasma-textarea-clear-placeholder-color-focus);}.b1x0cx6o.textarea-clear .s7alcr2.inner-placeholder-up{color:var(--plasma-textarea-placeholder-color);}.b1x0cx6o.textarea-clear .s3wsw3p{padding-left:0;}.b1x0cx6o.textarea-clear .stc5t23.label-placement-inner{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.b1x0cx6o.textarea-clear .stc5t23.label-placement-inner.align-right{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.b1x0cx6o.textarea-clear .textarea-container{border:unset;border-radius:0;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-wrapper{background-color:unset;box-shadow:unset;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-container{border:unset;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-helpers{background-color:unset;}.b1x0cx6o.textarea-clear.textarea-has-divider .surmvwq{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textfield-divider-color);}.b1x0cx6o.textarea-clear.textarea-has-divider .surmvwq:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.b1x0cx6o.textarea-clear.textarea-has-divider:not([readonly]) .surmvwq:hover{--plasma_private-textarea-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.b1x0cx6o.textarea-clear.textarea-has-divider:not([readonly]) .surmvwq:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}
@@ -1 +0,0 @@
1
- .bofyi4a .textarea-container{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);padding-right:var(--plasma-textarea-border-size,1px);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}
@@ -1,15 +0,0 @@
1
- .iq39zt5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
2
- .i1j28rg8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.i1j28rg8::-webkit-scrollbar{display:none;}.i1j28rg8.has-chips{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
3
- .s13zudoe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
4
- .io4bpie{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.io4bpie::-webkit-input-placeholder{opacity:0;}.io4bpie::-moz-placeholder{opacity:0;}.io4bpie:-ms-input-placeholder{opacity:0;}.io4bpie::placeholder{opacity:0;}
5
- .i13qvwoy{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
6
- .i19ry60d{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
7
- .lbt1ohz{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
8
- .slv9av6{color:var(--slv9av6-0);line-height:0;}
9
- .s600610.slv9av6{margin:var(--plasma-textfield__left-content-margin);}
10
- .suk2zst{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.suk2zst:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.suk2zst:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
11
-
12
-
13
-
14
- .sb3k3v1{color:var(--plasma-textfield__optional-color);}
15
- .s7hnwwb{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.s7hnwwb.label-placement-outer{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.s7hnwwb.label-placement-outer.align-right{inset:var(--plasma-textfield__indicator-placement-outer-right);}.s7hnwwb.label-placement-inner{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.s7hnwwb.label-placement-inner.align-right{inset:var(--plasma-textfield__indicator-placement-inner-right);}
@@ -1 +0,0 @@
1
- .bg547ku.textfield-clear[readonly] .iq39zt5,.bg547ku.textfield-clear .iq39zt5{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .iq39zt5:hover,.bg547ku.textfield-clear .iq39zt5:hover{background-color:unset;}.bg547ku.textfield-clear .s600610{margin-left:0;}.bg547ku.textfield-clear .suk2zst{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .lbt1ohz{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .io4bpie{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear .s7hnwwb.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .s7hnwwb.label-placement-inner.align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color-focus);}
@@ -1 +0,0 @@
1
- .b15d3bnf.label-placement-outer .lbt1ohz{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i13qvwoy{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .s190z894,.b15d3bnf.label-placement-inner .ssv2kwg{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:focus ~ .lbt1ohz,.b15d3bnf.label-placement-inner .io4bpie.has-value ~ .lbt1ohz{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .lbt1ohz{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.b15d3bnf.label-placement-inner.textfield-clear .lbt1ohz{color:var(--plasma-textfield__clear-placeholder-color);}
@@ -1 +0,0 @@
1
- .b1w985rt[readonly] .iq39zt5{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .l1gjsnfi{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly].label-placement-outer .lbt1ohz{color:var(--plasma-textfield__label-color-readonly);}
@@ -1 +0,0 @@
1
- .b13ve66i .io4bpie{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.b13ve66i .i13qvwoy{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .iq39zt5{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .iq39zt5.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .lbt1ohz{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .l1gjsnfi{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.b13ve66i .ssv2kwg,.b13ve66i .s190z894{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .ssv2kwg{margin:var(--plasma-textfield__before-text-margin);}.b13ve66i .s190z894{margin:var(--plasma-textfield__after-text-margin);}
@@ -1 +0,0 @@
1
- .bptx5xt .iq39zt5{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .iq39zt5:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .io4bpie{color:var(--plasma-textfield-color);}.bptx5xt .i19ry60d{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .iq39zt5:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__placeholder-color-focus);}.bptx5xt .l1gjsnfi{color:var(--plasma-textfield__left-helper-color);}.bptx5xt .ssv2kwg{color:var(--plasma-textfield__before-text-color);}.bptx5xt .s190z894{color:var(--plasma-textfield__after-text-color);}
@@ -1 +0,0 @@
1
- .b1jijyt7.text-field-group-shape-default{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.b1jijyt7.text-field-group-shape-segmented{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.b1jijyt7.text-field-group-shape-segmented.text-field-group-gap-none{--plasma_private-text-field-radius-inner:0;}.b1jijyt7 .text-field-group-item .iq39zt5{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5:hover,.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5:hover,.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child:last-child .iq39zt5,.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child:last-child .iq39zt5{border-radius:var(--plasma-text-field-group-side-item-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child .iq39zt5{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:last-child .iq39zt5{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child .iq39zt5{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:last-child .iq39zt5{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
@@ -1,33 +0,0 @@
1
- import './ViewContainer_yiqfcb.css';
2
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
3
- import React, { forwardRef } from 'react';
4
- import { base as base$1 } from './_view/base.js';
5
-
6
- var _excluded = ["children"];
7
- var base = "bemjbnt";
8
- var viewContainerRoot = function viewContainerRoot(Root) {
9
- return /*#__PURE__*/forwardRef(function (props, ref) {
10
- var children = props.children,
11
- rest = _objectWithoutProperties(props, _excluded);
12
- return /*#__PURE__*/React.createElement(Root, _extends({
13
- ref: ref
14
- }, rest), children);
15
- });
16
- };
17
- var viewContainerConfig = {
18
- name: 'ViewContainer',
19
- tag: 'div',
20
- layout: viewContainerRoot,
21
- base: base,
22
- variations: {
23
- view: {
24
- css: base$1
25
- }
26
- },
27
- defaults: {
28
- view: undefined
29
- }
30
- };
31
-
32
- export { viewContainerConfig, viewContainerRoot };
33
- //# sourceMappingURL=ViewContainer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ViewContainer.js","sources":["../../../src/components/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines/types';\n\nimport { base as viewCSS } from './_view/base';\n\nconst base = css`\n position: relative;\n`;\n\nexport type ViewContainerCustomProps = {\n /**\n * Вид компонента\n */\n view?: string;\n};\n\ntype ViewContainerProps = React.HTMLAttributes<HTMLDivElement> & ViewContainerCustomProps;\n\nexport const viewContainerRoot = (Root: RootProps<HTMLAnchorElement, ViewContainerProps>) =>\n forwardRef<HTMLAnchorElement, ViewContainerProps>((props, ref) => {\n const { children, ...rest } = props;\n\n return (\n <Root ref={ref} {...rest}>\n {children}\n </Root>\n );\n });\n\nexport const viewContainerConfig = {\n name: 'ViewContainer',\n tag: 'div',\n layout: viewContainerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: undefined,\n },\n};\n"],"names":["base","viewContainerRoot","Root","forwardRef","props","ref","children","rest","_excluded","React","createElement","_extends","viewContainerConfig","name","tag","layout","variations","view","css","viewCSS","defaults","undefined"],"mappings":";;;;;AAOA,IAAMA,IAAI,GAET,SAAA,CAAA;IAWYC,iBAAiB,GAAGA,SAApBA,iBAAiBA,CAAIC,IAAsD,EAAA;AAAA,EAAA,oBACpFC,UAAU,CAAwC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9D,IAAA,IAAQC,QAAQ,GAAcF,KAAK,CAA3BE,QAAQ;AAAKC,MAAAA,IAAAA,GAAAA,wBAAAA,CAASH,KAAK,EAAAI,SAAA,CAAA,CAAA;AAEnC,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACR,IAAI,EAAAS,QAAA,CAAA;AAACN,MAAAA,GAAG,EAAEA,GAAAA;KAASE,EAAAA,IAAI,CACnBD,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMM,mBAAmB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,eAAe;AACrBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEd,iBAAiB;AACzBD,EAAAA,IAAI,EAAJA,IAAI;AACJgB,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAEI,SAAAA;AACV,GAAA;AACJ;;;;"}
@@ -1 +0,0 @@
1
- .bemjbnt{position:relative;}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../src/components/ViewContainer/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.viewContainerRoot = exports.viewContainerConfig = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _styledComponents = /*#__PURE__*/require("styled-components");
10
- var _base = /*#__PURE__*/require("./_view/base");
11
- var _excluded = ["children"];
12
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
- 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); }
15
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
16
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
17
- var base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;"]);
18
- var viewContainerRoot = exports.viewContainerRoot = function viewContainerRoot(Root) {
19
- return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
20
- var children = props.children,
21
- rest = _objectWithoutProperties(props, _excluded);
22
- return /*#__PURE__*/_react["default"].createElement(Root, _extends({
23
- ref: ref
24
- }, rest), children);
25
- });
26
- };
27
- var viewContainerConfig = exports.viewContainerConfig = {
28
- name: 'ViewContainer',
29
- tag: 'div',
30
- layout: viewContainerRoot,
31
- base: base,
32
- variations: {
33
- view: {
34
- css: _base.base
35
- }
36
- },
37
- defaults: {
38
- view: undefined
39
- }
40
- };
@@ -1,82 +0,0 @@
1
- ---
2
- id: link
3
- title: Link
4
- ---
5
-
6
- import { PropsTable, Description } from '@site/src/components';
7
-
8
- # ViewContainer
9
- <Description name="ViewContainer" />
10
- <PropsTable name="ViewContainer" exclude={['css']} />
11
-
12
- # Описание
13
-
14
- Данный компонент представляет собой обёртку, которая инвертирует токены компонент, которые в неё помещены, в зависимости от выбранного значения свойства view - `onDark` или `onLight`.
15
-
16
- При этом, независимо от режима темы (тёмный или светлый) для всего приложения, токены внутри не будут меняться.
17
-
18
- Этот механизм необходим для случаев, когда требуется отобразить компонент на специфичном бэкграунде, чтобы избежать наложение цветов.
19
-
20
- # Пример использования
21
-
22
- ```tsx live
23
- import React from 'react';
24
- import { ViewContainer, Button, Checkbox, TextField } from '@salutejs/{{ package }}';
25
-
26
- export function App() {
27
- return (
28
- <div>
29
- <ViewContainer
30
- style=\{{
31
- padding: '1rem',
32
- borderRadius: '1rem',
33
- display: 'flex',
34
- flexDirection: 'column',
35
- gap: '1rem',
36
- }}
37
- >
38
- <h3 style=\{{ margin: 0 }}>Inside default ViewContainer</h3>
39
- <Button text="default Button" />
40
- <Checkbox checked label="Label" />
41
- <TextField value="Example Value" label="Label" labelPlacement="inner" />
42
- </ViewContainer>
43
- <br />
44
- <ViewContainer
45
- view="onDark"
46
- style=\{{
47
- background: '#1a1a1a',
48
- color: 'white',
49
- padding: '1rem',
50
- borderRadius: '1rem',
51
- display: 'flex',
52
- flexDirection: 'column',
53
- gap: '1rem',
54
- }}
55
- >
56
- <h3 style=\{{ margin: 0 }}>Inside onDark ViewContainer</h3>
57
- <Button text="default Button" />
58
- <Checkbox checked label="Label" />
59
- <TextField value="Example Value" label="Label" labelPlacement="inner" />
60
- </ViewContainer>
61
- <br />
62
- <ViewContainer
63
- view="onLight"
64
- style=\{{
65
- background: '#ededed',
66
- color: 'black',
67
- padding: '1rem',
68
- borderRadius: '1rem',
69
- display: 'flex',
70
- flexDirection: 'column',
71
- gap: '1rem',
72
- }}
73
- >
74
- <h3 style=\{{ margin: 0 }}>Inside onLight ViewContainer</h3>
75
- <Button text="default Button" />
76
- <Checkbox checked label="Label" />
77
- <TextField value="Example Value" label="Label" labelPlacement="inner" />
78
- </ViewContainer>
79
- </div>
80
- );
81
- }
82
- ```
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "viewContainerConfig", {
7
- enumerable: true,
8
- get: function get() {
9
- return _ViewContainer.viewContainerConfig;
10
- }
11
- });
12
- Object.defineProperty(exports, "viewContainerRoot", {
13
- enumerable: true,
14
- get: function get() {
15
- return _ViewContainer.viewContainerRoot;
16
- }
17
- });
18
- var _ViewContainer = /*#__PURE__*/require("./ViewContainer");
@@ -1,16 +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 _plasma_b2c = /*#__PURE__*/require("@salutejs/plasma-themes/tokens/plasma_b2c");
9
- var config = exports.config = {
10
- variations: {
11
- view: {
12
- onDark: /*#__PURE__*/(0, _styledComponents.css)(["", ""], _plasma_b2c.viewContainer.dark),
13
- onLight: /*#__PURE__*/(0, _styledComponents.css)(["", ""], _plasma_b2c.viewContainer.light)
14
- }
15
- }
16
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ViewContainer = void 0;
7
- var _ViewContainer = /*#__PURE__*/require("../../../../components/ViewContainer");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _ViewContainer2 = /*#__PURE__*/require("./ViewContainer.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_ViewContainer.viewContainerConfig, _ViewContainer2.config);
11
- var ViewContainer = exports.ViewContainer = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -1,65 +0,0 @@
1
- import React, { ComponentProps } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
-
4
- import { Button } from '../Button/Button';
5
- import { TextField } from '../Textfield/Textfield';
6
- import { Checkbox } from '../Checkbox/Checkbox';
7
-
8
- import { ViewContainer } from './ViewContainer';
9
-
10
- type StoryViewProps = ComponentProps<typeof ViewContainer>;
11
-
12
- const meta: Meta<StoryViewProps> = {
13
- title: 'plasma_b2c/ViewContainer',
14
- };
15
-
16
- export default meta;
17
-
18
- type Story = StoryObj<StoryViewProps>;
19
-
20
- const ViewExample = ({ view }: StoryViewProps) => {
21
- const style = view
22
- ? {
23
- background: view === 'onDark' ? '#1a1a1a' : '#ededed',
24
- color: view === 'onDark' ? 'white' : 'black',
25
- }
26
- : undefined;
27
-
28
- return (
29
- <>
30
- <h4>view: {view ?? 'default'}</h4>
31
- <div>
32
- <ViewContainer
33
- view={view}
34
- style={{
35
- ...style,
36
- padding: '1rem',
37
- borderRadius: '1rem',
38
- display: 'flex',
39
- flexDirection: 'column',
40
- gap: '1rem',
41
- }}
42
- >
43
- <h3 style={{ margin: 0 }}>Inside ViewContainer</h3>
44
- <Button text="default Button" />
45
- <Checkbox checked label="Label" />
46
- <TextField value="Example Value" label="Label" labelPlacement="inner" />
47
- </ViewContainer>
48
- </div>
49
- </>
50
- );
51
- };
52
-
53
- export const Default: Story = {
54
- render: () => {
55
- return (
56
- <>
57
- <ViewExample />
58
- <br />
59
- <ViewExample view="onDark" />
60
- <br />
61
- <ViewExample view="onLight" />
62
- </>
63
- );
64
- },
65
- };
@@ -1,16 +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 _plasma_b2c = /*#__PURE__*/require("@salutejs/plasma-themes/tokens/plasma_b2c");
9
- var config = exports.config = {
10
- variations: {
11
- view: {
12
- onDark: /*#__PURE__*/(0, _styledComponents.css)(["", ""], _plasma_b2c.viewContainer.dark),
13
- onLight: /*#__PURE__*/(0, _styledComponents.css)(["", ""], _plasma_b2c.viewContainer.light)
14
- }
15
- }
16
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ViewContainer = void 0;
7
- var _ViewContainer = /*#__PURE__*/require("../../../../components/ViewContainer");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _ViewContainer2 = /*#__PURE__*/require("./ViewContainer.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_ViewContainer.viewContainerConfig, _ViewContainer2.config);
11
- var ViewContainer = exports.ViewContainer = /*#__PURE__*/(0, _engines.component)(mergedConfig);