@salutejs/plasma-new-hope 0.150.0-canary.1447.10983559134.0 → 0.150.1-canary.1448.10995617090.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (671) hide show
  1. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -3
  2. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  3. package/cjs/components/Autocomplete/Autocomplete.css +18 -18
  4. package/cjs/components/Autocomplete/Autocomplete.js +5 -6
  5. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  6. package/cjs/components/Autocomplete/Autocomplete.styles.js +7 -8
  7. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  8. package/cjs/components/Autocomplete/{Autocomplete.styles_4wbmok.css → Autocomplete.styles_192fzgs.css} +1 -1
  9. package/cjs/components/Autocomplete/Autocomplete.tokens.js +3 -0
  10. package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  11. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +2 -3
  12. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  13. package/{es/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css → cjs/components/Autocomplete/ui/TextField/TextField.styles_11nkcwo.css} +1 -1
  14. package/cjs/components/Avatar/Avatar.js +2 -3
  15. package/cjs/components/Avatar/Avatar.js.map +1 -1
  16. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -4
  17. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  18. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +1 -1
  19. package/cjs/components/Button/Button.styles.js +0 -3
  20. package/cjs/components/Button/Button.styles.js.map +1 -1
  21. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +5 -5
  22. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +8 -8
  23. package/cjs/components/Calendar/hooks/useDays.js +2 -2
  24. package/cjs/components/Calendar/hooks/useKeyNavigation.js +1 -1
  25. package/cjs/components/Calendar/hooks/useMonths.js +2 -2
  26. package/cjs/components/Calendar/hooks/useQuarters.js +2 -2
  27. package/cjs/components/Calendar/hooks/useYears.js +2 -2
  28. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -4
  29. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -6
  30. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  31. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +0 -1
  32. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  33. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
  34. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
  35. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
  36. package/cjs/components/Combobox/ComboboxNew/Combobox.css +15 -15
  37. package/cjs/components/Combobox/ComboboxNew/Combobox.js +11 -12
  38. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  39. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +13 -15
  40. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  41. package/{es/components/Combobox/ComboboxNew/Combobox.styles_iq2uzw.css → cjs/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css} +1 -1
  42. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  43. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  44. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +0 -2
  45. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  46. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -15
  47. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -2
  48. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  49. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -15
  50. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +5 -6
  51. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  52. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -4
  53. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  54. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -2
  55. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  56. package/cjs/components/Combobox/ComboboxOld/Combobox.js +4 -10
  57. package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  58. package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js +0 -1
  59. package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -1
  60. package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js +0 -1
  61. package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -1
  62. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +1 -2
  63. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -1
  64. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +1 -10
  65. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
  66. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +1 -10
  67. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
  68. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +1 -10
  69. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
  70. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +1 -10
  71. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
  72. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +0 -2
  73. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  74. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +1 -1
  75. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +1 -2
  76. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -1
  77. package/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
  78. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  79. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -7
  80. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  81. package/cjs/components/DatePicker/RangeDate/RangeDate.css +12 -12
  82. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +0 -1
  83. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  84. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -12
  85. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -2
  86. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  87. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -5
  88. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  89. package/cjs/components/DatePicker/SingleDate/SingleDate.css +14 -14
  90. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -2
  91. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  92. package/{es/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_1ekc7aj.css} +1 -1
  93. package/cjs/components/Drawer/Drawer.js +5 -11
  94. package/cjs/components/Drawer/Drawer.js.map +1 -1
  95. package/cjs/components/Drawer/Drawer.styles.js +2 -4
  96. package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
  97. package/cjs/components/Drawer/hooks/useDrawer.js +0 -4
  98. package/cjs/components/Drawer/hooks/useDrawer.js.map +1 -1
  99. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.js +0 -7
  100. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.js.map +1 -1
  101. package/cjs/components/Drawer/ui/DrawerFooter/DrawerFooter.js +0 -7
  102. package/cjs/components/Drawer/ui/DrawerFooter/DrawerFooter.js.map +1 -1
  103. package/cjs/components/Drawer/ui/DrawerHeader/DrawerHeader.js +0 -3
  104. package/cjs/components/Drawer/ui/DrawerHeader/DrawerHeader.js.map +1 -1
  105. package/cjs/components/Dropdown/Dropdown.js +3 -10
  106. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  107. package/cjs/components/Dropdown/Dropdown.styles.js +2 -3
  108. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  109. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -9
  110. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  111. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -2
  112. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  113. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -2
  114. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -1
  115. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +0 -1
  116. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -1
  117. package/cjs/components/Editable/Editable.js +3 -4
  118. package/cjs/components/Editable/Editable.js.map +1 -1
  119. package/cjs/components/Editable/utils/clearSelection.js +0 -2
  120. package/cjs/components/Editable/utils/clearSelection.js.map +1 -1
  121. package/cjs/components/Editable/utils/selectText.js +0 -2
  122. package/cjs/components/Editable/utils/selectText.js.map +1 -1
  123. package/cjs/components/EmptyState/EmptyState.styles.js +1 -2
  124. package/cjs/components/EmptyState/EmptyState.styles.js.map +1 -1
  125. package/cjs/components/IconButton/IconButton.js +1 -1
  126. package/cjs/components/IconButton/IconButton.styles.js +0 -8
  127. package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
  128. package/cjs/components/Modal/Modal.js +6 -8
  129. package/cjs/components/Modal/Modal.js.map +1 -1
  130. package/cjs/components/Modal/hooks/useModal.js +0 -4
  131. package/cjs/components/Modal/hooks/useModal.js.map +1 -1
  132. package/cjs/components/Notification/Notification.styles.js +2 -3
  133. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  134. package/cjs/components/Notification/NotificationsPortal.js +3 -4
  135. package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
  136. package/cjs/components/Pagination/Pagination.css +17 -17
  137. package/cjs/components/Pagination/Pagination.styles.js +1 -2
  138. package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
  139. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
  140. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -2
  141. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  142. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js +1 -2
  143. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
  144. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -2
  145. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
  146. package/cjs/components/Popover/Popover.js +1 -1
  147. package/cjs/components/Popup/Popup.js +2 -2
  148. package/cjs/components/Range/Range.css +12 -12
  149. package/cjs/components/Range/Range.styles.js +0 -1
  150. package/cjs/components/Range/Range.styles.js.map +1 -1
  151. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +2 -3
  152. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  153. package/cjs/components/Select/Select.css +17 -17
  154. package/cjs/components/Select/Select.js +12 -13
  155. package/cjs/components/Select/Select.js.map +1 -1
  156. package/cjs/components/Select/Select.styles.js +5 -8
  157. package/cjs/components/Select/Select.styles.js.map +1 -1
  158. package/cjs/components/Select/{Select.styles_hzoeqc.css → Select.styles_1nzals0.css} +1 -1
  159. package/cjs/components/Select/Select.tokens.js +5 -1
  160. package/cjs/components/Select/Select.tokens.js.map +1 -1
  161. package/cjs/components/Select/hooks/usePathMaps.js +0 -2
  162. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  163. package/cjs/components/Select/ui/Inner/Inner.css +17 -17
  164. package/cjs/components/Select/ui/Inner/Inner.js +1 -2
  165. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  166. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +17 -17
  167. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +4 -5
  168. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  169. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +0 -1
  170. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  171. package/cjs/components/Select/ui/Target/Target.css +12 -12
  172. package/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -1
  173. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -3
  174. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  175. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
  176. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
  177. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +30 -19
  178. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  179. package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_rtzthp.css → Textfield.styles_11yj58s.css} +2 -2
  180. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +1 -2
  181. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -1
  182. package/cjs/components/Select/utils/getButtonLabel.js +0 -2
  183. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
  184. package/cjs/components/Sheet/Sheet.js +3 -3
  185. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +2 -4
  186. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
  187. package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js +2 -4
  188. package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
  189. package/cjs/components/Slider/Slider.css +12 -12
  190. package/cjs/components/Slider/components/Double/Double.css +12 -12
  191. package/cjs/components/Slider/components/Double/Double.js +1 -2
  192. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  193. package/cjs/components/Slider/components/Double/Double.styles.js +0 -1
  194. package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
  195. package/cjs/components/Slider/components/Single/Single.js +1 -2
  196. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  197. package/cjs/components/Slider/components/SliderBase/SliderBase.js +1 -1
  198. package/cjs/components/Switch/Switch.js +16 -12
  199. package/cjs/components/Switch/Switch.js.map +1 -1
  200. package/cjs/components/Switch/Switch.styles.js +4 -6
  201. package/cjs/components/Switch/Switch.styles.js.map +1 -1
  202. package/cjs/components/Switch/Switch.styles_e1uxkt.css +3 -0
  203. package/cjs/components/Switch/Switch.tokens.js +1 -7
  204. package/cjs/components/Switch/Switch.tokens.js.map +1 -1
  205. package/cjs/components/Switch/Switch_svqw4q.css +1 -0
  206. package/cjs/components/Switch/_focused/base.js +1 -1
  207. package/cjs/components/Switch/_focused/{base_j4murk.css → base_wl4drz.css} +1 -1
  208. package/cjs/components/Switch/_label-position/after.js +9 -0
  209. package/cjs/components/Switch/_label-position/after.js.map +1 -0
  210. package/cjs/components/Switch/_label-position/after_1sk7lsj.css +1 -0
  211. package/cjs/components/Switch/_label-position/base.js +10 -0
  212. package/cjs/components/Switch/_label-position/base.js.map +1 -0
  213. package/cjs/components/Switch/_label-position/base_x642ct.css +1 -0
  214. package/cjs/components/Switch/_label-position/before.js +9 -0
  215. package/cjs/components/Switch/_label-position/before.js.map +1 -0
  216. package/cjs/components/Switch/_label-position/before_15wiyms.css +1 -0
  217. package/cjs/components/Switch/_size/base.js +1 -1
  218. package/cjs/components/Switch/_size/base.js.map +1 -1
  219. package/cjs/components/Switch/_size/{base_1rjzpi4.css → base_1sjw39x.css} +1 -1
  220. package/cjs/components/Switch/_view/base.js +1 -1
  221. package/cjs/components/Switch/_view/base_d10e49.css +1 -0
  222. package/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -3
  223. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  224. package/cjs/components/TextArea/TextArea.js +1 -1
  225. package/cjs/components/TextArea/TextArea.styles.js +27 -27
  226. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  227. package/cjs/components/TextArea/{TextArea.styles_1fyj8ox.css → TextArea.styles_1kzzs11.css} +2 -2
  228. package/cjs/components/TextArea/TextArea.tokens.js +15 -0
  229. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  230. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  231. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  232. package/cjs/components/TextArea/variations/_view/base_8npjyq.css +1 -0
  233. package/cjs/components/TextField/TextField.js +1 -1
  234. package/cjs/components/TextField/TextField.styles.js +1 -1
  235. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  236. package/{es/components/TextField/TextField.styles_ht6ibd.css → cjs/components/TextField/TextField.styles_uponva.css} +1 -1
  237. package/cjs/components/TextField/TextField.tokens.js +3 -0
  238. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  239. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -2
  240. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  241. package/cjs/components/Toast/Toast.styles.js +1 -1
  242. package/cjs/components/Toast/ToastController.js +1 -1
  243. package/cjs/components/Toast/utils.js +1 -2
  244. package/cjs/components/Toast/utils.js.map +1 -1
  245. package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +1 -1
  246. package/cjs/components/Tooltip/Tooltip.js +2 -3
  247. package/cjs/components/Tooltip/Tooltip.js.map +1 -1
  248. package/cjs/engines/index.js +0 -2
  249. package/cjs/engines/index.js.map +1 -1
  250. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -1
  251. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -1
  252. package/cjs/index.css +66 -61
  253. package/cjs/index.js +47 -46
  254. package/cjs/index.js.map +1 -1
  255. package/cjs/utils/index.js +0 -5
  256. package/cjs/utils/index.js.map +1 -1
  257. package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +5 -5
  258. package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +3 -0
  259. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  260. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +6 -6
  261. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  262. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
  263. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
  264. package/emotion/cjs/components/Select/Select.styles.js +6 -6
  265. package/emotion/cjs/components/Select/Select.tokens.js +5 -1
  266. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -21
  267. package/emotion/cjs/components/Switch/Switch.js +17 -4
  268. package/emotion/cjs/components/Switch/Switch.styles.js +4 -7
  269. package/emotion/cjs/components/Switch/Switch.tokens.js +2 -7
  270. package/emotion/cjs/components/Switch/_label-position/after.js +9 -0
  271. package/emotion/cjs/components/Switch/_label-position/base.js +9 -0
  272. package/emotion/cjs/components/Switch/_label-position/before.js +9 -0
  273. package/emotion/cjs/components/Switch/_label-position/tokens.json +1 -0
  274. package/emotion/cjs/components/Switch/_size/base.js +1 -1
  275. package/emotion/cjs/components/Switch/index.js +14 -0
  276. package/emotion/cjs/components/TextArea/TextArea.styles.js +11 -11
  277. package/emotion/cjs/components/TextArea/TextArea.tokens.js +15 -0
  278. package/emotion/cjs/components/TextArea/variations/_view/base.js +1 -1
  279. package/emotion/cjs/components/TextField/TextField.styles.js +15 -15
  280. package/emotion/cjs/components/TextField/TextField.tokens.js +3 -0
  281. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +10 -4
  282. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -8
  283. package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +10 -4
  284. package/emotion/es/components/Autocomplete/Autocomplete.styles.js +5 -5
  285. package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +3 -0
  286. package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  287. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +6 -6
  288. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  289. package/emotion/es/components/DatePicker/DatePicker.tokens.js +1 -0
  290. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
  291. package/emotion/es/components/Select/Select.styles.js +6 -6
  292. package/emotion/es/components/Select/Select.tokens.js +5 -1
  293. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -21
  294. package/emotion/es/components/Switch/Switch.js +17 -4
  295. package/emotion/es/components/Switch/Switch.styles.js +3 -6
  296. package/emotion/es/components/Switch/Switch.tokens.js +1 -6
  297. package/emotion/es/components/Switch/_label-position/after.js +3 -0
  298. package/emotion/es/components/Switch/_label-position/base.js +4 -0
  299. package/emotion/es/components/Switch/_label-position/before.js +3 -0
  300. package/emotion/es/components/Switch/_label-position/tokens.json +1 -0
  301. package/emotion/es/components/Switch/_size/base.js +1 -1
  302. package/emotion/es/components/Switch/index.js +6 -1
  303. package/emotion/es/components/TextArea/TextArea.styles.js +11 -11
  304. package/emotion/es/components/TextArea/TextArea.tokens.js +15 -0
  305. package/emotion/es/components/TextArea/variations/_view/base.js +1 -1
  306. package/emotion/es/components/TextField/TextField.styles.js +15 -15
  307. package/emotion/es/components/TextField/TextField.tokens.js +3 -0
  308. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +10 -4
  309. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -8
  310. package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +10 -4
  311. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -3
  312. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  313. package/es/components/Autocomplete/Autocomplete.css +18 -18
  314. package/es/components/Autocomplete/Autocomplete.js +5 -6
  315. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  316. package/es/components/Autocomplete/Autocomplete.styles.js +7 -8
  317. package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  318. package/es/components/Autocomplete/{Autocomplete.styles_4wbmok.css → Autocomplete.styles_192fzgs.css} +1 -1
  319. package/es/components/Autocomplete/Autocomplete.tokens.js +3 -0
  320. package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  321. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +2 -3
  322. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  323. package/{cjs/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css → es/components/Autocomplete/ui/TextField/TextField.styles_11nkcwo.css} +1 -1
  324. package/es/components/Avatar/Avatar.js +2 -3
  325. package/es/components/Avatar/Avatar.js.map +1 -1
  326. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -4
  327. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  328. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +1 -1
  329. package/es/components/Button/Button.styles.js +0 -3
  330. package/es/components/Button/Button.styles.js.map +1 -1
  331. package/es/components/Calendar/CalendarBase/CalendarBase.js +5 -5
  332. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +8 -8
  333. package/es/components/Calendar/hooks/useDays.js +2 -2
  334. package/es/components/Calendar/hooks/useKeyNavigation.js +1 -1
  335. package/es/components/Calendar/hooks/useMonths.js +2 -2
  336. package/es/components/Calendar/hooks/useQuarters.js +2 -2
  337. package/es/components/Calendar/hooks/useYears.js +2 -2
  338. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -4
  339. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -6
  340. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  341. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +0 -1
  342. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  343. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
  344. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
  345. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
  346. package/es/components/Combobox/ComboboxNew/Combobox.css +15 -15
  347. package/es/components/Combobox/ComboboxNew/Combobox.js +11 -12
  348. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  349. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +13 -15
  350. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  351. package/{cjs/components/Combobox/ComboboxNew/Combobox.styles_iq2uzw.css → es/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css} +1 -1
  352. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  353. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  354. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +0 -2
  355. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  356. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -15
  357. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -2
  358. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  359. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -15
  360. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +5 -6
  361. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  362. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -4
  363. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  364. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -2
  365. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  366. package/es/components/Combobox/ComboboxOld/Combobox.js +4 -10
  367. package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  368. package/es/components/Combobox/ComboboxOld/Combobox.styles.js +0 -1
  369. package/es/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -1
  370. package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js +0 -1
  371. package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -1
  372. package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +1 -2
  373. package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -1
  374. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +1 -10
  375. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
  376. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +1 -10
  377. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
  378. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +1 -10
  379. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
  380. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +1 -10
  381. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
  382. package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +0 -2
  383. package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  384. package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +1 -1
  385. package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +1 -2
  386. package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -1
  387. package/es/components/DatePicker/DatePicker.tokens.js +1 -0
  388. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  389. package/es/components/DatePicker/DatePickerBase.styles.js +1 -7
  390. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  391. package/es/components/DatePicker/RangeDate/RangeDate.css +12 -12
  392. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +0 -1
  393. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  394. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -12
  395. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -2
  396. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  397. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -5
  398. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  399. package/es/components/DatePicker/SingleDate/SingleDate.css +14 -14
  400. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -2
  401. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  402. package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css → es/components/DatePicker/SingleDate/SingleDate.styles_1ekc7aj.css} +1 -1
  403. package/es/components/Drawer/Drawer.js +5 -11
  404. package/es/components/Drawer/Drawer.js.map +1 -1
  405. package/es/components/Drawer/Drawer.styles.js +2 -4
  406. package/es/components/Drawer/Drawer.styles.js.map +1 -1
  407. package/es/components/Drawer/hooks/useDrawer.js +0 -4
  408. package/es/components/Drawer/hooks/useDrawer.js.map +1 -1
  409. package/es/components/Drawer/ui/DrawerContent/DrawerContent.js +0 -7
  410. package/es/components/Drawer/ui/DrawerContent/DrawerContent.js.map +1 -1
  411. package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js +0 -7
  412. package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js.map +1 -1
  413. package/es/components/Drawer/ui/DrawerHeader/DrawerHeader.js +0 -3
  414. package/es/components/Drawer/ui/DrawerHeader/DrawerHeader.js.map +1 -1
  415. package/es/components/Dropdown/Dropdown.js +3 -10
  416. package/es/components/Dropdown/Dropdown.js.map +1 -1
  417. package/es/components/Dropdown/Dropdown.styles.js +2 -3
  418. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  419. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -9
  420. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  421. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -2
  422. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  423. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -2
  424. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -1
  425. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +0 -1
  426. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -1
  427. package/es/components/Editable/Editable.js +3 -4
  428. package/es/components/Editable/Editable.js.map +1 -1
  429. package/es/components/Editable/utils/clearSelection.js +0 -2
  430. package/es/components/Editable/utils/clearSelection.js.map +1 -1
  431. package/es/components/Editable/utils/selectText.js +0 -2
  432. package/es/components/Editable/utils/selectText.js.map +1 -1
  433. package/es/components/EmptyState/EmptyState.styles.js +1 -2
  434. package/es/components/EmptyState/EmptyState.styles.js.map +1 -1
  435. package/es/components/IconButton/IconButton.js +1 -1
  436. package/es/components/IconButton/IconButton.styles.js +0 -8
  437. package/es/components/IconButton/IconButton.styles.js.map +1 -1
  438. package/es/components/Modal/Modal.js +6 -8
  439. package/es/components/Modal/Modal.js.map +1 -1
  440. package/es/components/Modal/hooks/useModal.js +0 -4
  441. package/es/components/Modal/hooks/useModal.js.map +1 -1
  442. package/es/components/Notification/Notification.styles.js +2 -3
  443. package/es/components/Notification/Notification.styles.js.map +1 -1
  444. package/es/components/Notification/NotificationsPortal.js +3 -4
  445. package/es/components/Notification/NotificationsPortal.js.map +1 -1
  446. package/es/components/Pagination/Pagination.css +17 -17
  447. package/es/components/Pagination/Pagination.styles.js +1 -2
  448. package/es/components/Pagination/Pagination.styles.js.map +1 -1
  449. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
  450. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -2
  451. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  452. package/es/components/Panel/ui/PanelHeader/PanelHeader.js +1 -2
  453. package/es/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
  454. package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -2
  455. package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
  456. package/es/components/Popover/Popover.js +1 -1
  457. package/es/components/Popup/Popup.js +2 -2
  458. package/es/components/Range/Range.css +12 -12
  459. package/es/components/Range/Range.styles.js +0 -1
  460. package/es/components/Range/Range.styles.js.map +1 -1
  461. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +2 -3
  462. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  463. package/es/components/Select/Select.css +17 -17
  464. package/es/components/Select/Select.js +12 -13
  465. package/es/components/Select/Select.js.map +1 -1
  466. package/es/components/Select/Select.styles.js +5 -8
  467. package/es/components/Select/Select.styles.js.map +1 -1
  468. package/es/components/Select/{Select.styles_hzoeqc.css → Select.styles_1nzals0.css} +1 -1
  469. package/es/components/Select/Select.tokens.js +5 -1
  470. package/es/components/Select/Select.tokens.js.map +1 -1
  471. package/es/components/Select/hooks/usePathMaps.js +0 -2
  472. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  473. package/es/components/Select/ui/Inner/Inner.css +17 -17
  474. package/es/components/Select/ui/Inner/Inner.js +1 -2
  475. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  476. package/es/components/Select/ui/Inner/ui/Item/Item.css +17 -17
  477. package/es/components/Select/ui/Inner/ui/Item/Item.js +4 -5
  478. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  479. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +0 -1
  480. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  481. package/es/components/Select/ui/Target/Target.css +12 -12
  482. package/es/components/Select/ui/Target/ui/Button/Button.js +1 -1
  483. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -3
  484. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  485. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
  486. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
  487. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +30 -19
  488. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  489. package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_rtzthp.css → Textfield.styles_11yj58s.css} +2 -2
  490. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +1 -2
  491. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -1
  492. package/es/components/Select/utils/getButtonLabel.js +0 -2
  493. package/es/components/Select/utils/getButtonLabel.js.map +1 -1
  494. package/es/components/Sheet/Sheet.js +3 -3
  495. package/es/components/Skeleton/LineSkeleton/LineSkeleton.js +2 -4
  496. package/es/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
  497. package/es/components/Skeleton/RectSkeleton/RectSkeleton.js +2 -4
  498. package/es/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
  499. package/es/components/Slider/Slider.css +12 -12
  500. package/es/components/Slider/components/Double/Double.css +12 -12
  501. package/es/components/Slider/components/Double/Double.js +1 -2
  502. package/es/components/Slider/components/Double/Double.js.map +1 -1
  503. package/es/components/Slider/components/Double/Double.styles.js +0 -1
  504. package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
  505. package/es/components/Slider/components/Single/Single.js +1 -2
  506. package/es/components/Slider/components/Single/Single.js.map +1 -1
  507. package/es/components/Slider/components/SliderBase/SliderBase.js +1 -1
  508. package/es/components/Switch/Switch.js +8 -4
  509. package/es/components/Switch/Switch.js.map +1 -1
  510. package/es/components/Switch/Switch.styles.js +5 -6
  511. package/es/components/Switch/Switch.styles.js.map +1 -1
  512. package/es/components/Switch/Switch.styles_e1uxkt.css +3 -0
  513. package/es/components/Switch/Switch.tokens.js +2 -7
  514. package/es/components/Switch/Switch.tokens.js.map +1 -1
  515. package/es/components/Switch/Switch_svqw4q.css +1 -0
  516. package/es/components/Switch/_focused/base.js +1 -1
  517. package/es/components/Switch/_focused/{base_j4murk.css → base_wl4drz.css} +1 -1
  518. package/es/components/Switch/_label-position/after.js +5 -0
  519. package/es/components/Switch/_label-position/after.js.map +1 -0
  520. package/es/components/Switch/_label-position/after_1sk7lsj.css +1 -0
  521. package/es/components/Switch/_label-position/base.js +6 -0
  522. package/es/components/Switch/_label-position/base.js.map +1 -0
  523. package/es/components/Switch/_label-position/base_x642ct.css +1 -0
  524. package/es/components/Switch/_label-position/before.js +5 -0
  525. package/es/components/Switch/_label-position/before.js.map +1 -0
  526. package/es/components/Switch/_label-position/before_15wiyms.css +1 -0
  527. package/es/components/Switch/_size/base.js +1 -1
  528. package/es/components/Switch/_size/base.js.map +1 -1
  529. package/es/components/Switch/_size/{base_1rjzpi4.css → base_1sjw39x.css} +1 -1
  530. package/es/components/Switch/_view/base.js +1 -1
  531. package/es/components/Switch/_view/base_d10e49.css +1 -0
  532. package/es/components/Tabs/ui/Tabs/Tabs.js +2 -3
  533. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  534. package/es/components/TextArea/TextArea.js +1 -1
  535. package/es/components/TextArea/TextArea.styles.js +27 -27
  536. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  537. package/es/components/TextArea/{TextArea.styles_1fyj8ox.css → TextArea.styles_1kzzs11.css} +2 -2
  538. package/es/components/TextArea/TextArea.tokens.js +15 -0
  539. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  540. package/es/components/TextArea/variations/_view/base.js +1 -1
  541. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  542. package/es/components/TextArea/variations/_view/base_8npjyq.css +1 -0
  543. package/es/components/TextField/TextField.js +1 -1
  544. package/es/components/TextField/TextField.styles.js +1 -1
  545. package/es/components/TextField/TextField.styles.js.map +1 -1
  546. package/{cjs/components/TextField/TextField.styles_ht6ibd.css → es/components/TextField/TextField.styles_uponva.css} +1 -1
  547. package/es/components/TextField/TextField.tokens.js +3 -0
  548. package/es/components/TextField/TextField.tokens.js.map +1 -1
  549. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -2
  550. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  551. package/es/components/Toast/Toast.styles.js +1 -1
  552. package/es/components/Toast/ToastController.js +1 -1
  553. package/es/components/Toast/utils.js +1 -2
  554. package/es/components/Toast/utils.js.map +1 -1
  555. package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +1 -1
  556. package/es/components/Tooltip/Tooltip.js +2 -3
  557. package/es/components/Tooltip/Tooltip.js.map +1 -1
  558. package/es/engines/index.js +0 -2
  559. package/es/engines/index.js.map +1 -1
  560. package/es/hooks/useIsomorphicLayoutEffect.js +0 -1
  561. package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -1
  562. package/es/index.css +66 -61
  563. package/es/index.js +21 -22
  564. package/es/index.js.map +1 -1
  565. package/es/utils/index.js +0 -3
  566. package/es/utils/index.js.map +1 -1
  567. package/package.json +5 -4
  568. package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +2 -2
  569. package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +3 -0
  570. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  571. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  572. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  573. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
  574. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  575. package/styled-components/cjs/components/Select/Select.styles.js +2 -2
  576. package/styled-components/cjs/components/Select/Select.tokens.js +5 -1
  577. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +15 -9
  578. package/styled-components/cjs/components/Switch/Switch.js +8 -4
  579. package/styled-components/cjs/components/Switch/Switch.styles.js +3 -7
  580. package/styled-components/cjs/components/Switch/Switch.tokens.js +2 -7
  581. package/styled-components/cjs/components/Switch/_label-position/after.js +9 -0
  582. package/styled-components/cjs/components/Switch/_label-position/base.js +9 -0
  583. package/styled-components/cjs/components/Switch/_label-position/before.js +9 -0
  584. package/styled-components/cjs/components/Switch/_label-position/tokens.json +1 -0
  585. package/styled-components/cjs/components/Switch/_size/base.js +1 -1
  586. package/styled-components/cjs/components/Switch/index.js +14 -0
  587. package/styled-components/cjs/components/TextArea/TextArea.styles.js +2 -2
  588. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +15 -0
  589. package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
  590. package/styled-components/cjs/components/TextField/TextField.styles.js +1 -1
  591. package/styled-components/cjs/components/TextField/TextField.tokens.js +3 -0
  592. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +6 -0
  593. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -8
  594. package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +6 -0
  595. package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +2 -2
  596. package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +3 -0
  597. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  598. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  599. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  600. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +1 -0
  601. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  602. package/styled-components/es/components/Select/Select.styles.js +2 -2
  603. package/styled-components/es/components/Select/Select.tokens.js +5 -1
  604. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +15 -9
  605. package/styled-components/es/components/Switch/Switch.js +8 -4
  606. package/styled-components/es/components/Switch/Switch.styles.js +0 -3
  607. package/styled-components/es/components/Switch/Switch.tokens.js +1 -6
  608. package/styled-components/es/components/Switch/_label-position/after.js +3 -0
  609. package/styled-components/es/components/Switch/_label-position/base.js +4 -0
  610. package/styled-components/es/components/Switch/_label-position/before.js +3 -0
  611. package/styled-components/es/components/Switch/_label-position/tokens.json +1 -0
  612. package/styled-components/es/components/Switch/_size/base.js +1 -1
  613. package/styled-components/es/components/Switch/index.js +6 -1
  614. package/styled-components/es/components/TextArea/TextArea.styles.js +2 -2
  615. package/styled-components/es/components/TextArea/TextArea.tokens.js +15 -0
  616. package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
  617. package/styled-components/es/components/TextField/TextField.styles.js +1 -1
  618. package/styled-components/es/components/TextField/TextField.tokens.js +3 -0
  619. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +6 -0
  620. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -8
  621. package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +6 -0
  622. package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
  623. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +3 -0
  624. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
  625. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  626. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  627. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +2 -0
  628. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  629. package/types/components/DatePicker/DatePicker.tokens.d.ts +1 -0
  630. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  631. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  632. package/types/components/Select/Select.styles.d.ts.map +1 -1
  633. package/types/components/Select/Select.tokens.d.ts +5 -1
  634. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  635. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  636. package/types/components/Switch/Switch.d.ts +3 -0
  637. package/types/components/Switch/Switch.d.ts.map +1 -1
  638. package/types/components/Switch/Switch.styles.d.ts +0 -1
  639. package/types/components/Switch/Switch.styles.d.ts.map +1 -1
  640. package/types/components/Switch/Switch.tokens.d.ts +0 -5
  641. package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
  642. package/types/components/Switch/_label-position/after.d.ts +2 -0
  643. package/types/components/Switch/_label-position/after.d.ts.map +1 -0
  644. package/types/components/Switch/_label-position/base.d.ts +2 -0
  645. package/types/components/Switch/_label-position/base.d.ts.map +1 -0
  646. package/types/components/Switch/_label-position/before.d.ts +2 -0
  647. package/types/components/Switch/_label-position/before.d.ts.map +1 -0
  648. package/types/components/Switch/index.d.ts +4 -0
  649. package/types/components/Switch/index.d.ts.map +1 -1
  650. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  651. package/types/components/TextArea/TextArea.tokens.d.ts +15 -0
  652. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  653. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  654. package/types/components/TextField/TextField.tokens.d.ts +3 -0
  655. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  656. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts +4 -0
  657. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
  658. package/types/examples/plasma_b2c/components/Switch/Switch.d.ts +4 -0
  659. package/types/examples/plasma_b2c/components/Switch/Switch.d.ts.map +1 -1
  660. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts +4 -0
  661. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
  662. package/types/examples/plasma_web/components/Switch/Switch.d.ts +4 -0
  663. package/types/examples/plasma_web/components/Switch/Switch.d.ts.map +1 -1
  664. package/cjs/components/Switch/Switch.css +0 -12
  665. package/cjs/components/Switch/Switch.styles_1kk0qzz.css +0 -4
  666. package/cjs/components/Switch/_view/base_1mtyz12.css +0 -1
  667. package/cjs/components/TextArea/variations/_view/base_jjtr9h.css +0 -1
  668. package/es/components/Switch/Switch.css +0 -12
  669. package/es/components/Switch/Switch.styles_1kk0qzz.css +0 -4
  670. package/es/components/Switch/_view/base_1mtyz12.css +0 -1
  671. package/es/components/TextArea/variations/_view/base_jjtr9h.css +0 -1
