@salutejs/plasma-new-hope 0.174.0-canary.1503.11466452273.0 → 0.174.0-canary.1504.11477432639.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (535) hide show
  1. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -1
  2. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  3. package/cjs/components/Attach/Attach.js +3 -4
  4. package/cjs/components/Attach/Attach.js.map +1 -1
  5. package/cjs/components/Attach/components/AttachButton/AttachButton.js +0 -1
  6. package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
  7. package/cjs/components/Attach/ui/Button/Button.styles.js +0 -1
  8. package/cjs/components/Attach/ui/Button/Button.styles.js.map +1 -1
  9. package/cjs/components/Attach/ui/Cell/Cell.styles.js +0 -2
  10. package/cjs/components/Attach/ui/Cell/Cell.styles.js.map +1 -1
  11. package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +0 -1
  12. package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
  13. package/cjs/components/Attach/utils/getFileicon.js +3 -4
  14. package/cjs/components/Attach/utils/getFileicon.js.map +1 -1
  15. package/cjs/components/Attach/utils/index.js +0 -3
  16. package/cjs/components/Attach/utils/index.js.map +1 -1
  17. package/cjs/components/Autocomplete/Autocomplete.js +5 -6
  18. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  19. package/cjs/components/Autocomplete/Autocomplete.styles.js +2 -3
  20. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  21. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -2
  22. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  23. package/cjs/components/Avatar/Avatar.js +2 -3
  24. package/cjs/components/Avatar/Avatar.js.map +1 -1
  25. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -4
  26. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  27. package/cjs/components/Button/Button.styles.js +0 -3
  28. package/cjs/components/Button/Button.styles.js.map +1 -1
  29. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +5 -5
  30. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +8 -8
  31. package/cjs/components/Calendar/hooks/useDays.js +2 -2
  32. package/cjs/components/Calendar/hooks/useKeyNavigation.js +1 -1
  33. package/cjs/components/Calendar/hooks/useMonths.js +2 -2
  34. package/cjs/components/Calendar/hooks/useQuarters.js +2 -2
  35. package/cjs/components/Calendar/hooks/useYears.js +2 -2
  36. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -4
  37. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -6
  38. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  39. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +0 -1
  40. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  41. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
  42. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
  43. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
  44. package/cjs/components/Combobox/ComboboxNew/Combobox.js +11 -12
  45. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  46. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -4
  47. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  48. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +0 -2
  49. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  50. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -2
  51. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  52. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +5 -6
  53. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  54. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -3
  55. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  56. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -2
  57. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  58. package/cjs/components/Combobox/ComboboxOld/Combobox.js +4 -10
  59. package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  60. package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js +0 -1
  61. package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -1
  62. package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js +0 -1
  63. package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -1
  64. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +1 -2
  65. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -1
  66. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +1 -10
  67. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
  68. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +1 -10
  69. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
  70. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +1 -10
  71. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
  72. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +1 -10
  73. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
  74. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +0 -2
  75. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  76. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +1 -1
  77. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +1 -2
  78. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.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.js +1 -1
  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.js +1 -2
  85. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  86. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -5
  87. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  88. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +0 -1
  89. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  90. package/cjs/components/Drawer/Drawer.js +5 -10
  91. package/cjs/components/Drawer/Drawer.js.map +1 -1
  92. package/cjs/components/Drawer/Drawer.styles.js +0 -4
  93. package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
  94. package/cjs/components/Drawer/hooks/useDrawer.js +0 -4
  95. package/cjs/components/Drawer/hooks/useDrawer.js.map +1 -1
  96. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.js +0 -7
  97. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.js.map +1 -1
  98. package/cjs/components/Drawer/ui/DrawerFooter/DrawerFooter.js +0 -7
  99. package/cjs/components/Drawer/ui/DrawerFooter/DrawerFooter.js.map +1 -1
  100. package/cjs/components/Drawer/ui/DrawerHeader/DrawerHeader.js +0 -3
  101. package/cjs/components/Drawer/ui/DrawerHeader/DrawerHeader.js.map +1 -1
  102. package/cjs/components/Dropdown/Dropdown.js +3 -10
  103. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  104. package/cjs/components/Dropdown/Dropdown.styles.js +2 -3
  105. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  106. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -9
  107. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  108. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -2
  109. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  110. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -2
  111. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -1
  112. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +0 -1
  113. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -1
  114. package/cjs/components/Editable/Editable.js +3 -4
  115. package/cjs/components/Editable/Editable.js.map +1 -1
  116. package/cjs/components/Editable/utils/clearSelection.js +0 -2
  117. package/cjs/components/Editable/utils/clearSelection.js.map +1 -1
  118. package/cjs/components/Editable/utils/selectText.js +0 -2
  119. package/cjs/components/Editable/utils/selectText.js.map +1 -1
  120. package/cjs/components/EmptyState/EmptyState.styles.js +1 -2
  121. package/cjs/components/EmptyState/EmptyState.styles.js.map +1 -1
  122. package/cjs/components/IconButton/IconButton.js +1 -1
  123. package/cjs/components/IconButton/IconButton.styles.js +0 -8
  124. package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
  125. package/cjs/components/Modal/Modal.js +6 -8
  126. package/cjs/components/Modal/Modal.js.map +1 -1
  127. package/cjs/components/Modal/hooks/useModal.js +0 -4
  128. package/cjs/components/Modal/hooks/useModal.js.map +1 -1
  129. package/cjs/components/Notification/Notification.js +2 -2
  130. package/cjs/components/Notification/Notification.js.map +1 -1
  131. package/cjs/components/Notification/Notification.styles.js +2 -3
  132. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  133. package/cjs/components/Notification/Notification.types.js.map +1 -1
  134. package/cjs/components/Notification/NotificationsPortal.js +5 -8
  135. package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
  136. package/cjs/components/Notification/NotificationsProvider.js +1 -3
  137. package/cjs/components/Notification/NotificationsProvider.js.map +1 -1
  138. package/cjs/components/Pagination/Pagination.css +13 -13
  139. package/cjs/components/Pagination/Pagination.styles.js +1 -2
  140. package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
  141. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
  142. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -2
  143. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  144. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js +1 -2
  145. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
  146. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -2
  147. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
  148. package/cjs/components/Popover/Popover.js +1 -1
  149. package/cjs/components/Popup/Popup.js +2 -2
  150. package/cjs/components/Popup/PopupContext.js +1 -1
  151. package/cjs/components/Range/Range.styles.js +0 -1
  152. package/cjs/components/Range/Range.styles.js.map +1 -1
  153. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +4 -5
  154. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  155. package/cjs/components/Select/Select.css +13 -13
  156. package/cjs/components/Select/Select.js +11 -12
  157. package/cjs/components/Select/Select.js.map +1 -1
  158. package/cjs/components/Select/Select.styles.js +3 -6
  159. package/cjs/components/Select/Select.styles.js.map +1 -1
  160. package/cjs/components/Select/Select.styles_ei4ic3.css +5 -0
  161. package/cjs/components/Select/Select.tokens.js +17 -1
  162. package/cjs/components/Select/Select.tokens.js.map +1 -1
  163. package/cjs/components/Select/hooks/usePathMaps.js +0 -2
  164. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  165. package/cjs/components/Select/ui/Inner/Inner.css +13 -13
  166. package/cjs/components/Select/ui/Inner/Inner.js +1 -2
  167. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  168. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +13 -13
  169. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +4 -5
  170. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  171. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +11 -12
  172. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  173. package/cjs/components/Select/ui/Inner/ui/Item/{Item.styles_baxa65.css → Item.styles_1gaxu1y.css} +2 -2
  174. package/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -1
  175. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -3
  176. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  177. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
  178. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
  179. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  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.js +0 -8
  190. package/cjs/components/Slider/Slider.js.map +1 -1
  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/DoubleUncontrolled/DoubleUncontrolled.js +0 -3
  196. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
  197. package/cjs/components/Slider/components/Single/Single.js +1 -2
  198. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  199. package/cjs/components/Slider/components/SliderBase/SliderBase.js +1 -1
  200. package/cjs/components/Steps/Steps.js +1 -1
  201. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -1
  202. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  203. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
  204. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
  205. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -3
  206. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
  207. package/cjs/components/TextArea/TextArea.js +2 -2
  208. package/cjs/components/TextArea/TextArea.styles.js +2 -3
  209. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  210. package/cjs/components/TextArea/ui/Hint/Hint.js +1 -2
  211. package/cjs/components/TextArea/ui/Hint/Hint.js.map +1 -1
  212. package/cjs/components/TextField/TextField.js +3 -3
  213. package/cjs/components/TextField/TextField.styles.js +1 -2
  214. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  215. package/cjs/components/TextField/ui/Hint/Hint.js +1 -2
  216. package/cjs/components/TextField/ui/Hint/Hint.js.map +1 -1
  217. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -2
  218. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  219. package/cjs/components/Toast/Toast.styles.js +1 -1
  220. package/cjs/components/Toast/ToastController.js +1 -1
  221. package/cjs/components/Toast/utils.js +1 -2
  222. package/cjs/components/Toast/utils.js.map +1 -1
  223. package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +1 -1
  224. package/cjs/components/Tooltip/Tooltip.js +2 -3
  225. package/cjs/components/Tooltip/Tooltip.js.map +1 -1
  226. package/cjs/engines/index.js +0 -2
  227. package/cjs/engines/index.js.map +1 -1
  228. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -1
  229. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -1
  230. package/cjs/index.css +13 -13
  231. package/cjs/index.js +49 -52
  232. package/cjs/index.js.map +1 -1
  233. package/cjs/utils/index.js +0 -5
  234. package/cjs/utils/index.js.map +1 -1
  235. package/emotion/cjs/components/Notification/Notification.js +2 -2
  236. package/emotion/cjs/components/Notification/Notification.template-doc.mdx +7 -15
  237. package/emotion/cjs/components/Notification/NotificationsPortal.js +3 -5
  238. package/emotion/cjs/components/Notification/NotificationsProvider.js +1 -3
  239. package/emotion/cjs/components/Notification/index.js +4 -4
  240. package/emotion/cjs/components/Select/Select.styles.js +5 -5
  241. package/emotion/cjs/components/Select/Select.tokens.js +17 -1
  242. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +10 -10
  243. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.js +3 -5
  244. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
  245. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.js +3 -5
  246. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
  247. package/emotion/es/components/Notification/Notification.js +1 -1
  248. package/emotion/es/components/Notification/Notification.template-doc.mdx +7 -15
  249. package/emotion/es/components/Notification/NotificationsPortal.js +3 -5
  250. package/emotion/es/components/Notification/NotificationsProvider.js +1 -3
  251. package/emotion/es/components/Notification/index.js +1 -1
  252. package/emotion/es/components/Select/Select.styles.js +5 -5
  253. package/emotion/es/components/Select/Select.tokens.js +17 -1
  254. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +10 -10
  255. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.js +4 -6
  256. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
  257. package/emotion/es/examples/plasma_web/components/Notification/Notification.js +4 -6
  258. package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
  259. package/emotion/package.json +2 -1
  260. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -1
  261. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  262. package/es/components/Attach/Attach.js +3 -4
  263. package/es/components/Attach/Attach.js.map +1 -1
  264. package/es/components/Attach/components/AttachButton/AttachButton.js +0 -1
  265. package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
  266. package/es/components/Attach/ui/Button/Button.styles.js +0 -1
  267. package/es/components/Attach/ui/Button/Button.styles.js.map +1 -1
  268. package/es/components/Attach/ui/Cell/Cell.styles.js +0 -2
  269. package/es/components/Attach/ui/Cell/Cell.styles.js.map +1 -1
  270. package/es/components/Attach/ui/IconButton/IconButton.styles.js +0 -1
  271. package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
  272. package/es/components/Attach/utils/getFileicon.js +3 -4
  273. package/es/components/Attach/utils/getFileicon.js.map +1 -1
  274. package/es/components/Attach/utils/index.js +0 -3
  275. package/es/components/Attach/utils/index.js.map +1 -1
  276. package/es/components/Autocomplete/Autocomplete.js +5 -6
  277. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  278. package/es/components/Autocomplete/Autocomplete.styles.js +2 -3
  279. package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  280. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -2
  281. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  282. package/es/components/Avatar/Avatar.js +2 -3
  283. package/es/components/Avatar/Avatar.js.map +1 -1
  284. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -4
  285. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  286. package/es/components/Button/Button.styles.js +0 -3
  287. package/es/components/Button/Button.styles.js.map +1 -1
  288. package/es/components/Calendar/CalendarBase/CalendarBase.js +5 -5
  289. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +8 -8
  290. package/es/components/Calendar/hooks/useDays.js +2 -2
  291. package/es/components/Calendar/hooks/useKeyNavigation.js +1 -1
  292. package/es/components/Calendar/hooks/useMonths.js +2 -2
  293. package/es/components/Calendar/hooks/useQuarters.js +2 -2
  294. package/es/components/Calendar/hooks/useYears.js +2 -2
  295. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -4
  296. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -6
  297. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  298. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +0 -1
  299. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  300. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
  301. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
  302. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
  303. package/es/components/Combobox/ComboboxNew/Combobox.js +11 -12
  304. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  305. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -4
  306. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  307. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +0 -2
  308. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  309. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -2
  310. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  311. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +5 -6
  312. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  313. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -3
  314. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  315. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -2
  316. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  317. package/es/components/Combobox/ComboboxOld/Combobox.js +4 -10
  318. package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  319. package/es/components/Combobox/ComboboxOld/Combobox.styles.js +0 -1
  320. package/es/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -1
  321. package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js +0 -1
  322. package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -1
  323. package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +1 -2
  324. package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -1
  325. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +1 -10
  326. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
  327. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +1 -10
  328. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
  329. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +1 -10
  330. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
  331. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +1 -10
  332. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
  333. package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +0 -2
  334. package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  335. package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +1 -1
  336. package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +1 -2
  337. package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -1
  338. package/es/components/DatePicker/DatePickerBase.styles.js +1 -7
  339. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  340. package/es/components/DatePicker/RangeDate/RangeDate.js +1 -1
  341. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +0 -1
  342. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  343. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -2
  344. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  345. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -5
  346. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  347. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +0 -1
  348. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  349. package/es/components/Drawer/Drawer.js +5 -10
  350. package/es/components/Drawer/Drawer.js.map +1 -1
  351. package/es/components/Drawer/Drawer.styles.js +0 -4
  352. package/es/components/Drawer/Drawer.styles.js.map +1 -1
  353. package/es/components/Drawer/hooks/useDrawer.js +0 -4
  354. package/es/components/Drawer/hooks/useDrawer.js.map +1 -1
  355. package/es/components/Drawer/ui/DrawerContent/DrawerContent.js +0 -7
  356. package/es/components/Drawer/ui/DrawerContent/DrawerContent.js.map +1 -1
  357. package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js +0 -7
  358. package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js.map +1 -1
  359. package/es/components/Drawer/ui/DrawerHeader/DrawerHeader.js +0 -3
  360. package/es/components/Drawer/ui/DrawerHeader/DrawerHeader.js.map +1 -1
  361. package/es/components/Dropdown/Dropdown.js +3 -10
  362. package/es/components/Dropdown/Dropdown.js.map +1 -1
  363. package/es/components/Dropdown/Dropdown.styles.js +2 -3
  364. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  365. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -9
  366. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  367. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -2
  368. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  369. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -2
  370. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -1
  371. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +0 -1
  372. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -1
  373. package/es/components/Editable/Editable.js +3 -4
  374. package/es/components/Editable/Editable.js.map +1 -1
  375. package/es/components/Editable/utils/clearSelection.js +0 -2
  376. package/es/components/Editable/utils/clearSelection.js.map +1 -1
  377. package/es/components/Editable/utils/selectText.js +0 -2
  378. package/es/components/Editable/utils/selectText.js.map +1 -1
  379. package/es/components/EmptyState/EmptyState.styles.js +1 -2
  380. package/es/components/EmptyState/EmptyState.styles.js.map +1 -1
  381. package/es/components/IconButton/IconButton.js +1 -1
  382. package/es/components/IconButton/IconButton.styles.js +0 -8
  383. package/es/components/IconButton/IconButton.styles.js.map +1 -1
  384. package/es/components/Modal/Modal.js +6 -8
  385. package/es/components/Modal/Modal.js.map +1 -1
  386. package/es/components/Modal/hooks/useModal.js +0 -4
  387. package/es/components/Modal/hooks/useModal.js.map +1 -1
  388. package/es/components/Notification/Notification.js +2 -2
  389. package/es/components/Notification/Notification.js.map +1 -1
  390. package/es/components/Notification/Notification.styles.js +2 -3
  391. package/es/components/Notification/Notification.styles.js.map +1 -1
  392. package/es/components/Notification/Notification.types.js.map +1 -1
  393. package/es/components/Notification/NotificationsPortal.js +5 -8
  394. package/es/components/Notification/NotificationsPortal.js.map +1 -1
  395. package/es/components/Notification/NotificationsProvider.js +1 -3
  396. package/es/components/Notification/NotificationsProvider.js.map +1 -1
  397. package/es/components/Pagination/Pagination.css +13 -13
  398. package/es/components/Pagination/Pagination.styles.js +1 -2
  399. package/es/components/Pagination/Pagination.styles.js.map +1 -1
  400. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
  401. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -2
  402. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  403. package/es/components/Panel/ui/PanelHeader/PanelHeader.js +1 -2
  404. package/es/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
  405. package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -2
  406. package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
  407. package/es/components/Popover/Popover.js +1 -1
  408. package/es/components/Popup/Popup.js +2 -2
  409. package/es/components/Popup/PopupContext.js +1 -1
  410. package/es/components/Range/Range.styles.js +0 -1
  411. package/es/components/Range/Range.styles.js.map +1 -1
  412. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +4 -5
  413. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  414. package/es/components/Select/Select.css +13 -13
  415. package/es/components/Select/Select.js +11 -12
  416. package/es/components/Select/Select.js.map +1 -1
  417. package/es/components/Select/Select.styles.js +3 -6
  418. package/es/components/Select/Select.styles.js.map +1 -1
  419. package/es/components/Select/Select.styles_ei4ic3.css +5 -0
  420. package/es/components/Select/Select.tokens.js +17 -1
  421. package/es/components/Select/Select.tokens.js.map +1 -1
  422. package/es/components/Select/hooks/usePathMaps.js +0 -2
  423. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  424. package/es/components/Select/ui/Inner/Inner.css +13 -13
  425. package/es/components/Select/ui/Inner/Inner.js +1 -2
  426. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  427. package/es/components/Select/ui/Inner/ui/Item/Item.css +13 -13
  428. package/es/components/Select/ui/Inner/ui/Item/Item.js +4 -5
  429. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  430. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +11 -12
  431. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  432. package/es/components/Select/ui/Inner/ui/Item/{Item.styles_baxa65.css → Item.styles_1gaxu1y.css} +2 -2
  433. package/es/components/Select/ui/Target/ui/Button/Button.js +1 -1
  434. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -3
  435. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  436. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
  437. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
  438. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  439. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +1 -2
  440. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -1
  441. package/es/components/Select/utils/getButtonLabel.js +0 -2
  442. package/es/components/Select/utils/getButtonLabel.js.map +1 -1
  443. package/es/components/Sheet/Sheet.js +3 -3
  444. package/es/components/Skeleton/LineSkeleton/LineSkeleton.js +2 -4
  445. package/es/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
  446. package/es/components/Skeleton/RectSkeleton/RectSkeleton.js +2 -4
  447. package/es/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
  448. package/es/components/Slider/Slider.js +0 -8
  449. package/es/components/Slider/Slider.js.map +1 -1
  450. package/es/components/Slider/components/Double/Double.js +1 -2
  451. package/es/components/Slider/components/Double/Double.js.map +1 -1
  452. package/es/components/Slider/components/Double/Double.styles.js +0 -1
  453. package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
  454. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -3
  455. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
  456. package/es/components/Slider/components/Single/Single.js +1 -2
  457. package/es/components/Slider/components/Single/Single.js.map +1 -1
  458. package/es/components/Slider/components/SliderBase/SliderBase.js +1 -1
  459. package/es/components/Steps/Steps.js +1 -1
  460. package/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -1
  461. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  462. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
  463. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
  464. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -3
  465. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
  466. package/es/components/TextArea/TextArea.js +2 -2
  467. package/es/components/TextArea/TextArea.styles.js +2 -3
  468. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  469. package/es/components/TextArea/ui/Hint/Hint.js +1 -2
  470. package/es/components/TextArea/ui/Hint/Hint.js.map +1 -1
  471. package/es/components/TextField/TextField.js +3 -3
  472. package/es/components/TextField/TextField.styles.js +1 -2
  473. package/es/components/TextField/TextField.styles.js.map +1 -1
  474. package/es/components/TextField/ui/Hint/Hint.js +1 -2
  475. package/es/components/TextField/ui/Hint/Hint.js.map +1 -1
  476. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -2
  477. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  478. package/es/components/Toast/Toast.styles.js +1 -1
  479. package/es/components/Toast/ToastController.js +1 -1
  480. package/es/components/Toast/utils.js +1 -2
  481. package/es/components/Toast/utils.js.map +1 -1
  482. package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +1 -1
  483. package/es/components/Tooltip/Tooltip.js +2 -3
  484. package/es/components/Tooltip/Tooltip.js.map +1 -1
  485. package/es/engines/index.js +0 -2
  486. package/es/engines/index.js.map +1 -1
  487. package/es/hooks/useIsomorphicLayoutEffect.js +0 -1
  488. package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -1
  489. package/es/index.css +13 -13
  490. package/es/index.js +22 -25
  491. package/es/index.js.map +1 -1
  492. package/es/utils/index.js +0 -3
  493. package/es/utils/index.js.map +1 -1
  494. package/package.json +5 -2
  495. package/styled-components/cjs/components/Notification/Notification.js +2 -2
  496. package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +7 -15
  497. package/styled-components/cjs/components/Notification/NotificationsPortal.js +2 -4
  498. package/styled-components/cjs/components/Notification/NotificationsProvider.js +1 -3
  499. package/styled-components/cjs/components/Notification/index.js +4 -4
  500. package/styled-components/cjs/components/Select/Select.styles.js +2 -2
  501. package/styled-components/cjs/components/Select/Select.tokens.js +17 -1
  502. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
  503. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.js +3 -5
  504. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
  505. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.js +3 -5
  506. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
  507. package/styled-components/es/components/Notification/Notification.js +1 -1
  508. package/styled-components/es/components/Notification/Notification.template-doc.mdx +7 -15
  509. package/styled-components/es/components/Notification/NotificationsPortal.js +2 -4
  510. package/styled-components/es/components/Notification/NotificationsProvider.js +1 -3
  511. package/styled-components/es/components/Notification/index.js +1 -1
  512. package/styled-components/es/components/Select/Select.styles.js +2 -2
  513. package/styled-components/es/components/Select/Select.tokens.js +17 -1
  514. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
  515. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.js +4 -6
  516. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
  517. package/styled-components/es/examples/plasma_web/components/Notification/Notification.js +4 -6
  518. package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
  519. package/styled-components/package.json +2 -1
  520. package/types/components/Notification/Notification.d.ts +3 -3
  521. package/types/components/Notification/Notification.d.ts.map +1 -1
  522. package/types/components/Notification/Notification.types.d.ts +5 -11
  523. package/types/components/Notification/Notification.types.d.ts.map +1 -1
  524. package/types/components/Notification/NotificationsProvider.d.ts +3 -4
  525. package/types/components/Notification/NotificationsProvider.d.ts.map +1 -1
  526. package/types/components/Notification/index.d.ts +2 -2
  527. package/types/components/Notification/index.d.ts.map +1 -1
  528. package/types/components/Select/Select.tokens.d.ts +16 -0
  529. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  530. package/types/examples/plasma_b2c/components/Notification/Notification.d.ts +2 -4
  531. package/types/examples/plasma_b2c/components/Notification/Notification.d.ts.map +1 -1
  532. package/types/examples/plasma_web/components/Notification/Notification.d.ts +13 -4
  533. package/types/examples/plasma_web/components/Notification/Notification.d.ts.map +1 -1
  534. package/cjs/components/Select/Select.styles_1nzals0.css +0 -5
  535. package/es/components/Select/Select.styles_1nzals0.css +0 -5
