@salutejs/plasma-new-hope 0.338.0-canary.2280.18412321271.0 → 0.338.0-canary.2281.18459948275.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 (412) 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/Dropdown/Dropdown.css +2 -0
  34. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -0
  35. package/cjs/components/InformationWrapper/InformationWrapper.css +2 -0
  36. package/cjs/components/InformationWrapper/ui/Label/Label.css +2 -0
  37. package/cjs/components/Pagination/Pagination.css +2 -0
  38. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -0
  39. package/cjs/components/Popover/Popover.css +4 -0
  40. package/cjs/components/Popover/Popover.js +10 -2
  41. package/cjs/components/Popover/Popover.js.map +1 -1
  42. package/cjs/components/Range/Range.css +2 -0
  43. package/cjs/components/Select/Select.css +2 -0
  44. package/cjs/components/Select/ui/Target/Target.css +2 -0
  45. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -0
  46. package/cjs/components/Slider/Slider.css +2 -0
  47. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -0
  48. package/cjs/components/Table/Table.css +2 -0
  49. package/cjs/components/Table/ui/Cell/Cell.css +2 -0
  50. package/cjs/components/Table/ui/EditableCell/EditableCell.css +2 -0
  51. package/cjs/components/Table/ui/HeadCell/HeadCell.css +2 -0
  52. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -0
  53. package/cjs/components/TextArea/ui/Hint/Hint.css +2 -0
  54. package/cjs/components/TextField/ui/Hint/Hint.css +2 -0
  55. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +2 -0
  56. package/cjs/components/TimePicker/TimePicker.css +2 -0
  57. package/cjs/components/_Resizable/Resizable.css +3 -0
  58. package/cjs/components/_Resizable/Resizable.js +87 -0
  59. package/cjs/components/_Resizable/Resizable.js.map +1 -0
  60. package/cjs/components/_Resizable/Resizable.styles.js +19 -0
  61. package/cjs/components/_Resizable/Resizable.styles.js.map +1 -0
  62. package/cjs/components/_Resizable/Resizable.styles_1l85rp0.css +1 -0
  63. package/cjs/components/_Resizable/Resizable.tokens.js +16 -0
  64. package/cjs/components/_Resizable/Resizable.tokens.js.map +1 -0
  65. package/cjs/components/_Resizable/utils/getHandleStyles.js +40 -0
  66. package/cjs/components/_Resizable/utils/getHandleStyles.js.map +1 -0
  67. package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +38 -0
  68. package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +1 -0
  69. package/cjs/components/_Resizable/utils/getResizeDirections.js +73 -0
  70. package/cjs/components/_Resizable/utils/getResizeDirections.js.map +1 -0
  71. package/cjs/index.css +13 -17
  72. package/cjs/index.js +0 -7
  73. package/cjs/index.js.map +1 -1
  74. package/cjs/utils/index.js.map +1 -1
  75. package/emotion/cjs/components/Calendar/Calendar.tokens.js +1 -0
  76. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -9
  77. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
  78. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +5 -5
  79. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
  80. package/emotion/cjs/components/Popover/Popover.js +10 -2
  81. package/emotion/cjs/components/_Icon/index.js +0 -4
  82. package/emotion/cjs/components/_Resizable/Resizable.js +120 -0
  83. package/emotion/cjs/components/_Resizable/Resizable.styles.js +22 -0
  84. package/emotion/cjs/components/_Resizable/Resizable.tokens.js +19 -0
  85. package/emotion/cjs/components/_Resizable/index.js +19 -0
  86. package/emotion/cjs/components/_Resizable/utils/getHandleStyles.js +68 -0
  87. package/emotion/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +54 -0
  88. package/emotion/cjs/components/_Resizable/utils/getResizeDirections.js +82 -0
  89. package/emotion/cjs/components/_Resizable/utils/index.js +27 -0
  90. package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  91. package/emotion/cjs/index.js +0 -1
  92. package/emotion/cjs/utils/index.js +0 -4
  93. package/emotion/es/components/Calendar/Calendar.tokens.js +1 -0
  94. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -9
  95. package/emotion/es/components/DatePicker/DatePicker.tokens.js +3 -0
  96. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +5 -5
  97. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
  98. package/emotion/es/components/Popover/Popover.js +10 -2
  99. package/emotion/es/components/_Icon/index.js +0 -1
  100. package/emotion/es/components/_Resizable/Resizable.js +69 -0
  101. package/emotion/es/components/_Resizable/Resizable.styles.js +7 -0
  102. package/emotion/es/components/_Resizable/Resizable.tokens.js +9 -0
  103. package/emotion/es/components/_Resizable/index.js +2 -0
  104. package/emotion/es/components/_Resizable/utils/getHandleStyles.js +58 -0
  105. package/emotion/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +44 -0
  106. package/emotion/es/components/_Resizable/utils/getResizeDirections.js +72 -0
  107. package/emotion/es/components/_Resizable/utils/index.js +4 -0
  108. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  109. package/emotion/es/index.js +0 -1
  110. package/emotion/es/utils/index.js +0 -1
  111. package/es/components/Autocomplete/Autocomplete.css +2 -0
  112. package/es/components/Calendar/Calendar.tokens.js +1 -0
  113. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  114. package/es/components/Calendar/CalendarBase/CalendarBase.css +4 -4
  115. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
  116. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  117. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  118. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
  119. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  120. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  121. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +4 -4
  122. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  123. package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_12b03hz.css → DateStructureItem.styles_z3dhwf.css} +1 -1
  124. package/es/components/Combobox/ComboboxNew/Combobox.css +2 -0
  125. package/es/components/Combobox/ComboboxOld/Combobox.css +2 -0
  126. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -0
  127. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -0
  128. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -0
  129. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -0
  130. package/es/components/DatePicker/DatePicker.tokens.js +3 -0
  131. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  132. package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  133. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  134. package/{cjs/components/DatePicker/DatePickerBase.styles_1fnt3hc.css → es/components/DatePicker/DatePickerBase.styles_6x4unn.css} +1 -1
  135. package/es/components/DatePicker/RangeDate/RangeDate.css +10 -8
  136. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -6
  137. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  138. package/{cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_160e4y4.css → es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1wt56uj.css} +2 -2
  139. package/es/components/DatePicker/SingleDate/SingleDate.css +11 -9
  140. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  141. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  142. package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_15voqba.css → es/components/DatePicker/SingleDate/SingleDate.styles_5c37vu.css} +1 -1
  143. package/es/components/Dropdown/Dropdown.css +2 -0
  144. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -0
  145. package/es/components/InformationWrapper/InformationWrapper.css +2 -0
  146. package/es/components/InformationWrapper/ui/Label/Label.css +2 -0
  147. package/es/components/Pagination/Pagination.css +2 -0
  148. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -0
  149. package/es/components/Popover/Popover.css +4 -0
  150. package/es/components/Popover/Popover.js +10 -2
  151. package/es/components/Popover/Popover.js.map +1 -1
  152. package/es/components/Range/Range.css +2 -0
  153. package/es/components/Select/Select.css +2 -0
  154. package/es/components/Select/ui/Target/Target.css +2 -0
  155. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -0
  156. package/es/components/Slider/Slider.css +2 -0
  157. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -0
  158. package/es/components/Table/Table.css +2 -0
  159. package/es/components/Table/ui/Cell/Cell.css +2 -0
  160. package/es/components/Table/ui/EditableCell/EditableCell.css +2 -0
  161. package/es/components/Table/ui/HeadCell/HeadCell.css +2 -0
  162. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -0
  163. package/es/components/TextArea/ui/Hint/Hint.css +2 -0
  164. package/es/components/TextField/ui/Hint/Hint.css +2 -0
  165. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +2 -0
  166. package/es/components/TimePicker/TimePicker.css +2 -0
  167. package/es/components/_Resizable/Resizable.css +3 -0
  168. package/es/components/_Resizable/Resizable.js +79 -0
  169. package/es/components/_Resizable/Resizable.js.map +1 -0
  170. package/es/components/_Resizable/Resizable.styles.js +15 -0
  171. package/es/components/_Resizable/Resizable.styles.js.map +1 -0
  172. package/es/components/_Resizable/Resizable.styles_1l85rp0.css +1 -0
  173. package/es/components/_Resizable/Resizable.tokens.js +12 -0
  174. package/es/components/_Resizable/Resizable.tokens.js.map +1 -0
  175. package/es/components/_Resizable/utils/getHandleStyles.js +36 -0
  176. package/es/components/_Resizable/utils/getHandleStyles.js.map +1 -0
  177. package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +34 -0
  178. package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +1 -0
  179. package/es/components/_Resizable/utils/getResizeDirections.js +69 -0
  180. package/es/components/_Resizable/utils/getResizeDirections.js.map +1 -0
  181. package/es/index.css +13 -17
  182. package/es/index.js +0 -3
  183. package/es/index.js.map +1 -1
  184. package/es/utils/index.js.map +1 -1
  185. package/package.json +2 -2
  186. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +1 -0
  187. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +8 -7
  188. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
  189. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
  190. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +10 -4
  191. package/styled-components/cjs/components/Popover/Popover.js +10 -2
  192. package/styled-components/cjs/components/_Icon/index.js +0 -4
  193. package/styled-components/cjs/components/_Resizable/Resizable.js +120 -0
  194. package/styled-components/cjs/components/_Resizable/Resizable.styles.js +28 -0
  195. package/styled-components/cjs/components/_Resizable/Resizable.tokens.js +19 -0
  196. package/styled-components/cjs/components/_Resizable/index.js +19 -0
  197. package/styled-components/cjs/components/_Resizable/utils/getHandleStyles.js +68 -0
  198. package/styled-components/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +54 -0
  199. package/styled-components/cjs/components/_Resizable/utils/getResizeDirections.js +82 -0
  200. package/styled-components/cjs/components/_Resizable/utils/index.js +27 -0
  201. package/styled-components/cjs/index.js +0 -1
  202. package/styled-components/cjs/utils/index.js +0 -4
  203. package/styled-components/es/components/Calendar/Calendar.tokens.js +1 -0
  204. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +8 -7
  205. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +3 -0
  206. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +3 -3
  207. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +10 -4
  208. package/styled-components/es/components/Popover/Popover.js +10 -2
  209. package/styled-components/es/components/_Icon/index.js +0 -1
  210. package/styled-components/es/components/_Resizable/Resizable.js +69 -0
  211. package/styled-components/es/components/_Resizable/Resizable.styles.js +13 -0
  212. package/styled-components/es/components/_Resizable/Resizable.tokens.js +9 -0
  213. package/styled-components/es/components/_Resizable/index.js +2 -0
  214. package/styled-components/es/components/_Resizable/utils/getHandleStyles.js +58 -0
  215. package/styled-components/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +44 -0
  216. package/styled-components/es/components/_Resizable/utils/getResizeDirections.js +72 -0
  217. package/styled-components/es/components/_Resizable/utils/index.js +4 -0
  218. package/styled-components/es/index.js +0 -1
  219. package/styled-components/es/utils/index.js +0 -1
  220. package/types/components/Calendar/Calendar.tokens.d.ts +1 -0
  221. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  222. package/types/components/DatePicker/DatePicker.tokens.d.ts +3 -0
  223. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  224. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  225. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  226. package/types/components/Popover/Popover.d.ts.map +1 -1
  227. package/types/components/Popover/Popover.types.d.ts +13 -0
  228. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  229. package/types/components/_Icon/index.d.ts +0 -1
  230. package/types/components/_Icon/index.d.ts.map +1 -1
  231. package/types/components/_Resizable/Resizable.d.ts +4 -0
  232. package/types/components/_Resizable/Resizable.d.ts.map +1 -0
  233. package/types/components/_Resizable/Resizable.styles.d.ts +2 -0
  234. package/types/components/_Resizable/Resizable.styles.d.ts.map +1 -0
  235. package/types/components/_Resizable/Resizable.tokens.d.ts +10 -0
  236. package/types/components/_Resizable/Resizable.tokens.d.ts.map +1 -0
  237. package/types/components/_Resizable/Resizable.types.d.ts +72 -0
  238. package/types/components/_Resizable/Resizable.types.d.ts.map +1 -0
  239. package/types/components/_Resizable/index.d.ts +3 -0
  240. package/types/components/_Resizable/index.d.ts.map +1 -0
  241. package/types/components/_Resizable/utils/getHandleStyles.d.ts +37 -0
  242. package/types/components/_Resizable/utils/getHandleStyles.d.ts.map +1 -0
  243. package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts +5 -0
  244. package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts.map +1 -0
  245. package/types/components/_Resizable/utils/getResizeDirections.d.ts +14 -0
  246. package/types/components/_Resizable/utils/getResizeDirections.d.ts.map +1 -0
  247. package/types/components/_Resizable/utils/index.d.ts +5 -0
  248. package/types/components/_Resizable/utils/index.d.ts.map +1 -0
  249. package/types/index.d.ts +0 -1
  250. package/types/index.d.ts.map +1 -1
  251. package/types/types/index.d.ts +1 -0
  252. package/types/types/index.d.ts.map +1 -1
  253. package/types/utils/index.d.ts +0 -1
  254. package/types/utils/index.d.ts.map +1 -1
  255. package/cjs/components/ProgressBarCircular/ProgressBarCircular.css +0 -5
  256. package/cjs/components/ProgressBarCircular/ProgressBarCircular.js +0 -108
  257. package/cjs/components/ProgressBarCircular/ProgressBarCircular.js.map +0 -1
  258. package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +0 -54
  259. package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +0 -1
  260. package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles_m8m7d7.css +0 -5
  261. package/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js +0 -29
  262. package/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js.map +0 -1
  263. package/cjs/components/ProgressBarCircular/variations/_size/base.js +0 -9
  264. package/cjs/components/ProgressBarCircular/variations/_size/base.js.map +0 -1
  265. package/cjs/components/ProgressBarCircular/variations/_size/base_x642ct.css +0 -1
  266. package/cjs/components/ProgressBarCircular/variations/_view/base.js +0 -9
  267. package/cjs/components/ProgressBarCircular/variations/_view/base.js.map +0 -1
  268. package/cjs/components/ProgressBarCircular/variations/_view/base_x642ct.css +0 -1
  269. package/cjs/utils/getTokenValueInPixels.js +0 -31
  270. package/cjs/utils/getTokenValueInPixels.js.map +0 -1
  271. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.js +0 -248
  272. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +0 -58
  273. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js +0 -39
  274. package/emotion/cjs/components/ProgressBarCircular/index.js +0 -23
  275. package/emotion/cjs/components/ProgressBarCircular/variations/_size/base.js +0 -12
  276. package/emotion/cjs/components/ProgressBarCircular/variations/_view/base.js +0 -12
  277. package/emotion/cjs/components/Scrollbar/Scrollbar.js +0 -423
  278. package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +0 -59
  279. package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
  280. package/emotion/cjs/components/Scrollbar/index.js +0 -26
  281. package/emotion/cjs/components/Scrollbar/utils.js +0 -87
  282. package/emotion/cjs/components/Scrollbar/variations/_size/base.js +0 -12
  283. package/emotion/cjs/components/Scrollbar/variations/_view/base.js +0 -12
  284. package/emotion/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +0 -37
  285. package/emotion/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.js +0 -15
  286. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -32
  287. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
  288. package/emotion/cjs/mixins/addScrollbar.js +0 -24
  289. package/emotion/cjs/utils/getTokenValueInPixels.js +0 -76
  290. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.js +0 -189
  291. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +0 -26
  292. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js +0 -21
  293. package/emotion/es/components/ProgressBarCircular/index.js +0 -2
  294. package/emotion/es/components/ProgressBarCircular/variations/_size/base.js +0 -2
  295. package/emotion/es/components/ProgressBarCircular/variations/_view/base.js +0 -2
  296. package/emotion/es/components/Scrollbar/Scrollbar.js +0 -359
  297. package/emotion/es/components/Scrollbar/Scrollbar.styles.js +0 -24
  298. package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
  299. package/emotion/es/components/Scrollbar/index.js +0 -2
  300. package/emotion/es/components/Scrollbar/utils.js +0 -69
  301. package/emotion/es/components/Scrollbar/variations/_size/base.js +0 -2
  302. package/emotion/es/components/Scrollbar/variations/_view/base.js +0 -2
  303. package/emotion/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +0 -27
  304. package/emotion/es/examples/components/ProgressBarCircular/ProgressBarCircular.js +0 -5
  305. package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +0 -22
  306. package/emotion/es/examples/components/Scrollbar/Scrollbar.js +0 -5
  307. package/emotion/es/mixins/addScrollbar.js +0 -6
  308. package/emotion/es/utils/getTokenValueInPixels.js +0 -66
  309. package/es/components/ProgressBarCircular/ProgressBarCircular.css +0 -5
  310. package/es/components/ProgressBarCircular/ProgressBarCircular.js +0 -99
  311. package/es/components/ProgressBarCircular/ProgressBarCircular.js.map +0 -1
  312. package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +0 -46
  313. package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +0 -1
  314. package/es/components/ProgressBarCircular/ProgressBarCircular.styles_m8m7d7.css +0 -5
  315. package/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js +0 -24
  316. package/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js.map +0 -1
  317. package/es/components/ProgressBarCircular/variations/_size/base.js +0 -5
  318. package/es/components/ProgressBarCircular/variations/_size/base.js.map +0 -1
  319. package/es/components/ProgressBarCircular/variations/_size/base_x642ct.css +0 -1
  320. package/es/components/ProgressBarCircular/variations/_view/base.js +0 -5
  321. package/es/components/ProgressBarCircular/variations/_view/base.js.map +0 -1
  322. package/es/components/ProgressBarCircular/variations/_view/base_x642ct.css +0 -1
  323. package/es/utils/getTokenValueInPixels.js +0 -27
  324. package/es/utils/getTokenValueInPixels.js.map +0 -1
  325. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.js +0 -248
  326. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +0 -116
  327. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js +0 -39
  328. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.types.js +0 -4
  329. package/styled-components/cjs/components/ProgressBarCircular/index.js +0 -23
  330. package/styled-components/cjs/components/ProgressBarCircular/variations/_size/base.js +0 -14
  331. package/styled-components/cjs/components/ProgressBarCircular/variations/_view/base.js +0 -14
  332. package/styled-components/cjs/components/Scrollbar/Scrollbar.js +0 -423
  333. package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +0 -121
  334. package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
  335. package/styled-components/cjs/components/Scrollbar/Scrollbar.types.js +0 -4
  336. package/styled-components/cjs/components/Scrollbar/index.js +0 -26
  337. package/styled-components/cjs/components/Scrollbar/utils.js +0 -87
  338. package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +0 -14
  339. package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +0 -14
  340. package/styled-components/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +0 -151
  341. package/styled-components/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.js +0 -15
  342. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -93
  343. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
  344. package/styled-components/cjs/mixins/addScrollbar.js +0 -24
  345. package/styled-components/cjs/utils/getTokenValueInPixels.js +0 -76
  346. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.js +0 -189
  347. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +0 -49
  348. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js +0 -21
  349. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.types.js +0 -1
  350. package/styled-components/es/components/ProgressBarCircular/index.js +0 -2
  351. package/styled-components/es/components/ProgressBarCircular/variations/_size/base.js +0 -4
  352. package/styled-components/es/components/ProgressBarCircular/variations/_view/base.js +0 -4
  353. package/styled-components/es/components/Scrollbar/Scrollbar.js +0 -359
  354. package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +0 -51
  355. package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
  356. package/styled-components/es/components/Scrollbar/Scrollbar.types.js +0 -1
  357. package/styled-components/es/components/Scrollbar/index.js +0 -2
  358. package/styled-components/es/components/Scrollbar/utils.js +0 -69
  359. package/styled-components/es/components/Scrollbar/variations/_size/base.js +0 -4
  360. package/styled-components/es/components/Scrollbar/variations/_view/base.js +0 -4
  361. package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +0 -141
  362. package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.js +0 -5
  363. package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +0 -83
  364. package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +0 -5
  365. package/styled-components/es/mixins/addScrollbar.js +0 -6
  366. package/styled-components/es/utils/getTokenValueInPixels.js +0 -66
  367. package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts +0 -23
  368. package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +0 -1
  369. package/types/components/ProgressBarCircular/ProgressBarCircular.styles.d.ts +0 -10
  370. package/types/components/ProgressBarCircular/ProgressBarCircular.styles.d.ts.map +0 -1
  371. package/types/components/ProgressBarCircular/ProgressBarCircular.tokens.d.ts +0 -22
  372. package/types/components/ProgressBarCircular/ProgressBarCircular.tokens.d.ts.map +0 -1
  373. package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts +0 -35
  374. package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts.map +0 -1
  375. package/types/components/ProgressBarCircular/index.d.ts +0 -4
  376. package/types/components/ProgressBarCircular/index.d.ts.map +0 -1
  377. package/types/components/ProgressBarCircular/variations/_size/base.d.ts +0 -2
  378. package/types/components/ProgressBarCircular/variations/_size/base.d.ts.map +0 -1
  379. package/types/components/ProgressBarCircular/variations/_view/base.d.ts +0 -2
  380. package/types/components/ProgressBarCircular/variations/_view/base.d.ts.map +0 -1
  381. package/types/components/Scrollbar/Scrollbar.d.ts +0 -23
  382. package/types/components/Scrollbar/Scrollbar.d.ts.map +0 -1
  383. package/types/components/Scrollbar/Scrollbar.styles.d.ts +0 -7
  384. package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +0 -1
  385. package/types/components/Scrollbar/Scrollbar.tokens.d.ts +0 -22
  386. package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +0 -1
  387. package/types/components/Scrollbar/Scrollbar.types.d.ts +0 -52
  388. package/types/components/Scrollbar/Scrollbar.types.d.ts.map +0 -1
  389. package/types/components/Scrollbar/index.d.ts +0 -4
  390. package/types/components/Scrollbar/index.d.ts.map +0 -1
  391. package/types/components/Scrollbar/utils.d.ts +0 -7
  392. package/types/components/Scrollbar/utils.d.ts.map +0 -1
  393. package/types/components/Scrollbar/variations/_size/base.d.ts +0 -2
  394. package/types/components/Scrollbar/variations/_size/base.d.ts.map +0 -1
  395. package/types/components/Scrollbar/variations/_view/base.d.ts +0 -2
  396. package/types/components/Scrollbar/variations/_view/base.d.ts.map +0 -1
  397. package/types/examples/components/ProgressBarCircular/ProgressBarCircular.config.d.ts +0 -26
  398. package/types/examples/components/ProgressBarCircular/ProgressBarCircular.config.d.ts.map +0 -1
  399. package/types/examples/components/ProgressBarCircular/ProgressBarCircular.d.ts +0 -20
  400. package/types/examples/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +0 -1
  401. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +0 -21
  402. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +0 -1
  403. package/types/examples/components/Scrollbar/Scrollbar.d.ts +0 -15
  404. package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +0 -1
  405. package/types/mixins/addScrollbar.d.ts +0 -3
  406. package/types/mixins/addScrollbar.d.ts.map +0 -1
  407. package/types/utils/getTokenValueInPixels.d.ts +0 -2
  408. package/types/utils/getTokenValueInPixels.d.ts.map +0 -1
  409. /package/emotion/cjs/components/{ProgressBarCircular/ProgressBarCircular.types.js → _Resizable/Resizable.types.js} +0 -0
  410. /package/emotion/es/components/{ProgressBarCircular/ProgressBarCircular.types.js → _Resizable/Resizable.types.js} +0 -0
  411. /package/{emotion/cjs/components/Scrollbar/Scrollbar.types.js → styled-components/cjs/components/_Resizable/Resizable.types.js} +0 -0
  412. /package/{emotion/es/components/Scrollbar/Scrollbar.types.js → styled-components/es/components/_Resizable/Resizable.types.js} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../../src/components/_Resizable/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAoG3D,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const IconResizeDiagonalStyled: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps>;
