@koine/react 1.0.9 → 1.0.10

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 (589) hide show
  1. package/package.json +22 -9
  2. package/Alert/Alert.d.ts +0 -5
  3. package/Alert/Alert.js +0 -16
  4. package/Alert/index.d.ts +0 -1
  5. package/Alert/index.js +0 -1
  6. package/Alert/package.json +0 -6
  7. package/Animations/Reveal.d.ts +0 -4
  8. package/Animations/Reveal.js +0 -15
  9. package/Animations/Underline.d.ts +0 -1
  10. package/Animations/Underline.js +0 -15
  11. package/Animations/index.d.ts +0 -3
  12. package/Animations/index.js +0 -3
  13. package/Animations/package.json +0 -6
  14. package/Animations/useReveal.d.ts +0 -33
  15. package/Animations/useReveal.js +0 -70
  16. package/Autocomplete/AutocompleteDownshift.d.ts +0 -1
  17. package/Autocomplete/AutocompleteDownshift.js +0 -158
  18. package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts +0 -1
  19. package/Autocomplete/AutocompleteDownshiftMultiselect.js +0 -353
  20. package/Autocomplete/AutocompleteMui.d.ts +0 -47
  21. package/Autocomplete/AutocompleteMui.js +0 -177
  22. package/Autocomplete/AutocompleteReach.d.ts +0 -1
  23. package/Autocomplete/AutocompleteReach.js +0 -112
  24. package/Autocomplete/components.d.ts +0 -21
  25. package/Autocomplete/components.js +0 -89
  26. package/Autocomplete/helpers.d.ts +0 -3
  27. package/Autocomplete/helpers.js +0 -28
  28. package/Autocomplete/index.d.ts +0 -2
  29. package/Autocomplete/index.js +0 -3
  30. package/Autocomplete/package.json +0 -6
  31. package/Bg/BgColor.d.ts +0 -36
  32. package/Bg/BgColor.js +0 -31
  33. package/Bg/BgPhoto.d.ts +0 -13
  34. package/Bg/BgPhoto.js +0 -59
  35. package/Bg/BgSvg.d.ts +0 -7
  36. package/Bg/BgSvg.js +0 -15
  37. package/Bg/index.d.ts +0 -3
  38. package/Bg/index.js +0 -3
  39. package/Bg/package.json +0 -6
  40. package/Breadcrumbs/Breadcrumbs.d.ts +0 -13
  41. package/Breadcrumbs/Breadcrumbs.js +0 -67
  42. package/Breadcrumbs/index.d.ts +0 -1
  43. package/Breadcrumbs/index.js +0 -1
  44. package/Breadcrumbs/package.json +0 -6
  45. package/Buttons/Button.d.ts +0 -18
  46. package/Buttons/Button.js +0 -79
  47. package/Buttons/ButtonComposite.d.ts +0 -23
  48. package/Buttons/ButtonComposite.js +0 -49
  49. package/Buttons/ButtonFab.d.ts +0 -7
  50. package/Buttons/ButtonFab.js +0 -8
  51. package/Buttons/ButtonLink.d.ts +0 -8
  52. package/Buttons/ButtonLink.js +0 -10
  53. package/Buttons/IconButton.d.ts +0 -11
  54. package/Buttons/IconButton.js +0 -19
  55. package/Buttons/index.d.ts +0 -5
  56. package/Buttons/index.js +0 -5
  57. package/Buttons/package.json +0 -6
  58. package/Calendar/CalendarDaygridCell.d.ts +0 -36
  59. package/Calendar/CalendarDaygridCell.js +0 -51
  60. package/Calendar/CalendarDaygridNav.d.ts +0 -27
  61. package/Calendar/CalendarDaygridNav.js +0 -22
  62. package/Calendar/CalendarDaygridTable.d.ts +0 -25
  63. package/Calendar/CalendarDaygridTable.js +0 -55
  64. package/Calendar/CalendarLegend.d.ts +0 -19
  65. package/Calendar/CalendarLegend.js +0 -11
  66. package/Calendar/calendar-api-google.d.ts +0 -18
  67. package/Calendar/calendar-api-google.js +0 -94
  68. package/Calendar/index.d.ts +0 -6
  69. package/Calendar/index.js +0 -6
  70. package/Calendar/package.json +0 -6
  71. package/Calendar/types.d.ts +0 -81
  72. package/Calendar/types.js +0 -1
  73. package/Calendar/useCalendar.d.ts +0 -49
  74. package/Calendar/useCalendar.js +0 -182
  75. package/Calendar/utils.d.ts +0 -11
  76. package/Calendar/utils.js +0 -203
  77. package/Carousel/Carousel.d.ts +0 -1
  78. package/Carousel/Carousel.js +0 -378
  79. package/Carousel/CarouselCss.d.ts +0 -47
  80. package/Carousel/CarouselCss.js +0 -36
  81. package/Carousel/index.d.ts +0 -1
  82. package/Carousel/index.js +0 -1
  83. package/Carousel/package.json +0 -6
  84. package/Collapsable/Collapsable.d.ts +0 -1
  85. package/Collapsable/Collapsable.js +0 -1
  86. package/Collapsable/CollapsableReach.d.ts +0 -66
  87. package/Collapsable/CollapsableReach.js +0 -135
  88. package/Collapsable/index.d.ts +0 -1
  89. package/Collapsable/index.js +0 -1
  90. package/Collapsable/package.json +0 -6
  91. package/Debug/Debug.d.ts +0 -4
  92. package/Debug/Debug.js +0 -21
  93. package/Debug/index.d.ts +0 -1
  94. package/Debug/index.js +0 -1
  95. package/Debug/package.json +0 -6
  96. package/Dialog/DialogMui.d.ts +0 -139
  97. package/Dialog/DialogMui.js +0 -78
  98. package/Dialog/css/bare.d.ts +0 -145
  99. package/Dialog/css/bare.js +0 -19
  100. package/Dialog/index.d.ts +0 -2
  101. package/Dialog/index.js +0 -1
  102. package/Dialog/m/bare.d.ts +0 -56
  103. package/Dialog/m/bare.js +0 -48
  104. package/Dialog/m/basic.d.ts +0 -4
  105. package/Dialog/m/basic.js +0 -31
  106. package/Dialog/m/index.d.ts +0 -2
  107. package/Dialog/m/index.js +0 -4
  108. package/Dialog/m/package.json +0 -6
  109. package/Dialog/package.json +0 -6
  110. package/Dialog/sc/bare.d.ts +0 -105
  111. package/Dialog/sc/bare.js +0 -61
  112. package/Dialog/sc/framer.d.ts +0 -80
  113. package/Dialog/sc/framer.js +0 -16
  114. package/Dialog/sc/framerMaterial.d.ts +0 -79
  115. package/Dialog/sc/framerMaterial.js +0 -16
  116. package/Dialog/sc/material.d.ts +0 -94
  117. package/Dialog/sc/material.js +0 -41
  118. package/Dialog/tw/bare.d.ts +0 -196
  119. package/Dialog/tw/bare.js +0 -36
  120. package/Dialog/tw/elegant.d.ts +0 -244
  121. package/Dialog/tw/elegant.js +0 -18
  122. package/Dialog/tw/framer.d.ts +0 -112
  123. package/Dialog/tw/framer.js +0 -16
  124. package/Dialog/tw/framerMaterial.d.ts +0 -167
  125. package/Dialog/tw/framerMaterial.js +0 -16
  126. package/Dialog/tw/material.d.ts +0 -244
  127. package/Dialog/tw/material.js +0 -18
  128. package/Editor/Editor--tiptap.d.ts +0 -9
  129. package/Editor/Editor--tiptap.js +0 -23
  130. package/Editor/components.d.ts +0 -7
  131. package/Editor/components.js +0 -28
  132. package/Editor/index.d.ts +0 -1
  133. package/Editor/index.js +0 -1
  134. package/Editor/package.json +0 -6
  135. package/Favicon/FaviconTags.d.ts +0 -18
  136. package/Favicon/FaviconTags.js +0 -14
  137. package/Favicon/index.d.ts +0 -1
  138. package/Favicon/index.js +0 -1
  139. package/Favicon/package.json +0 -6
  140. package/Forms/Checkbox/Checkbox.d.ts +0 -11
  141. package/Forms/Checkbox/Checkbox.js +0 -24
  142. package/Forms/Checkbox/index.d.ts +0 -1
  143. package/Forms/Checkbox/index.js +0 -1
  144. package/Forms/Checkbox/package.json +0 -6
  145. package/Forms/Feedback/Feedback.d.ts +0 -5
  146. package/Forms/Feedback/Feedback.js +0 -10
  147. package/Forms/Feedback/index.d.ts +0 -1
  148. package/Forms/Feedback/index.js +0 -1
  149. package/Forms/Feedback/package.json +0 -6
  150. package/Forms/Field/Field.d.ts +0 -15
  151. package/Forms/Field/Field.js +0 -59
  152. package/Forms/Field/FieldControl.d.ts +0 -26
  153. package/Forms/Field/FieldControl.js +0 -43
  154. package/Forms/Field/FieldHint.d.ts +0 -1
  155. package/Forms/Field/FieldHint.js +0 -6
  156. package/Forms/Field/index.d.ts +0 -2
  157. package/Forms/Field/index.js +0 -2
  158. package/Forms/Field/package.json +0 -6
  159. package/Forms/Form/Form.d.ts +0 -31
  160. package/Forms/Form/Form.js +0 -62
  161. package/Forms/Form/index.d.ts +0 -1
  162. package/Forms/Form/index.js +0 -1
  163. package/Forms/Form/package.json +0 -6
  164. package/Forms/Input/Input.d.ts +0 -9
  165. package/Forms/Input/Input.js +0 -23
  166. package/Forms/Input/index.d.ts +0 -1
  167. package/Forms/Input/index.js +0 -1
  168. package/Forms/Input/package.json +0 -6
  169. package/Forms/InputGroup/InputGroup.d.ts +0 -13
  170. package/Forms/InputGroup/InputGroup.js +0 -42
  171. package/Forms/InputGroup/index.d.ts +0 -1
  172. package/Forms/InputGroup/index.js +0 -1
  173. package/Forms/InputGroup/package.json +0 -6
  174. package/Forms/Label/Label.d.ts +0 -3
  175. package/Forms/Label/Label.js +0 -24
  176. package/Forms/Label/index.d.ts +0 -1
  177. package/Forms/Label/index.js +0 -1
  178. package/Forms/Label/package.json +0 -6
  179. package/Forms/Password/Password.d.ts +0 -5
  180. package/Forms/Password/Password.js +0 -30
  181. package/Forms/Password/index.d.ts +0 -1
  182. package/Forms/Password/index.js +0 -1
  183. package/Forms/Password/package.json +0 -6
  184. package/Forms/Radio/Radio.d.ts +0 -12
  185. package/Forms/Radio/Radio.js +0 -28
  186. package/Forms/Radio/index.d.ts +0 -1
  187. package/Forms/Radio/index.js +0 -1
  188. package/Forms/Radio/package.json +0 -6
  189. package/Forms/Switch/Switch.d.ts +0 -9
  190. package/Forms/Switch/Switch.js +0 -50
  191. package/Forms/Switch/index.d.ts +0 -1
  192. package/Forms/Switch/index.js +0 -1
  193. package/Forms/Switch/package.json +0 -6
  194. package/Forms/Textarea/Textarea.d.ts +0 -5
  195. package/Forms/Textarea/Textarea.js +0 -13
  196. package/Forms/Textarea/TextareaRich.d.ts +0 -6
  197. package/Forms/Textarea/TextareaRich.js +0 -42
  198. package/Forms/Textarea/index.d.ts +0 -2
  199. package/Forms/Textarea/index.js +0 -2
  200. package/Forms/Textarea/package.json +0 -6
  201. package/Forms/Toggle/Toggle.d.ts +0 -19
  202. package/Forms/Toggle/Toggle.js +0 -79
  203. package/Forms/Toggle/index.d.ts +0 -1
  204. package/Forms/Toggle/index.js +0 -1
  205. package/Forms/Toggle/package.json +0 -6
  206. package/Forms/Toggle/useToggle.d.ts +0 -46
  207. package/Forms/Toggle/useToggle.js +0 -145
  208. package/Forms/antispam.d.ts +0 -24
  209. package/Forms/antispam.js +0 -56
  210. package/Forms/helpers.d.ts +0 -26
  211. package/Forms/helpers.js +0 -44
  212. package/Forms/index.d.ts +0 -16
  213. package/Forms/index.js +0 -17
  214. package/Forms/package.json +0 -6
  215. package/Forms/styles.d.ts +0 -19
  216. package/Forms/styles.js +0 -60
  217. package/Gauge/Gauge.d.ts +0 -5
  218. package/Gauge/Gauge.js +0 -102
  219. package/Grid/Grid.d.ts +0 -64
  220. package/Grid/Grid.js +0 -79
  221. package/Grid/index.d.ts +0 -1
  222. package/Grid/index.js +0 -1
  223. package/Grid/package.json +0 -6
  224. package/Hamburger/Hamburger.d.ts +0 -6
  225. package/Hamburger/Hamburger.js +0 -64
  226. package/Hamburger/index.d.ts +0 -1
  227. package/Hamburger/index.js +0 -1
  228. package/Hamburger/package.json +0 -6
  229. package/Header/index.d.ts +0 -1
  230. package/Header/index.js +0 -1
  231. package/Header/package.json +0 -6
  232. package/Header/useHeader.d.ts +0 -24
  233. package/Header/useHeader.js +0 -30
  234. package/Hidden/Hidden.d.ts +0 -6
  235. package/Hidden/Hidden.js +0 -14
  236. package/Hidden/index.d.ts +0 -1
  237. package/Hidden/index.js +0 -1
  238. package/Hidden/package.json +0 -6
  239. package/Img/index.d.ts +0 -1
  240. package/Img/index.js +0 -1
  241. package/Img/package.json +0 -6
  242. package/Img/sc/bare.d.ts +0 -2
  243. package/Img/sc/bare.js +0 -37
  244. package/Img/types.d.ts +0 -9
  245. package/Img/types.js +0 -1
  246. package/Link/Link.d.ts +0 -5
  247. package/Link/Link.js +0 -2
  248. package/Link/LinkBlank.d.ts +0 -8
  249. package/Link/LinkBlank.js +0 -26
  250. package/Link/index.d.ts +0 -2
  251. package/Link/index.js +0 -2
  252. package/Link/package.json +0 -6
  253. package/Menu/Menu.d.ts +0 -1
  254. package/Menu/Menu.js +0 -11
  255. package/Menu/index.d.ts +0 -1
  256. package/Menu/index.js +0 -1
  257. package/Menu/package.json +0 -6
  258. package/MenuItem/MenuItem.d.ts +0 -4
  259. package/MenuItem/MenuItem.js +0 -20
  260. package/MenuItem/index.d.ts +0 -1
  261. package/MenuItem/index.js +0 -1
  262. package/MenuItem/package.json +0 -6
  263. package/Meta/Meta.d.ts +0 -14
  264. package/Meta/Meta.js +0 -4
  265. package/Meta/index.d.ts +0 -1
  266. package/Meta/index.js +0 -1
  267. package/Meta/package.json +0 -6
  268. package/NoJs/NoJs.d.ts +0 -2
  269. package/NoJs/NoJs.js +0 -6
  270. package/NoJs/index.d.ts +0 -1
  271. package/NoJs/index.js +0 -1
  272. package/NoJs/package.json +0 -6
  273. package/Pagination/PaginationNav.d.ts +0 -22
  274. package/Pagination/PaginationNav.js +0 -83
  275. package/Pagination/PaginationResults.d.ts +0 -3
  276. package/Pagination/PaginationResults.js +0 -10
  277. package/Pagination/index.d.ts +0 -2
  278. package/Pagination/index.js +0 -2
  279. package/Pagination/package.json +0 -6
  280. package/Pill/Pill.d.ts +0 -5
  281. package/Pill/Pill.js +0 -37
  282. package/Pill/index.d.ts +0 -1
  283. package/Pill/index.js +0 -1
  284. package/Pill/package.json +0 -6
  285. package/Progress/ProgressCircular.d.ts +0 -19
  286. package/Progress/ProgressCircular.js +0 -36
  287. package/Progress/ProgressLinear.d.ts +0 -22
  288. package/Progress/ProgressLinear.js +0 -32
  289. package/Progress/ProgressOverlay.d.ts +0 -4
  290. package/Progress/ProgressOverlay.js +0 -40
  291. package/Progress/index.d.ts +0 -3
  292. package/Progress/index.js +0 -3
  293. package/Progress/package.json +0 -6
  294. package/Rating/Rating.d.ts +0 -35
  295. package/Rating/Rating.js +0 -90
  296. package/Rating/index.d.ts +0 -11
  297. package/Rating/index.js +0 -45
  298. package/Rating/package.json +0 -6
  299. package/Select/SelectDownshift.d.ts +0 -5
  300. package/Select/SelectDownshift.js +0 -38
  301. package/Select/components.d.ts +0 -6
  302. package/Select/components.js +0 -18
  303. package/Select/index.d.ts +0 -2
  304. package/Select/index.js +0 -3
  305. package/Select/package.json +0 -6
  306. package/Sidebar/Sidebar.d.ts +0 -3
  307. package/Sidebar/Sidebar.js +0 -48
  308. package/Sidebar/index.d.ts +0 -1
  309. package/Sidebar/index.js +0 -1
  310. package/Sidebar/package.json +0 -6
  311. package/Spacing/Spacing.d.ts +0 -30
  312. package/Spacing/Spacing.js +0 -45
  313. package/Spacing/index.d.ts +0 -1
  314. package/Spacing/index.js +0 -1
  315. package/Spacing/package.json +0 -6
  316. package/Sticky/Sticky.d.ts +0 -2
  317. package/Sticky/Sticky.js +0 -219
  318. package/Sticky/StickyCss.d.ts +0 -5
  319. package/Sticky/StickyCss.js +0 -4
  320. package/Sticky/index.d.ts +0 -1
  321. package/Sticky/index.js +0 -1
  322. package/Sticky/package.json +0 -6
  323. package/Tabs/Tabs.d.ts +0 -27
  324. package/Tabs/Tabs.js +0 -62
  325. package/Tabs/index.d.ts +0 -1
  326. package/Tabs/index.js +0 -1
  327. package/Tabs/package.json +0 -6
  328. package/Typography/CopyPasteVisible.d.ts +0 -1
  329. package/Typography/CopyPasteVisible.js +0 -6
  330. package/Typography/Native.d.ts +0 -10
  331. package/Typography/Native.js +0 -47
  332. package/Typography/ReadMore.d.ts +0 -12
  333. package/Typography/ReadMore.js +0 -69
  334. package/Typography/TextLoop.d.ts +0 -16
  335. package/Typography/TextLoop.js +0 -49
  336. package/Typography/TypeStairs.d.ts +0 -6
  337. package/Typography/TypeStairs.js +0 -46
  338. package/Typography/index.d.ts +0 -5
  339. package/Typography/index.js +0 -5
  340. package/Typography/package.json +0 -6
  341. package/css/index.d.ts +0 -2
  342. package/css/index.js +0 -30
  343. package/css/package.json +0 -6
  344. package/helpers/classed.d.ts +0 -22
  345. package/helpers/classed.js +0 -64
  346. package/helpers/extend-component.d.ts +0 -28
  347. package/helpers/extend-component.js +0 -12
  348. package/helpers/index.d.ts +0 -3
  349. package/helpers/index.js +0 -2
  350. package/helpers/package.json +0 -6
  351. package/hooks/index.d.ts +0 -6
  352. package/hooks/index.js +0 -7
  353. package/hooks/package.json +0 -6
  354. package/hooks/useDateLocale.d.ts +0 -7
  355. package/hooks/useDateLocale.js +0 -29
  356. package/hooks/useFocus.d.ts +0 -4
  357. package/hooks/useFocus.js +0 -11
  358. package/hooks/usePrevious.d.ts +0 -1
  359. package/hooks/usePrevious.js +0 -8
  360. package/hooks/useScrollPosition.d.ts +0 -15
  361. package/hooks/useScrollPosition.js +0 -75
  362. package/hooks/useScrollTo.d.ts +0 -1
  363. package/hooks/useScrollTo.js +0 -19
  364. package/hooks/useTraceUpdate.d.ts +0 -4
  365. package/hooks/useTraceUpdate.js +0 -20
  366. package/hooks/useWindowSize.d.ts +0 -1
  367. package/hooks/useWindowSize.js +0 -13
  368. package/index.d.ts +0 -1
  369. package/index.js +0 -5
  370. package/m/MotionProvider.d.ts +0 -37
  371. package/m/MotionProvider.js +0 -37
  372. package/m/index.d.ts +0 -6
  373. package/m/index.js +0 -6
  374. package/m/lite.d.ts +0 -2
  375. package/m/lite.js +0 -2
  376. package/m/max.d.ts +0 -2
  377. package/m/max.js +0 -2
  378. package/m/package.json +0 -6
  379. package/node/Alert/Alert.js +0 -21
  380. package/node/Alert/index.js +0 -4
  381. package/node/Animations/Reveal.js +0 -19
  382. package/node/Animations/Underline.js +0 -19
  383. package/node/Animations/index.js +0 -6
  384. package/node/Animations/useReveal.js +0 -74
  385. package/node/Autocomplete/AutocompleteDownshift.js +0 -161
  386. package/node/Autocomplete/AutocompleteDownshiftMultiselect.js +0 -356
  387. package/node/Autocomplete/AutocompleteMui.js +0 -175
  388. package/node/Autocomplete/AutocompleteReach.js +0 -115
  389. package/node/Autocomplete/components.js +0 -93
  390. package/node/Autocomplete/helpers.js +0 -32
  391. package/node/Autocomplete/index.js +0 -7
  392. package/node/Bg/BgColor.js +0 -36
  393. package/node/Bg/BgPhoto.js +0 -64
  394. package/node/Bg/BgSvg.js +0 -20
  395. package/node/Bg/index.js +0 -6
  396. package/node/Breadcrumbs/Breadcrumbs.js +0 -72
  397. package/node/Breadcrumbs/index.js +0 -4
  398. package/node/Buttons/Button.js +0 -83
  399. package/node/Buttons/ButtonComposite.js +0 -54
  400. package/node/Buttons/ButtonFab.js +0 -12
  401. package/node/Buttons/ButtonLink.js +0 -15
  402. package/node/Buttons/IconButton.js +0 -23
  403. package/node/Buttons/index.js +0 -8
  404. package/node/Calendar/CalendarDaygridCell.js +0 -55
  405. package/node/Calendar/CalendarDaygridNav.js +0 -27
  406. package/node/Calendar/CalendarDaygridTable.js +0 -60
  407. package/node/Calendar/CalendarLegend.js +0 -15
  408. package/node/Calendar/calendar-api-google.js +0 -99
  409. package/node/Calendar/index.js +0 -9
  410. package/node/Calendar/types.js +0 -2
  411. package/node/Calendar/useCalendar.js +0 -186
  412. package/node/Calendar/utils.js +0 -217
  413. package/node/Carousel/Carousel.js +0 -381
  414. package/node/Carousel/CarouselCss.js +0 -41
  415. package/node/Carousel/index.js +0 -4
  416. package/node/Collapsable/Collapsable.js +0 -4
  417. package/node/Collapsable/CollapsableReach.js +0 -141
  418. package/node/Collapsable/index.js +0 -4
  419. package/node/Debug/Debug.js +0 -26
  420. package/node/Debug/index.js +0 -4
  421. package/node/Dialog/DialogMui.js +0 -82
  422. package/node/Dialog/css/bare.js +0 -23
  423. package/node/Dialog/index.js +0 -5
  424. package/node/Dialog/m/bare.js +0 -51
  425. package/node/Dialog/m/basic.js +0 -35
  426. package/node/Dialog/m/index.js +0 -8
  427. package/node/Dialog/sc/bare.js +0 -65
  428. package/node/Dialog/sc/framer.js +0 -19
  429. package/node/Dialog/sc/framerMaterial.js +0 -19
  430. package/node/Dialog/sc/material.js +0 -45
  431. package/node/Dialog/tw/bare.js +0 -40
  432. package/node/Dialog/tw/elegant.js +0 -21
  433. package/node/Dialog/tw/framer.js +0 -19
  434. package/node/Dialog/tw/framerMaterial.js +0 -19
  435. package/node/Dialog/tw/material.js +0 -21
  436. package/node/Editor/Editor--tiptap.js +0 -29
  437. package/node/Editor/components.js +0 -34
  438. package/node/Editor/index.js +0 -4
  439. package/node/Favicon/FaviconTags.js +0 -18
  440. package/node/Favicon/index.js +0 -4
  441. package/node/Forms/Checkbox/Checkbox.js +0 -28
  442. package/node/Forms/Checkbox/index.js +0 -4
  443. package/node/Forms/Feedback/Feedback.js +0 -15
  444. package/node/Forms/Feedback/index.js +0 -4
  445. package/node/Forms/Field/Field.js +0 -64
  446. package/node/Forms/Field/FieldControl.js +0 -47
  447. package/node/Forms/Field/FieldHint.js +0 -10
  448. package/node/Forms/Field/index.js +0 -5
  449. package/node/Forms/Form/Form.js +0 -67
  450. package/node/Forms/Form/index.js +0 -4
  451. package/node/Forms/Input/Input.js +0 -27
  452. package/node/Forms/Input/index.js +0 -4
  453. package/node/Forms/InputGroup/InputGroup.js +0 -47
  454. package/node/Forms/InputGroup/index.js +0 -4
  455. package/node/Forms/Label/Label.js +0 -28
  456. package/node/Forms/Label/index.js +0 -4
  457. package/node/Forms/Password/Password.js +0 -34
  458. package/node/Forms/Password/index.js +0 -4
  459. package/node/Forms/Radio/Radio.js +0 -32
  460. package/node/Forms/Radio/index.js +0 -4
  461. package/node/Forms/Switch/Switch.js +0 -54
  462. package/node/Forms/Switch/index.js +0 -4
  463. package/node/Forms/Textarea/Textarea.js +0 -17
  464. package/node/Forms/Textarea/TextareaRich.js +0 -46
  465. package/node/Forms/Textarea/index.js +0 -5
  466. package/node/Forms/Toggle/Toggle.js +0 -85
  467. package/node/Forms/Toggle/index.js +0 -4
  468. package/node/Forms/Toggle/useToggle.js +0 -149
  469. package/node/Forms/antispam.js +0 -61
  470. package/node/Forms/helpers.js +0 -51
  471. package/node/Forms/index.js +0 -20
  472. package/node/Forms/styles.js +0 -64
  473. package/node/Gauge/Gauge.js +0 -106
  474. package/node/Grid/Grid.js +0 -83
  475. package/node/Grid/index.js +0 -4
  476. package/node/Hamburger/Hamburger.js +0 -69
  477. package/node/Hamburger/index.js +0 -4
  478. package/node/Header/index.js +0 -4
  479. package/node/Header/useHeader.js +0 -34
  480. package/node/Hidden/Hidden.js +0 -18
  481. package/node/Hidden/index.js +0 -4
  482. package/node/Img/index.js +0 -4
  483. package/node/Img/sc/bare.js +0 -41
  484. package/node/Img/types.js +0 -2
  485. package/node/Link/Link.js +0 -6
  486. package/node/Link/LinkBlank.js +0 -31
  487. package/node/Link/index.js +0 -5
  488. package/node/Menu/Menu.js +0 -15
  489. package/node/Menu/index.js +0 -4
  490. package/node/MenuItem/MenuItem.js +0 -24
  491. package/node/MenuItem/index.js +0 -4
  492. package/node/Meta/Meta.js +0 -8
  493. package/node/Meta/index.js +0 -4
  494. package/node/NoJs/NoJs.js +0 -10
  495. package/node/NoJs/index.js +0 -4
  496. package/node/Pagination/PaginationNav.js +0 -88
  497. package/node/Pagination/PaginationResults.js +0 -15
  498. package/node/Pagination/index.js +0 -5
  499. package/node/Pill/Pill.js +0 -41
  500. package/node/Pill/index.js +0 -4
  501. package/node/Progress/ProgressCircular.js +0 -41
  502. package/node/Progress/ProgressLinear.js +0 -37
  503. package/node/Progress/ProgressOverlay.js +0 -45
  504. package/node/Progress/index.js +0 -6
  505. package/node/Rating/Rating.js +0 -96
  506. package/node/Rating/index.js +0 -53
  507. package/node/Select/SelectDownshift.js +0 -41
  508. package/node/Select/components.js +0 -22
  509. package/node/Select/index.js +0 -7
  510. package/node/Sidebar/Sidebar.js +0 -53
  511. package/node/Sidebar/index.js +0 -4
  512. package/node/Spacing/Spacing.js +0 -50
  513. package/node/Spacing/index.js +0 -4
  514. package/node/Sticky/Sticky.js +0 -222
  515. package/node/Sticky/StickyCss.js +0 -8
  516. package/node/Sticky/index.js +0 -4
  517. package/node/Tabs/Tabs.js +0 -67
  518. package/node/Tabs/index.js +0 -4
  519. package/node/Typography/CopyPasteVisible.js +0 -10
  520. package/node/Typography/Native.js +0 -51
  521. package/node/Typography/ReadMore.js +0 -74
  522. package/node/Typography/TextLoop.js +0 -54
  523. package/node/Typography/TypeStairs.js +0 -49
  524. package/node/Typography/index.js +0 -8
  525. package/node/css/index.js +0 -35
  526. package/node/helpers/classed.js +0 -68
  527. package/node/helpers/extend-component.js +0 -16
  528. package/node/helpers/index.js +0 -5
  529. package/node/hooks/index.js +0 -10
  530. package/node/hooks/useDateLocale.js +0 -56
  531. package/node/hooks/useFocus.js +0 -15
  532. package/node/hooks/usePrevious.js +0 -12
  533. package/node/hooks/useScrollPosition.js +0 -80
  534. package/node/hooks/useScrollTo.js +0 -23
  535. package/node/hooks/useTraceUpdate.js +0 -24
  536. package/node/hooks/useWindowSize.js +0 -17
  537. package/node/index.js +0 -8
  538. package/node/m/MotionProvider.js +0 -41
  539. package/node/m/index.js +0 -9
  540. package/node/m/lite.js +0 -4
  541. package/node/m/max.js +0 -4
  542. package/node/sc/index.js +0 -35
  543. package/node/scm/index.js +0 -35
  544. package/node/shared/index.js +0 -11
  545. package/node/styles/Body.js +0 -21
  546. package/node/styles/Global.js +0 -53
  547. package/node/styles/index.js +0 -10
  548. package/node/styles/media.js +0 -156
  549. package/node/styles/spacing.js +0 -53
  550. package/node/styles/styled.js +0 -31
  551. package/node/styles/theme--vanilla.js +0 -59
  552. package/node/styles/theme.js +0 -45
  553. package/node/tw/index.js +0 -35
  554. package/node/twm/index.js +0 -35
  555. package/node/types.js +0 -2
  556. package/sc/index.d.ts +0 -29
  557. package/sc/index.js +0 -30
  558. package/sc/package.json +0 -6
  559. package/scm/index.d.ts +0 -29
  560. package/scm/index.js +0 -30
  561. package/scm/package.json +0 -6
  562. package/shared/index.d.ts +0 -8
  563. package/shared/index.js +0 -8
  564. package/shared/package.json +0 -6
  565. package/styles/Body.d.ts +0 -10
  566. package/styles/Body.js +0 -17
  567. package/styles/Global.d.ts +0 -15
  568. package/styles/Global.js +0 -50
  569. package/styles/index.d.ts +0 -7
  570. package/styles/index.js +0 -7
  571. package/styles/media.d.ts +0 -67
  572. package/styles/media.js +0 -150
  573. package/styles/package.json +0 -6
  574. package/styles/spacing.d.ts +0 -13
  575. package/styles/spacing.js +0 -46
  576. package/styles/styled.d.ts +0 -12
  577. package/styles/styled.js +0 -27
  578. package/styles/theme--vanilla.d.ts +0 -18
  579. package/styles/theme--vanilla.js +0 -53
  580. package/styles/theme.d.ts +0 -82
  581. package/styles/theme.js +0 -41
  582. package/tw/index.d.ts +0 -2
  583. package/tw/index.js +0 -30
  584. package/tw/package.json +0 -6
  585. package/twm/index.d.ts +0 -2
  586. package/twm/index.js +0 -30
  587. package/twm/package.json +0 -6
  588. package/types.d.ts +0 -10
  589. package/types.js +0 -1