@@ -1,9 +1,8 @@
1
1
  import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { Hint, HintTargetWrapper, HintIconWrapper } from '../../TextField.styles.js';
4
- import '@linaria/react';
5
- import { IconInfoCircleOutline } from '../../../_Icon/Icons/IconInfoCircleOutline.js';
6
4
  import { safeUseId } from '../../../../utils/react.js';
5
+ import { IconInfoCircleOutline } from '../../../_Icon/Icons/IconInfoCircleOutline.js';
7
6
 
8
7
  var _IconInfoCircleOutlin;
9
8
  var HintComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -1 +1 @@
1
- {"version":3,"file":"Hint.js","sources":["../../../../../src/components/TextField/ui/Hint/Hint.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Hint, HintTargetWrapper, HintIconWrapper } from '../../TextField.styles';\nimport { IconInfoCircleOutline } from '../../../_Icon';\nimport { safeUseId } from '../../../../utils';\n\nimport type { TextFieldHintProps } from './Hint.types';\n\nexport const HintComponent = forwardRef<HTMLDivElement, TextFieldHintProps>(\n (\n {\n hintText,\n isHintVisible,\n hintTrigger,\n hintTargetIcon,\n hintPlacement,\n hintHasArrow,\n hintOffset,\n hintWidth,\n hintContentLeft,\n handleHintShow,\n handleHintHide,\n handleHintClick,\n },\n ref,\n ) => {\n const hintId = safeUseId();\n\n return (\n <Hint\n ref={ref}\n text={String(hintText)}\n opened={isHintVisible}\n target={\n <HintTargetWrapper>\n <HintIconWrapper\n id={hintId}\n {...(hintTrigger === 'hover'\n ? {\n onMouseEnter: handleHintShow,\n onMouseLeave: handleHintHide,\n }\n : { onClick: handleHintClick })}\n >\n {hintTargetIcon || <IconInfoCircleOutline size=\"xs\" color=\"inherit\" />}\n </HintIconWrapper>\n </HintTargetWrapper>\n }\n placement={hintPlacement}\n hasArrow={hintHasArrow}\n offset={hintOffset}\n minWidth={hintWidth}\n maxWidth={hintWidth}\n contentLeft={hintContentLeft}\n frame={hintId}\n />\n );\n },\n);\n"],"names":["HintComponent","forwardRef","_ref","ref","hintText","isHintVisible","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","handleHintShow","handleHintHide","handleHintClick","hintId","safeUseId","React","createElement","Hint","text","String","opened","target","HintTargetWrapper","HintIconWrapper","_extends","id","onMouseEnter","onMouseLeave","onClick","_IconInfoCircleOutlin","IconInfoCircleOutline","size","color","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame"],"mappings":";;;;;;;;AAQO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAeIC,GAAG,EACF;AAAA,EAAA,IAdGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,cAAc,GAAAX,IAAA,CAAdW,cAAc;IACdC,cAAc,GAAAZ,IAAA,CAAdY,cAAc;IACdC,eAAe,GAAAb,IAAA,CAAfa,eAAe,CAAA;AAInB,EAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1B,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACDjB,IAAAA,GAAG,EAAEA,GAAI;AACTkB,IAAAA,IAAI,EAAEC,MAAM,CAAClB,QAAQ,CAAE;AACvBmB,IAAAA,MAAM,EAAElB,aAAc;AACtBmB,IAAAA,MAAM,eACFN,KAAA,CAAAC,aAAA,CAACM,iBAAiB,EACdP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,eAAe,EAAAC,QAAA,CAAA;AACZC,MAAAA,EAAE,EAAEZ,MAAAA;KACCV,EAAAA,WAAW,KAAK,OAAO,GACtB;AACIuB,MAAAA,YAAY,EAAEhB,cAAc;AAC5BiB,MAAAA,YAAY,EAAEhB,cAAAA;AAClB,KAAC,GACD;AAAEiB,MAAAA,OAAO,EAAEhB,eAAAA;KAAiB,CAAA,EAEjCR,cAAc,IAAAyB,qBAAA,KAAAA,qBAAA,gBAAId,KAAA,CAAAC,aAAA,CAACc,qBAAqB,EAAA;AAACC,MAAAA,IAAI,EAAC,IAAI;AAACC,MAAAA,KAAK,EAAC,SAAA;KAAW,CAAC,CACzD,CACF,CACtB;AACDC,IAAAA,SAAS,EAAE5B,aAAc;AACzB6B,IAAAA,QAAQ,EAAE5B,YAAa;AACvB6B,IAAAA,MAAM,EAAE5B,UAAW;AACnB6B,IAAAA,QAAQ,EAAE5B,SAAU;AACpB6B,IAAAA,QAAQ,EAAE7B,SAAU;AACpB8B,IAAAA,WAAW,EAAE7B,eAAgB;AAC7B8B,IAAAA,KAAK,EAAE1B,MAAAA;AAAO,GACjB,CAAC,CAAA;AAEV,CACJ;;;;"}
1
+ {"version":3,"file":"Hint.js","sources":["../../../../../src/components/TextField/ui/Hint/Hint.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Hint, HintTargetWrapper, HintIconWrapper } from '../../TextField.styles';\nimport { IconInfoCircleOutline } from '../../../_Icon';\nimport { safeUseId } from '../../../../utils';\n\nimport type { TextFieldHintProps } from './Hint.types';\n\nexport const HintComponent = forwardRef<HTMLDivElement, TextFieldHintProps>(\n (\n {\n hintText,\n isHintVisible,\n hintTrigger,\n hintTargetIcon,\n hintPlacement,\n hintHasArrow,\n hintOffset,\n hintWidth,\n hintContentLeft,\n handleHintShow,\n handleHintHide,\n handleHintClick,\n },\n ref,\n ) => {\n const hintId = safeUseId();\n\n return (\n <Hint\n ref={ref}\n text={String(hintText)}\n opened={isHintVisible}\n target={\n <HintTargetWrapper>\n <HintIconWrapper\n id={hintId}\n {...(hintTrigger === 'hover'\n ? {\n onMouseEnter: handleHintShow,\n onMouseLeave: handleHintHide,\n }\n : { onClick: handleHintClick })}\n >\n {hintTargetIcon || <IconInfoCircleOutline size=\"xs\" color=\"inherit\" />}\n </HintIconWrapper>\n </HintTargetWrapper>\n }\n placement={hintPlacement}\n hasArrow={hintHasArrow}\n offset={hintOffset}\n minWidth={hintWidth}\n maxWidth={hintWidth}\n contentLeft={hintContentLeft}\n frame={hintId}\n />\n );\n },\n);\n"],"names":["HintComponent","forwardRef","_ref","ref","hintText","isHintVisible","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","handleHintShow","handleHintHide","handleHintClick","hintId","safeUseId","React","createElement","Hint","text","String","opened","target","HintTargetWrapper","HintIconWrapper","_extends","id","onMouseEnter","onMouseLeave","onClick","_IconInfoCircleOutlin","IconInfoCircleOutline","size","color","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame"],"mappings":";;;;;;;AAQO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAeIC,GAAG,EACF;AAAA,EAAA,IAdGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,cAAc,GAAAX,IAAA,CAAdW,cAAc;IACdC,cAAc,GAAAZ,IAAA,CAAdY,cAAc;IACdC,eAAe,GAAAb,IAAA,CAAfa,eAAe,CAAA;AAInB,EAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1B,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACDjB,IAAAA,GAAG,EAAEA,GAAI;AACTkB,IAAAA,IAAI,EAAEC,MAAM,CAAClB,QAAQ,CAAE;AACvBmB,IAAAA,MAAM,EAAElB,aAAc;AACtBmB,IAAAA,MAAM,eACFN,KAAA,CAAAC,aAAA,CAACM,iBAAiB,EACdP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,eAAe,EAAAC,QAAA,CAAA;AACZC,MAAAA,EAAE,EAAEZ,MAAAA;KACCV,EAAAA,WAAW,KAAK,OAAO,GACtB;AACIuB,MAAAA,YAAY,EAAEhB,cAAc;AAC5BiB,MAAAA,YAAY,EAAEhB,cAAAA;AAClB,KAAC,GACD;AAAEiB,MAAAA,OAAO,EAAEhB,eAAAA;KAAiB,CAAA,EAEjCR,cAAc,IAAAyB,qBAAA,KAAAA,qBAAA,gBAAId,KAAA,CAAAC,aAAA,CAACc,qBAAqB,EAAA;AAACC,MAAAA,IAAI,EAAC,IAAI;AAACC,MAAAA,KAAK,EAAC,SAAA;KAAW,CAAC,CACzD,CACF,CACtB;AACDC,IAAAA,SAAS,EAAE5B,aAAc;AACzB6B,IAAAA,QAAQ,EAAE5B,YAAa;AACvB6B,IAAAA,MAAM,EAAE5B,UAAW;AACnB6B,IAAAA,QAAQ,EAAE5B,SAAU;AACpB6B,IAAAA,QAAQ,EAAE7B,SAAU;AACpB8B,IAAAA,WAAW,EAAE7B,eAAgB;AAC7B8B,IAAAA,KAAK,EAAE1B,MAAAA;AAAO,GACjB,CAAC,CAAA;AAEV,CACJ;;;;"}
@@ -1,8 +1,7 @@
1
1
  import './TextFieldChip.styles_1y8n7la.css';