2
+ //# sourceMappingURL=Resizable.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Resizable.styles.d.ts","sourceRoot":"","sources":["../../../src/components/_Resizable/Resizable.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,iGA0BpC,CAAC"}
@@ -0,0 +1,10 @@
1
+ export declare const classes: {
2
+ resizableContainer: string;
3
+ resizableTopRightIcon: string;
4
+ resizableBottomRightIcon: string;
5
+ resizableBottomLeftIcon: string;
6
+ resizableTopLeftIcon: string;
7
+ resizableHandleWrapper: string;
8
+ resizableContainerNoSelect: string;
9
+ };
10
+ //# sourceMappingURL=Resizable.tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Resizable.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/_Resizable/Resizable.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC"}
@@ -0,0 +1,72 @@
1
+ import type { ReactNode, RefObject } from 'react';
2
+ import type { Resizable } from 're-resizable';
3
+ export type ResizableType = Resizable;
4
+ export type PlacementBasic = 'auto' | 'center' | 'top' | 'bottom' | 'right' | 'left';
5
+ export type PlacementMixed = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
6
+ export type Placement = PlacementBasic | PlacementMixed;
7
+ export type ResizeDirections = Omit<Placement, 'center' | 'auto'>[];
8
+ export type ResizableProps = {
9
+ placement?: Placement;
10
+ resizable?: boolean | {
11
+ /**
12
+ * Включение/выключение ресайза.
13
+ * @default false
14
+ */
15
+ disabled?: boolean;
16
+ /**
17
+ * Направления для ресайза.
18
+ */
19
+ directions?: ResizeDirections;
20
+ /**
21
+ * Начальный размер окна ресайза.
22
+ */
23
+ defaultSize?: {
24
+ width?: number;
25
+ height?: number;
26
+ };
27
+ /**
28
+ * Минимальная ширина ресайза в px.
29
+ */
30
+ minWidth?: number;
31
+ /**
32
+ * Минимальная высота ресайза в px.
33
+ */
34
+ minHeight?: number;
35
+ /**
36
+ * Максимальная ширина ресайза в px.
37
+ */
38
+ maxWidth?: number;
39
+ /**
40
+ * Максимальная высота ресайза в px.
41
+ */
42
+ maxHeight?: number;
43
+ /**
44
+ * Кастомные иконки ресайза.
45
+ */
46
+ icons?: {
47
+ topRight?: ReactNode;
48
+ bottomRight?: ReactNode;
49
+ bottomLeft?: ReactNode;
50
+ topLeft?: ReactNode;
51
+ };
52
+ /**
53
+ * Размер иконки ресайза.
54
+ * @default s
55
+ */
56
+ iconSize?: 'xs' | 's' | 'm';
57
+ /**
58
+ * Скрывать ли иконку для ресайза.
59
+ * @default false
60
+ */
61
+ hiddenIcons?: PlacementMixed[];
62
+ };
63
+ /**
64
+ * Обработчик начала ресайза.
65
+ */
66
+ onResizeStart?: (resizableContainer?: RefObject<ResizableType>) => void;
67
+ /**
68
+ * Обработчик остановки ресайза.
69
+ */
70
+ onResizeStop?: (resizableContainer?: RefObject<ResizableType>) => void;
71
+ };
72
+ //# sourceMappingURL=Resizable.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Resizable.types.d.ts","sourceRoot":"","sources":["../../../src/components/_Resizable/Resizable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACrF,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;AACvF,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,cAAc,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC;AAEpE,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EACJ,OAAO,GACP;QACI;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;WAEG;QACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;QAC9B;;WAEG;QACH,WAAW,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAClD;;WAEG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB;;WAEG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB;;WAEG;QACH,KAAK,CAAC,EAAE;YACJ,QAAQ,CAAC,EAAE,SAAS,CAAC;YACrB,WAAW,CAAC,EAAE,SAAS,CAAC;YACxB,UAAU,CAAC,EAAE,SAAS,CAAC;YACvB,OAAO,CAAC,EAAE,SAAS,CAAC;SACvB,CAAC;QACF;;;WAGG;QACH,QAAQ,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;QAC5B;;;WAGG;QACH,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;KAClC,CAAC;IACR;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC1E,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './Resizable.types';
2
+ export * from './Resizable';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/_Resizable/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC"}
@@ -0,0 +1,37 @@
1
+ interface ReturnType {
2
+ topRight: {
3
+ width: string;
4
+ height: string;
5
+ top: string;
6
+ right: string;
7
+ transform: string;
8
+ lineHeight: string;
9
+ };
10
+ bottomRight: {
11
+ width: string;
12
+ height: string;
13
+ right: string;
14
+ bottom: string;
15
+ transform: string;
16
+ lineHeight: string;
17
+ };
18
+ bottomLeft: {
19
+ width: string;
20
+ height: string;
21
+ bottom: string;
22
+ left: string;
23
+ transform: string;
24
+ lineHeight: string;
25
+ };
26
+ topLeft: {
27
+ width: string;
28
+ height: string;
29
+ top: string;
30
+ left: string;
31
+ transform: string;
32
+ lineHeight: string;
33
+ };
34
+ }
35
+ export declare const getHandleStyles: () => ReturnType;
36
+ export {};
37
+ //# sourceMappingURL=getHandleStyles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getHandleStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/_Resizable/utils/getHandleStyles.ts"],"names":[],"mappings":"AACA,UAAU,UAAU;IAChB,QAAQ,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,WAAW,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,OAAO,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;CACL;AAQD,eAAO,MAAM,eAAe,QAAO,UAyBjC,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { Placement } from '../Resizable.types';
2
+ type ReturnType = [number, number];
3
+ export declare const getRatioBasedOnPlacement: (placement?: Placement) => ReturnType;
4
+ export {};
5
+ //# sourceMappingURL=getRatioBasedOnPlacement.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getRatioBasedOnPlacement.d.ts","sourceRoot":"","sources":["../../../../src/components/_Resizable/utils/getRatioBasedOnPlacement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,KAAK,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEnC,eAAO,MAAM,wBAAwB,eAAgB,SAAS,KAAG,UA2BhE,CAAC"}
@@ -0,0 +1,14 @@
1
+ import type { ResizeDirections } from '../Resizable.types';
2
+ interface Directions {
3
+ top?: boolean;
4
+ right?: boolean;
5
+ bottom?: boolean;
6
+ left?: boolean;
7
+ topRight?: boolean;
8
+ bottomRight?: boolean;
9
+ bottomLeft?: boolean;
10
+ topLeft?: boolean;
11
+ }
12
+ export declare const getResizeDirections: (directions?: ResizeDirections) => Directions;
13
+ export {};
14
+ //# sourceMappingURL=getResizeDirections.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getResizeDirections.d.ts","sourceRoot":"","sources":["../../../../src/components/_Resizable/utils/getResizeDirections.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,UAAU,UAAU;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,gBAAiB,gBAAgB,KAAG,UAyDnE,CAAC"}
@@ -0,0 +1,5 @@
1
+ export * from './getRatioBasedOnPlacement';
2
+ export * from './getResizeDirections';
3
+ export * from './getHandleStyles';
4
+ export declare const DEFAULT_Z_INDEX = "9000";
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/_Resizable/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAElC,eAAO,MAAM,eAAe,SAAS,CAAC"}
package/types/index.d.ts CHANGED
@@ -83,6 +83,5 @@ export * from './components/Tour';
83
83
  export * from './components/EmbedIconButton';
