@okam/stack-ui 1.25.2 → 1.25.3

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 (382) hide show
  1. package/.eslintrc.js +32 -0
  2. package/.storybook/.eslintrc.js +29 -0
  3. package/.storybook/main.ts +33 -0
  4. package/.storybook/preview.js +56 -0
  5. package/.storybook/tsconfig.json +17 -0
  6. package/CHANGELOG.md +574 -0
  7. package/README.md +8 -0
  8. package/package.json +1 -1
  9. package/postcss.config.js +15 -0
  10. package/project.json +77 -0
  11. package/src/_stories/icons/code-brackets.svg +1 -0
  12. package/src/_stories/icons/colors.svg +1 -0
  13. package/src/_stories/icons/comments.svg +1 -0
  14. package/src/_stories/icons/direction.svg +1 -0
  15. package/src/_stories/icons/flow.svg +1 -0
  16. package/src/_stories/icons/plugin.svg +1 -0
  17. package/src/_stories/icons/repo.svg +1 -0
  18. package/src/_stories/icons/stackalt.svg +1 -0
  19. package/src/components/Accordion/accordion.stories.mdx +240 -0
  20. package/src/components/Accordion/components/AccordionItem.tsx +53 -0
  21. package/src/components/Accordion/components/AriaAccordionItem.tsx +76 -0
  22. package/src/components/Accordion/hooks/useAccordionState.ts +46 -0
  23. package/src/components/Accordion/index.tsx +38 -0
  24. package/{components/Accordion/interface.d.ts → src/components/Accordion/interface.ts} +23 -17
  25. package/src/components/Alerts/alerts.stories.mdx +282 -0
  26. package/src/components/Alerts/components/AlertsCloseButton.tsx +20 -0
  27. package/src/components/Alerts/components/AlertsItem.tsx +39 -0
  28. package/src/components/Alerts/components/AlertsNavigationButton.tsx +71 -0
  29. package/src/components/Alerts/components/AlertsSwiper.tsx +125 -0
  30. package/src/components/Alerts/components/pagination/AlertsPagination.tsx +32 -0
  31. package/src/components/Alerts/components/pagination/AlertsPaginationBullet.tsx +61 -0
  32. package/src/components/Alerts/index.tsx +54 -0
  33. package/src/components/Alerts/interface.ts +51 -0
  34. package/src/components/Box/box.stories.mdx +27 -0
  35. package/src/components/Box/index.tsx +36 -0
  36. package/src/components/Box/interface.ts +10 -0
  37. package/src/components/Button/button.stories.mdx +99 -0
  38. package/src/components/Button/index.tsx +92 -0
  39. package/src/components/Button/interface.ts +22 -0
  40. package/src/components/Calendar/RangeCalendar.tsx +61 -0
  41. package/src/components/Calendar/calendar.stories.mdx +28 -0
  42. package/src/components/Calendar/components/CalendarCell.tsx +60 -0
  43. package/src/components/Calendar/components/CalendarGrid.tsx +44 -0
  44. package/src/components/Calendar/index.tsx +63 -0
  45. package/src/components/Calendar/interface.ts +37 -0
  46. package/src/components/Carousel/carousel.stories.mdx +182 -0
  47. package/src/components/Carousel/index.tsx +99 -0
  48. package/src/components/Carousel/interface.ts +26 -0
  49. package/src/components/Date/date.stories.mdx +122 -0
  50. package/src/components/Date/index.tsx +35 -0
  51. package/src/components/Date/interface.ts +7 -0
  52. package/src/components/Dialog/index.tsx +14 -0
  53. package/src/components/Dialog/interface.ts +6 -0
  54. package/src/components/DirectusImg/index.tsx +59 -0
  55. package/src/components/DirectusImg/interface.ts +19 -0
  56. package/src/components/Icon/index.tsx +40 -0
  57. package/src/components/Icon/interface.ts +8 -0
  58. package/src/components/Img/img.stories.mdx +28 -0
  59. package/src/components/Img/index.tsx +30 -0
  60. package/src/components/Img/interface.ts +9 -0
  61. package/src/components/Lightbox/hooks/overlay/index.tsx +36 -0
  62. package/src/components/Lightbox/index.tsx +82 -0
  63. package/src/components/Lightbox/interface.ts +28 -0
  64. package/src/components/Lightbox/lightbox.stories.mdx +79 -0
  65. package/src/components/Menu/Menu.tsx +43 -0
  66. package/src/components/Menu/MenuSidePanel.tsx +41 -0
  67. package/src/components/Menu/components/InnerContent.tsx +26 -0
  68. package/src/components/Menu/components/MenuItems.tsx +133 -0
  69. package/src/components/Menu/components/TabContainer.tsx +13 -0
  70. package/src/components/Menu/interface.ts +41 -0
  71. package/src/components/Menu/menu.stories.mdx +23 -0
  72. package/src/components/Modal/components/ModalDialog.tsx +31 -0
  73. package/src/components/Modal/components/ModalOverlay.tsx +21 -0
  74. package/src/components/Modal/index.tsx +32 -0
  75. package/{components/Modal/interface.d.ts → src/components/Modal/interface.ts} +14 -11
  76. package/src/components/Popover/index.tsx +138 -0
  77. package/src/components/Popover/interface.ts +25 -0
  78. package/src/components/Popover/popover.stories.mdx +66 -0
  79. package/src/components/ShareButton/index.tsx +172 -0
  80. package/src/components/ShareButton/interface.ts +29 -0
  81. package/src/components/ShareButton/share-button.stories.mdx +48 -0
  82. package/src/components/ShareButton/utils/generateUtmTags.ts +4 -0
  83. package/src/components/ShareButton/utils/useFacebookShareUrl.ts +15 -0
  84. package/src/components/ShareButton/utils/useMailToShareUrl.ts +15 -0
  85. package/src/components/ShareButton/utils/useTwitterShareUrl.ts +15 -0
  86. package/src/components/ShareButton/utils/useWindow.ts +17 -0
  87. package/src/components/SidePanel/index.tsx +43 -0
  88. package/src/components/SidePanel/interface.ts +16 -0
  89. package/src/components/SidePanel/side-panel.stories.mdx +44 -0
  90. package/src/components/TabList/components/Tab/Tab.tsx +19 -0
  91. package/src/components/TabList/components/TabPanel/TabPanel.tsx +27 -0
  92. package/src/components/TabList/index.tsx +44 -0
  93. package/src/components/TabList/interface.ts +23 -0
  94. package/src/components/Typography/index.tsx +35 -0
  95. package/src/components/Typography/interface.ts +9 -0
  96. package/src/components/Typography/typo.stories.mdx +157 -0
  97. package/src/components/WysiwygBlock/index.tsx +20 -0
  98. package/src/components/WysiwygBlock/interface.ts +7 -0
  99. package/src/components/WysiwygBlock/wysiwyg.stories.mdx +53 -0
  100. package/src/components/fields/Checkbox/Checkbox.interface.ts +21 -0
  101. package/src/components/fields/Checkbox/Checkbox.stories.mdx +127 -0
  102. package/src/components/fields/Checkbox/index.tsx +62 -0
  103. package/src/components/fields/CheckboxGroup/checkbox-group.stories.mdx +59 -0
  104. package/src/components/fields/CheckboxGroup/components/CheckboxGroupItem/index.tsx +66 -0
  105. package/src/components/fields/CheckboxGroup/index.tsx +49 -0
  106. package/src/components/fields/CheckboxGroup/interface.ts +17 -0
  107. package/src/components/fields/DatePicker/DateRangePicker.tsx +73 -0
  108. package/src/components/fields/DatePicker/components/CalendarPopover.tsx +31 -0
  109. package/src/components/fields/DatePicker/components/DateField.tsx +61 -0
  110. package/src/components/fields/DatePicker/date-picker.stories.mdx +55 -0
  111. package/src/components/fields/DatePicker/index.tsx +71 -0
  112. package/src/components/fields/DatePicker/interface.ts +69 -0
  113. package/src/components/fields/Radio/Radio.interface.ts +30 -0
  114. package/src/components/fields/Radio/index.tsx +63 -0
  115. package/src/components/fields/RadioGroup/index.tsx +33 -0
  116. package/src/components/fields/RadioGroup/interface.ts +10 -0
  117. package/src/components/fields/RadioGroup/radio-group.stories.mdx +56 -0
  118. package/src/components/fields/SearchField/index.tsx +59 -0
  119. package/src/components/fields/SearchField/interface.ts +10 -0
  120. package/src/components/fields/SearchField/search.stories.mdx +91 -0
  121. package/src/components/fields/Select/Select.interface.ts +24 -0
  122. package/src/components/fields/Select/Select.stories.mdx +53 -0
  123. package/src/components/fields/Select/Select.tsx +108 -0
  124. package/{components/fields/Select/components/Listbox.interface.d.ts → src/components/fields/Select/components/Listbox.interface.ts} +11 -8
  125. package/src/components/fields/Select/components/Listbox.tsx +40 -0
  126. package/src/components/fields/Select/components/Popover.interface.ts +14 -0
  127. package/src/components/fields/Select/components/Popover.tsx +32 -0
  128. package/{components/fields/SelectItem/SelectItem.interface.d.ts → src/components/fields/SelectItem/SelectItem.interface.ts} +4 -3
  129. package/src/components/fields/SelectItem/SelectItem.tsx +10 -0
  130. package/src/components/fields/TextArea/index.tsx +105 -0
  131. package/src/components/fields/TextArea/textArea.stories.mdx +60 -0
  132. package/src/components/fields/TextInputField/index.tsx +107 -0
  133. package/src/components/fields/TextInputField/interface.ts +30 -0
  134. package/src/components/fields/TextInputField/text-input-field.stories.mdx +64 -0
  135. package/src/components/icons/ArrowDown.tsx +11 -0
  136. package/src/components/icons/ArrowLeft.tsx +18 -0
  137. package/src/components/icons/ArrowRight.tsx +18 -0
  138. package/src/components/icons/Check.tsx +11 -0
  139. package/src/components/icons/ChevronLeft.tsx +11 -0
  140. package/src/components/icons/ChevronRight.tsx +11 -0
  141. package/src/components/icons/CloseBtn.tsx +11 -0
  142. package/src/components/icons/Facebook.tsx +14 -0
  143. package/src/components/icons/FacebookColored.tsx +16 -0
  144. package/src/components/icons/FacebookRounded.tsx +16 -0
  145. package/src/components/icons/Globe.tsx +38 -0
  146. package/src/components/icons/IconFallback.tsx +8 -0
  147. package/src/components/icons/Instagram.tsx +14 -0
  148. package/src/components/icons/InstagramColored.tsx +59 -0
  149. package/src/components/icons/Link.tsx +14 -0
  150. package/src/components/icons/LinkedIn.tsx +16 -0
  151. package/src/components/icons/Mail.tsx +16 -0
  152. package/src/components/icons/Plus.tsx +18 -0
  153. package/src/components/icons/Search.tsx +19 -0
  154. package/src/components/icons/Share.tsx +16 -0
  155. package/src/components/icons/Twitter.tsx +16 -0
  156. package/src/components/icons/TwitterColored.tsx +16 -0
  157. package/src/components/icons/Upload.tsx +14 -0
  158. package/src/components/icons/X.tsx +14 -0
  159. package/src/components/icons/YouTube.tsx +16 -0
  160. package/src/components/icons/YouTubeColored.tsx +17 -0
  161. package/src/components/icons/index.ts +24 -0
  162. package/src/examples/PageLayout/index.tsx +61 -0
  163. package/src/examples/PageLayout/layout.stories.mdx +35 -0
  164. package/{index.d.ts → src/index.ts} +72 -57
  165. package/src/message.tsx +8 -0
  166. package/src/providers/Accordion/index.tsx +15 -0
  167. package/src/providers/Accordion/interface.ts +14 -0
  168. package/src/providers/Alerts/index.tsx +15 -0
  169. package/src/providers/Alerts/interface.ts +11 -0
  170. package/src/providers/CheckboxGroup/index.tsx +22 -0
  171. package/{providers/CheckboxGroup/interface.d.ts → src/providers/CheckboxGroup/interface.ts} +5 -4
  172. package/src/providers/Client/index.tsx +21 -0
  173. package/src/providers/Client/interface.ts +13 -0
  174. package/src/providers/Menu/index.tsx +43 -0
  175. package/src/providers/Menu/interface.ts +32 -0
  176. package/src/providers/RadioGroup/RadioGroup.interface.ts +8 -0
  177. package/src/providers/RadioGroup/RadioGroup.tsx +25 -0
  178. package/src/providers/SidePanel/index.tsx +55 -0
  179. package/src/providers/SidePanel/interface.ts +26 -0
  180. package/src/providers/Theme/hooks.ts +25 -0
  181. package/src/providers/Theme/index.tsx +40 -0
  182. package/src/providers/Theme/interface.ts +28 -0
  183. package/src/providers/Theme/utils.ts +3 -0
  184. package/src/providers/UserSearchQuery/index.tsx +20 -0
  185. package/src/providers/UserSearchQuery/interface.ts +12 -0
  186. package/src/storybook/Lightbox/LightboxControlledState.tsx +28 -0
  187. package/src/storybook/Menu/Menu.tsx +177 -0
  188. package/src/storybook/Menu/NestedMenu.tsx +24 -0
  189. package/src/storybook/Menu/mock.tsx +84 -0
  190. package/src/storybook/SelectField/index.tsx +57 -0
  191. package/src/storybook/ShareButtonExample/index.tsx +66 -0
  192. package/src/tailwind.css +3 -0
  193. package/src/theme/Accordion/index.tsx +101 -0
  194. package/src/theme/Alerts/index.ts +97 -0
  195. package/src/theme/Box/index.ts +45 -0
  196. package/src/theme/Button/index.tsx +72 -0
  197. package/src/theme/Calendar/index.tsx +167 -0
  198. package/src/theme/Carousel/index.ts +36 -0
  199. package/src/theme/Checkbox/index.ts +49 -0
  200. package/src/theme/CheckboxGroup/index.ts +14 -0
  201. package/src/theme/DatePicker/index.tsx +42 -0
  202. package/src/theme/Image/index.ts +8 -0
  203. package/src/theme/LightBox/index.ts +56 -0
  204. package/src/theme/Radio/index.ts +31 -0
  205. package/src/theme/RadioGroup/index.ts +14 -0
  206. package/src/theme/Search/index.ts +20 -0
  207. package/src/theme/ShareButton/index.tsx +76 -0
  208. package/src/theme/SidePanel/index.ts +9 -0
  209. package/src/theme/TextArea/index.ts +25 -0
  210. package/src/theme/Typography/index.tsx +44 -0
  211. package/src/theme/index.tsx +178 -0
  212. package/src/transitions/AccordionTransition.tsx +26 -0
  213. package/src/transitions/ModalTransition.tsx +38 -0
  214. package/src/transitions/RenderWithOpacity.tsx +25 -0
  215. package/src/transitions/RenderWithSlide.tsx +21 -0
  216. package/src/transitions/SidePanelTransition.tsx +30 -0
  217. package/src/types/components.ts +34 -0
  218. package/static/images/image.png +0 -0
  219. package/tailwind.config.js +14 -0
  220. package/tsconfig.json +20 -0
  221. package/tsconfig.lib.json +25 -0
  222. package/vite.config.ts +58 -0
  223. package/components/Accordion/components/AccordionItem.d.ts +0 -3
  224. package/components/Accordion/components/AriaAccordionItem.d.ts +0 -3
  225. package/components/Accordion/hooks/useAccordionState.d.ts +0 -10
  226. package/components/Accordion/index.d.ts +0 -3
  227. package/components/Alerts/components/AlertsCloseButton.d.ts +0 -4
  228. package/components/Alerts/components/AlertsItem.d.ts +0 -3
  229. package/components/Alerts/components/AlertsNavigationButton.d.ts +0 -8
  230. package/components/Alerts/components/AlertsSwiper.d.ts +0 -3
  231. package/components/Alerts/components/pagination/AlertsPagination.d.ts +0 -3
  232. package/components/Alerts/components/pagination/AlertsPaginationBullet.d.ts +0 -3
  233. package/components/Alerts/index.d.ts +0 -3
  234. package/components/Alerts/interface.d.ts +0 -41
  235. package/components/Box/index.d.ts +0 -5
  236. package/components/Box/interface.d.ts +0 -10
  237. package/components/Button/index.d.ts +0 -6
  238. package/components/Button/interface.d.ts +0 -20
  239. package/components/Calendar/RangeCalendar.d.ts +0 -3
  240. package/components/Calendar/components/CalendarCell.d.ts +0 -3
  241. package/components/Calendar/components/CalendarGrid.d.ts +0 -3
  242. package/components/Calendar/index.d.ts +0 -3
  243. package/components/Calendar/interface.d.ts +0 -32
  244. package/components/Carousel/index.d.ts +0 -3
  245. package/components/Carousel/interface.d.ts +0 -24
  246. package/components/Date/index.d.ts +0 -3
  247. package/components/Date/interface.d.ts +0 -6
  248. package/components/Dialog/index.d.ts +0 -2
  249. package/components/Dialog/interface.d.ts +0 -6
  250. package/components/DirectusImg/index.d.ts +0 -3
  251. package/components/DirectusImg/interface.d.ts +0 -13
  252. package/components/Icon/index.d.ts +0 -3
  253. package/components/Icon/interface.d.ts +0 -7
  254. package/components/Img/index.d.ts +0 -3
  255. package/components/Img/interface.d.ts +0 -6
  256. package/components/Lightbox/index.d.ts +0 -3
  257. package/components/Lightbox/interface.d.ts +0 -25
  258. package/components/Menu/Menu.d.ts +0 -3
  259. package/components/Menu/MenuSidePanel.d.ts +0 -3
  260. package/components/Menu/components/InnerContent.d.ts +0 -3
  261. package/components/Menu/components/MenuItems.d.ts +0 -3
  262. package/components/Menu/components/TabContainer.d.ts +0 -3
  263. package/components/Menu/interface.d.ts +0 -31
  264. package/components/Modal/components/ModalDialog.d.ts +0 -3
  265. package/components/Modal/components/ModalOverlay.d.ts +0 -3
  266. package/components/Modal/index.d.ts +0 -3
  267. package/components/Popover/index.d.ts +0 -3
  268. package/components/Popover/interface.d.ts +0 -21
  269. package/components/ShareButton/index.d.ts +0 -4
  270. package/components/ShareButton/interface.d.ts +0 -26
  271. package/components/ShareButton/utils/generateUtmTags.d.ts +0 -2
  272. package/components/ShareButton/utils/useFacebookShareUrl.d.ts +0 -2
  273. package/components/ShareButton/utils/useMailToShareUrl.d.ts +0 -2
  274. package/components/ShareButton/utils/useTwitterShareUrl.d.ts +0 -2
  275. package/components/ShareButton/utils/useWindow.d.ts +0 -5
  276. package/components/SidePanel/index.d.ts +0 -4
  277. package/components/SidePanel/interface.d.ts +0 -12
  278. package/components/TabList/components/TabPanel/TabPanel.d.ts +0 -4
  279. package/components/TabList/interface.d.ts +0 -18
  280. package/components/Typography/index.d.ts +0 -5
  281. package/components/Typography/interface.d.ts +0 -9
  282. package/components/WysiwygBlock/index.d.ts +0 -3
  283. package/components/WysiwygBlock/interface.d.ts +0 -5
  284. package/components/fields/Checkbox/Checkbox.interface.d.ts +0 -18
  285. package/components/fields/Checkbox/index.d.ts +0 -3
  286. package/components/fields/CheckboxGroup/components/CheckboxGroupItem/index.d.ts +0 -3
  287. package/components/fields/CheckboxGroup/index.d.ts +0 -3
  288. package/components/fields/CheckboxGroup/interface.d.ts +0 -13
  289. package/components/fields/DatePicker/DateRangePicker.d.ts +0 -3
  290. package/components/fields/DatePicker/components/CalendarPopover.d.ts +0 -2
  291. package/components/fields/DatePicker/components/DateField.d.ts +0 -4
  292. package/components/fields/DatePicker/index.d.ts +0 -3
  293. package/components/fields/DatePicker/interface.d.ts +0 -37
  294. package/components/fields/Radio/Radio.interface.d.ts +0 -26
  295. package/components/fields/Radio/index.d.ts +0 -4
  296. package/components/fields/RadioGroup/index.d.ts +0 -3
  297. package/components/fields/RadioGroup/interface.d.ts +0 -9
  298. package/components/fields/SearchField/index.d.ts +0 -3
  299. package/components/fields/SearchField/interface.d.ts +0 -9
  300. package/components/fields/Select/Select.d.ts +0 -4
  301. package/components/fields/Select/Select.interface.d.ts +0 -26
  302. package/components/fields/Select/components/Listbox.d.ts +0 -4
  303. package/components/fields/Select/components/Popover.d.ts +0 -3
  304. package/components/fields/Select/components/Popover.interface.d.ts +0 -13
  305. package/components/fields/SelectItem/SelectItem.d.ts +0 -3
  306. package/components/fields/TextArea/index.d.ts +0 -4
  307. package/components/fields/TextInputField/index.d.ts +0 -4
  308. package/components/fields/TextInputField/interface.d.ts +0 -24
  309. package/components/icons/ArrowDown.d.ts +0 -3
  310. package/components/icons/ArrowLeft.d.ts +0 -3
  311. package/components/icons/ArrowRight.d.ts +0 -3
  312. package/components/icons/Check.d.ts +0 -3
  313. package/components/icons/ChevronLeft.d.ts +0 -3
  314. package/components/icons/ChevronRight.d.ts +0 -3
  315. package/components/icons/CloseBtn.d.ts +0 -3
  316. package/components/icons/Facebook.d.ts +0 -3
  317. package/components/icons/FacebookColored.d.ts +0 -3
  318. package/components/icons/FacebookRounded.d.ts +0 -3
  319. package/components/icons/Globe.d.ts +0 -3
  320. package/components/icons/IconFallback.d.ts +0 -3
  321. package/components/icons/Instagram.d.ts +0 -3
  322. package/components/icons/InstagramColored.d.ts +0 -3
  323. package/components/icons/Link.d.ts +0 -3
  324. package/components/icons/LinkedIn.d.ts +0 -3
  325. package/components/icons/Mail.d.ts +0 -3
  326. package/components/icons/Plus.d.ts +0 -3
  327. package/components/icons/Search.d.ts +0 -3
  328. package/components/icons/Share.d.ts +0 -3
  329. package/components/icons/Twitter.d.ts +0 -3
  330. package/components/icons/TwitterColored.d.ts +0 -3
  331. package/components/icons/Upload.d.ts +0 -3
  332. package/components/icons/X.d.ts +0 -3
  333. package/components/icons/YouTube.d.ts +0 -3
  334. package/components/icons/YouTubeColored.d.ts +0 -3
  335. package/components/icons/index.d.ts +0 -24
  336. package/index.js +0 -110
  337. package/index.mjs +0 -12897
  338. package/providers/Accordion/index.d.ts +0 -4
  339. package/providers/Accordion/interface.d.ts +0 -12
  340. package/providers/Alerts/index.d.ts +0 -4
  341. package/providers/Alerts/interface.d.ts +0 -9
  342. package/providers/CheckboxGroup/index.d.ts +0 -5
  343. package/providers/Client/index.d.ts +0 -4
  344. package/providers/Client/interface.d.ts +0 -10
  345. package/providers/Menu/index.d.ts +0 -4
  346. package/providers/Menu/interface.d.ts +0 -28
  347. package/providers/RadioGroup/RadioGroup.d.ts +0 -5
  348. package/providers/RadioGroup/RadioGroup.interface.d.ts +0 -7
  349. package/providers/SidePanel/index.d.ts +0 -4
  350. package/providers/SidePanel/interface.d.ts +0 -23
  351. package/providers/Theme/hooks.d.ts +0 -3
  352. package/providers/Theme/index.d.ts +0 -10
  353. package/providers/Theme/interface.d.ts +0 -24
  354. package/providers/Theme/utils.d.ts +0 -2
  355. package/providers/UserSearchQuery/index.d.ts +0 -4
  356. package/providers/UserSearchQuery/interface.d.ts +0 -10
  357. package/style.css +0 -1
  358. package/theme/Accordion/index.d.ts +0 -274
  359. package/theme/Alerts/index.d.ts +0 -1167
  360. package/theme/Box/index.d.ts +0 -214
  361. package/theme/Button/index.d.ts +0 -121
  362. package/theme/Calendar/index.d.ts +0 -366
  363. package/theme/Carousel/index.d.ts +0 -9
  364. package/theme/Checkbox/index.d.ts +0 -159
  365. package/theme/CheckboxGroup/index.d.ts +0 -30
  366. package/theme/DatePicker/index.d.ts +0 -43
  367. package/theme/Image/index.d.ts +0 -3
  368. package/theme/LightBox/index.d.ts +0 -455
  369. package/theme/Radio/index.d.ts +0 -108
  370. package/theme/RadioGroup/index.d.ts +0 -30
  371. package/theme/Search/index.d.ts +0 -30
  372. package/theme/ShareButton/index.d.ts +0 -174
  373. package/theme/SidePanel/index.d.ts +0 -3
  374. package/theme/TextArea/index.d.ts +0 -29
  375. package/theme/Typography/index.d.ts +0 -233
  376. package/theme/index.d.ts +0 -5
  377. package/transitions/AccordionTransition.d.ts +0 -3
  378. package/transitions/ModalTransition.d.ts +0 -7
  379. package/transitions/RenderWithOpacity.d.ts +0 -3
  380. package/transitions/RenderWithSlide.d.ts +0 -7
  381. package/transitions/SidePanelTransition.d.ts +0 -7
  382. package/types/components.d.ts +0 -28
