allaw-ui 0.1.71 → 1.0.0

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 (387) hide show
  1. package/dist/assets/allaw-font.eot +0 -0
  2. package/dist/assets/allaw-font.svg +15 -0
  3. package/dist/assets/allaw-font.ttf +0 -0
  4. package/dist/assets/allaw-font.woff +0 -0
  5. package/dist/components/atoms/buttons/ActionCircleButton.d.ts +9 -0
  6. package/dist/components/atoms/buttons/ActionCircleButton.js +23 -0
  7. package/dist/components/atoms/buttons/ActionCircleButton.stories.d.ts +35 -0
  8. package/dist/components/atoms/buttons/ActionCircleButton.stories.js +54 -0
  9. package/dist/components/atoms/buttons/AgendaSlot.d.ts +10 -0
  10. package/dist/components/atoms/buttons/AgendaSlot.js +7 -0
  11. package/dist/components/atoms/buttons/AgendaSlot.stories.d.ts +41 -0
  12. package/dist/components/atoms/buttons/AgendaSlot.stories.js +77 -0
  13. package/dist/components/atoms/buttons/FavoriteToggle.d.ts +8 -0
  14. package/dist/components/atoms/buttons/FavoriteToggle.js +11 -0
  15. package/dist/components/atoms/buttons/FavoriteToggle.stories.d.ts +23 -0
  16. package/dist/components/atoms/buttons/FavoriteToggle.stories.js +61 -0
  17. package/dist/components/atoms/buttons/FilterButton.d.ts +9 -0
  18. package/dist/components/atoms/buttons/FilterButton.js +9 -0
  19. package/dist/components/atoms/buttons/FilterButton.stories.d.ts +36 -0
  20. package/dist/components/atoms/buttons/FilterButton.stories.js +56 -0
  21. package/dist/components/atoms/buttons/FilterButtonPrimary.d.ts +9 -0
  22. package/dist/components/atoms/buttons/FilterButtonPrimary.js +46 -0
  23. package/dist/components/atoms/buttons/FilterButtonPrimary.stories.d.ts +7 -0
  24. package/dist/components/atoms/buttons/FilterButtonPrimary.stories.js +26 -0
  25. package/dist/components/atoms/buttons/GhostButton.d.ts +14 -0
  26. package/dist/components/atoms/buttons/GhostButton.js +11 -0
  27. package/dist/components/atoms/buttons/GhostButton.stories.d.ts +79 -0
  28. package/dist/components/atoms/buttons/GhostButton.stories.js +95 -0
  29. package/dist/components/atoms/buttons/IconButton.css +17 -0
  30. package/dist/components/atoms/buttons/IconButton.d.ts +11 -0
  31. package/dist/components/atoms/buttons/IconButton.js +19 -0
  32. package/dist/components/atoms/buttons/IconButton.stories.d.ts +48 -0
  33. package/dist/components/atoms/buttons/IconButton.stories.js +76 -0
  34. package/dist/components/atoms/buttons/OAuthProviderButton.css +25 -23
  35. package/dist/components/atoms/buttons/OAuthProviderButton.d.ts +12 -0
  36. package/dist/components/atoms/buttons/OAuthProviderButton.js +176 -0
  37. package/dist/components/atoms/buttons/OAuthProviderButton.stories.d.ts +56 -0
  38. package/dist/components/atoms/buttons/OAuthProviderButton.stories.js +130 -0
  39. package/dist/components/atoms/buttons/PendingDocuments.d.ts +9 -0
  40. package/dist/components/atoms/buttons/PendingDocuments.js +15 -0
  41. package/dist/components/atoms/buttons/PendingDocuments.stories.d.ts +52 -0
  42. package/dist/components/atoms/buttons/PendingDocuments.stories.js +67 -0
  43. package/dist/components/atoms/buttons/PrimaryButton.css +1 -0
  44. package/dist/components/atoms/buttons/PrimaryButton.d.ts +17 -0
  45. package/dist/components/atoms/buttons/PrimaryButton.js +117 -0
  46. package/dist/components/atoms/buttons/PrimaryButton.stories.d.ts +86 -0
  47. package/dist/components/atoms/buttons/PrimaryButton.stories.js +147 -0
  48. package/dist/components/atoms/buttons/SecondaryButton.css +66 -0
  49. package/dist/components/atoms/buttons/SecondaryButton.d.ts +19 -0
  50. package/dist/components/atoms/buttons/SecondaryButton.js +117 -0
  51. package/dist/components/atoms/buttons/SecondaryButton.stories.d.ts +72 -0
  52. package/dist/components/atoms/buttons/SecondaryButton.stories.js +149 -0
  53. package/dist/components/atoms/buttons/TabNavigation.css +78 -9
  54. package/dist/components/atoms/buttons/TabNavigation.d.ts +15 -0
  55. package/dist/components/atoms/buttons/TabNavigation.js +10 -0
  56. package/dist/components/atoms/buttons/TabNavigation.stories.d.ts +44 -0
  57. package/dist/components/atoms/buttons/TabNavigation.stories.js +66 -0
  58. package/dist/components/atoms/buttons/TertiaryButton.css +15 -6
  59. package/dist/components/atoms/buttons/TertiaryButton.d.ts +11 -0
  60. package/dist/components/atoms/buttons/TertiaryButton.js +10 -0
  61. package/dist/components/atoms/buttons/TertiaryButton.stories.d.ts +42 -0
  62. package/dist/components/atoms/buttons/TertiaryButton.stories.js +60 -0
  63. package/dist/components/atoms/buttons/index.d.ts +22 -0
  64. package/dist/components/atoms/buttons/index.js +11 -0
  65. package/dist/components/atoms/buttons/{PendingDocuments.css → pendingDocuments.module.css} +9 -8
  66. package/dist/components/atoms/checkboxes/Checkbox.d.ts +14 -0
  67. package/dist/components/atoms/checkboxes/Checkbox.js +19 -0
  68. package/dist/components/atoms/checkboxes/Checkbox.stories.d.ts +77 -0
  69. package/dist/components/atoms/checkboxes/Checkbox.stories.js +123 -0
  70. package/dist/components/atoms/checkboxes/index.d.ts +2 -0
  71. package/dist/components/atoms/checkboxes/index.js +1 -0
  72. package/dist/components/atoms/datepickers/Datepicker.d.ts +14 -0
  73. package/dist/components/atoms/datepickers/Datepicker.js +151 -0
  74. package/dist/components/atoms/datepickers/Datepicker.stories.d.ts +90 -0
  75. package/dist/components/atoms/datepickers/Datepicker.stories.js +67 -0
  76. package/dist/components/atoms/datepickers/datepicker.css +241 -0
  77. package/dist/components/atoms/datepickers/index.d.ts +2 -0
  78. package/dist/components/atoms/datepickers/index.js +1 -0
  79. package/dist/components/atoms/filter/Basefiler.css +1 -1
  80. package/dist/components/atoms/filter/Filter.d.ts +17 -0
  81. package/dist/components/atoms/filter/Filter.js +70 -0
  82. package/dist/components/atoms/filter/Filter.stories.d.ts +9 -0
  83. package/dist/components/atoms/filter/Filter.stories.js +77 -0
  84. package/dist/components/atoms/filter/index.d.ts +2 -0
  85. package/dist/components/atoms/filter/index.js +1 -0
  86. package/dist/components/atoms/filters/SingleFilter.d.ts +17 -0
  87. package/dist/components/atoms/filters/SingleFilter.js +81 -0
  88. package/dist/components/atoms/filters/SingleFilter.stories.d.ts +7 -0
  89. package/dist/components/atoms/filters/SingleFilter.stories.js +34 -0
  90. package/dist/components/atoms/filters/index.d.ts +2 -0
  91. package/dist/components/atoms/filters/index.js +1 -0
  92. package/dist/components/atoms/inputs/Input.d.ts +26 -0
  93. package/dist/components/atoms/inputs/Input.js +86 -0
  94. package/dist/components/atoms/inputs/Input.stories.d.ts +62 -0
  95. package/dist/components/atoms/inputs/Input.stories.js +101 -0
  96. package/dist/components/atoms/inputs/SearchBar.css +1 -1
  97. package/dist/components/atoms/inputs/SearchBar.d.ts +12 -0
  98. package/dist/components/atoms/inputs/SearchBar.js +20 -0
  99. package/dist/components/atoms/inputs/SearchBar.stories.d.ts +54 -0
  100. package/dist/components/atoms/inputs/SearchBar.stories.js +67 -0
  101. package/dist/components/atoms/inputs/TextArea.css +1 -1
  102. package/dist/components/atoms/inputs/TextArea.d.ts +23 -0
  103. package/dist/components/atoms/inputs/TextArea.js +66 -0
  104. package/dist/components/atoms/inputs/TextArea.stories.d.ts +70 -0
  105. package/dist/components/atoms/inputs/TextArea.stories.js +113 -0
  106. package/dist/components/atoms/inputs/index.d.ts +6 -0
  107. package/dist/components/atoms/inputs/index.js +3 -0
  108. package/dist/components/atoms/progressBars/ProgressBar.css +20 -15
  109. package/dist/components/atoms/progressBars/ProgressBar.d.ts +18 -0
  110. package/dist/components/atoms/progressBars/ProgressBar.js +25 -0
  111. package/dist/components/atoms/progressBars/ProgressBar.stories.d.ts +83 -0
  112. package/dist/components/atoms/progressBars/ProgressBar.stories.js +88 -0
  113. package/dist/components/atoms/progressBars/index.d.ts +2 -0
  114. package/dist/components/atoms/progressBars/index.js +1 -0
  115. package/dist/components/atoms/radios/RadioButton.d.ts +11 -0
  116. package/dist/components/atoms/radios/RadioButton.js +10 -0
  117. package/dist/components/atoms/radios/RadioButton.stories.d.ts +36 -0
  118. package/dist/components/atoms/radios/RadioButton.stories.js +75 -0
  119. package/dist/components/atoms/radios/index.d.ts +2 -0
  120. package/dist/components/atoms/radios/index.js +1 -0
  121. package/dist/components/atoms/selects/ComboBox.css +5 -3
  122. package/dist/components/atoms/selects/ComboBox.d.ts +27 -0
  123. package/dist/components/atoms/selects/ComboBox.js +172 -0
  124. package/dist/components/atoms/selects/ComboBox.stories.d.ts +94 -0
  125. package/dist/components/atoms/selects/ComboBox.stories.js +122 -0
  126. package/dist/components/atoms/selects/Select.d.ts +24 -0
  127. package/dist/components/atoms/selects/Select.js +154 -0
  128. package/dist/components/atoms/selects/{Select.css → Select.module.css} +16 -15
  129. package/dist/components/atoms/selects/Select.stories.d.ts +86 -0
  130. package/dist/components/atoms/selects/Select.stories.js +154 -0
  131. package/dist/components/atoms/selects/SelectableListItem.d.ts +13 -0
  132. package/dist/components/atoms/selects/SelectableListItem.js +18 -0
  133. package/dist/components/atoms/selects/SelectableListItem.module.css +157 -0
  134. package/dist/components/atoms/selects/SelectableListItem.stories.d.ts +33 -0
  135. package/dist/components/atoms/selects/SelectableListItem.stories.js +53 -0
  136. package/dist/components/atoms/selects/index.d.ts +6 -0
  137. package/dist/components/atoms/selects/index.js +3 -0
  138. package/dist/components/atoms/tags/AppointementStatusTag.d.ts +8 -0
  139. package/dist/components/atoms/tags/AppointementStatusTag.js +42 -0
  140. package/dist/components/atoms/tags/AppointementStatusTag.stories.d.ts +17 -0
  141. package/dist/components/atoms/tags/AppointementStatusTag.stories.js +70 -0
  142. package/dist/components/atoms/tags/FolderStatusTag.css +10 -8
  143. package/dist/components/atoms/tags/FolderStatusTag.d.ts +8 -0
  144. package/dist/components/atoms/tags/FolderStatusTag.js +25 -0
  145. package/dist/components/atoms/tags/FolderStatusTag.stories.d.ts +28 -0
  146. package/dist/components/atoms/tags/FolderStatusTag.stories.js +51 -0
  147. package/dist/components/atoms/tags/OtherStatusTag.css +54 -1
  148. package/dist/components/atoms/tags/OtherStatusTag.d.ts +13 -0
  149. package/dist/components/atoms/tags/OtherStatusTag.js +15 -0
  150. package/dist/components/atoms/tags/OtherStatusTag.stories.d.ts +97 -0
  151. package/dist/components/atoms/tags/OtherStatusTag.stories.js +151 -0
  152. package/dist/components/atoms/tags/index.d.ts +6 -0
  153. package/dist/components/atoms/tags/index.js +3 -0
  154. package/dist/components/atoms/typography/CardDate.d.ts +11 -0
  155. package/dist/components/atoms/typography/CardDate.js +52 -0
  156. package/dist/components/atoms/typography/CardDate.stories.d.ts +119 -0
  157. package/dist/components/atoms/typography/CardDate.stories.js +103 -0
  158. package/dist/components/atoms/typography/Heading.d.ts +10 -0
  159. package/dist/components/atoms/typography/Heading.js +7 -0
  160. package/dist/components/atoms/typography/Heading.stories.d.ts +45 -0
  161. package/dist/components/atoms/typography/Heading.stories.js +90 -0
  162. package/dist/components/atoms/typography/Link.d.ts +13 -0
  163. package/dist/components/atoms/typography/Link.js +35 -0
  164. package/dist/components/atoms/typography/Link.module.css +60 -0
  165. package/dist/components/atoms/typography/Link.stories.d.ts +57 -0
  166. package/dist/components/atoms/typography/Link.stories.js +105 -0
  167. package/dist/components/atoms/typography/Paragraph.d.ts +14 -0
  168. package/dist/components/atoms/typography/Paragraph.js +33 -0
  169. package/dist/components/atoms/typography/Paragraph.stories.d.ts +56 -0
  170. package/dist/components/atoms/typography/Paragraph.stories.js +97 -0
  171. package/dist/components/atoms/typography/SmallTitle.d.ts +9 -0
  172. package/dist/components/atoms/typography/SmallTitle.js +7 -0
  173. package/dist/components/atoms/typography/SmallTitle.stories.d.ts +42 -0
  174. package/dist/components/atoms/typography/SmallTitle.stories.js +72 -0
  175. package/dist/components/atoms/typography/Subtitle.d.ts +9 -0
  176. package/dist/components/atoms/typography/Subtitle.js +7 -0
  177. package/dist/components/atoms/typography/Subtitle.stories.d.ts +40 -0
  178. package/dist/components/atoms/typography/Subtitle.stories.js +60 -0
  179. package/dist/components/atoms/typography/TinyInfo.d.ts +13 -0
  180. package/dist/components/atoms/typography/TinyInfo.js +15 -0
  181. package/dist/components/atoms/typography/TinyInfo.stories.d.ts +52 -0
  182. package/dist/components/atoms/typography/TinyInfo.stories.js +97 -0
  183. package/dist/components/atoms/typography/cardDate.css +135 -0
  184. package/dist/components/atoms/typography/index.d.ts +12 -0
  185. package/dist/components/atoms/typography/index.js +6 -0
  186. package/dist/components/atoms/uiVariables/AnimatedBorder.css +55 -0
  187. package/dist/components/atoms/uiVariables/AnimatedBorder.d.ts +4 -0
  188. package/dist/components/atoms/uiVariables/AnimatedBorder.js +11 -0
  189. package/dist/components/atoms/uiVariables/AnimatedBorder.stories.d.ts +17 -0
  190. package/dist/components/atoms/uiVariables/AnimatedBorder.stories.js +20 -0
  191. package/dist/components/atoms/uiVariables/BorderRadius.d.ts +6 -0
  192. package/dist/components/atoms/uiVariables/BorderRadius.js +12 -0
  193. package/dist/components/atoms/uiVariables/BorderRadius.stories.d.ts +18 -0
  194. package/dist/components/atoms/uiVariables/BorderRadius.stories.js +34 -0
  195. package/dist/components/atoms/uiVariables/Shadows.d.ts +6 -0
  196. package/dist/components/atoms/uiVariables/Shadows.js +11 -0
  197. package/dist/components/atoms/uiVariables/Shadows.stories.d.ts +18 -0
  198. package/dist/components/atoms/uiVariables/Shadows.stories.js +34 -0
  199. package/dist/components/atoms/uiVariables/Strokes.d.ts +6 -0
  200. package/dist/components/atoms/uiVariables/Strokes.js +10 -0
  201. package/dist/components/atoms/uiVariables/Strokes.stories.d.ts +18 -0
  202. package/dist/components/atoms/uiVariables/Strokes.stories.js +34 -0
  203. package/dist/components/atoms/uiVariables/index.d.ts +3 -0
  204. package/dist/components/atoms/uiVariables/index.js +3 -0
  205. package/dist/components/molecules/appointmentSlot/AppointmentSlot.css +46 -3
  206. package/dist/components/molecules/appointmentSlot/AppointmentSlot.d.ts +26 -0
  207. package/dist/components/molecules/appointmentSlot/AppointmentSlot.js +109 -0
  208. package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.d.ts +70 -0
  209. package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.js +186 -0
  210. package/dist/components/molecules/appointmentSlot/index.d.ts +2 -0
  211. package/dist/components/molecules/appointmentSlot/index.js +1 -0
  212. package/dist/components/molecules/billingCount/BillingCount.css +28 -0
  213. package/dist/components/molecules/billingCount/BillingCount.d.ts +8 -0
  214. package/dist/components/molecules/billingCount/BillingCount.js +75 -0
  215. package/dist/components/molecules/billingCount/BillingCount.stories.d.ts +21 -0
  216. package/dist/components/molecules/billingCount/BillingCount.stories.js +44 -0
  217. package/dist/components/molecules/billingCount/index.d.ts +2 -0
  218. package/dist/components/molecules/billingCount/index.js +1 -0
  219. package/dist/components/molecules/blogCard/BlogCard.d.ts +13 -0
  220. package/dist/components/molecules/blogCard/BlogCard.js +33 -0
  221. package/dist/components/molecules/blogCard/BlogCard.module.css +148 -0
  222. package/dist/components/molecules/blogCard/BlogCard.stories.d.ts +10 -0
  223. package/dist/components/molecules/blogCard/BlogCard.stories.js +33 -0
  224. package/dist/components/molecules/blogCard/index.d.ts +2 -0
  225. package/dist/components/molecules/blogCard/index.js +1 -0
  226. package/dist/components/molecules/blogFooter/BlogFooter.d.ts +12 -0
  227. package/dist/components/molecules/blogFooter/BlogFooter.js +14 -0
  228. package/dist/components/molecules/blogFooter/BlogFooter.module.css +48 -0
  229. package/dist/components/molecules/blogFooter/BlogFooter.stories.d.ts +60 -0
  230. package/dist/components/molecules/blogFooter/BlogFooter.stories.js +67 -0
  231. package/dist/components/molecules/blogFooter/index.d.ts +2 -0
  232. package/dist/components/molecules/blogFooter/index.js +1 -0
  233. package/dist/components/molecules/blogHeader/BlogHeader.d.ts +11 -0
  234. package/dist/components/molecules/blogHeader/BlogHeader.js +21 -0
  235. package/dist/components/molecules/blogHeader/BlogHeader.module.css +150 -0
  236. package/dist/components/molecules/blogHeader/BlogHeader.stories.d.ts +49 -0
  237. package/dist/components/molecules/blogHeader/BlogHeader.stories.js +63 -0
  238. package/dist/components/molecules/blogHeader/index.d.ts +2 -0
  239. package/dist/components/molecules/blogHeader/index.js +1 -0
  240. package/dist/components/molecules/blogText/BlogText.d.ts +7 -0
  241. package/dist/components/molecules/blogText/BlogText.js +11 -0
  242. package/dist/components/molecules/blogText/BlogText.module.css +59 -0
  243. package/dist/components/molecules/blogText/BlogText.stories.d.ts +31 -0
  244. package/dist/components/molecules/blogText/BlogText.stories.js +51 -0
  245. package/dist/components/molecules/blogText/index.d.ts +2 -0
  246. package/dist/components/molecules/blogText/index.js +1 -0
  247. package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.d.ts +8 -0
  248. package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.js +15 -0
  249. package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.module.css +108 -0
  250. package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.stories.d.ts +37 -0
  251. package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.stories.js +58 -0
  252. package/dist/components/molecules/blogTextImageBlock/index.d.ts +2 -0
  253. package/dist/components/molecules/blogTextImageBlock/index.js +1 -0
  254. package/dist/components/molecules/breadcrumb/Breadcrumb.d.ts +12 -0
  255. package/dist/components/molecules/breadcrumb/Breadcrumb.js +12 -0
  256. package/dist/components/molecules/breadcrumb/Breadcrumb.stories.d.ts +24 -0
  257. package/dist/components/molecules/breadcrumb/Breadcrumb.stories.js +54 -0
  258. package/dist/components/molecules/breadcrumb/index.d.ts +2 -0
  259. package/dist/components/molecules/breadcrumb/index.js +1 -0
  260. package/dist/components/molecules/caseCard/CaseCard.css +54 -48
  261. package/dist/components/molecules/caseCard/CaseCard.d.ts +23 -0
  262. package/dist/components/molecules/caseCard/CaseCard.js +19 -0
  263. package/dist/components/molecules/caseCard/CaseCard.stories.d.ts +114 -0
  264. package/dist/components/molecules/caseCard/CaseCard.stories.js +200 -0
  265. package/dist/components/molecules/caseCard/index.d.ts +2 -0
  266. package/dist/components/molecules/caseCard/index.js +1 -0
  267. package/dist/components/molecules/caseCardCompact/CaseCardCompact.d.ts +16 -0
  268. package/dist/components/molecules/caseCardCompact/CaseCardCompact.js +20 -0
  269. package/dist/components/molecules/caseCardCompact/CaseCardCompact.stories.d.ts +11 -0
  270. package/dist/components/molecules/caseCardCompact/CaseCardCompact.stories.js +59 -0
  271. package/dist/components/molecules/caseCardCompact/caseCardCompact.css +80 -0
  272. package/dist/components/molecules/caseCardCompact/index.d.ts +2 -0
  273. package/dist/components/molecules/caseCardCompact/index.js +1 -0
  274. package/dist/components/molecules/caseLinkCard/CaseCardLink.stories.d.ts +9 -0
  275. package/dist/components/molecules/caseLinkCard/CaseCardLink.stories.js +37 -0
  276. package/dist/components/molecules/caseLinkCard/CaseLinkCard.css +79 -35
  277. package/dist/components/molecules/caseLinkCard/CaseLinkCard.d.ts +13 -0
  278. package/dist/components/molecules/caseLinkCard/CaseLinkCard.js +37 -0
  279. package/dist/components/molecules/caseLinkCard/index.d.ts +2 -0
  280. package/dist/components/molecules/caseLinkCard/index.js +1 -0
  281. package/dist/components/molecules/checkboxForm/CheckboxForm.d.ts +18 -0
  282. package/dist/components/molecules/checkboxForm/CheckboxForm.js +24 -0
  283. package/dist/components/molecules/checkboxForm/CheckboxForm.stories.d.ts +90 -0
  284. package/dist/components/molecules/checkboxForm/CheckboxForm.stories.js +149 -0
  285. package/dist/components/molecules/checkboxForm/index.d.ts +2 -0
  286. package/dist/components/molecules/checkboxForm/index.js +1 -0
  287. package/dist/components/molecules/clientLinkCard/ClientLinkCard.css +59 -28
  288. package/dist/components/molecules/clientLinkCard/ClientLinkCard.d.ts +15 -0
  289. package/dist/components/molecules/clientLinkCard/ClientLinkCard.js +18 -0
  290. package/dist/components/molecules/clientLinkCard/ClientLinkCard.stories.d.ts +11 -0
  291. package/dist/components/molecules/clientLinkCard/ClientLinkCard.stories.js +59 -0
  292. package/dist/components/molecules/clientLinkCard/index.d.ts +2 -0
  293. package/dist/components/molecules/clientLinkCard/index.js +1 -0
  294. package/dist/components/molecules/contactCard/ContactCard.d.ts +16 -0
  295. package/dist/components/molecules/contactCard/ContactCard.js +34 -0
  296. package/dist/components/molecules/contactCard/ContactCard.stories.d.ts +83 -0
  297. package/dist/components/molecules/contactCard/ContactCard.stories.js +86 -0
  298. package/dist/components/molecules/contactCard/DetailedContactCard.d.ts +18 -0
  299. package/dist/components/molecules/contactCard/DetailedContactCard.js +61 -0
  300. package/dist/components/molecules/contactCard/DetailedContactCard.stories.d.ts +94 -0
  301. package/dist/components/molecules/contactCard/DetailedContactCard.stories.js +83 -0
  302. package/dist/components/molecules/contactCard/contactCard.module.css +140 -0
  303. package/dist/components/molecules/contactCard/{ContactCard.css → detailedContactCard.css} +43 -105
  304. package/dist/components/molecules/contactCard/index.d.ts +4 -0
  305. package/dist/components/molecules/contactCard/index.js +2 -0
  306. package/dist/components/molecules/datepickerForm/DatepickerForm.d.ts +16 -0
  307. package/dist/components/molecules/datepickerForm/DatepickerForm.js +13 -0
  308. package/dist/components/molecules/datepickerForm/DatepickerForm.stories.d.ts +164 -0
  309. package/dist/components/molecules/datepickerForm/DatepickerForm.stories.js +113 -0
  310. package/dist/components/molecules/datepickerForm/datepickerForm.css +6 -0
  311. package/dist/components/molecules/datepickerForm/index.d.ts +2 -0
  312. package/dist/components/molecules/datepickerForm/index.js +1 -0
  313. package/dist/components/molecules/documentCard/DocumentCard.css +8 -1
  314. package/dist/components/molecules/documentCard/DocumentCard.d.ts +16 -0
  315. package/dist/components/molecules/documentCard/DocumentCard.js +119 -0
  316. package/dist/components/molecules/documentCard/DocumentCard.stories.d.ts +71 -0
  317. package/dist/components/molecules/documentCard/DocumentCard.stories.js +100 -0
  318. package/dist/components/molecules/documentCard/index.d.ts +2 -0
  319. package/dist/components/molecules/documentCard/index.js +1 -0
  320. package/dist/components/molecules/employeeCard/EmployeeCard.d.ts +15 -0
  321. package/dist/components/molecules/employeeCard/EmployeeCard.js +34 -0
  322. package/dist/components/molecules/employeeCard/EmployeeCard.stories.d.ts +74 -0
  323. package/dist/components/molecules/employeeCard/EmployeeCard.stories.js +65 -0
  324. package/dist/components/molecules/employeeCard/index.d.ts +2 -0
  325. package/dist/components/molecules/employeeCard/index.js +1 -0
  326. package/dist/components/molecules/loadingBox/LoadingBox.css +7 -8
  327. package/dist/components/molecules/loadingBox/LoadingBox.d.ts +12 -0
  328. package/dist/components/molecules/loadingBox/LoadingBox.js +11 -0
  329. package/dist/components/molecules/loadingBox/LoadingBox.stories.d.ts +54 -0
  330. package/dist/components/molecules/loadingBox/LoadingBox.stories.js +128 -0
  331. package/dist/components/molecules/loadingBox/index.d.ts +2 -0
  332. package/dist/components/molecules/loadingBox/index.js +1 -0
  333. package/dist/components/molecules/pagination/Pagination.d.ts +10 -0
  334. package/dist/components/molecules/pagination/Pagination.js +64 -0
  335. package/dist/components/molecules/pagination/Pagination.stories.d.ts +44 -0
  336. package/dist/components/molecules/pagination/Pagination.stories.js +59 -0
  337. package/dist/components/molecules/pagination/index.d.ts +2 -0
  338. package/dist/components/molecules/pagination/index.js +1 -0
  339. package/dist/components/molecules/pagination/pagination.css +120 -0
  340. package/dist/components/molecules/proCard/ProCard.d.ts +13 -0
  341. package/dist/components/molecules/proCard/ProCard.js +25 -0
  342. package/dist/components/molecules/proCard/ProCard.stories.d.ts +49 -0
  343. package/dist/components/molecules/proCard/ProCard.stories.js +69 -0
  344. package/dist/components/molecules/proCard/index.d.ts +2 -0
  345. package/dist/components/molecules/proCard/index.js +1 -0
  346. package/dist/components/molecules/radioForm/RadioForm.d.ts +12 -0
  347. package/dist/components/molecules/radioForm/RadioForm.js +27 -0
  348. package/dist/components/molecules/radioForm/RadioForm.stories.d.ts +27 -0
  349. package/dist/components/molecules/radioForm/RadioForm.stories.js +52 -0
  350. package/dist/components/molecules/radioForm/index.d.ts +2 -0
  351. package/dist/components/molecules/radioForm/index.js +1 -0
  352. package/dist/components/molecules/selectForm/SelectForm.css +1 -1
  353. package/dist/components/molecules/selectForm/SelectForm.d.ts +18 -0
  354. package/dist/components/molecules/selectForm/SelectForm.js +15 -0
  355. package/dist/components/molecules/selectForm/SelectForm.stories.d.ts +58 -0
  356. package/dist/components/molecules/selectForm/SelectForm.stories.js +96 -0
  357. package/dist/components/molecules/selectForm/index.d.ts +2 -0
  358. package/dist/components/molecules/selectForm/index.js +1 -0
  359. package/dist/components/molecules/stepper/Stepper.css +17 -4
  360. package/dist/components/molecules/stepper/Stepper.d.ts +35 -0
  361. package/dist/components/molecules/stepper/Stepper.js +113 -0
  362. package/dist/components/molecules/stepper/Stepper.stories.d.ts +42 -0
  363. package/dist/components/molecules/stepper/Stepper.stories.js +132 -0
  364. package/dist/components/molecules/stepper/index.d.ts +2 -0
  365. package/dist/components/molecules/stepper/index.js +1 -0
  366. package/dist/index.d.ts +76 -0
  367. package/dist/index.js +88 -0
  368. package/dist/stories/Header.d.ts +13 -0
  369. package/dist/stories/Header.js +20 -0
  370. package/dist/stories/Header.stories.d.ts +18 -0
  371. package/dist/stories/Header.stories.js +26 -0
  372. package/dist/stories/Page.d.ts +3 -0
  373. package/dist/stories/Page.js +37 -0
  374. package/dist/stories/Page.stories.d.ts +12 -0
  375. package/dist/stories/Page.stories.js +76 -0
  376. package/dist/stories/header.css +32 -0
  377. package/dist/stories/page.css +69 -0
  378. package/dist/styles/colors.css +3 -0
  379. package/dist/styles/colors.module.css +107 -0
  380. package/dist/styles/global.css +1 -0
  381. package/dist/styles/icons.css +76 -107
  382. package/dist/utils/regex.d.ts +5 -0
  383. package/dist/utils/regex.js +7 -0
  384. package/dist/utils/utils.d.ts +2 -0
  385. package/dist/utils/utils.js +48 -0
  386. package/package.json +18 -14
  387. package/dist/tsconfig.tsbuildinfo +0 -1