84
84
  export * from './components/InformationWrapper';
85
85
  export * from './components/NavigationDrawer';
86
- export * from './components/ProgressBarCircular';
87
86
  export * from './components/TimePicker';
88
87
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC"}
@@ -1,3 +1,4 @@
1
+ export type { ResizableType } from '../components/_Resizable';
1
2
  export type { AsProps } from './AsProps';
2
3
  export type { NumericRange, CreateArrayWithLengthX } from './Range';
3
4
  export type { InputHTMLAttributes } from './InputHTMLAttributes';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACpE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACpE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
@@ -13,7 +13,6 @@ export * from './initialValuesHelper';
13
13
  export { noop } from './noop';
14
14
  export { getHeightAsNumber } from './getHeightAsNumber';
15
15
  export { createConditionalComponent } from './createConditionalComponent';
16
- export { getTokenValueInPixels } from './getTokenValueInPixels';
17
16
  export declare const cx: (...classes: (string | boolean | undefined)[]) => string;
18
17
  export declare const composableStyle: (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>) => string;
19
18
  export { fixedForwardRef } from './fixedForwardRef';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,eAAO,MAAM,EAAE,eAAgB,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,EAAE,WAAuD,CAAC;AAEvH,eAAO,MAAM,eAAe,MAAO,oBAAoB,WAAW,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC,KAAG,MAQ1G,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,eAAO,MAAM,EAAE,eAAgB,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,EAAE,WAAuD,CAAC;AAEvH,eAAO,MAAM,eAAe,MAAO,oBAAoB,WAAW,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC,KAAG,MAQ1G,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1,5 +0,0 @@