@@ -1,9 +0,0 @@
1
- import type React from 'react';
2
- import type { TToken } from '../../providers/Theme/interface';
3
- import type { TDefaultComponent } from '../../types/components';
4
- export interface TTypographyProps<T = TToken> extends TDefaultComponent<T> {
5
- children?: React.ReactNode;
6
- dangerouslySetInnerHTML?: {
7
- __html: string | TrustedHTML;
8
- };
9
- }
@@ -1,3 +0,0 @@
1
- import type TWysiwygBlockProps from './interface';
2
- declare const WysiwygBlock: ({ content, themeName, ...rest }: TWysiwygBlockProps) => import("react/jsx-runtime").JSX.Element;
3
- export default WysiwygBlock;
@@ -1,5 +0,0 @@
1
- import type { TDefaultComponent } from '../../types/components';
2
- interface TWysiwygBlockProps extends TDefaultComponent {
3
- content: string;
4
- }
5
- export default TWysiwygBlockProps;
@@ -1,18 +0,0 @@
1
- import type React from 'react';
2
- import type { AriaCheckboxProps } from 'react-aria';
3
- import type { TDefaultComponent } from '../../../types/components';
4
- export interface TCheckboxProps extends TDefaultComponent, AriaCheckboxProps {
5
- label: string;
6
- isError?: boolean;
7
- errorMessage?: string;
8
- ariaLabel?: string;
9
- icon?: React.ReactNode;
10
- }
11
- export interface TCheckboxLabelStyles {
12
- isDisabled?: boolean;
13
- }
14
- export interface TCheckboxStyles {
15
- isDisabled?: boolean;
16
- isFocused?: boolean;
17
- isError?: boolean;
18
- }
@@ -1,3 +0,0 @@
1
- import type { TCheckboxProps } from './Checkbox.interface';
2
- declare const Checkbox: (props: TCheckboxProps) => import("react/jsx-runtime").JSX.Element;
3
- export default Checkbox;
@@ -1,3 +0,0 @@
1
- import type { TCheckboxGroupItemProps } from '../../interface';
2
- declare const CheckboxGroupItem: (props: TCheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element | null;
3
- export default CheckboxGroupItem;
@@ -1,3 +0,0 @@
1
- import type { TCheckboxGroupProps } from './interface';
2
- declare const CheckboxGroup: (props: TCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
3
- export default CheckboxGroup;
@@ -1,13 +0,0 @@
1
- import type React from 'react';
2
- import type { AriaCheckboxGroupItemProps } from 'react-aria';
3
- import type { CheckboxGroupProps } from 'react-stately';
4
- import type { TDefaultComponent } from '../../../types/components';
5
- import type { TCheckboxProps } from '../Checkbox/Checkbox.interface';
6
- export interface TCheckboxGroupProps extends TDefaultComponent, CheckboxGroupProps {
7
- children: React.ReactNode;
8
- isError?: boolean;
9
- isDisabled?: boolean;
10
- errorMessage?: string;
11
- label?: string;
12
- }
13
- export type TCheckboxGroupItemProps = TDefaultComponent & Omit<AriaCheckboxGroupItemProps, 'children'> & Omit<TCheckboxProps, 'children'>;
@@ -1,3 +0,0 @@
1
- import type { TDateRangePickerProps } from './interface';
2
- declare function DateRangePicker(props: TDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
3
- export default DateRangePicker;
@@ -1,2 +0,0 @@
1
- import type { TCalendarPopoverProps } from '../interface';
2
- export declare function CalendarPopover({ themeName, tokens, ...rest }: TCalendarPopoverProps): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- import type { DateValue } from '@internationalized/date';
2
- import type { AriaDatePickerProps } from '@react-aria/datepicker';
3
- declare function DateField(props: AriaDatePickerProps<DateValue>): import("react/jsx-runtime").JSX.Element;
4
- export default DateField;
@@ -1,3 +0,0 @@
1
- import type { TDatePickerProps } from './interface';
2
- declare function DatePicker({ popoverPlacement, tokens, customTheme, themeName, icon, description, buttonLabel, ...rest }: TDatePickerProps): import("react/jsx-runtime").JSX.Element;
3
- export default DatePicker;
@@ -1,37 +0,0 @@
1
- import type { DateValue } from '@internationalized/date';
2
- import type { DateFieldState, DateSegment, DatePickerStateOptions, DateRangePickerStateOptions } from '@react-stately/datepicker';
3
- import type { RangeValue } from '@react-types/shared';
4
- import type React from 'react';
5
- import type { AriaPopoverProps } from 'react-aria';
6
- import type { OverlayTriggerState } from 'react-stately';
7
- import type { TDefaultComponent } from '../../../types/components';
8
- export interface TDateSegmentProps {
9
- segment: DateSegment;
10
- state: DateFieldState;
11
- }
12
- type PopoverPlacement = 'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom';
13
- export interface TDatePickerProps extends DatePickerStateOptions<DateValue>, TDefaultComponent {
14
- label?: string;
15
- popoverPlacement?: PopoverPlacement;
16
- icon?: string;
17
- buttonLabel?: string;
18
- description?: string;
19
- }
20
- export interface TDateRangePickerProps extends DateRangePickerStateOptions<DateValue>, TDefaultComponent {
21
- buttonLabel?: string;
22
- label?: string;
23
- description?: string;
24
- icon?: string;
25
- popoverPlacement?: PopoverPlacement;
26
- minValue?: DateValue;
27
- value?: {
28
- start: DateValue;
29
- end: DateValue;
30
- };
31
- onChange?: (value: RangeValue<DateValue>) => void;
32
- }
33
- export interface TCalendarPopoverProps extends Omit<AriaPopoverProps, 'popoverRef'>, TDefaultComponent {
34
- children: React.ReactNode;
35
- state: OverlayTriggerState;
36
- }
37
- export {};
@@ -1,26 +0,0 @@
1
- import type React from 'react';
2
- import type { ChangeHandler, RefCallBack } from 'react-hook-form';
3
- import type { TDefaultComponent, TReactHookForm } from '../../../types/components';
4
- export type TFieldReactHookForm = TReactHookForm & TDefaultComponent;
5
- export interface TRadioProps extends TFieldReactHookForm {
6
- id: string;
7
- label: string;
8
- name: string;
9
- required?: boolean;
10
- isDisabled?: boolean;
11
- isError?: boolean;
12
- errorMessage?: string;
13
- ariaLabel?: string;
14
- value: string;
15
- onChange?: ((isSelected: boolean) => void) | ChangeHandler;
16
- inputRef?: RefCallBack;
17
- icon?: React.ReactNode;
18
- }
19
- export interface TRadioLabelStyles {
20
- isDisabled?: boolean;
21
- }
22
- export interface TRadioStyles {
23
- isDisabled?: boolean;
24
- isFocused?: boolean;
25
- isError?: boolean;
26
- }
@@ -1,4 +0,0 @@
1
- import type { TRadioProps } from './Radio.interface';
2
- declare const Radio: (props: TRadioProps) => import("react/jsx-runtime").JSX.Element;
3
- export declare const ReactHookFormRadio: (props: TRadioProps) => import("react/jsx-runtime").JSX.Element;
4
- export default Radio;
@@ -1,3 +0,0 @@
1
- import type { TRadioGroupProps } from './interface';
2
- declare const RadioGroup: (props: TRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
3
- export default RadioGroup;
@@ -1,9 +0,0 @@
1
- import type React from 'react';
2
- import type { TDefaultComponent } from '../../../types/components';
3
- export interface TRadioGroupProps extends TDefaultComponent {
4
- children: React.ReactNode;
5
- isError?: boolean;
6
- isDisabled?: boolean;
7
- errorMessage?: string;
8
- label?: string;
9
- }
@@ -1,3 +0,0 @@
1
- import type TSearchProps from './interface';
2
- declare const SearchField: (props: TSearchProps) => import("react/jsx-runtime").JSX.Element;
3
- export default SearchField;
@@ -1,9 +0,0 @@
1
- import type React from 'react';
2
- import type { AriaSearchFieldProps } from 'react-aria';
3
- import type { TDefaultComponent } from '../../../types/components';
4
- export default interface TSearchProps extends AriaSearchFieldProps, TDefaultComponent {
5
- disabled?: boolean;
6
- placeholder?: string;
7
- ariaLabel?: string;
8
- errorMessage?: React.ReactNode;
9
- }
@@ -1,4 +0,0 @@
1
- import type { TSelectProps } from './Select.interface';
2
- declare const Select: (props: TSelectProps) => import("react/jsx-runtime").JSX.Element;
3
- export declare const ReactHookFormSelect: (props: TSelectProps) => import("react/jsx-runtime").JSX.Element;
4
- export default Select;
@@ -1,26 +0,0 @@
1
- import type { Key } from 'react';
2
- import type React from 'react';
3
- import type { RefCallBack } from 'react-hook-form';
4
- import type { TDefaultComponent, TReactHookForm } from '../../../types/components';
5
- export type TFieldReactHookForm = TReactHookForm & Omit<TDefaultComponent, 'children'>;
6
- export interface TSelectProps extends TFieldReactHookForm {
7
- id: string;
8
- icon?: string | React.ReactNode;
9
- label?: string;
10
- name: string;
11
- required?: boolean;
12
- disabled?: boolean;
13
- isError?: boolean;
14
- errorMessage?: string;
15
- fieldRef?: RefCallBack;
16
- placeholderLabel: string;
17
- hookFormRef?: RefCallBack;
18
- onSelectionChange?: (value: Key) => void;
19
- defaultValue?: string;
20
- value?: string;
21
- popoverMatchesWidth?: boolean;
22
- options?: {
23
- key: string;
24
- value: string;
25
- }[];
26
- }
@@ -1,4 +0,0 @@
1
- import type { TListBoxProps, TOptionProps } from './Listbox.interface';
2
- declare const Option: ({ item, state, themeName }: TOptionProps) => import("react/jsx-runtime").JSX.Element;
3
- declare const ListBox: (props: TListBoxProps) => import("react/jsx-runtime").JSX.Element;
4
- export { ListBox, Option };
@@ -1,3 +0,0 @@
1
- import type { TPopoverProps } from './Popover.interface';
2
- declare const Popover: (props: TPopoverProps) => import("react/jsx-runtime").JSX.Element;
3
- export default Popover;
@@ -1,13 +0,0 @@
1
- import type React from 'react';
2
- import type { AriaPopoverProps } from 'react-aria';
3
- import type { OverlayTriggerState } from 'react-stately';
4
- import type { TToken } from '../../../../providers/Theme/interface';
5
- import type { TDefaultComponent } from '../../../../types/components';
6
- export interface TPopoverProps extends Omit<AriaPopoverProps, 'popoverRef'>, TDefaultComponent {
7
- children: React.ReactNode;
8
- state: OverlayTriggerState;
9
- variant?: string;
10
- popoverRef?: React.RefObject<HTMLDivElement>;
11
- tokens?: TToken;
12
- style?: React.CSSProperties;
13
- }
@@ -1,3 +0,0 @@
1
- import type { TSelectItemProps } from './SelectItem.interface';
2
- declare const SelectItem: (props: TSelectItemProps) => import("react/jsx-runtime").JSX.Element;
3
- export default SelectItem;
@@ -1,4 +0,0 @@
1
- import type { TTextInputProps } from '../TextInputField/interface';
2
- declare const TextArea: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
3
- export declare const ReactHookFormTextArea: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
4
- export default TextArea;
@@ -1,4 +0,0 @@
1
- import type { TTextInputProps } from './interface';
2
- declare const TextInputField: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
3
- export declare const ReactHookFormInput: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
4
- export default TextInputField;
@@ -1,24 +0,0 @@
1
- import type { InputHTMLAttributes } from 'react';
2
- import type { AriaTextFieldOptions } from 'react-aria';
3
- import type { RefCallBack } from 'react-hook-form';
4
- import type { TDefaultComponent, TReactHookForm } from '../../../types/components';
5
- export type TFieldReactHookForm = TDefaultComponent & TReactHookForm;
6
- export interface TTextInputProps extends TFieldReactHookForm, Omit<AriaTextFieldOptions<'input'>, 'onChange' | 'onBlur'> {
7
- name: string;
8
- ariaLabel?: string;
9
- errorMessage?: string;
10
- fieldRef?: RefCallBack;
11
- /**
12
- * @deprecated use isRequired instead
13
- */
14
- required?: boolean;
15
- /**
16
- * @deprecated use isDisabled instead
17
- */
18
- disabled?: boolean;
19
- /**
20
- * @deprecated depends on errorMEssage
21
- */
22
- isError?: boolean;
23
- }
24
- export type TUseTextFieldInputProps = InputHTMLAttributes<HTMLInputElement>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const ArrowDown: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default ArrowDown;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const ArrowLeft: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default ArrowLeft;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const ArrowRight: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default ArrowRight;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Check: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default Check;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const ChevronLeft: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default ChevronLeft;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const ChevronRight: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default ChevronRight;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const CloseBtn: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default CloseBtn;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Facebook: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default Facebook;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const FacebookColored: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default FacebookColored;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const FacebookRounded: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default FacebookRounded;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Globe: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default Globe;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Fallback: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default Fallback;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Instagram: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default Instagram;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const InstagramColored: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default InstagramColored;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Link: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default Link;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const LinkedIn: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default LinkedIn;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Mail: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default Mail;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Plus: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default Plus;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Search: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default Search;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Share: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default Share;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Twitter: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default Twitter;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const TwitterColored: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default TwitterColored;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Upload: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default Upload;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const X: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default X;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const YouTube: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default YouTube;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const YouTubeColored: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
- export default YouTubeColored;
@@ -1,24 +0,0 @@
1
- export { default as ArrowDown } from './ArrowDown';
2
- export { default as ArrowLeft } from './ArrowLeft';
3
- export { default as ArrowRight } from './ArrowRight';
4
- export { default as Check } from './Check';
5
- export { default as ChevronLeft } from './ChevronLeft';
6
- export { default as ChevronRight } from './ChevronRight';
7
- export { default as CloseBtn } from './CloseBtn';
8
- export { default as Facebook } from './Facebook';
9
- export { default as FacebookColored } from './FacebookColored';
10
- export { default as FacebookRounded } from './FacebookRounded';
11
- export { default as Globe } from './Globe';
12
- export { default as Instagram } from './Instagram';
13
- export { default as InstagramColored } from './InstagramColored';
14
- export { default as Link } from './Link';
15
- export { default as LinkedIn } from './LinkedIn';
16
- export { default as Mail } from './Mail';
17
- export { default as Plus } from './Plus';
18
- export { default as Share } from './Share';
19
- export { default as Twitter } from './Twitter';
20
- export { default as TwitterColored } from './TwitterColored';
21
- export { default as Upload } from './Upload';
22
- export { default as X } from './X';
23
- export { default as YouTube } from './YouTube';
24
- export { default as YouTubeColored } from './YouTubeColored';