@@ -0,0 +1,130 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import React from "react";
13
+ import OAuthProviderButton from "./OAuthProviderButton";
14
+ import "../../../styles/global.css";
15
+ export default {
16
+ title: "Components/Atoms/Buttons/OAuthProviderButton",
17
+ component: OAuthProviderButton,
18
+ tags: ["autodocs"],
19
+ argTypes: {
20
+ provider: {
21
+ control: {
22
+ type: "select",
23
+ options: ["google", "apple", "linkedin", "microsoft"],
24
+ },
25
+ },
26
+ type: {
27
+ control: {
28
+ type: "select",
29
+ options: ["login", "signup"],
30
+ },
31
+ },
32
+ url: {
33
+ control: {
34
+ type: "text",
35
+ },
36
+ },
37
+ size: {
38
+ control: {
39
+ type: "select",
40
+ options: [14, 16, 18, 20, 22, 24],
41
+ },
42
+ },
43
+ onClick: { action: "clicked" },
44
+ },
45
+ };
46
+ var Template = function (args) { return React.createElement(OAuthProviderButton, __assign({}, args)); };
47
+ export var GoogleLogin = Template.bind({});
48
+ GoogleLogin.args = {
49
+ provider: "google",
50
+ type: "login",
51
+ url: "https://google.com",
52
+ size: 20,
53
+ };
54
+ export var GoogleSignup = Template.bind({});
55
+ GoogleSignup.args = {
56
+ provider: "google",
57
+ type: "signup",
58
+ url: "https://google.com/signup",
59
+ size: 20,
60
+ };
61
+ export var AppleLogin = Template.bind({});
62
+ AppleLogin.args = {
63
+ provider: "apple",
64
+ type: "login",
65
+ url: "https://apple.com",
66
+ size: 20,
67
+ };
68
+ export var AppleSignup = Template.bind({});
69
+ AppleSignup.args = {
70
+ provider: "apple",
71
+ type: "signup",
72
+ url: "https://apple.com/signup",
73
+ size: 20,
74
+ };
75
+ export var LinkedinLogin = Template.bind({});
76
+ LinkedinLogin.args = {
77
+ provider: "linkedin",
78
+ type: "login",
79
+ url: "https://linkedin.com",
80
+ size: 20,
81
+ };
82
+ export var LinkedinSignup = Template.bind({});
83
+ LinkedinSignup.args = {
84
+ provider: "linkedin",
85
+ type: "signup",
86
+ url: "https://linkedin.com/signup",
87
+ size: 20,
88
+ };
89
+ export var MicrosoftLogin = Template.bind({});
90
+ MicrosoftLogin.args = {
91
+ provider: "microsoft",
92
+ type: "login",
93
+ url: "https://microsoft.com",
94
+ size: 20,
95
+ };
96
+ export var MicrosoftSignup = Template.bind({});
97
+ MicrosoftSignup.args = {
98
+ provider: "microsoft",
99
+ type: "signup",
100
+ url: "https://microsoft.com/signup",
101
+ size: 20,
102
+ };
103
+ export var GoogleCalendar = Template.bind({});
104
+ GoogleCalendar.args = {
105
+ provider: "google",
106
+ type: "calendar",
107
+ url: "https://calendar.google.com/calendar/u/0/r/eventedit",
108
+ size: 20,
109
+ };
110
+ export var AppleCalendar = Template.bind({});
111
+ AppleCalendar.args = {
112
+ provider: "apple",
113
+ type: "calendar",
114
+ url: "https://www.icloud.com/calendar",
115
+ size: 20,
116
+ };
117
+ export var LinkedinCalendar = Template.bind({});
118
+ LinkedinCalendar.args = {
119
+ provider: "linkedin",
120
+ type: "calendar",
121
+ url: "#",
122
+ size: 20,
123
+ };
124
+ export var MicrosoftCalendar = Template.bind({});
125
+ MicrosoftCalendar.args = {
126
+ provider: "microsoft",
127
+ type: "calendar",
128
+ url: "https://outlook.office.com/calendar",
129
+ size: 20,
130
+ };
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import "../../../styles/global.css";
3
+ export interface PendingDocumentsProps {
4
+ icon?: React.ReactNode;
5
+ pendingCount: number;
6
+ onClick?: () => void;
7
+ }
8
+ declare const PendingDocuments: React.FC<PendingDocumentsProps>;
9
+ export default PendingDocuments;
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ import styles from "./pendingDocuments.module.css";
3
+ import "../../../styles/global.css";
4
+ var PendingDocuments = function (_a) {
5
+ var icon = _a.icon, pendingCount = _a.pendingCount, onClick = _a.onClick;
6
+ var isPending = pendingCount > 0;
7
+ return (React.createElement("div", { className: "".concat(styles.pending_documents, " ").concat(isPending
8
+ ? styles.pending_documents_pending
9
+ : styles.pending_documents_none), onClick: isPending ? onClick : undefined },
10
+ icon && React.createElement("span", { className: styles.pending_documents_icon }, icon),
11
+ React.createElement("span", { className: styles.pending_documents_label }, isPending
12
+ ? "".concat(pendingCount, " demandes en attente")
13
+ : "Aucune demande en attente")));
14
+ };
15
+ export default PendingDocuments;
@@ -0,0 +1,52 @@
1
+ export namespace ActionsData {
2
+ namespace onClick {
3
+ let action: string;
4
+ }
5
+ }
6
+ declare namespace _default {
7
+ export let title: string;
8
+ export { PendingDocuments as component };
9
+ export let tags: string[];
10
+ export let excludeStories: RegExp;
11
+ export namespace args { }
12
+ export namespace argTypes {
13
+ export namespace icon {
14
+ namespace control {
15
+ let type: string;
16
+ }
17
+ namespace mapping {
18
+ let _true: React.JSX.Element;
19
+ export { _true as true };
20
+ let _false: null;
21
+ export { _false as false };
22
+ }
23
+ }
24
+ export namespace pendingCount {
25
+ export namespace control_1 {
26
+ let type_1: string;
27
+ export { type_1 as type };
28
+ }
29
+ export { control_1 as control };
30
+ }
31
+ export namespace onClick_1 {
32
+ let action_1: string;
33
+ export { action_1 as action };
34
+ }
35
+ export { onClick_1 as onClick };
36
+ }
37
+ export namespace parameters {
38
+ namespace backgrounds {
39
+ let _default: string;
40
+ export { _default as default };
41
+ export let values: {
42
+ name: string;
43
+ value: string;
44
+ }[];
45
+ }
46
+ }
47
+ }
48
+ export default _default;
49
+ export const Default: any;
50
+ export const NoPending: any;
51
+ import PendingDocuments from "./PendingDocuments";
52
+ import React from "react";
@@ -0,0 +1,67 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import React from "react";
13
+ import PendingDocuments from "./PendingDocuments";
14
+ import "../../../styles/global.css";
15
+ export var ActionsData = {
16
+ onClick: { action: "clicked" },
17
+ };
18
+ export default {
19
+ title: "Components/Atoms/Buttons/PendingDocuments",
20
+ component: PendingDocuments,
21
+ tags: ["autodocs"],
22
+ excludeStories: /.*Data$/,
23
+ args: __assign({}, ActionsData),
24
+ argTypes: {
25
+ icon: {
26
+ control: {
27
+ type: "boolean",
28
+ },
29
+ mapping: {
30
+ true: React.createElement("span", { className: "allaw-icon-inbox" }),
31
+ false: null,
32
+ },
33
+ },
34
+ pendingCount: {
35
+ control: {
36
+ type: "number",
37
+ },
38
+ },
39
+ onClick: {
40
+ action: "clicked",
41
+ },
42
+ },
43
+ parameters: {
44
+ backgrounds: {
45
+ default: "light",
46
+ values: [
47
+ { name: "light", value: "#ffffff" },
48
+ { name: "grey", value: "#728ea7" },
49
+ { name: "figma", value: "#404040" },
50
+ { name: "dark", value: "#171e25" },
51
+ ],
52
+ },
53
+ },
54
+ };
55
+ var Template = function (args) { return React.createElement(PendingDocuments, __assign({}, args)); };
56
+ export var Default = Template.bind({});
57
+ Default.args = {
58
+ icon: React.createElement("span", { className: "allaw-icon-inbox" }),
59
+ pendingCount: 5,
60
+ onClick: function () { return console.log("Button clicked!"); },
61
+ };
62
+ export var NoPending = Template.bind({});
63
+ NoPending.args = {
64
+ icon: React.createElement("span", { className: "allaw-icon-inbox" }),
65
+ pendingCount: 0,
66
+ onClick: function () { return console.log("Button clicked!"); },
67
+ };
@@ -12,6 +12,7 @@
12
12
  opacity 0.2s;
13
13
  border: 0px;
14
14
  cursor: pointer;
15
+ text-wrap: nowrap;
15
16
  }
16
17
 
17
18
  .primary-button-enabled {
@@ -0,0 +1,17 @@
1
+ import React, { ButtonHTMLAttributes } from "react";
2
+ import "./PrimaryButton.css";
3
+ import "../../../styles/global.css";
4
+ export interface PrimaryButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
5
+ startIcon?: React.ReactNode;
6
+ endIcon?: React.ReactNode;
7
+ startIconName?: string;
8
+ endIconName?: string;
9
+ label: string;
10
+ disabled?: boolean;
11
+ onClick?: () => Promise<void> | void;
12
+ fullWidth?: boolean;
13
+ type?: "button" | "submit" | "reset";
14
+ isLoading?: boolean;
15
+ }
16
+ declare const PrimaryButton: React.ForwardRefExoticComponent<PrimaryButtonProps & React.RefAttributes<HTMLButtonElement>>;
17
+ export default PrimaryButton;
@@ -0,0 +1,117 @@
1
+ "use client";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
14
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
15
+ return new (P || (P = Promise))(function (resolve, reject) {
16
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
17
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
18
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
19
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
20
+ });
21
+ };
22
+ var __generator = (this && this.__generator) || function (thisArg, body) {
23
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
24
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
25
+ function verb(n) { return function (v) { return step([n, v]); }; }
26
+ function step(op) {
27
+ if (f) throw new TypeError("Generator is already executing.");
28
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
29
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
30
+ if (y = 0, t) op = [op[0] & 2, t.value];
31
+ switch (op[0]) {
32
+ case 0: case 1: t = op; break;
33
+ case 4: _.label++; return { value: op[1], done: false };
34
+ case 5: _.label++; y = op[1]; op = [0]; continue;
35
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
36
+ default:
37
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
38
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
39
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
40
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
41
+ if (t[2]) _.ops.pop();
42
+ _.trys.pop(); continue;
43
+ }
44
+ op = body.call(thisArg, _);
45
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
46
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
47
+ }
48
+ };
49
+ var __rest = (this && this.__rest) || function (s, e) {
50
+ var t = {};
51
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
52
+ t[p] = s[p];
53
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
54
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
55
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
56
+ t[p[i]] = s[p[i]];
57
+ }
58
+ return t;
59
+ };
60
+ import React, { forwardRef, useImperativeHandle, useState, useEffect, } from "react";
61
+ import "./PrimaryButton.css";
62
+ import "../../../styles/global.css";
63
+ var PrimaryButton = forwardRef(function (_a, ref) {
64
+ var startIcon = _a.startIcon, endIcon = _a.endIcon, startIconName = _a.startIconName, endIconName = _a.endIconName, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onClick = _a.onClick, _c = _a.fullWidth, fullWidth = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? "button" : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, props = __rest(_a, ["startIcon", "endIcon", "startIconName", "endIconName", "label", "disabled", "onClick", "fullWidth", "type", "isLoading"]);
65
+ var buttonRef = React.useRef(null);
66
+ var _f = useState(false), internalIsLoading = _f[0], setInternalIsLoading = _f[1];
67
+ var _g = useState(""), loadingDots = _g[0], setLoadingDots = _g[1];
68
+ useImperativeHandle(ref, function () { return buttonRef.current; });
69
+ var isButtonLoading = isLoading || internalIsLoading;
70
+ useEffect(function () {
71
+ var interval = null;
72
+ if (isButtonLoading) {
73
+ interval = setInterval(function () {
74
+ setLoadingDots(function (prev) {
75
+ if (prev.length >= 3)
76
+ return "";
77
+ return prev + ".";
78
+ });
79
+ }, 500);
80
+ }
81
+ return function () {
82
+ if (interval) {
83
+ clearInterval(interval);
84
+ }
85
+ };
86
+ }, [isButtonLoading]);
87
+ var handleClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
88
+ return __generator(this, function (_a) {
89
+ switch (_a.label) {
90
+ case 0:
91
+ if (isButtonLoading) {
92
+ event.preventDefault();
93
+ return [2 /*return*/];
94
+ }
95
+ if (!onClick) return [3 /*break*/, 4];
96
+ setInternalIsLoading(true);
97
+ _a.label = 1;
98
+ case 1:
99
+ _a.trys.push([1, , 3, 4]);
100
+ return [4 /*yield*/, onClick()];
101
+ case 2:
102
+ _a.sent();
103
+ return [3 /*break*/, 4];
104
+ case 3:
105
+ setInternalIsLoading(false);
106
+ return [7 /*endfinally*/];
107
+ case 4: return [2 /*return*/];
108
+ }
109
+ });
110
+ }); };
111
+ return (React.createElement("button", __assign({ ref: buttonRef, className: "primary-button ".concat(disabled ? "primary-button-disabled" : "primary-button-enabled", " ").concat(fullWidth ? "primary-button-full-width" : "", " ").concat(isButtonLoading ? "primary-button-loading" : ""), disabled: disabled, onClick: handleClick, type: type }, props),
112
+ startIcon && (React.createElement("span", { className: "primary-button-icon ".concat(startIconName) })),
113
+ React.createElement("span", { className: "primary-button-label" }, label),
114
+ isButtonLoading ? (React.createElement("span", { className: "primary-button-loading-dots" }, loadingDots)) : (endIcon && React.createElement("span", { className: "primary-button-icon ".concat(endIconName) }))));
115
+ });
116
+ PrimaryButton.displayName = "PrimaryButton";
117
+ export default PrimaryButton;
@@ -0,0 +1,86 @@
1
+ export const ActionsData: {};
2
+ declare namespace _default {
3
+ export let title: string;
4
+ export { PrimaryButton as component };
5
+ export let tags: string[];
6
+ export let excludeStories: RegExp;
7
+ export let args: {};
8
+ export namespace argTypes {
9
+ export namespace startIcon {
10
+ namespace control {
11
+ let type: string;
12
+ }
13
+ namespace mapping {
14
+ let _true: string;
15
+ export { _true as true };
16
+ let _false: null;
17
+ export { _false as false };
18
+ }
19
+ }
20
+ export namespace endIcon {
21
+ export namespace control_1 {
22
+ let type_1: string;
23
+ export { type_1 as type };
24
+ }
25
+ export { control_1 as control };
26
+ export namespace mapping_1 {
27
+ let _true_1: string;
28
+ export { _true_1 as true };
29
+ let _false_1: null;
30
+ export { _false_1 as false };
31
+ }
32
+ export { mapping_1 as mapping };
33
+ }
34
+ export namespace startIconName {
35
+ export namespace control_2 {
36
+ let type_2: string;
37
+ export { type_2 as type };
38
+ }
39
+ export { control_2 as control };
40
+ }
41
+ export namespace endIconName {
42
+ export namespace control_3 {
43
+ let type_3: string;
44
+ export { type_3 as type };
45
+ }
46
+ export { control_3 as control };
47
+ }
48
+ export namespace type_4 {
49
+ export namespace control_4 {
50
+ let type_5: string;
51
+ export { type_5 as type };
52
+ export let options: string[];
53
+ }
54
+ export { control_4 as control };
55
+ }
56
+ export { type_4 as type };
57
+ export namespace isLoading {
58
+ export namespace control_5 {
59
+ let type_6: string;
60
+ export { type_6 as type };
61
+ }
62
+ export { control_5 as control };
63
+ }
64
+ export namespace parameters {
65
+ namespace backgrounds {
66
+ let _default: string;
67
+ export { _default as default };
68
+ export let values: {
69
+ name: string;
70
+ value: string;
71
+ }[];
72
+ }
73
+ }
74
+ }
75
+ }
76
+ export default _default;
77
+ export const Default: any;
78
+ export const WithStartIcon: any;
79
+ export const WithEndIcon: any;
80
+ export const WithStartAndEndIcons: any;
81
+ export const Disabled: any;
82
+ export const Loading: any;
83
+ export const SubmitButton: any;
84
+ export const ResetButton: any;
85
+ export const AsyncButton: any;
86
+ import PrimaryButton from "./PrimaryButton";
@@ -0,0 +1,147 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
13
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
14
+ return new (P || (P = Promise))(function (resolve, reject) {
15
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
16
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
17
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
18
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
19
+ });
20
+ };
21
+ var __generator = (this && this.__generator) || function (thisArg, body) {
22
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
23
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
24
+ function verb(n) { return function (v) { return step([n, v]); }; }
25
+ function step(op) {
26
+ if (f) throw new TypeError("Generator is already executing.");
27
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
28
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
29
+ if (y = 0, t) op = [op[0] & 2, t.value];
30
+ switch (op[0]) {
31
+ case 0: case 1: t = op; break;
32
+ case 4: _.label++; return { value: op[1], done: false };
33
+ case 5: _.label++; y = op[1]; op = [0]; continue;
34
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
35
+ default:
36
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
37
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
38
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
39
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
40
+ if (t[2]) _.ops.pop();
41
+ _.trys.pop(); continue;
42
+ }
43
+ op = body.call(thisArg, _);
44
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
45
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
46
+ }
47
+ };
48
+ import React from "react";
49
+ import PrimaryButton from "./PrimaryButton";
50
+ import "../../../styles/global.css";
51
+ export var ActionsData = {};
52
+ export default {
53
+ title: "Components/Atoms/Buttons/PrimaryButton",
54
+ component: PrimaryButton,
55
+ tags: ["autodocs"],
56
+ excludeStories: /.*Data$/,
57
+ args: __assign({}, ActionsData),
58
+ argTypes: {
59
+ startIcon: {
60
+ control: {
61
+ type: "boolean",
62
+ },
63
+ mapping: {
64
+ true: "allaw-icon-arrow-right",
65
+ false: null,
66
+ },
67
+ },
68
+ endIcon: {
69
+ control: {
70
+ type: "boolean",
71
+ },
72
+ mapping: {
73
+ true: "allaw-icon-arrow-right",
74
+ false: null,
75
+ },
76
+ },
77
+ startIconName: {
78
+ control: {
79
+ type: "text",
80
+ },
81
+ },
82
+ endIconName: {
83
+ control: {
84
+ type: "text",
85
+ },
86
+ },
87
+ type: {
88
+ control: {
89
+ type: "select",
90
+ options: ["button", "submit", "reset"],
91
+ },
92
+ },
93
+ isLoading: {
94
+ control: {
95
+ type: "boolean",
96
+ },
97
+ },
98
+ parameters: {
99
+ backgrounds: {
100
+ default: "light",
101
+ values: [
102
+ { name: "light", value: "#ffffff" },
103
+ { name: "grey", value: "#728ea7" },
104
+ { name: "figma", value: "#404040" },
105
+ { name: "dark", value: "#171e25" },
106
+ ],
107
+ },
108
+ },
109
+ },
110
+ };
111
+ var Template = function (args) { return React.createElement(PrimaryButton, __assign({}, args)); };
112
+ export var Default = Template.bind({});
113
+ Default.args = {
114
+ label: "Bouton",
115
+ startIcon: false,
116
+ endIcon: false,
117
+ startIconName: "allaw-icon-arrow-right",
118
+ endIconName: "allaw-icon-arrow-right",
119
+ disabled: false,
120
+ type: "button",
121
+ isLoading: false,
122
+ };
123
+ export var WithStartIcon = Template.bind({});
124
+ WithStartIcon.args = __assign(__assign({}, Default.args), { startIcon: true });
125
+ export var WithEndIcon = Template.bind({});
126
+ WithEndIcon.args = __assign(__assign({}, Default.args), { endIcon: true });
127
+ export var WithStartAndEndIcons = Template.bind({});
128
+ WithStartAndEndIcons.args = __assign(__assign({}, Default.args), { startIcon: true, endIcon: true });
129
+ export var Disabled = Template.bind({});
130
+ Disabled.args = __assign(__assign({}, Default.args), { disabled: true });
131
+ export var Loading = Template.bind({});
132
+ Loading.args = __assign(__assign({}, Default.args), { isLoading: true });
133
+ export var SubmitButton = Template.bind({});
134
+ SubmitButton.args = __assign(__assign({}, Default.args), { type: "submit", label: "Submit" });
135
+ export var ResetButton = Template.bind({});
136
+ ResetButton.args = __assign(__assign({}, Default.args), { type: "reset", label: "Reset" });
137
+ export var AsyncButton = Template.bind({});
138
+ AsyncButton.args = __assign(__assign({}, Default.args), { label: "Async Action", onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
139
+ return __generator(this, function (_a) {
140
+ switch (_a.label) {
141
+ case 0: return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 2000); })];
142
+ case 1:
143
+ _a.sent();
144
+ return [2 /*return*/];
145
+ }
146
+ });
147
+ }); } });