2
2
  import { styled } from '@linaria/react';
3
- import { chipConfig } from '../../../Chip/Chip.js';
4
- import '@linaria/core';
5
3
  import { component, mergeConfig } from '../../../../engines/common.js';
4
+ import { chipConfig } from '../../../Chip/Chip.js';
6
5
 
7
6
  // issue #823
8
7
  var mergedConfig = /*#__PURE__*/mergeConfig(chipConfig);
@@ -1 +1 @@
1
- {"version":3,"file":"TextFieldChip.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../Chip';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../TextField.tokens';\nimport { addFocus } from '../../../../mixins';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.width}: var(${tokens.chipWidth});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n ${chipTokens.focusColor}: var(${tokens.focusColor});\n\n scroll-snap-align: center;\n scroll-snap-stop: normal;\n\n ${addFocus({\n outlineOffset: '0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &[readonly] {\n opacity: var(${tokens.chipOpacityReadonly});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2C/B;;;;"}
1
+ {"version":3,"file":"TextFieldChip.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../Chip';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../TextField.tokens';\nimport { addFocus } from '../../../../mixins';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.width}: var(${tokens.chipWidth});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n ${chipTokens.focusColor}: var(${tokens.focusColor});\n\n scroll-snap-align: center;\n scroll-snap-stop: normal;\n\n ${addFocus({\n outlineOffset: '0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &[readonly] {\n opacity: var(${tokens.chipOpacityReadonly});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2C/B;;;;"}
@@ -1,7 +1,7 @@
1
1
  import './Toast.styles_1v9oj7f.css';
