@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

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 (1002) hide show
  1. package/components/Accordion/Accordion.js +1 -1
  2. package/components/Accordion/Accordion.js.map +1 -1
  3. package/components/Accordion/Accordion.mjs +1 -1
  4. package/components/Accordion/Accordion.mjs.map +1 -1
  5. package/components/Accordion/hooks.js +1 -1
  6. package/components/Accordion/hooks.js.map +1 -1
  7. package/components/Accordion/hooks.mjs +1 -1
  8. package/components/Accordion/hooks.mjs.map +1 -1
  9. package/components/Accordion/style.js +1 -1
  10. package/components/Accordion/style.js.map +1 -1
  11. package/components/Accordion/style.mjs +1 -1
  12. package/components/Accordion/style.mjs.map +1 -1
  13. package/components/AccordionItem/AccordionItem.js +1 -1
  14. package/components/AccordionItem/AccordionItem.js.map +1 -1
  15. package/components/AccordionItem/AccordionItem.mjs +1 -1
  16. package/components/AccordionItem/AccordionItem.mjs.map +1 -1
  17. package/components/AccordionItem/style.js +1 -1
  18. package/components/AccordionItem/style.js.map +1 -1
  19. package/components/AccordionItem/style.mjs +1 -1
  20. package/components/AccordionItem/style.mjs.map +1 -1
  21. package/components/AccordionItem/useAccordionPanel.js +1 -1
  22. package/components/AccordionItem/useAccordionPanel.js.map +1 -1
  23. package/components/AccordionItem/useAccordionPanel.mjs +1 -1
  24. package/components/AccordionItem/useAccordionPanel.mjs.map +1 -1
  25. package/components/AccordionItem/useAccordionPanelProps.js.map +1 -1
  26. package/components/AccordionItem/useAccordionPanelProps.mjs.map +1 -1
  27. package/components/ActionBtn/style.js +1 -1
  28. package/components/ActionBtn/style.js.map +1 -1
  29. package/components/ActionBtn/style.mjs +1 -1
  30. package/components/ActionBtn/style.mjs.map +1 -1
  31. package/components/AddElement/AddElement.js +1 -1
  32. package/components/AddElement/AddElement.js.map +1 -1
  33. package/components/AddElement/AddElement.mjs +1 -1
  34. package/components/AddElement/AddElement.mjs.map +1 -1
  35. package/components/AddElement/style.js +1 -1
  36. package/components/AddElement/style.js.map +1 -1
  37. package/components/AddElement/style.mjs +1 -1
  38. package/components/AddElement/style.mjs.map +1 -1
  39. package/components/Alert/Alert.js +1 -1
  40. package/components/Alert/Alert.js.map +1 -1
  41. package/components/Alert/Alert.mjs +1 -1
  42. package/components/Alert/Alert.mjs.map +1 -1
  43. package/components/Alert/CountdownCircle.js +1 -1
  44. package/components/Alert/CountdownCircle.js.map +1 -1
  45. package/components/Alert/CountdownCircle.mjs +1 -1
  46. package/components/Alert/CountdownCircle.mjs.map +1 -1
  47. package/components/Alert/style.js +1 -1
  48. package/components/Alert/style.js.map +1 -1
  49. package/components/Alert/style.mjs +1 -1
  50. package/components/Alert/style.mjs.map +1 -1
  51. package/components/Alert/utils.js.map +1 -1
  52. package/components/Alert/utils.mjs.map +1 -1
  53. package/components/Amount/Amount.js.map +1 -1
  54. package/components/Amount/Amount.mjs.map +1 -1
  55. package/components/Amount/style.js +1 -1
  56. package/components/Amount/style.js.map +1 -1
  57. package/components/Amount/style.mjs +1 -1
  58. package/components/Amount/style.mjs.map +1 -1
  59. package/components/Anchor/Anchor.js +1 -1
  60. package/components/Anchor/Anchor.js.map +1 -1
  61. package/components/Anchor/Anchor.mjs +1 -1
  62. package/components/Anchor/Anchor.mjs.map +1 -1
  63. package/components/Anchor/style.js +1 -1
  64. package/components/Anchor/style.js.map +1 -1
  65. package/components/Anchor/style.mjs +1 -1
  66. package/components/Anchor/style.mjs.map +1 -1
  67. package/components/Arrow/Arrow.js +1 -1
  68. package/components/Arrow/Arrow.js.map +1 -1
  69. package/components/Arrow/Arrow.mjs +1 -1
  70. package/components/Arrow/Arrow.mjs.map +1 -1
  71. package/components/Arrow/images/chevronUpDefault.svg.js +1 -1
  72. package/components/Arrow/images/chevronUpDefault.svg.js.map +1 -1
  73. package/components/Arrow/style.js +1 -1
  74. package/components/Arrow/style.js.map +1 -1
  75. package/components/Arrow/style.mjs +1 -1
  76. package/components/Arrow/style.mjs.map +1 -1
  77. package/components/ArrowBadge/ArrowBadge.js +1 -1
  78. package/components/ArrowBadge/ArrowBadge.js.map +1 -1
  79. package/components/ArrowBadge/ArrowBadge.mjs +1 -1
  80. package/components/ArrowBadge/ArrowBadge.mjs.map +1 -1
  81. package/components/ArrowBadge/images/arrow.svg.js +1 -1
  82. package/components/ArrowBadge/images/arrow.svg.js.map +1 -1
  83. package/components/ArrowBadge/images/fancy.svg.js +1 -1
  84. package/components/ArrowBadge/images/fancy.svg.js.map +1 -1
  85. package/components/ArrowBadge/images/rectangle.svg.js +1 -1
  86. package/components/ArrowBadge/images/rectangle.svg.js.map +1 -1
  87. package/components/ArrowBadge/style.js +1 -1
  88. package/components/ArrowBadge/style.js.map +1 -1
  89. package/components/ArrowBadge/style.mjs +1 -1
  90. package/components/ArrowBadge/style.mjs.map +1 -1
  91. package/components/AspectRatio/AspectRatio.js +1 -1
  92. package/components/AspectRatio/AspectRatio.js.map +1 -1
  93. package/components/AspectRatio/AspectRatio.mjs +1 -1
  94. package/components/AspectRatio/AspectRatio.mjs.map +1 -1
  95. package/components/AspectRatio/style.js +1 -1
  96. package/components/AspectRatio/style.js.map +1 -1
  97. package/components/AspectRatio/style.mjs +1 -1
  98. package/components/AspectRatio/style.mjs.map +1 -1
  99. package/components/Avatar/Avatar.js +1 -1
  100. package/components/Avatar/Avatar.js.map +1 -1
  101. package/components/Avatar/Avatar.mjs +1 -1
  102. package/components/Avatar/Avatar.mjs.map +1 -1
  103. package/components/Avatar/sizes.js +1 -1
  104. package/components/Avatar/sizes.js.map +1 -1
  105. package/components/Avatar/sizes.mjs +1 -1
  106. package/components/Avatar/sizes.mjs.map +1 -1
  107. package/components/Avatar/style.js +1 -1
  108. package/components/Avatar/style.js.map +1 -1
  109. package/components/Avatar/style.mjs +1 -1
  110. package/components/Avatar/style.mjs.map +1 -1
  111. package/components/Avatar/utils.js +1 -1
  112. package/components/Avatar/utils.js.map +1 -1
  113. package/components/Avatar/utils.mjs +1 -1
  114. package/components/Avatar/utils.mjs.map +1 -1
  115. package/components/Badge/Badge.js +1 -1
  116. package/components/Badge/Badge.js.map +1 -1
  117. package/components/Badge/Badge.mjs +1 -1
  118. package/components/Badge/Badge.mjs.map +1 -1
  119. package/components/Badge/style.js +1 -1
  120. package/components/Badge/style.js.map +1 -1
  121. package/components/Badge/style.mjs +1 -1
  122. package/components/Badge/style.mjs.map +1 -1
  123. package/components/Button/Button.js +1 -1
  124. package/components/Button/Button.js.map +1 -1
  125. package/components/Button/Button.mjs +1 -1
  126. package/components/Button/Button.mjs.map +1 -1
  127. package/components/Button/style.js +1 -1
  128. package/components/Button/style.js.map +1 -1
  129. package/components/Button/style.mjs +1 -1
  130. package/components/Button/style.mjs.map +1 -1
  131. package/components/Checkbox/Checkbox.js +1 -1
  132. package/components/Checkbox/Checkbox.js.map +1 -1
  133. package/components/Checkbox/Checkbox.mjs +1 -1
  134. package/components/Checkbox/Checkbox.mjs.map +1 -1
  135. package/components/Checkbox/images/checkDefault.svg.js +1 -1
  136. package/components/Checkbox/images/checkDefault.svg.js.map +1 -1
  137. package/components/Checkbox/style.js +2 -2
  138. package/components/Checkbox/style.js.map +1 -1
  139. package/components/Checkbox/style.mjs +2 -2
  140. package/components/Checkbox/style.mjs.map +1 -1
  141. package/components/Chip/Chip.js +1 -1
  142. package/components/Chip/Chip.js.map +1 -1
  143. package/components/Chip/Chip.mjs +1 -1
  144. package/components/Chip/Chip.mjs.map +1 -1
  145. package/components/Chip/sizes.js +2 -0
  146. package/components/Chip/sizes.js.map +1 -0
  147. package/components/Chip/sizes.mjs +2 -0
  148. package/components/Chip/sizes.mjs.map +1 -0
  149. package/components/Chip/style.js +1 -1
  150. package/components/Chip/style.js.map +1 -1
  151. package/components/Chip/style.mjs +1 -1
  152. package/components/Chip/style.mjs.map +1 -1
  153. package/components/Container/style.js +1 -1
  154. package/components/Container/style.js.map +1 -1
  155. package/components/Container/style.mjs +1 -1
  156. package/components/Container/style.mjs.map +1 -1
  157. package/components/ContextMenu/ContextMenu.js +1 -1
  158. package/components/ContextMenu/ContextMenu.js.map +1 -1
  159. package/components/ContextMenu/ContextMenu.mjs +1 -1
  160. package/components/ContextMenu/ContextMenu.mjs.map +1 -1
  161. package/components/ContextMenu/style.js +1 -1
  162. package/components/ContextMenu/style.js.map +1 -1
  163. package/components/ContextMenu/style.mjs +1 -1
  164. package/components/ContextMenu/style.mjs.map +1 -1
  165. package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.js +1 -1
  166. package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.js.map +1 -1
  167. package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.mjs +1 -1
  168. package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.mjs.map +1 -1
  169. package/components/ContextMenu.Multilevel/style.js +1 -1
  170. package/components/ContextMenu.Multilevel/style.js.map +1 -1
  171. package/components/ContextMenu.Multilevel/style.mjs +1 -1
  172. package/components/ContextMenu.Multilevel/style.mjs.map +1 -1
  173. package/components/Dialog/Dialog.js +1 -1
  174. package/components/Dialog/Dialog.js.map +1 -1
  175. package/components/Dialog/Dialog.mjs +1 -1
  176. package/components/Dialog/Dialog.mjs.map +1 -1
  177. package/components/Dialog/style.js +1 -1
  178. package/components/Dialog/style.js.map +1 -1
  179. package/components/Dialog/style.mjs +1 -1
  180. package/components/Dialog/style.mjs.map +1 -1
  181. package/components/DialogComponent/DialogComponent.js +1 -1
  182. package/components/DialogComponent/DialogComponent.js.map +1 -1
  183. package/components/DialogComponent/DialogComponent.mjs +1 -1
  184. package/components/DialogComponent/DialogComponent.mjs.map +1 -1
  185. package/components/DialogComponent/Header.js +1 -1
  186. package/components/DialogComponent/Header.js.map +1 -1
  187. package/components/DialogComponent/Header.mjs +1 -1
  188. package/components/DialogComponent/Header.mjs.map +1 -1
  189. package/components/DialogComponent/images/dragging.svg.js +1 -1
  190. package/components/DialogComponent/images/dragging.svg.js.map +1 -1
  191. package/components/DialogComponent/style.js +1 -1
  192. package/components/DialogComponent/style.js.map +1 -1
  193. package/components/DialogComponent/style.mjs +1 -1
  194. package/components/DialogComponent/style.mjs.map +1 -1
  195. package/components/Divider/Divider.js +1 -1
  196. package/components/Divider/Divider.js.map +1 -1
  197. package/components/Divider/Divider.mjs +1 -1
  198. package/components/Divider/Divider.mjs.map +1 -1
  199. package/components/Divider/style.js +1 -1
  200. package/components/Divider/style.js.map +1 -1
  201. package/components/Divider/style.mjs +1 -1
  202. package/components/Divider/style.mjs.map +1 -1
  203. package/components/Dropdown/Dropdown.js +1 -1
  204. package/components/Dropdown/Dropdown.js.map +1 -1
  205. package/components/Dropdown/Dropdown.mjs +1 -1
  206. package/components/Dropdown/Dropdown.mjs.map +1 -1
  207. package/components/Dropdown/DropdownListItem.js +1 -1
  208. package/components/Dropdown/DropdownListItem.js.map +1 -1
  209. package/components/Dropdown/DropdownListItem.mjs +1 -1
  210. package/components/Dropdown/DropdownListItem.mjs.map +1 -1
  211. package/components/Dropdown/DropdownMenu.js +1 -1
  212. package/components/Dropdown/DropdownMenu.js.map +1 -1
  213. package/components/Dropdown/DropdownMenu.mjs +1 -1
  214. package/components/Dropdown/DropdownMenu.mjs.map +1 -1
  215. package/components/Dropdown/DropdownMenuMultiple.js +1 -1
  216. package/components/Dropdown/DropdownMenuMultiple.js.map +1 -1
  217. package/components/Dropdown/DropdownMenuMultiple.mjs +1 -1
  218. package/components/Dropdown/DropdownMenuMultiple.mjs.map +1 -1
  219. package/components/Dropdown/DropdownMenuNoOptions.js.map +1 -1
  220. package/components/Dropdown/DropdownMenuNoOptions.mjs.map +1 -1
  221. package/components/Dropdown/DropdownMenuSingle.js +1 -1
  222. package/components/Dropdown/DropdownMenuSingle.js.map +1 -1
  223. package/components/Dropdown/DropdownMenuSingle.mjs +1 -1
  224. package/components/Dropdown/DropdownMenuSingle.mjs.map +1 -1
  225. package/components/Dropdown/hooks.js +1 -1
  226. package/components/Dropdown/hooks.js.map +1 -1
  227. package/components/Dropdown/hooks.mjs +1 -1
  228. package/components/Dropdown/hooks.mjs.map +1 -1
  229. package/components/Dropdown/renderDropdownOptionsList.js +1 -1
  230. package/components/Dropdown/renderDropdownOptionsList.js.map +1 -1
  231. package/components/Dropdown/renderDropdownOptionsList.mjs +1 -1
  232. package/components/Dropdown/renderDropdownOptionsList.mjs.map +1 -1
  233. package/components/Dropdown/style.js +1 -1
  234. package/components/Dropdown/style.js.map +1 -1
  235. package/components/Dropdown/style.mjs +1 -1
  236. package/components/Dropdown/style.mjs.map +1 -1
  237. package/components/Dropdown/utils.js +1 -1
  238. package/components/Dropdown/utils.js.map +1 -1
  239. package/components/Dropdown/utils.mjs +1 -1
  240. package/components/Dropdown/utils.mjs.map +1 -1
  241. package/components/FormInput/FormInput.js +1 -1
  242. package/components/FormInput/FormInput.js.map +1 -1
  243. package/components/FormInput/FormInput.mjs +1 -1
  244. package/components/FormInput/FormInput.mjs.map +1 -1
  245. package/components/FormInput/style.js +1 -1
  246. package/components/FormInput/style.js.map +1 -1
  247. package/components/FormInput/style.mjs +1 -1
  248. package/components/FormInput/style.mjs.map +1 -1
  249. package/components/FormInputLabel/FormInputLabel.js +1 -1
  250. package/components/FormInputLabel/FormInputLabel.js.map +1 -1
  251. package/components/FormInputLabel/FormInputLabel.mjs +1 -1
  252. package/components/FormInputLabel/FormInputLabel.mjs.map +1 -1
  253. package/components/FormInputLabel/style.js +1 -1
  254. package/components/FormInputLabel/style.js.map +1 -1
  255. package/components/FormInputLabel/style.mjs +1 -1
  256. package/components/FormInputLabel/style.mjs.map +1 -1
  257. package/components/FormLabel/FormLabel.js +1 -1
  258. package/components/FormLabel/FormLabel.js.map +1 -1
  259. package/components/FormLabel/FormLabel.mjs +1 -1
  260. package/components/FormLabel/FormLabel.mjs.map +1 -1
  261. package/components/FormLabel/constants.js +1 -1
  262. package/components/FormLabel/constants.js.map +1 -1
  263. package/components/FormLabel/constants.mjs +1 -1
  264. package/components/FormLabel/constants.mjs.map +1 -1
  265. package/components/FormLabel/style.js +1 -1
  266. package/components/FormLabel/style.js.map +1 -1
  267. package/components/FormLabel/style.mjs +1 -1
  268. package/components/FormLabel/style.mjs.map +1 -1
  269. package/components/Icon/Icon.js +1 -1
  270. package/components/Icon/Icon.js.map +1 -1
  271. package/components/Icon/Icon.mjs +1 -1
  272. package/components/Icon/Icon.mjs.map +1 -1
  273. package/components/Icon/iconPack.js +1 -1
  274. package/components/Icon/iconPack.js.map +1 -1
  275. package/components/Icon/iconPack.mjs +1 -1
  276. package/components/Icon/iconPack.mjs.map +1 -1
  277. package/components/Icon/images/blackBoard_default.svg.js +1 -1
  278. package/components/Icon/images/blackBoard_default.svg.js.map +1 -1
  279. package/components/Icon/images/book_default.svg.js +1 -1
  280. package/components/Icon/images/book_default.svg.js.map +1 -1
  281. package/components/Icon/images/burger_default.svg.js +1 -1
  282. package/components/Icon/images/burger_default.svg.js.map +1 -1
  283. package/components/Icon/images/calendar_default.svg.js +1 -1
  284. package/components/Icon/images/calendar_default.svg.js.map +1 -1
  285. package/components/Icon/images/calendar_simple_default.svg.js +1 -1
  286. package/components/Icon/images/calendar_simple_default.svg.js.map +1 -1
  287. package/components/Icon/images/camps_default.svg.js +1 -1
  288. package/components/Icon/images/camps_default.svg.js.map +1 -1
  289. package/components/Icon/images/cancel_default.svg.js +1 -1
  290. package/components/Icon/images/cancel_default.svg.js.map +1 -1
  291. package/components/Icon/images/cart_default.svg.js +1 -1
  292. package/components/Icon/images/cart_default.svg.js.map +1 -1
  293. package/components/Icon/images/checkCircle_default.svg.js +1 -1
  294. package/components/Icon/images/checkCircle_default.svg.js.map +1 -1
  295. package/components/Icon/images/check_default.svg.js +1 -1
  296. package/components/Icon/images/check_default.svg.js.map +1 -1
  297. package/components/Icon/images/chevronDown_default.svg.js +1 -1
  298. package/components/Icon/images/chevronDown_default.svg.js.map +1 -1
  299. package/components/Icon/images/chevronLeft_default.svg.js +1 -1
  300. package/components/Icon/images/chevronLeft_default.svg.js.map +1 -1
  301. package/components/Icon/images/chevronRight_default.svg.js +1 -1
  302. package/components/Icon/images/chevronRight_default.svg.js.map +1 -1
  303. package/components/Icon/images/chevronUp_default.svg.js +1 -1
  304. package/components/Icon/images/chevronUp_default.svg.js.map +1 -1
  305. package/components/Icon/images/clockFilled_default.svg.js +1 -1
  306. package/components/Icon/images/clockFilled_default.svg.js.map +1 -1
  307. package/components/Icon/images/clock_default.svg.js +1 -1
  308. package/components/Icon/images/clock_default.svg.js.map +1 -1
  309. package/components/Icon/images/coins_default.svg.js +1 -1
  310. package/components/Icon/images/coins_default.svg.js.map +1 -1
  311. package/components/Icon/images/copy_default.svg.js +1 -1
  312. package/components/Icon/images/copy_default.svg.js.map +1 -1
  313. package/components/Icon/images/courses_default.svg.js +1 -1
  314. package/components/Icon/images/courses_default.svg.js.map +1 -1
  315. package/components/Icon/images/cross_default.svg.js +1 -1
  316. package/components/Icon/images/cross_default.svg.js.map +1 -1
  317. package/components/Icon/images/dialog_default.svg.js +1 -1
  318. package/components/Icon/images/dialog_default.svg.js.map +1 -1
  319. package/components/Icon/images/diamondFilled_default.svg.js +1 -1
  320. package/components/Icon/images/diamondFilled_default.svg.js.map +1 -1
  321. package/components/Icon/images/diamond_default.svg.js +1 -1
  322. package/components/Icon/images/diamond_default.svg.js.map +1 -1
  323. package/components/Icon/images/discount_default.svg.js +1 -1
  324. package/components/Icon/images/discount_default.svg.js.map +1 -1
  325. package/components/Icon/images/document_default.svg.js +1 -1
  326. package/components/Icon/images/document_default.svg.js.map +1 -1
  327. package/components/Icon/images/dropDownArrow_default.svg.js +1 -1
  328. package/components/Icon/images/dropDownArrow_default.svg.js.map +1 -1
  329. package/components/Icon/images/edit_default.svg.js +1 -1
  330. package/components/Icon/images/edit_default.svg.js.map +1 -1
  331. package/components/Icon/images/email_default.svg.js +1 -1
  332. package/components/Icon/images/email_default.svg.js.map +1 -1
  333. package/components/Icon/images/externalLink_default.svg.js +1 -1
  334. package/components/Icon/images/externalLink_default.svg.js.map +1 -1
  335. package/components/Icon/images/externat_default.svg.js +1 -1
  336. package/components/Icon/images/externat_default.svg.js.map +1 -1
  337. package/components/Icon/images/eye_default.svg.js +1 -1
  338. package/components/Icon/images/eye_default.svg.js.map +1 -1
  339. package/components/Icon/images/fileBordered_default.svg.js +1 -1
  340. package/components/Icon/images/fileBordered_default.svg.js.map +1 -1
  341. package/components/Icon/images/file_default.svg.js +1 -1
  342. package/components/Icon/images/file_default.svg.js.map +1 -1
  343. package/components/Icon/images/fire_default.svg.js +1 -1
  344. package/components/Icon/images/fire_default.svg.js.map +1 -1
  345. package/components/Icon/images/headphones_default.svg.js +1 -1
  346. package/components/Icon/images/headphones_default.svg.js.map +1 -1
  347. package/components/Icon/images/home_default.svg.js +1 -1
  348. package/components/Icon/images/home_default.svg.js.map +1 -1
  349. package/components/Icon/images/infoInverse_default.svg.js +1 -1
  350. package/components/Icon/images/infoInverse_default.svg.js.map +1 -1
  351. package/components/Icon/images/info_default.svg.js +1 -1
  352. package/components/Icon/images/info_default.svg.js.map +1 -1
  353. package/components/Icon/images/lessons_default.svg.js +1 -1
  354. package/components/Icon/images/lessons_default.svg.js.map +1 -1
  355. package/components/Icon/images/list_default.svg.js +1 -1
  356. package/components/Icon/images/list_default.svg.js.map +1 -1
  357. package/components/Icon/images/login_default.svg.js +1 -1
  358. package/components/Icon/images/login_default.svg.js.map +1 -1
  359. package/components/Icon/images/logout_default.svg.js +1 -1
  360. package/components/Icon/images/logout_default.svg.js.map +1 -1
  361. package/components/Icon/images/message_default.svg.js +1 -1
  362. package/components/Icon/images/message_default.svg.js.map +1 -1
  363. package/components/Icon/images/objective_default.svg.js +1 -1
  364. package/components/Icon/images/objective_default.svg.js.map +1 -1
  365. package/components/Icon/images/page_default.svg.js +1 -1
  366. package/components/Icon/images/page_default.svg.js.map +1 -1
  367. package/components/Icon/images/pencil_default.svg.js +1 -1
  368. package/components/Icon/images/pencil_default.svg.js.map +1 -1
  369. package/components/Icon/images/person_default.svg.js +1 -1
  370. package/components/Icon/images/person_default.svg.js.map +1 -1
  371. package/components/Icon/images/phoneNoFill_default.svg.js +1 -1
  372. package/components/Icon/images/phoneNoFill_default.svg.js.map +1 -1
  373. package/components/Icon/images/phone_default.svg.js +1 -1
  374. package/components/Icon/images/phone_default.svg.js.map +1 -1
  375. package/components/Icon/images/playPause_default.svg.js +1 -1
  376. package/components/Icon/images/playPause_default.svg.js.map +1 -1
  377. package/components/Icon/images/play_default.svg.js +1 -1
  378. package/components/Icon/images/play_default.svg.js.map +1 -1
  379. package/components/Icon/images/plusThin_default.svg.js +1 -1
  380. package/components/Icon/images/plusThin_default.svg.js.map +1 -1
  381. package/components/Icon/images/plus_default.svg.js +1 -1
  382. package/components/Icon/images/plus_default.svg.js.map +1 -1
  383. package/components/Icon/images/present_default.svg.js +1 -1
  384. package/components/Icon/images/present_default.svg.js.map +1 -1
  385. package/components/Icon/images/priceTag_default.svg.js +1 -1
  386. package/components/Icon/images/priceTag_default.svg.js.map +1 -1
  387. package/components/Icon/images/print_default.svg.js +1 -1
  388. package/components/Icon/images/print_default.svg.js.map +1 -1
  389. package/components/Icon/images/prof_default.svg.js +1 -1
  390. package/components/Icon/images/prof_default.svg.js.map +1 -1
  391. package/components/Icon/images/questionFilled_default.svg.js +1 -1
  392. package/components/Icon/images/questionFilled_default.svg.js.map +1 -1
  393. package/components/Icon/images/radioChecked_default.svg.js +1 -1
  394. package/components/Icon/images/radioChecked_default.svg.js.map +1 -1
  395. package/components/Icon/images/radioNotChecked_default.svg.js +1 -1
  396. package/components/Icon/images/radioNotChecked_default.svg.js.map +1 -1
  397. package/components/Icon/images/reload_default.svg.js +1 -1
  398. package/components/Icon/images/reload_default.svg.js.map +1 -1
  399. package/components/Icon/images/search_default.svg.js +1 -1
  400. package/components/Icon/images/search_default.svg.js.map +1 -1
  401. package/components/Icon/images/settings_default.svg.js +1 -1
  402. package/components/Icon/images/settings_default.svg.js.map +1 -1
  403. package/components/Icon/images/sharpCross_default.svg.js +1 -1
  404. package/components/Icon/images/sharpCross_default.svg.js.map +1 -1
  405. package/components/Icon/images/sort_default.svg.js +1 -1
  406. package/components/Icon/images/sort_default.svg.js.map +1 -1
  407. package/components/Icon/images/star_default.svg.js +1 -1
  408. package/components/Icon/images/star_default.svg.js.map +1 -1
  409. package/components/Icon/images/student_default.svg.js +1 -1
  410. package/components/Icon/images/student_default.svg.js.map +1 -1
  411. package/components/Icon/images/target_default.svg.js +1 -1
  412. package/components/Icon/images/target_default.svg.js.map +1 -1
  413. package/components/Icon/images/tasks_default.svg.js +1 -1
  414. package/components/Icon/images/tasks_default.svg.js.map +1 -1
  415. package/components/Icon/images/textbook_default.svg.js +1 -1
  416. package/components/Icon/images/textbook_default.svg.js.map +1 -1
  417. package/components/Icon/images/tinyCross_default.svg.js +1 -1
  418. package/components/Icon/images/tinyCross_default.svg.js.map +1 -1
  419. package/components/Icon/images/trophy_default.svg.js +1 -1
  420. package/components/Icon/images/trophy_default.svg.js.map +1 -1
  421. package/components/Icon/images/unsort_default.svg.js +1 -1
  422. package/components/Icon/images/unsort_default.svg.js.map +1 -1
  423. package/components/Icon/images/video_default.svg.js +1 -1
  424. package/components/Icon/images/video_default.svg.js.map +1 -1
  425. package/components/Icon/images/wallet_default.svg.js +1 -1
  426. package/components/Icon/images/wallet_default.svg.js.map +1 -1
  427. package/components/Icon/style.js +1 -1
  428. package/components/Icon/style.js.map +1 -1
  429. package/components/Icon/style.mjs +1 -1
  430. package/components/Icon/style.mjs.map +1 -1
  431. package/components/IconButton/IconButton.js +1 -1
  432. package/components/IconButton/IconButton.js.map +1 -1
  433. package/components/IconButton/IconButton.mjs +1 -1
  434. package/components/IconButton/IconButton.mjs.map +1 -1
  435. package/components/IconButton/sizes.js +1 -1
  436. package/components/IconButton/sizes.js.map +1 -1
  437. package/components/IconButton/sizes.mjs +1 -1
  438. package/components/IconButton/sizes.mjs.map +1 -1
  439. package/components/IconButton/style.js +1 -1
  440. package/components/IconButton/style.js.map +1 -1
  441. package/components/IconButton/style.mjs +1 -1
  442. package/components/IconButton/style.mjs.map +1 -1
  443. package/components/Indicator/Indicator.js +1 -1
  444. package/components/Indicator/Indicator.js.map +1 -1
  445. package/components/Indicator/Indicator.mjs +1 -1
  446. package/components/Indicator/Indicator.mjs.map +1 -1
  447. package/components/Indicator/constants.js +1 -1
  448. package/components/Indicator/constants.js.map +1 -1
  449. package/components/Indicator/constants.mjs +1 -1
  450. package/components/Indicator/constants.mjs.map +1 -1
  451. package/components/Indicator/style.js +1 -1
  452. package/components/Indicator/style.js.map +1 -1
  453. package/components/Indicator/style.mjs +1 -1
  454. package/components/Indicator/style.mjs.map +1 -1
  455. package/components/Input/Input.js +1 -1
  456. package/components/Input/Input.js.map +1 -1
  457. package/components/Input/Input.mjs +1 -1
  458. package/components/Input/Input.mjs.map +1 -1
  459. package/components/Input/style.js +1 -1
  460. package/components/Input/style.js.map +1 -1
  461. package/components/Input/style.mjs +1 -1
  462. package/components/Input/style.mjs.map +1 -1
  463. package/components/Input.Phone/Input.Phone.js.map +1 -1
  464. package/components/Input.Phone/Input.Phone.mjs.map +1 -1
  465. package/components/InputCheckbox/InputCheckbox.js +1 -1
  466. package/components/InputCheckbox/InputCheckbox.js.map +1 -1
  467. package/components/InputCheckbox/InputCheckbox.mjs +1 -1
  468. package/components/InputCheckbox/InputCheckbox.mjs.map +1 -1
  469. package/components/InputCheckbox/style.js +1 -1
  470. package/components/InputCheckbox/style.js.map +1 -1
  471. package/components/InputCheckbox/style.mjs +1 -1
  472. package/components/InputCheckbox/style.mjs.map +1 -1
  473. package/components/InputLabel/InputLabel.js +1 -1
  474. package/components/InputLabel/InputLabel.js.map +1 -1
  475. package/components/InputLabel/InputLabel.mjs +1 -1
  476. package/components/InputLabel/InputLabel.mjs.map +1 -1
  477. package/components/InputLabel/style.js +1 -1
  478. package/components/InputLabel/style.js.map +1 -1
  479. package/components/InputLabel/style.mjs +1 -1
  480. package/components/InputLabel/style.mjs.map +1 -1
  481. package/components/InputRadio/InputRadio.js +1 -1
  482. package/components/InputRadio/InputRadio.js.map +1 -1
  483. package/components/InputRadio/InputRadio.mjs +1 -1
  484. package/components/InputRadio/InputRadio.mjs.map +1 -1
  485. package/components/InputRadio/style.js +1 -1
  486. package/components/InputRadio/style.js.map +1 -1
  487. package/components/InputRadio/style.mjs +1 -1
  488. package/components/InputRadio/style.mjs.map +1 -1
  489. package/components/ListItem/ListItem.js +1 -1
  490. package/components/ListItem/ListItem.js.map +1 -1
  491. package/components/ListItem/ListItem.mjs +1 -1
  492. package/components/ListItem/ListItem.mjs.map +1 -1
  493. package/components/ListItem/sizes.js +2 -0
  494. package/components/ListItem/sizes.js.map +1 -0
  495. package/components/ListItem/sizes.mjs +2 -0
  496. package/components/ListItem/sizes.mjs.map +1 -0
  497. package/components/ListItem/style.js +1 -1
  498. package/components/ListItem/style.js.map +1 -1
  499. package/components/ListItem/style.mjs +1 -1
  500. package/components/ListItem/style.mjs.map +1 -1
  501. package/components/Media/Media.js +1 -1
  502. package/components/Media/Media.js.map +1 -1
  503. package/components/Media/Media.mjs +1 -1
  504. package/components/Media/Media.mjs.map +1 -1
  505. package/components/Media/MediaMatcher.js +1 -1
  506. package/components/Media/MediaMatcher.js.map +1 -1
  507. package/components/Media/MediaMatcher.mjs +1 -1
  508. package/components/Media/MediaMatcher.mjs.map +1 -1
  509. package/components/Media/MediaMatchers.js.map +1 -1
  510. package/components/Media/MediaMatchers.mjs.map +1 -1
  511. package/components/Media/context.js.map +1 -1
  512. package/components/Media/context.mjs.map +1 -1
  513. package/components/Media/useMediaConnector.js +1 -1
  514. package/components/Media/useMediaConnector.js.map +1 -1
  515. package/components/Media/useMediaConnector.mjs +1 -1
  516. package/components/Media/useMediaConnector.mjs.map +1 -1
  517. package/components/Menu/Menu.js +1 -1
  518. package/components/Menu/Menu.js.map +1 -1
  519. package/components/Menu/Menu.mjs +1 -1
  520. package/components/Menu/Menu.mjs.map +1 -1
  521. package/components/MenuComponent/MenuComponent.js +1 -1
  522. package/components/MenuComponent/MenuComponent.js.map +1 -1
  523. package/components/MenuComponent/MenuComponent.mjs +1 -1
  524. package/components/MenuComponent/MenuComponent.mjs.map +1 -1
  525. package/components/MenuComponent/style.js +1 -1
  526. package/components/MenuComponent/style.js.map +1 -1
  527. package/components/MenuComponent/style.mjs +1 -1
  528. package/components/MenuComponent/style.mjs.map +1 -1
  529. package/components/MenuContainer/MenuContainer.js +1 -1
  530. package/components/MenuContainer/MenuContainer.js.map +1 -1
  531. package/components/MenuContainer/MenuContainer.mjs +1 -1
  532. package/components/MenuContainer/MenuContainer.mjs.map +1 -1
  533. package/components/MenuDivider/MenuDivider.js +1 -1
  534. package/components/MenuDivider/MenuDivider.js.map +1 -1
  535. package/components/MenuDivider/MenuDivider.mjs +1 -1
  536. package/components/MenuDivider/MenuDivider.mjs.map +1 -1
  537. package/components/MenuDivider/style.js +1 -1
  538. package/components/MenuDivider/style.js.map +1 -1
  539. package/components/MenuDivider/style.mjs +1 -1
  540. package/components/MenuDivider/style.mjs.map +1 -1
  541. package/components/MenuList/MenuList.js +1 -1
  542. package/components/MenuList/MenuList.js.map +1 -1
  543. package/components/MenuList/MenuList.mjs +1 -1
  544. package/components/MenuList/MenuList.mjs.map +1 -1
  545. package/components/MenuList/style.js +1 -1
  546. package/components/MenuList/style.js.map +1 -1
  547. package/components/MenuList/style.mjs +1 -1
  548. package/components/MenuList/style.mjs.map +1 -1
  549. package/components/Modal/adapter.js.map +1 -1
  550. package/components/Modal/adapter.mjs.map +1 -1
  551. package/components/Modal/images/tinyCrossDefault.svg.js +1 -1
  552. package/components/Modal/images/tinyCrossDefault.svg.js.map +1 -1
  553. package/components/Modal/style.js +1 -1
  554. package/components/Modal/style.js.map +1 -1
  555. package/components/Modal/style.mjs +1 -1
  556. package/components/Modal/style.mjs.map +1 -1
  557. package/components/Notification/Notification.js +1 -1
  558. package/components/Notification/Notification.js.map +1 -1
  559. package/components/Notification/Notification.mjs +1 -1
  560. package/components/Notification/Notification.mjs.map +1 -1
  561. package/components/Notification/style.js +1 -1
  562. package/components/Notification/style.js.map +1 -1
  563. package/components/Notification/style.mjs +1 -1
  564. package/components/Notification/style.mjs.map +1 -1
  565. package/components/Paper/style.js +1 -1
  566. package/components/Paper/style.js.map +1 -1
  567. package/components/Paper/style.mjs +1 -1
  568. package/components/Paper/style.mjs.map +1 -1
  569. package/components/Popover/Popover.js +1 -1
  570. package/components/Popover/Popover.js.map +1 -1
  571. package/components/Popover/Popover.mjs +1 -1
  572. package/components/Popover/Popover.mjs.map +1 -1
  573. package/components/PopoverComponent/PopoverComponent.js +1 -1
  574. package/components/PopoverComponent/PopoverComponent.js.map +1 -1
  575. package/components/PopoverComponent/PopoverComponent.mjs +1 -1
  576. package/components/PopoverComponent/PopoverComponent.mjs.map +1 -1
  577. package/components/PopoverComponent/style.js +1 -1
  578. package/components/PopoverComponent/style.js.map +1 -1
  579. package/components/PopoverComponent/style.mjs +1 -1
  580. package/components/PopoverComponent/style.mjs.map +1 -1
  581. package/components/Progress/style.js +1 -1
  582. package/components/Progress/style.js.map +1 -1
  583. package/components/Progress/style.mjs +1 -1
  584. package/components/Progress/style.mjs.map +1 -1
  585. package/components/Progress.Circle/Progress.Circle.js.map +1 -1
  586. package/components/Progress.Circle/Progress.Circle.mjs.map +1 -1
  587. package/components/Progress.Circle/style.js +1 -1
  588. package/components/Progress.Circle/style.js.map +1 -1
  589. package/components/Progress.Circle/style.mjs +1 -1
  590. package/components/Progress.Circle/style.mjs.map +1 -1
  591. package/components/Progress.Segmented/Progress.Segmented.js +1 -1
  592. package/components/Progress.Segmented/Progress.Segmented.js.map +1 -1
  593. package/components/Progress.Segmented/Progress.Segmented.mjs +1 -1
  594. package/components/Progress.Segmented/Progress.Segmented.mjs.map +1 -1
  595. package/components/Progress.Segmented/style.js +1 -1
  596. package/components/Progress.Segmented/style.js.map +1 -1
  597. package/components/Progress.Segmented/style.mjs +1 -1
  598. package/components/Progress.Segmented/style.mjs.map +1 -1
  599. package/components/ProgressCircle/ProgressCircle.js +1 -1
  600. package/components/ProgressCircle/ProgressCircle.js.map +1 -1
  601. package/components/ProgressCircle/ProgressCircle.mjs +1 -1
  602. package/components/ProgressCircle/ProgressCircle.mjs.map +1 -1
  603. package/components/ProgressCircle/style.js +1 -1
  604. package/components/ProgressCircle/style.js.map +1 -1
  605. package/components/ProgressCircle/style.mjs +1 -1
  606. package/components/ProgressCircle/style.mjs.map +1 -1
  607. package/components/ProgressLine/ProgressLine.js +1 -1
  608. package/components/ProgressLine/ProgressLine.js.map +1 -1
  609. package/components/ProgressLine/ProgressLine.mjs +1 -1
  610. package/components/ProgressLine/ProgressLine.mjs.map +1 -1
  611. package/components/ProgressLine/style.js +1 -1
  612. package/components/ProgressLine/style.js.map +1 -1
  613. package/components/ProgressLine/style.mjs +1 -1
  614. package/components/ProgressLine/style.mjs.map +1 -1
  615. package/components/Radio/style.js +2 -2
  616. package/components/Radio/style.js.map +1 -1
  617. package/components/Radio/style.mjs +2 -2
  618. package/components/Radio/style.mjs.map +1 -1
  619. package/components/Scrollable/Scrollable.js.map +1 -1
  620. package/components/Scrollable/Scrollable.mjs.map +1 -1
  621. package/components/Section/style.js +1 -1
  622. package/components/Section/style.js.map +1 -1
  623. package/components/Section/style.mjs +1 -1
  624. package/components/Section/style.mjs.map +1 -1
  625. package/components/Select/style.js +1 -1
  626. package/components/Select/style.js.map +1 -1
  627. package/components/Select/style.mjs +1 -1
  628. package/components/Select/style.mjs.map +1 -1
  629. package/components/Separator/style.js +1 -1
  630. package/components/Separator/style.js.map +1 -1
  631. package/components/Separator/style.mjs +1 -1
  632. package/components/Separator/style.mjs.map +1 -1
  633. package/components/Skeleton/Skeleton.js +1 -1
  634. package/components/Skeleton/Skeleton.js.map +1 -1
  635. package/components/Skeleton/Skeleton.mjs +1 -1
  636. package/components/Skeleton/Skeleton.mjs.map +1 -1
  637. package/components/Skeleton/style.js +1 -1
  638. package/components/Skeleton/style.js.map +1 -1
  639. package/components/Skeleton/style.mjs +1 -1
  640. package/components/Skeleton/style.mjs.map +1 -1
  641. package/components/Slot/Slot.js +1 -1
  642. package/components/Slot/Slot.js.map +1 -1
  643. package/components/Slot/Slot.mjs +1 -1
  644. package/components/Slot/Slot.mjs.map +1 -1
  645. package/components/Spacer/style.js +1 -1
  646. package/components/Spacer/style.js.map +1 -1
  647. package/components/Spacer/style.mjs +1 -1
  648. package/components/Spacer/style.mjs.map +1 -1
  649. package/components/Spinner/style.js +1 -1
  650. package/components/Spinner/style.js.map +1 -1
  651. package/components/Spinner/style.mjs +1 -1
  652. package/components/Spinner/style.mjs.map +1 -1
  653. package/components/Switch/Knob.js +1 -1
  654. package/components/Switch/Knob.js.map +1 -1
  655. package/components/Switch/Knob.mjs +1 -1
  656. package/components/Switch/Knob.mjs.map +1 -1
  657. package/components/Switch/Switch.js +1 -1
  658. package/components/Switch/Switch.js.map +1 -1
  659. package/components/Switch/Switch.mjs +1 -1
  660. package/components/Switch/Switch.mjs.map +1 -1
  661. package/components/Switch/style.js +1 -1
  662. package/components/Switch/style.js.map +1 -1
  663. package/components/Switch/style.mjs +1 -1
  664. package/components/Switch/style.mjs.map +1 -1
  665. package/components/Switcher/Switcher.js +1 -1
  666. package/components/Switcher/Switcher.js.map +1 -1
  667. package/components/Switcher/Switcher.mjs +1 -1
  668. package/components/Switcher/Switcher.mjs.map +1 -1
  669. package/components/Switcher/style.js +1 -1
  670. package/components/Switcher/style.js.map +1 -1
  671. package/components/Switcher/style.mjs +1 -1
  672. package/components/Switcher/style.mjs.map +1 -1
  673. package/components/Tab/Tab.js +1 -1
  674. package/components/Tab/Tab.js.map +1 -1
  675. package/components/Tab/Tab.mjs +1 -1
  676. package/components/Tab/Tab.mjs.map +1 -1
  677. package/components/Tab/images/arrow.svg.js +1 -1
  678. package/components/Tab/images/arrow.svg.js.map +1 -1
  679. package/components/Tab/style.js +1 -1
  680. package/components/Tab/style.js.map +1 -1
  681. package/components/Tab/style.mjs +1 -1
  682. package/components/Tab/style.mjs.map +1 -1
  683. package/components/TabList/TabList.js +1 -1
  684. package/components/TabList/TabList.js.map +1 -1
  685. package/components/TabList/TabList.mjs +1 -1
  686. package/components/TabList/TabList.mjs.map +1 -1
  687. package/components/TabList/TabListMenuTab.js +1 -1
  688. package/components/TabList/TabListMenuTab.js.map +1 -1
  689. package/components/TabList/TabListMenuTab.mjs +1 -1
  690. package/components/TabList/TabListMenuTab.mjs.map +1 -1
  691. package/components/TabList/TabListPanel.js +1 -1
  692. package/components/TabList/TabListPanel.js.map +1 -1
  693. package/components/TabList/TabListPanel.mjs +1 -1
  694. package/components/TabList/TabListPanel.mjs.map +1 -1
  695. package/components/TabList/hooks.js +1 -1
  696. package/components/TabList/hooks.js.map +1 -1
  697. package/components/TabList/hooks.mjs +1 -1
  698. package/components/TabList/hooks.mjs.map +1 -1
  699. package/components/TabList/style.js +1 -1
  700. package/components/TabList/style.js.map +1 -1
  701. package/components/TabList/style.mjs +1 -1
  702. package/components/TabList/style.mjs.map +1 -1
  703. package/components/TabListTab/TabListTab.js +1 -1
  704. package/components/TabListTab/TabListTab.js.map +1 -1
  705. package/components/TabListTab/TabListTab.mjs +1 -1
  706. package/components/TabListTab/TabListTab.mjs.map +1 -1
  707. package/components/TabListTab/hooks.js.map +1 -1
  708. package/components/TabListTab/hooks.mjs.map +1 -1
  709. package/components/TabListTab/style.js +1 -1
  710. package/components/TabListTab/style.js.map +1 -1
  711. package/components/TabListTab/style.mjs +1 -1
  712. package/components/TabListTab/style.mjs.map +1 -1
  713. package/components/Tabs/style.js +1 -1
  714. package/components/Tabs/style.js.map +1 -1
  715. package/components/Tabs/style.mjs +1 -1
  716. package/components/Tabs/style.mjs.map +1 -1
  717. package/components/Tag/style.js +1 -1
  718. package/components/Tag/style.js.map +1 -1
  719. package/components/Tag/style.mjs +1 -1
  720. package/components/Tag/style.mjs.map +1 -1
  721. package/components/Text/Ellipsis.js +1 -1
  722. package/components/Text/Ellipsis.js.map +1 -1
  723. package/components/Text/Ellipsis.mjs +1 -1
  724. package/components/Text/Ellipsis.mjs.map +1 -1
  725. package/components/Text/Text.js +1 -1
  726. package/components/Text/Text.js.map +1 -1
  727. package/components/Text/Text.mjs +1 -1
  728. package/components/Text/Text.mjs.map +1 -1
  729. package/components/Text/style.js +1 -1
  730. package/components/Text/style.js.map +1 -1
  731. package/components/Text/style.mjs +1 -1
  732. package/components/Text/style.mjs.map +1 -1
  733. package/components/Text.Ellipse/Text.Ellipse.js +1 -1
  734. package/components/Text.Ellipse/Text.Ellipse.js.map +1 -1
  735. package/components/Text.Ellipse/Text.Ellipse.mjs +1 -1
  736. package/components/Text.Ellipse/Text.Ellipse.mjs.map +1 -1
  737. package/components/Text.Heading/Text.Heading.js.map +1 -1
  738. package/components/Text.Heading/Text.Heading.mjs.map +1 -1
  739. package/components/Textarea/Textarea.js +1 -1
  740. package/components/Textarea/Textarea.js.map +1 -1
  741. package/components/Textarea/Textarea.mjs +1 -1
  742. package/components/Textarea/Textarea.mjs.map +1 -1
  743. package/components/Textarea/style.js +1 -1
  744. package/components/Textarea/style.js.map +1 -1
  745. package/components/Textarea/style.mjs +1 -1
  746. package/components/Textarea/style.mjs.map +1 -1
  747. package/components/Tooltip/Tooltip.js +1 -1
  748. package/components/Tooltip/Tooltip.js.map +1 -1
  749. package/components/Tooltip/Tooltip.mjs +1 -1
  750. package/components/Tooltip/Tooltip.mjs.map +1 -1
  751. package/components/Tooltip/TooltipWrapper.js +1 -1
  752. package/components/Tooltip/TooltipWrapper.js.map +1 -1
  753. package/components/Tooltip/TooltipWrapper.mjs +1 -1
  754. package/components/Tooltip/TooltipWrapper.mjs.map +1 -1
  755. package/components/TooltipComponent/TooltipComponent.js +1 -1
  756. package/components/TooltipComponent/TooltipComponent.js.map +1 -1
  757. package/components/TooltipComponent/TooltipComponent.mjs +1 -1
  758. package/components/TooltipComponent/TooltipComponent.mjs.map +1 -1
  759. package/components/TooltipComponent/sizes.js +2 -0
  760. package/components/TooltipComponent/sizes.js.map +1 -0
  761. package/components/TooltipComponent/sizes.mjs +2 -0
  762. package/components/TooltipComponent/sizes.mjs.map +1 -0
  763. package/components/TooltipComponent/style.js +1 -1
  764. package/components/TooltipComponent/style.js.map +1 -1
  765. package/components/TooltipComponent/style.mjs +1 -1
  766. package/components/TooltipComponent/style.mjs.map +1 -1
  767. package/dts/index.d.ts +833 -460
  768. package/hocs/withMergedProps.js +1 -1
  769. package/hocs/withMergedProps.js.map +1 -1
  770. package/hocs/withMergedProps.mjs +1 -1
  771. package/hocs/withMergedProps.mjs.map +1 -1
  772. package/hocs/withTranslation.js +1 -1
  773. package/hocs/withTranslation.js.map +1 -1
  774. package/hocs/withTranslation.mjs +1 -1
  775. package/hocs/withTranslation.mjs.map +1 -1
  776. package/hooks/use-config-priority.js +1 -1
  777. package/hooks/use-config-priority.js.map +1 -1
  778. package/hooks/use-config-priority.mjs +1 -1
  779. package/hooks/use-config-priority.mjs.map +1 -1
  780. package/hooks/useClickOutside.js +1 -1
  781. package/hooks/useClickOutside.js.map +1 -1
  782. package/hooks/useClickOutside.mjs +1 -1
  783. package/hooks/useClickOutside.mjs.map +1 -1
  784. package/hooks/useFloaterPortal.js +1 -1
  785. package/hooks/useFloaterPortal.js.map +1 -1
  786. package/hooks/useFloaterPortal.mjs +1 -1
  787. package/hooks/useFloaterPortal.mjs.map +1 -1
  788. package/hooks/useKeyboardListener.js +1 -1
  789. package/hooks/useKeyboardListener.js.map +1 -1
  790. package/hooks/useKeyboardListener.mjs +1 -1
  791. package/hooks/useKeyboardListener.mjs.map +1 -1
  792. package/hooks/useMergedPalette.js +1 -1
  793. package/hooks/useMergedPalette.js.map +1 -1
  794. package/hooks/useMergedPalette.mjs +1 -1
  795. package/hooks/useMergedPalette.mjs.map +1 -1
  796. package/hooks/useMergedProps.js +1 -1
  797. package/hooks/useMergedProps.js.map +1 -1
  798. package/hooks/useMergedProps.mjs +1 -1
  799. package/hooks/useMergedProps.mjs.map +1 -1
  800. package/hooks/useMountedStatus.js +1 -1
  801. package/hooks/useMountedStatus.js.map +1 -1
  802. package/hooks/useMountedStatus.mjs +1 -1
  803. package/hooks/useMountedStatus.mjs.map +1 -1
  804. package/hooks/useResizable.js +1 -1
  805. package/hooks/useResizable.js.map +1 -1
  806. package/hooks/useResizable.mjs +1 -1
  807. package/hooks/useResizable.mjs.map +1 -1
  808. package/hooks/useResizeObserver.js +1 -1
  809. package/hooks/useResizeObserver.js.map +1 -1
  810. package/hooks/useResizeObserver.mjs +1 -1
  811. package/hooks/useResizeObserver.mjs.map +1 -1
  812. package/hooks/useScrollLock.js +1 -1
  813. package/hooks/useScrollLock.js.map +1 -1
  814. package/hooks/useScrollLock.mjs +1 -1
  815. package/hooks/useScrollLock.mjs.map +1 -1
  816. package/hooks/useScrollMonitor.js +1 -1
  817. package/hooks/useScrollMonitor.js.map +1 -1
  818. package/hooks/useScrollMonitor.mjs +1 -1
  819. package/hooks/useScrollMonitor.mjs.map +1 -1
  820. package/hooks/useScrollThresholds.js +1 -1
  821. package/hooks/useScrollThresholds.js.map +1 -1
  822. package/hooks/useScrollThresholds.mjs +1 -1
  823. package/hooks/useScrollThresholds.mjs.map +1 -1
  824. package/icon-pack/src/icons/ArrowUp/index.js +1 -1
  825. package/icon-pack/src/icons/ArrowUp/index.js.map +1 -1
  826. package/icon-pack/src/icons/ArrowUp/index.mjs +1 -1
  827. package/icon-pack/src/icons/ArrowUp/index.mjs.map +1 -1
  828. package/icon-pack/src/icons/CheckCircleFill/index.js +1 -1
  829. package/icon-pack/src/icons/CheckCircleFill/index.js.map +1 -1
  830. package/icon-pack/src/icons/CheckCircleFill/index.mjs +1 -1
  831. package/icon-pack/src/icons/CheckCircleFill/index.mjs.map +1 -1
  832. package/icon-pack/src/icons/CheckFill/index.js +1 -1
  833. package/icon-pack/src/icons/CheckFill/index.js.map +1 -1
  834. package/icon-pack/src/icons/CheckFill/index.mjs +1 -1
  835. package/icon-pack/src/icons/CheckFill/index.mjs.map +1 -1
  836. package/icon-pack/src/icons/ChevronDown/index.js +1 -1
  837. package/icon-pack/src/icons/ChevronDown/index.js.map +1 -1
  838. package/icon-pack/src/icons/ChevronDown/index.mjs +1 -1
  839. package/icon-pack/src/icons/ChevronDown/index.mjs.map +1 -1
  840. package/icon-pack/src/icons/ChevronLeft/index.js +1 -1
  841. package/icon-pack/src/icons/ChevronLeft/index.js.map +1 -1
  842. package/icon-pack/src/icons/ChevronLeft/index.mjs +1 -1
  843. package/icon-pack/src/icons/ChevronLeft/index.mjs.map +1 -1
  844. package/icon-pack/src/icons/ChevronRight/index.js +1 -1
  845. package/icon-pack/src/icons/ChevronRight/index.js.map +1 -1
  846. package/icon-pack/src/icons/ChevronRight/index.mjs +1 -1
  847. package/icon-pack/src/icons/ChevronRight/index.mjs.map +1 -1
  848. package/icon-pack/src/icons/Close/index.js +1 -1
  849. package/icon-pack/src/icons/Close/index.js.map +1 -1
  850. package/icon-pack/src/icons/Close/index.mjs +1 -1
  851. package/icon-pack/src/icons/Close/index.mjs.map +1 -1
  852. package/icon-pack/src/icons/CloseCirlceFill/index.js +1 -1
  853. package/icon-pack/src/icons/CloseCirlceFill/index.js.map +1 -1
  854. package/icon-pack/src/icons/CloseCirlceFill/index.mjs +1 -1
  855. package/icon-pack/src/icons/CloseCirlceFill/index.mjs.map +1 -1
  856. package/icon-pack/src/icons/HelpCircle/index.js +1 -1
  857. package/icon-pack/src/icons/HelpCircle/index.js.map +1 -1
  858. package/icon-pack/src/icons/HelpCircle/index.mjs +1 -1
  859. package/icon-pack/src/icons/HelpCircle/index.mjs.map +1 -1
  860. package/icon-pack/src/icons/InfoCircle/index.js +1 -1
  861. package/icon-pack/src/icons/InfoCircle/index.js.map +1 -1
  862. package/icon-pack/src/icons/InfoCircle/index.mjs +1 -1
  863. package/icon-pack/src/icons/InfoCircle/index.mjs.map +1 -1
  864. package/icon-pack/src/icons/LoaderFill/index.js +1 -1
  865. package/icon-pack/src/icons/LoaderFill/index.js.map +1 -1
  866. package/icon-pack/src/icons/LoaderFill/index.mjs +1 -1
  867. package/icon-pack/src/icons/LoaderFill/index.mjs.map +1 -1
  868. package/icon-pack/src/icons/Minus/index.js +1 -1
  869. package/icon-pack/src/icons/Minus/index.js.map +1 -1
  870. package/icon-pack/src/icons/Minus/index.mjs +1 -1
  871. package/icon-pack/src/icons/Minus/index.mjs.map +1 -1
  872. package/icon-pack/src/icons/MinusFill/index.js +1 -1
  873. package/icon-pack/src/icons/MinusFill/index.js.map +1 -1
  874. package/icon-pack/src/icons/MinusFill/index.mjs +1 -1
  875. package/icon-pack/src/icons/MinusFill/index.mjs.map +1 -1
  876. package/icon-pack/src/icons/NotifFill/index.js +1 -1
  877. package/icon-pack/src/icons/NotifFill/index.js.map +1 -1
  878. package/icon-pack/src/icons/NotifFill/index.mjs +1 -1
  879. package/icon-pack/src/icons/NotifFill/index.mjs.map +1 -1
  880. package/icon-pack/src/icons/Plus/index.js +1 -1
  881. package/icon-pack/src/icons/Plus/index.js.map +1 -1
  882. package/icon-pack/src/icons/Plus/index.mjs +1 -1
  883. package/icon-pack/src/icons/Plus/index.mjs.map +1 -1
  884. package/icon-pack/src/icons/PlusLarge/index.js +1 -1
  885. package/icon-pack/src/icons/PlusLarge/index.js.map +1 -1
  886. package/icon-pack/src/icons/PlusLarge/index.mjs +1 -1
  887. package/icon-pack/src/icons/PlusLarge/index.mjs.map +1 -1
  888. package/icon-pack/src/icons/Redo/index.js +1 -1
  889. package/icon-pack/src/icons/Redo/index.js.map +1 -1
  890. package/icon-pack/src/icons/Redo/index.mjs +1 -1
  891. package/icon-pack/src/icons/Redo/index.mjs.map +1 -1
  892. package/icon-pack/src/icons/ResizeHandle/index.js +1 -1
  893. package/icon-pack/src/icons/ResizeHandle/index.js.map +1 -1
  894. package/icon-pack/src/icons/ResizeHandle/index.mjs +1 -1
  895. package/icon-pack/src/icons/ResizeHandle/index.mjs.map +1 -1
  896. package/icon-pack/src/icons/StarFill/index.js +1 -1
  897. package/icon-pack/src/icons/StarFill/index.js.map +1 -1
  898. package/icon-pack/src/icons/StarFill/index.mjs +1 -1
  899. package/icon-pack/src/icons/StarFill/index.mjs.map +1 -1
  900. package/icon-pack/src/icons/WarningTriangleFill/index.js +1 -1
  901. package/icon-pack/src/icons/WarningTriangleFill/index.js.map +1 -1
  902. package/icon-pack/src/icons/WarningTriangleFill/index.mjs +1 -1
  903. package/icon-pack/src/icons/WarningTriangleFill/index.mjs.map +1 -1
  904. package/mixins/color.js.map +1 -1
  905. package/mixins/color.mjs.map +1 -1
  906. package/mixins/create-responsive-props.js +1 -1
  907. package/mixins/create-responsive-props.js.map +1 -1
  908. package/mixins/create-responsive-props.mjs +1 -1
  909. package/mixins/create-responsive-props.mjs.map +1 -1
  910. package/mixins/focus.js +1 -1
  911. package/mixins/focus.js.map +1 -1
  912. package/mixins/focus.mjs +1 -1
  913. package/mixins/focus.mjs.map +1 -1
  914. package/mixins/responsive-layout.js +1 -1
  915. package/mixins/responsive-layout.js.map +1 -1
  916. package/mixins/responsive-layout.mjs +1 -1
  917. package/mixins/responsive-layout.mjs.map +1 -1
  918. package/mixins/responsive-margin.js +1 -1
  919. package/mixins/responsive-margin.js.map +1 -1
  920. package/mixins/responsive-margin.mjs +1 -1
  921. package/mixins/responsive-margin.mjs.map +1 -1
  922. package/mixins/responsive-position.js +1 -1
  923. package/mixins/responsive-position.js.map +1 -1
  924. package/mixins/responsive-position.mjs +1 -1
  925. package/mixins/responsive-position.mjs.map +1 -1
  926. package/mixins/responsive-property.js +1 -1
  927. package/mixins/responsive-property.js.map +1 -1
  928. package/mixins/responsive-property.mjs +1 -1
  929. package/mixins/responsive-property.mjs.map +1 -1
  930. package/mixins/responsive-size.js +1 -1
  931. package/mixins/responsive-size.js.map +1 -1
  932. package/mixins/responsive-size.mjs +1 -1
  933. package/mixins/responsive-size.mjs.map +1 -1
  934. package/mixins/screen.js.map +1 -1
  935. package/mixins/screen.mjs.map +1 -1
  936. package/mixins/shared.js +1 -1
  937. package/mixins/shared.js.map +1 -1
  938. package/mixins/shared.mjs +1 -1
  939. package/mixins/shared.mjs.map +1 -1
  940. package/package.json +2 -2
  941. package/shared/resize-observer.js +1 -1
  942. package/shared/resize-observer.js.map +1 -1
  943. package/shared/resize-observer.mjs +1 -1
  944. package/shared/resize-observer.mjs.map +1 -1
  945. package/shared/utils/Observable.js +1 -1
  946. package/shared/utils/Observable.js.map +1 -1
  947. package/shared/utils/Observable.mjs +1 -1
  948. package/shared/utils/Observable.mjs.map +1 -1
  949. package/shared/utils/colors.js +1 -1
  950. package/shared/utils/colors.js.map +1 -1
  951. package/shared/utils/colors.mjs +1 -1
  952. package/shared/utils/colors.mjs.map +1 -1
  953. package/shared/utils/createPolymorphicComponentWithRef.js +2 -0
  954. package/shared/utils/createPolymorphicComponentWithRef.js.map +1 -0
  955. package/shared/utils/createPolymorphicComponentWithRef.mjs +2 -0
  956. package/shared/utils/createPolymorphicComponentWithRef.mjs.map +1 -0
  957. package/shared/utils/dom.js +1 -1
  958. package/shared/utils/dom.js.map +1 -1
  959. package/shared/utils/dom.mjs +1 -1
  960. package/shared/utils/dom.mjs.map +1 -1
  961. package/shared/utils/getDomTargets.js +1 -1
  962. package/shared/utils/getDomTargets.js.map +1 -1
  963. package/shared/utils/getDomTargets.mjs +1 -1
  964. package/shared/utils/getDomTargets.mjs.map +1 -1
  965. package/shared/utils/getProgressPercent.js.map +1 -1
  966. package/shared/utils/getProgressPercent.mjs.map +1 -1
  967. package/shared/utils/misc.js +1 -1
  968. package/shared/utils/misc.js.map +1 -1
  969. package/shared/utils/misc.mjs +1 -1
  970. package/shared/utils/misc.mjs.map +1 -1
  971. package/shared/utils/react.js +1 -1
  972. package/shared/utils/react.js.map +1 -1
  973. package/shared/utils/react.mjs +1 -1
  974. package/shared/utils/react.mjs.map +1 -1
  975. package/shared/utils/style.js +1 -1
  976. package/shared/utils/style.js.map +1 -1
  977. package/shared/utils/style.mjs +1 -1
  978. package/shared/utils/style.mjs.map +1 -1
  979. package/theme/global-styled.js +1 -1
  980. package/theme/global-styled.js.map +1 -1
  981. package/theme/global-styled.mjs +1 -1
  982. package/theme/global-styled.mjs.map +1 -1
  983. package/theme/theme-provider.js +1 -1
  984. package/theme/theme-provider.js.map +1 -1
  985. package/theme/theme-provider.mjs +1 -1
  986. package/theme/theme-provider.mjs.map +1 -1
  987. package/components/Chip/constants.js +0 -2
  988. package/components/Chip/constants.js.map +0 -1
  989. package/components/Chip/constants.mjs +0 -2
  990. package/components/Chip/constants.mjs.map +0 -1
  991. package/components/ListItem/constants.js +0 -2
  992. package/components/ListItem/constants.js.map +0 -1
  993. package/components/ListItem/constants.mjs +0 -2
  994. package/components/ListItem/constants.mjs.map +0 -1
  995. package/components/TooltipComponent/constants.js +0 -2
  996. package/components/TooltipComponent/constants.js.map +0 -1
  997. package/components/TooltipComponent/constants.mjs +0 -2
  998. package/components/TooltipComponent/constants.mjs.map +0 -1
  999. package/shared/utils/polymorphic.js +0 -2
  1000. package/shared/utils/polymorphic.js.map +0 -1
  1001. package/shared/utils/polymorphic.mjs +0 -2
  1002. package/shared/utils/polymorphic.mjs.map +0 -1