@@ -5,9 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
6
6
  var React = require('react');
7
7
  var plasmaCore = require('@salutejs/plasma-core');
8
- var IconDisclosureLeft = require('../../../_Icon/Icons/IconDisclosureLeft.js');
9
- var IconDisclosureRight = require('../../../_Icon/Icons/IconDisclosureRight.js');
10
- require('@linaria/react');
11
8
  var tokens = require('../../tokens.js');
12
9
  var index = require('../../../../utils/index.js');
13
10
  var TabsContext = require('../../TabsContext.js');
@@ -17,6 +14,8 @@ var base$2 = require('./variations/_disabled/base.js');
17
14
  var base$4 = require('./variations/_pilled/base.js');
18
15
  var base$3 = require('./variations/_stretch/base.js');
19
16
  var Tabs_styles = require('./Tabs.styles.js');
17
+ var IconDisclosureLeft = require('../../../_Icon/Icons/IconDisclosureLeft.js');
18
+ var IconDisclosureRight = require('../../../_Icon/Icons/IconDisclosureRight.js');
20
19
 
21
20
  var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "pilled", "index", "className"];
22
21
  var Keys = /*#__PURE__*/function (Keys) {
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { classes, tokens } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { TabItemRefs, TabsContext } from '../../TabsContext';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { StyledArrow, StyledContent, StyledContentWrapper, base } from './Tabs.styles';\nimport type { TabsProps } from './Tabs.types';\n\nenum Keys {\n end = 35,\n home = 36,\n left = 37,\n right = 39,\n}\n\nexport const tabsRoot = (Root: RootProps<HTMLDivElement, TabsProps>) =>\n forwardRef<HTMLDivElement, TabsProps>((props, outerRef) => {\n const {\n id,\n stretch = false,\n disabled = false,\n clip = 'scroll',\n size,\n view,\n children,\n pilled = false,\n index,\n className,\n ...rest\n } = props;\n const [firstItemVisible, setFirstItemVisible] = useState(true);\n const [lastItemVisible, setLastItemVisible] = useState(true);\n\n const refs = useMemo(() => new TabItemRefs(index), []);\n\n const uniqId = safeUseId();\n const tabsId = id || uniqId;\n\n const isFilled = view === 'filled'; // outer padding is only for filled view\n const pilledAttr = view !== 'clear' && pilled;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n\n const stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;\n const hasLeftArrowClass = !firstItemVisible ? classes.tabsHasLeftArrow : undefined;\n const hasRightArrowClass = !lastItemVisible ? classes.tabsHasRightArrow : undefined;\n const clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;\n const clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;\n\n const scrollRef = useRef<HTMLElement | null>(null);\n const trackRef = useRef<HTMLElement | null>(null);\n const leftArrowRef = useRef<HTMLButtonElement | null>(null);\n\n const onPrev = useCallback(() => {\n if (disabled || !scrollRef.current) {\n return;\n }\n\n const scrollLeft = Math.round(scrollRef.current.scrollLeft);\n const firstOverflowingTab = refs.items\n .slice()\n .reverse()\n .find((item: MutableRefObject<HTMLElement | null>) => {\n if (!item.current || item.current.offsetLeft === undefined) {\n return;\n }\n const tabStartX = item.current.offsetLeft;\n\n return tabStartX < scrollLeft;\n });\n\n firstOverflowingTab?.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }, [disabled, scrollRef, refs]);\n\n const onNext = useCallback(() => {\n if (disabled || !scrollRef.current) {\n return;\n }\n\n const scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);\n const lastOverflowingTab = refs.items.find((item: MutableRefObject<HTMLElement | null>) => {\n if (!item.current || item.current.offsetLeft === undefined) {\n return;\n }\n const tabEndX = item.current.offsetLeft + item.current.offsetWidth;\n\n return tabEndX > scrollRight;\n });\n\n lastOverflowingTab?.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }, [disabled, scrollRef, refs]);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow\n type=\"button\"\n aria-label=\"Предыдущий таб\"\n onClick={onPrev}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n isFilled={isFilled}\n ref={leftArrowRef}\n isLeftArrow\n >\n <IconDisclosureLeft color={`var(${tokens.arrowColor})`} />\n </StyledArrow>\n ),\n [onPrev, disabled, isFilled],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow\n type=\"button\"\n aria-label=\"Следующий таб\"\n onClick={onNext}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n isFilled={isFilled}\n >\n <IconDisclosureRight color={`var(${tokens.arrowColor})`} />\n </StyledArrow>\n ),\n [onNext, disabled, isFilled],\n );\n\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLElement>): void => {\n event.stopPropagation();\n const maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;\n const scrollLeft = Math.round(event.currentTarget.scrollLeft);\n\n setFirstItemVisible(scrollLeft <= 0);\n setLastItemVisible(scrollLeft >= maxScrollLeft);\n },\n [setFirstItemVisible, setLastItemVisible],\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n if (index === undefined) {\n return;\n }\n\n const minIndex = 0;\n const maxIndex = refs.items.length - 1;\n let nextIndex: number;\n\n switch (event.keyCode) {\n case Keys.end:\n nextIndex = maxIndex;\n break;\n case Keys.left:\n nextIndex = index > minIndex ? index - 1 : index;\n break;\n case Keys.right:\n nextIndex = index < maxIndex ? index + 1 : index;\n break;\n case Keys.home:\n nextIndex = minIndex;\n break;\n default:\n return;\n }\n\n if (nextIndex !== index) {\n event.preventDefault();\n refs.items[nextIndex].current?.focus();\n refs.items[nextIndex].current?.scrollIntoView({\n block: 'center',\n inline: 'center',\n behavior: 'smooth',\n });\n }\n },\n [index],\n );\n\n useEffect(() => {\n setLastItemVisible(scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth);\n }, []);\n\n // Этот хук компенсирует появление левой стрелки при прокрутке\n useEffect(() => {\n if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {\n return;\n }\n\n scrollRef.current.scrollTo({\n left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth),\n });\n }, [firstItemVisible, scrollRef, leftArrowRef]);\n\n return (\n <TabsContext.Provider value={refs}>\n <Root\n view={view}\n role=\"tablist\"\n size={size}\n pilled={pilled}\n id={tabsId}\n ref={outerRef}\n disabled={disabled}\n className={cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className)}\n onKeyDown={onKeyDown}\n {...rest}\n >\n {!firstItemVisible && PreviousButton}\n <StyledContentWrapper\n className={cx(clipScrollClass, clipShowAllClass)}\n ref={scrollRef as MutableRefObject<HTMLDivElement | null>}\n onScroll={handleScroll}\n >\n <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>\n {children}\n </StyledContent>\n </StyledContentWrapper>\n {!lastItemVisible && NextButton}\n </Root>\n </TabsContext.Provider>\n );\n });\n\nexport const tabsConfig = {\n name: 'Tabs',\n tag: 'div',\n layout: tabsRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n stretch: {\n css: stretchCSS,\n attrs: true,\n },\n pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n};\n"],"names":["Keys","tabsRoot","Root","forwardRef","props","outerRef","id","_props$stretch","stretch","_props$disabled","disabled","_props$clip","clip","size","view","children","_props$pilled","pilled","index","className","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","isFilled","pilledAttr","pilledClass","classes","tabsPilled","undefined","stretchClass","tabsStretch","hasLeftArrowClass","tabsHasLeftArrow","hasRightArrowClass","tabsHasRightArrow","clipScrollClass","tabsClipScroll","clipShowAllClass","tabsClipShowAll","scrollRef","useRef","trackRef","leftArrowRef","onPrev","useCallback","_firstOverflowingTab$","current","scrollLeft","Math","round","firstOverflowingTab","items","slice","reverse","find","item","offsetLeft","tabStartX","scrollIntoView","block","inline","onNext","_lastOverflowingTab$c","scrollRight","clientWidth","lastOverflowingTab","tabEndX","offsetWidth","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","ref","isLeftArrow","IconDisclosureLeft","color","concat","tokens","arrowColor","NextButton","IconDisclosureRight","handleScroll","event","stopPropagation","maxScrollLeft","currentTarget","scrollWidth","onKeyDown","minIndex","maxIndex","length","nextIndex","keyCode","end","left","right","home","_refs$items$nextIndex","_refs$items$nextIndex2","preventDefault","focus","behavior","useEffect","_scrollRef$current","_scrollRef$current2","scrollTo","TabsContext","Provider","value","_extends","role","cx","StyledContentWrapper","onScroll","StyledContent","tabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","stretchCSS","pilledCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { classes, tokens } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { TabItemRefs, TabsContext } from '../../TabsContext';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { StyledArrow, StyledContent, StyledContentWrapper, base } from './Tabs.styles';\nimport type { TabsProps } from './Tabs.types';\n\nenum Keys {\n end = 35,\n home = 36,\n left = 37,\n right = 39,\n}\n\nexport const tabsRoot = (Root: RootProps<HTMLDivElement, TabsProps>) =>\n forwardRef<HTMLDivElement, TabsProps>((props, outerRef) => {\n const {\n id,\n stretch = false,\n disabled = false,\n clip = 'scroll',\n size,\n view,\n children,\n pilled = false,\n index,\n className,\n ...rest\n } = props;\n const [firstItemVisible, setFirstItemVisible] = useState(true);\n const [lastItemVisible, setLastItemVisible] = useState(true);\n\n const refs = useMemo(() => new TabItemRefs(index), []);\n\n const uniqId = safeUseId();\n const tabsId = id || uniqId;\n\n const isFilled = view === 'filled'; // outer padding is only for filled view\n const pilledAttr = view !== 'clear' && pilled;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n\n const stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;\n const hasLeftArrowClass = !firstItemVisible ? classes.tabsHasLeftArrow : undefined;\n const hasRightArrowClass = !lastItemVisible ? classes.tabsHasRightArrow : undefined;\n const clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;\n const clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;\n\n const scrollRef = useRef<HTMLElement | null>(null);\n const trackRef = useRef<HTMLElement | null>(null);\n const leftArrowRef = useRef<HTMLButtonElement | null>(null);\n\n const onPrev = useCallback(() => {\n if (disabled || !scrollRef.current) {\n return;\n }\n\n const scrollLeft = Math.round(scrollRef.current.scrollLeft);\n const firstOverflowingTab = refs.items\n .slice()\n .reverse()\n .find((item: MutableRefObject<HTMLElement | null>) => {\n if (!item.current || item.current.offsetLeft === undefined) {\n return;\n }\n const tabStartX = item.current.offsetLeft;\n\n return tabStartX < scrollLeft;\n });\n\n firstOverflowingTab?.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }, [disabled, scrollRef, refs]);\n\n const onNext = useCallback(() => {\n if (disabled || !scrollRef.current) {\n return;\n }\n\n const scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);\n const lastOverflowingTab = refs.items.find((item: MutableRefObject<HTMLElement | null>) => {\n if (!item.current || item.current.offsetLeft === undefined) {\n return;\n }\n const tabEndX = item.current.offsetLeft + item.current.offsetWidth;\n\n return tabEndX > scrollRight;\n });\n\n lastOverflowingTab?.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }, [disabled, scrollRef, refs]);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow\n type=\"button\"\n aria-label=\"Предыдущий таб\"\n onClick={onPrev}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n isFilled={isFilled}\n ref={leftArrowRef}\n isLeftArrow\n >\n <IconDisclosureLeft color={`var(${tokens.arrowColor})`} />\n </StyledArrow>\n ),\n [onPrev, disabled, isFilled],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow\n type=\"button\"\n aria-label=\"Следующий таб\"\n onClick={onNext}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n isFilled={isFilled}\n >\n <IconDisclosureRight color={`var(${tokens.arrowColor})`} />\n </StyledArrow>\n ),\n [onNext, disabled, isFilled],\n );\n\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLElement>): void => {\n event.stopPropagation();\n const maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;\n const scrollLeft = Math.round(event.currentTarget.scrollLeft);\n\n setFirstItemVisible(scrollLeft <= 0);\n setLastItemVisible(scrollLeft >= maxScrollLeft);\n },\n [setFirstItemVisible, setLastItemVisible],\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n if (index === undefined) {\n return;\n }\n\n const minIndex = 0;\n const maxIndex = refs.items.length - 1;\n let nextIndex: number;\n\n switch (event.keyCode) {\n case Keys.end:\n nextIndex = maxIndex;\n break;\n case Keys.left:\n nextIndex = index > minIndex ? index - 1 : index;\n break;\n case Keys.right:\n nextIndex = index < maxIndex ? index + 1 : index;\n break;\n case Keys.home:\n nextIndex = minIndex;\n break;\n default:\n return;\n }\n\n if (nextIndex !== index) {\n event.preventDefault();\n refs.items[nextIndex].current?.focus();\n refs.items[nextIndex].current?.scrollIntoView({\n block: 'center',\n inline: 'center',\n behavior: 'smooth',\n });\n }\n },\n [index],\n );\n\n useEffect(() => {\n setLastItemVisible(scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth);\n }, []);\n\n // Этот хук компенсирует появление левой стрелки при прокрутке\n useEffect(() => {\n if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {\n return;\n }\n\n scrollRef.current.scrollTo({\n left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth),\n });\n }, [firstItemVisible, scrollRef, leftArrowRef]);\n\n return (\n <TabsContext.Provider value={refs}>\n <Root\n view={view}\n role=\"tablist\"\n size={size}\n pilled={pilled}\n id={tabsId}\n ref={outerRef}\n disabled={disabled}\n className={cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className)}\n onKeyDown={onKeyDown}\n {...rest}\n >\n {!firstItemVisible && PreviousButton}\n <StyledContentWrapper\n className={cx(clipScrollClass, clipShowAllClass)}\n ref={scrollRef as MutableRefObject<HTMLDivElement | null>}\n onScroll={handleScroll}\n >\n <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>\n {children}\n </StyledContent>\n </StyledContentWrapper>\n {!lastItemVisible && NextButton}\n </Root>\n </TabsContext.Provider>\n );\n });\n\nexport const tabsConfig = {\n name: 'Tabs',\n tag: 'div',\n layout: tabsRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n stretch: {\n css: stretchCSS,\n attrs: true,\n },\n pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n};\n"],"names":["Keys","tabsRoot","Root","forwardRef","props","outerRef","id","_props$stretch","stretch","_props$disabled","disabled","_props$clip","clip","size","view","children","_props$pilled","pilled","index","className","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","isFilled","pilledAttr","pilledClass","classes","tabsPilled","undefined","stretchClass","tabsStretch","hasLeftArrowClass","tabsHasLeftArrow","hasRightArrowClass","tabsHasRightArrow","clipScrollClass","tabsClipScroll","clipShowAllClass","tabsClipShowAll","scrollRef","useRef","trackRef","leftArrowRef","onPrev","useCallback","_firstOverflowingTab$","current","scrollLeft","Math","round","firstOverflowingTab","items","slice","reverse","find","item","offsetLeft","tabStartX","scrollIntoView","block","inline","onNext","_lastOverflowingTab$c","scrollRight","clientWidth","lastOverflowingTab","tabEndX","offsetWidth","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","ref","isLeftArrow","IconDisclosureLeft","color","concat","tokens","arrowColor","NextButton","IconDisclosureRight","handleScroll","event","stopPropagation","maxScrollLeft","currentTarget","scrollWidth","onKeyDown","minIndex","maxIndex","length","nextIndex","keyCode","end","left","right","home","_refs$items$nextIndex","_refs$items$nextIndex2","preventDefault","focus","behavior","useEffect","_scrollRef$current","_scrollRef$current2","scrollTo","TabsContext","Provider","value","_extends","role","cx","StyledContentWrapper","onScroll","StyledContent","tabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","stretchCSS","pilledCSS","defaults"],"mappings":"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"}
@@ -7,12 +7,12 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
7
7
  var React = require('react');
8
8
  var plasmaCore = require('@salutejs/plasma-core');
9
9
  var index = require('../../utils/index.js');
10
- var useAutoResize = require('./hooks/useAutoResize.js');
11
10
  var TextArea_styles = require('./TextArea.styles.js');
12
11
  var TextArea_tokens = require('./TextArea.tokens.js');
13
12
  var base$2 = require('./variations/_view/base.js');
14
13
  var base$1 = require('./variations/_size/base.js');
15
14
  var base$3 = require('./variations/_disabled/base.js');
15
+ var useAutoResize = require('./hooks/useAutoResize.js');
16
16
 
17
17
  var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
18
18
  var innerPlaceholderUp = TextArea_tokens.classes.innerPlaceholderUp,
@@ -1,4 +1,4 @@
1
- import './TextArea.styles_1fyj8ox.css';
1
+ import './TextArea.styles_1kzzs11.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -16,13 +16,13 @@ var StyledOptionalText = /*#__PURE__*/react.styled('span')({
16
16
  "class": "s1r1fvk8",
17
17
  propsAsIs: false
18
18
  });
19
- var _exp11 = function _exp11() {
19
+ var _exp19 = function _exp19() {
20
20
  return function (_ref) {
21
21
  var hasHelper = _ref.hasHelper;
22
22
  return hasHelper ? "var(".concat(TextArea_tokens.tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(TextArea_tokens.tokens.inputPaddingBottom, ")");
23
23
  };
24
24
  };
25
- var _exp12 = function _exp12() {
25
+ var _exp20 = function _exp20() {
26
26
  return function (_ref2) {
27
27
  var hasHelper = _ref2.hasHelper;
28
28
  return hasHelper ? "var(".concat(TextArea_tokens.tokens.borderRadiusWithHelpers, ")") : "var(".concat(TextArea_tokens.tokens.borderRadius, ")");
@@ -33,8 +33,8 @@ var StyledTextAreaWrapper = /*#__PURE__*/react.styled('div')({
33
33
  "class": "surmvwq",
34
34
  propsAsIs: false,
35
35
  vars: {
36
- "surmvwq-0": [/*#__PURE__*/_exp11()],
37
- "surmvwq-1": [/*#__PURE__*/_exp12()]
36
+ "surmvwq-0": [/*#__PURE__*/_exp19()],
37
+ "surmvwq-1": [/*#__PURE__*/_exp20()]
38
38
  }
39
39
  });
40
40
  var StyledContent = /*#__PURE__*/react.styled('div')({
@@ -42,7 +42,7 @@ var StyledContent = /*#__PURE__*/react.styled('div')({
42
42
  "class": "s18bd513",
43
43
  propsAsIs: false
44
44
  });
45
- var _exp16 = function _exp16() {
45
+ var _exp26 = function _exp26() {
46
46
  return function (_ref3) {
47
47
  var width = _ref3.width;
48
48
  return width;
@@ -53,52 +53,52 @@ var StyledContainer = /*#__PURE__*/react.styled('div')({
53
53
  "class": "s7alcr2",
54
54
  propsAsIs: false,
55
55
  vars: {
56
- "s7alcr2-0": [/*#__PURE__*/_exp16()]
56
+ "s7alcr2-0": [/*#__PURE__*/_exp26()]
57
57
  }
58
58
  });
59
- var _exp19 = function _exp19() {
59
+ var _exp29 = function _exp29() {
60
60
  return function (_ref4) {
61
61
  var resize = _ref4.resize;
62
62
  return resize || 'none';
63
63
  };
64
64
  };
65
- var _exp20 = function _exp20() {
65
+ var _exp30 = function _exp30() {
66
66
  return function (_ref5) {
67
67
  var height = _ref5.height;
68
68
  return !Number.isNaN(Number(height)) ? "calc(".concat(height, "rem - 0.875rem)") : height || "var(".concat(TextArea_tokens.tokens.inputHeight, ")");
69
69
  };
70
70
  };
71
- var _exp21 = function _exp21() {
71
+ var _exp31 = function _exp31() {
72
72
  return function (_ref6) {
73
73
  var width = _ref6.width;
74
74
  return !Number.isNaN(Number(width)) ? "".concat(width, "rem") : width || "var(".concat(TextArea_tokens.tokens.inputWidth, ")");
75
75
  };
76
76
  };
77
- var _exp22 = function _exp22() {
77
+ var _exp32 = function _exp32() {
78
78
  return function (_ref7) {
79
79
  var rows = _ref7.rows;
80
80
  return rows ? 'unset' : 'var(--plasma_private-textarea-height)';
81
81
  };
82
82
  };
83
- var _exp23 = function _exp23() {
83
+ var _exp33 = function _exp33() {
84
84
  return function (_ref8) {
85
85
  var cols = _ref8.cols;
86
86
  return cols ? 'unset' : 'var(--plasma_private-textarea-width)';
87
87
  };
88
88
  };
89
- var _exp25 = function _exp25() {
89
+ var _exp35 = function _exp35() {
90
90
  return function (_ref9) {
91
91
  var applyCustomWidth = _ref9.applyCustomWidth;
92
92
  return applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto';
93
93
  };
94
94
  };
95
- var _exp27 = function _exp27() {
95
+ var _exp37 = function _exp37() {
96
96
  return function (_ref10) {
97
97
  var hasContentRight = _ref10.hasContentRight;
98
98
  return hasContentRight ? "var(".concat(TextArea_tokens.tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(TextArea_tokens.tokens.inputPaddingRight, ")");
99
99
  };
100
100
  };
101
- var _exp34 = function _exp34() {
101
+ var _exp44 = function _exp44() {
102
102
  return function (_ref11) {
103
103
  var hasHelper = _ref11.hasHelper,
104
104
  rows = _ref11.rows;
@@ -110,14 +110,14 @@ var StyledTextArea = /*#__PURE__*/react.styled('textarea')({
110
110
  "class": "si9oz50",
111
111
  propsAsIs: false,
112
112
  vars: {
113
- "si9oz50-0": [/*#__PURE__*/_exp19()],
114
- "si9oz50-1": [/*#__PURE__*/_exp20()],
115
- "si9oz50-2": [/*#__PURE__*/_exp21()],
116
- "si9oz50-3": [/*#__PURE__*/_exp22()],
117
- "si9oz50-4": [/*#__PURE__*/_exp23()],
118
- "si9oz50-5": [/*#__PURE__*/_exp25()],
119
- "si9oz50-6": [/*#__PURE__*/_exp27()],
120
- "si9oz50-7": [/*#__PURE__*/_exp34()]
113
+ "si9oz50-0": [/*#__PURE__*/_exp29()],
114
+ "si9oz50-1": [/*#__PURE__*/_exp30()],
115
+ "si9oz50-2": [/*#__PURE__*/_exp31()],
116
+ "si9oz50-3": [/*#__PURE__*/_exp32()],
117
+ "si9oz50-4": [/*#__PURE__*/_exp33()],
118
+ "si9oz50-5": [/*#__PURE__*/_exp35()],
119
+ "si9oz50-6": [/*#__PURE__*/_exp37()],
120
+ "si9oz50-7": [/*#__PURE__*/_exp44()]
121
121
  }
122
122
  });
123
123
  var StyledHelpers = /*#__PURE__*/react.styled('div')({
@@ -130,15 +130,15 @@ var StyledLeftHelper = /*#__PURE__*/react.styled('span')({
130
130
  "class": "s19sfsrt",
131
131
  propsAsIs: false
132
132
  });
133
- var _exp57 = function _exp57() {
133
+ var _exp67 = function _exp67() {
134
134
  return StyledLeftHelper;
135
135
  };
136
- var StyledRightHelper = /*#__PURE__*/react.styled(_exp57())({
136
+ var StyledRightHelper = /*#__PURE__*/react.styled(_exp67())({
137
137
  name: "StyledRightHelper",
138
138
  "class": "sfype23",
139
139
  propsAsIs: true
140
140
  });
141
- var _exp62 = function _exp62() {
141
+ var _exp72 = function _exp72() {
142
142
  return function (_ref12) {
143
143
  var hasContentRight = _ref12.hasContentRight;
144
144
  return hasContentRight ? "var(".concat(TextArea_tokens.tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(TextArea_tokens.tokens.inputPaddingRight, ")");
@@ -149,7 +149,7 @@ var StyledPlaceholder = /*#__PURE__*/react.styled('label')({
149
149
  "class": "s3wsw3p",
150
150
  propsAsIs: false,
151
151
  vars: {
152
- "s3wsw3p-0": [/*#__PURE__*/_exp62()]
152
+ "s3wsw3p-0": [/*#__PURE__*/_exp72()]
153
153
  }
154
154
  });
155
155
  var StyledIndicator = /*#__PURE__*/react.styled('div')({
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.styles.js","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './TextArea.tokens';\n\nexport const StyledLabel = styled.div`\n position: relative;\n display: inline-flex;\n margin-bottom: var(${tokens.labelMarginBottom});\n\n font-family: var(${tokens.inputFontFamily});\n font-size: var(${tokens.inputFontSize});\n font-style: var(${tokens.inputFontStyle});\n font-weight: var(${tokens.inputFontWeight});\n letter-spacing: var(${tokens.inputLetterSpacing});\n line-height: var(${tokens.inputLineHeight});\n`;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledTextAreaWrapper = styled.div<{\n hasHelper: boolean;\n}>`\n background-color: var(${tokens.inputBackgroundColor});\n\n padding-top: var(${tokens.inputPaddingTop});\n padding-bottom: ${({ hasHelper }) =>\n hasHelper ? `var(${tokens.inputPaddingBottomWithHelpers})` : `var(${tokens.inputPaddingBottom})`};\n\n border-radius: ${({ hasHelper }) =>\n hasHelper ? `var(${tokens.borderRadiusWithHelpers})` : `var(${tokens.borderRadius})`};\n`;\n\nexport const StyledContent = styled.div`\n position: absolute;\n display: flex;\n align-items: center;\n bottom: 0;\n z-index: 1;\n\n top: var(${tokens.rightContentTop});\n right: var(${tokens.rightContentRight});\n\n height: var(${tokens.rightContentHeight});\n`;\n\nexport const StyledContainer = styled.div<{ width: string }>`\n display: inline-flex;\n flex-direction: column;\n\n width: ${({ width }) => width};\n\n position: relative;\n`;\n\nexport const StyledTextArea = styled.textarea<{\n hasHelper: boolean;\n hasContentRight: boolean;\n applyCustomWidth: boolean;\n width?: string | number;\n height?: string | number;\n resize?: string;\n}>`\n display: block;\n box-sizing: border-box;\n outline: none;\n border: none;\n -webkit-appearance: none; /* для отображение рамок на iOS */\n background-color: transparent;\n\n color: var(${tokens.inputColor});\n caret-color: var(${tokens.inputCaretColor});\n\n resize: ${({ resize }) => resize || 'none'};\n\n --plasma_private-textarea-height: ${({ height }) =>\n !Number.isNaN(Number(height)) ? `calc(${height}rem - 0.875rem)` : height || `var(${tokens.inputHeight})`};\n\n --plasma_private-textarea-width: ${({ width }) =>\n !Number.isNaN(Number(width)) ? `${width}rem` : width || `var(${tokens.inputWidth})`};\n\n --plasma_private-textarea-computed-height: ${({ rows }) =>\n rows ? 'unset' : 'var(--plasma_private-textarea-height)'};\n --plasma_private-textarea-computed-width: ${({ cols }) =>\n cols ? 'unset' : 'var(--plasma_private-textarea-width)'};\n\n height: var(--plasma_private-textarea-computed-height);\n width: var(--plasma_private-textarea-computed-width);\n\n min-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n max-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n\n min-height: var(${tokens.inputMinHeight});\n\n padding-right: ${({ hasContentRight }) =>\n hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n padding-left: var(${tokens.inputPaddingLeft});\n padding-top: 0;\n padding-bottom: 0;\n\n /* INFO: Высчитываем высоту блока с подсказками */\n --plasma_private-textarea-helpers-computed-height: calc(\n var(${tokens.helpersPaddingTop}) + var(${tokens.helpersPaddingBottom}) + var(${tokens.helpersLineHeight})\n );\n\n --plasma_private-textarea-input-with-helpers-height: calc(\n var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) +\n var(${tokens.helpersOffset})\n );\n --plasma_private-textarea-input-without-helpers-height: calc(\n var(--plasma_private-textarea-computed-height) - var(${tokens.inputPaddingBottom})\n );\n\n --plasma_private-textarea-input-actual-height: ${({ hasHelper, rows }) =>\n hasHelper && !rows\n ? 'var(--plasma_private-textarea-input-with-helpers-height)'\n : 'var(--plasma_private-textarea-input-without-helpers-height)'};\n\n height: var(--plasma_private-textarea-input-actual-height);\n\n font-family: var(${tokens.inputFontFamily});\n font-size: var(${tokens.inputFontSize});\n font-style: var(${tokens.inputFontStyle});\n font-weight: var(${tokens.inputFontWeight});\n letter-spacing: var(${tokens.inputLetterSpacing});\n line-height: var(${tokens.inputLineHeight});\n\n &::placeholder {\n opacity: 0;\n }\n\n &:read-only {\n cursor: default;\n }\n\n &:focus:not(:disabled) {\n color: var(${tokens.inputColorFocus});\n }\n`;\n\nexport const StyledHelpers = styled.div`\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n\n transition: background-color 0.1s ease-in-out;\n\n background-color: var(${tokens.helpersBackgroundColor});\n\n padding-top: var(${tokens.helpersPaddingTop});\n padding-right: var(${tokens.helpersPaddingRight});\n padding-bottom: var(${tokens.helpersPaddingBottom});\n padding-left: var(${tokens.helpersPaddingLeft});\n\n border-bottom-left-radius: var(${tokens.borderRadius});\n border-bottom-right-radius: var(${tokens.borderRadius});\n`;\n\nexport const StyledLeftHelper = styled.span`\n ${applyEllipsis()};\n\n display: block;\n\n font-family: var(${tokens.helpersFontFamily});\n font-size: var(${tokens.helpersFontSize});\n font-style: var(${tokens.helpersFontStyle});\n font-weight: var(${tokens.helpersFontWeight});\n letter-spacing: var(${tokens.helpersLetterSpacing});\n line-height: var(${tokens.helpersLineHeight});\n\n color: var(${tokens.leftHelperColor});\n`;\n\nexport const StyledRightHelper = styled(StyledLeftHelper)`\n color: var(${tokens.rightHelperColor});\n margin-left: auto;\n`;\n\nexport const StyledPlaceholder = styled.label<{\n hasContentRight: boolean;\n}>`\n box-sizing: border-box;\n position: absolute;\n pointer-events: none;\n display: inline-flex;\n align-items: center;\n\n transition: all 0.1s ease-in-out;\n transform-origin: top left;\n\n color: var(${tokens.placeholderColor});\n\n width: 100%;\n height: auto;\n\n top: var(${tokens.inputPaddingTop});\n padding-left: var(${tokens.inputPaddingLeft});\n padding-right: ${({ hasContentRight }) =>\n hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n\n font-family: var(${tokens.inputFontFamily});\n font-size: var(${tokens.inputFontSize});\n font-style: var(${tokens.inputFontStyle});\n font-weight: var(${tokens.inputFontWeight});\n letter-spacing: var(${tokens.inputLetterSpacing});\n line-height: var(${tokens.inputLineHeight});\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["StyledLabel","styled","name","class","propsAsIs","StyledOptionalText","_exp11","_ref","hasHelper","concat","tokens","inputPaddingBottomWithHelpers","inputPaddingBottom","_exp12","_ref2","borderRadiusWithHelpers","borderRadius","StyledTextAreaWrapper","vars","StyledContent","_exp16","_ref3","width","StyledContainer","_exp19","_ref4","resize","_exp20","_ref5","height","Number","isNaN","inputHeight","_exp21","_ref6","inputWidth","_exp22","_ref7","rows","_exp23","_ref8","cols","_exp25","_ref9","applyCustomWidth","_exp27","_ref10","hasContentRight","inputPaddingRightWithRightContent","inputPaddingRight","_exp34","_ref11","StyledTextArea","StyledHelpers","StyledLeftHelper","_exp57","StyledRightHelper","_exp62","_ref12","StyledPlaceholder","StyledIndicator"],"mappings":"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"}
1
+ {"version":3,"file":"TextArea.styles.js","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './TextArea.tokens';\n\nexport const StyledLabel = styled.div`\n position: relative;\n display: inline-flex;\n margin-bottom: var(${tokens.labelMarginBottom});\n\n color: var(${tokens.labelOuterColor}, var(${tokens.inputColor}));\n font-family: var(${tokens.labelOuterFontFamily}, var(${tokens.inputFontFamily}));\n font-size: var(${tokens.labelOuterFontSize}, var(${tokens.inputFontSize}));\n font-style: var(${tokens.labelOuterFontStyle}, var(${tokens.inputFontStyle}));\n font-weight: var(${tokens.labelOuterFontWeight}, var(${tokens.inputFontWeight}));\n letter-spacing: var(${tokens.labelOuterLetterSpacing}, var(${tokens.inputLetterSpacing}));\n line-height: var(${tokens.labelOuterLineHeight}, var(${tokens.inputLineHeight}));\n`;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledTextAreaWrapper = styled.div<{\n hasHelper: boolean;\n}>`\n background-color: var(${tokens.inputBackgroundColor});\n\n padding-top: var(${tokens.inputPaddingTop});\n padding-bottom: ${({ hasHelper }) =>\n hasHelper ? `var(${tokens.inputPaddingBottomWithHelpers})` : `var(${tokens.inputPaddingBottom})`};\n\n border-radius: ${({ hasHelper }) =>\n hasHelper ? `var(${tokens.borderRadiusWithHelpers})` : `var(${tokens.borderRadius})`};\n`;\n\nexport const StyledContent = styled.div`\n position: absolute;\n display: flex;\n align-items: center;\n bottom: 0;\n z-index: 1;\n\n color: var(${tokens.rightContentColor}, var(${tokens.inputColor}));\n\n top: var(${tokens.rightContentTop});\n right: var(${tokens.rightContentRight});\n\n height: var(${tokens.rightContentHeight});\n`;\n\nexport const StyledContainer = styled.div<{ width: string }>`\n display: inline-flex;\n flex-direction: column;\n\n width: ${({ width }) => width};\n\n position: relative;\n`;\n\nexport const StyledTextArea = styled.textarea<{\n hasHelper: boolean;\n hasContentRight: boolean;\n applyCustomWidth: boolean;\n width?: string | number;\n height?: string | number;\n resize?: string;\n}>`\n display: block;\n box-sizing: border-box;\n outline: none;\n border: none;\n -webkit-appearance: none; /* для отображение рамок на iOS */\n background-color: transparent;\n\n color: var(${tokens.inputColor});\n caret-color: var(${tokens.inputCaretColor});\n\n resize: ${({ resize }) => resize || 'none'};\n\n --plasma_private-textarea-height: ${({ height }) =>\n !Number.isNaN(Number(height)) ? `calc(${height}rem - 0.875rem)` : height || `var(${tokens.inputHeight})`};\n\n --plasma_private-textarea-width: ${({ width }) =>\n !Number.isNaN(Number(width)) ? `${width}rem` : width || `var(${tokens.inputWidth})`};\n\n --plasma_private-textarea-computed-height: ${({ rows }) =>\n rows ? 'unset' : 'var(--plasma_private-textarea-height)'};\n --plasma_private-textarea-computed-width: ${({ cols }) =>\n cols ? 'unset' : 'var(--plasma_private-textarea-width)'};\n\n height: var(--plasma_private-textarea-computed-height);\n width: var(--plasma_private-textarea-computed-width);\n\n min-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n max-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n\n min-height: var(${tokens.inputMinHeight});\n\n padding-right: ${({ hasContentRight }) =>\n hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n padding-left: var(${tokens.inputPaddingLeft});\n padding-top: 0;\n padding-bottom: 0;\n\n /* INFO: Высчитываем высоту блока с подсказками */\n --plasma_private-textarea-helpers-computed-height: calc(\n var(${tokens.helpersPaddingTop}) + var(${tokens.helpersPaddingBottom}) + var(${tokens.helpersLineHeight})\n );\n\n --plasma_private-textarea-input-with-helpers-height: calc(\n var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) +\n var(${tokens.helpersOffset})\n );\n --plasma_private-textarea-input-without-helpers-height: calc(\n var(--plasma_private-textarea-computed-height) - var(${tokens.inputPaddingBottom})\n );\n\n --plasma_private-textarea-input-actual-height: ${({ hasHelper, rows }) =>\n hasHelper && !rows\n ? 'var(--plasma_private-textarea-input-with-helpers-height)'\n : 'var(--plasma_private-textarea-input-without-helpers-height)'};\n\n height: var(--plasma_private-textarea-input-actual-height);\n\n font-family: var(${tokens.inputFontFamily});\n font-size: var(${tokens.inputFontSize});\n font-style: var(${tokens.inputFontStyle});\n font-weight: var(${tokens.inputFontWeight});\n letter-spacing: var(${tokens.inputLetterSpacing});\n line-height: var(${tokens.inputLineHeight});\n\n &::placeholder {\n opacity: 0;\n }\n\n &:read-only {\n cursor: default;\n }\n\n &:focus:not(:disabled) {\n color: var(${tokens.inputColorFocus});\n }\n`;\n\nexport const StyledHelpers = styled.div`\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n\n transition: background-color 0.1s ease-in-out;\n\n background-color: var(${tokens.helpersBackgroundColor});\n\n padding-top: var(${tokens.helpersPaddingTop});\n padding-right: var(${tokens.helpersPaddingRight});\n padding-bottom: var(${tokens.helpersPaddingBottom});\n padding-left: var(${tokens.helpersPaddingLeft});\n\n border-bottom-left-radius: var(${tokens.borderRadius});\n border-bottom-right-radius: var(${tokens.borderRadius});\n`;\n\nexport const StyledLeftHelper = styled.span`\n ${applyEllipsis()};\n\n display: block;\n\n font-family: var(${tokens.helpersFontFamily});\n font-size: var(${tokens.helpersFontSize});\n font-style: var(${tokens.helpersFontStyle});\n font-weight: var(${tokens.helpersFontWeight});\n letter-spacing: var(${tokens.helpersLetterSpacing});\n line-height: var(${tokens.helpersLineHeight});\n\n color: var(${tokens.leftHelperColor});\n`;\n\nexport const StyledRightHelper = styled(StyledLeftHelper)`\n color: var(${tokens.rightHelperColor});\n margin-left: auto;\n`;\n\nexport const StyledPlaceholder = styled.label<{\n hasContentRight: boolean;\n}>`\n box-sizing: border-box;\n position: absolute;\n pointer-events: none;\n display: inline-flex;\n align-items: center;\n\n transition: all 0.1s ease-in-out;\n transform-origin: top left;\n\n color: var(${tokens.placeholderColor});\n\n width: 100%;\n height: auto;\n\n top: var(${tokens.inputPaddingTop});\n padding-left: var(${tokens.inputPaddingLeft});\n padding-right: ${({ hasContentRight }) =>\n hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n\n font-family: var(${tokens.inputFontFamily});\n font-size: var(${tokens.inputFontSize});\n font-style: var(${tokens.inputFontStyle});\n font-weight: var(${tokens.inputFontWeight});\n letter-spacing: var(${tokens.inputLetterSpacing});\n line-height: var(${tokens.inputLineHeight});\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["StyledLabel","styled","name","class","propsAsIs","StyledOptionalText","_exp19","_ref","hasHelper","concat","tokens","inputPaddingBottomWithHelpers","inputPaddingBottom","_exp20","_ref2","borderRadiusWithHelpers","borderRadius","StyledTextAreaWrapper","vars","StyledContent","_exp26","_ref3","width","StyledContainer","_exp29","_ref4","resize","_exp30","_ref5","height","Number","isNaN","inputHeight","_exp31","_ref6","inputWidth","_exp32","_ref7","rows","_exp33","_ref8","cols","_exp35","_ref9","applyCustomWidth","_exp37","_ref10","hasContentRight","inputPaddingRightWithRightContent","inputPaddingRight","_exp44","_ref11","StyledTextArea","StyledHelpers","StyledLeftHelper","_exp67","StyledRightHelper","_exp72","_ref12","StyledPlaceholder","StyledIndicator"],"mappings":"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"}
@@ -1,7 +1,7 @@
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);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);}
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
2
  .s1r1fvk8{color:var(--plasma-textarea__optional-color);}
3
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;top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
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
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
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);}
7
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);}
@@ -109,6 +109,20 @@ var tokens = {
109
109
  rightContentRight: '--plasma-textarea-right-content-right',
110
110
  /** Высота контента справа */
111
111
  rightContentHeight: '--plasma-textarea-right-content-height',
112
+ /** Шрифт для элемента label, когда он внутри и уменьшен */
113
+ labelOuterColor: '--plasma-textarea-label-outer-color',
114
+ /** Шрифт для элемента label, когда он внутри и уменьшен */
115
+ labelOuterFontFamily: '--plasma-textarea-label-outer-font-family',
116
+ /** Размер шрифта для элемента label, когда он внутри и уменьшен */
117
+ labelOuterFontSize: '--plasma-textarea-label-outer-font-size',
118
+ /** Стиль шрифта для элемента label, когда он внутри и уменьшен */
119
+ labelOuterFontStyle: '--plasma-textarea-label-outer-font-style',
120
+ /** Начертание шрифта для элемента label, когда он внутри и уменьшен */
121
+ labelOuterFontWeight: '--plasma-textarea-label-outer-font-weight',
122
+ /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */
123
+ labelOuterLetterSpacing: '--plasma-textarea-label-outer-letter-spacing',
124
+ /** Высота строки для элемента label, когда он внутри и уменьшен */
125
+ labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',
112
126
  /** Отступ сверху для элемента label, когда он внутри и уменьшен */
113
127
  labelMarginBottom: '--plasma-textarea-label-margin-bottom',
114
128
  /** Шрифт для элемента label, когда он внутри и уменьшен */
@@ -151,6 +165,7 @@ var tokens = {
151
165
  helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',
152
166
  /** Высота строки для элемента блока подписей снизу */
153
167
  helpersLineHeight: '--plasma-textarea-helpers-line-height',
168
+ rightContentColor: '--plasma-textarea-right-content-color',
154
169
  /** Прозрачность для всего компонента в состоянии disabled */
155
170
  disabledOpacity: '--plasma-textarea-disabled-opacity',
156
171
  /** Цвет текста для элемента textarea в состоянии disabled */
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.tokens.js","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"sourcesContent":["export const classes = {\n /** Класс отвечающий за поднятие и уменьшение плейсхолдера */\n innerPlaceholderUp: 'inner-placeholder-up',\n /** Класс отвечающий за изменение цвета плейсхолдера при фокусе */\n focusedOuterPlaceholderColor: 'focused-outer-placeholder-color',\n /** Класс отвечающий за скрытие плейсхолдера */\n hidePlaceHolder: 'hide-placeholder',\n /** Класс для компонента `StyledContainer` */\n styledContainer: 'textarea-container',\n /** Класс для компонента `StyledTextArea` */\n styledTextArea: 'textarea',\n /** Класс для компонента `StyledTextAreaWrapper` */\n styledTextAreaWrapper: 'textarea-wrapper',\n /** Класс для компонента `StyledPlaceholder` */\n styledPlaceholder: 'textarea-placeholder',\n /** Класс для компонента `StyledHelpers` */\n styledHelpers: 'textarea-helpers',\n innerLabelPlacement: 'label-placement-inner',\n outerLabelPlacement: 'label-placement-outer',\n};\n\nexport const tokens = {\n /** Цвет фона для элемента textarea */\n inputBackgroundColor: '--plasma-textarea-input-background-color',\n /** Цвет фона для элемента textarea в состоянии hover */\n inputBackgroundColorHover: '--plasma-textarea-input-background-color-hover',\n /** Цвет фона для элемента textarea в состоянии active */\n inputBackgroundColorActive: '--plasma-textarea-input-background-color-active',\n /** Цвет фона для элемента textarea в состоянии focus */\n inputBackgroundColorFocus: '--plasma-textarea-input-background-color-focus',\n /** Цвета границы для элемента textarea */\n inputBorderColor: '--plasma-textarea-input-border-color',\n /** Цвета границы для элемента textarea в состоянии hover */\n inputBorderColorHover: '--plasma-textarea-input-border-color-hover',\n /** Цвета границы для элемента textarea в состоянии active */\n inputBorderColorActive: '--plasma-textarea-input-border-color-active',\n /** Цвета границы для элемента textarea в состоянии focus */\n inputBorderColorFocus: '--plasma-textarea-input-border-color-focus',\n /** Цвет фона для блока подписей снизу */\n helpersBackgroundColor: '--plasma-textarea-helpers-background-color',\n /** Цвет фона для блока подписей снизу в состоянии hover */\n helpersBackgroundColorHover: '--plasma-textarea-helpers-background-color-hover',\n /** Цвет фона для блока подписей снизу в состоянии active */\n helpersBackgroundColorActive: '--plasma-textarea-helpers-background-color-active',\n /** Цвет фона для блока подписей снизу в состоянии focus */\n helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',\n /** Цвет текста для элемента textarea */\n inputColor: '--plasma-textarea-input-color',\n /** Цвет текста для элемента textarea в состоянии focus */\n inputColorFocus: '--plasma-textarea-input-color-focus',\n /** Цвет каретки для элемента textarea */\n inputCaretColor: '--plasma-textarea-input-caret-color',\n /** Цвет элемента placeholder */\n placeholderColor: '--plasma-textarea-placeholder-color',\n /** Цвет элемента placeholder в состоянии focus */\n placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',\n /** Цвет элемента optional */\n optionalColor: '--plasma-textarea__optional-color',\n /** Цвет текста для левой подписи снизу */\n leftHelperColor: '--plasma-textarea-left-helper-color',\n /** Цвет текста для правой подписи снизу */\n rightHelperColor: '--plasma-textarea-right-helper-color',\n /** Цвета границы для всего компонента */\n borderColor: '--plasma-textarea-border-color',\n /** Цвета границы для всего компонента в состоянии hover */\n borderColorHover: '--plasma-textarea-border-color-hover',\n /** Цвета границы для всего компонента в состоянии focus */\n borderColorFocus: '--plasma-textarea-border-color-focus',\n\n /** Ширина элемента textarea */\n inputWidth: '--plasma-textarea-input-width',\n /** Высота элемента textarea */\n inputHeight: '--plasma-textarea-input-height',\n /** Минимальная высота элемента textarea */\n inputMinHeight: '--plasma-textarea-input-min-height',\n /** Толщина рамки всего компонента */\n borderSize: '--plasma-textarea-border-size',\n /** Размер скругления рамки всего компонента */\n borderRadius: '--plasma-textarea-border-radius',\n /** Размер скругления рамки всего компонента, когда есть блок подписей и у него нет рамки */\n borderRadiusWithHelpers: '--plasma-textarea-border-radius-with-helpers',\n /** Отступ сверху для элемента textarea */\n inputPaddingTop: '--plasma-textarea-input-padding-top',\n /** Отступ справа для элемента textarea */\n inputPaddingRight: '--plasma-textarea-input-padding-right',\n /** Отступ справа для элемента textarea, когда есть контент справа */\n inputPaddingRightWithRightContent: '--plasma-textarea-input-padding-right-with-right-content',\n /** Отступ снизу для элемента textarea */\n inputPaddingBottom: '--plasma-textarea-input-padding-bottom',\n /** Отступ снизу для элемента textarea, когда есть блок подписей */\n inputPaddingBottomWithHelpers: '--plasma-textarea-input-padding-bottom-with-helpers',\n /** Отступ слева для элемента textarea */\n inputPaddingLeft: '--plasma-textarea-input-padding-left',\n /** Отступ сверху для блока подписей */\n helpersPaddingTop: '--plasma-textarea-helpers-padding-top',\n /** Отступ справа для блока подписей */\n helpersPaddingRight: '--plasma-textarea-helpers-padding-right',\n /** Отступ снизу для блока подписей */\n helpersPaddingBottom: '--plasma-textarea-helpers-padding-bottom',\n /** Отступ слева для блока подписей */\n helpersPaddingLeft: '--plasma-textarea-helpers-padding-left',\n /** Вспомогательная высота для всего компонента, когда есть блок подписей и у него нет рамки */\n helpersOffset: '--plasma-textarea-helpers-offset',\n /** Отступ сверху для контента справа */\n rightContentTop: '--plasma-textarea-right-content-top',\n /** Отступ справа для контента справа */\n rightContentRight: '--plasma-textarea-right-content-right',\n /** Высота контента справа */\n rightContentHeight: '--plasma-textarea-right-content-height',\n /** Отступ сверху для элемента label, когда он внутри и уменьшен */\n labelMarginBottom: '--plasma-textarea-label-margin-bottom',\n /** Шрифт для элемента label, когда он внутри и уменьшен */\n labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',\n /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n labelInnerFontSize: '--plasma-textarea-label-inner-font-size',\n /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n labelInnerFontStyle: '--plasma-textarea-label-inner-font-style',\n /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n labelInnerFontWeight: '--plasma-textarea-label-inner-font-weight',\n /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n labelInnerLetterSpacing: '--plasma-textarea-label-inner-letter-spacing',\n /** Высота строки для элемента label, когда он внутри и уменьшен */\n labelInnerLineHeight: '--plasma-textarea-label-inner-line-height',\n /** Отступ сверху для элемента textarea при фокусе */\n labelInnerTop: '--plasma-textarea-label-inner-top',\n /** Отступ между Label и TextArea */\n labelInnerMarginBottom: '--plasma-textarea-label-inner-margin-bottom',\n /** Шрифт для элемента textarea */\n inputFontFamily: '--plasma-textarea-input-font-family',\n /** Размер шрифта для элемента textarea */\n inputFontSize: '--plasma-textarea-input-font-size',\n /** Стиль шрифта для элемента textarea */\n inputFontStyle: '--plasma-textarea-input-font-style',\n /** Начертание шрифта для элемента textarea */\n inputFontWeight: '--plasma-textarea-input-font-weight',\n /** Межсимвольное расстояние шрифта для элемента textarea */\n inputLetterSpacing: '--plasma-textarea-input-letter-spacing',\n /** Высота строки шрифта для элемента textarea */\n inputLineHeight: '--plasma-textarea-input-line-height',\n /** Шрифт для элемента блока подписей снизу */\n helpersFontFamily: '--plasma-textarea-helpers-font-family',\n /** Размер шрифта для элемента блока подписей снизу */\n helpersFontSize: '--plasma-textarea-helpers-font-size',\n /** Стиль шрифта для элемента блока подписей снизу */\n helpersFontStyle: '--plasma-textarea-helpers-font-style',\n /** Начертание шрифта для элемента блока подписей снизу */\n helpersFontWeight: '--plasma-textarea-helpers-font-weight',\n /** Межсимвольное расстояние для элемента блока подписей снизу */\n helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',\n /** Высота строки для элемента блока подписей снизу */\n helpersLineHeight: '--plasma-textarea-helpers-line-height',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-textarea-disabled-opacity',\n /** Цвет текста для элемента textarea в состоянии disabled */\n inputColorDisabled: '--plasma-textarea-input-color-disabled',\n\n indicatorColor: '--plasma-textarea-indicator-color',\n indicatorSizeInner: '--plasma-textarea-indicator-size-inner',\n indicatorSizeOuter: '--plasma-textarea-indicator-size-outer',\n indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',\n indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',\n indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',\n indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right',\n};\n"],"names":["classes","innerPlaceholderUp","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","innerLabelPlacement","outerLabelPlacement","tokens","inputBackgroundColor","inputBackgroundColorHover","inputBackgroundColorActive","inputBackgroundColorFocus","inputBorderColor","inputBorderColorHover","inputBorderColorActive","inputBorderColorFocus","helpersBackgroundColor","helpersBackgroundColorHover","helpersBackgroundColorActive","helpersBackgroundColorFocus","inputColor","inputColorFocus","inputCaretColor","placeholderColor","placeholderColorFocus","optionalColor","leftHelperColor","rightHelperColor","borderColor","borderColorHover","borderColorFocus","inputWidth","inputHeight","inputMinHeight","borderSize","borderRadius","borderRadiusWithHelpers","inputPaddingTop","inputPaddingRight","inputPaddingRightWithRightContent","inputPaddingBottom","inputPaddingBottomWithHelpers","inputPaddingLeft","helpersPaddingTop","helpersPaddingRight","helpersPaddingBottom","helpersPaddingLeft","helpersOffset","rightContentTop","rightContentRight","rightContentHeight","labelMarginBottom","labelInnerFontFamily","labelInnerFontSize","labelInnerFontStyle","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerTop","labelInnerMarginBottom","inputFontFamily","inputFontSize","inputFontStyle","inputFontWeight","inputLetterSpacing","inputLineHeight","helpersFontFamily","helpersFontSize","helpersFontStyle","helpersFontWeight","helpersLetterSpacing","helpersLineHeight","disabledOpacity","inputColorDisabled","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight"],"mappings":"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"}
1
+ {"version":3,"file":"TextArea.tokens.js","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"sourcesContent":["export const classes = {\n /** Класс отвечающий за поднятие и уменьшение плейсхолдера */\n innerPlaceholderUp: 'inner-placeholder-up',\n /** Класс отвечающий за изменение цвета плейсхолдера при фокусе */\n focusedOuterPlaceholderColor: 'focused-outer-placeholder-color',\n /** Класс отвечающий за скрытие плейсхолдера */\n hidePlaceHolder: 'hide-placeholder',\n /** Класс для компонента `StyledContainer` */\n styledContainer: 'textarea-container',\n /** Класс для компонента `StyledTextArea` */\n styledTextArea: 'textarea',\n /** Класс для компонента `StyledTextAreaWrapper` */\n styledTextAreaWrapper: 'textarea-wrapper',\n /** Класс для компонента `StyledPlaceholder` */\n styledPlaceholder: 'textarea-placeholder',\n /** Класс для компонента `StyledHelpers` */\n styledHelpers: 'textarea-helpers',\n innerLabelPlacement: 'label-placement-inner',\n outerLabelPlacement: 'label-placement-outer',\n};\n\nexport const tokens = {\n /** Цвет фона для элемента textarea */\n inputBackgroundColor: '--plasma-textarea-input-background-color',\n /** Цвет фона для элемента textarea в состоянии hover */\n inputBackgroundColorHover: '--plasma-textarea-input-background-color-hover',\n /** Цвет фона для элемента textarea в состоянии active */\n inputBackgroundColorActive: '--plasma-textarea-input-background-color-active',\n /** Цвет фона для элемента textarea в состоянии focus */\n inputBackgroundColorFocus: '--plasma-textarea-input-background-color-focus',\n /** Цвета границы для элемента textarea */\n inputBorderColor: '--plasma-textarea-input-border-color',\n /** Цвета границы для элемента textarea в состоянии hover */\n inputBorderColorHover: '--plasma-textarea-input-border-color-hover',\n /** Цвета границы для элемента textarea в состоянии active */\n inputBorderColorActive: '--plasma-textarea-input-border-color-active',\n /** Цвета границы для элемента textarea в состоянии focus */\n inputBorderColorFocus: '--plasma-textarea-input-border-color-focus',\n /** Цвет фона для блока подписей снизу */\n helpersBackgroundColor: '--plasma-textarea-helpers-background-color',\n /** Цвет фона для блока подписей снизу в состоянии hover */\n helpersBackgroundColorHover: '--plasma-textarea-helpers-background-color-hover',\n /** Цвет фона для блока подписей снизу в состоянии active */\n helpersBackgroundColorActive: '--plasma-textarea-helpers-background-color-active',\n /** Цвет фона для блока подписей снизу в состоянии focus */\n helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',\n /** Цвет текста для элемента textarea */\n inputColor: '--plasma-textarea-input-color',\n /** Цвет текста для элемента textarea в состоянии focus */\n inputColorFocus: '--plasma-textarea-input-color-focus',\n /** Цвет каретки для элемента textarea */\n inputCaretColor: '--plasma-textarea-input-caret-color',\n /** Цвет элемента placeholder */\n placeholderColor: '--plasma-textarea-placeholder-color',\n /** Цвет элемента placeholder в состоянии focus */\n placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',\n /** Цвет элемента optional */\n optionalColor: '--plasma-textarea__optional-color',\n /** Цвет текста для левой подписи снизу */\n leftHelperColor: '--plasma-textarea-left-helper-color',\n /** Цвет текста для правой подписи снизу */\n rightHelperColor: '--plasma-textarea-right-helper-color',\n /** Цвета границы для всего компонента */\n borderColor: '--plasma-textarea-border-color',\n /** Цвета границы для всего компонента в состоянии hover */\n borderColorHover: '--plasma-textarea-border-color-hover',\n /** Цвета границы для всего компонента в состоянии focus */\n borderColorFocus: '--plasma-textarea-border-color-focus',\n\n /** Ширина элемента textarea */\n inputWidth: '--plasma-textarea-input-width',\n /** Высота элемента textarea */\n inputHeight: '--plasma-textarea-input-height',\n /** Минимальная высота элемента textarea */\n inputMinHeight: '--plasma-textarea-input-min-height',\n /** Толщина рамки всего компонента */\n borderSize: '--plasma-textarea-border-size',\n /** Размер скругления рамки всего компонента */\n borderRadius: '--plasma-textarea-border-radius',\n /** Размер скругления рамки всего компонента, когда есть блок подписей и у него нет рамки */\n borderRadiusWithHelpers: '--plasma-textarea-border-radius-with-helpers',\n /** Отступ сверху для элемента textarea */\n inputPaddingTop: '--plasma-textarea-input-padding-top',\n /** Отступ справа для элемента textarea */\n inputPaddingRight: '--plasma-textarea-input-padding-right',\n /** Отступ справа для элемента textarea, когда есть контент справа */\n inputPaddingRightWithRightContent: '--plasma-textarea-input-padding-right-with-right-content',\n /** Отступ снизу для элемента textarea */\n inputPaddingBottom: '--plasma-textarea-input-padding-bottom',\n /** Отступ снизу для элемента textarea, когда есть блок подписей */\n inputPaddingBottomWithHelpers: '--plasma-textarea-input-padding-bottom-with-helpers',\n /** Отступ слева для элемента textarea */\n inputPaddingLeft: '--plasma-textarea-input-padding-left',\n /** Отступ сверху для блока подписей */\n helpersPaddingTop: '--plasma-textarea-helpers-padding-top',\n /** Отступ справа для блока подписей */\n helpersPaddingRight: '--plasma-textarea-helpers-padding-right',\n /** Отступ снизу для блока подписей */\n helpersPaddingBottom: '--plasma-textarea-helpers-padding-bottom',\n /** Отступ слева для блока подписей */\n helpersPaddingLeft: '--plasma-textarea-helpers-padding-left',\n /** Вспомогательная высота для всего компонента, когда есть блок подписей и у него нет рамки */\n helpersOffset: '--plasma-textarea-helpers-offset',\n /** Отступ сверху для контента справа */\n rightContentTop: '--plasma-textarea-right-content-top',\n /** Отступ справа для контента справа */\n rightContentRight: '--plasma-textarea-right-content-right',\n /** Высота контента справа */\n rightContentHeight: '--plasma-textarea-right-content-height',\n /** Шрифт для элемента label, когда он внутри и уменьшен */\n labelOuterColor: '--plasma-textarea-label-outer-color',\n /** Шрифт для элемента label, когда он внутри и уменьшен */\n labelOuterFontFamily: '--plasma-textarea-label-outer-font-family',\n /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n labelOuterFontSize: '--plasma-textarea-label-outer-font-size',\n /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n labelOuterFontStyle: '--plasma-textarea-label-outer-font-style',\n /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n labelOuterFontWeight: '--plasma-textarea-label-outer-font-weight',\n /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n labelOuterLetterSpacing: '--plasma-textarea-label-outer-letter-spacing',\n /** Высота строки для элемента label, когда он внутри и уменьшен */\n labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',\n /** Отступ сверху для элемента label, когда он внутри и уменьшен */\n labelMarginBottom: '--plasma-textarea-label-margin-bottom',\n /** Шрифт для элемента label, когда он внутри и уменьшен */\n labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',\n /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n labelInnerFontSize: '--plasma-textarea-label-inner-font-size',\n /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n labelInnerFontStyle: '--plasma-textarea-label-inner-font-style',\n /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n labelInnerFontWeight: '--plasma-textarea-label-inner-font-weight',\n /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n labelInnerLetterSpacing: '--plasma-textarea-label-inner-letter-spacing',\n /** Высота строки для элемента label, когда он внутри и уменьшен */\n labelInnerLineHeight: '--plasma-textarea-label-inner-line-height',\n /** Отступ сверху для элемента textarea при фокусе */\n labelInnerTop: '--plasma-textarea-label-inner-top',\n /** Отступ между Label и TextArea */\n labelInnerMarginBottom: '--plasma-textarea-label-inner-margin-bottom',\n /** Шрифт для элемента textarea */\n inputFontFamily: '--plasma-textarea-input-font-family',\n /** Размер шрифта для элемента textarea */\n inputFontSize: '--plasma-textarea-input-font-size',\n /** Стиль шрифта для элемента textarea */\n inputFontStyle: '--plasma-textarea-input-font-style',\n /** Начертание шрифта для элемента textarea */\n inputFontWeight: '--plasma-textarea-input-font-weight',\n /** Межсимвольное расстояние шрифта для элемента textarea */\n inputLetterSpacing: '--plasma-textarea-input-letter-spacing',\n /** Высота строки шрифта для элемента textarea */\n inputLineHeight: '--plasma-textarea-input-line-height',\n /** Шрифт для элемента блока подписей снизу */\n helpersFontFamily: '--plasma-textarea-helpers-font-family',\n /** Размер шрифта для элемента блока подписей снизу */\n helpersFontSize: '--plasma-textarea-helpers-font-size',\n /** Стиль шрифта для элемента блока подписей снизу */\n helpersFontStyle: '--plasma-textarea-helpers-font-style',\n /** Начертание шрифта для элемента блока подписей снизу */\n helpersFontWeight: '--plasma-textarea-helpers-font-weight',\n /** Межсимвольное расстояние для элемента блока подписей снизу */\n helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',\n /** Высота строки для элемента блока подписей снизу */\n helpersLineHeight: '--plasma-textarea-helpers-line-height',\n\n rightContentColor: '--plasma-textarea-right-content-color',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-textarea-disabled-opacity',\n /** Цвет текста для элемента textarea в состоянии disabled */\n inputColorDisabled: '--plasma-textarea-input-color-disabled',\n\n indicatorColor: '--plasma-textarea-indicator-color',\n indicatorSizeInner: '--plasma-textarea-indicator-size-inner',\n indicatorSizeOuter: '--plasma-textarea-indicator-size-outer',\n indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',\n indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',\n indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',\n indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right',\n};\n"],"names":["classes","innerPlaceholderUp","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","innerLabelPlacement","outerLabelPlacement","tokens","inputBackgroundColor","inputBackgroundColorHover","inputBackgroundColorActive","inputBackgroundColorFocus","inputBorderColor","inputBorderColorHover","inputBorderColorActive","inputBorderColorFocus","helpersBackgroundColor","helpersBackgroundColorHover","helpersBackgroundColorActive","helpersBackgroundColorFocus","inputColor","inputColorFocus","inputCaretColor","placeholderColor","placeholderColorFocus","optionalColor","leftHelperColor","rightHelperColor","borderColor","borderColorHover","borderColorFocus","inputWidth","inputHeight","inputMinHeight","borderSize","borderRadius","borderRadiusWithHelpers","inputPaddingTop","inputPaddingRight","inputPaddingRightWithRightContent","inputPaddingBottom","inputPaddingBottomWithHelpers","inputPaddingLeft","helpersPaddingTop","helpersPaddingRight","helpersPaddingBottom","helpersPaddingLeft","helpersOffset","rightContentTop","rightContentRight","rightContentHeight","labelOuterColor","labelOuterFontFamily","labelOuterFontSize","labelOuterFontStyle","labelOuterFontWeight","labelOuterLetterSpacing","labelOuterLineHeight","labelMarginBottom","labelInnerFontFamily","labelInnerFontSize","labelInnerFontStyle","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerTop","labelInnerMarginBottom","inputFontFamily","inputFontSize","inputFontStyle","inputFontWeight","inputLetterSpacing","inputLineHeight","helpersFontFamily","helpersFontSize","helpersFontStyle","helpersFontWeight","helpersLetterSpacing","helpersLineHeight","rightContentColor","disabledOpacity","inputColorDisabled","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import './base_jjtr9h.css';
1
+ import './base_8npjyq.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors = 'not([disabled]):not([readonly]):not(:focus-within)';\n\nexport const base = css`\n .${String(styledContainer)} {\n transition: box-shadow 0.1s ease-in-out;\n border-radius: var(${tokens.borderRadius});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColor});\n }\n\n .${String(styledTextAreaWrapper)} {\n transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColor});\n }\n\n &:focus-within:not([readonly]) .${String(styledTextAreaWrapper)} {\n background-color: var(${tokens.inputBackgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorFocus});\n }\n\n &:focus-within:not([readonly]) .${String(styledContainer)} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorFocus});\n }\n\n &:focus-within:not([readonly]) .${String(styledHelpers)} {\n background-color: var(${tokens.helpersBackgroundColorFocus});\n }\n\n &:hover:${exclusionSelectors} .${String(styledContainer)} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorHover});\n }\n\n &:hover:${exclusionSelectors} .${String(styledTextAreaWrapper)} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorHover});\n background-color: var(${tokens.inputBackgroundColorHover});\n }\n\n &:hover:${exclusionSelectors} .${String(styledTextAreaWrapper)} + .${String(styledHelpers)} {\n background-color: var(${tokens.helpersBackgroundColorHover});\n }\n\n &:active:${exclusionSelectors} .${String(styledTextAreaWrapper)} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorActive});\n background-color: var(${tokens.inputBackgroundColorActive});\n }\n\n &:active:${exclusionSelectors} .${String(styledTextAreaWrapper)} + .${String(styledHelpers)} {\n background-color: var(${tokens.helpersBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAQO,IAAMA,IAAI,GA8ChB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors = 'not([disabled]):not([readonly]):not(:focus-within)';\n\nexport const base = css`\n .${String(styledContainer)} {\n transition: box-shadow 0.1s ease-in-out;\n border-radius: var(${tokens.borderRadius});\n border: var(${tokens.borderSize}) solid var(${tokens.borderColor});\n }\n\n .${String(styledTextAreaWrapper)} {\n transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColor});\n }\n\n &:focus-within:not([readonly]) .${String(styledTextAreaWrapper)} {\n background-color: var(${tokens.inputBackgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorFocus});\n }\n\n &:focus-within:not([readonly]) .${String(styledContainer)} {\n border: var(${tokens.borderSize}) solid var(${tokens.borderColorFocus});\n }\n\n &:focus-within:not([readonly]) .${String(styledHelpers)} {\n background-color: var(${tokens.helpersBackgroundColorFocus});\n }\n\n &:hover:${exclusionSelectors} .${String(styledContainer)} {\n border: var(${tokens.borderSize}) solid var(${tokens.borderColorHover});\n }\n\n &:hover:${exclusionSelectors} .${String(styledTextAreaWrapper)} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorHover});\n background-color: var(${tokens.inputBackgroundColorHover});\n }\n\n &:hover:${exclusionSelectors} .${String(styledTextAreaWrapper)} + .${String(styledHelpers)} {\n background-color: var(${tokens.helpersBackgroundColorHover});\n }\n\n &:active:${exclusionSelectors} .${String(styledTextAreaWrapper)} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorActive});\n background-color: var(${tokens.inputBackgroundColorActive});\n }\n\n &:active:${exclusionSelectors} .${String(styledTextAreaWrapper)} + .${String(styledHelpers)} {\n background-color: var(${tokens.helpersBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAQO,IAAMA,IAAI,GA8ChB;;;;"}
@@ -0,0 +1 @@
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);}.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([disabled]):not([readonly]):not(:focus-within) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.bofyi4a:hover: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([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active: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([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}
@@ -14,8 +14,8 @@ var base$4 = require('./variations/_read-only/base.js');
14
14
  var base$5 = require('./variations/_label-placement/base.js');
15
15
  var TextField_styles = require('./TextField.styles.js');
16
16
  var TextField_tokens = require('./TextField.tokens.js');
17
- var TextFieldChip = require('./ui/TextFieldChip/TextFieldChip.js');
18
17
  var useKeyNavigation = require('./hooks/useKeyNavigation.js');
18
+ var TextFieldChip = require('./ui/TextFieldChip/TextFieldChip.js');
19
19
 
20
20
  var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "optional", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
21
21
  var optionalText = 'optional';
@@ -1,4 +1,4 @@
1
- import './TextField.styles_ht6ibd.css';
1
+ import './TextField.styles_uponva.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });