imbric-theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (397) hide show
  1. package/.babelrc.json +3 -0
  2. package/.commitlintrc.json +3 -0
  3. package/.dockerignore +14 -0
  4. package/.editorconfig +13 -0
  5. package/.eslintignore +1 -0
  6. package/.eslintrc.json +36 -0
  7. package/.huskyrc.json +6 -0
  8. package/.lintstagedrc.json +5 -0
  9. package/.nvmrc +1 -0
  10. package/.prettierignore +1 -0
  11. package/.prettierrc.json +4 -0
  12. package/.releaserc.json +13 -0
  13. package/.storybook/main.js +13 -0
  14. package/.storybook/preview-head.html +2 -0
  15. package/.storybook/preview.js +53 -0
  16. package/.stylelintrc.json +14 -0
  17. package/.vscode/launch.json +15 -0
  18. package/.vscode/settings.json +3 -0
  19. package/CHANGELOG.md +0 -0
  20. package/Dockerfile +17 -0
  21. package/README.md +69 -0
  22. package/atoms/AlertModal/AlertModal.js +69 -0
  23. package/atoms/AlertModal/AlertModal.module.css +3 -0
  24. package/atoms/AlertModal/AlertModal.stories.js +30 -0
  25. package/atoms/AlertModal/constants.js +4 -0
  26. package/atoms/AlertModal/index.js +3 -0
  27. package/atoms/Avatar/Avatar.js +36 -0
  28. package/atoms/Avatar/Avatar.module.css +3 -0
  29. package/atoms/Avatar/Avatar.stories.js +29 -0
  30. package/atoms/Avatar/__snapshots__/Avatar.stories.js.snap +105 -0
  31. package/atoms/Avatar/constants.js +3 -0
  32. package/atoms/Avatar/helpers.js +7 -0
  33. package/atoms/Avatar/index.js +3 -0
  34. package/atoms/Button/Button.js +83 -0
  35. package/atoms/Button/Button.module.css +85 -0
  36. package/atoms/Button/Button.stories.js +47 -0
  37. package/atoms/Button/Button.test.js +60 -0
  38. package/atoms/Button/__snapshots__/Button.stories.js.snap +191 -0
  39. package/atoms/Button/constants.js +3 -0
  40. package/atoms/Button/index.js +3 -0
  41. package/atoms/Card/Card.js +48 -0
  42. package/atoms/Card/Card.module.css +52 -0
  43. package/atoms/Card/Card.stories.js +41 -0
  44. package/atoms/Card/__snapshots__/Card.stories.js.snap +136 -0
  45. package/atoms/Card/constants.js +4 -0
  46. package/atoms/Card/index.js +3 -0
  47. package/atoms/Check/Check.js +28 -0
  48. package/atoms/Check/Check.module.css +11 -0
  49. package/atoms/Check/Check.stories.js +15 -0
  50. package/atoms/Check/__snapshots__/Check.stories.js.snap +67 -0
  51. package/atoms/Check/index.js +2 -0
  52. package/atoms/Checkbox/Checkbox.js +77 -0
  53. package/atoms/Checkbox/Checkbox.module.css +60 -0
  54. package/atoms/Checkbox/Checkbox.stories.js +30 -0
  55. package/atoms/Checkbox/constants.js +1 -0
  56. package/atoms/Checkbox/index.js +3 -0
  57. package/atoms/Divider/Divider.js +22 -0
  58. package/atoms/Divider/Divider.module.css +25 -0
  59. package/atoms/Divider/Divider.stories.js +23 -0
  60. package/atoms/Divider/__snapshots__/Divider.stories.js.snap +22 -0
  61. package/atoms/Divider/constants.js +3 -0
  62. package/atoms/Divider/index.js +3 -0
  63. package/atoms/Heading/Heading.js +37 -0
  64. package/atoms/Heading/Heading.module.css +70 -0
  65. package/atoms/Heading/Heading.stories.js +46 -0
  66. package/atoms/Heading/__snapshots__/Heading.stories.js.snap +189 -0
  67. package/atoms/Heading/constants.js +5 -0
  68. package/atoms/Heading/index.js +3 -0
  69. package/atoms/Icon/Icon.js +66 -0
  70. package/atoms/Icon/Icon.module.css +142 -0
  71. package/atoms/Icon/Icon.stories.js +48 -0
  72. package/atoms/Icon/__snapshots__/Icon.stories.js.snap +1311 -0
  73. package/atoms/Icon/constants.js +1091 -0
  74. package/atoms/Icon/helpers.js +9 -0
  75. package/atoms/Icon/index.js +3 -0
  76. package/atoms/Input/Input.js +229 -0
  77. package/atoms/Input/Input.module.css +83 -0
  78. package/atoms/Input/Input.stories.js +38 -0
  79. package/atoms/Input/__snapshots__/Input.stories.js.snap +101 -0
  80. package/atoms/Input/constants.js +3 -0
  81. package/atoms/Input/index.js +3 -0
  82. package/atoms/Label/Label.js +31 -0
  83. package/atoms/Label/Label.module.css +42 -0
  84. package/atoms/Label/Label.stories.js +26 -0
  85. package/atoms/Label/constants.js +1 -0
  86. package/atoms/Label/index.js +3 -0
  87. package/atoms/LinkItem/LinkItem.js +38 -0
  88. package/atoms/LinkItem/LinkItem.module.css +19 -0
  89. package/atoms/LinkItem/LinkItem.stories.js +30 -0
  90. package/atoms/LinkItem/__snapshots__/Link.stories.js.snap +118 -0
  91. package/atoms/LinkItem/constants.js +5 -0
  92. package/atoms/LinkItem/index.js +3 -0
  93. package/atoms/Loading/Loading.js +30 -0
  94. package/atoms/Loading/Loading.module.css +51 -0
  95. package/atoms/Loading/Loading.stories.js +17 -0
  96. package/atoms/Loading/__snapshots__/Loading.stories.js.snap +26 -0
  97. package/atoms/Loading/index.js +2 -0
  98. package/atoms/Modal/Modal.js +121 -0
  99. package/atoms/Modal/Modal.module.css +142 -0
  100. package/atoms/Modal/Modal.stories.js +43 -0
  101. package/atoms/Modal/__snapshots__/Modal.stories.js.snap +239 -0
  102. package/atoms/Modal/constants.js +1 -0
  103. package/atoms/Modal/index.js +3 -0
  104. package/atoms/Paragraph/Paragraph.js +56 -0
  105. package/atoms/Paragraph/Paragraph.module.css +72 -0
  106. package/atoms/Paragraph/Paragraph.stories.js +52 -0
  107. package/atoms/Paragraph/__snapshots__/Paragraph.stories.js.snap +230 -0
  108. package/atoms/Paragraph/constants.js +5 -0
  109. package/atoms/Paragraph/index.js +3 -0
  110. package/atoms/Picture/Picture.js +47 -0
  111. package/atoms/Picture/Picture.module.css +16 -0
  112. package/atoms/Picture/Picture.stories.js +32 -0
  113. package/atoms/Picture/__snapshots__/Picture.stories.js.snap +156 -0
  114. package/atoms/Picture/index.js +2 -0
  115. package/atoms/Tab/Tab.js +41 -0
  116. package/atoms/Tab/Tab.module.css +17 -0
  117. package/atoms/Tab/Tab.stories.js +27 -0
  118. package/atoms/Tab/constants.js +1 -0
  119. package/atoms/Tab/index.js +3 -0
  120. package/atoms/Textarea/Textarea.js +137 -0
  121. package/atoms/Textarea/Textarea.module.css +54 -0
  122. package/atoms/Textarea/Textarea.stories.js +16 -0
  123. package/atoms/Textarea/__snapshots__/Textarea.stories.js.snap +25 -0
  124. package/atoms/Textarea/index.js +2 -0
  125. package/atoms/Toggle/Toggle.js +56 -0
  126. package/atoms/Toggle/Toggle.module.css +41 -0
  127. package/atoms/Toggle/Toggle.stories.js +21 -0
  128. package/atoms/Toggle/constants.js +1 -0
  129. package/atoms/Toggle/index.js +3 -0
  130. package/codecov.yml +2 -0
  131. package/helpers/storybook.js +29 -0
  132. package/helpers/storybook.test.js +40 -0
  133. package/helpers/styles.js +37 -0
  134. package/helpers/styles.test.js +222 -0
  135. package/hocs/withStyles.js +17 -0
  136. package/hook/useAddColumn.js +40 -0
  137. package/hook/useMedia.js +22 -0
  138. package/hook/useStateDate.js +25 -0
  139. package/hook/useTable.js +54 -0
  140. package/index.js +71 -0
  141. package/jest.config.js +23 -0
  142. package/jest.setup.js +13 -0
  143. package/layout/CenteredContent/CenteredContent.js +30 -0
  144. package/layout/CenteredContent/CenteredContent.module.css +12 -0
  145. package/layout/CenteredContent/CenteredContent.stories.js +22 -0
  146. package/layout/CenteredContent/__snapshots__/CenteredContent.stories.js.snap +27 -0
  147. package/layout/CenteredContent/index.js +2 -0
  148. package/layout/Container/Container.js +29 -0
  149. package/layout/Container/Container.module.css +14 -0
  150. package/layout/Container/Container.stories.js +22 -0
  151. package/layout/Container/__snapshots__/Container.stories.js.snap +27 -0
  152. package/layout/Container/index.js +2 -0
  153. package/layout/DynamicTable/DynamicTable.js +372 -0
  154. package/layout/DynamicTable/DynamicTable.module.css +76 -0
  155. package/layout/DynamicTable/DynamicTable.stories.js +79 -0
  156. package/layout/DynamicTable/constants.js +323 -0
  157. package/layout/DynamicTable/index.js +3 -0
  158. package/layout/FlexColumnContent/FlexColumnContent.js +26 -0
  159. package/layout/FlexColumnContent/FlexColumnContent.module.css +5 -0
  160. package/layout/FlexColumnContent/FlexColumnContent.stories.js +28 -0
  161. package/layout/FlexColumnContent/constants.js +1 -0
  162. package/layout/FlexColumnContent/index.js +3 -0
  163. package/layout/FullHeightContent/FullHeightContent.js +40 -0
  164. package/layout/FullHeightContent/FullHeightContent.module.css +21 -0
  165. package/layout/FullHeightContent/FullHeightContent.stories.js +22 -0
  166. package/layout/FullHeightContent/__snapshots__/FullHeightContent.stories.js.snap +41 -0
  167. package/layout/FullHeightContent/index.js +2 -0
  168. package/layout/Navbar/Navbar.js +247 -0
  169. package/layout/Navbar/Navbar.module.css +35 -0
  170. package/layout/Navbar/Navbar.stories.js +20 -0
  171. package/layout/Navbar/constants.js +35 -0
  172. package/layout/Navbar/index.js +2 -0
  173. package/layout/Sidebar/Sidebar.js +115 -0
  174. package/layout/Sidebar/Sidebar.module.css +387 -0
  175. package/layout/Sidebar/Sidebar.stories.js +28 -0
  176. package/layout/Sidebar/constants.js +228 -0
  177. package/layout/Sidebar/index.js +3 -0
  178. package/layout/Spacer/Spacer.js +40 -0
  179. package/layout/Spacer/Spacer.module.css +12 -0
  180. package/layout/Spacer/Spacer.stories.js +25 -0
  181. package/layout/Spacer/__snapshots__/Spacer.stories.js.snap +97 -0
  182. package/layout/Spacer/components/Horizontal/Horizontal.js +43 -0
  183. package/layout/Spacer/components/Horizontal/Horizontal.stories.js +32 -0
  184. package/layout/Spacer/components/Horizontal/__snapshots__/Horizontal.stories.js.snap +97 -0
  185. package/layout/Spacer/components/Horizontal/index.js +1 -0
  186. package/layout/Spacer/components/Vertical/Vertical.js +31 -0
  187. package/layout/Spacer/components/Vertical/Vertical.stories.js +25 -0
  188. package/layout/Spacer/components/Vertical/__snapshots__/Vertical.stories.js.snap +85 -0
  189. package/layout/Spacer/components/Vertical/index.js +1 -0
  190. package/layout/Spacer/components/index.js +2 -0
  191. package/layout/Spacer/constants.js +5 -0
  192. package/layout/Spacer/helpers.js +3 -0
  193. package/layout/Spacer/index.js +3 -0
  194. package/molecules/Accordion/Accordion.js +70 -0
  195. package/molecules/Accordion/Accordion.module.css +12 -0
  196. package/molecules/Accordion/Accordion.stories.js +31 -0
  197. package/molecules/Accordion/__snapshots__/Accordion.stories.js.snap +228 -0
  198. package/molecules/Accordion/index.js +2 -0
  199. package/molecules/AddButton/AddButton.js +137 -0
  200. package/molecules/AddButton/AddButton.module.css +128 -0
  201. package/molecules/AddButton/AddButton.stories.js +47 -0
  202. package/molecules/AddButton/__snapshots__/AddButton.stories.js.snap +326 -0
  203. package/molecules/AddButton/constants.js +6 -0
  204. package/molecules/AddButton/handlers.js +58 -0
  205. package/molecules/AddButton/handlers.test.js +19 -0
  206. package/molecules/AddButton/helpers.js +6 -0
  207. package/molecules/AddButton/helpers.test.js +41 -0
  208. package/molecules/AddButton/hooks.js +14 -0
  209. package/molecules/AddButton/index.js +3 -0
  210. package/molecules/ButtonIcon/ButtonIcon.js +41 -0
  211. package/molecules/ButtonIcon/ButtonIcon.stories.js +27 -0
  212. package/molecules/ButtonIcon/__snapshots__/ButtonIcon.stories.js.snap +178 -0
  213. package/molecules/ButtonIcon/constants.js +6 -0
  214. package/molecules/ButtonIcon/index.js +2 -0
  215. package/molecules/CardDefault/CardDefault.js +65 -0
  216. package/molecules/CardDefault/CardDefault.module.css +19 -0
  217. package/molecules/CardDefault/CardDefault.stories.js +23 -0
  218. package/molecules/CardDefault/constants.js +1 -0
  219. package/molecules/CardDefault/index.js +3 -0
  220. package/molecules/CardProductTypesBooking/CardProductTypesBooking.js +89 -0
  221. package/molecules/CardProductTypesBooking/CardProductTypesBooking.module.css +118 -0
  222. package/molecules/CardProductTypesBooking/CardProductTypesBooking.stories.js +25 -0
  223. package/molecules/CardProductTypesBooking/constants.js +1 -0
  224. package/molecules/CardProductTypesBooking/index.js +3 -0
  225. package/molecules/CardServiceDetail/CardServiceDetail.js +400 -0
  226. package/molecules/CardServiceDetail/CardServiceDetail.module.css +222 -0
  227. package/molecules/CardServiceDetail/CardServiceDetail.stories.js +23 -0
  228. package/molecules/CardServiceDetail/constants.js +1 -0
  229. package/molecules/CardServiceDetail/index.js +3 -0
  230. package/molecules/CardServices/CardServices.js +461 -0
  231. package/molecules/CardServices/CardServices.module.css +213 -0
  232. package/molecules/CardServices/CardServices.stories.js +41 -0
  233. package/molecules/CardServices/constants.js +5 -0
  234. package/molecules/CardServices/index.js +3 -0
  235. package/molecules/CardServicesFinalized/CardServicesFinalized.js +381 -0
  236. package/molecules/CardServicesFinalized/CardServicesFinalized.module.css +213 -0
  237. package/molecules/CardServicesFinalized/CardServicesFinalized.stories.js +23 -0
  238. package/molecules/CardServicesFinalized/constants.js +1 -0
  239. package/molecules/CardServicesFinalized/index.js +3 -0
  240. package/molecules/CheckList/CheckList.js +135 -0
  241. package/molecules/CheckList/CheckList.module.css +94 -0
  242. package/molecules/CheckList/CheckList.stories.js +25 -0
  243. package/molecules/CheckList/constants.js +23 -0
  244. package/molecules/CheckList/index.js +3 -0
  245. package/molecules/ColumnTable/ColumnTable.js +154 -0
  246. package/molecules/ColumnTable/ColumnTable.module.css +51 -0
  247. package/molecules/ColumnTable/ColumnTable.stories.js +26 -0
  248. package/molecules/ColumnTable/constants.js +117 -0
  249. package/molecules/ColumnTable/index.js +3 -0
  250. package/molecules/DatePicker/DatePicker.js +242 -0
  251. package/molecules/DatePicker/DatePicker.module.css +38 -0
  252. package/molecules/DatePicker/DatePicker.stories.js +23 -0
  253. package/molecules/DatePicker/constants.js +3 -0
  254. package/molecules/DatePicker/index.js +3 -0
  255. package/molecules/DatePickerTime/DatePickerTime.js +133 -0
  256. package/molecules/DatePickerTime/DatePickerTime.module.css +3 -0
  257. package/molecules/DatePickerTime/DatePickerTime.stories.js +18 -0
  258. package/molecules/DatePickerTime/constants.js +1 -0
  259. package/molecules/DatePickerTime/index.js +3 -0
  260. package/molecules/Dropdown/Dropdown.js +62 -0
  261. package/molecules/Dropdown/Dropdown.module.css +52 -0
  262. package/molecules/Dropdown/Dropdown.stories.js +41 -0
  263. package/molecules/Dropdown/__snapshots__/Dropdown.stories.js.snap +181 -0
  264. package/molecules/Dropdown/index.js +2 -0
  265. package/molecules/DynamicSelect/DynamicSelect.js +186 -0
  266. package/molecules/DynamicSelect/DynamicSelect.module.css +10 -0
  267. package/molecules/DynamicSelect/DynamicSelect.stories.js +32 -0
  268. package/molecules/DynamicSelect/constants.js +7 -0
  269. package/molecules/DynamicSelect/index.js +3 -0
  270. package/molecules/Error/Error.js +35 -0
  271. package/molecules/Error/Error.module.css +12 -0
  272. package/molecules/Error/Error.stories.js +18 -0
  273. package/molecules/Error/__snapshots__/Error.stories.js.snap +134 -0
  274. package/molecules/Error/index.js +2 -0
  275. package/molecules/FooterTable/FooterTable.js +166 -0
  276. package/molecules/FooterTable/FooterTable.module.css +63 -0
  277. package/molecules/FooterTable/FooterTable.stories.js +23 -0
  278. package/molecules/FooterTable/constants.js +9 -0
  279. package/molecules/FooterTable/index.js +3 -0
  280. package/molecules/IconLabel/IconLabel.js +83 -0
  281. package/molecules/IconLabel/IconLabel.module.css +16 -0
  282. package/molecules/IconLabel/IconLabel.stories.js +25 -0
  283. package/molecules/IconLabel/__snapshots__/IconLabel.stories.js.snap +211 -0
  284. package/molecules/IconLabel/constants.js +6 -0
  285. package/molecules/IconLabel/index.js +3 -0
  286. package/molecules/InputAutocomplete/InputAutocomplete.js +221 -0
  287. package/molecules/InputAutocomplete/InputAutocomplete.module.css +55 -0
  288. package/molecules/InputAutocomplete/InputAutocomplete.stories.js +23 -0
  289. package/molecules/InputAutocomplete/constants.js +1 -0
  290. package/molecules/InputAutocomplete/index.js +3 -0
  291. package/molecules/ItemMenu/ItemMenu.js +134 -0
  292. package/molecules/ItemMenu/ItemMenu.module.css +363 -0
  293. package/molecules/ItemMenu/ItemMenu.stories.js +42 -0
  294. package/molecules/ItemMenu/constants.js +36 -0
  295. package/molecules/ItemMenu/index.js +3 -0
  296. package/molecules/LoadingError/LoadingError.js +31 -0
  297. package/molecules/LoadingError/LoadingError.stories.js +24 -0
  298. package/molecules/LoadingError/__snapshots__/LoadingError.stories.js.snap +109 -0
  299. package/molecules/LoadingError/index.js +1 -0
  300. package/molecules/RowTable/RowTable.js +928 -0
  301. package/molecules/RowTable/RowTable.module.css +63 -0
  302. package/molecules/RowTable/RowTable.stories.js +26 -0
  303. package/molecules/RowTable/constants.js +798 -0
  304. package/molecules/RowTable/index.js +3 -0
  305. package/molecules/Score/Score.js +61 -0
  306. package/molecules/Score/Score.module.css +11 -0
  307. package/molecules/Score/Score.stories.js +13 -0
  308. package/molecules/Score/__snapshots__/Score.stories.js.snap +100 -0
  309. package/molecules/Score/faces/happy.svg +7 -0
  310. package/molecules/Score/faces/normal.svg +6 -0
  311. package/molecules/Score/faces/sad.svg +6 -0
  312. package/molecules/Score/index.js +2 -0
  313. package/molecules/Tabs/Tabs.js +59 -0
  314. package/molecules/Tabs/Tabs.module.css +13 -0
  315. package/molecules/Tabs/Tabs.stories.js +34 -0
  316. package/molecules/Tabs/constants.js +34 -0
  317. package/molecules/Tabs/index.js +3 -0
  318. package/molecules/Task/Task.js +114 -0
  319. package/molecules/Task/Task.module.css +47 -0
  320. package/molecules/Task/Task.stories.js +47 -0
  321. package/molecules/Task/__snapshots__/Task.stories.js.snap +953 -0
  322. package/molecules/Task/constants.js +1 -0
  323. package/molecules/Task/index.js +3 -0
  324. package/molecules/TaskCounter/TaskCounter.js +74 -0
  325. package/molecules/TaskCounter/TaskCounter.module.css +11 -0
  326. package/molecules/TaskCounter/TaskCounter.stories.js +26 -0
  327. package/molecules/TaskCounter/__snapshots__/TaskCounter.stories.js.snap +177 -0
  328. package/molecules/TaskCounter/index.js +2 -0
  329. package/package.json +119 -0
  330. package/pages/Login/Login.js +102 -0
  331. package/pages/Login/Login.module.css +5 -0
  332. package/pages/Login/Login.stories.js +23 -0
  333. package/pages/Login/constants.js +1 -0
  334. package/pages/Login/index.js +3 -0
  335. package/pages/Login/validation/loginSchema.js +5 -0
  336. package/public/favicon.ico +0 -0
  337. package/public/static/google-maps.png +0 -0
  338. package/public/static/images/folders-folder.svg +26 -0
  339. package/public/static/images/permissions.svg +14 -0
  340. package/public/static/images/reports-results.svg +18 -0
  341. package/public/static/logo.svg +19 -0
  342. package/public/static/logologin.png +0 -0
  343. package/public/static/logologin.svg +16 -0
  344. package/public/static/logologintagos.svg +19 -0
  345. package/public/static/logotipo.svg +50 -0
  346. package/public/static/logotipoS.svg +26 -0
  347. package/public/static/taxisvalencia_logod.png +0 -0
  348. package/scripts/build-tokens.js +40 -0
  349. package/scripts/create-component.js +128 -0
  350. package/storybook.test.js +13 -0
  351. package/styles/GrupoMutua.css +391 -0
  352. package/styles/default.css +391 -0
  353. package/styles/globals.css +1524 -0
  354. package/styles/radiotaxiaragon.css +391 -0
  355. package/styles/spartan.css +391 -0
  356. package/styles/tagos.css +391 -0
  357. package/styles/taxisvalencia.css +391 -0
  358. package/styles/tokens.css +391 -0
  359. package/templates/component/Component.js +22 -0
  360. package/templates/component/Component.module.css +3 -0
  361. package/templates/component/Component.stories.js +23 -0
  362. package/templates/component/constants.js +1 -0
  363. package/templates/component/index.js +3 -0
  364. package/tokens/Token/Helper.js +30 -0
  365. package/tokens/Token/Token.js +13 -0
  366. package/tokens/Token/Token.module.css +64 -0
  367. package/tokens/Token/components/Color.js +21 -0
  368. package/tokens/Token/components/Color.stories.js +126 -0
  369. package/tokens/Token/components/FontFamily.js +24 -0
  370. package/tokens/Token/components/FontFamily.stories.js +32 -0
  371. package/tokens/Token/components/FontSize.js +24 -0
  372. package/tokens/Token/components/FontSize.stories.js +31 -0
  373. package/tokens/Token/components/FontWeight.js +24 -0
  374. package/tokens/Token/components/FontWeight.stories.js +31 -0
  375. package/tokens/Token/components/Spacing.js +24 -0
  376. package/tokens/Token/components/Spacing.stories.js +29 -0
  377. package/tokens/Token/components/__snapshots__/Color.stories.js.snap +7169 -0
  378. package/tokens/Token/components/__snapshots__/FontFamily.stories.js.snap +133 -0
  379. package/tokens/Token/components/__snapshots__/FontSize.stories.js.snap +261 -0
  380. package/tokens/Token/components/__snapshots__/FontWeight.stories.js.snap +317 -0
  381. package/tokens/Token/components/__snapshots__/Spacing.stories.js.snap +229 -0
  382. package/tokens/Token/components/index.js +5 -0
  383. package/tokens/Token/helpers.js +17 -0
  384. package/tokens/Token/index.js +1 -0
  385. package/tokens/index.js +472 -0
  386. package/utils/isEmpty.js +28 -0
  387. package/utils/isEmpty.test.js +125 -0
  388. package/utils/isObject.js +4 -0
  389. package/utils/keyboardCodes.js +6 -0
  390. package/utils/testUtils/matchMediaMock.js +14 -0
  391. package/utils/testUtils/svgrMock.js +2 -0
  392. package/utils/toCapitalize.js +4 -0
  393. package/utils/toKebabCase.js +8 -0
  394. package/utils/toPascalCase.js +20 -0
  395. package/webpack/cssModules.js +30 -0
  396. package/webpack/loadConfigs.js +6 -0
  397. package/webpack/reactInlineSvg.js +22 -0