package/components/ListItem/style.js CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardListItemProp=style.createShouldForwardProp((o=>!['danger','success','active','onColored','mediaBorderRadius','borderRadius'].includes(o)));const Media=styled__default.default.span.withConfig({displayName:"ListItem__Media",componentId:"ui__sc-1a62xqm-0"})(["box-sizing:border-box;flex-shrink:0;width:2.2em;height:2.2em;& > *{box-sizing:border-box;width:100%;height:100%;}"]);const template=o=>`\n color: ${o.color};\n background-color: ${o.backgroundColor};\n ${hover.hover(`\n color: ${o.colorHover};\n background-color: ${o.backgroundColorHover};\n `)}\n\n & ${Media} img {\n background-color: ${o.mediaPlaceholderColor};\n }\n`;const COLOR_SCHEMA={onColored:{danger:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))},success:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))},secondary:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))},primary:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))}},default:{danger:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},success:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},secondary:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},primary:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}}};const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardListItemProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,padding:'0.4em 0.8em'})}).withConfig({displayName:"ListItem__Root",componentId:"ui__sc-1a62xqm-1"})([""," "," "," "," ",""],(o=>`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n isolation: isolate;\n position: relative;\n cursor: ${o.disabled?'not-allowed':'pointer'};\n border-radius: ${typeof o.borderRadius=='string'?o.borderRadius:`${o.borderRadius}px`};\n border: none;\n text-decoration: none;\n appearance: none;\n text-align: start;\n width: 100%;\n min-width: min-content;\n transition-property: background-color;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n\n & ${Media} {\n border-radius: ${typeof o.mediaBorderRadius=='string'?o.mediaBorderRadius:`${o.mediaBorderRadius}px`};\n }\n\n & > *:not(:last-child) {\n margin-right: 12px;\n }\n `),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;let r=e.primary;return o.secondary&&(r=e.secondary),o.success&&(r=e.success),o.danger&&(r=e.danger),o.disabled?r.disabled:o.active?r.active:r.default}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Content=styled__default.default.span.withConfig({displayName:"ListItem__Content",componentId:"ui__sc-1a62xqm-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;"]);const Img=styled__default.default.img.withConfig({displayName:"ListItem__Img",componentId:"ui__sc-1a62xqm-3"})(["box-sizing:border-box;border-radius:inherit;object-fit:contain;"]);exports.Content=Content,exports.Img=Img,exports.Media=Media,exports.Root=Root;
1
+ 'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardListItemProp=style.createShouldForwardProp(o=>!['danger','success','active','contrast','borderRadius','loading'].includes(o));const template=o=>`\n color: ${o.color};\n background-color: ${o.backgroundColor};\n ${hover.hover(`\n color: ${o.colorHover};\n background-color: ${o.backgroundColorHover};\n `)}\n`;const COLOR_SCHEMA={contrast:{danger:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:styled.css(["",""],o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],...o.palette}))},success:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:styled.css(["",""],o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],...o.palette}))},secondary:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:styled.css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],...o.palette}))},primary:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:styled.css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],...o.palette}))}},default:{danger:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:styled.css(["",""],o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],...o.palette}))},success:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:styled.css(["",""],o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],...o.palette}))},secondary:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:styled.css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],...o.palette}))},primary:{disabled:styled.css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:styled.css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],...o.palette})),default:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],...o.palette}))}}};const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardListItemProp}).withConfig({displayName:"ListItem__Root",componentId:"ui__sc-1a62xqm-0"})([""," "," "," "," ",""],o=>{let e='default';return o.as==='button'&&(e='pointer'),o.as==='button'&&o.disabled&&(e='not-allowed'),o.loading&&(e='wait'),`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n isolation: isolate;\n position: relative;\n cursor: ${o.disabled?'not-allowed':'pointer'};\n border-radius: ${o.borderRadius}px;\n cursor: ${e};\n border: none;\n text-decoration: none;\n appearance: none;\n margin: 0;\n transition-property: background-color;\n transition-duration: 250ms;\n\n & > *:not(:first-child) {\n margin-left: var(--list-item-gap);\n }\n `},o=>{const e=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;let r=e.primary;return o.secondary&&(r=e.secondary),o.success&&(r=e.success),o.danger&&(r=e.danger),o.disabled?r.disabled:o.active?r.active:r.default},focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Content=styled__default.default.span.withConfig({displayName:"ListItem__Content",componentId:"ui__sc-1a62xqm-1"})(["box-sizing:border-box;flex-grow:1;"]);exports.Content=Content,exports.Root=Root;
2
2
  //# sourceMappingURL=style.js.map
