@salutejs/plasma-new-hope 0.338.0-canary.2280.18412321271.0 → 0.338.0-canary.2280.18494951721.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (418) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +2 -0
  2. package/cjs/components/Calendar/Calendar.tokens.js +1 -0
  3. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +4 -4
  5. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
  6. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  7. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  8. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
  9. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  10. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  11. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +4 -4
  12. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  13. package/cjs/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_12b03hz.css → DateStructureItem.styles_z3dhwf.css} +1 -1
  14. package/cjs/components/Combobox/ComboboxNew/Combobox.css +2 -0
  15. package/cjs/components/Combobox/ComboboxOld/Combobox.css +2 -0
  16. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -0
  17. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -0
  18. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -0
  19. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -0
  20. package/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
  21. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  22. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  23. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  24. package/{es/components/DatePicker/DatePickerBase.styles_1fnt3hc.css → cjs/components/DatePicker/DatePickerBase.styles_6x4unn.css} +1 -1
  25. package/cjs/components/DatePicker/RangeDate/RangeDate.css +10 -8
  26. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -6
  27. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  28. package/{es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_160e4y4.css → cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1wt56uj.css} +2 -2
  29. package/cjs/components/DatePicker/SingleDate/SingleDate.css +11 -9
  30. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  31. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  32. package/{es/components/DatePicker/SingleDate/SingleDate.styles_15voqba.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_5c37vu.css} +1 -1
  33. package/cjs/components/Drawer/Drawer.js +4 -1
  34. package/cjs/components/Drawer/Drawer.js.map +1 -1
  35. package/cjs/components/Dropdown/Dropdown.css +2 -0
  36. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -0
  37. package/cjs/components/InformationWrapper/InformationWrapper.css +2 -0
  38. package/cjs/components/InformationWrapper/ui/Label/Label.css +2 -0
  39. package/cjs/components/Pagination/Pagination.css +2 -0
  40. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -0
  41. package/cjs/components/Popover/Popover.css +4 -0
  42. package/cjs/components/Popover/Popover.js +10 -2
  43. package/cjs/components/Popover/Popover.js.map +1 -1
  44. package/cjs/components/Popup/Popup.styles.js +3 -2
  45. package/cjs/components/Popup/Popup.styles.js.map +1 -1
  46. package/cjs/components/ProgressBarCircular/ProgressBarCircular.css +5 -5
  47. package/cjs/components/ProgressBarCircular/ProgressBarCircular.js +6 -34
  48. package/cjs/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
  49. package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +34 -9
  50. package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -1
  51. package/cjs/components/ProgressBarCircular/{ProgressBarCircular.styles_m8m7d7.css → ProgressBarCircular.styles_1cnlydo.css} +3 -3
  52. package/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js +3 -2
  53. package/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js.map +1 -1
  54. package/cjs/components/Range/Range.css +2 -0
  55. package/cjs/components/Select/Select.css +2 -0
  56. package/cjs/components/Select/ui/Target/Target.css +2 -0
  57. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -0
  58. package/cjs/components/Slider/Slider.css +2 -0
  59. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -0
  60. package/cjs/components/Slider/ui/Handler/Handler.js +6 -2
  61. package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
  62. package/cjs/components/Table/Table.css +2 -0
  63. package/cjs/components/Table/Table.js +34 -27
  64. package/cjs/components/Table/Table.js.map +1 -1
  65. package/cjs/components/Table/ui/Cell/Cell.css +2 -0
  66. package/cjs/components/Table/ui/Cell/Cell.js +5 -3
  67. package/cjs/components/Table/ui/Cell/Cell.js.map +1 -1
  68. package/cjs/components/Table/ui/EditableCell/EditableCell.css +2 -0
  69. package/cjs/components/Table/ui/EditableCell/EditableCell.js +4 -3
  70. package/cjs/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
  71. package/cjs/components/Table/ui/HeadCell/HeadCell.css +2 -0
  72. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -0
  73. package/cjs/components/TextArea/ui/Hint/Hint.css +2 -0
  74. package/cjs/components/TextField/ui/Hint/Hint.css +2 -0
  75. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +2 -0
  76. package/cjs/components/TimePicker/TimePicker.css +2 -0
  77. package/cjs/components/_Resizable/Resizable.css +3 -0
  78. package/cjs/components/_Resizable/Resizable.js +87 -0
  79. package/cjs/components/_Resizable/Resizable.js.map +1 -0
  80. package/cjs/components/_Resizable/Resizable.styles.js +19 -0
  81. package/cjs/components/_Resizable/Resizable.styles.js.map +1 -0
  82. package/cjs/components/_Resizable/Resizable.styles_1l85rp0.css +1 -0
  83. package/cjs/components/_Resizable/Resizable.tokens.js +16 -0
  84. package/cjs/components/_Resizable/Resizable.tokens.js.map +1 -0
  85. package/cjs/components/_Resizable/utils/getHandleStyles.js +40 -0
  86. package/cjs/components/_Resizable/utils/getHandleStyles.js.map +1 -0
  87. package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +38 -0
  88. package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +1 -0
  89. package/cjs/components/_Resizable/utils/getResizeDirections.js +73 -0
  90. package/cjs/components/_Resizable/utils/getResizeDirections.js.map +1 -0
  91. package/cjs/index.css +18 -16
  92. package/cjs/index.js +0 -2
  93. package/cjs/index.js.map +1 -1
  94. package/cjs/utils/index.js.map +1 -1
  95. package/emotion/cjs/components/Calendar/Calendar.tokens.js +1 -0
  96. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -9
  97. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
  98. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +5 -5
  99. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
  100. package/emotion/cjs/components/Drawer/Drawer.js +3 -1
  101. package/emotion/cjs/components/Popover/Popover.js +10 -2
  102. package/emotion/cjs/components/Popup/Popup.styles.js +13 -13
  103. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.js +6 -76
  104. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +24 -15
  105. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js +3 -2
  106. package/emotion/cjs/components/Slider/ui/Handler/Handler.js +6 -2
  107. package/emotion/cjs/components/Table/Table.js +16 -11
  108. package/emotion/cjs/components/Table/ui/Cell/Cell.js +31 -3
  109. package/emotion/cjs/components/Table/ui/EditableCell/EditableCell.js +31 -3
  110. package/emotion/cjs/components/_Resizable/Resizable.js +120 -0
  111. package/emotion/cjs/components/_Resizable/Resizable.styles.js +22 -0
  112. package/emotion/cjs/components/_Resizable/Resizable.tokens.js +19 -0
  113. package/emotion/cjs/components/_Resizable/index.js +19 -0
  114. package/emotion/cjs/components/_Resizable/utils/getHandleStyles.js +68 -0
  115. package/emotion/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +54 -0
  116. package/emotion/cjs/components/_Resizable/utils/getResizeDirections.js +82 -0
  117. package/emotion/cjs/components/_Resizable/utils/index.js +27 -0
  118. package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  119. package/emotion/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +14 -13
  120. package/emotion/cjs/utils/index.js +0 -4
  121. package/emotion/es/components/Calendar/Calendar.tokens.js +1 -0
  122. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -9
  123. package/emotion/es/components/DatePicker/DatePicker.tokens.js +3 -0
  124. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +5 -5
  125. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
  126. package/emotion/es/components/Drawer/Drawer.js +3 -1
  127. package/emotion/es/components/Popover/Popover.js +10 -2
  128. package/emotion/es/components/Popup/Popup.styles.js +13 -13
  129. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.js +8 -78
  130. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +24 -15
  131. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js +3 -2
  132. package/emotion/es/components/Slider/ui/Handler/Handler.js +6 -2
  133. package/emotion/es/components/Table/Table.js +16 -11
  134. package/emotion/es/components/Table/ui/Cell/Cell.js +31 -3
  135. package/emotion/es/components/Table/ui/EditableCell/EditableCell.js +31 -3
  136. package/emotion/es/components/_Resizable/Resizable.js +69 -0
  137. package/emotion/es/components/_Resizable/Resizable.styles.js +7 -0
  138. package/emotion/es/components/_Resizable/Resizable.tokens.js +9 -0
  139. package/emotion/es/components/_Resizable/index.js +2 -0
  140. package/emotion/es/components/_Resizable/utils/getHandleStyles.js +58 -0
  141. package/emotion/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +44 -0
  142. package/emotion/es/components/_Resizable/utils/getResizeDirections.js +72 -0
  143. package/emotion/es/components/_Resizable/utils/index.js +4 -0
  144. package/emotion/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +14 -13
  145. package/emotion/es/utils/index.js +0 -1
  146. package/es/components/Autocomplete/Autocomplete.css +2 -0
  147. package/es/components/Calendar/Calendar.tokens.js +1 -0
  148. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  149. package/es/components/Calendar/CalendarBase/CalendarBase.css +4 -4
  150. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
  151. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  152. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  153. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
  154. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  155. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  156. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +4 -4
  157. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  158. package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_12b03hz.css → DateStructureItem.styles_z3dhwf.css} +1 -1
  159. package/es/components/Combobox/ComboboxNew/Combobox.css +2 -0
  160. package/es/components/Combobox/ComboboxOld/Combobox.css +2 -0
  161. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -0
  162. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -0
  163. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -0
  164. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -0
  165. package/es/components/DatePicker/DatePicker.tokens.js +3 -0
  166. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  167. package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  168. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  169. package/{cjs/components/DatePicker/DatePickerBase.styles_1fnt3hc.css → es/components/DatePicker/DatePickerBase.styles_6x4unn.css} +1 -1
  170. package/es/components/DatePicker/RangeDate/RangeDate.css +10 -8
  171. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -6
  172. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  173. package/{cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_160e4y4.css → es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1wt56uj.css} +2 -2
  174. package/es/components/DatePicker/SingleDate/SingleDate.css +11 -9
  175. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  176. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  177. package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_15voqba.css → es/components/DatePicker/SingleDate/SingleDate.styles_5c37vu.css} +1 -1
  178. package/es/components/Drawer/Drawer.js +4 -1
  179. package/es/components/Drawer/Drawer.js.map +1 -1
  180. package/es/components/Dropdown/Dropdown.css +2 -0
  181. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -0
  182. package/es/components/InformationWrapper/InformationWrapper.css +2 -0
  183. package/es/components/InformationWrapper/ui/Label/Label.css +2 -0
  184. package/es/components/Pagination/Pagination.css +2 -0
  185. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -0
  186. package/es/components/Popover/Popover.css +4 -0
  187. package/es/components/Popover/Popover.js +10 -2
  188. package/es/components/Popover/Popover.js.map +1 -1
  189. package/es/components/Popup/Popup.styles.js +3 -2
  190. package/es/components/Popup/Popup.styles.js.map +1 -1
  191. package/es/components/ProgressBarCircular/ProgressBarCircular.css +5 -5
  192. package/es/components/ProgressBarCircular/ProgressBarCircular.js +9 -37
  193. package/es/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
  194. package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +34 -9
  195. package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -1
  196. package/es/components/ProgressBarCircular/{ProgressBarCircular.styles_m8m7d7.css → ProgressBarCircular.styles_1cnlydo.css} +3 -3
  197. package/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js +3 -2
  198. package/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js.map +1 -1
  199. package/es/components/Range/Range.css +2 -0
  200. package/es/components/Select/Select.css +2 -0
  201. package/es/components/Select/ui/Target/Target.css +2 -0
  202. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -0
  203. package/es/components/Slider/Slider.css +2 -0
  204. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -0
  205. package/es/components/Slider/ui/Handler/Handler.js +7 -3
  206. package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
  207. package/es/components/Table/Table.css +2 -0
  208. package/es/components/Table/Table.js +34 -27
  209. package/es/components/Table/Table.js.map +1 -1
  210. package/es/components/Table/ui/Cell/Cell.css +2 -0
  211. package/es/components/Table/ui/Cell/Cell.js +5 -3
  212. package/es/components/Table/ui/Cell/Cell.js.map +1 -1
  213. package/es/components/Table/ui/EditableCell/EditableCell.css +2 -0
  214. package/es/components/Table/ui/EditableCell/EditableCell.js +5 -4
  215. package/es/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
  216. package/es/components/Table/ui/HeadCell/HeadCell.css +2 -0
  217. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -0
  218. package/es/components/TextArea/ui/Hint/Hint.css +2 -0
  219. package/es/components/TextField/ui/Hint/Hint.css +2 -0
  220. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +2 -0
  221. package/es/components/TimePicker/TimePicker.css +2 -0
  222. package/es/components/_Resizable/Resizable.css +3 -0
  223. package/es/components/_Resizable/Resizable.js +79 -0
  224. package/es/components/_Resizable/Resizable.js.map +1 -0
  225. package/es/components/_Resizable/Resizable.styles.js +15 -0
  226. package/es/components/_Resizable/Resizable.styles.js.map +1 -0
  227. package/es/components/_Resizable/Resizable.styles_1l85rp0.css +1 -0
  228. package/es/components/_Resizable/Resizable.tokens.js +12 -0
  229. package/es/components/_Resizable/Resizable.tokens.js.map +1 -0
  230. package/es/components/_Resizable/utils/getHandleStyles.js +36 -0
  231. package/es/components/_Resizable/utils/getHandleStyles.js.map +1 -0
  232. package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +34 -0
  233. package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +1 -0
  234. package/es/components/_Resizable/utils/getResizeDirections.js +69 -0
  235. package/es/components/_Resizable/utils/getResizeDirections.js.map +1 -0
  236. package/es/index.css +18 -16
  237. package/es/index.js +0 -1
  238. package/es/index.js.map +1 -1
  239. package/es/utils/index.js.map +1 -1
  240. package/package.json +2 -2
  241. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +1 -0
  242. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +8 -7
  243. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
  244. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
  245. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +10 -4
  246. package/styled-components/cjs/components/Drawer/Drawer.js +3 -1
  247. package/styled-components/cjs/components/Popover/Popover.js +10 -2
  248. package/styled-components/cjs/components/Popup/Popup.styles.js +7 -7
  249. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.js +6 -76
  250. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +26 -14
  251. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js +3 -2
  252. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +6 -2
  253. package/styled-components/cjs/components/Table/Table.js +16 -11
  254. package/styled-components/cjs/components/Table/ui/Cell/Cell.js +31 -3
  255. package/styled-components/cjs/components/Table/ui/EditableCell/EditableCell.js +31 -3
  256. package/styled-components/cjs/components/_Resizable/Resizable.js +120 -0
  257. package/styled-components/cjs/components/_Resizable/Resizable.styles.js +28 -0
  258. package/styled-components/cjs/components/_Resizable/Resizable.tokens.js +19 -0
  259. package/styled-components/cjs/components/_Resizable/index.js +19 -0
  260. package/styled-components/cjs/components/_Resizable/utils/getHandleStyles.js +68 -0
  261. package/styled-components/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +54 -0
  262. package/styled-components/cjs/components/_Resizable/utils/getResizeDirections.js +82 -0
  263. package/styled-components/cjs/components/_Resizable/utils/index.js +27 -0
  264. package/styled-components/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +27 -14
  265. package/styled-components/cjs/utils/index.js +0 -4
  266. package/styled-components/es/components/Calendar/Calendar.tokens.js +1 -0
  267. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +8 -7
  268. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +3 -0
  269. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +3 -3
  270. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +10 -4
  271. package/styled-components/es/components/Drawer/Drawer.js +3 -1
  272. package/styled-components/es/components/Popover/Popover.js +10 -2
  273. package/styled-components/es/components/Popup/Popup.styles.js +7 -7
  274. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.js +8 -78
  275. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +26 -14
  276. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js +3 -2
  277. package/styled-components/es/components/Slider/ui/Handler/Handler.js +6 -2
  278. package/styled-components/es/components/Table/Table.js +16 -11
  279. package/styled-components/es/components/Table/ui/Cell/Cell.js +31 -3
  280. package/styled-components/es/components/Table/ui/EditableCell/EditableCell.js +31 -3
  281. package/styled-components/es/components/_Resizable/Resizable.js +69 -0
  282. package/styled-components/es/components/_Resizable/Resizable.styles.js +13 -0
  283. package/styled-components/es/components/_Resizable/Resizable.tokens.js +9 -0
  284. package/styled-components/es/components/_Resizable/index.js +2 -0
  285. package/styled-components/es/components/_Resizable/utils/getHandleStyles.js +58 -0
  286. package/styled-components/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +44 -0
  287. package/styled-components/es/components/_Resizable/utils/getResizeDirections.js +72 -0
  288. package/styled-components/es/components/_Resizable/utils/index.js +4 -0
  289. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  290. package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +27 -14
  291. package/styled-components/es/utils/index.js +0 -1
  292. package/types/components/Calendar/Calendar.tokens.d.ts +1 -0
  293. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  294. package/types/components/DatePicker/DatePicker.tokens.d.ts +3 -0
  295. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  296. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  297. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  298. package/types/components/Drawer/Drawer.d.ts.map +1 -1
  299. package/types/components/Popover/Popover.d.ts.map +1 -1
  300. package/types/components/Popover/Popover.types.d.ts +13 -0
  301. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  302. package/types/components/Popup/Popup.types.d.ts +8 -1
  303. package/types/components/Popup/Popup.types.d.ts.map +1 -1
  304. package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +1 -1
  305. package/types/components/ProgressBarCircular/ProgressBarCircular.styles.d.ts +1 -0
  306. package/types/components/ProgressBarCircular/ProgressBarCircular.styles.d.ts.map +1 -1
  307. package/types/components/ProgressBarCircular/ProgressBarCircular.tokens.d.ts +3 -2
  308. package/types/components/ProgressBarCircular/ProgressBarCircular.tokens.d.ts.map +1 -1
  309. package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -1
  310. package/types/components/Table/Table.d.ts.map +1 -1
  311. package/types/components/Table/Table.types.d.ts +88 -3
  312. package/types/components/Table/Table.types.d.ts.map +1 -1
  313. package/types/components/Table/ui/Cell/Cell.d.ts +2 -0
  314. package/types/components/Table/ui/Cell/Cell.d.ts.map +1 -1
  315. package/types/components/Table/ui/EditableCell/EditableCell.d.ts +2 -0
  316. package/types/components/Table/ui/EditableCell/EditableCell.d.ts.map +1 -1
  317. package/types/components/_Resizable/Resizable.d.ts +4 -0
  318. package/types/components/_Resizable/Resizable.d.ts.map +1 -0
  319. package/types/components/_Resizable/Resizable.styles.d.ts +2 -0
  320. package/types/components/_Resizable/Resizable.styles.d.ts.map +1 -0
  321. package/types/components/_Resizable/Resizable.tokens.d.ts +10 -0
  322. package/types/components/_Resizable/Resizable.tokens.d.ts.map +1 -0
  323. package/types/components/_Resizable/Resizable.types.d.ts +72 -0
  324. package/types/components/_Resizable/Resizable.types.d.ts.map +1 -0
  325. package/types/components/_Resizable/index.d.ts +3 -0
  326. package/types/components/_Resizable/index.d.ts.map +1 -0
  327. package/types/components/_Resizable/utils/getHandleStyles.d.ts +37 -0
  328. package/types/components/_Resizable/utils/getHandleStyles.d.ts.map +1 -0
  329. package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts +5 -0
  330. package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts.map +1 -0
  331. package/types/components/_Resizable/utils/getResizeDirections.d.ts +14 -0
  332. package/types/components/_Resizable/utils/getResizeDirections.d.ts.map +1 -0
  333. package/types/components/_Resizable/utils/index.d.ts +5 -0
  334. package/types/components/_Resizable/utils/index.d.ts.map +1 -0
  335. package/types/examples/components/ProgressBarCircular/ProgressBarCircular.config.d.ts +1 -0
  336. package/types/examples/components/ProgressBarCircular/ProgressBarCircular.config.d.ts.map +1 -1
  337. package/types/examples/components/ProgressBarCircular/ProgressBarCircular.d.ts +1 -0
  338. package/types/examples/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +1 -1
  339. package/types/types/index.d.ts +1 -0
  340. package/types/types/index.d.ts.map +1 -1
  341. package/types/utils/index.d.ts +0 -1
  342. package/types/utils/index.d.ts.map +1 -1
  343. package/cjs/utils/getTokenValueInPixels.js +0 -31
  344. package/cjs/utils/getTokenValueInPixels.js.map +0 -1
  345. package/emotion/cjs/components/Scrollbar/Scrollbar.js +0 -423
  346. package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +0 -59
  347. package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
  348. package/emotion/cjs/components/Scrollbar/index.js +0 -26
  349. package/emotion/cjs/components/Scrollbar/utils.js +0 -87
  350. package/emotion/cjs/components/Scrollbar/variations/_size/base.js +0 -12
  351. package/emotion/cjs/components/Scrollbar/variations/_view/base.js +0 -12
  352. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -32
  353. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
  354. package/emotion/cjs/mixins/addScrollbar.js +0 -24
  355. package/emotion/cjs/utils/getTokenValueInPixels.js +0 -76
  356. package/emotion/es/components/Scrollbar/Scrollbar.js +0 -359
  357. package/emotion/es/components/Scrollbar/Scrollbar.styles.js +0 -24
  358. package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
  359. package/emotion/es/components/Scrollbar/index.js +0 -2
  360. package/emotion/es/components/Scrollbar/utils.js +0 -69
  361. package/emotion/es/components/Scrollbar/variations/_size/base.js +0 -2
  362. package/emotion/es/components/Scrollbar/variations/_view/base.js +0 -2
  363. package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +0 -22
  364. package/emotion/es/examples/components/Scrollbar/Scrollbar.js +0 -5
  365. package/emotion/es/mixins/addScrollbar.js +0 -6
  366. package/emotion/es/utils/getTokenValueInPixels.js +0 -66
  367. package/es/utils/getTokenValueInPixels.js +0 -27
  368. package/es/utils/getTokenValueInPixels.js.map +0 -1
  369. package/styled-components/cjs/components/Scrollbar/Scrollbar.js +0 -423
  370. package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +0 -121
  371. package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
  372. package/styled-components/cjs/components/Scrollbar/index.js +0 -26
  373. package/styled-components/cjs/components/Scrollbar/utils.js +0 -87
  374. package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +0 -14
  375. package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +0 -14
  376. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -93
  377. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
  378. package/styled-components/cjs/mixins/addScrollbar.js +0 -24
  379. package/styled-components/cjs/utils/getTokenValueInPixels.js +0 -76
  380. package/styled-components/es/components/Scrollbar/Scrollbar.js +0 -359
  381. package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +0 -51
  382. package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
  383. package/styled-components/es/components/Scrollbar/index.js +0 -2
  384. package/styled-components/es/components/Scrollbar/utils.js +0 -69
  385. package/styled-components/es/components/Scrollbar/variations/_size/base.js +0 -4
  386. package/styled-components/es/components/Scrollbar/variations/_view/base.js +0 -4
  387. package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +0 -83
  388. package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +0 -5
  389. package/styled-components/es/mixins/addScrollbar.js +0 -6
  390. package/styled-components/es/utils/getTokenValueInPixels.js +0 -66
  391. package/types/components/Scrollbar/Scrollbar.d.ts +0 -23
  392. package/types/components/Scrollbar/Scrollbar.d.ts.map +0 -1
  393. package/types/components/Scrollbar/Scrollbar.styles.d.ts +0 -7
  394. package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +0 -1
  395. package/types/components/Scrollbar/Scrollbar.tokens.d.ts +0 -22
  396. package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +0 -1
  397. package/types/components/Scrollbar/Scrollbar.types.d.ts +0 -52
  398. package/types/components/Scrollbar/Scrollbar.types.d.ts.map +0 -1
  399. package/types/components/Scrollbar/index.d.ts +0 -4
  400. package/types/components/Scrollbar/index.d.ts.map +0 -1
  401. package/types/components/Scrollbar/utils.d.ts +0 -7
  402. package/types/components/Scrollbar/utils.d.ts.map +0 -1
  403. package/types/components/Scrollbar/variations/_size/base.d.ts +0 -2
  404. package/types/components/Scrollbar/variations/_size/base.d.ts.map +0 -1
  405. package/types/components/Scrollbar/variations/_view/base.d.ts +0 -2
  406. package/types/components/Scrollbar/variations/_view/base.d.ts.map +0 -1
  407. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +0 -21
  408. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +0 -1
  409. package/types/examples/components/Scrollbar/Scrollbar.d.ts +0 -15
  410. package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +0 -1
  411. package/types/mixins/addScrollbar.d.ts +0 -3
  412. package/types/mixins/addScrollbar.d.ts.map +0 -1
  413. package/types/utils/getTokenValueInPixels.d.ts +0 -2
  414. package/types/utils/getTokenValueInPixels.d.ts.map +0 -1
  415. /package/emotion/cjs/components/{Scrollbar/Scrollbar.types.js → _Resizable/Resizable.types.js} +0 -0
  416. /package/emotion/es/components/{Scrollbar/Scrollbar.types.js → _Resizable/Resizable.types.js} +0 -0
  417. /package/styled-components/cjs/components/{Scrollbar/Scrollbar.types.js → _Resizable/Resizable.types.js} +0 -0
  418. /package/styled-components/es/components/{Scrollbar/Scrollbar.types.js → _Resizable/Resizable.types.js} +0 -0