1
- .ProgressBarCircular_styles_m8m7d7_b18reh89__dca58878{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-width);height:var(--plasma-progressbar-circular-height);}
2
- .ProgressBarCircular_styles_m8m7d7_s2tt3b5__dca58878{width:100%;height:100%;}
3
- .ProgressBarCircular_styles_m8m7d7_slvt37h__dca58878{fill:none;stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-0);}
4
- .ProgressBarCircular_styles_m8m7d7_s1d8ncmi__dca58878{fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-0);stroke-linecap:round;-webkit-transition:stroke-dashoffset 0.3s ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
5
- .ProgressBarCircular_styles_m8m7d7_sg9aoc4__dca58878{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);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;}
@@ -1,108 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
- var React = require('react');
7
- var plasmaCore = require('@salutejs/plasma-core');
8
- var index = require('../../utils/index.js');
9
- var base = require('./variations/_view/base.js');
10
- var base$1 = require('./variations/_size/base.js');
11
- var ProgressBarCircular_styles = require('./ProgressBarCircular.styles.js');
12
- var ProgressBarCircular_tokens = require('./ProgressBarCircular.tokens.js');
13
- var getTokenValueInPixels = require('../../utils/getTokenValueInPixels.js');
14
-
15
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
16
-
17
- var React__default = /*#__PURE__*/_interopDefault(React);
18
-
19
- var _excluded = ["value", "maxValue", "size", "view", "children", "className", "strokeWidth"];
20
- var progressBarCircularRoot = function progressBarCircularRoot(Root) {
21
- return /*#__PURE__*/React.forwardRef(function (props, ref) {
22
- var _props$value = props.value,
23
- value = _props$value === void 0 ? 0 : _props$value,
24
- _props$maxValue = props.maxValue,
25
- maxValue = _props$maxValue === void 0 ? 100 : _props$maxValue,
26
- size = props.size,
27
- view = props.view,
28
- children = props.children,
29
- className = props.className,
30
- strokeWidthProp = props.strokeWidth,
31
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
32
- var _useState = React.useState(0),
33
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
34
- strokeWidthCSS = _useState2[0],
35
- setStrokeWidthCSS = _useState2[1];
36
- var _useState3 = React.useState(0),
37
- _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
38
- widthCSS = _useState4[0],
39
- setWidthCSS = _useState4[1];
40
- var rootRef = React.useRef(null);
41
- var rootForkRef = plasmaCore.useForkRef(rootRef, ref);
42
- var clampedValue = Math.min(Math.max(value, 0), maxValue);
43
- var percentage = clampedValue / maxValue * 100;
44
- var strokeWidth = (strokeWidthProp !== null && strokeWidthProp !== void 0 ? strokeWidthProp : strokeWidthCSS) * 2;
45
- var center = 50;
46
- var radius = center - 50 / widthCSS * (strokeWidth / 2);
47
- var circumference = 2 * Math.PI * radius;
48
- var strokeDashoffset = circumference - percentage / 100 * circumference;
49
- React.useLayoutEffect(function () {
50
- if (rootRef.current) {
51
- var strokeWidthFromCSS = getTokenValueInPixels.getTokenValueInPixels(ProgressBarCircular_tokens.tokens.progressStrokeWidth, rootRef.current);
52
- var widthFromCSS = getTokenValueInPixels.getTokenValueInPixels(ProgressBarCircular_tokens.tokens.width, rootRef.current);
53
- setStrokeWidthCSS(strokeWidthFromCSS !== null && strokeWidthFromCSS !== void 0 ? strokeWidthFromCSS : 0);
54
- setWidthCSS(widthFromCSS !== null && widthFromCSS !== void 0 ? widthFromCSS : 0);
55
- }
56
- }, [rootRef, size]);
57
- return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
58
- ref: rootForkRef,
59
- view: view,
60
- size: size,
61
- className: index.cx(className)
62
- }, rest), /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledSVG, {
63
- width: "100%",
64
- height: "100%",
65
- viewBox: "0 0 100 100",
66
- className: ProgressBarCircular_tokens.classes.svg
67
- }, /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledBackgroundCircle, {
68
- customStrokeWidth: 50 / widthCSS * strokeWidth,
69
- cx: center,
70
- cy: center,
71
- r: radius,
72
- className: ProgressBarCircular_tokens.classes.backgroundCircle
73
- }), /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledProgressCircle, {
74
- cx: center,
75
- cy: center,
76
- r: radius,
77
- customStrokeWidth: 50 / widthCSS * strokeWidth,
78
- className: ProgressBarCircular_tokens.classes.progressCircle,
79
- strokeDasharray: circumference,
80
- strokeDashoffset: strokeDashoffset,
81
- transform: "rotate(-90 50 50)"
82
- })), children && /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledContent, {
83
- className: ProgressBarCircular_tokens.classes.content
84
- }, children));
85
- });
86
- };
87
- var progressBarCircularConfig = {
88
- name: 'ProgressBarCircular',
89
- tag: 'div',
90
- layout: progressBarCircularRoot,
91
- base: ProgressBarCircular_styles.base,
92
- variations: {
93
- view: {
94
- css: base.base
95
- },
96
- size: {
97
- css: base$1.base
98
- }
99
- },
100
- defaults: {
101
- view: 'primary',
102
- size: 'm'
103
- }
104
- };
105
-
106
- exports.progressBarCircularConfig = progressBarCircularConfig;
107
- exports.progressBarCircularRoot = progressBarCircularRoot;
108
- //# sourceMappingURL=ProgressBarCircular.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef, useLayoutEffect } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getTokenValueInPixels } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n base,\n StyledSVG,\n StyledBackgroundCircle,\n StyledProgressCircle,\n StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes, tokens } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n const {\n value = 0,\n maxValue = 100,\n size,\n view,\n children,\n className,\n strokeWidth: strokeWidthProp,\n ...rest\n } = props;\n\n const [strokeWidthCSS, setStrokeWidthCSS] = useState<number>(0);\n const [widthCSS, setWidthCSS] = useState<number>(0);\n const rootRef = useRef<HTMLDivElement>(null);\n\n const rootForkRef = useForkRef(rootRef, ref);\n\n const clampedValue = Math.min(Math.max(value, 0), maxValue);\n const percentage = (clampedValue / maxValue) * 100;\n\n const strokeWidth = (strokeWidthProp ?? strokeWidthCSS) * 2;\n\n const center = 50;\n const radius = center - (50 / widthCSS) * (strokeWidth / 2);\n const circumference = 2 * Math.PI * radius;\n const strokeDashoffset = circumference - (percentage / 100) * circumference;\n\n useLayoutEffect(() => {\n if (rootRef.current) {\n const strokeWidthFromCSS = getTokenValueInPixels(tokens.progressStrokeWidth, rootRef.current);\n const widthFromCSS = getTokenValueInPixels(tokens.width, rootRef.current);\n setStrokeWidthCSS(strokeWidthFromCSS ?? 0);\n setWidthCSS(widthFromCSS ?? 0);\n }\n }, [rootRef, size]);\n\n return (\n <Root ref={rootForkRef} view={view} size={size} className={cx(className)} {...rest}>\n <StyledSVG width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" className={classes.svg}>\n <StyledBackgroundCircle\n customStrokeWidth={(50 / widthCSS) * strokeWidth}\n cx={center}\n cy={center}\n r={radius}\n className={classes.backgroundCircle}\n />\n <StyledProgressCircle\n cx={center}\n cy={center}\n r={radius}\n customStrokeWidth={(50 / widthCSS) * strokeWidth}\n className={classes.progressCircle}\n strokeDasharray={circumference}\n strokeDashoffset={strokeDashoffset}\n transform=\"rotate(-90 50 50)\"\n />\n </StyledSVG>\n\n {children && <StyledContent className={classes.content}>{children}</StyledContent>}\n </Root>\n );\n });\n\nexport const progressBarCircularConfig = {\n name: 'ProgressBarCircular',\n tag: 'div',\n layout: progressBarCircularRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["progressBarCircularRoot","Root","forwardRef","props","ref","_props$value","value","_props$maxValue","maxValue","size","view","children","className","strokeWidthProp","strokeWidth","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","strokeWidthCSS","setStrokeWidthCSS","_useState3","_useState4","widthCSS","setWidthCSS","rootRef","useRef","rootForkRef","useForkRef","clampedValue","Math","min","max","percentage","center","radius","circumference","PI","strokeDashoffset","useLayoutEffect","current","strokeWidthFromCSS","getTokenValueInPixels","tokens","progressStrokeWidth","widthFromCSS","width","React","createElement","_extends","cx","StyledSVG","height","viewBox","classes","svg","StyledBackgroundCircle","customStrokeWidth","cy","r","backgroundCircle","StyledProgressCircle","progressCircle","strokeDasharray","transform","StyledContent","content","progressBarCircularConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
@@ -1,54 +0,0 @@
1
- require('./ProgressBarCircular.styles_m8m7d7.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var react = require('@linaria/react');
7
- var ProgressBarCircular_tokens = require('./ProgressBarCircular.tokens.js');
8
-
9
- var base = "b18reh89";
10
- var StyledSVG = /*#__PURE__*/react.styled('svg')({
11
- name: "StyledSVG",
12
- "class": "s2tt3b5",
13
- propsAsIs: false
14
- });
15
- var _exp4 = function _exp4() {
16
- return function (_ref) {
17
- var customStrokeWidth = _ref.customStrokeWidth;
18
- return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(ProgressBarCircular_tokens.tokens.backgroundStrokeWidth, ")");
19
- };
20
- };
21
- var StyledBackgroundCircle = /*#__PURE__*/react.styled('circle')({
22
- name: "StyledBackgroundCircle",
23
- "class": "slvt37h",
24
- propsAsIs: true,
25
- vars: {
26
- "slvt37h-0": [/*#__PURE__*/_exp4()]
27
- }
28
- });
29
- var _exp6 = function _exp6() {
30
- return function (_ref2) {
31
- var customStrokeWidth = _ref2.customStrokeWidth;
32
- return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(ProgressBarCircular_tokens.tokens.progressStrokeWidth, ")");
33
- };
34
- };
35
- var StyledProgressCircle = /*#__PURE__*/react.styled('circle')({
36
- name: "StyledProgressCircle",
37
- "class": "s1d8ncmi",
38
- propsAsIs: true,
39
- vars: {
40
- "s1d8ncmi-0": [/*#__PURE__*/_exp6()]
41
- }
42
- });
43
- var StyledContent = /*#__PURE__*/react.styled('div')({
44
- name: "StyledContent",
45
- "class": "sg9aoc4",
46
- propsAsIs: false
47
- });
48
-
49
- exports.StyledBackgroundCircle = StyledBackgroundCircle;
50
- exports.StyledContent = StyledContent;
51
- exports.StyledProgressCircle = StyledProgressCircle;
52
- exports.StyledSVG = StyledSVG;
53
- exports.base = base;
54
- //# sourceMappingURL=ProgressBarCircular.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProgressBarCircular.styles.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from './ProgressBarCircular.tokens';\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.width});\n height: var(${tokens.height});\n`;\n\nexport const StyledSVG = styled.svg`\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackgroundCircle = styled.circle<{ customStrokeWidth?: number }>`\n fill: none;\n stroke: var(${tokens.backgroundStroke});\n stroke-width: ${({ customStrokeWidth }) =>\n customStrokeWidth ? `${customStrokeWidth}px` : `var(${tokens.backgroundStrokeWidth})`};\n`;\n\nexport const StyledProgressCircle = styled.circle<{ customStrokeWidth?: number }>`\n fill: none;\n stroke: var(${tokens.progressStroke});\n stroke-width: ${({ customStrokeWidth }) =>\n customStrokeWidth ? `${customStrokeWidth}px` : `var(${tokens.progressStrokeWidth})`};\n stroke-linecap: round;\n transition: stroke-dashoffset 0.3s ease-in-out;\n`;\n\nexport const StyledContent = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n color: var(${tokens.contentColor});\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n"],"names":["base","StyledSVG","styled","name","class","propsAsIs","_exp4","_ref","customStrokeWidth","concat","tokens","backgroundStrokeWidth","StyledBackgroundCircle","vars","_exp6","_ref2","progressStrokeWidth","StyledProgressCircle","StyledContent"],"mappings":";;;;;;;AAKO,IAAMA,IAAI,GAShB,WAAA;AAEM,IAAMC,SAAS,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG9B,EAAA;AAAC,IAAAC,KAAA,GAlBgBA,SAkBhBA,KAAAA,GAAA;AAAA,EAAA,OAKkB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,iBAAAA,GAAAA,IAAAA,CAAAA,iBAAAA,CAAAA;IAAAA,OACfA,iBAAiB,GAAAC,EAAAA,CAAAA,MAAA,CAAMD,iBAAiB,EAAAC,IAAAA,CAAAA,GAAAA,MAAAA,CAAAA,MAAA,CAAcC,iCAAM,CAACC,qBAAqB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJtF,IAAMC,sBAAsB,gBAAGV,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAQ,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGxBP,KACyE,EAAA,CAAA;AAAA,GAAA;AAAA,CAC5F,EAAA;AAAC,IAAAQ,KAAA,GAzBgBA,SAyBhBA,KAAAA,GAAA;AAAA,EAAA,OAKkB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,iBAAAA,GAAAA,KAAAA,CAAAA,iBAAAA,CAAAA;IAAAA,OACfA,iBAAiB,GAAAC,EAAAA,CAAAA,MAAA,CAAMD,iBAAiB,EAAAC,IAAAA,CAAAA,GAAAA,MAAAA,CAAAA,MAAA,CAAcC,iCAAM,CAACM,mBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJpF,IAAMC,oBAAoB,gBAAGf,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAQ,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAGtBC,KACuE,EAAA,CAAA;AAAA,GAAA;AAAA,CAG1F,EAAA;AAEM,IAAMI,aAAa,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBlC;;;;;;;;"}
@@ -1,5 +0,0 @@
1
- .b18reh89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-width);height:var(--plasma-progressbar-circular-height);}
2
- .s2tt3b5{width:100%;height:100%;}
3
- .slvt37h{fill:none;stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-0);}
4
- .s1d8ncmi{fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-0);stroke-linecap:round;-webkit-transition:stroke-dashoffset 0.3s ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
5
- .sg9aoc4{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);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;}
@@ -1,29 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var classes = {
6
- svg: '--plasma-progressbar-circular-svg',
7
- backgroundCircle: '--plasma-progressbar-circular-background-circle',
8
- progressCircle: '--plasma-progressbar-circular-progress-circle',
9
- content: '--plasma-progressbar-circular-content'
10
- };
11
- var tokens = {
12
- width: '--plasma-progressbar-circular-width',
13
- height: '--plasma-progressbar-circular-height',
14
- backgroundStroke: '--plasma-progressbar-circular-background-stroke',
15
- backgroundStrokeWidth: '--plasma-progressbar-circular-background-stroke-width',
16
- progressStroke: '--plasma-progressbar-circular-progress-stroke',
17
- progressStrokeWidth: '--plasma-progressbar-circular-progress-stroke-width',
18
- contentColor: '--plasma-progressbar-circular-content-color',
19
- contentFontFamily: '--plasma-progressbar-circular-content-font-family',
20
- contentFontSize: '--plasma-progressbar-circular-content-font-size',
21
- contentFontStyle: '--plasma-progressbar-circular-content-font-style',
22
- contentFontWeight: '--plasma-progressbar-circular-content-font-weight',
23
- contentLetterSpacing: '--plasma-progressbar-circular-content-letter-spacing',
24
- contentLineHeight: '--plasma-progressbar-circular-content-line-height'
25
- };
26
-
27
- exports.classes = classes;
28
- exports.tokens = tokens;
29
- //# sourceMappingURL=ProgressBarCircular.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProgressBarCircular.tokens.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tokens.ts"],"sourcesContent":["export const classes = {\n svg: '--plasma-progressbar-circular-svg',\n backgroundCircle: '--plasma-progressbar-circular-background-circle',\n progressCircle: '--plasma-progressbar-circular-progress-circle',\n content: '--plasma-progressbar-circular-content',\n};\n\nexport const tokens = {\n width: '--plasma-progressbar-circular-width',\n height: '--plasma-progressbar-circular-height',\n\n backgroundStroke: '--plasma-progressbar-circular-background-stroke',\n backgroundStrokeWidth: '--plasma-progressbar-circular-background-stroke-width',\n\n progressStroke: '--plasma-progressbar-circular-progress-stroke',\n progressStrokeWidth: '--plasma-progressbar-circular-progress-stroke-width',\n\n contentColor: '--plasma-progressbar-circular-content-color',\n contentFontFamily: '--plasma-progressbar-circular-content-font-family',\n contentFontSize: '--plasma-progressbar-circular-content-font-size',\n contentFontStyle: '--plasma-progressbar-circular-content-font-style',\n contentFontWeight: '--plasma-progressbar-circular-content-font-weight',\n contentLetterSpacing: '--plasma-progressbar-circular-content-letter-spacing',\n contentLineHeight: '--plasma-progressbar-circular-content-line-height',\n};\n"],"names":["classes","svg","backgroundCircle","progressCircle","content","tokens","width","height","backgroundStroke","backgroundStrokeWidth","progressStroke","progressStrokeWidth","contentColor","contentFontFamily","contentFontSize","contentFontStyle","contentFontWeight","contentLetterSpacing","contentLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,GAAG,EAAE,mCAAmC;AACxCC,EAAAA,gBAAgB,EAAE,iDAAiD;AACnEC,EAAAA,cAAc,EAAE,+CAA+C;AAC/DC,EAAAA,OAAO,EAAE,uCAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,KAAK,EAAE,qCAAqC;AAC5CC,EAAAA,MAAM,EAAE,sCAAsC;AAE9CC,EAAAA,gBAAgB,EAAE,iDAAiD;AACnEC,EAAAA,qBAAqB,EAAE,uDAAuD;AAE9EC,EAAAA,cAAc,EAAE,+CAA+C;AAC/DC,EAAAA,mBAAmB,EAAE,qDAAqD;AAE1EC,EAAAA,YAAY,EAAE,6CAA6C;AAC3DC,EAAAA,iBAAiB,EAAE,mDAAmD;AACtEC,EAAAA,eAAe,EAAE,iDAAiD;AAClEC,EAAAA,gBAAgB,EAAE,kDAAkD;AACpEC,EAAAA,iBAAiB,EAAE,mDAAmD;AACtEC,EAAAA,oBAAoB,EAAE,sDAAsD;AAC5EC,EAAAA,iBAAiB,EAAE,mDAAA;AACvB;;;;;"}
@@ -1,9 +0,0 @@
1
- require('./base_x642ct.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "bzk2ber";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/ProgressBarCircular/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,9 +0,0 @@
1
- require('./base_x642ct.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "bqfdmn2";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/ProgressBarCircular/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,31 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
6
-
7
- var getTokenValueInPixels = function getTokenValueInPixels(tokenName, element) {
8
- var tokenValue = getComputedStyle(element).getPropertyValue(tokenName).trim();
9
- if (!tokenValue) {
10
- return undefined;
11
- }
12
- var valueMatch = tokenValue.match(/^([\d.]+)(rem|px)$/);
13
- if (!valueMatch) {
14
- return undefined;
15
- }
16
- var _valueMatch = _rollupPluginBabelHelpers.slicedToArray(valueMatch, 3),
17
- number = _valueMatch[1],
18
- unit = _valueMatch[2];
19
- var numericValue = parseFloat(number);
20
- if (unit === 'px') {
21
- return numericValue;
22
- }
23
- if (unit === 'rem') {
24
- var rootFontSize = parseFloat(getComputedStyle(element).fontSize);
25
- return numericValue * rootFontSize;
26
- }
27
- return undefined;
28
- };
29
-
30
- exports.getTokenValueInPixels = getTokenValueInPixels;
31
- //# sourceMappingURL=getTokenValueInPixels.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getTokenValueInPixels.js","sources":["../../src/utils/getTokenValueInPixels.ts"],"sourcesContent":["export const getTokenValueInPixels = (tokenName: string, element: HTMLElement): number | undefined => {\n const tokenValue = getComputedStyle(element).getPropertyValue(tokenName).trim();\n\n if (!tokenValue) {\n return undefined;\n }\n\n const valueMatch = tokenValue.match(/^([\\d.]+)(rem|px)$/);\n\n if (!valueMatch) {\n return undefined;\n }\n\n const [, number, unit] = valueMatch;\n const numericValue = parseFloat(number);\n\n if (unit === 'px') {\n return numericValue;\n }\n if (unit === 'rem') {\n const rootFontSize = parseFloat(getComputedStyle(element).fontSize);\n return numericValue * rootFontSize;\n }\n\n return undefined;\n};\n"],"names":["getTokenValueInPixels","tokenName","element","tokenValue","getComputedStyle","getPropertyValue","trim","undefined","valueMatch","match","_valueMatch","_slicedToArray","number","unit","numericValue","parseFloat","rootFontSize","fontSize"],"mappings":";;;;;;AAAO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,SAAiB,EAAEC,OAAoB,EAAyB;AAClG,EAAA,IAAMC,UAAU,GAAGC,gBAAgB,CAACF,OAAO,CAAC,CAACG,gBAAgB,CAACJ,SAAS,CAAC,CAACK,IAAI,EAAE,CAAA;EAE/E,IAAI,CAACH,UAAU,EAAE;AACb,IAAA,OAAOI,SAAS,CAAA;AACpB,GAAA;AAEA,EAAA,IAAMC,UAAU,GAAGL,UAAU,CAACM,KAAK,CAAC,oBAAoB,CAAC,CAAA;EAEzD,IAAI,CAACD,UAAU,EAAE;AACb,IAAA,OAAOD,SAAS,CAAA;AACpB,GAAA;AAEA,EAAA,IAAAG,WAAA,GAAAC,uCAAA,CAAyBH,UAAU,EAAA,CAAA,CAAA;AAA1BI,IAAAA,MAAM,GAAAF,WAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,WAAA,CAAA,CAAA,CAAA,CAAA;AACrB,EAAA,IAAMI,YAAY,GAAGC,UAAU,CAACH,MAAM,CAAC,CAAA;EAEvC,IAAIC,IAAI,KAAK,IAAI,EAAE;AACf,IAAA,OAAOC,YAAY,CAAA;AACvB,GAAA;EACA,IAAID,IAAI,KAAK,KAAK,EAAE;IAChB,IAAMG,YAAY,GAAGD,UAAU,CAACX,gBAAgB,CAACF,OAAO,CAAC,CAACe,QAAQ,CAAC,CAAA;IACnE,OAAOH,YAAY,GAAGE,YAAY,CAAA;AACtC,GAAA;AAEA,EAAA,OAAOT,SAAS,CAAA;AACpB;;;;"}