package/components/ListItem/style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.js","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { hover } from 'mixins/hover'\nimport type { StyledListItemProps, ListItemPalette } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n (propKey) => !['danger', 'success', 'active', 'onColored', 'mediaBorderRadius', 'borderRadius'].includes(propKey)\n)\n\nexport const Media = styled.span`\n box-sizing: border-box;\n flex-shrink: 0;\n width: 2.2em;\n height: 2.2em;\n\n & > * {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n }\n`\n\nconst template = (palette: ListItemPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n ${hover(`\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n `)}\n\n & ${Media} img {\n background-color: ${palette.mediaPlaceholderColor};\n }\n`\n\nconst COLOR_SCHEMA = {\n onColored: {\n danger: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors['alert-bg-error-100'],\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n success: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-success'],\n backgroundColor: props.theme.colors['alert-bg-success-100'],\n colorHover: props.theme.colors['alert-success'],\n backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n secondary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n primary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n },\n default: {\n danger: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors['alert-bg-error-100'],\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n success: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-success'],\n backgroundColor: props.theme.colors['alert-bg-success-100'],\n colorHover: props.theme.colors['alert-success'],\n backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-success'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['alert-success'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n secondary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n primary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n },\n}\n\nexport const Root = styled.button\n .withConfig<StyledListItemProps>({\n shouldForwardProp: shouldForwardListItemProp,\n })\n .attrs<StyledListItemProps>(<Required<Pick<StyledListItemProps, 'dynamicSizeDeclaration'>>>{\n dynamicSizeDeclaration: (size, sizeUnits) => ({\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n padding: '0.4em 0.8em',\n }),\n })`\n ${(props) => `\n box-sizing: border-box;\n display: flex;\n align-items: center;\n isolation: isolate;\n position: relative;\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n border-radius: ${typeof props.borderRadius === 'string' ? props.borderRadius : `${props.borderRadius}px`};\n border: none;\n text-decoration: none;\n appearance: none;\n text-align: start;\n width: 100%;\n min-width: min-content;\n transition-property: background-color;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n\n & ${Media} {\n border-radius: ${\n typeof props.mediaBorderRadius === 'string' ? props.mediaBorderRadius : `${props.mediaBorderRadius}px`\n };\n }\n\n & > *:not(:last-child) {\n margin-right: 12px;\n }\n `}\n\n ${(props) => {\n const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.success) schemaVariant = schema.success\n if (props.danger) schemaVariant = schema.danger\n\n if (props.disabled) return schemaVariant.disabled\n if (props.active) return schemaVariant.active\n\n return schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n`\n\nexport const Img = styled.img`\n box-sizing: border-box;\n border-radius: inherit;\n object-fit: contain;\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","Media","styled","span","withConfig","displayName","componentId","template","palette","color","backgroundColor","hover","colorHover","backgroundColorHover","mediaPlaceholderColor","COLOR_SCHEMA","onColored","danger","disabled","css","props","theme","colors","transparent","active","default","success","secondary","primary","Root","button","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","mediaBorderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","Img","img"],"mappings":"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"}
1
+ {"version":3,"file":"style.js","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { hover } from 'mixins/hover'\nimport type { StyledListItemProps, ListItemPalette } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n (propKey) => !['danger', 'success', 'active', 'contrast', 'borderRadius', 'loading'].includes(propKey)\n)\n\nconst template = (palette: ListItemPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n ${hover(`\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n `)}\n`\n\nconst COLOR_SCHEMA = {\n contrast: {\n danger: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors['alert-bg-error-100'],\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n success: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-success'],\n backgroundColor: props.theme.colors['alert-bg-success-100'],\n colorHover: props.theme.colors['alert-success'],\n backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n secondary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n primary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n },\n default: {\n danger: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors['alert-bg-error-100'],\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n success: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-success'],\n backgroundColor: props.theme.colors['alert-bg-success-100'],\n colorHover: props.theme.colors['alert-success'],\n backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-success'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['alert-success'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n secondary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n primary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n },\n}\n\nexport const Root = styled.button.withConfig<StyledListItemProps>({\n shouldForwardProp: shouldForwardListItemProp,\n})`\n ${(props) => {\n let cursor = 'default'\n\n if (props.as === 'button') cursor = 'pointer'\n if (props.as === 'button' && props.disabled) cursor = 'not-allowed'\n if (props.loading) cursor = 'wait'\n\n return `\n box-sizing: border-box;\n display: flex;\n align-items: center;\n isolation: isolate;\n position: relative;\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n border-radius: ${props.borderRadius}px;\n cursor: ${cursor};\n border: none;\n text-decoration: none;\n appearance: none;\n margin: 0;\n transition-property: background-color;\n transition-duration: 250ms;\n\n & > *:not(:first-child) {\n margin-left: var(--list-item-gap);\n }\n `\n }}\n\n ${(props) => {\n const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.success) schemaVariant = schema.success\n if (props.danger) schemaVariant = schema.danger\n\n if (props.disabled) return schemaVariant.disabled\n if (props.active) return schemaVariant.active\n\n return schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n box-sizing: border-box;\n flex-grow: 1;\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","hover","colorHover","backgroundColorHover","COLOR_SCHEMA","contrast","danger","disabled","css","props","theme","colors","transparent","active","default","success","secondary","primary","Root","styled","button","withConfig","shouldForwardProp","displayName","componentId","cursor","as","loading","borderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","span"],"mappings":"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"}
package/components/ListItem/style.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import styled,{css}from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardListItemProp=createShouldForwardProp((o=>!['danger','success','active','onColored','mediaBorderRadius','borderRadius'].includes(o)));const Media=styled.span.withConfig({displayName:"ListItem__Media",componentId:"ui__sc-1a62xqm-0"})(["box-sizing:border-box;flex-shrink:0;width:2.2em;height:2.2em;& > *{box-sizing:border-box;width:100%;height:100%;}"]);const template=o=>`\n color: ${o.color};\n background-color: ${o.backgroundColor};\n ${hover(`\n color: ${o.colorHover};\n background-color: ${o.backgroundColorHover};\n `)}\n\n & ${Media} img {\n background-color: ${o.mediaPlaceholderColor};\n }\n`;const COLOR_SCHEMA={onColored:{danger:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))},success:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))},secondary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))},primary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))}},default:{danger:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},success:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},secondary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},primary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardListItemProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,padding:'0.4em 0.8em'})}).withConfig({displayName:"ListItem__Root",componentId:"ui__sc-1a62xqm-1"})([""," "," "," "," ",""],(o=>`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n isolation: isolate;\n position: relative;\n cursor: ${o.disabled?'not-allowed':'pointer'};\n border-radius: ${typeof o.borderRadius=='string'?o.borderRadius:`${o.borderRadius}px`};\n border: none;\n text-decoration: none;\n appearance: none;\n text-align: start;\n width: 100%;\n min-width: min-content;\n transition-property: background-color;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n\n & ${Media} {\n border-radius: ${typeof o.mediaBorderRadius=='string'?o.mediaBorderRadius:`${o.mediaBorderRadius}px`};\n }\n\n & > *:not(:last-child) {\n margin-right: 12px;\n }\n `),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;let r=e.primary;return o.secondary&&(r=e.secondary),o.success&&(r=e.success),o.danger&&(r=e.danger),o.disabled?r.disabled:o.active?r.active:r.default}),focus,responsiveSize,responsiveMargin);const Content=styled.span.withConfig({displayName:"ListItem__Content",componentId:"ui__sc-1a62xqm-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;"]);const Img=styled.img.withConfig({displayName:"ListItem__Img",componentId:"ui__sc-1a62xqm-3"})(["box-sizing:border-box;border-radius:inherit;object-fit:contain;"]);export{Content,Img,Media,Root};
1
+ import styled,{css}from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardListItemProp=createShouldForwardProp(o=>!['danger','success','active','contrast','borderRadius','loading'].includes(o));const template=o=>`\n color: ${o.color};\n background-color: ${o.backgroundColor};\n ${hover(`\n color: ${o.colorHover};\n background-color: ${o.backgroundColorHover};\n `)}\n`;const COLOR_SCHEMA={contrast:{danger:{disabled:css(["",""],o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],...o.palette}))},success:{disabled:css(["",""],o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],...o.palette}))},secondary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],...o.palette}))},primary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],...o.palette}))}},default:{danger:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],...o.palette}))},success:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],...o.palette}))},secondary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],...o.palette}))},primary:{disabled:css(["",""],o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,...o.palette})),active:css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],...o.palette}))}}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardListItemProp}).withConfig({displayName:"ListItem__Root",componentId:"ui__sc-1a62xqm-0"})([""," "," "," "," ",""],o=>{let r='default';return o.as==='button'&&(r='pointer'),o.as==='button'&&o.disabled&&(r='not-allowed'),o.loading&&(r='wait'),`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n isolation: isolate;\n position: relative;\n cursor: ${o.disabled?'not-allowed':'pointer'};\n border-radius: ${o.borderRadius}px;\n cursor: ${r};\n border: none;\n text-decoration: none;\n appearance: none;\n margin: 0;\n transition-property: background-color;\n transition-duration: 250ms;\n\n & > *:not(:first-child) {\n margin-left: var(--list-item-gap);\n }\n `},o=>{const r=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;let e=r.primary;return o.secondary&&(e=r.secondary),o.success&&(e=r.success),o.danger&&(e=r.danger),o.disabled?e.disabled:o.active?e.active:e.default},focus,responsiveSize,responsiveMargin);const Content=styled.span.withConfig({displayName:"ListItem__Content",componentId:"ui__sc-1a62xqm-1"})(["box-sizing:border-box;flex-grow:1;"]);export{Content,Root};
2
2
  //# sourceMappingURL=style.mjs.map