@@ -21,6 +21,8 @@
21
21
  .TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
22
22
  .TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:after{content:',';}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:last-child:after{content:'';}
23
23
 
24
+ .Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
25
+
24
26
  .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
25
27
  .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
26
28
  .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
@@ -70,6 +70,8 @@
70
70
 
71
71
  .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
72
72
 
73
+ .Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
74
+
73
75
  .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
74
76
  .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
75
77
  .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
@@ -0,0 +1,3 @@
1
+ .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
+
3
+ .Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
@@ -0,0 +1,79 @@
1
+ import React, { useRef } from 'react';
2
+ import { Resizable as Resizable$1 } from 're-resizable';
3
+ import { classes } from './Resizable.tokens.js';
4
+ import { IconResizeDiagonalStyled } from './Resizable.styles.js';
5
+ import { getResizeDirections } from './utils/getResizeDirections.js';
6
+ import { getRatioBasedOnPlacement } from './utils/getRatioBasedOnPlacement.js';
7
+ import { getHandleStyles } from './utils/getHandleStyles.js';
8
+
9
+ var Resizable = function Resizable(_ref) {
10
+ var _resizable$hiddenIcon, _resizable$icons, _resizable$hiddenIcon2, _resizable$icons2, _resizable$hiddenIcon3, _resizable$icons3, _resizable$hiddenIcon4, _resizable$icons4;
11
+ var children = _ref.children,
12
+ outerResizable = _ref.resizable,
13
+ placement = _ref.placement,
14
+ onResizeStart = _ref.onResizeStart,
15
+ onResizeEnd = _ref.onResizeEnd;
16
+ var resizableContainer = useRef(null);
17
+ var resizable = typeof outerResizable === 'boolean' ? {
18
+ disabled: !outerResizable
19
+ } : outerResizable;
20
+ var handleResizeStart = function handleResizeStart() {
21
+ if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
22
+ resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
23
+ if (onResizeStart) {
24
+ onResizeStart(resizableContainer);
25
+ }
26
+ }
27
+ };
28
+ var handleResizeEnd = function handleResizeEnd() {
29
+ if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
30
+ resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
31
+ if (onResizeEnd) {
32
+ onResizeEnd(resizableContainer);
33
+ }
34
+ }
35
+ };
36
+ if (!resizable || resizable.disabled) {
37
+ return /*#__PURE__*/React.createElement(React.Fragment, null, children);
38
+ }
39
+ return /*#__PURE__*/React.createElement(Resizable$1, {
40
+ ref: resizableContainer,
41
+ enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
42
+ resizeRatio: getRatioBasedOnPlacement(placement),
43
+ defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
44
+ minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
45
+ minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
46
+ maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
47
+ maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
48
+ onResizeStart: handleResizeStart,
49
+ onResizeStop: handleResizeEnd,
50
+ handleComponent: {
51
+ topRight: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon = resizable.hiddenIcons) !== null && _resizable$hiddenIcon !== void 0 && _resizable$hiddenIcon.includes('top-right') ? undefined : /*#__PURE__*/React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons = resizable.icons) === null || _resizable$icons === void 0 ? void 0 : _resizable$icons.topRight) || /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
52
+ className: classes.resizableTopRightIcon,
53
+ color: "inherit",
54
+ size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
55
+ })),
56
+ bottomRight: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon2 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon2 !== void 0 && _resizable$hiddenIcon2.includes('bottom-right') ? undefined : /*#__PURE__*/React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons2 = resizable.icons) === null || _resizable$icons2 === void 0 ? void 0 : _resizable$icons2.bottomRight) || /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
57
+ className: classes.resizableBottomRightIcon,
58
+ color: "inherit",
59
+ size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
60
+ })),
61
+ bottomLeft: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon3 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon3 !== void 0 && _resizable$hiddenIcon3.includes('bottom-left') ? undefined : /*#__PURE__*/React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons3 = resizable.icons) === null || _resizable$icons3 === void 0 ? void 0 : _resizable$icons3.bottomLeft) || /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
62
+ className: classes.resizableBottomLeftIcon,
63
+ color: "inherit",
64
+ size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
65
+ })),
66
+ topLeft: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon4 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon4 !== void 0 && _resizable$hiddenIcon4.includes('top-left') ? undefined : /*#__PURE__*/React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons4 = resizable.icons) === null || _resizable$icons4 === void 0 ? void 0 : _resizable$icons4.topLeft) || /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
67
+ className: classes.resizableTopLeftIcon,
68
+ color: "inherit",
69
+ size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
70
+ }))
71
+ },
72
+ className: classes.resizableContainer,
73
+ handleStyles: getHandleStyles(),
74
+ handleWrapperClass: classes.resizableHandleWrapper
75
+ }, children);
76
+ };
77
+
78
+ export { Resizable };
79
+ //# sourceMappingURL=Resizable.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Resizable.js","sources":["../../../src/components/_Resizable/Resizable.tsx"],"sourcesContent":["import React, { useRef, FC, PropsWithChildren } from 'react';\nimport { Resizable as ReResizable } from 're-resizable';\nimport type { Resizable as ResizableType } from 're-resizable';\n\nimport { getHandleStyles, getRatioBasedOnPlacement, getResizeDirections } from './utils';\nimport { classes } from './Resizable.tokens';\nimport type { ResizableProps } from './Resizable.types';\nimport { IconResizeDiagonalStyled } from './Resizable.styles';\n\nexport const Resizable: FC<PropsWithChildren<ResizableProps>> = ({\n children,\n resizable: outerResizable,\n placement,\n onResizeStart,\n onResizeEnd,\n}) => {\n const resizableContainer = useRef<ResizableType>(null);\n\n const resizable = typeof outerResizable === 'boolean' ? { disabled: !outerResizable } : outerResizable;\n\n const handleResizeStart = () => {\n if (resizableContainer?.current && resizableContainer.current.resizable) {\n resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);\n\n if (onResizeStart) {\n onResizeStart(resizableContainer);\n }\n }\n };\n\n const handleResizeEnd = () => {\n if (resizableContainer?.current && resizableContainer.current.resizable) {\n resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);\n\n if (onResizeEnd) {\n onResizeEnd(resizableContainer);\n }\n }\n };\n\n if (!resizable || resizable.disabled) {\n return <>{children}</>;\n }\n\n return (\n <ReResizable\n ref={resizableContainer}\n enable={resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false}\n resizeRatio={getRatioBasedOnPlacement(placement)}\n defaultSize={resizable?.defaultSize}\n minWidth={resizable?.minWidth}\n minHeight={resizable?.minHeight}\n maxWidth={resizable?.maxWidth}\n maxHeight={resizable?.maxHeight}\n onResizeStart={handleResizeStart}\n onResizeStop={handleResizeEnd}\n handleComponent={{\n topRight: resizable?.hiddenIcons?.includes('top-right') ? undefined : (\n <>\n {resizable?.icons?.topRight || (\n <IconResizeDiagonalStyled\n className={classes.resizableTopRightIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n )}\n </>\n ),\n bottomRight: resizable?.hiddenIcons?.includes('bottom-right') ? undefined : (\n <>\n {resizable?.icons?.bottomRight || (\n <IconResizeDiagonalStyled\n className={classes.resizableBottomRightIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n )}\n </>\n ),\n bottomLeft: resizable?.hiddenIcons?.includes('bottom-left') ? undefined : (\n <>\n {resizable?.icons?.bottomLeft || (\n <IconResizeDiagonalStyled\n className={classes.resizableBottomLeftIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n )}\n </>\n ),\n topLeft: resizable?.hiddenIcons?.includes('top-left') ? undefined : (\n <>\n {resizable?.icons?.topLeft || (\n <IconResizeDiagonalStyled\n className={classes.resizableTopLeftIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n )}\n </>\n ),\n }}\n className={classes.resizableContainer}\n handleStyles={getHandleStyles()}\n handleWrapperClass={classes.resizableHandleWrapper}\n >\n {children}\n </ReResizable>\n );\n};\n"],"names":["Resizable","_ref","_resizable$hiddenIcon","_resizable$icons","_resizable$hiddenIcon2","_resizable$icons2","_resizable$hiddenIcon3","_resizable$icons3","_resizable$hiddenIcon4","_resizable$icons4","children","outerResizable","resizable","placement","onResizeStart","onResizeEnd","resizableContainer","useRef","disabled","handleResizeStart","current","classList","toggle","classes","resizableContainerNoSelect","handleResizeEnd","React","createElement","Fragment","ReResizable","ref","enable","getResizeDirections","directions","resizeRatio","getRatioBasedOnPlacement","defaultSize","minWidth","minHeight","maxWidth","maxHeight","onResizeStop","handleComponent","topRight","hiddenIcons","includes","undefined","icons","IconResizeDiagonalStyled","className","resizableTopRightIcon","color","size","iconSize","bottomRight","resizableBottomRightIcon","bottomLeft","resizableBottomLeftIcon","topLeft","resizableTopLeftIcon","handleStyles","getHandleStyles","handleWrapperClass","resizableHandleWrapper"],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import './Resizable.styles_1l85rp0.css';
2
+ import { styled } from '@linaria/react';
3
+ import { IconResizeDiagonal } from '../_Icon/Icons/IconResizeDiagonal.js';
4
+
5
+ var _exp = function _exp() {
6
+ return IconResizeDiagonal;
7
+ };
8
+ var IconResizeDiagonalStyled = /*#__PURE__*/styled(_exp())({
9
+ name: "IconResizeDiagonalStyled",
10
+ "class": "i1ebflu4",
11
+ propsAsIs: true
12
+ });
13
+
14
+ export { IconResizeDiagonalStyled };
15
+ //# sourceMappingURL=Resizable.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Resizable.styles.js","sources":["../../../src/components/_Resizable/Resizable.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { IconResizeDiagonal } from 'src/components/_Icon';\n\nimport { classes } from './Resizable.tokens';\n\nexport const IconResizeDiagonalStyled = styled(IconResizeDiagonal)`\n color: var(--text-secondary);\n\n &:hover {\n color: var(--text-secondary-hover);\n }\n\n &:active {\n color: var(--text-secondary-active);\n }\n\n &.${classes.resizableTopRightIcon} {\n transform: rotate(-90deg);\n }\n\n &.${classes.resizableBottomRightIcon} {\n transform: rotate(0);\n }\n\n &.${classes.resizableBottomLeftIcon} {\n transform: rotate(90deg);\n }\n\n &.${classes.resizableTopLeftIcon} {\n transform: rotate(180deg);\n }\n`;\n"],"names":["_exp","IconResizeDiagonal","IconResizeDiagonalStyled","styled","name","class","propsAsIs"],"mappings":";;;AAC0D,IAAAA,IAAA,GAAxCA,SAAwCA,IAAAA,GAAA;AAAA,EAAA,OAIXC,kBAAkB,CAAA;AAAA,CAAA,CAAA;AAA1D,IAAMC,wBAAwB,gBAAGC,MAAM,CAAAH,IAAA,EAAA,CAAA,CAAA;AAAAI,EAAAA,IAAA,EAAA,0BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA0B7C;;;;"}
@@ -0,0 +1 @@
1
+ .i1ebflu4{color:var(--text-secondary);}.i1ebflu4:hover{color:var(--text-secondary-hover);}.i1ebflu4:active{color:var(--text-secondary-active);}.i1ebflu4.resizable-top-right-icon{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.i1ebflu4.resizable-bottom-right-icon{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.i1ebflu4.resizable-bottom-left-icon{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.i1ebflu4.resizable-top-left-icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
@@ -0,0 +1,12 @@
1
+ var classes = {
2
+ resizableContainer: 'resizable-container',
3
+ resizableTopRightIcon: 'resizable-top-right-icon',
4
+ resizableBottomRightIcon: 'resizable-bottom-right-icon',
5
+ resizableBottomLeftIcon: 'resizable-bottom-left-icon',
6
+ resizableTopLeftIcon: 'resizable-top-left-icon',
7
+ resizableHandleWrapper: 'resizable-handle-wrapper',
8
+ resizableContainerNoSelect: 'resizable-container-no-select'
9
+ };
10
+
11
+ export { classes };
12
+ //# sourceMappingURL=Resizable.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Resizable.tokens.js","sources":["../../../src/components/_Resizable/Resizable.tokens.ts"],"sourcesContent":["export const classes = {\n resizableContainer: 'resizable-container',\n resizableTopRightIcon: 'resizable-top-right-icon',\n resizableBottomRightIcon: 'resizable-bottom-right-icon',\n resizableBottomLeftIcon: 'resizable-bottom-left-icon',\n resizableTopLeftIcon: 'resizable-top-left-icon',\n resizableHandleWrapper: 'resizable-handle-wrapper',\n resizableContainerNoSelect: 'resizable-container-no-select',\n};\n"],"names":["classes","resizableContainer","resizableTopRightIcon","resizableBottomRightIcon","resizableBottomLeftIcon","resizableTopLeftIcon","resizableHandleWrapper","resizableContainerNoSelect"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,qBAAqB;AACzCC,EAAAA,qBAAqB,EAAE,0BAA0B;AACjDC,EAAAA,wBAAwB,EAAE,6BAA6B;AACvDC,EAAAA,uBAAuB,EAAE,4BAA4B;AACrDC,EAAAA,oBAAoB,EAAE,yBAAyB;AAC/CC,EAAAA,sBAAsB,EAAE,0BAA0B;AAClDC,EAAAA,0BAA0B,EAAE,+BAAA;AAChC;;;;"}
@@ -0,0 +1,36 @@
1
+ import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
+
3
+ // Объект стилей для handler'а, в котором находится иконка ресайза.
4
+
5
+ var base = {
6
+ width: 'auto',
7
+ height: 'auto',
8
+ lineHeight: '0'
9
+ };
10
+ var getHandleStyles = function getHandleStyles() {
11
+ return {
12
+ topRight: _objectSpread2({
13
+ top: '0',
14
+ right: '0',
15
+ transform: 'translate(50%, -50%)'
16
+ }, base),
17
+ bottomRight: _objectSpread2({
18
+ right: '0',
19
+ bottom: '0',
20
+ transform: 'translate(50%, 50%)'
21
+ }, base),
22
+ bottomLeft: _objectSpread2({
23
+ bottom: '0',
24
+ left: '0',
25
+ transform: 'translate(-50%, 50%)'
26
+ }, base),
27
+ topLeft: _objectSpread2({
28
+ top: '0',
29
+ left: '0',
30
+ transform: 'translate(-50%, -50%)'
31
+ }, base)
32
+ };
33
+ };
34
+
35
+ export { getHandleStyles };
36
+ //# sourceMappingURL=getHandleStyles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getHandleStyles.js","sources":["../../../../src/components/_Resizable/utils/getHandleStyles.ts"],"sourcesContent":["// Объект стилей для handler'а, в котором находится иконка ресайза.\ninterface ReturnType {\n topRight: {\n width: string;\n height: string;\n top: string;\n right: string;\n transform: string;\n lineHeight: string;\n };\n bottomRight: {\n width: string;\n height: string;\n right: string;\n bottom: string;\n transform: string;\n lineHeight: string;\n };\n bottomLeft: {\n width: string;\n height: string;\n bottom: string;\n left: string;\n transform: string;\n lineHeight: string;\n };\n topLeft: {\n width: string;\n height: string;\n top: string;\n left: string;\n transform: string;\n lineHeight: string;\n };\n}\n\nconst base = {\n width: 'auto',\n height: 'auto',\n lineHeight: '0',\n};\n\nexport const getHandleStyles = (): ReturnType => ({\n topRight: {\n top: '0',\n right: '0',\n transform: 'translate(50%, -50%)',\n ...base,\n },\n bottomRight: {\n right: '0',\n bottom: '0',\n transform: 'translate(50%, 50%)',\n ...base,\n },\n bottomLeft: {\n bottom: '0',\n left: '0',\n transform: 'translate(-50%, 50%)',\n ...base,\n },\n topLeft: {\n top: '0',\n left: '0',\n transform: 'translate(-50%, -50%)',\n ...base,\n },\n});\n"],"names":["base","width","height","lineHeight","getHandleStyles","topRight","_objectSpread","top","right","transform","bottomRight","bottom","bottomLeft","left","topLeft"],"mappings":";;AAAA;;AAoCA,IAAMA,IAAI,GAAG;AACTC,EAAAA,KAAK,EAAE,MAAM;AACbC,EAAAA,MAAM,EAAE,MAAM;AACdC,EAAAA,UAAU,EAAE,GAAA;AAChB,CAAC,CAAA;AAEYC,IAAAA,eAAe,GAAG,SAAlBA,eAAeA,GAAA;EAAA,OAAsB;AAC9CC,IAAAA,QAAQ,EAAAC,cAAA,CAAA;AACJC,MAAAA,GAAG,EAAE,GAAG;AACRC,MAAAA,KAAK,EAAE,GAAG;AACVC,MAAAA,SAAS,EAAE,sBAAA;AAAsB,KAAA,EAC9BT,IAAI,CACV;AACDU,IAAAA,WAAW,EAAAJ,cAAA,CAAA;AACPE,MAAAA,KAAK,EAAE,GAAG;AACVG,MAAAA,MAAM,EAAE,GAAG;AACXF,MAAAA,SAAS,EAAE,qBAAA;AAAqB,KAAA,EAC7BT,IAAI,CACV;AACDY,IAAAA,UAAU,EAAAN,cAAA,CAAA;AACNK,MAAAA,MAAM,EAAE,GAAG;AACXE,MAAAA,IAAI,EAAE,GAAG;AACTJ,MAAAA,SAAS,EAAE,sBAAA;AAAsB,KAAA,EAC9BT,IAAI,CACV;AACDc,IAAAA,OAAO,EAAAR,cAAA,CAAA;AACHC,MAAAA,GAAG,EAAE,GAAG;AACRM,MAAAA,IAAI,EAAE,GAAG;AACTJ,MAAAA,SAAS,EAAE,uBAAA;AAAuB,KAAA,EAC/BT,IAAI,CAAA;GAEd,CAAA;AAAA;;;;"}
@@ -0,0 +1,34 @@
1
+ // Горизонтальный и вертикальный множитель ресайза.
2
+
3
+ var getRatioBasedOnPlacement = function getRatioBasedOnPlacement(placement) {
4
+ switch (placement) {
5
+ case 'center':
6
+ {
7
+ return [2, 2];
8
+ }
9
+ case 'top':
10
+ case 'bottom':
11
+ {
12
+ return [2, 1];
13
+ }
14
+ case 'left':
15
+ case 'right':
16
+ {
17
+ return [1, 2];
18
+ }
19
+ case 'top-left':
20
+ case 'top-right':
21
+ case 'bottom-left':
22
+ case 'bottom-right':
23
+ {
24
+ return [1, 1];
25
+ }
26
+ default:
27
+ {
28
+ return [1, 1];
29
+ }
30
+ }
31
+ };
32
+
33
+ export { getRatioBasedOnPlacement };
34
+ //# sourceMappingURL=getRatioBasedOnPlacement.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getRatioBasedOnPlacement.js","sources":["../../../../src/components/_Resizable/utils/getRatioBasedOnPlacement.ts"],"sourcesContent":["import { Placement } from '../Resizable.types';\n\n// Горизонтальный и вертикальный множитель ресайза.\ntype ReturnType = [number, number];\n\nexport const getRatioBasedOnPlacement = (placement?: Placement): ReturnType => {\n switch (placement) {\n case 'center': {\n return [2, 2];\n }\n\n case 'top':\n case 'bottom': {\n return [2, 1];\n }\n\n case 'left':\n case 'right': {\n return [1, 2];\n }\n\n case 'top-left':\n case 'top-right':\n case 'bottom-left':\n case 'bottom-right': {\n return [1, 1];\n }\n\n default: {\n return [1, 1];\n }\n }\n};\n"],"names":["getRatioBasedOnPlacement","placement"],"mappings":"AAEA;;IAGaA,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,SAAqB,EAAiB;AAC3E,EAAA,QAAQA,SAAS;AACb,IAAA,KAAK,QAAQ;AAAE,MAAA;AACX,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,IAAA,KAAK,KAAK,CAAA;AACV,IAAA,KAAK,QAAQ;AAAE,MAAA;AACX,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,IAAA,KAAK,MAAM,CAAA;AACX,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,IAAA,KAAK,UAAU,CAAA;AACf,IAAA,KAAK,WAAW,CAAA;AAChB,IAAA,KAAK,aAAa,CAAA;AAClB,IAAA,KAAK,cAAc;AAAE,MAAA;AACjB,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AACJ,GAAA;AACJ;;;;"}
@@ -0,0 +1,69 @@
1
+ import { createForOfIteratorHelper as _createForOfIteratorHelper } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
+
3
+ var getResizeDirections = function getResizeDirections(directions) {
4
+ if (!directions) {
5
+ return {
6
+ top: true,
7
+ right: true,
8
+ bottom: true,
9
+ left: true,
10
+ topRight: true,
11
+ bottomRight: true,
12
+ bottomLeft: true,
13
+ topLeft: true
14
+ };
15
+ }
16
+ var result = {
17
+ top: false,
18
+ right: false,
19
+ bottom: false,
20
+ left: false,
21
+ topRight: false,
22
+ bottomRight: false,
23
+ bottomLeft: false,
24
+ topLeft: false
25
+ };
26
+ var _iterator = _createForOfIteratorHelper(directions),
27
+ _step;
28
+ try {
29
+ for (_iterator.s(); !(_step = _iterator.n()).done;) {
30
+ var dir = _step.value;
31
+ switch (dir) {
32
+ case 'top':
33
+ result.top = true;
34
+ break;
35
+ case 'right':
36
+ result.right = true;
37
+ break;
38
+ case 'bottom':
39
+ result.bottom = true;
40
+ break;
41
+ case 'left':
42
+ result.left = true;
43
+ break;
44
+ case 'top-right':
45
+ result.topRight = true;
46
+ break;
47
+ case 'top-left':
48
+ result.topLeft = true;
49
+ break;
50
+ case 'bottom-right':
51
+ result.bottomRight = true;
52
+ break;
53
+ case 'bottom-left':
54
+ result.bottomLeft = true;
55
+ break;
56
+ default:
57
+ break;
58
+ }
59
+ }
60
+ } catch (err) {
61
+ _iterator.e(err);
62
+ } finally {
63
+ _iterator.f();
64
+ }
65
+ return result;
66
+ };
67
+
68
+ export { getResizeDirections };
69
+ //# sourceMappingURL=getResizeDirections.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getResizeDirections.js","sources":["../../../../src/components/_Resizable/utils/getResizeDirections.ts"],"sourcesContent":["import type { ResizeDirections } from '../Resizable.types';\n\ninterface Directions {\n top?: boolean;\n right?: boolean;\n bottom?: boolean;\n left?: boolean;\n topRight?: boolean;\n bottomRight?: boolean;\n bottomLeft?: boolean;\n topLeft?: boolean;\n}\n\nexport const getResizeDirections = (directions?: ResizeDirections): Directions => {\n if (!directions) {\n return {\n top: true,\n right: true,\n bottom: true,\n left: true,\n topRight: true,\n bottomRight: true,\n bottomLeft: true,\n topLeft: true,\n };\n }\n\n const result: Directions = {\n top: false,\n right: false,\n bottom: false,\n left: false,\n topRight: false,\n bottomRight: false,\n bottomLeft: false,\n topLeft: false,\n };\n\n for (const dir of directions) {\n switch (dir) {\n case 'top':\n result.top = true;\n break;\n case 'right':\n result.right = true;\n break;\n case 'bottom':\n result.bottom = true;\n break;\n case 'left':\n result.left = true;\n break;\n case 'top-right':\n result.topRight = true;\n break;\n case 'top-left':\n result.topLeft = true;\n break;\n case 'bottom-right':\n result.bottomRight = true;\n break;\n case 'bottom-left':\n result.bottomLeft = true;\n break;\n default:\n break;\n }\n }\n\n return result;\n};\n"],"names":["getResizeDirections","directions","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","result","_iterator","_createForOfIteratorHelper","_step","s","n","done","dir","value","err","e","f"],"mappings":";;IAaaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,UAA6B,EAAiB;EAC9E,IAAI,CAACA,UAAU,EAAE;IACb,OAAO;AACHC,MAAAA,GAAG,EAAE,IAAI;AACTC,MAAAA,KAAK,EAAE,IAAI;AACXC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,IAAI,EAAE,IAAI;AACVC,MAAAA,QAAQ,EAAE,IAAI;AACdC,MAAAA,WAAW,EAAE,IAAI;AACjBC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,OAAO,EAAE,IAAA;KACZ,CAAA;AACL,GAAA;AAEA,EAAA,IAAMC,MAAkB,GAAG;AACvBR,IAAAA,GAAG,EAAE,KAAK;AACVC,IAAAA,KAAK,EAAE,KAAK;AACZC,IAAAA,MAAM,EAAE,KAAK;AACbC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,QAAQ,EAAE,KAAK;AACfC,IAAAA,WAAW,EAAE,KAAK;AAClBC,IAAAA,UAAU,EAAE,KAAK;AACjBC,IAAAA,OAAO,EAAE,KAAA;GACZ,CAAA;AAAC,EAAA,IAAAE,SAAA,GAAAC,0BAAA,CAEgBX,UAAU,CAAA;IAAAY,KAAA,CAAA;AAAA,EAAA,IAAA;IAA5B,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GAA8B;AAAA,MAAA,IAAnBC,GAAG,GAAAJ,KAAA,CAAAK,KAAA,CAAA;AACV,MAAA,QAAQD,GAAG;AACP,QAAA,KAAK,KAAK;UACNP,MAAM,CAACR,GAAG,GAAG,IAAI,CAAA;AACjB,UAAA,MAAA;AACJ,QAAA,KAAK,OAAO;UACRQ,MAAM,CAACP,KAAK,GAAG,IAAI,CAAA;AACnB,UAAA,MAAA;AACJ,QAAA,KAAK,QAAQ;UACTO,MAAM,CAACN,MAAM,GAAG,IAAI,CAAA;AACpB,UAAA,MAAA;AACJ,QAAA,KAAK,MAAM;UACPM,MAAM,CAACL,IAAI,GAAG,IAAI,CAAA;AAClB,UAAA,MAAA;AACJ,QAAA,KAAK,WAAW;UACZK,MAAM,CAACJ,QAAQ,GAAG,IAAI,CAAA;AACtB,UAAA,MAAA;AACJ,QAAA,KAAK,UAAU;UACXI,MAAM,CAACD,OAAO,GAAG,IAAI,CAAA;AACrB,UAAA,MAAA;AACJ,QAAA,KAAK,cAAc;UACfC,MAAM,CAACH,WAAW,GAAG,IAAI,CAAA;AACzB,UAAA,MAAA;AACJ,QAAA,KAAK,aAAa;UACdG,MAAM,CAACF,UAAU,GAAG,IAAI,CAAA;AACxB,UAAA,MAAA;AACJ,QAAA;AACI,UAAA,MAAA;AACR,OAAA;AACJ,KAAA;AAAC,GAAA,CAAA,OAAAW,GAAA,EAAA;IAAAR,SAAA,CAAAS,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,GAAA,SAAA;AAAAR,IAAAA,SAAA,CAAAU,CAAA,EAAA,CAAA;AAAA,GAAA;AAED,EAAA,OAAOX,MAAM,CAAA;AACjB;;;;"}