reactive-bulma 4.0.30 → 4.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (339) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +250 -252
  3. package/dist/assets/style.css +1 -0
  4. package/dist/{esm/types/components → components}/atoms/Block/index.d.ts +1 -1
  5. package/dist/components/atoms/Block/index.js +18 -0
  6. package/dist/components/atoms/Block/index.stories.d.ts +8 -0
  7. package/dist/components/atoms/Block/index.test.d.ts +0 -0
  8. package/dist/{esm/types/components → components}/atoms/Box/index.d.ts +1 -1
  9. package/dist/components/atoms/Box/index.js +18 -0
  10. package/dist/components/atoms/Box/index.stories.d.ts +8 -0
  11. package/dist/components/atoms/Box/index.test.d.ts +0 -0
  12. package/dist/{cjs/types/components → components}/atoms/BreadcrumbItem/index.d.ts +1 -1
  13. package/dist/components/atoms/BreadcrumbItem/index.js +44 -0
  14. package/dist/components/atoms/BreadcrumbItem/index.stories.d.ts +6 -0
  15. package/dist/components/atoms/BreadcrumbItem/index.test.d.ts +0 -0
  16. package/dist/{esm/types/components → components}/atoms/Button/index.d.ts +1 -1
  17. package/dist/components/atoms/Button/index.js +49 -0
  18. package/dist/components/atoms/Button/index.stories.d.ts +14 -0
  19. package/dist/components/atoms/Button/index.test.d.ts +0 -0
  20. package/dist/{cjs/types/components → components}/atoms/Checkbox/index.d.ts +1 -1
  21. package/dist/components/atoms/Checkbox/index.js +49 -0
  22. package/dist/components/atoms/Checkbox/index.stories.d.ts +9 -0
  23. package/dist/components/atoms/Checkbox/index.test.d.ts +0 -0
  24. package/dist/{cjs/types/components → components}/atoms/Column/index.d.ts +1 -1
  25. package/dist/components/atoms/Column/index.js +31 -0
  26. package/dist/components/atoms/Column/index.stories.d.ts +8 -0
  27. package/dist/components/atoms/Column/index.test.d.ts +0 -0
  28. package/dist/{cjs/types/components → components}/atoms/Delete/index.d.ts +1 -1
  29. package/dist/components/atoms/Delete/index.js +26 -0
  30. package/dist/components/atoms/Delete/index.stories.d.ts +6 -0
  31. package/dist/components/atoms/Delete/index.test.d.ts +0 -0
  32. package/dist/{cjs/types/components → components}/atoms/DropdownItem/index.d.ts +1 -1
  33. package/dist/components/atoms/DropdownItem/index.js +37 -0
  34. package/dist/components/atoms/DropdownItem/index.stories.d.ts +5 -0
  35. package/dist/components/atoms/DropdownItem/index.test.d.ts +0 -0
  36. package/dist/{cjs/types/components → components}/atoms/DropdownTrigger/index.d.ts +1 -1
  37. package/dist/components/atoms/DropdownTrigger/index.js +53 -0
  38. package/dist/components/atoms/DropdownTrigger/index.stories.d.ts +5 -0
  39. package/dist/components/atoms/DropdownTrigger/index.test.d.ts +0 -0
  40. package/dist/{cjs/types/components → components}/atoms/File/index.d.ts +1 -1
  41. package/dist/components/atoms/File/index.js +73 -0
  42. package/dist/components/atoms/File/index.stories.d.ts +13 -0
  43. package/dist/components/atoms/File/index.test.d.ts +0 -0
  44. package/dist/{cjs/types/components → components}/atoms/Icon/index.d.ts +1 -1
  45. package/dist/components/atoms/Icon/index.js +88 -0
  46. package/dist/components/atoms/Icon/index.stories.d.ts +12 -0
  47. package/dist/components/atoms/Icon/index.test.d.ts +0 -0
  48. package/dist/{cjs/types/components → components}/atoms/Image/index.d.ts +1 -1
  49. package/dist/components/atoms/Image/index.js +44 -0
  50. package/dist/components/atoms/Image/index.stories.d.ts +8 -0
  51. package/dist/components/atoms/Image/index.test.d.ts +0 -0
  52. package/dist/{cjs/types/components → components}/atoms/Input/index.d.ts +1 -1
  53. package/dist/components/atoms/Input/index.js +50 -0
  54. package/dist/components/atoms/Input/index.stories.d.ts +15 -0
  55. package/dist/components/atoms/Input/index.test.d.ts +0 -0
  56. package/dist/{cjs/types/components → components}/atoms/LevelHeader/index.d.ts +1 -1
  57. package/dist/components/atoms/LevelHeader/index.js +26 -0
  58. package/dist/components/atoms/LevelHeader/index.stories.d.ts +6 -0
  59. package/dist/components/atoms/LevelHeader/index.test.d.ts +0 -0
  60. package/dist/{cjs/types/components → components}/atoms/MenuItem/index.d.ts +1 -1
  61. package/dist/components/atoms/MenuItem/index.js +30 -0
  62. package/dist/components/atoms/MenuItem/index.stories.d.ts +6 -0
  63. package/dist/components/atoms/MenuItem/index.test.d.ts +0 -0
  64. package/dist/{cjs/types/components → components}/atoms/NavBarItem/index.d.ts +1 -1
  65. package/dist/components/atoms/NavBarItem/index.js +30 -0
  66. package/dist/components/atoms/NavBarItem/index.stories.d.ts +5 -0
  67. package/dist/components/atoms/NavBarItem/index.test.d.ts +0 -0
  68. package/dist/{esm/types/components → components}/atoms/PaginationItem/index.d.ts +1 -1
  69. package/dist/components/atoms/PaginationItem/index.js +37 -0
  70. package/dist/components/atoms/PaginationItem/index.stories.d.ts +8 -0
  71. package/dist/components/atoms/PaginationItem/index.test.d.ts +0 -0
  72. package/dist/{esm/types/components → components}/atoms/ProgressBar/index.d.ts +1 -1
  73. package/dist/components/atoms/ProgressBar/index.js +36 -0
  74. package/dist/components/atoms/ProgressBar/index.stories.d.ts +10 -0
  75. package/dist/components/atoms/ProgressBar/index.test.d.ts +0 -0
  76. package/dist/{esm/types/components → components}/atoms/RadioButton/index.d.ts +1 -1
  77. package/dist/components/atoms/RadioButton/index.js +71 -0
  78. package/dist/components/atoms/RadioButton/index.stories.d.ts +8 -0
  79. package/dist/components/atoms/RadioButton/index.test.d.ts +0 -0
  80. package/dist/{cjs/types/components → components}/atoms/Select/index.d.ts +1 -1
  81. package/dist/components/atoms/Select/index.js +64 -0
  82. package/dist/components/atoms/Select/index.stories.d.ts +9 -0
  83. package/dist/components/atoms/Select/index.test.d.ts +0 -0
  84. package/dist/{cjs/types/components → components}/atoms/TabItem/index.d.ts +1 -1
  85. package/dist/components/atoms/TabItem/index.js +44 -0
  86. package/dist/components/atoms/TabItem/index.stories.d.ts +6 -0
  87. package/dist/components/atoms/TabItem/index.test.d.ts +0 -0
  88. package/dist/{cjs/types/components → components}/atoms/TableCell/index.d.ts +1 -1
  89. package/dist/components/atoms/TableCell/index.js +24 -0
  90. package/dist/components/atoms/TableCell/index.stories.d.ts +5 -0
  91. package/dist/components/atoms/TableCell/index.test.d.ts +0 -0
  92. package/dist/{cjs/types/components → components}/atoms/TableHeadCell/index.d.ts +1 -1
  93. package/dist/components/atoms/TableHeadCell/index.js +24 -0
  94. package/dist/components/atoms/TableHeadCell/index.stories.d.ts +5 -0
  95. package/dist/components/atoms/TableHeadCell/index.test.d.ts +0 -0
  96. package/dist/{cjs/types/components → components}/atoms/Tag/index.d.ts +1 -1
  97. package/dist/components/atoms/Tag/index.js +87 -0
  98. package/dist/components/atoms/Tag/index.stories.d.ts +13 -0
  99. package/dist/components/atoms/Tag/index.test.d.ts +0 -0
  100. package/dist/{cjs/types/components → components}/atoms/TextArea/index.d.ts +1 -1
  101. package/dist/components/atoms/TextArea/index.js +60 -0
  102. package/dist/components/atoms/TextArea/index.stories.d.ts +14 -0
  103. package/dist/components/atoms/TextArea/index.test.d.ts +0 -0
  104. package/dist/{cjs/types/components → components}/atoms/Tile/index.d.ts +1 -1
  105. package/dist/components/atoms/Tile/index.js +46 -0
  106. package/dist/components/atoms/Tile/index.stories.d.ts +9 -0
  107. package/dist/components/atoms/Tile/index.test.d.ts +0 -0
  108. package/dist/{cjs/types/components → components}/atoms/Title/index.d.ts +1 -1
  109. package/dist/components/atoms/Title/index.js +25 -0
  110. package/dist/components/atoms/Title/index.stories.d.ts +10 -0
  111. package/dist/components/atoms/Title/index.test.d.ts +0 -0
  112. package/dist/components/atoms/index.js +56 -0
  113. package/dist/{esm/types/components → components}/molecules/Breadcrumbs/index.d.ts +1 -1
  114. package/dist/components/molecules/Breadcrumbs/index.js +63 -0
  115. package/dist/components/molecules/Breadcrumbs/index.stories.d.ts +8 -0
  116. package/dist/components/molecules/Breadcrumbs/index.test.d.ts +0 -0
  117. package/dist/{esm/types/components → components}/molecules/ButtonGroup/index.d.ts +1 -1
  118. package/dist/components/molecules/ButtonGroup/index.js +58 -0
  119. package/dist/components/molecules/ButtonGroup/index.stories.d.ts +8 -0
  120. package/dist/components/molecules/ButtonGroup/index.test.d.ts +0 -0
  121. package/dist/{esm/types/components → components}/molecules/ColumnGroup/index.d.ts +1 -1
  122. package/dist/components/molecules/ColumnGroup/index.js +55 -0
  123. package/dist/components/molecules/ColumnGroup/index.stories.d.ts +10 -0
  124. package/dist/components/molecules/ColumnGroup/index.test.d.ts +0 -0
  125. package/dist/{esm/types/components → components}/molecules/Dropdown/index.d.ts +1 -1
  126. package/dist/components/molecules/Dropdown/index.js +72 -0
  127. package/dist/components/molecules/Dropdown/index.stories.d.ts +6 -0
  128. package/dist/components/molecules/Dropdown/index.test.d.ts +0 -0
  129. package/dist/{esm/types/components → components}/molecules/Footer/index.d.ts +1 -1
  130. package/dist/components/molecules/Footer/index.js +51 -0
  131. package/dist/components/molecules/Footer/index.stories.d.ts +8 -0
  132. package/dist/components/molecules/Footer/index.test.d.ts +0 -0
  133. package/dist/{cjs/types/components → components}/molecules/InputControl/index.d.ts +1 -1
  134. package/dist/components/molecules/InputControl/index.js +59 -0
  135. package/dist/components/molecules/InputControl/index.stories.d.ts +11 -0
  136. package/dist/components/molecules/InputControl/index.test.d.ts +0 -0
  137. package/dist/{esm/types/components → components}/molecules/LevelItem/index.d.ts +1 -1
  138. package/dist/components/molecules/LevelItem/index.js +40 -0
  139. package/dist/components/molecules/LevelItem/index.stories.d.ts +7 -0
  140. package/dist/components/molecules/LevelItem/index.test.d.ts +0 -0
  141. package/dist/{cjs/types/components → components}/molecules/Media/index.d.ts +1 -1
  142. package/dist/components/molecules/Media/index.js +35 -0
  143. package/dist/components/molecules/Media/index.stories.d.ts +10 -0
  144. package/dist/components/molecules/Media/index.test.d.ts +0 -0
  145. package/dist/{cjs/types/components → components}/molecules/Menu/index.d.ts +1 -1
  146. package/dist/components/molecules/Menu/index.js +41 -0
  147. package/dist/components/molecules/Menu/index.stories.d.ts +6 -0
  148. package/dist/components/molecules/Menu/index.test.d.ts +0 -0
  149. package/dist/{esm/types/components → components}/molecules/MenuList/index.d.ts +1 -1
  150. package/dist/components/molecules/MenuList/index.js +39 -0
  151. package/dist/components/molecules/MenuList/index.stories.d.ts +6 -0
  152. package/dist/components/molecules/MenuList/index.test.d.ts +0 -0
  153. package/dist/{esm/types/components → components}/molecules/Message/index.d.ts +1 -1
  154. package/dist/components/molecules/Message/index.js +47 -0
  155. package/dist/components/molecules/Message/index.stories.d.ts +9 -0
  156. package/dist/components/molecules/Message/index.test.d.ts +0 -0
  157. package/dist/{cjs/types/components → components}/molecules/Modal/index.d.ts +1 -1
  158. package/dist/components/molecules/Modal/index.js +61 -0
  159. package/dist/components/molecules/Modal/index.stories.d.ts +7 -0
  160. package/dist/components/molecules/Modal/index.test.d.ts +0 -0
  161. package/dist/{cjs/types/components → components}/molecules/NavBarBrand/index.d.ts +1 -1
  162. package/dist/components/molecules/NavBarBrand/index.js +48 -0
  163. package/dist/components/molecules/NavBarBrand/index.stories.d.ts +7 -0
  164. package/dist/components/molecules/NavBarBrand/index.test.d.ts +0 -0
  165. package/dist/{cjs/types/components → components}/molecules/NavBarDropdown/index.d.ts +1 -1
  166. package/dist/components/molecules/NavBarDropdown/index.js +85 -0
  167. package/dist/components/molecules/NavBarDropdown/index.stories.d.ts +10 -0
  168. package/dist/components/molecules/NavBarDropdown/index.test.d.ts +0 -0
  169. package/dist/{cjs/types/components → components}/molecules/Notification/index.d.ts +1 -1
  170. package/dist/components/molecules/Notification/index.js +37 -0
  171. package/dist/components/molecules/Notification/index.stories.d.ts +8 -0
  172. package/dist/components/molecules/Notification/index.test.d.ts +0 -0
  173. package/dist/{esm/types/components → components}/molecules/Pagination/index.d.ts +1 -1
  174. package/dist/components/molecules/Pagination/index.js +109 -0
  175. package/dist/components/molecules/Pagination/index.stories.d.ts +12 -0
  176. package/dist/components/molecules/Pagination/index.test.d.ts +0 -0
  177. package/dist/{esm/types/components → components}/molecules/PanelBlock/index.d.ts +1 -1
  178. package/dist/components/molecules/PanelBlock/index.js +60 -0
  179. package/dist/components/molecules/PanelBlock/index.stories.d.ts +8 -0
  180. package/dist/components/molecules/PanelBlock/index.test.d.ts +0 -0
  181. package/dist/{esm/types/components → components}/molecules/PanelTabs/index.d.ts +1 -1
  182. package/dist/components/molecules/PanelTabs/index.js +32 -0
  183. package/dist/components/molecules/PanelTabs/index.stories.d.ts +7 -0
  184. package/dist/components/molecules/PanelTabs/index.test.d.ts +0 -0
  185. package/dist/{cjs/types/components → components}/molecules/Section/index.d.ts +1 -1
  186. package/dist/components/molecules/Section/index.js +23 -0
  187. package/dist/components/molecules/Section/index.stories.d.ts +8 -0
  188. package/dist/components/molecules/Section/index.test.d.ts +0 -0
  189. package/dist/{esm/types/components → components}/molecules/TableRow/index.d.ts +1 -1
  190. package/dist/components/molecules/TableRow/index.js +41 -0
  191. package/dist/components/molecules/TableRow/index.stories.d.ts +7 -0
  192. package/dist/components/molecules/TableRow/index.test.d.ts +0 -0
  193. package/dist/{cjs/types/components → components}/molecules/Tabs/index.d.ts +1 -1
  194. package/dist/components/molecules/Tabs/index.js +44 -0
  195. package/dist/components/molecules/Tabs/index.stories.d.ts +13 -0
  196. package/dist/components/molecules/Tabs/index.test.d.ts +0 -0
  197. package/dist/{cjs/types/components → components}/molecules/TileBox/index.d.ts +1 -1
  198. package/dist/components/molecules/TileBox/index.js +51 -0
  199. package/dist/components/molecules/TileBox/index.stories.d.ts +8 -0
  200. package/dist/components/molecules/TileBox/index.test.d.ts +0 -0
  201. package/dist/components/molecules/index.js +46 -0
  202. package/dist/{cjs/types/components → components}/organisms/Card/index.d.ts +1 -1
  203. package/dist/components/organisms/Card/index.js +87 -0
  204. package/dist/components/organisms/Card/index.stories.d.ts +8 -0
  205. package/dist/components/organisms/Card/index.test.d.ts +0 -0
  206. package/dist/{esm/types/components → components}/organisms/FormField/index.d.ts +1 -1
  207. package/dist/components/organisms/FormField/index.js +76 -0
  208. package/dist/components/organisms/FormField/index.stories.d.ts +11 -0
  209. package/dist/components/organisms/FormField/index.test.d.ts +0 -0
  210. package/dist/{cjs/types/components → components}/organisms/Hero/index.d.ts +1 -1
  211. package/dist/components/organisms/Hero/index.js +37 -0
  212. package/dist/components/organisms/Hero/index.stories.d.ts +12 -0
  213. package/dist/components/organisms/Hero/index.test.d.ts +0 -0
  214. package/dist/{cjs/types/components → components}/organisms/Level/index.d.ts +1 -1
  215. package/dist/components/organisms/Level/index.js +42 -0
  216. package/dist/components/organisms/Level/index.stories.d.ts +9 -0
  217. package/dist/components/organisms/Level/index.test.d.ts +0 -0
  218. package/dist/{esm/types/components → components}/organisms/NavBar/index.d.ts +1 -1
  219. package/dist/components/organisms/NavBar/index.js +83 -0
  220. package/dist/components/organisms/NavBar/index.stories.d.ts +11 -0
  221. package/dist/components/organisms/NavBar/index.test.d.ts +0 -0
  222. package/dist/{cjs/types/components → components}/organisms/Panel/index.d.ts +1 -1
  223. package/dist/components/organisms/Panel/index.js +39 -0
  224. package/dist/components/organisms/Panel/index.stories.d.ts +11 -0
  225. package/dist/components/organisms/Panel/index.test.d.ts +0 -0
  226. package/dist/{cjs/types/components → components}/organisms/Table/index.d.ts +1 -1
  227. package/dist/components/organisms/Table/index.js +65 -0
  228. package/dist/components/organisms/Table/index.stories.d.ts +15 -0
  229. package/dist/components/organisms/Table/index.test.d.ts +0 -0
  230. package/dist/{cjs/types/components → components}/organisms/TileGroup/index.d.ts +1 -1
  231. package/dist/components/organisms/TileGroup/index.js +55 -0
  232. package/dist/components/organisms/TileGroup/index.stories.d.ts +8 -0
  233. package/dist/components/organisms/TileGroup/index.test.d.ts +0 -0
  234. package/dist/components/organisms/index.js +18 -0
  235. package/dist/functions/generators.js +12 -0
  236. package/dist/{cjs/types/functions → functions}/jest.d.ts +2 -2
  237. package/dist/functions/parsers.js +19 -0
  238. package/dist/index.d.ts +3 -805
  239. package/dist/index.js +116 -0
  240. package/dist/{cjs/types/interfaces → interfaces}/atomProps.d.ts +1 -1
  241. package/dist/interfaces/atomProps.js +1 -0
  242. package/dist/interfaces/commonProps.js +1 -0
  243. package/dist/interfaces/functionProps.js +1 -0
  244. package/dist/interfaces/moleculeProps.js +1 -0
  245. package/dist/interfaces/organismProps.js +1 -0
  246. package/dist/{cjs/types/types → types}/domTypes.d.ts +1 -1
  247. package/dist/types/domTypes.js +4 -0
  248. package/dist/types/styleTypes.js +1 -0
  249. package/package.json +49 -36
  250. package/dist/cjs/index.js +0 -4089
  251. package/dist/cjs/index.js.map +0 -1
  252. package/dist/cjs/types/components/atoms/Block/index.d.ts +0 -4
  253. package/dist/cjs/types/components/atoms/Box/index.d.ts +0 -4
  254. package/dist/cjs/types/components/atoms/Button/index.d.ts +0 -4
  255. package/dist/cjs/types/components/atoms/PaginationItem/index.d.ts +0 -4
  256. package/dist/cjs/types/components/atoms/ProgressBar/index.d.ts +0 -4
  257. package/dist/cjs/types/components/atoms/RadioButton/index.d.ts +0 -4
  258. package/dist/cjs/types/components/molecules/Breadcrumbs/index.d.ts +0 -4
  259. package/dist/cjs/types/components/molecules/ButtonGroup/index.d.ts +0 -4
  260. package/dist/cjs/types/components/molecules/ColumnGroup/index.d.ts +0 -4
  261. package/dist/cjs/types/components/molecules/Dropdown/index.d.ts +0 -4
  262. package/dist/cjs/types/components/molecules/Footer/index.d.ts +0 -4
  263. package/dist/cjs/types/components/molecules/LevelItem/index.d.ts +0 -4
  264. package/dist/cjs/types/components/molecules/MenuList/index.d.ts +0 -4
  265. package/dist/cjs/types/components/molecules/Message/index.d.ts +0 -4
  266. package/dist/cjs/types/components/molecules/Pagination/index.d.ts +0 -4
  267. package/dist/cjs/types/components/molecules/PanelBlock/index.d.ts +0 -4
  268. package/dist/cjs/types/components/molecules/PanelTabs/index.d.ts +0 -4
  269. package/dist/cjs/types/components/molecules/TableRow/index.d.ts +0 -4
  270. package/dist/cjs/types/components/organisms/FormField/index.d.ts +0 -4
  271. package/dist/cjs/types/components/organisms/NavBar/index.d.ts +0 -4
  272. package/dist/cjs/types/index.d.ts +0 -5
  273. package/dist/esm/index.js +0 -4031
  274. package/dist/esm/index.js.map +0 -1
  275. package/dist/esm/types/components/atoms/BreadcrumbItem/index.d.ts +0 -4
  276. package/dist/esm/types/components/atoms/Checkbox/index.d.ts +0 -4
  277. package/dist/esm/types/components/atoms/Column/index.d.ts +0 -4
  278. package/dist/esm/types/components/atoms/Delete/index.d.ts +0 -4
  279. package/dist/esm/types/components/atoms/DropdownItem/index.d.ts +0 -4
  280. package/dist/esm/types/components/atoms/DropdownTrigger/index.d.ts +0 -4
  281. package/dist/esm/types/components/atoms/File/index.d.ts +0 -4
  282. package/dist/esm/types/components/atoms/Icon/index.d.ts +0 -4
  283. package/dist/esm/types/components/atoms/Image/index.d.ts +0 -4
  284. package/dist/esm/types/components/atoms/Input/index.d.ts +0 -4
  285. package/dist/esm/types/components/atoms/LevelHeader/index.d.ts +0 -4
  286. package/dist/esm/types/components/atoms/MenuItem/index.d.ts +0 -4
  287. package/dist/esm/types/components/atoms/NavBarItem/index.d.ts +0 -4
  288. package/dist/esm/types/components/atoms/Select/index.d.ts +0 -4
  289. package/dist/esm/types/components/atoms/TabItem/index.d.ts +0 -4
  290. package/dist/esm/types/components/atoms/TableCell/index.d.ts +0 -4
  291. package/dist/esm/types/components/atoms/TableHeadCell/index.d.ts +0 -4
  292. package/dist/esm/types/components/atoms/Tag/index.d.ts +0 -4
  293. package/dist/esm/types/components/atoms/TextArea/index.d.ts +0 -4
  294. package/dist/esm/types/components/atoms/Tile/index.d.ts +0 -4
  295. package/dist/esm/types/components/atoms/Title/index.d.ts +0 -4
  296. package/dist/esm/types/components/atoms/index.d.ts +0 -27
  297. package/dist/esm/types/components/molecules/InputControl/index.d.ts +0 -4
  298. package/dist/esm/types/components/molecules/Media/index.d.ts +0 -4
  299. package/dist/esm/types/components/molecules/Menu/index.d.ts +0 -4
  300. package/dist/esm/types/components/molecules/Modal/index.d.ts +0 -4
  301. package/dist/esm/types/components/molecules/NavBarBrand/index.d.ts +0 -4
  302. package/dist/esm/types/components/molecules/NavBarDropdown/index.d.ts +0 -4
  303. package/dist/esm/types/components/molecules/Notification/index.d.ts +0 -4
  304. package/dist/esm/types/components/molecules/Section/index.d.ts +0 -4
  305. package/dist/esm/types/components/molecules/Tabs/index.d.ts +0 -4
  306. package/dist/esm/types/components/molecules/TileBox/index.d.ts +0 -4
  307. package/dist/esm/types/components/molecules/index.d.ts +0 -22
  308. package/dist/esm/types/components/organisms/Card/index.d.ts +0 -4
  309. package/dist/esm/types/components/organisms/Hero/index.d.ts +0 -4
  310. package/dist/esm/types/components/organisms/Level/index.d.ts +0 -4
  311. package/dist/esm/types/components/organisms/Panel/index.d.ts +0 -4
  312. package/dist/esm/types/components/organisms/Table/index.d.ts +0 -4
  313. package/dist/esm/types/components/organisms/TileGroup/index.d.ts +0 -4
  314. package/dist/esm/types/components/organisms/index.d.ts +0 -8
  315. package/dist/esm/types/functions/generators.d.ts +0 -4
  316. package/dist/esm/types/functions/jest.d.ts +0 -2
  317. package/dist/esm/types/functions/parsers.d.ts +0 -14
  318. package/dist/esm/types/functions/tests/generators.test.d.ts +0 -1
  319. package/dist/esm/types/functions/tests/parsers.test.d.ts +0 -1
  320. package/dist/esm/types/index.d.ts +0 -5
  321. package/dist/esm/types/interfaces/atomProps.d.ts +0 -305
  322. package/dist/esm/types/interfaces/commonProps.d.ts +0 -25
  323. package/dist/esm/types/interfaces/functionProps.d.ts +0 -16
  324. package/dist/esm/types/interfaces/moleculeProps.d.ts +0 -231
  325. package/dist/esm/types/interfaces/organismProps.d.ts +0 -112
  326. package/dist/esm/types/types/domTypes.d.ts +0 -16
  327. package/dist/esm/types/types/styleTypes.d.ts +0 -19
  328. /package/dist/{cjs/types/components → components}/atoms/index.d.ts +0 -0
  329. /package/dist/{cjs/types/components → components}/molecules/index.d.ts +0 -0
  330. /package/dist/{cjs/types/components → components}/organisms/index.d.ts +0 -0
  331. /package/dist/{cjs/types/functions → functions}/generators.d.ts +0 -0
  332. /package/dist/{cjs/types/functions → functions}/parsers.d.ts +0 -0
  333. /package/dist/{cjs/types/functions → functions}/tests/generators.test.d.ts +0 -0
  334. /package/dist/{cjs/types/functions → functions}/tests/parsers.test.d.ts +0 -0
  335. /package/dist/{cjs/types/interfaces → interfaces}/commonProps.d.ts +0 -0
  336. /package/dist/{cjs/types/interfaces → interfaces}/functionProps.d.ts +0 -0
  337. /package/dist/{cjs/types/interfaces → interfaces}/moleculeProps.d.ts +0 -0
  338. /package/dist/{cjs/types/interfaces → interfaces}/organismProps.d.ts +0 -0
  339. /package/dist/{cjs/types/types → types}/styleTypes.d.ts +0 -0
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { BreadcrumbItemProps } from '../../../interfaces/atomProps';
3
- declare const BreadcrumbItem: React.FC<BreadcrumbItemProps>;
4
- export default BreadcrumbItem;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { CheckBoxProps } from '../../../interfaces/atomProps';
3
- declare const CheckBox: React.FC<CheckBoxProps>;
4
- export default CheckBox;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { ColumnProps } from '../../../interfaces/atomProps';
3
- declare const Column: React.FC<ColumnProps>;
4
- export default Column;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { DeleteProps } from '../../../interfaces/atomProps';
3
- declare const Delete: React.FC<DeleteProps>;
4
- export default Delete;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { DropdownItemProps } from '../../../interfaces/atomProps';
3
- declare const DropdownItem: React.FC<DropdownItemProps>;
4
- export default DropdownItem;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { DropdownTriggerProps } from '../../../interfaces/atomProps';
3
- declare const DropdownTrigger: React.FC<DropdownTriggerProps>;
4
- export default DropdownTrigger;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { FileProps } from '../../../interfaces/atomProps';
3
- declare const File: React.FC<FileProps>;
4
- export default File;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from '../../../interfaces/atomProps';
3
- declare const Icon: React.FC<IconProps>;
4
- export default Icon;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { ImageProps } from '../../../interfaces/atomProps';
3
- declare const Image: React.FC<ImageProps>;
4
- export default Image;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { InputProps } from '../../../interfaces/atomProps';
3
- declare const Input: React.FC<InputProps>;
4
- export default Input;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { LevelHeaderProps } from '../../../interfaces/atomProps';
3
- declare const LevelHeader: React.FC<LevelHeaderProps>;
4
- export default LevelHeader;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { MenuItemProps } from '../../../interfaces/atomProps';
3
- declare const MenuItem: React.FC<MenuItemProps>;
4
- export default MenuItem;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { NavBarItemProps } from '../../../interfaces/atomProps';
3
- declare const NavBarItem: React.FC<NavBarItemProps>;
4
- export default NavBarItem;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { SelectProps } from '../../../interfaces/atomProps';
3
- declare const Select: React.FC<SelectProps>;
4
- export default Select;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TabItemProps } from '../../../interfaces/atomProps';
3
- declare const TabItem: React.FC<TabItemProps>;
4
- export default TabItem;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TableCellProps } from '../../../interfaces/atomProps';
3
- declare const TableCell: React.FC<TableCellProps>;
4
- export default TableCell;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TableHeadCellProps } from '../../../interfaces/atomProps';
3
- declare const TableHeadCell: React.FC<TableHeadCellProps>;
4
- export default TableHeadCell;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TagProps } from '../../../interfaces/atomProps';
3
- declare const Tag: React.FC<TagProps>;
4
- export default Tag;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TextAreaProps } from '../../../interfaces/atomProps';
3
- declare const TextArea: React.FC<TextAreaProps>;
4
- export default TextArea;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TileProps } from '../../../interfaces/atomProps';
3
- declare const Tile: React.FC<TileProps>;
4
- export default Tile;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TitleProps } from '../../../interfaces/atomProps';
3
- declare const Title: React.FC<TitleProps>;
4
- export default Title;
@@ -1,27 +0,0 @@
1
- export { default as Button } from './Button';
2
- export { default as Column } from './Column';
3
- export { default as ProgressBar } from './ProgressBar';
4
- export { default as Block } from './Block';
5
- export { default as Tag } from './Tag';
6
- export { default as Box } from './Box';
7
- export { default as Title } from './Title';
8
- export { default as Icon } from './Icon';
9
- export { default as Input } from './Input';
10
- export { default as TextArea } from './TextArea';
11
- export { default as Delete } from './Delete';
12
- export { default as Select } from './Select';
13
- export { default as File } from './File';
14
- export { default as Checkbox } from './Checkbox';
15
- export { default as RadioButton } from './RadioButton';
16
- export { default as BreadcrumbItem } from './BreadcrumbItem';
17
- export { default as DropdownTrigger } from './DropdownTrigger';
18
- export { default as DropdownItem } from './DropdownItem';
19
- export { default as MenuItem } from './MenuItem';
20
- export { default as Image } from './Image';
21
- export { default as PaginationItem } from './PaginationItem';
22
- export { default as TabItem } from './TabItem';
23
- export { default as LevelHeader } from './LevelHeader';
24
- export { default as Tile } from './Tile';
25
- export { default as NavBarItem } from './NavBarItem';
26
- export { default as TableHeadCell } from './TableHeadCell';
27
- export { default as TableCell } from './TableCell';
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { InputControlProps } from '../../../interfaces/moleculeProps';
3
- declare const InputControl: React.FC<InputControlProps>;
4
- export default InputControl;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { MediaProps } from '../../../interfaces/moleculeProps';
3
- declare const Media: React.FC<MediaProps>;
4
- export default Media;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { MenuProps } from '../../../interfaces/moleculeProps';
3
- declare const Menu: React.FC<MenuProps>;
4
- export default Menu;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { ModalProps } from '../../../interfaces/moleculeProps';
3
- declare const Modal: React.FC<ModalProps>;
4
- export default Modal;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { NavBarBrandProps } from '../../../interfaces/moleculeProps';
3
- declare const NavBarBrand: React.FC<NavBarBrandProps>;
4
- export default NavBarBrand;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { NavBarDropdownProps } from '../../../interfaces/moleculeProps';
3
- declare const NavBarDropdown: React.FC<NavBarDropdownProps>;
4
- export default NavBarDropdown;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { NotificationProps } from '../../../interfaces/moleculeProps';
3
- declare const Notification: React.FC<NotificationProps>;
4
- export default Notification;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { SectionProps } from '../../../interfaces/moleculeProps';
3
- declare const Section: React.FC<SectionProps>;
4
- export default Section;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TabsProps } from '../../../interfaces/moleculeProps';
3
- declare const Tabs: React.FC<TabsProps>;
4
- export default Tabs;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TileBoxProps } from '../../../interfaces/moleculeProps';
3
- declare const TileBox: React.FC<TileBoxProps>;
4
- export default TileBox;
@@ -1,22 +0,0 @@
1
- export { default as ButtonGroup } from './ButtonGroup';
2
- export { default as ColumnGroup } from './ColumnGroup';
3
- export { default as Notification } from './Notification';
4
- export { default as Breadcrumbs } from './Breadcrumbs';
5
- export { default as Dropdown } from './Dropdown';
6
- export { default as Message } from './Message';
7
- export { default as Menu } from './Menu';
8
- export { default as MenuList } from './MenuList';
9
- export { default as Pagination } from './Pagination';
10
- export { default as Modal } from './Modal';
11
- export { default as Tabs } from './Tabs';
12
- export { default as InputControl } from './InputControl';
13
- export { default as PanelBlock } from './PanelBlock';
14
- export { default as PanelTabs } from './PanelTabs';
15
- export { default as LevelItem } from '../molecules/LevelItem';
16
- export { default as TileBox } from './TileBox';
17
- export { default as Footer } from './Footer';
18
- export { default as Media } from './Media';
19
- export { default as Section } from './Section';
20
- export { default as NavBarBrand } from './NavBarBrand';
21
- export { default as NavBarDropdown } from './NavBarDropdown';
22
- export { default as TableRow } from './TableRow';
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { CardProps } from '../../../interfaces/organismProps';
3
- declare const Card: React.FC<CardProps>;
4
- export default Card;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { HeroProps } from '../../../interfaces/organismProps';
3
- declare const Hero: React.FC<HeroProps>;
4
- export default Hero;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { LevelProps } from '../../../interfaces/organismProps';
3
- declare const Level: React.FC<LevelProps>;
4
- export default Level;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { PanelProps } from '../../../interfaces/organismProps';
3
- declare const Panel: React.FC<PanelProps>;
4
- export default Panel;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TableProps } from '../../../interfaces/organismProps';
3
- declare const Table: React.FC<TableProps>;
4
- export default Table;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TileGroupProps } from '../../../interfaces/organismProps';
3
- declare const TileGroup: React.FC<TileGroupProps>;
4
- export default TileGroup;
@@ -1,8 +0,0 @@
1
- export { default as FormField } from './FormField';
2
- export { default as Panel } from './Panel';
3
- export { default as Level } from './Level';
4
- export { default as Hero } from './Hero';
5
- export { default as TileGroup } from './TileGroup';
6
- export { default as NavBar } from './NavBar';
7
- export { default as Card } from './Card';
8
- export { default as Table } from './Table';
@@ -1,4 +0,0 @@
1
- import { GenericObjectProps } from '../interfaces/commonProps';
2
- import { CreateObjArrayProps } from '../interfaces/functionProps';
3
- export declare const generateKey: (max?: number, min?: number) => string;
4
- export declare const createObjArray: <ImportedProps>({ numberOfItems, externalParser }?: CreateObjArrayProps) => ImportedProps[] | GenericObjectProps[];
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const renderTestingTableContainer: (element: React.ReactElement) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
@@ -1,14 +0,0 @@
1
- import { ParseTestIdProps } from '../interfaces/functionProps';
2
- /**
3
- * @param { Array<string | null> } _classes `Required`. Array of classNames on `string` (or `null`) values
4
- * @returns { string } A single string product of merge all classNames, separated by spaces
5
- */
6
- export declare const parseClasses: (_classes: Array<string | null | undefined>) => string;
7
- /**
8
- * @param { ParseTestIdProps } config Configuration object
9
- * @param { string } config.tag `Required`. Component tag used between to build the final testId string.
10
- * @param { string } config.parsedClasses `Required`. A single string of previously parsed classes what will be joined with `tag` property.
11
- * @param { { regExp?: RegExp, replacer?: string }[] } config.rules Optional. An array of objects used with a regular expression to check each case and a replacer for each one, giving oportunity to handle specific cases of component class names.
12
- * @returns A single string product of merge all classNames, separated by `separator` value
13
- */
14
- export declare const parseTestId: (config: ParseTestIdProps) => string;
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,5 +0,0 @@
1
- import '../node_modules/bulma/css/bulma.min.css';
2
- import '../node_modules/@mdi/font/css/materialdesignicons.min.css';
3
- export * from './components/atoms';
4
- export * from './components/molecules';
5
- export * from './components/organisms';
@@ -1,305 +0,0 @@
1
- import React from 'react';
2
- import { ElementProps, ComposedElementProps, ClickeableProps } from './commonProps';
3
- import { BasicColorType, ColumnOffsetType, ColumnSizeType, FixedImageSizeType, IconColorModeType, ElementSizeType, SizeWithoutNormalType, TextColorType, TitleSizeType, RightLeftAlignType, CommonSizeType } from '../types/styleTypes';
4
- import { DropdownItemType, InputType, ChildrenType, TileContextType, SingleChildType } from '../types/domTypes';
5
- export interface ColumnProps extends ElementProps, React.ComponentPropsWithoutRef<'section'> {
6
- /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
7
- children?: ChildrenType;
8
- /** `Styling` Set column's size */
9
- size?: ColumnSizeType;
10
- /** `Styling` Set column's offset (moving it as you set its size */
11
- offset?: ColumnOffsetType;
12
- /** `Styling` Set if the column only will take the space it needs */
13
- isNarrow?: boolean;
14
- }
15
- export interface ButtonProps extends ElementProps, React.ComponentPropsWithoutRef<'button'> {
16
- /** `Attribute` The text will be shown in the `Button` */
17
- text?: string;
18
- /** `Attribute` Will disable the button */
19
- isDisabled?: boolean;
20
- /** `Styling` Color based on bulma's color tokens */
21
- color?: BasicColorType;
22
- /** `Styling` Will adjust the selected color with a ligther style */
23
- isLightColor?: boolean;
24
- /** `Styling` Will invert button's colors (typography in color and background in white or black) */
25
- isInvertedColor?: boolean;
26
- /** `Styling` Similar to `isInvertedColor`, but button's border will be colored */
27
- isOutlined?: boolean;
28
- /** `Styling` Will add round borders to button's shape */
29
- isRounded?: boolean;
30
- /** `Styling` Will change `text` for an animated spinner, but will remain clickeable */
31
- isLoading?: boolean;
32
- /** `Styling` Similar to `isDisabled`, but will remove any color style */
33
- isStatic?: boolean;
34
- /** `Styling` Sets the button style when a User selects it (useful for an attached `ButtonGroup`) */
35
- isSelected?: boolean;
36
- /** `Styling` Set button's size on bulma's size tokens */
37
- size?: ElementSizeType;
38
- /** `Function` Click function, alone does not nothing, but can be reused for other components */
39
- onClick?: () => void;
40
- }
41
- export interface ProgressBarProps extends ElementProps, React.ComponentPropsWithoutRef<'progress'> {
42
- /** `Attribute` Sets colored bar at the level against `max` value (`100` by default) */
43
- value?: number;
44
- /** `Attribute` Sets the entire bar length comparing with current `value` */
45
- max?: number;
46
- /** `Styling` Color based on bulma's color tokens */
47
- color?: BasicColorType;
48
- /** `Styling` Set progress bar's size */
49
- size?: ElementSizeType;
50
- /** `Styling` Will change `value` for an animated loading */
51
- isLoading?: boolean;
52
- }
53
- export interface BlockProps extends ElementProps, React.ComponentPropsWithoutRef<'section'> {
54
- /** `Attribute` Reffers to the component or array of components that will be shown inside the block */
55
- children?: ChildrenType;
56
- }
57
- export interface TagProps extends ComposedElementProps, React.ComponentPropsWithoutRef<'span'> {
58
- /** `Attribute` `Required` The text will be shown in the `Tag` */
59
- text: string;
60
- /** `Attribute` Will add a delete button (for both single or addon cases) */
61
- withDelete?: boolean;
62
- /** `Attribute` Will add a second tag element (that could have its own text, color and delete) */
63
- withAddon?: boolean;
64
- /** `Attribute` The text will be shown in the tag's addon */
65
- addonText?: string;
66
- /** `Styling` Color based on bulma's color tokens */
67
- color?: BasicColorType;
68
- /** `Styling` Will adjust the selected color with a ligther style */
69
- isLight?: boolean;
70
- /** `Styling` Will add round borders to tag's shape */
71
- isRounded?: boolean;
72
- /** `Styling` Set tag's size */
73
- size?: SizeWithoutNormalType;
74
- /** `Styling` Color on tag's addon based on bulma's color tokens */
75
- addonColor?: BasicColorType;
76
- /** `Function` Click function for `delete` option, alone does not nothing, but can be reused for other components */
77
- onDeleteClick?: () => void;
78
- }
79
- export interface ImageProps extends ComposedElementProps, React.ComponentPropsWithoutRef<'figure'> {
80
- /** `Attribute` `Required` The image source that will be shown */
81
- src: string;
82
- /** `Attribute` A description text for the image, useful for accessibility purposes */
83
- alt?: string;
84
- /** `Styling` Will add round borders to image's shape */
85
- fixedSize?: FixedImageSizeType;
86
- /** `Styling` Sets image size based on one of fixed ratios/fixed sizes */
87
- isRounded?: boolean;
88
- }
89
- export interface BoxProps extends ElementProps, React.ComponentPropsWithoutRef<'section'> {
90
- /** `Attribute` Reffers to the component or array of components that will be shown inside the box */
91
- children?: ChildrenType;
92
- }
93
- export interface TitleSectionProps extends ElementProps, React.ComponentPropsWithoutRef<'p'> {
94
- /** `Attribute` Sets the text you want to show */
95
- text: string;
96
- /** `Styling` Set text size */
97
- size?: TitleSizeType;
98
- /** `Styling` Set type of title (`title` at top, `subtitle` at below) */
99
- type: 'title' | 'subtitle';
100
- /** `Styling` Set text spacing at default or maximun length */
101
- isSpaced?: boolean;
102
- }
103
- export interface TitleProps {
104
- /** `Attribute` Main title configuration object */
105
- main?: TitleSectionProps;
106
- /** `Attribute` Subtitle title configuration object */
107
- secondary?: TitleSectionProps;
108
- }
109
- export interface IconProps extends ComposedElementProps {
110
- /** `Attribute` `Required` Sets the icon key work based on [Material Design icon list](https://pictogrammers.com/library/mdi/) */
111
- iconLabel: string;
112
- /** `Attribute` Sets the text you want to show next to the icon */
113
- text?: string;
114
- /** `Styling` Color based on bulma's text color tokens */
115
- color?: TextColorType;
116
- /** `Styling` Set icons's size */
117
- size?: SizeWithoutNormalType;
118
- /** `Styling` Special usage in case you want to set as dark or light mode */
119
- colorMode?: IconColorModeType;
120
- /** `Styling` Animates the icon spinning 360° */
121
- isSpinning?: boolean;
122
- /** `Styling` Used for `InputControl` styling purpose only. Will move the Icon itself to control's Input side */
123
- position?: RightLeftAlignType;
124
- }
125
- export interface InputProps extends ElementProps, ClickeableProps {
126
- /** `Attribute` `Required` What type of input will be used */
127
- type: InputType;
128
- /** `Attribute` The value that will be shown on the input */
129
- text?: string;
130
- /** `Attribute` The text that will be shown if the user does not type any value */
131
- placeholder?: string;
132
- /** `Attribute` Will disable the input */
133
- isDisabled?: boolean;
134
- /** `Attribute` Will show the input as a normal one, but is not editable and has no shadow */
135
- isReadonly?: boolean;
136
- /** `Styling` Color based on bulma's text color tokens */
137
- color?: BasicColorType;
138
- /** `Styling` Set input's size */
139
- size?: SizeWithoutNormalType;
140
- /** `Styling` Will add round borders to input's shape */
141
- isRounded?: boolean;
142
- /** `Styling` Will add a specific border when the input is hovered by the user */
143
- isHovered?: boolean;
144
- /** `Styling` Will add a specific border when the input is focused by the user */
145
- isFocused?: boolean;
146
- /** `Function` Reffers to each time the user press a key. Alone does not nothing, but can be reused for other components */
147
- onChange?: () => void;
148
- }
149
- export interface TextAreaProps extends Omit<InputProps, 'isRounded' | 'type'> {
150
- /** `Attribute` Text area's columns value that sets its width */
151
- cols?: number;
152
- /** `Attribute` Text area's rows value that sets its height */
153
- rows?: number;
154
- /** `Styling` Will disable characteristic sizable property by removing its control on bottom-right corner */
155
- isFixedSize?: boolean;
156
- }
157
- export interface DeleteProps extends ElementProps, ClickeableProps {
158
- /** `Styling` Set icons's size */
159
- size?: SizeWithoutNormalType;
160
- }
161
- export interface SelectOption {
162
- id: string | number;
163
- name: string;
164
- selected?: boolean;
165
- }
166
- export interface SelectProps extends ComposedElementProps, ClickeableProps {
167
- /** `Attribute` Indicates the options contained on the select */
168
- options?: SelectOption[];
169
- /** `Attribute` Indicates how many options will be shown at first glance (before looking for the whole list */
170
- showOptions?: number;
171
- /** `Attribute` Will allow multiple selection */
172
- isMultiple?: boolean;
173
- /** `Styling` Color based on bulma's color tokens */
174
- color?: BasicColorType;
175
- /** `Styling` Set select's size */
176
- size?: ElementSizeType;
177
- /** `Styling`Will add round borders to input's shape */
178
- isRounded?: boolean;
179
- /** `Styling`Will add a specific border when the input is hovered by the user */
180
- isHovered?: boolean;
181
- /** `Styling`Will add a specific border when the input is focused by the user */
182
- isFocused?: boolean;
183
- }
184
- export interface FileProps extends ComposedElementProps, ClickeableProps {
185
- /** `Attribute` The name of the file to be uploaded */
186
- fileName?: string;
187
- /** `Attribute` The icon displayed in file's button" */
188
- uploadIcon?: IconProps;
189
- /** `Attribute` The text displayed in file's button */
190
- uploadText?: string;
191
- /** `Styling` Changes button's position to its right */
192
- buttonOnRight?: boolean;
193
- /** `Styling` The whole container (button and file name) will occupy its parent container width */
194
- isFullWidth?: boolean;
195
- /** `Styling` Changes styling to a box style, making the button bigger and file name's position below the button */
196
- isBoxed?: boolean;
197
- /** `Styling` Color based on bulma's color tokens */
198
- color?: BasicColorType;
199
- /** `Styling` Set button's size */
200
- size?: ElementSizeType;
201
- }
202
- export interface CheckBoxProps extends ComposedElementProps {
203
- /** `Attribute` Sets checkbox's text that will be shown next to its control */
204
- content?: ChildrenType;
205
- /** `Attribute` Will disable the checkbox */
206
- isDisabled?: boolean;
207
- /** `Function` Click function, alone does not nothing, but can be reused for other components */
208
- onChange?: () => void;
209
- }
210
- export interface RadioButtonItemProps extends Pick<ElementProps, 'testId' | 'style'> {
211
- /** `Attribute` `Required` Sets checkbox's text*/
212
- label: string;
213
- /** `Attribute` Sets the name that will relate this checkbox with the others */
214
- name?: string;
215
- /** `Attribute` Shows the checkbox as checked or unchecked */
216
- isChecked?: boolean;
217
- /** `Attribute` Will disable the checkbox */
218
- isDisabled?: boolean;
219
- /** `Function` Click function, alone does not nothing, but can be reused for other components */
220
- onChange?: () => void;
221
- }
222
- export interface RadioButtonProps extends ComposedElementProps {
223
- /** `Attribute` `Required` Indicates the options contained to be selected */
224
- options: RadioButtonItemProps[];
225
- /** `Attribute` `Required` Sets the name that will relate this checkbox with the others */
226
- name: string;
227
- /** `Function` Click function, alone does not nothing, but can be reused for other components */
228
- onChange?: () => void;
229
- }
230
- export interface BreadcrumbItemProps extends ComposedElementProps, ClickeableProps {
231
- /** `Attribute` `Required` Indicates item text that will be shown */
232
- text: string;
233
- /** `Styling` Marks the item as the one where user is located (based on breadcrumb hierarchy) */
234
- isActiveItem?: boolean;
235
- }
236
- export interface DropdownTriggerProps extends ComposedElementProps, ClickeableProps {
237
- /** `Attribute` `Required` Sets the name will be shown on the dropdown input */
238
- menuText: string;
239
- /** `Attribute` Sets a relationship between trigger's button and dropdown's menu to toggle display */
240
- dropdownPointer?: string;
241
- }
242
- export interface DropdownItemProps extends ElementProps, ClickeableProps {
243
- /** `Attribute` `Required` Sets the name will be shown on the item */
244
- itemText: string;
245
- /** `Attribute` Changes item's composition into a `<hr>`, a `<a>` or a `<div>` depending its type */
246
- type?: DropdownItemType;
247
- /** `Styling` Marks the item as the one where user is located (based on dropdown hierarchy) */
248
- isActiveItem?: boolean;
249
- }
250
- export interface MenuItemProps extends ElementProps, ClickeableProps {
251
- /** `Attribute` `Required` Sets the text will be shown on the menu item */
252
- text: string;
253
- /** `Styling` Generates a blue background to mark the item as the active one in the `MenuList` */
254
- isActive?: boolean;
255
- }
256
- export interface PaginationItemProps extends ElementProps, ClickeableProps {
257
- /** `Attribute` `Required` Sets the number string that will be shown in the item and in its title when user hovers it */
258
- text: string | number;
259
- /** `Attribute` Sets a custom text before the `text` when user hovers the item */
260
- labelText?: string;
261
- /** `Attribute` Sets a custom text before the `text` when user hovers the item if is the current one */
262
- currentLabelText?: string;
263
- /** `Styling` Makes the item the selected one, changing its background to blue */
264
- isSelected?: boolean;
265
- }
266
- export interface TabItemProps extends ComposedElementProps, ClickeableProps {
267
- /** `Attribute` `Required` The text will be shown in the `TabItem` */
268
- text: string;
269
- /** `Attribute` Adds an `Icon` component before the text */
270
- icon?: IconProps;
271
- /** `Styling` Used for `Tabs` styling purpose only. Will mark the tab as the one selected among its group */
272
- isActive?: boolean;
273
- }
274
- export interface LevelHeaderProps extends ElementProps {
275
- /** `Attribute` `Required` A title in smaller size */
276
- header: string;
277
- /** `Attribute` `Required` Main value (numeric or text) to be shown in a bigger scale below `header` */
278
- value: string | number;
279
- }
280
- export interface TileProps extends ElementProps {
281
- /** `Attribute` Reffers to the component or array of components that will be shown inside the tile */
282
- children?: ChildrenType;
283
- /** `Attribute` Indicates its hierarchy level based on [Bulma documantation](https://bulma.io/documentation/layout/tiles/#nesting-requirements). Selection any level besides `is-child` will invalidate any `color` you select */
284
- context?: TileContextType;
285
- /** `Styling` Set tile's size */
286
- size?: CommonSizeType;
287
- /** `Styling` Color based on bulma's color tokens */
288
- color?: BasicColorType;
289
- /** `Styling` Used for hierarchy level as ancestor or parent. It selects its children in a vertical format (like a column) */
290
- isVertical?: boolean;
291
- }
292
- export interface NavBarItemProps extends ElementProps, ClickeableProps {
293
- /** `Attribute` `Required` Reffers to the component or string that will be shown inside the item */
294
- children: SingleChildType;
295
- /** `Styling` Used for `NavBarDropdown` styling purpose only. Will mark the item as the one selected among its group */
296
- isActive?: boolean;
297
- }
298
- export interface TableHeadCellProps extends ElementProps, ClickeableProps {
299
- /** `Attribute` `Required` It will display cell's content, which could be text, an html tag or a custom component */
300
- content: SingleChildType;
301
- }
302
- export interface TableCellProps extends ElementProps, ClickeableProps {
303
- /** `Attribute` `Required` It will display cell's content, which could be text, an html tag or a custom component */
304
- content: SingleChildType;
305
- }