2
2
  import { styled } from '@linaria/react';
3
- import { Overlay } from '../Overlay/Overlay.js';
4
3
  import { Button } from './utils.js';
4
+ import { Overlay } from '../Overlay/Overlay.js';
5
5
 
6
6
  var base = "b1xqk743";
7
7
  var _exp3 = function _exp3() {
@@ -2,8 +2,8 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
2
2
  import React, { useEffect } from 'react';
3
3
  import { classes } from './Toast.tokens.js';
4
4
  import { StyledOverlay, StyledRoot } from './Toast.styles.js';
5
- import { useToastInner } from './ToastProvider/ToastProvider.js';
6
5
  import { FADE_Z_INDEX, gradients } from './utils.js';
6
+ import { useToastInner } from './ToastProvider/ToastProvider.js';
7
7
 
8
8
  var _excluded = ["position", "offset", "fade", "text"];
9
9
  var ToastControllerHoc = function ToastControllerHoc(ToastComponent) {
@@ -1,6 +1,5 @@
1
- import { buttonConfig } from '../Button/Button.js';
2
- import '@linaria/core';
3
1
  import { component, mergeConfig } from '../../engines/common.js';
2
+ import { buttonConfig } from '../Button/Button.js';
4
3
 
5
4
  var DEFAULT_FADE = true;
6
5
  var DEFAULT_POSITION = 'bottom';
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../../../src/components/Toast/utils.ts"],"sourcesContent":["import { buttonConfig } from '../Button';\nimport { component, mergeConfig } from '../../engines';\n\nexport const DEFAULT_FADE = true;\nexport const DEFAULT_POSITION = 'bottom';\nexport const TIMER_DELAY = 300;\nexport const FADE_Z_INDEX = '9900';\nexport const TOAST_Z_INDEX = '9901';\n\nexport const gradients = {\n top: 'radial-gradient(200% 200% at 50% -100%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)',\n bottom: 'radial-gradient(200% 200% at 50% 200%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)',\n};\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nexport const Button = component(mergedButtonConfig);\n"],"names":["DEFAULT_FADE","DEFAULT_POSITION","TIMER_DELAY","FADE_Z_INDEX","gradients","top","bottom","mergedButtonConfig","mergeConfig","buttonConfig","Button","component"],"mappings":";;;;AAGO,IAAMA,YAAY,GAAG,KAAI;AACzB,IAAMC,gBAAgB,GAAG,SAAQ;AACjC,IAAMC,WAAW,GAAG,IAAG;AACvB,IAAMC,YAAY,GAAG,OAAM;AAG3B,IAAMC,SAAS,GAAG;AACrBC,EAAAA,GAAG,EAAE,uFAAuF;AAC5FC,EAAAA,MAAM,EAAE,sFAAA;AACZ,EAAC;AAED,IAAMC,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;IACvCC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB;;;;"}
1
+ {"version":3,"file":"utils.js","sources":["../../../src/components/Toast/utils.ts"],"sourcesContent":["import { buttonConfig } from '../Button';\nimport { component, mergeConfig } from '../../engines';\n\nexport const DEFAULT_FADE = true;\nexport const DEFAULT_POSITION = 'bottom';\nexport const TIMER_DELAY = 300;\nexport const FADE_Z_INDEX = '9900';\nexport const TOAST_Z_INDEX = '9901';\n\nexport const gradients = {\n top: 'radial-gradient(200% 200% at 50% -100%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)',\n bottom: 'radial-gradient(200% 200% at 50% 200%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)',\n};\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nexport const Button = component(mergedButtonConfig);\n"],"names":["DEFAULT_FADE","DEFAULT_POSITION","TIMER_DELAY","FADE_Z_INDEX","gradients","top","bottom","mergedButtonConfig","mergeConfig","buttonConfig","Button","component"],"mappings":";;;AAGO,IAAMA,YAAY,GAAG,KAAI;AACzB,IAAMC,gBAAgB,GAAG,SAAQ;AACjC,IAAMC,WAAW,GAAG,IAAG;AACvB,IAAMC,YAAY,GAAG,OAAM;AAG3B,IAAMC,SAAS,GAAG;AACrBC,EAAAA,GAAG,EAAE,uFAAuF;AAC5FC,EAAAA,MAAM,EAAE,sFAAA;AACZ,EAAC;AAED,IAAMC,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;IACvCC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB;;;;"}
@@ -1,6 +1,6 @@
1
1
  import { objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import { dividerRoot, dividerConfig } from '../../../Divider/Divider.js';
3
2
  import { base } from './ToolbarDivider.styles.js';
3
+ import { dividerRoot, dividerConfig } from '../../../Divider/Divider.js';
4
4
 
5
5
  /**
6
6
  * Разделитель тулбара
@@ -2,14 +2,13 @@ import './Tooltip_aay375.css';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import React, { forwardRef, useState, useEffect } from 'react';
4
4
  import { styled } from '@linaria/react';
5
- import '@linaria/core';
6
- import { component } from '../../engines/common.js';
7
- import { popoverConfig } from '../Popover/Popover.js';
8
5
  import { cx } from '../../utils/index.js';
9
6
  import { TooltipRoot, StyledContentLeft } from './Tooltip.styles.js';
10
7
  import { base } from './variations/_view/base.js';
11
8
  import { base as base$1 } from './variations/_size/base.js';
12
9
  import { classes } from './Tooltip.tokens.js';
10
+ import { component } from '../../engines/common.js';
11
+ import { popoverConfig } from '../Popover/Popover.js';
13
12
 
14
13
  var _excluded = ["id", "text", "opened", "isVisible", "isOpen", "hasArrow", "arrow", "animated", "offset", "minWidth", "maxWidth", "placement", "usePortal", "target", "children", "onDismiss", "view", "size", "contentLeft", "zIndex", "className", "style"];
15
14
  var ESCAPE_KEYCODE = 27;
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useState } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component } from '../../engines';\nimport { popoverClasses, popoverConfig, popoverTokens } from '../Popover';\nimport { cx } from '../../utils';\n\nimport { TooltipProps } from './Tooltip.types';\nimport { StyledContentLeft, TooltipRoot } from './Tooltip.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes, tokens } from './Tooltip.tokens';\n\nconst ESCAPE_KEYCODE = 27;\n\nconst getStringValue = (value?: number | string) => {\n return typeof value === 'number' ? `${value}rem` : value;\n};\n\nconst Popover = component(popoverConfig);\n\nconst StyledPopover = styled(Popover)`\n ${popoverTokens.arrowMaskWidth}: var(${tokens.arrowMaskWidth});\n ${popoverTokens.arrowMaskHeight}: var(${tokens.arrowMaskHeight});\n ${popoverTokens.arrowMaskImage}: var(${tokens.arrowMaskImage});\n ${popoverTokens.arrowBackground}: var(${tokens.arrowBackground});\n ${popoverTokens.arrowHeight}: var(${tokens.arrowHeight});\n ${popoverTokens.arrowEdgeMargin}: var(${tokens.arrowEdgeMargin});\n\n &.${classes.animated} .${popoverClasses.root} {\n transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;\n }\n`;\n\n/**\n * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.\n */\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'opened' | 'text'>>) =>\n forwardRef<HTMLDivElement, TooltipProps>(\n (\n {\n id,\n text,\n opened,\n isVisible,\n isOpen,\n hasArrow = true,\n arrow,\n animated,\n offset = [0, 8],\n minWidth,\n maxWidth,\n placement = 'bottom',\n usePortal = true,\n target,\n children,\n onDismiss,\n view,\n size,\n contentLeft,\n zIndex = '9200',\n className,\n style,\n ...rest\n },\n outerRef,\n ) => {\n const [ref, setRef] = useState<HTMLDivElement | null>(null);\n\n // TODO убрать после отказа от старого API\n const innerIsOpen = Boolean(isVisible || isOpen || opened);\n const innerHasArrow = arrow || hasArrow;\n const showTooltip = innerIsOpen && Boolean(text?.length);\n\n const animatedClass = animated ? classes.animated : undefined;\n\n useEffect(() => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.keyCode === ESCAPE_KEYCODE) {\n onDismiss?.();\n }\n };\n\n window.addEventListener('keydown', onKeyDown);\n\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, []);\n\n const withContentLeft = contentLeft ? classes.hasContentLeft : undefined;\n\n return (\n <StyledPopover\n opened={showTooltip}\n placement={placement}\n offset={offset}\n zIndex={zIndex}\n target={target || children}\n usePortal={usePortal}\n hasArrow={innerHasArrow}\n aria-hidden={!innerIsOpen}\n aria-live=\"polite\"\n role=\"tooltip\"\n className={cx(ref?.classList.toString(), animatedClass)}\n {...rest}\n >\n <Root view={view} size={size} ref={setRef} className={className} style={style}>\n <TooltipRoot\n ref={outerRef}\n id={id}\n className={cx(withContentLeft)}\n maxWidth={getStringValue(maxWidth)}\n minWidth={getStringValue(minWidth)}\n >\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {text}\n </TooltipRoot>\n </Root>\n </StyledPopover>\n );\n },\n );\n\nexport const tooltipConfig = {\n name: 'Tooltip',\n tag: 'div',\n layout: tooltipRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ESCAPE_KEYCODE","getStringValue","value","concat","Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","tooltipRoot","Root","forwardRef","_ref","outerRef","id","text","opened","isVisible","isOpen","_ref$hasArrow","hasArrow","arrow","animated","_ref$offset","offset","minWidth","maxWidth","_ref$placement","placement","_ref$usePortal","usePortal","target","children","onDismiss","view","size","contentLeft","_ref$zIndex","zIndex","className","style","rest","_useState","useState","_useState2","_slicedToArray","ref","setRef","innerIsOpen","Boolean","innerHasArrow","showTooltip","length","animatedClass","classes","undefined","useEffect","onKeyDown","event","keyCode","window","addEventListener","removeEventListener","withContentLeft","hasContentLeft","React","createElement","_extends","role","cx","classList","toString","TooltipRoot","StyledContentLeft","tooltipConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useState } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component } from '../../engines';\nimport { popoverClasses, popoverConfig, popoverTokens } from '../Popover';\nimport { cx } from '../../utils';\n\nimport { TooltipProps } from './Tooltip.types';\nimport { StyledContentLeft, TooltipRoot } from './Tooltip.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes, tokens } from './Tooltip.tokens';\n\nconst ESCAPE_KEYCODE = 27;\n\nconst getStringValue = (value?: number | string) => {\n return typeof value === 'number' ? `${value}rem` : value;\n};\n\nconst Popover = component(popoverConfig);\n\nconst StyledPopover = styled(Popover)`\n ${popoverTokens.arrowMaskWidth}: var(${tokens.arrowMaskWidth});\n ${popoverTokens.arrowMaskHeight}: var(${tokens.arrowMaskHeight});\n ${popoverTokens.arrowMaskImage}: var(${tokens.arrowMaskImage});\n ${popoverTokens.arrowBackground}: var(${tokens.arrowBackground});\n ${popoverTokens.arrowHeight}: var(${tokens.arrowHeight});\n ${popoverTokens.arrowEdgeMargin}: var(${tokens.arrowEdgeMargin});\n\n &.${classes.animated} .${popoverClasses.root} {\n transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;\n }\n`;\n\n/**\n * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.\n */\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'opened' | 'text'>>) =>\n forwardRef<HTMLDivElement, TooltipProps>(\n (\n {\n id,\n text,\n opened,\n isVisible,\n isOpen,\n hasArrow = true,\n arrow,\n animated,\n offset = [0, 8],\n minWidth,\n maxWidth,\n placement = 'bottom',\n usePortal = true,\n target,\n children,\n onDismiss,\n view,\n size,\n contentLeft,\n zIndex = '9200',\n className,\n style,\n ...rest\n },\n outerRef,\n ) => {\n const [ref, setRef] = useState<HTMLDivElement | null>(null);\n\n // TODO убрать после отказа от старого API\n const innerIsOpen = Boolean(isVisible || isOpen || opened);\n const innerHasArrow = arrow || hasArrow;\n const showTooltip = innerIsOpen && Boolean(text?.length);\n\n const animatedClass = animated ? classes.animated : undefined;\n\n useEffect(() => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.keyCode === ESCAPE_KEYCODE) {\n onDismiss?.();\n }\n };\n\n window.addEventListener('keydown', onKeyDown);\n\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, []);\n\n const withContentLeft = contentLeft ? classes.hasContentLeft : undefined;\n\n return (\n <StyledPopover\n opened={showTooltip}\n placement={placement}\n offset={offset}\n zIndex={zIndex}\n target={target || children}\n usePortal={usePortal}\n hasArrow={innerHasArrow}\n aria-hidden={!innerIsOpen}\n aria-live=\"polite\"\n role=\"tooltip\"\n className={cx(ref?.classList.toString(), animatedClass)}\n {...rest}\n >\n <Root view={view} size={size} ref={setRef} className={className} style={style}>\n <TooltipRoot\n ref={outerRef}\n id={id}\n className={cx(withContentLeft)}\n maxWidth={getStringValue(maxWidth)}\n minWidth={getStringValue(minWidth)}\n >\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {text}\n </TooltipRoot>\n </Root>\n </StyledPopover>\n );\n },\n );\n\nexport const tooltipConfig = {\n name: 'Tooltip',\n tag: 'div',\n layout: tooltipRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ESCAPE_KEYCODE","getStringValue","value","concat","Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","tooltipRoot","Root","forwardRef","_ref","outerRef","id","text","opened","isVisible","isOpen","_ref$hasArrow","hasArrow","arrow","animated","_ref$offset","offset","minWidth","maxWidth","_ref$placement","placement","_ref$usePortal","usePortal","target","children","onDismiss","view","size","contentLeft","_ref$zIndex","zIndex","className","style","rest","_useState","useState","_useState2","_slicedToArray","ref","setRef","innerIsOpen","Boolean","innerHasArrow","showTooltip","length","animatedClass","classes","undefined","useEffect","onKeyDown","event","keyCode","window","addEventListener","removeEventListener","withContentLeft","hasContentLeft","React","createElement","_extends","role","cx","classList","toString","TooltipRoot","StyledContentLeft","tooltipConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
@@ -1,6 +1,4 @@
1
1
  import { css as css$1 } from '@linaria/core';
2
- import 'react';
3
- import 'focus-visible';
4
2
 
5
3
  var css = css$1;
6
4
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/engines/index.ts"],"sourcesContent":["import { css as cssLibrary } from '@linaria/core';\n\nimport type { CSS } from './types';\n\nexport const css = cssLibrary as CSS;\nexport { mergeConfig, component } from './common';\n\nexport type {\n Variant,\n ComponentConfig,\n RootProps,\n CSS,\n RootPropsOmitOnChange,\n RootPropsOmitOnChangeAndDefaultValue,\n} from './types';\n"],"names":["css","cssLibrary"],"mappings":";;;;AAIO,IAAMA,GAAG,GAAGC;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/engines/index.ts"],"sourcesContent":["import { css as cssLibrary } from '@linaria/core';\n\nimport type { CSS } from './types';\n\nexport const css = cssLibrary as CSS;\nexport { mergeConfig, component } from './common';\n\nexport type {\n Variant,\n ComponentConfig,\n RootProps,\n CSS,\n RootPropsOmitOnChange,\n RootPropsOmitOnChangeAndDefaultValue,\n} from './types';\n"],"names":["css","cssLibrary"],"mappings":";;AAIO,IAAMA,GAAG,GAAGC;;;;"}
@@ -1,6 +1,5 @@
1
1
  import { useLayoutEffect, useEffect } from 'react';
2
2
  import { canUseDOM } from '../utils/canUseDOM.js';
3
- import '../utils/react.js';
4
3
 
5
4
  /**
6
5
  * Runs effect safely on server.
@@ -1 +1 @@
1
- {"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\n\nimport { canUseDOM } from '../utils';\n\n/**\n * Runs effect safely on server.\n */\nexport const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;\n"],"names":["useIsomorphicLayoutEffect","canUseDOM","useLayoutEffect","useEffect"],"mappings":";;;;AAIA;AACA;AACA;IACaA,yBAAyB,GAAGC,SAAS,GAAGC,eAAe,GAAGC;;;;"}
1
+ {"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\n\nimport { canUseDOM } from '../utils';\n\n/**\n * Runs effect safely on server.\n */\nexport const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;\n"],"names":["useIsomorphicLayoutEffect","canUseDOM","useLayoutEffect","useEffect"],"mappings":";;;AAIA;AACA;AACA;IACaA,yBAAyB,GAAGC,SAAS,GAAGC,eAAe,GAAGC;;;;"}
package/es/index.css CHANGED
@@ -605,14 +605,14 @@
605
605
 
606
606
  .base_1gha00t_blzorgi__0445cc63 .base_1gha00t_swmawm7__0445cc63{height:var(--plasma-progress-track-height);border-radius:var(--plasma-progress-track-border-radius);}.base_1gha00t_blzorgi__0445cc63 .base_1gha00t_s1mmwynp__0445cc63{height:var(--plasma-progress-filled-height);border-radius:var(--plasma-progress-filled-border-radius);}.base_1gha00t_blzorgi__0445cc63 .base_1gha00t_s1oe6gw0__0445cc63{margin-left:var(--plasma-progress-value-margin-left);}
607
607
 
608
- .Item_styles_baxa65_s1vls8ri__1ba2f282{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
609
- .Item_styles_baxa65_s1to2lz5__1ba2f282{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
610
- .Item_styles_baxa65_s17z4dei__1ba2f282{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
611
- .Item_styles_baxa65_s1nd9idj__1ba2f282{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
612
- .Item_styles_baxa65_dnb2nsj__1ba2f282{line-height:0;color:var(--text-secondary);}.Item_styles_baxa65_dnb2nsj__1ba2f282:hover{color:var(--text-secondary-hover);}
613
- .Item_styles_baxa65_i581hb1__1ba2f282{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_baxa65_i581hb1__1ba2f282 .Item_styles_baxa65_selectItemCheckbox__1ba2f282{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
614
- .Item_styles_baxa65_scgpql7__1ba2f282{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
615
- .Item_styles_baxa65_wzzpzvq__1ba2f282{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_baxa65_wzzpzvq__1ba2f282:hover:not(.Item_styles_baxa65_dropdownItemIsDisabled__1ba2f282){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsActive__1ba2f282{background:var(--surface-transparent-secondary);}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsDisabled__1ba2f282{opacity:0.4;cursor:not-allowed;}.Item_styles_baxa65_wzzpzvq__1ba2f282:focus{outline:none;}.Item_styles_baxa65_wzzpzvq__1ba2f282::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsFocused__1ba2f282:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
608
+ .Item_styles_1gaxu1y_s1vls8ri__821f230b{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
609
+ .Item_styles_1gaxu1y_s1to2lz5__821f230b{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
610
+ .Item_styles_1gaxu1y_s17z4dei__821f230b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
611
+ .Item_styles_1gaxu1y_s1nd9idj__821f230b{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
612
+ .Item_styles_1gaxu1y_dnb2nsj__821f230b{line-height:0;color:var(--plasma-select-disclosure-icon-color,var(--text-secondary));}.Item_styles_1gaxu1y_dnb2nsj__821f230b:hover{color:var(--plasma-select-disclosure-icon-color-hover,var(--text-secondary-hover));}
613
+ .Item_styles_1gaxu1y_i581hb1__821f230b{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_1gaxu1y_i581hb1__821f230b .Item_styles_1gaxu1y_selectItemCheckbox__821f230b{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
614
+ .Item_styles_1gaxu1y_scgpql7__821f230b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
615
+ .Item_styles_1gaxu1y_wzzpzvq__821f230b{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-select-item-background,var(--plasma-colors-transparent));color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_1gaxu1y_wzzpzvq__821f230b:hover:not(.Item_styles_1gaxu1y_dropdownItemIsDisabled__821f230b){cursor:pointer;background:var(--plasma-select-item-background-hover,var(--surface-transparent-secondary));}.Item_styles_1gaxu1y_wzzpzvq__821f230b.Item_styles_1gaxu1y_dropdownItemIsActive__821f230b{background:var(--plasma-select-item-background-hover,var(--surface-transparent-secondary));}.Item_styles_1gaxu1y_wzzpzvq__821f230b.Item_styles_1gaxu1y_dropdownItemIsDisabled__821f230b{opacity:0.4;cursor:not-allowed;}.Item_styles_1gaxu1y_wzzpzvq__821f230b:focus{outline:none;}.Item_styles_1gaxu1y_wzzpzvq__821f230b::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1gaxu1y_wzzpzvq__821f230b.Item_styles_1gaxu1y_dropdownItemIsFocused__821f230b:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
616
616
 
617
617
 
618
618
  .Button_styles_lxxm4p_sfn0xs0__70a12c1a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
@@ -636,11 +636,11 @@
636
636
  .Textfield_styles_11yj58s_c1ox0htq__817000d1{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
637
637
  .Textfield_styles_11yj58s_v1kam5d__817000d1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
638
638
 
639
- .Select_styles_1nzals0_spxbau6__beedd761 .Select_styles_1nzals0_popoverRoot__beedd761{width:var(--spxbau6-0);}.Select_styles_1nzals0_spxbau6__beedd761 .Select_styles_1nzals0_popoverTarget__beedd761{width:100%;}
640
- .Select_styles_1nzals0_u1yey2x3__beedd761{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
641
- .Select_styles_1nzals0_bvro45w__beedd761 .Select_styles_1nzals0_popoverWrapper__beedd761,.Select_styles_1nzals0_bvro45w__beedd761 .Select_styles_1nzals0_popoverTarget__beedd761{display:block;}
642
- .Select_styles_1nzals0_ogpldc9__beedd761{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
643
- .Select_styles_1nzals0_h2ef052__beedd761{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
639
+ .Select_styles_ei4ic3_spxbau6__ad5d5a7b .Select_styles_ei4ic3_popoverRoot__ad5d5a7b{width:var(--spxbau6-0);}.Select_styles_ei4ic3_spxbau6__ad5d5a7b .Select_styles_ei4ic3_popoverTarget__ad5d5a7b{width:100%;}
640
+ .Select_styles_ei4ic3_u1yey2x3__ad5d5a7b{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
641
+ .Select_styles_ei4ic3_bvro45w__ad5d5a7b .Select_styles_ei4ic3_popoverWrapper__ad5d5a7b,.Select_styles_ei4ic3_bvro45w__ad5d5a7b .Select_styles_ei4ic3_popoverTarget__ad5d5a7b{display:block;}
642
+ .Select_styles_ei4ic3_ogpldc9__ad5d5a7b{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-label-font-family,var(--plasma-select-font-family));font-size:var(--plasma-select-label-font-size,var(--plasma-select-font-size));font-style:var(--plasma-select-label-font-style,var(--plasma-select-font-style));font-weight:var(--plasma-select-label-font-weight,var(--plasma-select-font-weight));-webkit-letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));-moz-letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));-ms-letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));line-height:var(--plasma-select-label-font-line-height,var(--plasma-select-font-line-height));}
643
+ .Select_styles_ei4ic3_h2ef052__ad5d5a7b{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-select-helper-text-font-family,var(--plasma-typo-body-xs-font-family));font-size:var(--plasma-select-helper-text-font-size,var(--plasma-typo-body-xs-font-size));font-style:var(--plasma-select-helper-text-font-style,var(--plasma-typo-body-xs-font-style));font-weight:var(--plasma-select-helper-text-font-weight,var(--plasma-typo-body-xs-font-weight));-webkit-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));-moz-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));-ms-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));line-height:var(--plasma-select-helper-text-font-line-height,var(--plasma-typo-body-xs-line-height));}
644
644
 
645
645
  .base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
646
646
 
package/es/index.js CHANGED
@@ -1,3 +1,6 @@
1
+ export { css } from './engines/index.js';
2
+ export { composableStyle, cx } from './utils/index.js';
3
+ export { ButtonBase } from './components/ButtonBase/index.js';
1
4
  export { applyBlur, blurs } from './mixins/applyBlur.js';
2
5
  export { applyEllipsis } from './mixins/applyEllipsis.js';
3
6
  export { applySpacing, spacing, spacingFns } from './mixins/applySpacing.js';
@@ -10,7 +13,7 @@ export { applyRoundness, getRoundness, radiuses } from './mixins/applyRoundness.
10
13
  export { applySkeletonGradient, getSkeletonColor } from './mixins/applySkeletonGradient.js';
11
14
  export { applyDisabled } from './mixins/applyDisabled.js';
12
15
  export { applyHidden } from './mixins/applyHidden.js';
13
- export { css } from './engines/index.js';
16
+ export { component, mergeConfig } from './engines/common.js';
14
17
  export { useUniqId } from './hooks/useUniqId.js';
15
18
  export { useFocusTrap } from './hooks/useFocusTrap.js';
16
19
  export { usePreviousValue } from './hooks/usePreviousValue.js';
@@ -18,7 +21,17 @@ export { useForceUpdate } from './hooks/useForceUpdate.js';
18
21
  export { useDidMountEffect } from './hooks/useDidMountEffect.js';
19
22
  export { useOutsideClick } from './hooks/useOutsideClick.js';
20
23
  export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
21
- export { composableStyle, cx } from './utils/index.js';
24
+ export { canUseDOM } from './utils/canUseDOM.js';
25
+ export { extractTextFrom } from './utils/extractTextFrom.js';
26
+ export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
27
+ export { IS_REACT_18, safeUseId } from './utils/react.js';
28
+ export { isNumber } from './utils/isNumber.js';
29
+ export { mergeRefs, setRefList } from './utils/setRefList.js';
30
+ export { isEmpty } from './utils/isEmpty.js';
31
+ export { noop } from './utils/noop.js';
32
+ export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
33
+ import * as constants from './utils/constants.js';
34
+ export { constants };
22
35
  export { buttonConfig, buttonRoot } from './components/Button/Button.js';
23
36
  export { classes as buttonClasses, tokens as buttonTokens } from './components/Button/Button.tokens.js';
24
37
  export { iconButtonConfig, iconButtonRoot } from './components/IconButton/IconButton.js';
@@ -67,6 +80,7 @@ export { withRange } from './components/Calendar/hoc/withRange.js';
67
80
  export { calendarBaseConfig, calendarBaseRoot } from './components/Calendar/CalendarBase/CalendarBase.js';
68
81
  export { calendarDoubleConfig, calendarDoubleRoot } from './components/Calendar/CalendarDouble/CalendarDouble.js';
69
82
  export { tokens as calendarBaseTokens, tokens as calendarDoubleTokens } from './components/Calendar/Calendar.tokens.js';
83
+ export { tokens as typographyTokens } from './components/Typography/tokens.js';
70
84
  export { bodyConfig, bodyRoot } from './components/Typography/Body/Body.js';
71
85
  export { dsplConfig, dsplRoot } from './components/Typography/Dspl/Dspl.js';
72
86
  export { headingConfig, headingRoot } from './components/Typography/Heading/Heading.js';
@@ -81,7 +95,6 @@ export { paragraphConfig, paragraphRoot } from './components/Typography/Old/Para
81
95
  export { paragraphTextConfig, paragraphTextRoot } from './components/Typography/Old/ParagraphText/ParagraphText.js';
82
96
  export { underlineConfig, underlineRoot } from './components/Typography/Old/Underline/Underline.js';
83
97
  export { subtitleConfig, subtitleRoot } from './components/Typography/Old/Subtitle/Subtitle.js';
84
- export { tokens as typographyTokens } from './components/Typography/tokens.js';
85
98
  export { PopupProvider, usePopupContext } from './components/Popup/PopupContext.js';
86
99
  export { popupConfig, popupRoot } from './components/Popup/Popup.js';
87
100
  export { usePopup } from './components/Popup/hooks/usePopup.js';
@@ -89,14 +102,14 @@ export { classes as popupClasses } from './components/Popup/Popup.tokens.js';
89
102
  export { modalConfig, modalRoot } from './components/Modal/Modal.js';
90
103
  export { classes as modalClasses, tokens as modalTokens } from './components/Modal/Modal.tokens.js';
91
104
  export { NotificationsProvider } from './components/Notification/NotificationsProvider.js';
92
- export { notificationConfig, notificationRoot } from './components/Notification/Notification.js';
105
+ export { noticationConfig, notificationRoot } from './components/Notification/Notification.js';
93
106
  export { addNotification, closeNotification } from './components/Notification/NotificationsStore.js';
94
107
  export { classes as notificationClasses, tokens as notificationTokens } from './components/Notification/Notification.tokens.js';
95
108
  export { drawerConfig, drawerRoot } from './components/Drawer/Drawer.js';
109
+ export { classes as drawerClasses, tokens as drawerTokens } from './components/Drawer/Drawer.tokens.js';
96
110
  export { drawerContentConfig, drawerContentRoot } from './components/Drawer/ui/DrawerContent/DrawerContent.js';
97
111
  export { drawerFooterConfig, drawerFooterRoot } from './components/Drawer/ui/DrawerFooter/DrawerFooter.js';
98
112
  export { drawerHeaderConfig, drawerHeaderRoot } from './components/Drawer/ui/DrawerHeader/DrawerHeader.js';
99
- export { classes as drawerClasses, tokens as drawerTokens } from './components/Drawer/Drawer.tokens.js';
100
113
  export { dropdownConfig, dropdownRoot } from './components/Dropdown/Dropdown.js';
101
114
  export { classes as dropdownClasses, tokens as dropdownTokens } from './components/Dropdown/Dropdown.tokens.js';
102
115
  export { useKeyNavigation as useDropdownKeyNavigation } from './components/Dropdown/hooks/useKeyboardNavigation.js';
@@ -111,8 +124,8 @@ export { dropdownOldConfig, dropdownOldRoot } from './components/Dropdown/ui/Dro
111
124
  export { tokens as dropdownOldTokens } from './components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js';
112
125
  export { tooltipConfig, tooltipRoot } from './components/Tooltip/Tooltip.js';
113
126
  export { tokens as tooltipTokens } from './components/Tooltip/Tooltip.tokens.js';
114
- export { segmentGroupConfig, segmentGroupRoot } from './components/Segment/ui/SegmentGroup/SegmentGroup.js';
115
127
  export { segmentItemConfig, segmentItemRoot } from './components/Segment/ui/SegmentItem/SegmentItem.js';
128
+ export { segmentGroupConfig, segmentGroupRoot } from './components/Segment/ui/SegmentGroup/SegmentGroup.js';
116
129
  export { SegmentProvider, useSegment } from './components/Segment/SegmentProvider/SegmentProvider.js';
117
130
  export { classes as segmentClasses, tokens as segmentTokens } from './components/Segment/tokens.js';
118
131
  export { lineSkeletonConfig, lineSkeletonRoot } from './components/Skeleton/LineSkeleton/LineSkeleton.js';
@@ -137,23 +150,22 @@ export { classes as toastClasses, tokens as toastTokens } from './components/Toa
137
150
  export { Overlay } from './components/Overlay/Overlay.js';
138
151
  export { SSRContext, SSRProvider } from './components/SSRProvider/SSRProvider.js';
139
152
  export { comboboxConfig as comboboxOldConfig, comboboxRoot as comboboxOldRoot } from './components/Combobox/ComboboxOld/Combobox.js';
140
- export { classes as comboboxOldClasses, tokens as comboboxOldTokens } from './components/Combobox/ComboboxOld/Combobox.tokens.js';
141
153
  export { comboboxDividerConfig, comboboxDividerRoot } from './components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js';
142
154
  export { comboboxFooterConfig, comboboxFooterRoot } from './components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js';
143
155
  export { comboboxGroupConfig, comboboxGroupRoot } from './components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js';
144
156
  export { comboboxHeaderConfig, comboboxHeaderRoot } from './components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js';
145
157
  export { comboboxItemConfig, comboboxItemRoot } from './components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js';
146
158
  export { ComboboxTarget } from './components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js';
147
- export { comboboxConfig as comboboxNewConfig, comboboxRoot as comboboxNewRoot } from './components/Combobox/ComboboxNew/Combobox.js';
159
+ export { classes as comboboxOldClasses, tokens as comboboxOldTokens } from './components/Combobox/ComboboxOld/Combobox.tokens.js';
148
160
  export { tokens as comboboxNewTokens } from './components/Combobox/ComboboxNew/Combobox.tokens.js';
161
+ export { comboboxConfig as comboboxNewConfig, comboboxRoot as comboboxNewRoot } from './components/Combobox/ComboboxNew/Combobox.js';
149
162
  export { indicatorConfig, indicatorRoot } from './components/Indicator/Indicator.js';
150
163
  export { tokens as indicatorTokens } from './components/Indicator/Indicator.tokens.js';
151
- export { ButtonBase } from './components/ButtonBase/index.js';
152
164
  export { gridConfig, gridRoot } from './components/Grid/Grid.js';
153
165
  export { tokens as gridTokens } from './components/Grid/Grid.tokens.js';
166
+ export { getBaseGridView } from './components/Grid/utils/index.js';
154
167
  export { Row } from './components/Grid/ui/Row/Row.js';
155
168
  export { Col } from './components/Grid/ui/Col/Col.js';
156
- export { getBaseGridView } from './components/Grid/utils/index.js';
157
169
  export { progressConfig, progressRoot } from './components/Progress/Progress.js';
158
170
  export { tokens as progressTokens } from './components/Progress/Progress.tokens.js';
159
171
  export { selectConfig, selectRoot } from './components/Select/Select.js';
@@ -167,10 +179,7 @@ export { sheetConfig, sheetRoot } from './components/Sheet/Sheet.js';
167
179
  export { classes as sheetClasses, tokens as sheetTokens } from './components/Sheet/Sheet.tokens.js';
168
180
  export { sliderConfig, sliderRoot } from './components/Slider/Slider.js';
169
181
  export { tokens as sliderTokens } from './components/Slider/Slider.tokens.js';
170
- import 'react';
171
- import 'react-draggable';
172
182
  export { ThumbBase } from './components/Slider/ui/Thumb/Thumb.styles.js';
173
- import '@linaria/react';
174
183
  export { stepsConfig, stepsRoot } from './components/Steps/Steps.js';
175
184
  export { tokens as stepsTokens } from './components/Steps/Steps.tokens.js';
176
185
  export { rangeConfig, rangeRoot } from './components/Range/Range.js';
@@ -193,16 +202,4 @@ export { tokens as editableTokens } from './components/Editable/Editable.tokens.
193
202
  export { composeMask } from './components/Mask/Mask.js';
194
203
  export { attachConfig, attachRoot } from './components/Attach/Attach.js';
195
204
  export { tokens as attachTokens } from './components/Attach/Attach.tokens.js';
196
- export { component, mergeConfig } from './engines/common.js';
197
- export { canUseDOM } from './utils/canUseDOM.js';
198
- export { extractTextFrom } from './utils/extractTextFrom.js';
199
- export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
200
- export { IS_REACT_18, safeUseId } from './utils/react.js';
201
- export { isNumber } from './utils/isNumber.js';
202
- export { mergeRefs, setRefList } from './utils/setRefList.js';
203
- export { isEmpty } from './utils/isEmpty.js';
204
- export { noop } from './utils/noop.js';
205
- export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
206
- import * as constants from './utils/constants.js';
207
- export { constants };
208
205
  //# sourceMappingURL=index.js.map
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/es/utils/index.js CHANGED
@@ -1,6 +1,3 @@
1
- import 'react';
2
- export { IS_REACT_18, safeUseId } from './react.js';
3
-
4
1
  var cx = function cx() {
5
2
  for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
6
3
  classes[_key] = arguments[_key];
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;AAaaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAaaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.174.0-canary.1503.11466452273.0",
3
+ "version": "0.174.0-canary.1504.11477432639.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -124,5 +124,8 @@
124
124
  "react-popper": "2.3.0",
125
125
  "storeon": "3.1.5"
126
126
  },
127
- "gitHead": "1c5d74694d9b51013c584be5c05eb691be4ae341"
127
+ "sideEffects": [
128
+ "*.css"
129
+ ],
130
+ "gitHead": "de3c8998fe9c70aa1d11a77a8a5ddf2941733c7a"
128
131
  }
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.notificationRoot = exports.notificationConfig = void 0;
7
+ exports.notificationRoot = exports.noticationConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
9
  var _utils = /*#__PURE__*/require("../../utils");
10
10
  var _IconCross2 = /*#__PURE__*/require("../_Icon/Icons/IconCross");
@@ -94,7 +94,7 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
94
94
  })))));
95
95
  });