package/components/ListItem/style.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.mjs","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { hover } from 'mixins/hover'\nimport type { StyledListItemProps, ListItemPalette } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n (propKey) => !['danger', 'success', 'active', 'onColored', 'mediaBorderRadius', 'borderRadius'].includes(propKey)\n)\n\nexport const Media = styled.span`\n box-sizing: border-box;\n flex-shrink: 0;\n width: 2.2em;\n height: 2.2em;\n\n & > * {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n }\n`\n\nconst template = (palette: ListItemPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n ${hover(`\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n `)}\n\n & ${Media} img {\n background-color: ${palette.mediaPlaceholderColor};\n }\n`\n\nconst COLOR_SCHEMA = {\n onColored: {\n danger: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors['alert-bg-error-100'],\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n success: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-success'],\n backgroundColor: props.theme.colors['alert-bg-success-100'],\n colorHover: props.theme.colors['alert-success'],\n backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n secondary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n primary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n },\n default: {\n danger: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors['alert-bg-error-100'],\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n success: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-success'],\n backgroundColor: props.theme.colors['alert-bg-success-100'],\n colorHover: props.theme.colors['alert-success'],\n backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-success'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['alert-success'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n secondary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n primary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n },\n}\n\nexport const Root = styled.button\n .withConfig<StyledListItemProps>({\n shouldForwardProp: shouldForwardListItemProp,\n })\n .attrs<StyledListItemProps>(<Required<Pick<StyledListItemProps, 'dynamicSizeDeclaration'>>>{\n dynamicSizeDeclaration: (size, sizeUnits) => ({\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n padding: '0.4em 0.8em',\n }),\n })`\n ${(props) => `\n box-sizing: border-box;\n display: flex;\n align-items: center;\n isolation: isolate;\n position: relative;\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n border-radius: ${typeof props.borderRadius === 'string' ? props.borderRadius : `${props.borderRadius}px`};\n border: none;\n text-decoration: none;\n appearance: none;\n text-align: start;\n width: 100%;\n min-width: min-content;\n transition-property: background-color;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n\n & ${Media} {\n border-radius: ${\n typeof props.mediaBorderRadius === 'string' ? props.mediaBorderRadius : `${props.mediaBorderRadius}px`\n };\n }\n\n & > *:not(:last-child) {\n margin-right: 12px;\n }\n `}\n\n ${(props) => {\n const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.success) schemaVariant = schema.success\n if (props.danger) schemaVariant = schema.danger\n\n if (props.disabled) return schemaVariant.disabled\n if (props.active) return schemaVariant.active\n\n return schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n`\n\nexport const Img = styled.img`\n box-sizing: border-box;\n border-radius: inherit;\n object-fit: contain;\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","Media","styled","span","withConfig","displayName","componentId","template","palette","color","backgroundColor","hover","colorHover","backgroundColorHover","mediaPlaceholderColor","COLOR_SCHEMA","onColored","danger","disabled","css","props","theme","colors","transparent","active","default","success","secondary","primary","Root","button","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","mediaBorderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","Img","img"],"mappings":"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"}
1
+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { hover } from 'mixins/hover'\nimport type { StyledListItemProps, ListItemPalette } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n (propKey) => !['danger', 'success', 'active', 'contrast', 'borderRadius', 'loading'].includes(propKey)\n)\n\nconst template = (palette: ListItemPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n ${hover(`\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n `)}\n`\n\nconst COLOR_SCHEMA = {\n contrast: {\n danger: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors['alert-bg-error-100'],\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n success: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-success'],\n backgroundColor: props.theme.colors['alert-bg-success-100'],\n colorHover: props.theme.colors['alert-success'],\n backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n secondary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n primary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n },\n default: {\n danger: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors['alert-bg-error-100'],\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n success: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-success'],\n backgroundColor: props.theme.colors['alert-bg-success-100'],\n colorHover: props.theme.colors['alert-success'],\n backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-success'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['alert-success'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n secondary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n primary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n },\n}\n\nexport const Root = styled.button.withConfig<StyledListItemProps>({\n shouldForwardProp: shouldForwardListItemProp,\n})`\n ${(props) => {\n let cursor = 'default'\n\n if (props.as === 'button') cursor = 'pointer'\n if (props.as === 'button' && props.disabled) cursor = 'not-allowed'\n if (props.loading) cursor = 'wait'\n\n return `\n box-sizing: border-box;\n display: flex;\n align-items: center;\n isolation: isolate;\n position: relative;\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n border-radius: ${props.borderRadius}px;\n cursor: ${cursor};\n border: none;\n text-decoration: none;\n appearance: none;\n margin: 0;\n transition-property: background-color;\n transition-duration: 250ms;\n\n & > *:not(:first-child) {\n margin-left: var(--list-item-gap);\n }\n `\n }}\n\n ${(props) => {\n const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.success) schemaVariant = schema.success\n if (props.danger) schemaVariant = schema.danger\n\n if (props.disabled) return schemaVariant.disabled\n if (props.active) return schemaVariant.active\n\n return schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n box-sizing: border-box;\n flex-grow: 1;\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","hover","colorHover","backgroundColorHover","COLOR_SCHEMA","contrast","danger","disabled","css","props","theme","colors","transparent","active","default","success","secondary","primary","Root","styled","button","withConfig","shouldForwardProp","displayName","componentId","cursor","as","loading","borderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","span"],"mappings":"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"}
package/components/Media/Media.js CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var MediaMatchers=require('./MediaMatchers.js');var useMediaConnector=require('./useMediaConnector.js');var useMediaPropsMatches=require('./useMediaPropsMatches.js');const Media=Object.assign((e=>{const{children:s,...a}=e;const r=useMediaConnector.useMediaConnector(useMediaConnector.useMediaConnector.getConfig(a));const t=useMediaPropsMatches.useMediaPropsMatches(a,r);return typeof s=='function'?s(t):t?s:null}),{Matchers:MediaMatchers.MediaMatchers});exports.Media=Media;
1
+ 'use strict';var MediaMatchers=require('./MediaMatchers.js');var useMediaConnector=require('./useMediaConnector.js');var useMediaPropsMatches=require('./useMediaPropsMatches.js');const Media=Object.assign(e=>{const{children:s,...a}=e;const r=useMediaConnector.useMediaConnector(useMediaConnector.useMediaConnector.getConfig(a));const t=useMediaPropsMatches.useMediaPropsMatches(a,r);return typeof s=='function'?s(t):t?s:null},{Matchers:MediaMatchers.MediaMatchers});exports.Media=Media;
2
2
  //# sourceMappingURL=Media.js.map
package/components/Media/Media.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Media.js","sources":["../../../../src/components/Media/Media.tsx"],"sourcesContent":["import { MediaMatchers } from './MediaMatchers'\nimport { useMediaConnector } from './useMediaConnector'\nimport { useMediaPropsMatches } from './useMediaPropsMatches'\nimport type { MediaProps, MediaMatchersProps } from './types'\n\n/**\n *\n * Компонент для вывода контента, который зависит от медиа кверей.\n */\nconst Media: React.FC<MediaProps> & {\n Matchers: React.FC<MediaMatchersProps>\n} = Object.assign(\n (props: MediaProps) => {\n const { children, ...mediaProps } = props\n\n const breakpointsMatchers = useMediaConnector(useMediaConnector.getConfig(mediaProps))\n\n const matches = useMediaPropsMatches(mediaProps, breakpointsMatchers)\n\n if (typeof children === 'function') {\n return children(matches)\n }\n\n return matches ? children : null\n },\n {\n Matchers: MediaMatchers,\n }\n)\n\nexport { Media }\n"],"names":["Media","Object","assign","props","children","mediaProps","breakpointsMatchers","useMediaConnector","getConfig","matches","useMediaPropsMatches","Matchers","MediaMatchers"],"mappings":"mLASA,MAAMA,MAEFC,OAAOC,QACRC,IACC,MAAMC,SAAEA,KAAaC,GAAeF,EAEpC,MAAMG,EAAsBC,kBAAAA,kBAAkBA,kBAAAA,kBAAkBC,UAAUH,IAE1E,MAAMI,EAAUC,qBAAAA,qBAAqBL,EAAYC,GAEjD,cAAWF,GAAa,WACfA,EAASK,GAGXA,EAAUL,EAAW,IAAI,GAElC,CACEO,SAAUC,cAAAA"}
1
+ {"version":3,"file":"Media.js","sources":["../../../../src/components/Media/Media.tsx"],"sourcesContent":["import { MediaMatchers } from './MediaMatchers'\nimport { useMediaConnector } from './useMediaConnector'\nimport { useMediaPropsMatches } from './useMediaPropsMatches'\nimport type { MediaProps, MediaMatchersProps } from './types'\n\n/**\n *\n * Компонент для вывода контента, который зависит от медиа кверей.\n */\nconst Media: React.FC<MediaProps> & {\n Matchers: React.FC<MediaMatchersProps>\n} = Object.assign(\n (props: MediaProps) => {\n const { children, ...mediaProps } = props\n\n const breakpointsMatchers = useMediaConnector(useMediaConnector.getConfig(mediaProps))\n\n const matches = useMediaPropsMatches(mediaProps, breakpointsMatchers)\n\n if (typeof children === 'function') {\n return children(matches)\n }\n\n return matches ? children : null\n },\n {\n Matchers: MediaMatchers,\n }\n)\n\nexport { Media }\n"],"names":["Media","Object","assign","props","children","mediaProps","breakpointsMatchers","useMediaConnector","getConfig","matches","useMediaPropsMatches","Matchers","MediaMatchers"],"mappings":"mLASA,MAAMA,MAEFC,OAAOC,OACRC,IACC,MAAMC,SAAEA,KAAaC,GAAeF,EAEpC,MAAMG,EAAsBC,kBAAAA,kBAAkBA,kBAAAA,kBAAkBC,UAAUH,IAE1E,MAAMI,EAAUC,qBAAAA,qBAAqBL,EAAYC,GAEjD,cAAWF,GAAa,WACfA,EAASK,GAGXA,EAAUL,EAAW,MAE9B,CACEO,SAAUC,cAAAA"}
package/components/Media/Media.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{MediaMatchers}from'./MediaMatchers.mjs';import{useMediaConnector}from'./useMediaConnector.mjs';import{useMediaPropsMatches}from'./useMediaPropsMatches.mjs';const Media=Object.assign((e=>{const{children:s,...o}=e;const t=useMediaConnector(useMediaConnector.getConfig(o));const r=useMediaPropsMatches(o,t);return typeof s=='function'?s(r):r?s:null}),{Matchers:MediaMatchers});export{Media};
1
+ import{MediaMatchers}from'./MediaMatchers.mjs';import{useMediaConnector}from'./useMediaConnector.mjs';import{useMediaPropsMatches}from'./useMediaPropsMatches.mjs';const Media=Object.assign(e=>{const{children:s,...o}=e;const t=useMediaConnector(useMediaConnector.getConfig(o));const r=useMediaPropsMatches(o,t);return typeof s=='function'?s(r):r?s:null},{Matchers:MediaMatchers});export{Media};
2
2
  //# sourceMappingURL=Media.mjs.map
package/components/Media/Media.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Media.mjs","sources":["../../../../src/components/Media/Media.tsx"],"sourcesContent":["import { MediaMatchers } from './MediaMatchers'\nimport { useMediaConnector } from './useMediaConnector'\nimport { useMediaPropsMatches } from './useMediaPropsMatches'\nimport type { MediaProps, MediaMatchersProps } from './types'\n\n/**\n *\n * Компонент для вывода контента, который зависит от медиа кверей.\n */\nconst Media: React.FC<MediaProps> & {\n Matchers: React.FC<MediaMatchersProps>\n} = Object.assign(\n (props: MediaProps) => {\n const { children, ...mediaProps } = props\n\n const breakpointsMatchers = useMediaConnector(useMediaConnector.getConfig(mediaProps))\n\n const matches = useMediaPropsMatches(mediaProps, breakpointsMatchers)\n\n if (typeof children === 'function') {\n return children(matches)\n }\n\n return matches ? children : null\n },\n {\n Matchers: MediaMatchers,\n }\n)\n\nexport { Media }\n"],"names":["Media","Object","assign","props","children","mediaProps","breakpointsMatchers","useMediaConnector","getConfig","matches","useMediaPropsMatches","Matchers","MediaMatchers"],"mappings":"mKASA,MAAMA,MAEFC,OAAOC,QACRC,IACC,MAAMC,SAAEA,KAAaC,GAAeF,EAEpC,MAAMG,EAAsBC,kBAAkBA,kBAAkBC,UAAUH,IAE1E,MAAMI,EAAUC,qBAAqBL,EAAYC,GAEjD,cAAWF,GAAa,WACfA,EAASK,GAGXA,EAAUL,EAAW,IAAI,GAElC,CACEO,SAAUC"}
1
+ {"version":3,"file":"Media.mjs","sources":["../../../../src/components/Media/Media.tsx"],"sourcesContent":["import { MediaMatchers } from './MediaMatchers'\nimport { useMediaConnector } from './useMediaConnector'\nimport { useMediaPropsMatches } from './useMediaPropsMatches'\nimport type { MediaProps, MediaMatchersProps } from './types'\n\n/**\n *\n * Компонент для вывода контента, который зависит от медиа кверей.\n */\nconst Media: React.FC<MediaProps> & {\n Matchers: React.FC<MediaMatchersProps>\n} = Object.assign(\n (props: MediaProps) => {\n const { children, ...mediaProps } = props\n\n const breakpointsMatchers = useMediaConnector(useMediaConnector.getConfig(mediaProps))\n\n const matches = useMediaPropsMatches(mediaProps, breakpointsMatchers)\n\n if (typeof children === 'function') {\n return children(matches)\n }\n\n return matches ? children : null\n },\n {\n Matchers: MediaMatchers,\n }\n)\n\nexport { Media }\n"],"names":["Media","Object","assign","props","children","mediaProps","breakpointsMatchers","useMediaConnector","getConfig","matches","useMediaPropsMatches","Matchers","MediaMatchers"],"mappings":"mKASA,MAAMA,MAEFC,OAAOC,OACRC,IACC,MAAMC,SAAEA,KAAaC,GAAeF,EAEpC,MAAMG,EAAsBC,kBAAkBA,kBAAkBC,UAAUH,IAE1E,MAAMI,EAAUC,qBAAqBL,EAAYC,GAEjD,cAAWF,GAAa,WACfA,EAASK,GAGXA,EAAUL,EAAW,MAE9B,CACEO,SAAUC"}
package/components/Media/MediaMatcher.js CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var Observable=require('../../shared/utils/Observable.js');exports.MediaMatcher=class MediaMatcher extends Observable.Observable{constructor(e,s){super(),this.id=e,typeof window!='undefined'&&(this.mediaQueryList=window.matchMedia(s),this.mediaQueryList.addEventListener?this.mediaQueryList.addEventListener('change',(e=>{this.notify({matches:e.matches})})):this.mediaQueryList.addListener((e=>{this.notify({matches:e.matches})})))}subscribe=e=>{const s=super.subscribe.bind(this)(e);return this.mediaQueryList&&e({matches:this.mediaQueryList.matches}),s}};
1
+ 'use strict';var Observable=require('../../shared/utils/Observable.js');exports.MediaMatcher=class MediaMatcher extends Observable.Observable{constructor(e,s){super(),this.id=e,typeof window!='undefined'&&(this.mediaQueryList=window.matchMedia(s),this.mediaQueryList.addEventListener?this.mediaQueryList.addEventListener('change',e=>{this.notify({matches:e.matches})}):this.mediaQueryList.addListener(e=>{this.notify({matches:e.matches})}))}subscribe=e=>{const s=super.subscribe.bind(this)(e);return this.mediaQueryList&&e({matches:this.mediaQueryList.matches}),s}};
2
2
  //# sourceMappingURL=MediaMatcher.js.map
package/components/Media/MediaMatcher.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MediaMatcher.js","sources":["../../../../src/components/Media/MediaMatcher.ts"],"sourcesContent":["import { Observable } from 'shared/utils/Observable'\nimport type { Observer } from 'shared/utils/Observable'\nimport type { MediaMatchPayload } from './types'\n\nexport class MediaMatcher<T = string> extends Observable<MediaMatchPayload> {\n public id: T\n private mediaQueryList?: MediaQueryList\n\n constructor(id: T, mediaQueryString: string) {\n super()\n\n this.id = id\n\n if (typeof window !== 'undefined') {\n this.mediaQueryList = window.matchMedia(mediaQueryString)\n\n if (this.mediaQueryList.addEventListener) {\n this.mediaQueryList.addEventListener('change', (evt) => {\n this.notify({\n matches: evt.matches,\n })\n })\n } else {\n this.mediaQueryList.addListener((evt) => {\n this.notify({\n matches: evt.matches,\n })\n })\n }\n }\n }\n\n public subscribe = (observer: Observer<MediaMatchPayload>) => {\n const unsubscribe = super.subscribe.bind(this)(observer)\n\n if (this.mediaQueryList) {\n observer({\n matches: this.mediaQueryList.matches,\n })\n }\n\n return unsubscribe\n }\n}\n"],"names":["MediaMatcher","Observable","constructor","id","mediaQueryString","super","this","window","mediaQueryList","matchMedia","addEventListener","evt","notify","matches","addListener","subscribe","observer","unsubscribe","bind"],"mappings":"6FAIO,MAAMA,qBAAiCC,WAAAA,WAI5CC,WAAAA,CAAYC,EAAOC,GACjBC,QAEAC,KAAKH,GAAKA,SAECI,QAAW,cACpBD,KAAKE,eAAiBD,OAAOE,WAAWL,GAEpCE,KAAKE,eAAeE,iBACtBJ,KAAKE,eAAeE,iBAAiB,UAAWC,IAC9CL,KAAKM,OAAO,CACVC,QAASF,EAAIE,SACb,IAGJP,KAAKE,eAAeM,aAAaH,IAC/BL,KAAKM,OAAO,CACVC,QAASF,EAAIE,SACb,IAIV,CAEOE,UAAaC,IAClB,MAAMC,EAAcZ,MAAMU,UAAUG,KAAKZ,KAArBD,CAA2BW,GAQ/C,OANIV,KAAKE,gBACPQ,EAAS,CACPH,QAASP,KAAKE,eAAeK,UAI1BI,CAAW"}
1
+ {"version":3,"file":"MediaMatcher.js","sources":["../../../../src/components/Media/MediaMatcher.ts"],"sourcesContent":["import { Observable } from 'shared/utils/Observable'\nimport type { Observer } from 'shared/utils/Observable'\nimport type { MediaMatchPayload } from './types'\n\nexport class MediaMatcher<T = string> extends Observable<MediaMatchPayload> {\n public id: T\n private mediaQueryList?: MediaQueryList\n\n constructor(id: T, mediaQueryString: string) {\n super()\n\n this.id = id\n\n if (typeof window !== 'undefined') {\n this.mediaQueryList = window.matchMedia(mediaQueryString)\n\n if (this.mediaQueryList.addEventListener) {\n this.mediaQueryList.addEventListener('change', (evt) => {\n this.notify({\n matches: evt.matches,\n })\n })\n } else {\n this.mediaQueryList.addListener((evt) => {\n this.notify({\n matches: evt.matches,\n })\n })\n }\n }\n }\n\n public subscribe = (observer: Observer<MediaMatchPayload>) => {\n const unsubscribe = super.subscribe.bind(this)(observer)\n\n if (this.mediaQueryList) {\n observer({\n matches: this.mediaQueryList.matches,\n })\n }\n\n return unsubscribe\n }\n}\n"],"names":["MediaMatcher","Observable","constructor","id","mediaQueryString","super","this","window","mediaQueryList","matchMedia","addEventListener","evt","notify","matches","addListener","subscribe","observer","unsubscribe","bind"],"mappings":"6FAIO,MAAMA,qBAAiCC,WAAAA,WAI5CC,WAAAA,CAAYC,EAAOC,GACjBC,QAEAC,KAAKH,GAAKA,SAECI,QAAW,cACpBD,KAAKE,eAAiBD,OAAOE,WAAWL,GAEpCE,KAAKE,eAAeE,iBACtBJ,KAAKE,eAAeE,iBAAiB,SAAWC,IAC9CL,KAAKM,OAAO,CACVC,QAASF,EAAIE,YAIjBP,KAAKE,eAAeM,YAAaH,IAC/BL,KAAKM,OAAO,CACVC,QAASF,EAAIE,YAKvB,CAEOE,UAAaC,IAClB,MAAMC,EAAcZ,MAAMU,UAAUG,KAAKZ,KAArBD,CAA2BW,GAQ/C,OANIV,KAAKE,gBACPQ,EAAS,CACPH,QAASP,KAAKE,eAAeK,UAI1BI"}
package/components/Media/MediaMatcher.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{Observable}from'../../shared/utils/Observable.mjs';class MediaMatcher extends Observable{constructor(e,s){super(),this.id=e,typeof window!='undefined'&&(this.mediaQueryList=window.matchMedia(s),this.mediaQueryList.addEventListener?this.mediaQueryList.addEventListener('change',(e=>{this.notify({matches:e.matches})})):this.mediaQueryList.addListener((e=>{this.notify({matches:e.matches})})))}subscribe=e=>{const s=super.subscribe.bind(this)(e);return this.mediaQueryList&&e({matches:this.mediaQueryList.matches}),s}}export{MediaMatcher};
1
+ import{Observable}from'../../shared/utils/Observable.mjs';class MediaMatcher extends Observable{constructor(e,s){super(),this.id=e,typeof window!='undefined'&&(this.mediaQueryList=window.matchMedia(s),this.mediaQueryList.addEventListener?this.mediaQueryList.addEventListener('change',e=>{this.notify({matches:e.matches})}):this.mediaQueryList.addListener(e=>{this.notify({matches:e.matches})}))}subscribe=e=>{const s=super.subscribe.bind(this)(e);return this.mediaQueryList&&e({matches:this.mediaQueryList.matches}),s}}export{MediaMatcher};
2
2
  //# sourceMappingURL=MediaMatcher.mjs.map
package/components/Media/MediaMatcher.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MediaMatcher.mjs","sources":["../../../../src/components/Media/MediaMatcher.ts"],"sourcesContent":["import { Observable } from 'shared/utils/Observable'\nimport type { Observer } from 'shared/utils/Observable'\nimport type { MediaMatchPayload } from './types'\n\nexport class MediaMatcher<T = string> extends Observable<MediaMatchPayload> {\n public id: T\n private mediaQueryList?: MediaQueryList\n\n constructor(id: T, mediaQueryString: string) {\n super()\n\n this.id = id\n\n if (typeof window !== 'undefined') {\n this.mediaQueryList = window.matchMedia(mediaQueryString)\n\n if (this.mediaQueryList.addEventListener) {\n this.mediaQueryList.addEventListener('change', (evt) => {\n this.notify({\n matches: evt.matches,\n })\n })\n } else {\n this.mediaQueryList.addListener((evt) => {\n this.notify({\n matches: evt.matches,\n })\n })\n }\n }\n }\n\n public subscribe = (observer: Observer<MediaMatchPayload>) => {\n const unsubscribe = super.subscribe.bind(this)(observer)\n\n if (this.mediaQueryList) {\n observer({\n matches: this.mediaQueryList.matches,\n })\n }\n\n return unsubscribe\n }\n}\n"],"names":["MediaMatcher","Observable","constructor","id","mediaQueryString","super","this","window","mediaQueryList","matchMedia","addEventListener","evt","notify","matches","addListener","subscribe","observer","unsubscribe","bind"],"mappings":"0DAIO,MAAMA,qBAAiCC,WAI5CC,WAAAA,CAAYC,EAAOC,GACjBC,QAEAC,KAAKH,GAAKA,SAECI,QAAW,cACpBD,KAAKE,eAAiBD,OAAOE,WAAWL,GAEpCE,KAAKE,eAAeE,iBACtBJ,KAAKE,eAAeE,iBAAiB,UAAWC,IAC9CL,KAAKM,OAAO,CACVC,QAASF,EAAIE,SACb,IAGJP,KAAKE,eAAeM,aAAaH,IAC/BL,KAAKM,OAAO,CACVC,QAASF,EAAIE,SACb,IAIV,CAEOE,UAAaC,IAClB,MAAMC,EAAcZ,MAAMU,UAAUG,KAAKZ,KAArBD,CAA2BW,GAQ/C,OANIV,KAAKE,gBACPQ,EAAS,CACPH,QAASP,KAAKE,eAAeK,UAI1BI,CAAW"}
1
+ {"version":3,"file":"MediaMatcher.mjs","sources":["../../../../src/components/Media/MediaMatcher.ts"],"sourcesContent":["import { Observable } from 'shared/utils/Observable'\nimport type { Observer } from 'shared/utils/Observable'\nimport type { MediaMatchPayload } from './types'\n\nexport class MediaMatcher<T = string> extends Observable<MediaMatchPayload> {\n public id: T\n private mediaQueryList?: MediaQueryList\n\n constructor(id: T, mediaQueryString: string) {\n super()\n\n this.id = id\n\n if (typeof window !== 'undefined') {\n this.mediaQueryList = window.matchMedia(mediaQueryString)\n\n if (this.mediaQueryList.addEventListener) {\n this.mediaQueryList.addEventListener('change', (evt) => {\n this.notify({\n matches: evt.matches,\n })\n })\n } else {\n this.mediaQueryList.addListener((evt) => {\n this.notify({\n matches: evt.matches,\n })\n })\n }\n }\n }\n\n public subscribe = (observer: Observer<MediaMatchPayload>) => {\n const unsubscribe = super.subscribe.bind(this)(observer)\n\n if (this.mediaQueryList) {\n observer({\n matches: this.mediaQueryList.matches,\n })\n }\n\n return unsubscribe\n }\n}\n"],"names":["MediaMatcher","Observable","constructor","id","mediaQueryString","super","this","window","mediaQueryList","matchMedia","addEventListener","evt","notify","matches","addListener","subscribe","observer","unsubscribe","bind"],"mappings":"0DAIO,MAAMA,qBAAiCC,WAI5CC,WAAAA,CAAYC,EAAOC,GACjBC,QAEAC,KAAKH,GAAKA,SAECI,QAAW,cACpBD,KAAKE,eAAiBD,OAAOE,WAAWL,GAEpCE,KAAKE,eAAeE,iBACtBJ,KAAKE,eAAeE,iBAAiB,SAAWC,IAC9CL,KAAKM,OAAO,CACVC,QAASF,EAAIE,YAIjBP,KAAKE,eAAeM,YAAaH,IAC/BL,KAAKM,OAAO,CACVC,QAASF,EAAIE,YAKvB,CAEOE,UAAaC,IAClB,MAAMC,EAAcZ,MAAMU,UAAUG,KAAKZ,KAArBD,CAA2BW,GAQ/C,OANIV,KAAKE,gBACPQ,EAAS,CACPH,QAASP,KAAKE,eAAeK,UAI1BI"}
package/components/Media/MediaMatchers.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MediaMatchers.js","sources":["../../../../src/components/Media/MediaMatchers.tsx"],"sourcesContent":["import { useMediaConnector } from './useMediaConnector'\nimport type { MediaMatchersProps } from './types'\n\nconst MediaMatchers: React.FC<MediaMatchersProps> = (props: MediaMatchersProps) => {\n const { children } = props\n\n const breakpointsMatchers = useMediaConnector({\n minXXS: true,\n minXS: true,\n minS: true,\n minM: true,\n minL: true,\n minXL: true,\n minXXL: true,\n maxXXS: true,\n maxXS: true,\n maxS: true,\n maxM: true,\n maxL: true,\n maxXL: true,\n maxXXL: true,\n landscape: true,\n portrait: true,\n })\n\n return children(breakpointsMatchers)\n}\n\nexport { MediaMatchers }\n"],"names":["props","children","useMediaConnector","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait"],"mappings":"2FAGqDA,IACnD,MAAMC,SAAEA,GAAaD,EAqBrB,OAAOC,EAnBqBC,kBAAAA,kBAAkB,CAC5CC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,WAAW,EACXC,UAAU,IAGwB"}
1
+ {"version":3,"file":"MediaMatchers.js","sources":["../../../../src/components/Media/MediaMatchers.tsx"],"sourcesContent":["import { useMediaConnector } from './useMediaConnector'\nimport type { MediaMatchersProps } from './types'\n\nconst MediaMatchers: React.FC<MediaMatchersProps> = (props: MediaMatchersProps) => {\n const { children } = props\n\n const breakpointsMatchers = useMediaConnector({\n minXXS: true,\n minXS: true,\n minS: true,\n minM: true,\n minL: true,\n minXL: true,\n minXXL: true,\n maxXXS: true,\n maxXS: true,\n maxS: true,\n maxM: true,\n maxL: true,\n maxXL: true,\n maxXXL: true,\n landscape: true,\n portrait: true,\n })\n\n return children(breakpointsMatchers)\n}\n\nexport { MediaMatchers }\n"],"names":["props","children","useMediaConnector","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait"],"mappings":"2FAGqDA,IACnD,MAAMC,SAAEA,GAAaD,EAqBrB,OAAOC,EAnBqBC,kBAAAA,kBAAkB,CAC5CC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,WAAW,EACXC,UAAU"}
package/components/Media/MediaMatchers.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MediaMatchers.mjs","sources":["../../../../src/components/Media/MediaMatchers.tsx"],"sourcesContent":["import { useMediaConnector } from './useMediaConnector'\nimport type { MediaMatchersProps } from './types'\n\nconst MediaMatchers: React.FC<MediaMatchersProps> = (props: MediaMatchersProps) => {\n const { children } = props\n\n const breakpointsMatchers = useMediaConnector({\n minXXS: true,\n minXS: true,\n minS: true,\n minM: true,\n minL: true,\n minXL: true,\n minXXL: true,\n maxXXS: true,\n maxXS: true,\n maxS: true,\n maxM: true,\n maxL: true,\n maxXL: true,\n maxXXL: true,\n landscape: true,\n portrait: true,\n })\n\n return children(breakpointsMatchers)\n}\n\nexport { MediaMatchers }\n"],"names":["MediaMatchers","props","children","useMediaConnector","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait"],"mappings":"uDAGA,MAAMA,cAA+CC,IACnD,MAAMC,SAAEA,GAAaD,EAqBrB,OAAOC,EAnBqBC,kBAAkB,CAC5CC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,WAAW,EACXC,UAAU,IAGwB"}
1
+ {"version":3,"file":"MediaMatchers.mjs","sources":["../../../../src/components/Media/MediaMatchers.tsx"],"sourcesContent":["import { useMediaConnector } from './useMediaConnector'\nimport type { MediaMatchersProps } from './types'\n\nconst MediaMatchers: React.FC<MediaMatchersProps> = (props: MediaMatchersProps) => {\n const { children } = props\n\n const breakpointsMatchers = useMediaConnector({\n minXXS: true,\n minXS: true,\n minS: true,\n minM: true,\n minL: true,\n minXL: true,\n minXXL: true,\n maxXXS: true,\n maxXS: true,\n maxS: true,\n maxM: true,\n maxL: true,\n maxXL: true,\n maxXXL: true,\n landscape: true,\n portrait: true,\n })\n\n return children(breakpointsMatchers)\n}\n\nexport { MediaMatchers }\n"],"names":["MediaMatchers","props","children","useMediaConnector","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait"],"mappings":"uDAGA,MAAMA,cAA+CC,IACnD,MAAMC,SAAEA,GAAaD,EAqBrB,OAAOC,EAnBqBC,kBAAkB,CAC5CC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,WAAW,EACXC,UAAU"}
package/components/Media/context.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"context.js","sources":["../../../../src/components/Media/context.tsx"],"sourcesContent":["import { createContext } from 'react'\nimport type { MediaMediator } from './MediaMediator'\n\nexport const MediaContext = createContext<MediaMediator | null>(null)\n\nexport const MediaProvider = (\n props: React.PropsWithChildren<{\n value: MediaMediator\n }>\n) => {\n const { value, children } = props\n\n return <MediaContext.Provider value={value}>{children}</MediaContext.Provider>\n}\n"],"names":["MediaContext","createContext","props","value","children","_jsx","Provider"],"mappings":"0FAGaA,aAAeC,MAAAA,cAAoC,8DAG9DC,IAIA,MAAMC,MAAEA,EAAKC,SAAEA,GAAaF,EAE5B,OAAOG,WAAAA,IAACL,aAAaM,SAAQ,CAACH,MAAOA,EAAMC,SAAEA,GAAiC"}
1
+ {"version":3,"file":"context.js","sources":["../../../../src/components/Media/context.tsx"],"sourcesContent":["import { createContext } from 'react'\nimport type { MediaMediator } from './MediaMediator'\n\nexport const MediaContext = createContext<MediaMediator | null>(null)\n\nexport const MediaProvider = (\n props: React.PropsWithChildren<{\n value: MediaMediator\n }>\n) => {\n const { value, children } = props\n\n return <MediaContext.Provider value={value}>{children}</MediaContext.Provider>\n}\n"],"names":["MediaContext","createContext","props","value","children","_jsx","Provider"],"mappings":"0FAGaA,aAAeC,MAAAA,cAAoC,8DAG9DC,IAIA,MAAMC,MAAEA,EAAKC,SAAEA,GAAaF,EAE5B,OAAOG,WAAAA,IAACL,aAAaM,SAAQ,CAACH,MAAOA,EAAMC,SAAEA"}
package/components/Media/context.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"context.mjs","sources":["../../../../src/components/Media/context.tsx"],"sourcesContent":["import { createContext } from 'react'\nimport type { MediaMediator } from './MediaMediator'\n\nexport const MediaContext = createContext<MediaMediator | null>(null)\n\nexport const MediaProvider = (\n props: React.PropsWithChildren<{\n value: MediaMediator\n }>\n) => {\n const { value, children } = props\n\n return <MediaContext.Provider value={value}>{children}</MediaContext.Provider>\n}\n"],"names":["MediaContext","createContext","MediaProvider","props","value","children","_jsx","Provider"],"mappings":"0EAGaA,aAAeC,cAAoC,MAEzD,MAAMC,cACXC,IAIA,MAAMC,MAAEA,EAAKC,SAAEA,GAAaF,EAE5B,OAAOG,IAACN,aAAaO,SAAQ,CAACH,MAAOA,EAAMC,SAAEA,GAAiC"}
1
+ {"version":3,"file":"context.mjs","sources":["../../../../src/components/Media/context.tsx"],"sourcesContent":["import { createContext } from 'react'\nimport type { MediaMediator } from './MediaMediator'\n\nexport const MediaContext = createContext<MediaMediator | null>(null)\n\nexport const MediaProvider = (\n props: React.PropsWithChildren<{\n value: MediaMediator\n }>\n) => {\n const { value, children } = props\n\n return <MediaContext.Provider value={value}>{children}</MediaContext.Provider>\n}\n"],"names":["MediaContext","createContext","MediaProvider","props","value","children","_jsx","Provider"],"mappings":"0EAGaA,aAAeC,cAAoC,MAEzD,MAAMC,cACXC,IAIA,MAAMC,MAAEA,EAAKC,SAAEA,GAAaF,EAE5B,OAAOG,IAACN,aAAaO,SAAQ,CAACH,MAAOA,EAAMC,SAAEA"}
package/components/Media/useMediaConnector.js CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var React=require('react');var useMountedStatus=require('../../hooks/useMountedStatus.js');var context=require('./context.js');const useMediaConnector=Object.assign(((a={})=>{const{minXXS:n,minXS:e,minS:o,minM:t,minL:m,minXL:i,minXXL:X,maxXXS:s,maxXS:r,maxS:c,maxM:x,maxL:u,maxXL:S,maxXXL:l,landscape:L,portrait:B}=a;const M=React.useContext(context.MediaContext);const[d,p]=React.useState(Object.create(null));const f=useMountedStatus.useMountedStatus();return React.useLayoutEffect((()=>{const a={minXXS:Boolean(n),minXS:Boolean(e),minS:Boolean(o),minM:Boolean(t),minL:Boolean(m),minXL:Boolean(i),minXXL:Boolean(X),maxXXS:Boolean(s),maxXS:Boolean(r),maxS:Boolean(c),maxM:Boolean(x),maxL:Boolean(u),maxXL:Boolean(S),maxXXL:Boolean(l),landscape:Boolean(L),portrait:Boolean(B)};const d=[];return M&&M.matchers.filter((n=>a[n.id])).forEach((a=>{const n=a.subscribe((n=>{p((e=>({...e,[a.id]:n.matches})))}));d.push(n)})),()=>{d.forEach((a=>{a()})),f()&&p(Object.create(null))}}),[M,n,e,o,t,m,i,X,s,r,c,x,u,S,l,L,B,f]),d}),{getConfig:(a={})=>({minXXS:a.min==='XXS',minXS:a.min==='XS',minS:a.min==='S',minM:a.min==='M',minL:a.min==='L',minXL:a.min==='XL',minXXL:a.min==='XXL',maxXXS:a.max==='XXS',maxXS:a.max==='XS',maxS:a.max==='S',maxM:a.max==='M',maxL:a.max==='L',maxXL:a.max==='XL',maxXXL:a.max==='XXL',landscape:a.orientation==='landscape',portrait:a.orientation==='portrait'})});exports.useMediaConnector=useMediaConnector;
1
+ 'use strict';var React=require('react');var useMountedStatus=require('../../hooks/useMountedStatus.js');var context=require('./context.js');const useMediaConnector=Object.assign((a={})=>{const{minXXS:n,minXS:e,minS:o,minM:t,minL:m,minXL:i,minXXL:X,maxXXS:s,maxXS:r,maxS:c,maxM:x,maxL:u,maxXL:S,maxXXL:l,landscape:L,portrait:B}=a;const M=React.useContext(context.MediaContext);const[d,p]=React.useState(Object.create(null));const f=useMountedStatus.useMountedStatus();return React.useLayoutEffect(()=>{const a={minXXS:Boolean(n),minXS:Boolean(e),minS:Boolean(o),minM:Boolean(t),minL:Boolean(m),minXL:Boolean(i),minXXL:Boolean(X),maxXXS:Boolean(s),maxXS:Boolean(r),maxS:Boolean(c),maxM:Boolean(x),maxL:Boolean(u),maxXL:Boolean(S),maxXXL:Boolean(l),landscape:Boolean(L),portrait:Boolean(B)};const d=[];return M&&M.matchers.filter(n=>a[n.id]).forEach(a=>{const n=a.subscribe(n=>{p(e=>({...e,[a.id]:n.matches}))});d.push(n)}),()=>{d.forEach(a=>{a()}),f()&&p(Object.create(null))}},[M,n,e,o,t,m,i,X,s,r,c,x,u,S,l,L,B,f]),d},{getConfig:(a={})=>({minXXS:a.min==='XXS',minXS:a.min==='XS',minS:a.min==='S',minM:a.min==='M',minL:a.min==='L',minXL:a.min==='XL',minXXL:a.min==='XXL',maxXXS:a.max==='XXS',maxXS:a.max==='XS',maxS:a.max==='S',maxM:a.max==='M',maxL:a.max==='L',maxXL:a.max==='XL',maxXXL:a.max==='XXL',landscape:a.orientation==='landscape',portrait:a.orientation==='portrait'})});exports.useMediaConnector=useMediaConnector;
2
2
  //# sourceMappingURL=useMediaConnector.js.map
package/components/Media/useMediaConnector.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useMediaConnector.js","sources":["../../../../src/components/Media/useMediaConnector.ts"],"sourcesContent":["import { useState, useContext, useLayoutEffect } from 'react'\nimport { useMountedStatus } from 'hooks/useMountedStatus'\nimport type { UnsubscribeObserverCallback } from 'shared/utils/Observable'\nimport type { MediaMatcherId, MediaConnectorConfig, MediaConnectorGetConfigOptions } from './types'\nimport { MediaContext } from './context'\n\nexport const useMediaConnector = Object.assign(\n (config: Partial<MediaConnectorConfig> = {}): Partial<Record<MediaMatcherId, boolean>> => {\n const {\n minXXS,\n minXS,\n minS,\n minM,\n minL,\n minXL,\n minXXL,\n maxXXS,\n maxXS,\n maxS,\n maxM,\n maxL,\n maxXL,\n maxXXL,\n landscape,\n portrait,\n } = config\n\n const mediator = useContext(MediaContext)\n\n const [breakpointsMatches, setBreakpointsMatches] = useState<Partial<Record<MediaMatcherId, boolean>>>(\n Object.create(null)\n )\n\n const getMountedStatus = useMountedStatus()\n\n useLayoutEffect(() => {\n const connectToMatcher: Record<MediaMatcherId, boolean> = {\n minXXS: Boolean(minXXS),\n minXS: Boolean(minXS),\n minS: Boolean(minS),\n minM: Boolean(minM),\n minL: Boolean(minL),\n minXL: Boolean(minXL),\n minXXL: Boolean(minXXL),\n maxXXS: Boolean(maxXXS),\n maxXS: Boolean(maxXS),\n maxS: Boolean(maxS),\n maxM: Boolean(maxM),\n maxL: Boolean(maxL),\n maxXL: Boolean(maxXL),\n maxXXL: Boolean(maxXXL),\n landscape: Boolean(landscape),\n portrait: Boolean(portrait),\n }\n\n const unsubscribeCallbacks: UnsubscribeObserverCallback[] = []\n\n if (mediator) {\n mediator.matchers\n .filter((matcher) => connectToMatcher[matcher.id])\n .forEach((matcher) => {\n const unsubscribe = matcher.subscribe((payload) => {\n setBreakpointsMatches((prev) => ({ ...prev, [matcher.id]: payload.matches }))\n })\n\n unsubscribeCallbacks.push(unsubscribe)\n })\n }\n\n return () => {\n unsubscribeCallbacks.forEach((callback) => {\n callback()\n })\n\n if (getMountedStatus()) {\n setBreakpointsMatches(Object.create(null))\n }\n }\n }, [\n mediator,\n minXXS,\n minXS,\n minS,\n minM,\n minL,\n minXL,\n minXXL,\n maxXXS,\n maxXS,\n maxS,\n maxM,\n maxL,\n maxXL,\n maxXXL,\n landscape,\n portrait,\n getMountedStatus,\n ])\n\n return breakpointsMatches\n },\n {\n getConfig: (options: MediaConnectorGetConfigOptions = {}): MediaConnectorConfig => ({\n minXXS: options.min === 'XXS',\n minXS: options.min === 'XS',\n minS: options.min === 'S',\n minM: options.min === 'M',\n minL: options.min === 'L',\n minXL: options.min === 'XL',\n minXXL: options.min === 'XXL',\n maxXXS: options.max === 'XXS',\n maxXS: options.max === 'XS',\n maxS: options.max === 'S',\n maxM: options.max === 'M',\n maxL: options.max === 'L',\n maxXL: options.max === 'XL',\n maxXXL: options.max === 'XXL',\n landscape: options.orientation === 'landscape',\n portrait: options.orientation === 'portrait',\n }),\n }\n)\n"],"names":["useMediaConnector","Object","assign","config","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait","mediator","useContext","MediaContext","breakpointsMatches","setBreakpointsMatches","useState","create","getMountedStatus","useMountedStatus","useLayoutEffect","connectToMatcher","Boolean","unsubscribeCallbacks","matchers","filter","matcher","id","forEach","unsubscribe","subscribe","payload","prev","matches","push","callback","getConfig","options","min","max","orientation"],"mappings":"4IAMO,MAAMA,kBAAoBC,OAAOC,QACtC,CAACC,EAAwC,CAAA,KACvC,MAAMC,OACJA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,GACEhB,EAEJ,MAAMiB,EAAWC,MAAAA,WAAWC,sBAE5B,MAAOC,EAAoBC,GAAyBC,MAAAA,SAClDxB,OAAOyB,OAAO,OAGhB,MAAMC,EAAmBC,iBAAAA,mBAkEzB,OAhEAC,MAAAA,iBAAgB,KACd,MAAMC,EAAoD,CACxD1B,OAAQ2B,QAAQ3B,GAChBC,MAAO0B,QAAQ1B,GACfC,KAAMyB,QAAQzB,GACdC,KAAMwB,QAAQxB,GACdC,KAAMuB,QAAQvB,GACdC,MAAOsB,QAAQtB,GACfC,OAAQqB,QAAQrB,GAChBC,OAAQoB,QAAQpB,GAChBC,MAAOmB,QAAQnB,GACfC,KAAMkB,QAAQlB,GACdC,KAAMiB,QAAQjB,GACdC,KAAMgB,QAAQhB,GACdC,MAAOe,QAAQf,GACfC,OAAQc,QAAQd,GAChBC,UAAWa,QAAQb,GACnBC,SAAUY,QAAQZ,IAGpB,MAAMa,EAAsD,GAc5D,OAZIZ,GACFA,EAASa,SACNC,QAAQC,GAAYL,EAAiBK,EAAQC,MAC7CC,SAASF,IACR,MAAMG,EAAcH,EAAQI,WAAWC,IACrChB,GAAuBiB,IAAI,IAAWA,EAAM,CAACN,EAAQC,IAAKI,EAAQE,WAAW,IAG/EV,EAAqBW,KAAKL,EAAY,IAIrC,KACLN,EAAqBK,SAASO,IAC5BA,GAAU,IAGRjB,KACFH,EAAsBvB,OAAOyB,OAAO,MACtC,CACD,GACA,CACDN,EACAhB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAQ,IAGKJ,CAAkB,GAE3B,CACEsB,UAAWA,CAACC,EAA0C,MAAE,CACtD1C,OAAQ0C,EAAQC,MAAQ,MACxB1C,MAAOyC,EAAQC,MAAQ,KACvBzC,KAAMwC,EAAQC,MAAQ,IACtBxC,KAAMuC,EAAQC,MAAQ,IACtBvC,KAAMsC,EAAQC,MAAQ,IACtBtC,MAAOqC,EAAQC,MAAQ,KACvBrC,OAAQoC,EAAQC,MAAQ,MACxBpC,OAAQmC,EAAQE,MAAQ,MACxBpC,MAAOkC,EAAQE,MAAQ,KACvBnC,KAAMiC,EAAQE,MAAQ,IACtBlC,KAAMgC,EAAQE,MAAQ,IACtBjC,KAAM+B,EAAQE,MAAQ,IACtBhC,MAAO8B,EAAQE,MAAQ,KACvB/B,OAAQ6B,EAAQE,MAAQ,MACxB9B,UAAW4B,EAAQG,cAAgB,YACnC9B,SAAU2B,EAAQG,cAAgB"}
1
+ {"version":3,"file":"useMediaConnector.js","sources":["../../../../src/components/Media/useMediaConnector.ts"],"sourcesContent":["import { useState, useContext, useLayoutEffect } from 'react'\nimport { useMountedStatus } from 'hooks/useMountedStatus'\nimport type { UnsubscribeObserverCallback } from 'shared/utils/Observable'\nimport type { MediaMatcherId, MediaConnectorConfig, MediaConnectorGetConfigOptions } from './types'\nimport { MediaContext } from './context'\n\nexport const useMediaConnector = Object.assign(\n (config: Partial<MediaConnectorConfig> = {}): Partial<Record<MediaMatcherId, boolean>> => {\n const {\n minXXS,\n minXS,\n minS,\n minM,\n minL,\n minXL,\n minXXL,\n maxXXS,\n maxXS,\n maxS,\n maxM,\n maxL,\n maxXL,\n maxXXL,\n landscape,\n portrait,\n } = config\n\n const mediator = useContext(MediaContext)\n\n const [breakpointsMatches, setBreakpointsMatches] = useState<Partial<Record<MediaMatcherId, boolean>>>(\n Object.create(null)\n )\n\n const getMountedStatus = useMountedStatus()\n\n useLayoutEffect(() => {\n const connectToMatcher: Record<MediaMatcherId, boolean> = {\n minXXS: Boolean(minXXS),\n minXS: Boolean(minXS),\n minS: Boolean(minS),\n minM: Boolean(minM),\n minL: Boolean(minL),\n minXL: Boolean(minXL),\n minXXL: Boolean(minXXL),\n maxXXS: Boolean(maxXXS),\n maxXS: Boolean(maxXS),\n maxS: Boolean(maxS),\n maxM: Boolean(maxM),\n maxL: Boolean(maxL),\n maxXL: Boolean(maxXL),\n maxXXL: Boolean(maxXXL),\n landscape: Boolean(landscape),\n portrait: Boolean(portrait),\n }\n\n const unsubscribeCallbacks: UnsubscribeObserverCallback[] = []\n\n if (mediator) {\n mediator.matchers\n .filter((matcher) => connectToMatcher[matcher.id])\n .forEach((matcher) => {\n const unsubscribe = matcher.subscribe((payload) => {\n setBreakpointsMatches((prev) => ({ ...prev, [matcher.id]: payload.matches }))\n })\n\n unsubscribeCallbacks.push(unsubscribe)\n })\n }\n\n return () => {\n unsubscribeCallbacks.forEach((callback) => {\n callback()\n })\n\n if (getMountedStatus()) {\n setBreakpointsMatches(Object.create(null))\n }\n }\n }, [\n mediator,\n minXXS,\n minXS,\n minS,\n minM,\n minL,\n minXL,\n minXXL,\n maxXXS,\n maxXS,\n maxS,\n maxM,\n maxL,\n maxXL,\n maxXXL,\n landscape,\n portrait,\n getMountedStatus,\n ])\n\n return breakpointsMatches\n },\n {\n getConfig: (options: MediaConnectorGetConfigOptions = {}): MediaConnectorConfig => ({\n minXXS: options.min === 'XXS',\n minXS: options.min === 'XS',\n minS: options.min === 'S',\n minM: options.min === 'M',\n minL: options.min === 'L',\n minXL: options.min === 'XL',\n minXXL: options.min === 'XXL',\n maxXXS: options.max === 'XXS',\n maxXS: options.max === 'XS',\n maxS: options.max === 'S',\n maxM: options.max === 'M',\n maxL: options.max === 'L',\n maxXL: options.max === 'XL',\n maxXXL: options.max === 'XXL',\n landscape: options.orientation === 'landscape',\n portrait: options.orientation === 'portrait',\n }),\n }\n)\n"],"names":["useMediaConnector","Object","assign","config","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait","mediator","useContext","MediaContext","breakpointsMatches","setBreakpointsMatches","useState","create","getMountedStatus","useMountedStatus","useLayoutEffect","connectToMatcher","Boolean","unsubscribeCallbacks","matchers","filter","matcher","id","forEach","unsubscribe","subscribe","payload","prev","matches","push","callback","getConfig","options","min","max","orientation"],"mappings":"4IAMO,MAAMA,kBAAoBC,OAAOC,OACtC,CAACC,EAAwC,CAAA,KACvC,MAAMC,OACJA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,GACEhB,EAEJ,MAAMiB,EAAWC,MAAAA,WAAWC,sBAE5B,MAAOC,EAAoBC,GAAyBC,MAAAA,SAClDxB,OAAOyB,OAAO,OAGhB,MAAMC,EAAmBC,iBAAAA,mBAkEzB,OAhEAC,MAAAA,gBAAgB,KACd,MAAMC,EAAoD,CACxD1B,OAAQ2B,QAAQ3B,GAChBC,MAAO0B,QAAQ1B,GACfC,KAAMyB,QAAQzB,GACdC,KAAMwB,QAAQxB,GACdC,KAAMuB,QAAQvB,GACdC,MAAOsB,QAAQtB,GACfC,OAAQqB,QAAQrB,GAChBC,OAAQoB,QAAQpB,GAChBC,MAAOmB,QAAQnB,GACfC,KAAMkB,QAAQlB,GACdC,KAAMiB,QAAQjB,GACdC,KAAMgB,QAAQhB,GACdC,MAAOe,QAAQf,GACfC,OAAQc,QAAQd,GAChBC,UAAWa,QAAQb,GACnBC,SAAUY,QAAQZ,IAGpB,MAAMa,EAAsD,GAc5D,OAZIZ,GACFA,EAASa,SACNC,OAAQC,GAAYL,EAAiBK,EAAQC,KAC7CC,QAASF,IACR,MAAMG,EAAcH,EAAQI,UAAWC,IACrChB,EAAuBiB,IAAI,IAAWA,EAAM,CAACN,EAAQC,IAAKI,EAAQE,aAGpEV,EAAqBW,KAAKL,KAIzB,KACLN,EAAqBK,QAASO,IAC5BA,MAGEjB,KACFH,EAAsBvB,OAAOyB,OAAO,SAGvC,CACDN,EACAhB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAQ,IAGKJ,GAET,CACEsB,UAAWA,CAACC,EAA0C,MAAE,CACtD1C,OAAQ0C,EAAQC,MAAQ,MACxB1C,MAAOyC,EAAQC,MAAQ,KACvBzC,KAAMwC,EAAQC,MAAQ,IACtBxC,KAAMuC,EAAQC,MAAQ,IACtBvC,KAAMsC,EAAQC,MAAQ,IACtBtC,MAAOqC,EAAQC,MAAQ,KACvBrC,OAAQoC,EAAQC,MAAQ,MACxBpC,OAAQmC,EAAQE,MAAQ,MACxBpC,MAAOkC,EAAQE,MAAQ,KACvBnC,KAAMiC,EAAQE,MAAQ,IACtBlC,KAAMgC,EAAQE,MAAQ,IACtBjC,KAAM+B,EAAQE,MAAQ,IACtBhC,MAAO8B,EAAQE,MAAQ,KACvB/B,OAAQ6B,EAAQE,MAAQ,MACxB9B,UAAW4B,EAAQG,cAAgB,YACnC9B,SAAU2B,EAAQG,cAAgB"}
package/components/Media/useMediaConnector.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{useContext,useState,useLayoutEffect}from'react';import{useMountedStatus}from'../../hooks/useMountedStatus.mjs';import{MediaContext}from'./context.mjs';const useMediaConnector=Object.assign(((n={})=>{const{minXXS:a,minXS:o,minS:e,minM:m,minL:t,minXL:i,minXXL:X,maxXXS:s,maxXS:x,maxS:r,maxM:S,maxL:c,maxXL:L,maxXXL:l,landscape:u,portrait:B}=n;const M=useContext(MediaContext);const[d,p]=useState(Object.create(null));const f=useMountedStatus();return useLayoutEffect((()=>{const n={minXXS:Boolean(a),minXS:Boolean(o),minS:Boolean(e),minM:Boolean(m),minL:Boolean(t),minXL:Boolean(i),minXXL:Boolean(X),maxXXS:Boolean(s),maxXS:Boolean(x),maxS:Boolean(r),maxM:Boolean(S),maxL:Boolean(c),maxXL:Boolean(L),maxXXL:Boolean(l),landscape:Boolean(u),portrait:Boolean(B)};const d=[];return M&&M.matchers.filter((a=>n[a.id])).forEach((n=>{const a=n.subscribe((a=>{p((o=>({...o,[n.id]:a.matches})))}));d.push(a)})),()=>{d.forEach((n=>{n()})),f()&&p(Object.create(null))}}),[M,a,o,e,m,t,i,X,s,x,r,S,c,L,l,u,B,f]),d}),{getConfig:(n={})=>({minXXS:n.min==='XXS',minXS:n.min==='XS',minS:n.min==='S',minM:n.min==='M',minL:n.min==='L',minXL:n.min==='XL',minXXL:n.min==='XXL',maxXXS:n.max==='XXS',maxXS:n.max==='XS',maxS:n.max==='S',maxM:n.max==='M',maxL:n.max==='L',maxXL:n.max==='XL',maxXXL:n.max==='XXL',landscape:n.orientation==='landscape',portrait:n.orientation==='portrait'})});export{useMediaConnector};
1
+ import{useContext,useState,useLayoutEffect}from'react';import{useMountedStatus}from'../../hooks/useMountedStatus.mjs';import{MediaContext}from'./context.mjs';const useMediaConnector=Object.assign((n={})=>{const{minXXS:a,minXS:o,minS:e,minM:m,minL:t,minXL:i,minXXL:X,maxXXS:s,maxXS:x,maxS:r,maxM:S,maxL:c,maxXL:L,maxXXL:l,landscape:u,portrait:B}=n;const M=useContext(MediaContext);const[d,p]=useState(Object.create(null));const f=useMountedStatus();return useLayoutEffect(()=>{const n={minXXS:Boolean(a),minXS:Boolean(o),minS:Boolean(e),minM:Boolean(m),minL:Boolean(t),minXL:Boolean(i),minXXL:Boolean(X),maxXXS:Boolean(s),maxXS:Boolean(x),maxS:Boolean(r),maxM:Boolean(S),maxL:Boolean(c),maxXL:Boolean(L),maxXXL:Boolean(l),landscape:Boolean(u),portrait:Boolean(B)};const d=[];return M&&M.matchers.filter(a=>n[a.id]).forEach(n=>{const a=n.subscribe(a=>{p(o=>({...o,[n.id]:a.matches}))});d.push(a)}),()=>{d.forEach(n=>{n()}),f()&&p(Object.create(null))}},[M,a,o,e,m,t,i,X,s,x,r,S,c,L,l,u,B,f]),d},{getConfig:(n={})=>({minXXS:n.min==='XXS',minXS:n.min==='XS',minS:n.min==='S',minM:n.min==='M',minL:n.min==='L',minXL:n.min==='XL',minXXL:n.min==='XXL',maxXXS:n.max==='XXS',maxXS:n.max==='XS',maxS:n.max==='S',maxM:n.max==='M',maxL:n.max==='L',maxXL:n.max==='XL',maxXXL:n.max==='XXL',landscape:n.orientation==='landscape',portrait:n.orientation==='portrait'})});export{useMediaConnector};
2
2
  //# sourceMappingURL=useMediaConnector.mjs.map
package/components/Media/useMediaConnector.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useMediaConnector.mjs","sources":["../../../../src/components/Media/useMediaConnector.ts"],"sourcesContent":["import { useState, useContext, useLayoutEffect } from 'react'\nimport { useMountedStatus } from 'hooks/useMountedStatus'\nimport type { UnsubscribeObserverCallback } from 'shared/utils/Observable'\nimport type { MediaMatcherId, MediaConnectorConfig, MediaConnectorGetConfigOptions } from './types'\nimport { MediaContext } from './context'\n\nexport const useMediaConnector = Object.assign(\n (config: Partial<MediaConnectorConfig> = {}): Partial<Record<MediaMatcherId, boolean>> => {\n const {\n minXXS,\n minXS,\n minS,\n minM,\n minL,\n minXL,\n minXXL,\n maxXXS,\n maxXS,\n maxS,\n maxM,\n maxL,\n maxXL,\n maxXXL,\n landscape,\n portrait,\n } = config\n\n const mediator = useContext(MediaContext)\n\n const [breakpointsMatches, setBreakpointsMatches] = useState<Partial<Record<MediaMatcherId, boolean>>>(\n Object.create(null)\n )\n\n const getMountedStatus = useMountedStatus()\n\n useLayoutEffect(() => {\n const connectToMatcher: Record<MediaMatcherId, boolean> = {\n minXXS: Boolean(minXXS),\n minXS: Boolean(minXS),\n minS: Boolean(minS),\n minM: Boolean(minM),\n minL: Boolean(minL),\n minXL: Boolean(minXL),\n minXXL: Boolean(minXXL),\n maxXXS: Boolean(maxXXS),\n maxXS: Boolean(maxXS),\n maxS: Boolean(maxS),\n maxM: Boolean(maxM),\n maxL: Boolean(maxL),\n maxXL: Boolean(maxXL),\n maxXXL: Boolean(maxXXL),\n landscape: Boolean(landscape),\n portrait: Boolean(portrait),\n }\n\n const unsubscribeCallbacks: UnsubscribeObserverCallback[] = []\n\n if (mediator) {\n mediator.matchers\n .filter((matcher) => connectToMatcher[matcher.id])\n .forEach((matcher) => {\n const unsubscribe = matcher.subscribe((payload) => {\n setBreakpointsMatches((prev) => ({ ...prev, [matcher.id]: payload.matches }))\n })\n\n unsubscribeCallbacks.push(unsubscribe)\n })\n }\n\n return () => {\n unsubscribeCallbacks.forEach((callback) => {\n callback()\n })\n\n if (getMountedStatus()) {\n setBreakpointsMatches(Object.create(null))\n }\n }\n }, [\n mediator,\n minXXS,\n minXS,\n minS,\n minM,\n minL,\n minXL,\n minXXL,\n maxXXS,\n maxXS,\n maxS,\n maxM,\n maxL,\n maxXL,\n maxXXL,\n landscape,\n portrait,\n getMountedStatus,\n ])\n\n return breakpointsMatches\n },\n {\n getConfig: (options: MediaConnectorGetConfigOptions = {}): MediaConnectorConfig => ({\n minXXS: options.min === 'XXS',\n minXS: options.min === 'XS',\n minS: options.min === 'S',\n minM: options.min === 'M',\n minL: options.min === 'L',\n minXL: options.min === 'XL',\n minXXL: options.min === 'XXL',\n maxXXS: options.max === 'XXS',\n maxXS: options.max === 'XS',\n maxS: options.max === 'S',\n maxM: options.max === 'M',\n maxL: options.max === 'L',\n maxXL: options.max === 'XL',\n maxXXL: options.max === 'XXL',\n landscape: options.orientation === 'landscape',\n portrait: options.orientation === 'portrait',\n }),\n }\n)\n"],"names":["useMediaConnector","Object","assign","config","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait","mediator","useContext","MediaContext","breakpointsMatches","setBreakpointsMatches","useState","create","getMountedStatus","useMountedStatus","useLayoutEffect","connectToMatcher","Boolean","unsubscribeCallbacks","matchers","filter","matcher","id","forEach","unsubscribe","subscribe","payload","prev","matches","push","callback","getConfig","options","min","max","orientation"],"mappings":"8JAMO,MAAMA,kBAAoBC,OAAOC,QACtC,CAACC,EAAwC,CAAA,KACvC,MAAMC,OACJA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,GACEhB,EAEJ,MAAMiB,EAAWC,WAAWC,cAE5B,MAAOC,EAAoBC,GAAyBC,SAClDxB,OAAOyB,OAAO,OAGhB,MAAMC,EAAmBC,mBAkEzB,OAhEAC,iBAAgB,KACd,MAAMC,EAAoD,CACxD1B,OAAQ2B,QAAQ3B,GAChBC,MAAO0B,QAAQ1B,GACfC,KAAMyB,QAAQzB,GACdC,KAAMwB,QAAQxB,GACdC,KAAMuB,QAAQvB,GACdC,MAAOsB,QAAQtB,GACfC,OAAQqB,QAAQrB,GAChBC,OAAQoB,QAAQpB,GAChBC,MAAOmB,QAAQnB,GACfC,KAAMkB,QAAQlB,GACdC,KAAMiB,QAAQjB,GACdC,KAAMgB,QAAQhB,GACdC,MAAOe,QAAQf,GACfC,OAAQc,QAAQd,GAChBC,UAAWa,QAAQb,GACnBC,SAAUY,QAAQZ,IAGpB,MAAMa,EAAsD,GAc5D,OAZIZ,GACFA,EAASa,SACNC,QAAQC,GAAYL,EAAiBK,EAAQC,MAC7CC,SAASF,IACR,MAAMG,EAAcH,EAAQI,WAAWC,IACrChB,GAAuBiB,IAAI,IAAWA,EAAM,CAACN,EAAQC,IAAKI,EAAQE,WAAW,IAG/EV,EAAqBW,KAAKL,EAAY,IAIrC,KACLN,EAAqBK,SAASO,IAC5BA,GAAU,IAGRjB,KACFH,EAAsBvB,OAAOyB,OAAO,MACtC,CACD,GACA,CACDN,EACAhB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAQ,IAGKJ,CAAkB,GAE3B,CACEsB,UAAWA,CAACC,EAA0C,MAAE,CACtD1C,OAAQ0C,EAAQC,MAAQ,MACxB1C,MAAOyC,EAAQC,MAAQ,KACvBzC,KAAMwC,EAAQC,MAAQ,IACtBxC,KAAMuC,EAAQC,MAAQ,IACtBvC,KAAMsC,EAAQC,MAAQ,IACtBtC,MAAOqC,EAAQC,MAAQ,KACvBrC,OAAQoC,EAAQC,MAAQ,MACxBpC,OAAQmC,EAAQE,MAAQ,MACxBpC,MAAOkC,EAAQE,MAAQ,KACvBnC,KAAMiC,EAAQE,MAAQ,IACtBlC,KAAMgC,EAAQE,MAAQ,IACtBjC,KAAM+B,EAAQE,MAAQ,IACtBhC,MAAO8B,EAAQE,MAAQ,KACvB/B,OAAQ6B,EAAQE,MAAQ,MACxB9B,UAAW4B,EAAQG,cAAgB,YACnC9B,SAAU2B,EAAQG,cAAgB"}
1
+ {"version":3,"file":"useMediaConnector.mjs","sources":["../../../../src/components/Media/useMediaConnector.ts"],"sourcesContent":["import { useState, useContext, useLayoutEffect } from 'react'\nimport { useMountedStatus } from 'hooks/useMountedStatus'\nimport type { UnsubscribeObserverCallback } from 'shared/utils/Observable'\nimport type { MediaMatcherId, MediaConnectorConfig, MediaConnectorGetConfigOptions } from './types'\nimport { MediaContext } from './context'\n\nexport const useMediaConnector = Object.assign(\n (config: Partial<MediaConnectorConfig> = {}): Partial<Record<MediaMatcherId, boolean>> => {\n const {\n minXXS,\n minXS,\n minS,\n minM,\n minL,\n minXL,\n minXXL,\n maxXXS,\n maxXS,\n maxS,\n maxM,\n maxL,\n maxXL,\n maxXXL,\n landscape,\n portrait,\n } = config\n\n const mediator = useContext(MediaContext)\n\n const [breakpointsMatches, setBreakpointsMatches] = useState<Partial<Record<MediaMatcherId, boolean>>>(\n Object.create(null)\n )\n\n const getMountedStatus = useMountedStatus()\n\n useLayoutEffect(() => {\n const connectToMatcher: Record<MediaMatcherId, boolean> = {\n minXXS: Boolean(minXXS),\n minXS: Boolean(minXS),\n minS: Boolean(minS),\n minM: Boolean(minM),\n minL: Boolean(minL),\n minXL: Boolean(minXL),\n minXXL: Boolean(minXXL),\n maxXXS: Boolean(maxXXS),\n maxXS: Boolean(maxXS),\n maxS: Boolean(maxS),\n maxM: Boolean(maxM),\n maxL: Boolean(maxL),\n maxXL: Boolean(maxXL),\n maxXXL: Boolean(maxXXL),\n landscape: Boolean(landscape),\n portrait: Boolean(portrait),\n }\n\n const unsubscribeCallbacks: UnsubscribeObserverCallback[] = []\n\n if (mediator) {\n mediator.matchers\n .filter((matcher) => connectToMatcher[matcher.id])\n .forEach((matcher) => {\n const unsubscribe = matcher.subscribe((payload) => {\n setBreakpointsMatches((prev) => ({ ...prev, [matcher.id]: payload.matches }))\n })\n\n unsubscribeCallbacks.push(unsubscribe)\n })\n }\n\n return () => {\n unsubscribeCallbacks.forEach((callback) => {\n callback()\n })\n\n if (getMountedStatus()) {\n setBreakpointsMatches(Object.create(null))\n }\n }\n }, [\n mediator,\n minXXS,\n minXS,\n minS,\n minM,\n minL,\n minXL,\n minXXL,\n maxXXS,\n maxXS,\n maxS,\n maxM,\n maxL,\n maxXL,\n maxXXL,\n landscape,\n portrait,\n getMountedStatus,\n ])\n\n return breakpointsMatches\n },\n {\n getConfig: (options: MediaConnectorGetConfigOptions = {}): MediaConnectorConfig => ({\n minXXS: options.min === 'XXS',\n minXS: options.min === 'XS',\n minS: options.min === 'S',\n minM: options.min === 'M',\n minL: options.min === 'L',\n minXL: options.min === 'XL',\n minXXL: options.min === 'XXL',\n maxXXS: options.max === 'XXS',\n maxXS: options.max === 'XS',\n maxS: options.max === 'S',\n maxM: options.max === 'M',\n maxL: options.max === 'L',\n maxXL: options.max === 'XL',\n maxXXL: options.max === 'XXL',\n landscape: options.orientation === 'landscape',\n portrait: options.orientation === 'portrait',\n }),\n }\n)\n"],"names":["useMediaConnector","Object","assign","config","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait","mediator","useContext","MediaContext","breakpointsMatches","setBreakpointsMatches","useState","create","getMountedStatus","useMountedStatus","useLayoutEffect","connectToMatcher","Boolean","unsubscribeCallbacks","matchers","filter","matcher","id","forEach","unsubscribe","subscribe","payload","prev","matches","push","callback","getConfig","options","min","max","orientation"],"mappings":"8JAMO,MAAMA,kBAAoBC,OAAOC,OACtC,CAACC,EAAwC,CAAA,KACvC,MAAMC,OACJA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,GACEhB,EAEJ,MAAMiB,EAAWC,WAAWC,cAE5B,MAAOC,EAAoBC,GAAyBC,SAClDxB,OAAOyB,OAAO,OAGhB,MAAMC,EAAmBC,mBAkEzB,OAhEAC,gBAAgB,KACd,MAAMC,EAAoD,CACxD1B,OAAQ2B,QAAQ3B,GAChBC,MAAO0B,QAAQ1B,GACfC,KAAMyB,QAAQzB,GACdC,KAAMwB,QAAQxB,GACdC,KAAMuB,QAAQvB,GACdC,MAAOsB,QAAQtB,GACfC,OAAQqB,QAAQrB,GAChBC,OAAQoB,QAAQpB,GAChBC,MAAOmB,QAAQnB,GACfC,KAAMkB,QAAQlB,GACdC,KAAMiB,QAAQjB,GACdC,KAAMgB,QAAQhB,GACdC,MAAOe,QAAQf,GACfC,OAAQc,QAAQd,GAChBC,UAAWa,QAAQb,GACnBC,SAAUY,QAAQZ,IAGpB,MAAMa,EAAsD,GAc5D,OAZIZ,GACFA,EAASa,SACNC,OAAQC,GAAYL,EAAiBK,EAAQC,KAC7CC,QAASF,IACR,MAAMG,EAAcH,EAAQI,UAAWC,IACrChB,EAAuBiB,IAAI,IAAWA,EAAM,CAACN,EAAQC,IAAKI,EAAQE,aAGpEV,EAAqBW,KAAKL,KAIzB,KACLN,EAAqBK,QAASO,IAC5BA,MAGEjB,KACFH,EAAsBvB,OAAOyB,OAAO,SAGvC,CACDN,EACAhB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAQ,IAGKJ,GAET,CACEsB,UAAWA,CAACC,EAA0C,MAAE,CACtD1C,OAAQ0C,EAAQC,MAAQ,MACxB1C,MAAOyC,EAAQC,MAAQ,KACvBzC,KAAMwC,EAAQC,MAAQ,IACtBxC,KAAMuC,EAAQC,MAAQ,IACtBvC,KAAMsC,EAAQC,MAAQ,IACtBtC,MAAOqC,EAAQC,MAAQ,KACvBrC,OAAQoC,EAAQC,MAAQ,MACxBpC,OAAQmC,EAAQE,MAAQ,MACxBpC,MAAOkC,EAAQE,MAAQ,KACvBnC,KAAMiC,EAAQE,MAAQ,IACtBlC,KAAMgC,EAAQE,MAAQ,IACtBjC,KAAM+B,EAAQE,MAAQ,IACtBhC,MAAO8B,EAAQE,MAAQ,KACvB/B,OAAQ6B,EAAQE,MAAQ,MACxB9B,UAAW4B,EAAQG,cAAgB,YACnC9B,SAAU2B,EAAQG,cAAgB"}
package/components/Menu/Menu.js CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var dom=require('../../shared/utils/dom.js');var misc=require('../../shared/utils/misc.js');var jsxRuntime=require('react/jsx-runtime');var MenuDivider=require('../MenuDivider/MenuDivider.js');var MenuContainer=require('../MenuContainer/MenuContainer.js');var MenuList=require('../MenuList/MenuList.js');var MenuComponent=require('../MenuComponent/MenuComponent.js');var constants=require('../MenuComponent/constants.js');var Tooltip=require('../Tooltip/Tooltip.js');const Menu=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:n="m",disableFlip:r=!0,offset:s=8,placement:i="bottom-start",styles:o={},sizeXXS:u,sizeXS:a,sizeS:c,sizeM:l,sizeL:p,sizeXL:m,sizes:d,sizeUnits:M,render:v,primary:z,secondary:f,palette:C,autoFocus:j,disableAutoFocus:b,portalElement:L,...q}=e;const y={size:n,sizeXXS:u,sizeXS:a,sizeS:c,sizeM:l,sizeL:p,sizeXL:m,sizes:d,sizeUnits:M};const[h,R]=React.useState(null);const g=React.useRef(null);return React.useLayoutEffect((()=>{let e=null;return L?R(null):document.body&&(e=document.createElement('div'),e.dataset.menuPortal='true',e.style.position='relative',document.body.appendChild(e),R(e)),()=>{e&&e.isConnected&&e.remove()}}),[L]),L||h?jsxRuntime.jsx(Tooltip.Tooltip,{...q,ref:t,preset:"brand",hideArrow:!0,portalElement:L??h,getPopper:(e,t)=>{e.state.elements.reference instanceof HTMLElement&&(g.current=e.state.elements.reference),q.getPopper&&q.getPopper(e,t)},callback:(e,t)=>{e==='close'&&g.current instanceof HTMLElement&&dom.focusFirstFocusable(g.current),q.callback&&q.callback(e,t)},disableFlip:r,offset:s,placement:i,styles:misc.deepmerge(f?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}},o),component:jsxRuntime.jsx(MenuComponent.MenuComponent,{...y,autoFocus:j,disableAutoFocus:b,primary:z,secondary:f,palette:C,children:v})}):null})),{displayName:'Menu',sizes:constants.SIZES}),{Component:MenuComponent.MenuComponent,List:MenuList.MenuList,Container:MenuContainer.MenuContainer,Divider:MenuDivider.MenuDivider});exports.Menu=Menu;
1
+ 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var dom=require('../../shared/utils/dom.js');var misc=require('../../shared/utils/misc.js');var jsxRuntime=require('react/jsx-runtime');var MenuDivider=require('../MenuDivider/MenuDivider.js');var MenuContainer=require('../MenuContainer/MenuContainer.js');var MenuList=require('../MenuList/MenuList.js');var MenuComponent=require('../MenuComponent/MenuComponent.js');var constants=require('../MenuComponent/constants.js');var Tooltip=require('../Tooltip/Tooltip.js');const Menu=Object.assign(withMergedProps.withMergedProps(React.forwardRef((e,n)=>{const{size:t="m",disableFlip:r=!0,offset:o=8,placement:s="bottom-start",styles:i={},autoOpen:u,callback:a,children:l,open:c,portalElement:p,render:d,debug:m,getPopper:M,zIndex:v,closeOnClickOutside:C,...f}=e;const[j,b]=React.useState(null);const g=React.useRef(null);return React.useLayoutEffect(()=>{let e=null;return p?b(null):document.body&&(e=document.createElement('div'),e.dataset.menuPortal='true',e.style.position='relative',document.body.appendChild(e),b(e)),()=>{e&&e.isConnected&&e.remove()}},[p]),p||j?jsxRuntime.jsx(Tooltip.Tooltip,{ref:n,preset:"brand",hideArrow:!0,trigger:l,portalElement:p??j,open:c,autoOpen:u,getPopper:(e,n)=>{e.state.elements.reference instanceof HTMLElement&&(g.current=e.state.elements.reference),M&&M(e,n)},callback:(e,n)=>{e==='close'&&g.current instanceof HTMLElement&&dom.focusFirstFocusable(g.current),a&&a(e,n)},disableFlip:r,offset:o,position:s,zIndex:v,closeOnClickOutside:C,styles:misc.deepmerge(f.secondary?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}},i),component:jsxRuntime.jsx(MenuComponent.MenuComponent,{...f,size:t,children:d}),debug:m}):null}),{displayName:'Menu',sizes:constants.SIZES}),{Component:MenuComponent.MenuComponent,List:MenuList.MenuList,Container:MenuContainer.MenuContainer,Divider:MenuDivider.MenuDivider});exports.Menu=Menu;
2
2
  //# sourceMappingURL=Menu.js.map