package/Img/package.json DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "module": "./index.js",
4
- "main": "../node/Img/index.js",
5
- "types": "./index.d.ts"
6
- }
package/Img/sc/bare.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export declare type KoineImgProps = {};
2
- export declare const KoineImg: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
package/Img/sc/bare.js DELETED
@@ -1,37 +0,0 @@
1
- import styled from "styled-components";
2
- // export type KoineImgProps = {
3
- // /** @default "cover" */
4
- // $fit?: "cover" | "contain";
5
- // };
6
- export const KoineImg = styled.img ``;
7
- // export const KoineImg = styled.img<KoineImgProps>`
8
- // object-fit: ${(p) => p.$fit || "cover"};
9
- // `;
10
- // /**
11
- // * Replacement core component for native `<img />`
12
- // *
13
- // * Features:
14
- // * - lazy load
15
- // * - proportion cage
16
- // */
17
- // export const Img = ({
18
- // className,
19
- // style = {},
20
- // lazyProps,
21
- // ...props
22
- // }: ImgProps) => {
23
- // let { width, height, src } = props;
24
- // width = width ? `${width}px` : "100%";
25
- // height = height ? `${height}px` : "100%";
26
- // const imgProps = { width, height, src };
27
- // return (
28
- // <ImgRoot style={{ width, height, ...style }} className={className}>
29
- // <LazyLoad {...lazyProps}>
30
- // <ImgNative {...imgProps} />
31
- // </LazyLoad>
32
- // <noscript>
33
- // <img {...imgProps} />
34
- // </noscript>
35
- // </ImgRoot>
36
- // );
37
- // };
package/Img/types.d.ts DELETED
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- export declare type KoineImgSmartWrapProps = React.PropsWithChildren<{
3
- $loaded?: boolean;
4
- $error?: boolean;
5
- $bg?: React.CSSProperties["backgroundColor"];
6
- }>;
7
- export declare type KoineImgSmartProps = {
8
- Wrap: React.FC<KoineImgSmartWrapProps>;
9
- };
package/Img/types.js DELETED
@@ -1 +0,0 @@
1
- export {};
package/Link/Link.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare type KoineLinkProps = React.ComponentPropsWithRef<"a">;
3
- export declare const KoineLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof import("react").AnchorHTMLAttributes<HTMLAnchorElement>> & {
4
- ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
5
- }, never>;
package/Link/Link.js DELETED
@@ -1,2 +0,0 @@
1
- import styled from "styled-components";
2
- export const KoineLink = styled.a ``;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export declare type LinkBlankProps = React.ComponentPropsWithRef<"a">;
3
- export declare const LinkBlankA: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
4
- target: "_blank";
5
- rel: "noopener";
6
- }, "target" | "rel">;
7
- export declare const LinkBlankIcon: import("styled-components").StyledComponent<import("react-icons/lib").IconType, import("styled-components").DefaultTheme, {}, never>;
8
- export declare const LinkBlank: ({ children, target, rel, ...props }: LinkBlankProps) => JSX.Element;
package/Link/LinkBlank.js DELETED
@@ -1,26 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import styled from "styled-components";
3
- import { MdLaunch as IconOutboundLink } from "react-icons/md";
4
- import { max } from "../styles/media";
5
- export const LinkBlankA = styled.a.attrs({
6
- target: "_blank",
7
- rel: "noopener",
8
- }) ``;
9
- // TODO: use `touch` class on <html> instead of relying on screenwidth,
10
- // probably implement a lean Modernizr like thing with react-helmet
11
- export const LinkBlankIcon = styled(IconOutboundLink) `
12
- color: var(---grey100);
13
- font-size: inherit;
14
- margin-left: 3px;
15
- line-height: inherit;
16
- vertical-align: middle;
17
- width: 0px;
18
- transition: width 0.1s ease-in-out;
19
- ${max.sm} {
20
- width: 20px;
21
- opacity: 0.8;
22
- }
23
- `;
24
- export const LinkBlank = ({ children, target, rel, ...props }) => {
25
- return (_jsxs(LinkBlankA, { ...props, children: [children, _jsx(LinkBlankIcon, {})] }));
26
- };
package/Link/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from "./Link";
2
- export * from "./LinkBlank";
package/Link/index.js DELETED
@@ -1,2 +0,0 @@
1
- export * from "./Link";
2
- export * from "./LinkBlank";
package/Link/package.json DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "module": "./index.js",
4
- "main": "../node/Link/index.js",
5
- "types": "./index.d.ts"
6
- }
package/Menu/Menu.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const Menu: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
package/Menu/Menu.js DELETED
@@ -1,11 +0,0 @@
1
- import styled from "styled-components";
2
- export const Menu = styled.ul `
3
- z-index: 3;
4
- position: absolute;
5
- list-style-type: none;
6
- margin: 0;
7
- padding: 0;
8
- background: #fff;
9
- width: 100%;
10
- box-shadow: var(--shadow);
11
- `;
package/Menu/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from "./Menu";
package/Menu/index.js DELETED
@@ -1 +0,0 @@
1
- export * from "./Menu";
package/Menu/package.json DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "module": "./index.js",
4
- "main": "../node/Menu/index.js",
5
- "types": "./index.d.ts"
6
- }
@@ -1,4 +0,0 @@
1
- export declare const MenuItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
2
- $active?: boolean | undefined;
3
- disabled?: boolean | undefined;
4
- }, never>;
@@ -1,20 +0,0 @@
1
- import styled from "styled-components";
2
- export const MenuItem = styled.li `
3
- padding: 8px 16px;
4
-
5
- &[aria-selected="true"] {
6
- background: var(--accent400);
7
- }
8
-
9
- /** DEP: this is just for MultiselectMui? */
10
- &.Mui-focused,
11
- &[data-focus="true"] {
12
- background: var(--accent300);
13
- color: white;
14
- }
15
-
16
- &:not([disabled]):hover {
17
- cursor: pointer;
18
- background: var(--accent300);
19
- }
20
- `;
@@ -1 +0,0 @@
1
- export * from "./MenuItem";
package/MenuItem/index.js DELETED
@@ -1 +0,0 @@
1
- export * from "./MenuItem";
@@ -1,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "module": "./index.js",
4
- "main": "../node/MenuItem/index.js",
5
- "types": "./index.d.ts"
6
- }
package/Meta/Meta.d.ts DELETED
@@ -1,14 +0,0 @@
1
- export declare type MetaProps = {
2
- /**
3
- * Determines whether `user-scalable=0` is add to the `meta->viewport` content
4
- *
5
- * This is an opt in instead of the default browser behaviour as it helps prevent
6
- * weird zooming on input fields on iPhone iOS devices.
7
- * @see https://www.warrenchandler.com/2019/04/02/stop-iphones-from-zooming-in-on-form-fields/
8
- * @see https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/
9
- *
10
- * @default false
11
- */
12
- zoom?: boolean;
13
- };
14
- export declare const Meta: ({ zoom }: MetaProps) => JSX.Element;
package/Meta/Meta.js DELETED
@@ -1,4 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export const Meta = ({ zoom }) => {
3
- return (_jsx("meta", { name: "viewport", content: `width=device-width, initial-scale=1, maximum-scale=1${zoom ? "" : ", user-scalable=0"}` }));
4
- };
package/Meta/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from "./Meta";
package/Meta/index.js DELETED
@@ -1 +0,0 @@
1
- export * from "./Meta";
package/Meta/package.json DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "module": "./index.js",
4
- "main": "../node/Meta/index.js",
5
- "types": "./index.d.ts"
6
- }
package/NoJs/NoJs.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export declare type NoJsProps = object;
2
- export declare const NoJs: (_props: NoJsProps) => JSX.Element;
package/NoJs/NoJs.js DELETED
@@ -1,6 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export const NoJs = (_props) => {
3
- return (_jsx("script", { id: "no-js", dangerouslySetInnerHTML: {
4
- __html: `document.querySelector("html").className=document.querySelector("html").className.replace(/no-js/,"") + "js";`,
5
- } }));
6
- };
package/NoJs/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from "./NoJs";
package/NoJs/index.js DELETED
@@ -1 +0,0 @@
1
- export * from "./NoJs";
package/NoJs/package.json DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "module": "./index.js",
4
- "main": "../node/NoJs/index.js",
5
- "types": "./index.d.ts"
6
- }
@@ -1,22 +0,0 @@
1
- import { KoineComponentProps, KoineComponent } from "../types";
2
- export declare type KoinePaginationNavProps = {
3
- /** The total number of elements to paginate */
4
- total: string | number;
5
- /** The amount of items per page */
6
- perPage: string | number;
7
- /** The current page in the pagination */
8
- currentPage: string | number;
9
- /** Is the relative path of the url to prefix to the page number */
10
- baseUrl?: string;
11
- /**
12
- * The number of pages to show as number (and not dots) around the currentPage
13
- * @default 2
14
- */
15
- showOffset?: number;
16
- };
17
- declare type PaginationNavProps = KoineComponentProps<KoinePaginationNavProps, {
18
- currentUrl?: string;
19
- Link?: KoineComponent;
20
- }>;
21
- export declare const KoinePaginationNav: ({ total, perPage, currentPage, baseUrl, showOffset, currentUrl, Link, }: PaginationNavProps) => JSX.Element | null;
22
- export {};
@@ -1,83 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import styled from "styled-components";
3
- import { CgArrowRightR as IconArrowRight, CgArrowLeftR as IconArrowLeft, } from "react-icons/cg";
4
- import { ensureInt } from "@koine/utils";
5
- const Root = styled.nav `
6
- display: flex;
7
- align-items: center;
8
- justify-content: center;
9
- padding: 20px 0 40px;
10
- font-weight: 600;
11
-
12
- & a {
13
- text-decoration: none;
14
- }
15
- `;
16
- const item = `
17
- display: block;
18
- padding: 5px 10px;
19
- `;
20
- const ItemCurrent = styled.span `
21
- ${item}
22
- background: var(--accent400);
23
- border-radius: 2px;
24
- `;
25
- const ItemLink = styled.a `
26
- ${item}
27
-
28
- ${(props) => (props.prev ? "color: var(--grey100);" : "")}
29
- `;
30
- const DotsSeparator = styled.span `
31
- color: var(--grey100);
32
- `;
33
- const arrow = `display: flex; font-size: 20px;`;
34
- const ItemPrev = styled.a `
35
- ${arrow}
36
- `;
37
- const ItemNext = styled.a `
38
- ${arrow}
39
- `;
40
- /*
41
- * Possible outcomes:
42
- * [1] 2 3 ... 78 >
43
- * < 1 2 [3] 4 5 ... 78 >
44
- * < 1 ... 6 7 [8] 9 10 ... 78 >
45
- * < 1 ... 75 76 [77] 78 >
46
- * < 1 ... 76 77 [78]
47
- */
48
- export const KoinePaginationNav = ({ total, perPage, currentPage, baseUrl, showOffset = 2, currentUrl = "/", Link = "a", }) => {
49
- total = ensureInt(total);
50
- currentPage = ensureInt(currentPage);
51
- perPage = ensureInt(perPage);
52
- // page 0 means 1
53
- currentPage = currentPage || 1;
54
- baseUrl = baseUrl || currentUrl;
55
- // don't output anything if pagination is not needed
56
- if (total < perPage) {
57
- return null;
58
- }
59
- const firstPage = 1;
60
- const lastPage = Math.ceil(total / perPage);
61
- const prevPage = currentPage - 1 > firstPage ? currentPage - 1 : "";
62
- const nextPage = currentPage + 1 < lastPage ? currentPage + 1 : lastPage;
63
- const prevArrow = currentPage > firstPage;
64
- const nextArrow = currentPage < lastPage;
65
- const pages = [];
66
- // fill the pages before the current
67
- for (let i = currentPage - showOffset; i < currentPage; i++) {
68
- if (i > 1) {
69
- pages.push(i);
70
- }
71
- }
72
- // add the current
73
- pages.push(currentPage);
74
- // fill the pages after the current
75
- for (let i = currentPage + 1; i < currentPage + 1 + showOffset; i++) {
76
- if (i < lastPage) {
77
- pages.push(i);
78
- }
79
- }
80
- const prevDots = pages[0] > firstPage + 1;
81
- const nextDots = pages[pages.length - 1] < lastPage - 1;
82
- return (_jsxs(Root, { children: [prevArrow && (_jsx(ItemPrev, { as: Link, href: `${baseUrl}/${prevPage}`, children: _jsx(IconArrowLeft, {}) })), firstPage !== currentPage && (_jsx(ItemLink, { as: Link, href: `${baseUrl}`, prev: true, children: firstPage })), prevDots && _jsx(DotsSeparator, { children: "..." }), pages.map((page) => page === currentPage ? (_jsx(ItemCurrent, { children: page }, page)) : (_jsx(ItemLink, { as: Link, href: `${baseUrl}/${page}`, prev: page < currentPage, next: page > currentPage, children: page }, `pagination-${page}`))), nextDots && _jsx(DotsSeparator, { children: "..." }), lastPage !== currentPage && (_jsx(ItemLink, { as: Link, href: `${baseUrl}/${lastPage}`, next: true, children: lastPage })), nextArrow && (_jsx(ItemNext, { as: Link, href: `${baseUrl}/${nextPage}`, children: _jsx(IconArrowRight, {}) }))] }));
83
- };
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare type PaginationResultsProps = React.PropsWithChildren<unknown>;
3
- export declare const PaginationResults: ({ children }: PaginationResultsProps) => JSX.Element;
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import styled from "styled-components";
3
- import { AnimatePresence, m } from "framer-motion";
4
- const Root = styled.div `
5
- // overflow: hidden;
6
- `;
7
- const Inner = styled(m.div) ``;
8
- export const PaginationResults = ({ children }) => {
9
- return (_jsx(AnimatePresence, { exitBeforeEnter: true, initial: true, children: _jsx(Root, { children: _jsx(Inner, { initial: { opacity: 0, x: -100 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: 100 }, transition: { type: "linear", staggerChildren: 0.3 }, children: children }) }) }));
10
- };
@@ -1,2 +0,0 @@
1
- export * from "./PaginationNav";
2
- export * from "./PaginationResults";
@@ -1,2 +0,0 @@
1
- export * from "./PaginationNav";
2
- export * from "./PaginationResults";
@@ -1,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "module": "./index.js",
4
- "main": "../node/Pagination/index.js",
5
- "types": "./index.d.ts"
6
- }
package/Pill/Pill.d.ts DELETED
@@ -1,5 +0,0 @@
1
- export declare type PillProps = object;
2
- export declare const Pill: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {} & object, never>;
3
- export declare const PillGreyLight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {} & object, never>;
4
- export declare const PillAccentLight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {} & object, never>;
5
- export declare const PillAccentLightOutlined: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {} & object, never>;
package/Pill/Pill.js DELETED
@@ -1,37 +0,0 @@
1
- import styled from "styled-components";
2
- export const Pill = styled.div `
3
- display: inline-block;
4
- padding: 5px 10px;
5
- margin: 0 0.5em 0.5em 0;
6
- border-radius: 2px;
7
- text-decoration: none;
8
- font-size: 13px;
9
- font-weight: 600;
10
- `;
11
- export const PillGreyLight = styled(Pill) `
12
- background: var(--grey800);
13
- color: var(--grey100);
14
-
15
- &:hover {
16
- color: white;
17
- background: var(--grey300);
18
- }
19
- `;
20
- export const PillAccentLight = styled(Pill) `
21
- background: var(--accent400);
22
- color: var(--grey100);
23
-
24
- &:hover {
25
- color: #fff;
26
- background: var(--accent300);
27
- }
28
- `;
29
- export const PillAccentLightOutlined = styled(Pill) `
30
- border: 1px solid var(--accent300);
31
- color: var(--accent200);
32
-
33
- &:hover {
34
- color: #fff;
35
- background: var(--accent300);
36
- }
37
- `;
package/Pill/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from "./Pill";
package/Pill/index.js DELETED
@@ -1 +0,0 @@
1
- export * from "./Pill";
package/Pill/package.json DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "module": "./index.js",
4
- "main": "../node/Pill/index.js",
5
- "types": "./index.d.ts"
6
- }
@@ -1,19 +0,0 @@
1
- import { CSSProperties } from "styled-components";
2
- import type { Theme } from "../styles/theme";
3
- export declare type ProgressCircularProps = {
4
- /** @default "1em" */
5
- size?: CSSProperties["width"];
6
- /** @default 1 */
7
- thickness: number;
8
- /** @default "currentColor" */
9
- color: keyof Theme | NonNullable<CSSProperties["color"]>;
10
- };
11
- /**
12
- * @see https://mui.com/components/progress/
13
- */
14
- export declare const ProgressCircular: ({ size, thickness, color, ...props }: {
15
- [x: string]: any;
16
- size?: string | undefined;
17
- thickness?: number | undefined;
18
- color?: string | undefined;
19
- }) => JSX.Element;
@@ -1,36 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import styled, { keyframes } from "styled-components";
3
- const animationRotation = keyframes `
4
- 0% {
5
- transform: rotate(0deg);
6
- }
7
- 100% {
8
- transform: rotate(360deg);
9
- }
10
- `;
11
- const animationCircle = keyframes `
12
- 0% {
13
- stroke-dasharray: 1px, 200px;
14
- stroke-dashoffset: 0;
15
- }
16
- 50% {
17
- stroke-dasharray: 100px, 200px;
18
- stroke-dashoffset: -15px;
19
- }
20
- 100% {
21
- stroke-dasharray: 100px, 200px;
22
- stroke-dashoffset: -125px;
23
- }
24
- `;
25
- const ProgressCircularSvg = styled.svg `
26
- animation: ${animationRotation} 1.5s linear infinite;
27
- `;
28
- const ProgressCircularCircle = styled.circle `
29
- animation: ${animationCircle} 1.5s linear infinite;
30
- `;
31
- /**
32
- * @see https://mui.com/components/progress/
33
- */
34
- export const ProgressCircular = ({ size = "1em", thickness = 1, color = "currentColor", ...props }) => {
35
- return (_jsx(ProgressCircularSvg, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 44 44", style: { width: size, height: size }, ...props, children: _jsx(ProgressCircularCircle, { cx: "22", cy: "22", r: "20", fill: "none", strokeWidth: thickness, style: { stroke: color } }) }));
36
- };
@@ -1,22 +0,0 @@
1
- import { CSSProperties } from "styled-components";
2
- import type { Theme } from "../styles/theme";
3
- export declare type ProgressLinearProps = {
4
- /** @default false */
5
- done?: boolean;
6
- /** @default "2px" */
7
- height?: CSSProperties["height"];
8
- /** @default "currentColor" */
9
- bg: keyof Theme | NonNullable<CSSProperties["color"]>;
10
- /** @default "currentColor" */
11
- fg: keyof Theme | NonNullable<CSSProperties["color"]>;
12
- };
13
- /**
14
- * @see https://mui.com/components/progress/#linear
15
- */
16
- export declare const ProgressLinear: ({ done, height, bg, fg, ...props }: {
17
- [x: string]: any;
18
- done?: boolean | undefined;
19
- height?: string | undefined;
20
- bg?: string | undefined;
21
- fg?: string | undefined;
22
- }) => JSX.Element;
@@ -1,32 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import styled from "styled-components";
3
- import { m } from "framer-motion";
4
- const ProgressLinearBg = styled.span `
5
- position: relative;
6
- overflow: hidden;
7
- display: block;
8
- height: 4px;
9
- `;
10
- const ProgressLinearFg = styled(m.span) `
11
- position: absolute;
12
- top: 0;
13
- bottom: 0;
14
- left: 0;
15
- width: 100%;
16
- `;
17
- /**
18
- * @see https://mui.com/components/progress/#linear
19
- */
20
- export const ProgressLinear = ({ done = false, height = "2px", bg = "transparent", fg = "currentColor", ...props }) => {
21
- return (_jsx(ProgressLinearBg, { style: { height, background: bg }, ...props, children: _jsx(ProgressLinearFg, { style: { height, background: fg }, initial: {
22
- x: "-100%",
23
- }, animate: {
24
- x: done ? "-100%" : "0%",
25
- }, transition: done
26
- ? {}
27
- : {
28
- repeat: Infinity,
29
- repeatType: "reverse",
30
- duration: 2,
31
- } }) }));
32
- };
@@ -1,4 +0,0 @@
1
- export declare type ProgressOverlayProps = {
2
- running?: boolean;
3
- };
4
- export declare const ProgressOverlay: ({ running }: ProgressOverlayProps) => JSX.Element;
@@ -1,40 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useEffect } from "react";
3
- import styled from "styled-components";
4
- import { m } from "framer-motion";
5
- import { ProgressCircular } from "./ProgressCircular";
6
- import { ProgressLinear } from "./ProgressLinear";
7
- import { useHeader } from "../Header";
8
- const ProgressOverlayWrap = styled(m.div) `
9
- z-index: 10000;
10
- position: fixed;
11
- top: 0;
12
- left: 0;
13
- right: 0;
14
- bottom: 0;
15
- pointer-events: none;
16
- cursor: wait;
17
- `;
18
- const ProgressOverlayCenterer = styled.div `
19
- position: absolute;
20
- top: 0;
21
- left: 0;
22
- right: 0;
23
- bottom: 0;
24
- display: flex;
25
- align-items: center;
26
- justify-content: center;
27
- background: var(--progress-overlay-bg);
28
- `;
29
- export const ProgressOverlay = ({ running }) => {
30
- const [, , headerHeight] = useHeader();
31
- // const [progress, setProgress] = useState(0);
32
- useEffect(() => {
33
- document.body.style.cursor = running ? "wait" : "";
34
- }, [running]);
35
- return (_jsxs(ProgressOverlayWrap, { animate: {
36
- opacity: running ? 1 : 0,
37
- }, initial: { opacity: 0 }, transition: { type: "easeInOut" }, children: [_jsx(ProgressLinear, { bg: "var(--accent400)", fg: "var(--accent300)", done: !running }), _jsx(ProgressOverlayCenterer, { style: {
38
- top: headerHeight + "px",
39
- }, children: _jsx(ProgressCircular, { size: "50px", color: "var(--accent300)" }) })] }));
40
- };
@@ -1,3 +0,0 @@
1
- export * from "./ProgressCircular";
2
- export * from "./ProgressLinear";
3
- export * from "./ProgressOverlay";
package/Progress/index.js DELETED
@@ -1,3 +0,0 @@
1
- export * from "./ProgressCircular";
2
- export * from "./ProgressLinear";
3
- export * from "./ProgressOverlay";
@@ -1,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "module": "./index.js",
4
- "main": "../node/Progress/index.js",
5
- "types": "./index.d.ts"
6
- }