96
96
  };
97
- var notificationConfig = exports.notificationConfig = {
97
+ var noticationConfig = exports.noticationConfig = {
98
98
  name: 'Notification',
99
99
  tag: 'div',
100
100
  layout: notificationRoot,
@@ -10,9 +10,9 @@ import { PropsTable, Description } from '@site/src/components';
10
10
  <PropsTable name="Notification" />
11
11
 
12
12
  ## Использование
13
- Компонент `Notification` может использоваться для создания собственных систем оповещения.
13
+ Компонент `Notification` может использоваться для создания собственных систем оповещения.
14
14
  Вид компонента контролируется свойствами (props).
15
- Текстовая часть оповещения состоит из `title` и `children`.
15
+ Текстовая часть оповещения состоит из `title` и `children`.
16
16
  Слева или сверху от нее, также можно пробросить иконку через свойство `icon`.
17
17
  Также есть часть `actions`, в которой предполагается отображение кнопок для взаимодействия.
18
18
 
@@ -34,32 +34,24 @@ ReactDOM.render(
34
34
  ```
35
35
 
36
36
  ### Вызов уведомления
37
- После подключения `NotificationsProvider` станет возможен вызов функции `addNotification`, который приведет к отображению оповещения.
38
- Функция принимает значения свойств компонента `Notification`, включая необязательное поле `id`. И возвращает сгенерированный или переданный `id`, по которому можно закрыть оповещение через вызов `closeNotification`.
37
+ После подключения `NotificationsProvider` станет возможен вызов функции `addNotification`,который приведет к отображению оповещения.
38
+ Функция принимает значения свойств компонента `Notification`:
39
39
 
40
40
  ```tsx live
41
41
  import React from 'react';
42
- import { Button, ButtonGroup, addNotification, closeNotification, NotificationsProvider } from '@salutejs/{{ package }}';
42
+ import { Button, addNotification, NotificationsProvider } from '@salutejs/{{ package }}';
43
43
 
44
44
  export function App() {
45
- const handleShow = React.useCallback(() => {
45
+ const handleClick = React.useCallback(() => {
46
46
  addNotification({
47
- id: 'incoming-call',
48
47
  title: 'Входящий вызов',
49
48
  children: 'Принять?',
50
49
  }, 1000);
51
50
  }, []);
52
51
 
53
- const handleHide = React.useCallback(() => {
54
- closeNotification('incoming-call');
55
- }, []);
56
-
57
52
  return (
58
53
  <NotificationsProvider>
59
- <ButtonGroup>
60
- <Button text="Показать оповещение" onClick={handleShow} />
61
- <Button text="Скрыть оповещение" onClick={handleHide} />
62
- </ButtonGroup>
54
+ <Button text="Показать оповещение" onClick={handleClick} />
63
55
  </NotificationsProvider>
64
56
  );
65
57
  }
@@ -33,9 +33,7 @@ var StyledPopup = /*#__PURE__*/(0, _styledComponents["default"])(Popup).withConf
33
33
  */
34
34
  var NotificationsPortal = exports.NotificationsPortal = function NotificationsPortal(_ref) {
35
35
  var config = _ref.config,
36
- frame = _ref.frame,
37
- _ref$placement = _ref.placement,
38
- placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement;
36
+ frame = _ref.frame;
39
37
  var _useStoreon = (0, _react2.useStoreon)('notifications'),
40
38
  notifications = _useStoreon.notifications;
41
39
  var Notification = (0, _react.useMemo)(function () {
@@ -44,7 +42,7 @@ var NotificationsPortal = exports.NotificationsPortal = function NotificationsPo
44
42
  return /*#__PURE__*/_react["default"].createElement(_Popup.PopupProvider, null, notifications.length > 0 && /*#__PURE__*/_react["default"].createElement(StyledPopup, {
45
43
  opened: true,
46
44
  frame: frame,
47
- placement: placement,
45
+ placement: "bottom-right",
48
46
  zIndex: "9100"
49
47
  }, /*#__PURE__*/_react["default"].createElement(_Notification.StyledRoot, null, notifications.map(function (_ref2) {
50
48
  var id = _ref2.id,
@@ -12,13 +12,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
12
12
  var NotificationsProvider = exports.NotificationsProvider = function NotificationsProvider(_ref) {
13
13
  var children = _ref.children,
14
14
  config = _ref.config,
15
- frame = _ref.frame,
16
- placement = _ref.placement;
15
+ frame = _ref.frame;
17
16
  return /*#__PURE__*/_react["default"].createElement(_react2.StoreContext.Provider, {
18
17
  value: _NotificationsStore.NotificationsStore
19
18
  }, children, /*#__PURE__*/_react["default"].createElement(_NotificationsPortal.NotificationsPortal, {
20
19
  frame: frame,
21
- placement: placement,
22
20
  config: config
23
21
  }));
24
22
  };
@@ -21,16 +21,16 @@ Object.defineProperty(exports, "closeNotification", {
21
21
  return _NotificationsStore.closeNotification;
22
22
  }
23
23
  });
24
- Object.defineProperty(exports, "notificationClasses", {
24
+ Object.defineProperty(exports, "noticationConfig", {
25
25
  enumerable: true,
26
26
  get: function get() {
27
- return _Notification2.classes;
27
+ return _Notification.noticationConfig;
28
28
  }
29
29
  });
30
- Object.defineProperty(exports, "notificationConfig", {
30
+ Object.defineProperty(exports, "notificationClasses", {
31
31
  enumerable: true,
32
32
  get: function get() {
33
- return _Notification.notificationConfig;
33
+ return _Notification2.classes;
34
34
  }
35
35
  });
36
36
  Object.defineProperty(exports, "notificationRoot", {