@@ -0,0 +1,16 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="170px" height="42px" viewBox="0 0 170 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>logotipo</title>
4
+ <defs>
5
+ <linearGradient x1="0%" y1="50.0030427%" x2="100%" y2="50.0030427%" id="linearGradient-1">
6
+ <stop stop-color="#ED495E" offset="0%"></stop>
7
+ <stop stop-color="#39B54A" offset="52.6050465%"></stop>
8
+ <stop stop-color="#00A3FF" offset="100%"></stop>
9
+ </linearGradient>
10
+ </defs>
11
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
12
+ <g id="fullcolor_positivo" transform="translate(-70.000000, -46.000000)" fill="url(#linearGradient-1)">
13
+ <path d="M175.713077,67.7540277 L175.713077,87.0631181 L182.139472,87.0631181 L182.139472,67.7540277 C182.139472,64.9417213 184.426502,62.6529572 187.239242,62.6529572 L206.049494,62.6529572 L206.049494,56.725834 L186.73997,56.725834 C180.650323,56.725834 175.713077,61.6630808 175.713077,67.7540277 L175.713077,67.7540277 Z M199.623532,87.0631181 L206.049494,87.0631181 L206.049494,65.4973349 L199.623532,65.4973349 L199.623532,87.0631181 Z M224.479224,62.6529572 L240,62.6529572 L240,56.725834 L223.979952,56.725834 C217.889872,56.725834 212.952191,61.6630808 212.952191,67.7540277 L212.952191,76.0349244 C212.952191,82.1258712 217.889872,87.0631181 223.979952,87.0631181 L240,87.0631181 L240,81.1355615 L224.479224,81.1355615 C221.666051,81.1355615 219.378587,78.8472308 219.378587,76.0349244 L219.378587,67.7540277 C219.378587,64.9417213 221.666051,62.6529572 224.479224,62.6529572 L224.479224,62.6529572 Z M158.104632,56.725834 L147.764238,56.725834 C144.951498,56.725834 142.663167,54.4379367 142.663167,51.6260637 L142.663167,46.5718 L136.237639,46.5718 L136.237639,51.6260637 C136.237639,57.7157104 141.175319,62.6529572 147.264966,62.6529572 L157.606227,62.6529572 C160.418966,62.6529572 162.705997,64.9417213 162.705997,67.7540277 L162.705997,76.0349244 C162.705997,78.8472308 160.418966,81.1355615 157.606227,81.1355615 L146.015052,81.1355615 L146.015052,87.0631181 L158.104632,87.0631181 C164.195579,87.0631181 169.132392,82.1258712 169.132392,76.0349244 L169.132392,67.7540277 C169.132392,61.6630808 164.195579,56.725834 158.104632,56.725834 L158.104632,56.725834 Z M199.623532,53.8823231 L206.049494,53.8823231 L206.049494,46.5718 L199.623532,46.5718 L199.623532,53.8823231 Z M84.2140874,87.0631181 L90.639616,87.0631181 L90.639616,65.4973349 L84.2140874,65.4973349 L84.2140874,87.0631181 Z M136.237639,60.0278779 L136.237639,87.0631181 L142.663167,87.0631181 L142.663167,64.7107213 C140.090962,63.8018899 137.86374,62.1575856 136.237639,60.0278779 L136.237639,60.0278779 Z M70,53.8823231 L76.4263953,53.8823231 L76.4263953,46.5718 L70,46.5718 L70,53.8823231 Z M70,87.0631181 L76.4263953,87.0631181 L76.4263953,56.725834 L70,56.725834 L70,87.0631181 Z M98.7714244,56.725834 L84.2140874,56.725834 L84.2140874,62.6529572 L98.2725857,62.6529572 C101.084459,62.6529572 103.371923,64.9417213 103.371923,67.7540277 L103.371923,87.0631181 L109.798318,87.0631181 L109.798318,67.7540277 C109.798318,61.6630808 104.861504,56.725834 98.7714244,56.725834 L98.7714244,56.725834 Z M117.930126,56.725834 L107.173672,56.725834 C109.163393,58.2457537 110.730119,60.291816 111.667555,62.6529572 L117.430854,62.6529572 C120.244027,62.6529572 122.531925,64.9417213 122.531925,67.7540277 L122.531925,87.0631181 L128.957453,87.0631181 L128.957453,67.7540277 C128.957453,61.6630808 124.02064,56.725834 117.930126,56.725834 L117.930126,56.725834 Z" id="logotipo"></path>
14
+ </g>
15
+ </g>
16
+ </svg>
@@ -0,0 +1,19 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="258" height="203" viewBox="0 0 258 203">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ opacity: 0.78;
6
+ }
7
+
8
+ .cls-2 {
9
+ font-size: 91.667px;
10
+ text-anchor: middle;
11
+ font-family: "Avenir Next";
12
+ font-weight: 700;
13
+ }
14
+ </style>
15
+ </defs>
16
+ <image id="Objeto_inteligente_vectorial" data-name="Objeto inteligente vectorial" x="69" y="172" width="120" height="29" xlink:href="data:img/png;base64,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"/>
17
+ <image id="Objeto_inteligente_vectorial-2" data-name="Objeto inteligente vectorial" class="cls-1" x="89" y="4" width="79" height="73" xlink:href="data:img/png;base64,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"/>
18
+ <text id="Tagos" class="cls-2" x="128.88" y="141.508"><tspan x="128.88">Tagos</tspan></text>
19
+ </svg>
@@ -0,0 +1,50 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="24px" viewBox="0 0 100 24" enable-background="new 0 0 100 24" xml:space="preserve"> <image id="image0" width="100" height="24" x="0" y="0"
4
+ href="data:image/png;base64,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
49
+ OjAwHfuD4AAAAABJRU5ErkJggg==" />
50
+ </svg>
@@ -0,0 +1,26 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="23px" height="30px" viewBox="0 0 23 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>Glyph@3x</title>
4
+ <defs>
5
+ <linearGradient x1="0%" y1="49.9999577%" x2="100.000156%" y2="49.9999577%" id="linearGradient-1">
6
+ <stop stop-color="#ED495E" offset="0%"></stop>
7
+ <stop stop-color="#39B54A" offset="100%"></stop>
8
+ </linearGradient>
9
+ <linearGradient x1="50.0005174%" y1="0.000272104363%" x2="50.0004898%" y2="100.000124%" id="linearGradient-2">
10
+ <stop stop-color="#39B54A" offset="0%"></stop>
11
+ <stop stop-color="#00A3FF" offset="100%"></stop>
12
+ </linearGradient>
13
+ </defs>
14
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
15
+ <g id="Group" transform="translate(-124.000000, -79.000000)">
16
+ <g id="Group-7" transform="translate(124.000000, 79.000000)">
17
+ <g id="Group-3" transform="translate(0.000000, 7.478261)" fill="url(#linearGradient-1)">
18
+ <path d="M8.14890423,0.0165987074 C3.64845652,0.0165987074 0,3.66505523 0,8.16610928 L0,8.16610928 L0,22.4347826 L4.74882197,22.4347826 L4.74882197,8.16610928 C4.74882197,6.08793596 6.43938895,4.39676263 8.51756228,4.39676263 L8.51756228,4.39676263 L22.4175018,4.39676263 L22.4175018,0.0165987074 L8.14890423,0.0165987074 Z" id="Fill-1"></path>
19
+ </g>
20
+ <g id="Group-6" transform="translate(17.652174, 0.000000)" fill="url(#linearGradient-2)">
21
+ <path d="M0.00888198758,5.41666667 L4.76530021,5.41666667 L4.76530021,0.0170454545 L0.00888198758,0.0170454545 L0.00888198758,5.41666667 Z M0.00888198758,29.9242424 L4.76530021,29.9242424 L4.76530021,13.9958333 L0.00888198758,13.9958333 L0.00888198758,29.9242424 Z" id="Fill-4"></path>
22
+ </g>
23
+ </g>
24
+ </g>
25
+ </g>
26
+ </svg>
@@ -0,0 +1,40 @@
1
+ const { choices, decisions } = require('../tokens')
2
+ const toKebabCase = require('../utils/toKebabCase')
3
+ const fs = require('fs')
4
+
5
+ const cleanLines = (string = '') => string.trim().replace(/^\n\n/gm, '\n')
6
+
7
+ function transformTokens(parentKey, object) {
8
+ const objectKeys = Object.keys(object)
9
+
10
+ return objectKeys.reduce((transformedTokens, objectKey) => {
11
+ const value = object[objectKey]
12
+ const customProperty = parentKey
13
+ ? toKebabCase(`${parentKey}-${objectKey}`)
14
+ : toKebabCase(`${objectKey}`)
15
+
16
+ if (Array.isArray(value)) {
17
+ return `${transformedTokens}\n --${customProperty}: ${value.join(', ')};`
18
+ } else if (typeof value === 'object') {
19
+ return `${transformedTokens}\n${transformTokens(customProperty, value)}`
20
+ }
21
+
22
+ const label = `--${parentKey}-${toKebabCase(objectKey)}`
23
+ return `${transformedTokens}\n ${label}: ${value};`
24
+ }, '')
25
+ }
26
+
27
+ function buildTokens() {
28
+ const transformedChoices = transformTokens(null, choices)
29
+ const transformedDecisions = transformTokens(null, decisions)
30
+ const customProperties = `${transformedChoices}${transformedDecisions}`
31
+
32
+ const data = `:root {\n ${cleanLines(customProperties)}\n}\n`
33
+
34
+ fs.writeFile('./styles/tokens.css', data, 'utf8', (error) => {
35
+ if (error) throw error
36
+ console.log('🎨 Custom properties created!')
37
+ })
38
+ }
39
+
40
+ buildTokens()
@@ -0,0 +1,128 @@
1
+ /* eslint-disable no-undef */
2
+ const fs = require('fs').promises
3
+ const path = require('path')
4
+ const enquirer = require('enquirer')
5
+ const toPascalCase = require('../utils/toPascalCase')
6
+ const toKebabCase = require('../utils/toKebabCase')
7
+ const toCapitalize = require('../utils/toCapitalize')
8
+
9
+ const ATOMIC_DESIGN_TYPES = {
10
+ atom: 'atoms',
11
+ molecule: 'molecules',
12
+ layout: 'layout',
13
+ pages: 'pages',
14
+ }
15
+ const COMPONENT_TEMPLATE_PATH = 'templates/component'
16
+
17
+ function createComponentFolder(componentPath) {
18
+ return fs.mkdir(componentPath, { recursive: true })
19
+ }
20
+
21
+ function readComponentFile(componentTemplate) {
22
+ return fs.readFile(
23
+ path.join(__dirname, `../${COMPONENT_TEMPLATE_PATH}/${componentTemplate}`),
24
+ 'utf8'
25
+ )
26
+ }
27
+
28
+ function replaceComponentFile(
29
+ componentIsStory,
30
+ componentFile,
31
+ componentName,
32
+ mappedType
33
+ ) {
34
+ if (!componentIsStory) {
35
+ return componentFile
36
+ .replace(/component/g, toKebabCase(componentName))
37
+ .replace(/Component/g, componentName)
38
+ } else {
39
+ return componentFile
40
+ .replace(/Component/g, componentName)
41
+ .replace(/atomic/g, mappedType)
42
+ .replace(/Atomic/g, toCapitalize(mappedType))
43
+ }
44
+ }
45
+
46
+ function createComponentFile(componentPath, replacedComponentFile) {
47
+ return fs.writeFile(componentPath, replacedComponentFile, 'utf8')
48
+ }
49
+
50
+ async function createComponent(componentTemplates, type, componentName) {
51
+ const mappedType = ATOMIC_DESIGN_TYPES[type]
52
+ const atomicComponentPath = path.join(
53
+ __dirname,
54
+ `../${mappedType}/${componentName}`
55
+ )
56
+
57
+ try {
58
+ await createComponentFolder(atomicComponentPath)
59
+ console.log('🔧 component folder created!')
60
+
61
+ for (const componentTemplate of componentTemplates) {
62
+ const componentTemplateRenamed = componentTemplate.replace(
63
+ /Component/g,
64
+ toPascalCase(componentName)
65
+ )
66
+ const componentIsStory = componentTemplate.search('stories') !== -1
67
+
68
+ const componentFile = await readComponentFile(componentTemplate)
69
+ const replacedComponentFile = await replaceComponentFile(
70
+ componentIsStory,
71
+ componentFile,
72
+ componentName,
73
+ mappedType
74
+ )
75
+ await createComponentFile(
76
+ path.join(atomicComponentPath, componentTemplateRenamed),
77
+ replacedComponentFile
78
+ )
79
+ console.log(`🔧 component file ${componentTemplateRenamed} created!`)
80
+ }
81
+ } catch (error) {
82
+ console.log(error)
83
+ process.exit(1)
84
+ }
85
+ }
86
+
87
+ async function getPromptParams() {
88
+ let { type } = await enquirer.prompt({
89
+ type: 'select',
90
+ name: 'type',
91
+ message: 'What kind of component would you like to create?',
92
+ choices: ['atom', 'molecule', 'layout', 'pages'],
93
+ initial: 'atom',
94
+ })
95
+
96
+ let { componentName } = await enquirer.prompt({
97
+ type: 'input',
98
+ name: 'componentName',
99
+ message: 'What is the name of the new component?',
100
+ validate(input) {
101
+ if (!this.skipped && input.trim().length === 0 && input.trim() !== ',') {
102
+ return 'Please, tell us what is the name of the new component. Try again!'
103
+ }
104
+ return true
105
+ },
106
+ })
107
+
108
+ try {
109
+ const componentTemplates = await fs.readdir(
110
+ path.join(__dirname, `../${COMPONENT_TEMPLATE_PATH}`)
111
+ )
112
+
113
+ if (componentTemplates.length !== 0) {
114
+ createComponent(componentTemplates, type, toPascalCase(componentName))
115
+ } else {
116
+ throw new Error(
117
+ `There are not template files to create the component: ${toPascalCase(
118
+ componentName
119
+ )}`
120
+ )
121
+ }
122
+ } catch (error) {
123
+ console.log(error)
124
+ process.exit(1)
125
+ }
126
+ }
127
+
128
+ getPromptParams()
@@ -0,0 +1,13 @@
1
+ import initStoryshots, {
2
+ multiSnapshotWithOptions,
3
+ Stories2SnapsConverter,
4
+ } from '@storybook/addon-storyshots'
5
+
6
+ import './utils/testUtils/matchMediaMock'
7
+
8
+ initStoryshots({
9
+ test: multiSnapshotWithOptions(),
10
+ stories2snapsConverter: new Stories2SnapsConverter({
11
+ snapshotExtension: '.js.snap',
12
+ }),
13
+ })