@mrshmllw/smores-react 4.0.1 → 5.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 (520) hide show
  1. package/README.md +0 -2
  2. package/dist/.gitkeep +0 -0
  3. package/dist/Accordion/Accordion.js +90 -32
  4. package/dist/ActionDropdown/ActionDropdown.js +65 -25
  5. package/dist/ActionDropdown/List.js +8 -6
  6. package/dist/Banner/BannerContainer.js +40 -31
  7. package/dist/Banner/BannerItem.js +112 -54
  8. package/dist/Banner/hooks.js +7 -5
  9. package/dist/Box/Box.js +7 -5
  10. package/dist/BrandCard/BrandCard.js +61 -24
  11. package/dist/Button/Button.js +110 -40
  12. package/dist/Card/Card.js +86 -34
  13. package/dist/CheckBox/CheckBox.js +41 -20
  14. package/dist/CheckBoxGroup/CheckBoxGroup.js +22 -6
  15. package/dist/Chip/Chip.d.ts +1 -1
  16. package/dist/Chip/Chip.js +60 -26
  17. package/dist/CurrencyInput/CurrencyInput.js +89 -50
  18. package/dist/Datepicker/Datepicker.js +130 -83
  19. package/dist/Datepicker/DatesList.js +42 -26
  20. package/dist/Divider/Divider.js +17 -11
  21. package/dist/Dropdown/Dropdown.js +101 -54
  22. package/dist/Emoji/Emoji.js +27 -6
  23. package/dist/Icon/Icon.js +5522 -851
  24. package/dist/IconStrict/IconStrict.js +67 -38
  25. package/dist/IconWrapper/IconWrapper.js +28 -12
  26. package/dist/LabelledText/LabelledText.js +16 -8
  27. package/dist/Link/Link.js +87 -47
  28. package/dist/Loader/Loader.js +38 -12
  29. package/dist/Logo/Logo.js +154 -44
  30. package/dist/Modal/Modal.js +73 -27
  31. package/dist/Modal/useBodyScrollLock.js +23 -19
  32. package/dist/NumberInput/NumberInput.js +125 -78
  33. package/dist/Pagination/Pagination.js +144 -103
  34. package/dist/RadioGroup/RadioElement.js +33 -18
  35. package/dist/RadioGroup/RadioGroup.js +64 -33
  36. package/dist/RadioGroup/RadioItem.js +79 -47
  37. package/dist/RadioGroup/constants.js +3 -2
  38. package/dist/Row/Row.js +68 -27
  39. package/dist/SearchInput/SearchInput.js +102 -45
  40. package/dist/SearchInput/SearchOptions.js +18 -14
  41. package/dist/Snackbar/SnackbarContainer.js +49 -31
  42. package/dist/Snackbar/SnackbarItem.js +37 -17
  43. package/dist/Snackbar/hooks.js +7 -5
  44. package/dist/SupportMessage/SupportMessage.js +79 -52
  45. package/dist/Table/Table.js +73 -50
  46. package/dist/Table/components/RowActions.js +82 -43
  47. package/dist/Table/components/TableHeader.js +40 -7
  48. package/dist/Table/components/TableRow.js +111 -69
  49. package/dist/Table/components/commonComponents.js +31 -46
  50. package/dist/Table/helpers.js +14 -10
  51. package/dist/Tag/Tag.js +28 -9
  52. package/dist/Text/Text.js +53 -33
  53. package/dist/Text/fontMapping.js +19 -17
  54. package/dist/TextInput/TextInput.js +65 -16
  55. package/dist/Textarea/Textarea.js +50 -16
  56. package/dist/Toggle/Toggle.js +32 -16
  57. package/dist/Tooltip/Tooltip.js +202 -178
  58. package/dist/fields/Field/Field.js +7 -5
  59. package/dist/fields/Fieldset/Fieldset.js +21 -5
  60. package/dist/fields/commonFieldTypes.d.ts +1 -1
  61. package/dist/fields/components/CommonInput.js +17 -21
  62. package/dist/fields/components/InternalField.js +77 -29
  63. package/dist/fontStyle.js +5 -3
  64. package/dist/hooks/useClickOutside/index.js +30 -22
  65. package/dist/hooks/useEventListener/index.js +19 -12
  66. package/dist/hooks/useScript/index.js +16 -11
  67. package/dist/hooks/useTimeout/index.js +13 -11
  68. package/dist/index.d.ts +1 -1
  69. package/dist/index.js +49 -43
  70. package/dist/theme.js +87 -57
  71. package/dist/utils/date.js +8 -7
  72. package/dist/utils/debounce.js +13 -18
  73. package/dist/utils/flex.js +47 -30
  74. package/dist/utils/focusOutline.js +8 -4
  75. package/dist/utils/id.js +10 -8
  76. package/dist/utils/isReactElement.js +5 -3
  77. package/dist/utils/measure.js +11 -10
  78. package/dist/utils/responsiveProp.js +16 -17
  79. package/dist/utils/space.js +78 -62
  80. package/dist/utils/useControlledState.js +20 -12
  81. package/dist/utils/visuallyHidden.js +3 -6
  82. package/package.json +17 -16
  83. package/dist/Accordion/Accordion.js.map +0 -1
  84. package/dist/Accordion/Accordion.stories.d.ts +0 -9
  85. package/dist/Accordion/Accordion.stories.js +0 -11
  86. package/dist/Accordion/Accordion.stories.js.map +0 -1
  87. package/dist/Accordion/Collection.d.ts +0 -2
  88. package/dist/Accordion/Collection.js +0 -52
  89. package/dist/Accordion/Collection.js.map +0 -1
  90. package/dist/Accordion/__tests__/Accordion.d.ts +0 -1
  91. package/dist/Accordion/__tests__/Accordion.js +0 -9
  92. package/dist/Accordion/__tests__/Accordion.js.map +0 -1
  93. package/dist/Accordion/index.js +0 -2
  94. package/dist/Accordion/index.js.map +0 -1
  95. package/dist/ActionDropdown/ActionDropdown.js.map +0 -1
  96. package/dist/ActionDropdown/ActionDropdown.stories.d.ts +0 -7
  97. package/dist/ActionDropdown/ActionDropdown.stories.js +0 -13
  98. package/dist/ActionDropdown/ActionDropdown.stories.js.map +0 -1
  99. package/dist/ActionDropdown/Container.d.ts +0 -2
  100. package/dist/ActionDropdown/Container.js +0 -51
  101. package/dist/ActionDropdown/Container.js.map +0 -1
  102. package/dist/ActionDropdown/List.js.map +0 -1
  103. package/dist/ActionDropdown/__tests__/ActionDropdown.d.ts +0 -1
  104. package/dist/ActionDropdown/__tests__/ActionDropdown.js +0 -23
  105. package/dist/ActionDropdown/__tests__/ActionDropdown.js.map +0 -1
  106. package/dist/ActionDropdown/index.js +0 -2
  107. package/dist/ActionDropdown/index.js.map +0 -1
  108. package/dist/Banner/Banner.stories.d.ts +0 -9
  109. package/dist/Banner/Banner.stories.js +0 -86
  110. package/dist/Banner/Banner.stories.js.map +0 -1
  111. package/dist/Banner/BannerContainer.js.map +0 -1
  112. package/dist/Banner/BannerItem.js.map +0 -1
  113. package/dist/Banner/hooks.js.map +0 -1
  114. package/dist/Banner/index.js +0 -3
  115. package/dist/Banner/index.js.map +0 -1
  116. package/dist/Banner/types.js +0 -2
  117. package/dist/Banner/types.js.map +0 -1
  118. package/dist/Box/Box.js.map +0 -1
  119. package/dist/Box/Box.stories.d.ts +0 -7
  120. package/dist/Box/Box.stories.js +0 -38
  121. package/dist/Box/Box.stories.js.map +0 -1
  122. package/dist/Box/__tests__/Box.d.ts +0 -1
  123. package/dist/Box/__tests__/Box.js +0 -9
  124. package/dist/Box/__tests__/Box.js.map +0 -1
  125. package/dist/Box/index.js +0 -2
  126. package/dist/Box/index.js.map +0 -1
  127. package/dist/BrandCard/BrandCard.js.map +0 -1
  128. package/dist/BrandCard/BrandCard.stories.d.ts +0 -11
  129. package/dist/BrandCard/BrandCard.stories.js +0 -54
  130. package/dist/BrandCard/BrandCard.stories.js.map +0 -1
  131. package/dist/BrandCard/__tests__/BrandCard.d.ts +0 -1
  132. package/dist/BrandCard/__tests__/BrandCard.js +0 -9
  133. package/dist/BrandCard/__tests__/BrandCard.js.map +0 -1
  134. package/dist/BrandCard/index.js +0 -2
  135. package/dist/BrandCard/index.js.map +0 -1
  136. package/dist/Button/Button.js.map +0 -1
  137. package/dist/Button/Button.stories.d.ts +0 -16
  138. package/dist/Button/Button.stories.js +0 -28
  139. package/dist/Button/Button.stories.js.map +0 -1
  140. package/dist/Button/Collection.d.ts +0 -4
  141. package/dist/Button/Collection.js +0 -53
  142. package/dist/Button/Collection.js.map +0 -1
  143. package/dist/Button/InteractivePlayground.d.ts +0 -2
  144. package/dist/Button/InteractivePlayground.js +0 -17
  145. package/dist/Button/InteractivePlayground.js.map +0 -1
  146. package/dist/Button/__tests__/Button.d.ts +0 -1
  147. package/dist/Button/__tests__/Button.js +0 -9
  148. package/dist/Button/__tests__/Button.js.map +0 -1
  149. package/dist/Button/index.js +0 -2
  150. package/dist/Button/index.js.map +0 -1
  151. package/dist/Card/Card.js.map +0 -1
  152. package/dist/Card/Card.stories.d.ts +0 -17
  153. package/dist/Card/Card.stories.js +0 -92
  154. package/dist/Card/Card.stories.js.map +0 -1
  155. package/dist/Card/__tests__/Card.d.ts +0 -1
  156. package/dist/Card/__tests__/Card.js +0 -9
  157. package/dist/Card/__tests__/Card.js.map +0 -1
  158. package/dist/Card/index.js +0 -2
  159. package/dist/Card/index.js.map +0 -1
  160. package/dist/CheckBox/CheckBox.js.map +0 -1
  161. package/dist/CheckBox/CheckBox.stories.d.ts +0 -10
  162. package/dist/CheckBox/CheckBox.stories.js +0 -22
  163. package/dist/CheckBox/CheckBox.stories.js.map +0 -1
  164. package/dist/CheckBox/Container.d.ts +0 -2
  165. package/dist/CheckBox/Container.js +0 -7
  166. package/dist/CheckBox/Container.js.map +0 -1
  167. package/dist/CheckBox/__tests__/CheckBox.d.ts +0 -1
  168. package/dist/CheckBox/__tests__/CheckBox.js +0 -8
  169. package/dist/CheckBox/__tests__/CheckBox.js.map +0 -1
  170. package/dist/CheckBox/index.js +0 -2
  171. package/dist/CheckBox/index.js.map +0 -1
  172. package/dist/CheckBoxGroup/CheckBoxGroup.js.map +0 -1
  173. package/dist/CheckBoxGroup/CheckBoxGroup.stories.d.ts +0 -14
  174. package/dist/CheckBoxGroup/CheckBoxGroup.stories.js +0 -40
  175. package/dist/CheckBoxGroup/CheckBoxGroup.stories.js.map +0 -1
  176. package/dist/CheckBoxGroup/index.js +0 -2
  177. package/dist/CheckBoxGroup/index.js.map +0 -1
  178. package/dist/Chip/Chip.js.map +0 -1
  179. package/dist/Chip/Chip.stories.d.ts +0 -16
  180. package/dist/Chip/Chip.stories.js +0 -35
  181. package/dist/Chip/Chip.stories.js.map +0 -1
  182. package/dist/Chip/index.js +0 -2
  183. package/dist/Chip/index.js.map +0 -1
  184. package/dist/CurrencyInput/Collection.d.ts +0 -2
  185. package/dist/CurrencyInput/Collection.js +0 -65
  186. package/dist/CurrencyInput/Collection.js.map +0 -1
  187. package/dist/CurrencyInput/CurrencyInput.js.map +0 -1
  188. package/dist/CurrencyInput/CurrencyInput.stories.d.ts +0 -16
  189. package/dist/CurrencyInput/CurrencyInput.stories.js +0 -33
  190. package/dist/CurrencyInput/CurrencyInput.stories.js.map +0 -1
  191. package/dist/CurrencyInput/Example.d.ts +0 -2
  192. package/dist/CurrencyInput/Example.js +0 -8
  193. package/dist/CurrencyInput/Example.js.map +0 -1
  194. package/dist/CurrencyInput/__tests__/CurrencyInput.d.ts +0 -1
  195. package/dist/CurrencyInput/__tests__/CurrencyInput.js +0 -17
  196. package/dist/CurrencyInput/__tests__/CurrencyInput.js.map +0 -1
  197. package/dist/CurrencyInput/index.js +0 -2
  198. package/dist/CurrencyInput/index.js.map +0 -1
  199. package/dist/Datepicker/Datepicker.js.map +0 -1
  200. package/dist/Datepicker/Datepicker.stories.d.ts +0 -13
  201. package/dist/Datepicker/Datepicker.stories.js +0 -18
  202. package/dist/Datepicker/Datepicker.stories.js.map +0 -1
  203. package/dist/Datepicker/DatesList.js.map +0 -1
  204. package/dist/Datepicker/index.js +0 -2
  205. package/dist/Datepicker/index.js.map +0 -1
  206. package/dist/Datepicker/types.js +0 -2
  207. package/dist/Datepicker/types.js.map +0 -1
  208. package/dist/Divider/Divider.js.map +0 -1
  209. package/dist/Divider/Divier.stories.d.ts +0 -8
  210. package/dist/Divider/Divier.stories.js +0 -10
  211. package/dist/Divider/Divier.stories.js.map +0 -1
  212. package/dist/Divider/index.js +0 -2
  213. package/dist/Divider/index.js.map +0 -1
  214. package/dist/Dropdown/Collection.d.ts +0 -2
  215. package/dist/Dropdown/Collection.js +0 -101
  216. package/dist/Dropdown/Collection.js.map +0 -1
  217. package/dist/Dropdown/Container.d.ts +0 -2
  218. package/dist/Dropdown/Container.js +0 -98
  219. package/dist/Dropdown/Container.js.map +0 -1
  220. package/dist/Dropdown/Dropdown.js.map +0 -1
  221. package/dist/Dropdown/Dropdown.stories.d.ts +0 -15
  222. package/dist/Dropdown/Dropdown.stories.js +0 -54
  223. package/dist/Dropdown/Dropdown.stories.js.map +0 -1
  224. package/dist/Dropdown/index.js +0 -2
  225. package/dist/Dropdown/index.js.map +0 -1
  226. package/dist/Emoji/Emoji.js.map +0 -1
  227. package/dist/Emoji/Emoji.stories.d.ts +0 -8
  228. package/dist/Emoji/Emoji.stories.js +0 -18
  229. package/dist/Emoji/Emoji.stories.js.map +0 -1
  230. package/dist/Emoji/__tests__/Emoji.d.ts +0 -1
  231. package/dist/Emoji/__tests__/Emoji.js +0 -9
  232. package/dist/Emoji/__tests__/Emoji.js.map +0 -1
  233. package/dist/Emoji/index.js +0 -2
  234. package/dist/Emoji/index.js.map +0 -1
  235. package/dist/Icon/Container.d.ts +0 -2
  236. package/dist/Icon/Container.js +0 -638
  237. package/dist/Icon/Container.js.map +0 -1
  238. package/dist/Icon/Icon.js.map +0 -1
  239. package/dist/Icon/Icon.stories.d.ts +0 -9
  240. package/dist/Icon/Icon.stories.js +0 -31
  241. package/dist/Icon/Icon.stories.js.map +0 -1
  242. package/dist/Icon/__tests__/Icon.d.ts +0 -1
  243. package/dist/Icon/__tests__/Icon.js +0 -9
  244. package/dist/Icon/__tests__/Icon.js.map +0 -1
  245. package/dist/Icon/index.js +0 -2
  246. package/dist/Icon/index.js.map +0 -1
  247. package/dist/IconStrict/IconStrict.js.map +0 -1
  248. package/dist/IconStrict/IconStrict.stories.d.ts +0 -11
  249. package/dist/IconStrict/IconStrict.stories.js +0 -33
  250. package/dist/IconStrict/IconStrict.stories.js.map +0 -1
  251. package/dist/IconStrict/__tests__/IconStrict.d.ts +0 -1
  252. package/dist/IconStrict/__tests__/IconStrict.js +0 -9
  253. package/dist/IconStrict/__tests__/IconStrict.js.map +0 -1
  254. package/dist/IconStrict/index.js +0 -2
  255. package/dist/IconStrict/index.js.map +0 -1
  256. package/dist/IconWrapper/IconWrapper.js.map +0 -1
  257. package/dist/IconWrapper/IconWrapper.stories.d.ts +0 -13
  258. package/dist/IconWrapper/IconWrapper.stories.js +0 -45
  259. package/dist/IconWrapper/IconWrapper.stories.js.map +0 -1
  260. package/dist/IconWrapper/__tests__/IconWrapper.d.ts +0 -1
  261. package/dist/IconWrapper/__tests__/IconWrapper.js +0 -19
  262. package/dist/IconWrapper/__tests__/IconWrapper.js.map +0 -1
  263. package/dist/IconWrapper/index.js +0 -2
  264. package/dist/IconWrapper/index.js.map +0 -1
  265. package/dist/LabelledText/LabelledText.js.map +0 -1
  266. package/dist/LabelledText/LabelledText.stories.d.ts +0 -8
  267. package/dist/LabelledText/LabelledText.stories.js +0 -12
  268. package/dist/LabelledText/LabelledText.stories.js.map +0 -1
  269. package/dist/LabelledText/__tests__/LabelledText.d.ts +0 -1
  270. package/dist/LabelledText/__tests__/LabelledText.js +0 -9
  271. package/dist/LabelledText/__tests__/LabelledText.js.map +0 -1
  272. package/dist/LabelledText/index.js +0 -2
  273. package/dist/LabelledText/index.js.map +0 -1
  274. package/dist/Link/Link.js.map +0 -1
  275. package/dist/Link/Link.stories.d.ts +0 -16
  276. package/dist/Link/Link.stories.js +0 -38
  277. package/dist/Link/Link.stories.js.map +0 -1
  278. package/dist/Link/index.js +0 -2
  279. package/dist/Link/index.js.map +0 -1
  280. package/dist/Loader/Loader.js.map +0 -1
  281. package/dist/Loader/Loader.stories.d.ts +0 -9
  282. package/dist/Loader/Loader.stories.js +0 -17
  283. package/dist/Loader/Loader.stories.js.map +0 -1
  284. package/dist/Loader/__tests__/Loader.d.ts +0 -1
  285. package/dist/Loader/__tests__/Loader.js +0 -9
  286. package/dist/Loader/__tests__/Loader.js.map +0 -1
  287. package/dist/Loader/index.js +0 -2
  288. package/dist/Loader/index.js.map +0 -1
  289. package/dist/Logo/Collection.d.ts +0 -4
  290. package/dist/Logo/Collection.js +0 -33
  291. package/dist/Logo/Collection.js.map +0 -1
  292. package/dist/Logo/Logo.js.map +0 -1
  293. package/dist/Logo/Logo.stories.d.ts +0 -13
  294. package/dist/Logo/Logo.stories.js +0 -28
  295. package/dist/Logo/Logo.stories.js.map +0 -1
  296. package/dist/Logo/index.js +0 -2
  297. package/dist/Logo/index.js.map +0 -1
  298. package/dist/Modal/Modal.js.map +0 -1
  299. package/dist/Modal/Modal.stories.d.ts +0 -13
  300. package/dist/Modal/Modal.stories.js +0 -28
  301. package/dist/Modal/Modal.stories.js.map +0 -1
  302. package/dist/Modal/__tests__/Modal.d.ts +0 -1
  303. package/dist/Modal/__tests__/Modal.js +0 -9
  304. package/dist/Modal/__tests__/Modal.js.map +0 -1
  305. package/dist/Modal/index.js +0 -2
  306. package/dist/Modal/index.js.map +0 -1
  307. package/dist/Modal/useBodyScrollLock.js.map +0 -1
  308. package/dist/NumberInput/Collection.d.ts +0 -2
  309. package/dist/NumberInput/Collection.js +0 -97
  310. package/dist/NumberInput/Collection.js.map +0 -1
  311. package/dist/NumberInput/Container.d.ts +0 -2
  312. package/dist/NumberInput/Container.js +0 -10
  313. package/dist/NumberInput/Container.js.map +0 -1
  314. package/dist/NumberInput/NumberInput.js.map +0 -1
  315. package/dist/NumberInput/NumberInput.stories.d.ts +0 -16
  316. package/dist/NumberInput/NumberInput.stories.js +0 -33
  317. package/dist/NumberInput/NumberInput.stories.js.map +0 -1
  318. package/dist/NumberInput/__tests__/NumberInput.d.ts +0 -1
  319. package/dist/NumberInput/__tests__/NumberInput.js +0 -33
  320. package/dist/NumberInput/__tests__/NumberInput.js.map +0 -1
  321. package/dist/NumberInput/index.js +0 -2
  322. package/dist/NumberInput/index.js.map +0 -1
  323. package/dist/Pagination/Pagination.js.map +0 -1
  324. package/dist/Pagination/Pagination.stories.d.ts +0 -14
  325. package/dist/Pagination/Pagination.stories.js +0 -26
  326. package/dist/Pagination/Pagination.stories.js.map +0 -1
  327. package/dist/Pagination/__tests__/Pagination.d.ts +0 -1
  328. package/dist/Pagination/__tests__/Pagination.js +0 -9
  329. package/dist/Pagination/__tests__/Pagination.js.map +0 -1
  330. package/dist/Pagination/index.js +0 -2
  331. package/dist/Pagination/index.js.map +0 -1
  332. package/dist/RadioGroup/RadioElement.js.map +0 -1
  333. package/dist/RadioGroup/RadioGroup.js.map +0 -1
  334. package/dist/RadioGroup/RadioGroup.stories.d.ts +0 -33
  335. package/dist/RadioGroup/RadioGroup.stories.js +0 -76
  336. package/dist/RadioGroup/RadioGroup.stories.js.map +0 -1
  337. package/dist/RadioGroup/RadioItem.js.map +0 -1
  338. package/dist/RadioGroup/constants.js.map +0 -1
  339. package/dist/RadioGroup/index.js +0 -2
  340. package/dist/RadioGroup/index.js.map +0 -1
  341. package/dist/RadioGroup/types.js +0 -2
  342. package/dist/RadioGroup/types.js.map +0 -1
  343. package/dist/Row/Row.js.map +0 -1
  344. package/dist/Row/Row.stories.d.ts +0 -20
  345. package/dist/Row/Row.stories.js +0 -63
  346. package/dist/Row/Row.stories.js.map +0 -1
  347. package/dist/Row/__tests__/Row.d.ts +0 -1
  348. package/dist/Row/__tests__/Row.js +0 -10
  349. package/dist/Row/__tests__/Row.js.map +0 -1
  350. package/dist/Row/index.js +0 -2
  351. package/dist/Row/index.js.map +0 -1
  352. package/dist/SearchInput/Container.d.ts +0 -3
  353. package/dist/SearchInput/Container.js +0 -36
  354. package/dist/SearchInput/Container.js.map +0 -1
  355. package/dist/SearchInput/SearchInput.js.map +0 -1
  356. package/dist/SearchInput/SearchInput.stories.d.ts +0 -9
  357. package/dist/SearchInput/SearchInput.stories.js +0 -16
  358. package/dist/SearchInput/SearchInput.stories.js.map +0 -1
  359. package/dist/SearchInput/SearchOptions.js.map +0 -1
  360. package/dist/SearchInput/index.js +0 -2
  361. package/dist/SearchInput/index.js.map +0 -1
  362. package/dist/Snackbar/Snackbar.stories.d.ts +0 -9
  363. package/dist/Snackbar/Snackbar.stories.js +0 -26
  364. package/dist/Snackbar/Snackbar.stories.js.map +0 -1
  365. package/dist/Snackbar/SnackbarContainer.js.map +0 -1
  366. package/dist/Snackbar/SnackbarItem.js.map +0 -1
  367. package/dist/Snackbar/hooks.js.map +0 -1
  368. package/dist/Snackbar/index.js +0 -3
  369. package/dist/Snackbar/index.js.map +0 -1
  370. package/dist/Snackbar/types.js +0 -2
  371. package/dist/Snackbar/types.js.map +0 -1
  372. package/dist/SupportMessage/Collection.d.ts +0 -2
  373. package/dist/SupportMessage/Collection.js +0 -63
  374. package/dist/SupportMessage/Collection.js.map +0 -1
  375. package/dist/SupportMessage/SupportMessage.js.map +0 -1
  376. package/dist/SupportMessage/SupportMessage.stories.d.ts +0 -11
  377. package/dist/SupportMessage/SupportMessage.stories.js +0 -33
  378. package/dist/SupportMessage/SupportMessage.stories.js.map +0 -1
  379. package/dist/SupportMessage/SupportMessage.test.d.ts +0 -1
  380. package/dist/SupportMessage/SupportMessage.test.js +0 -29
  381. package/dist/SupportMessage/SupportMessage.test.js.map +0 -1
  382. package/dist/SupportMessage/index.js +0 -2
  383. package/dist/SupportMessage/index.js.map +0 -1
  384. package/dist/Table/Table.js.map +0 -1
  385. package/dist/Table/Table.stories.d.ts +0 -21
  386. package/dist/Table/Table.stories.js +0 -173
  387. package/dist/Table/Table.stories.js.map +0 -1
  388. package/dist/Table/components/RowActions.js.map +0 -1
  389. package/dist/Table/components/TableHeader.js.map +0 -1
  390. package/dist/Table/components/TableRow.js.map +0 -1
  391. package/dist/Table/components/commonComponents.js.map +0 -1
  392. package/dist/Table/helpers.js.map +0 -1
  393. package/dist/Table/index.js +0 -3
  394. package/dist/Table/index.js.map +0 -1
  395. package/dist/Table/storyUtils.d.ts +0 -68
  396. package/dist/Table/storyUtils.js +0 -204
  397. package/dist/Table/storyUtils.js.map +0 -1
  398. package/dist/Table/types.js +0 -2
  399. package/dist/Table/types.js.map +0 -1
  400. package/dist/Tag/Collection.d.ts +0 -2
  401. package/dist/Tag/Collection.js +0 -77
  402. package/dist/Tag/Collection.js.map +0 -1
  403. package/dist/Tag/Tag.js.map +0 -1
  404. package/dist/Tag/Tag.stories.d.ts +0 -9
  405. package/dist/Tag/Tag.stories.js +0 -22
  406. package/dist/Tag/Tag.stories.js.map +0 -1
  407. package/dist/Tag/__tests__/Tag.d.ts +0 -1
  408. package/dist/Tag/__tests__/Tag.js +0 -9
  409. package/dist/Tag/__tests__/Tag.js.map +0 -1
  410. package/dist/Tag/index.js +0 -2
  411. package/dist/Tag/index.js.map +0 -1
  412. package/dist/Text/Text.js.map +0 -1
  413. package/dist/Text/Text.stories.d.ts +0 -12
  414. package/dist/Text/Text.stories.js +0 -60
  415. package/dist/Text/Text.stories.js.map +0 -1
  416. package/dist/Text/__tests__/Text.d.ts +0 -1
  417. package/dist/Text/__tests__/Text.js +0 -9
  418. package/dist/Text/__tests__/Text.js.map +0 -1
  419. package/dist/Text/fontMapping.js.map +0 -1
  420. package/dist/Text/index.js +0 -2
  421. package/dist/Text/index.js.map +0 -1
  422. package/dist/TextInput/Collection.d.ts +0 -2
  423. package/dist/TextInput/Collection.js +0 -80
  424. package/dist/TextInput/Collection.js.map +0 -1
  425. package/dist/TextInput/Container.d.ts +0 -2
  426. package/dist/TextInput/Container.js +0 -8
  427. package/dist/TextInput/Container.js.map +0 -1
  428. package/dist/TextInput/TextInput.js.map +0 -1
  429. package/dist/TextInput/TextInput.stories.d.ts +0 -17
  430. package/dist/TextInput/TextInput.stories.js +0 -44
  431. package/dist/TextInput/TextInput.stories.js.map +0 -1
  432. package/dist/TextInput/__tests__/TextInput.d.ts +0 -1
  433. package/dist/TextInput/__tests__/TextInput.js +0 -9
  434. package/dist/TextInput/__tests__/TextInput.js.map +0 -1
  435. package/dist/TextInput/index.js +0 -2
  436. package/dist/TextInput/index.js.map +0 -1
  437. package/dist/Textarea/Container.d.ts +0 -2
  438. package/dist/Textarea/Container.js +0 -8
  439. package/dist/Textarea/Container.js.map +0 -1
  440. package/dist/Textarea/Textarea.js.map +0 -1
  441. package/dist/Textarea/Textarea.stories.d.ts +0 -13
  442. package/dist/Textarea/Textarea.stories.js +0 -66
  443. package/dist/Textarea/Textarea.stories.js.map +0 -1
  444. package/dist/Textarea/index.js +0 -2
  445. package/dist/Textarea/index.js.map +0 -1
  446. package/dist/Toggle/Container.d.ts +0 -2
  447. package/dist/Toggle/Container.js +0 -7
  448. package/dist/Toggle/Container.js.map +0 -1
  449. package/dist/Toggle/Toggle.js.map +0 -1
  450. package/dist/Toggle/Toggle.stories.d.ts +0 -11
  451. package/dist/Toggle/Toggle.stories.js +0 -10
  452. package/dist/Toggle/Toggle.stories.js.map +0 -1
  453. package/dist/Toggle/__tests__/Toggle.d.ts +0 -1
  454. package/dist/Toggle/__tests__/Toggle.js +0 -9
  455. package/dist/Toggle/__tests__/Toggle.js.map +0 -1
  456. package/dist/Toggle/index.js +0 -2
  457. package/dist/Toggle/index.js.map +0 -1
  458. package/dist/Tooltip/Tooltip.js.map +0 -1
  459. package/dist/Tooltip/Tooltip.stories.d.ts +0 -12
  460. package/dist/Tooltip/Tooltip.stories.js +0 -87
  461. package/dist/Tooltip/Tooltip.stories.js.map +0 -1
  462. package/dist/Tooltip/index.js +0 -2
  463. package/dist/Tooltip/index.js.map +0 -1
  464. package/dist/colors.stories.d.ts +0 -7
  465. package/dist/colors.stories.js +0 -100
  466. package/dist/colors.stories.js.map +0 -1
  467. package/dist/fields/Field/Field.js.map +0 -1
  468. package/dist/fields/Field/index.js +0 -2
  469. package/dist/fields/Field/index.js.map +0 -1
  470. package/dist/fields/Fieldset/Fieldset.js.map +0 -1
  471. package/dist/fields/Fieldset/Fieldset.stories.d.ts +0 -11
  472. package/dist/fields/Fieldset/Fieldset.stories.js +0 -34
  473. package/dist/fields/Fieldset/Fieldset.stories.js.map +0 -1
  474. package/dist/fields/Fieldset/index.js +0 -2
  475. package/dist/fields/Fieldset/index.js.map +0 -1
  476. package/dist/fields/commonFieldTypes.js +0 -2
  477. package/dist/fields/commonFieldTypes.js.map +0 -1
  478. package/dist/fields/components/CommonInput.js.map +0 -1
  479. package/dist/fields/components/InternalField.js.map +0 -1
  480. package/dist/fields/components/Placeholder.js +0 -25
  481. package/dist/fields/components/Placeholder.js.map +0 -1
  482. package/dist/fontStyle.js.map +0 -1
  483. package/dist/hooks/index.js +0 -5
  484. package/dist/hooks/index.js.map +0 -1
  485. package/dist/hooks/useClickOutside/index.js.map +0 -1
  486. package/dist/hooks/useClickOutside/useClickOutside.test.js +0 -46
  487. package/dist/hooks/useClickOutside/useClickOutside.test.js.map +0 -1
  488. package/dist/hooks/useEventListener/index.js.map +0 -1
  489. package/dist/hooks/useEventListener/useEventLitener.test.js +0 -36
  490. package/dist/hooks/useEventListener/useEventLitener.test.js.map +0 -1
  491. package/dist/hooks/useScript/index.js.map +0 -1
  492. package/dist/hooks/useScript/useScript.test.js +0 -17
  493. package/dist/hooks/useScript/useScript.test.js.map +0 -1
  494. package/dist/hooks/useTimeout/index.js.map +0 -1
  495. package/dist/index.js.map +0 -1
  496. package/dist/setupTests.d.ts +0 -1
  497. package/dist/setupTests.js +0 -2
  498. package/dist/setupTests.js.map +0 -1
  499. package/dist/theme.js.map +0 -1
  500. package/dist/tokenTest.spec.js +0 -8
  501. package/dist/tokenTest.spec.js.map +0 -1
  502. package/dist/types.js +0 -2
  503. package/dist/types.js.map +0 -1
  504. package/dist/utils/date.js.map +0 -1
  505. package/dist/utils/debounce.js.map +0 -1
  506. package/dist/utils/deprecated.js +0 -30
  507. package/dist/utils/deprecated.js.map +0 -1
  508. package/dist/utils/flex.js.map +0 -1
  509. package/dist/utils/focusOutline.js.map +0 -1
  510. package/dist/utils/id.js.map +0 -1
  511. package/dist/utils/id.test.js +0 -21
  512. package/dist/utils/id.test.js.map +0 -1
  513. package/dist/utils/isReactElement.js.map +0 -1
  514. package/dist/utils/measure.js.map +0 -1
  515. package/dist/utils/noop.js +0 -3
  516. package/dist/utils/noop.js.map +0 -1
  517. package/dist/utils/responsiveProp.js.map +0 -1
  518. package/dist/utils/space.js.map +0 -1
  519. package/dist/utils/useControlledState.js.map +0 -1
  520. package/dist/utils/visuallyHidden.js.map +0 -1
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { ActionDropdown } from './ActionDropdown';
3
- import { Container as ActionDropdownContainer } from './Container';
4
- export default {
5
- title: 'Action Dropdown',
6
- component: ActionDropdown,
7
- };
8
- const Template = () => React.createElement(ActionDropdownContainer, null);
9
- export const Default = Template.bind({});
10
- Default.args = {
11
- textColor: 'liquorice',
12
- };
13
- //# sourceMappingURL=ActionDropdown.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionDropdown.stories.js","sourceRoot":"","sources":["../../src/ActionDropdown/ActionDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,IAAI,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAElE,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAc;CAC1B,CAAA;AAED,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,oBAAC,uBAAuB,OAAG,CAAA;AAElD,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,SAAS,EAAE,WAAW;CACvB,CAAA"}
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Container: () => JSX.Element;
@@ -1,51 +0,0 @@
1
- import React, { useState } from 'react';
2
- import { Box } from '../Box';
3
- import { ActionDropdown } from './ActionDropdown';
4
- import { Text } from '../Text';
5
- const actions = [
6
- {
7
- label: 'Default grey',
8
- value: 'DEFAULT',
9
- bgColor: 'coconut',
10
- textColor: 'liquorice',
11
- },
12
- {
13
- label: 'Brand',
14
- value: 'ACTION',
15
- bgColor: 'marshmallowPink',
16
- textColor: 'liquorice',
17
- },
18
- {
19
- label: 'Medium',
20
- value: 'MEDIUM',
21
- bgColor: 'lemon',
22
- textColor: 'liquorice',
23
- },
24
- {
25
- label: 'High alert',
26
- value: 'HIGH_ALERT',
27
- bgColor: 'tangerine',
28
- textColor: 'cream',
29
- },
30
- {
31
- label: 'Good zone',
32
- value: 'GOOD_ZONE',
33
- bgColor: 'apple',
34
- textColor: 'cream',
35
- },
36
- {
37
- label: 'DANGER zone',
38
- value: 'DANGER_ZONE',
39
- bgColor: 'strawberry',
40
- textColor: 'cream',
41
- },
42
- ];
43
- export const Container = () => {
44
- const [selectedAction, setSelectedAction] = useState(actions[0]);
45
- return (React.createElement(Box, { flex: true, alignItems: "center" },
46
- React.createElement(ActionDropdown, { id: "statusActions", list: actions, value: selectedAction, onSelect: setSelectedAction }),
47
- React.createElement(Box, { mr: "16px" }),
48
- React.createElement(Box, null,
49
- React.createElement(Text, { tag: "p", typo: "base-small" }, selectedAction.label))));
50
- };
51
- //# sourceMappingURL=Container.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/ActionDropdown/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAA;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,OAAO,GAAgC;IAC3C;QACE,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,iBAAiB;QAC1B,SAAS,EAAE,WAAW;KACvB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,WAAW;QACpB,SAAS,EAAE,OAAO;KACnB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,OAAO;KACnB;IACD;QACE,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,OAAO;KACnB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ;QAC3B,oBAAC,cAAc,IACb,EAAE,EAAC,eAAe,EAClB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,iBAAiB,GAC3B;QAEF,oBAAC,GAAG,IAAC,EAAE,EAAC,MAAM,GAAG;QAEjB,oBAAC,GAAG;YACF,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,YAAY,IAC5B,cAAc,CAAC,KAAK,CAChB,CACH,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/ActionDropdown/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAcjC,MAAM,CAAC,MAAM,IAAI,GAAc,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAC5D,oBAAC,SAAS,QACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAC7D,MAAM,CAAC,KAAK,CACJ,CACZ,CAAC,CACQ,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;;;CAI1B,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;WASf,KAAK,CAAC,MAAM,CAAC,SAAS;;;wBAGT,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;;;;;CAMxD,CAAA"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- import { render } from '@testing-library/react';
3
- import 'jest-styled-components';
4
- import { ActionDropdown } from '../ActionDropdown';
5
- const actions = [
6
- {
7
- label: 'High alert',
8
- value: 'HIGH_ALERT',
9
- bgColor: 'tangerine',
10
- textColor: 'cream',
11
- },
12
- {
13
- label: 'Good zone',
14
- value: 'GOOD_ZONE',
15
- bgColor: 'success',
16
- textColor: 'cream',
17
- },
18
- ];
19
- test('renders', () => {
20
- const { container } = render(React.createElement(ActionDropdown, { value: actions[0], list: actions, onSelect: (e) => console.log(e) }));
21
- expect(container.firstChild).toMatchSnapshot();
22
- });
23
- //# sourceMappingURL=ActionDropdown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionDropdown.js","sourceRoot":"","sources":["../../../src/ActionDropdown/__tests__/ActionDropdown.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,OAAO,GAAG;IACd;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,WAAW;QACpB,SAAS,EAAE,OAAO;KACnB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,OAAO;KACnB;CACF,CAAA;AAED,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,cAAc,IACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EACjB,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,GAC/B,CACH,CAAA;IACD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}
@@ -1,2 +0,0 @@
1
- export { ActionDropdown } from './ActionDropdown';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ActionDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- component: React.FC<{
5
- children?: React.ReactNode;
6
- }>;
7
- };
8
- export default _default;
9
- export declare const Default: any;
@@ -1,86 +0,0 @@
1
- import React from 'react';
2
- import { BannerContainer } from './BannerContainer';
3
- import { useBanner } from './hooks';
4
- import { Button } from '../Button';
5
- import { Box } from '../Box';
6
- import { Text } from '../Text';
7
- import styled from 'styled-components';
8
- export default {
9
- title: 'BannerContainer',
10
- component: BannerContainer,
11
- };
12
- const ChildComponent = () => {
13
- const { addBanner } = useBanner();
14
- return (React.createElement(Box, null,
15
- React.createElement(Row, { label: "Generic" },
16
- React.createElement(Button, { primary: true, onClick: () => {
17
- addBanner({
18
- type: 'general',
19
- topOffset: '64px',
20
- leadingIcon: 'wellbeing',
21
- message: 'Free insurance for 1 month for all our customers',
22
- exploreAction: () => undefined,
23
- showExploreText: true,
24
- canManuallyClose: true,
25
- });
26
- } }, "General banner")),
27
- React.createElement(Row, { label: "Upsell" },
28
- React.createElement(Button, { primary: true, onClick: () => {
29
- addBanner({
30
- type: 'upsell',
31
- topOffset: '64px',
32
- leadingIcon: 'circle-tick',
33
- message: 'Get up to £19.34 off your plan today',
34
- exploreAction: () => undefined,
35
- showExploreIcon: true,
36
- });
37
- } }, "Upsell banner")),
38
- React.createElement(Row, { label: "Success" },
39
- React.createElement(Button, { primary: true, onClick: () => {
40
- addBanner({
41
- type: 'success',
42
- topOffset: '64px',
43
- leadingIcon: 'circle-tick',
44
- message: 'Marshmallow Miles discount applied',
45
- });
46
- } }, "Success banner")),
47
- React.createElement(Row, { label: "Critical" },
48
- React.createElement(Button, { primary: true, onClick: () => {
49
- addBanner({
50
- type: 'critical',
51
- topOffset: '64px',
52
- leadingIcon: 'card',
53
- message: 'Your card needs to be updated',
54
- canManuallyClose: true,
55
- });
56
- } }, "Critical banner")),
57
- React.createElement(Row, { label: "Success (do not auto close)" },
58
- React.createElement(Button, { primary: true, onClick: () => {
59
- addBanner({
60
- type: 'success',
61
- topOffset: '64px',
62
- leadingIcon: 'circle-tick',
63
- message: 'Marshmallow Miles discount applied (no timeout)',
64
- noTimeout: true,
65
- });
66
- } }, "Success banner (no timeout)"))));
67
- };
68
- const Template = () => {
69
- return (React.createElement(React.Fragment, null,
70
- React.createElement(BannerContainer, null,
71
- React.createElement(ChildComponent, null))));
72
- };
73
- export const Default = Template.bind({});
74
- const Row = ({ label, children, }) => {
75
- return (React.createElement(RowWrapper, { mt: "16px" },
76
- React.createElement(Box, { width: "140px" },
77
- React.createElement(Text, { tag: "span", typo: "label-large" }, label)),
78
- children));
79
- };
80
- const RowWrapper = styled(Box) `
81
- display: flex;
82
- flex-direction: row;
83
- align-items: center;
84
- gap: 16px;
85
- `;
86
- //# sourceMappingURL=Banner.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Banner.stories.js","sourceRoot":"","sources":["../../src/Banner/Banner.stories.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"BannerContainer.js","sourceRoot":"","sources":["../../src/Banner/BannerContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,QAAQ,EACR,WAAW,EAEX,UAAU,GACX,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAoB;IAC5D,SAAS,EAAE,GAAG,EAAE;QACd,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAA;IACvE,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;AAE/D,MAAM,CAAC,MAAM,eAAe,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5E,IAAI,QAAQ,GAAG,CAAC,CAAA;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAA;IAElD,0BAA0B;IAC1B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,KAAK,GAAG,aAAa,QAAQ,EAAE,CAAA;QACrC,QAAQ,EAAE,CAAA;QACV,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,SAAS,GAAG,CAAC,MAAoB,EAAE,EAAE;QACzC,MAAM,SAAS,GAAG;YAChB,GAAG,MAAM;YACT,EAAE,EAAE,WAAW,EAAE;SAClB,CAAA;QACD,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE;QAClC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;IACxD,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE;YACL,SAAS;SACV;QAEA,QAAQ;QACT,oBAAC,aAAa,QACX,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACtB,oBAAC,UAAU,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE,KAAM,MAAM,EAAE,YAAY,EAAE,YAAY,GAAI,CACvE,CAAC,CACY,CACO,CAC1B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO/B,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"BannerItem.js","sourceRoot":"","sources":["../../src/Banner/BannerItem.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/Banner/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEpD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAExC,OAAO,EAAE,SAAS,EAAE,CAAA;AACtB,CAAC,CAAA"}
@@ -1,3 +0,0 @@
1
- export * from './BannerContainer';
2
- export * from './hooks';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Banner/types.ts"],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAgB,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,OAAO,EAA6B,MAAM,gBAAgB,CAAA;AAI3E,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAU;IACnC,MAAM;IACN,OAAO;IACP,IAAI;IACJ,OAAO;CACV,CAAA"}
@@ -1,7 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("styled-components").StyledComponent<"div", any, import("..").MarginProps & import("..").PaddingProps & import("../utils/flex").FlexProps & import("../utils/measure").MeasureProps, never>;
4
- };
5
- export default _default;
6
- export declare const Default: any;
7
- export declare const ResponsiveProps: any;
@@ -1,38 +0,0 @@
1
- import React from 'react';
2
- import { Text } from '../Text';
3
- import { Icon } from '../Icon';
4
- import { Box } from './Box';
5
- import { theme } from '../theme';
6
- export default {
7
- title: 'Box',
8
- component: Box,
9
- };
10
- const Template = (props) => (React.createElement(Box, { ...props },
11
- React.createElement(Text, null, "Some lovely content.")));
12
- export const Default = Template.bind({});
13
- Default.args = {
14
- flex: true,
15
- direction: 'row',
16
- justifyContent: 'flex-start',
17
- alignItems: 'flex-starts',
18
- m: '16px',
19
- p: '16px',
20
- };
21
- Default.argTypes = {
22
- theme: { table: { disable: true } },
23
- as: { table: { disable: true } },
24
- forwardedAs: { table: { disable: true } },
25
- };
26
- const Card = () => (React.createElement(Box, { px: { small: '12px', medium: '24px' }, pt: { small: '8px', medium: '16px' }, pb: { small: '24px', medium: '32px' }, style: { backgroundColor: theme.colors.coconut, borderRadius: 8 } },
27
- React.createElement(Box, { flex: true, direction: { small: 'column', medium: 'row' }, gap: { small: { custom: 2 }, medium: '8px' }, alignItems: { medium: 'center' }, mb: "8px" },
28
- React.createElement(Icon, { render: "help-aboutus", size: 24 }),
29
- React.createElement(Text, { typo: "heading-small" }, "Card content.")),
30
- React.createElement(Text, { color: "sesame" }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s.")));
31
- const ResponsiveTemplate = () => {
32
- return (React.createElement(Box, { flex: true, direction: { small: 'column', medium: 'row' }, gap: { small: '12px', medium: '16px' } },
33
- React.createElement(Card, null),
34
- React.createElement(Card, null),
35
- React.createElement(Card, null)));
36
- };
37
- export const ResponsiveProps = ResponsiveTemplate.bind({});
38
- //# sourceMappingURL=Box.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../src/Box/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,eAAe;IACb,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,GAAG;CACf,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CACpC,oBAAC,GAAG,OAAK,KAAK;IACZ,oBAAC,IAAI,+BAA4B,CAC7B,CACP,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,KAAK;IAChB,cAAc,EAAE,YAAY;IAC5B,UAAU,EAAE,aAAa;IACzB,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACV,CAAA;AAED,OAAO,CAAC,QAAQ,GAAG;IACjB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACnC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAChC,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CAC1C,CAAA;AAED,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,CACjB,oBAAC,GAAG,IACF,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACrC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EACpC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACrC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE;IAEjE,oBAAC,GAAG,IACF,IAAI,QACJ,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAC7C,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAC5C,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAChC,EAAE,EAAC,KAAK;QAER,oBAAC,IAAI,IAAC,MAAM,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI;QACxC,oBAAC,IAAI,IAAC,IAAI,EAAC,eAAe,oBAAqB,CAC3C;IACN,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,8JAIb,CACH,CACP,CAAA;AAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,oBAAC,GAAG,IACF,IAAI,QACJ,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAC7C,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QAEtC,oBAAC,IAAI,OAAG;QACR,oBAAC,IAAI,OAAG;QACR,oBAAC,IAAI,OAAG,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { render } from '@testing-library/react';
3
- import 'jest-styled-components';
4
- import { Box } from '../Box';
5
- test('renders', () => {
6
- const { container } = render(React.createElement(Box, { pb: "16px", mt: "32px", flex: true, direction: "column" }));
7
- expect(container.firstChild).toMatchSnapshot();
8
- });
9
- //# sourceMappingURL=Box.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/Box/__tests__/Box.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAC9C,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAE3B,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,GAAG,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,GAAG,CACpD,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAC,CAAC"}
package/dist/Box/index.js DELETED
@@ -1,2 +0,0 @@
1
- export { Box } from './Box';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"BrandCard.js","sourceRoot":"","sources":["../../src/BrandCard/BrandCard.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { BrandCardProps } from './BrandCard';
3
- declare const _default: {
4
- title: string;
5
- component: React.FC<BrandCardProps>;
6
- };
7
- export default _default;
8
- export declare const Default: any;
9
- export declare const BrandCardWithImageWithTag: any;
10
- export declare const BrandCardAlignImageRight: any;
11
- export declare const BrandCardWithImageBelow: any;
@@ -1,54 +0,0 @@
1
- import React from 'react';
2
- import { BrandCard } from './BrandCard';
3
- import placeHolderSvg from './assets/placeHolderImage.svg';
4
- import { Tag } from '../Tag';
5
- import { Button } from '../Button';
6
- export default {
7
- title: 'BrandCard',
8
- component: BrandCard,
9
- };
10
- const Template = (props) => React.createElement(BrandCard, { ...props });
11
- export const Default = Template.bind({});
12
- Default.args = {
13
- title: 'All about marshmallow miles',
14
- body: 'Puzzled by your driving score? Wondering about rewards? Here’s how it all works!',
15
- alignVisual: 'left',
16
- bgColor: 'macaroon',
17
- visualHeight: '200px',
18
- visual: placeHolderSvg,
19
- };
20
- export const BrandCardWithImageWithTag = Template.bind({});
21
- BrandCardWithImageWithTag.args = {
22
- title: 'All about marshmallow miles',
23
- body: 'Puzzled by your driving score? Wondering about rewards? Here’s how it all works!',
24
- maxWidth: '350px',
25
- bgColor: 'matcha',
26
- visualHeight: '180px',
27
- tag: React.createElement(Tag, { label: "default tag", bgColor: "fairyFloss", color: "liquorice" }),
28
- buttonAction: React.createElement(Button, { fallbackStyle: true }, "Tell me more"),
29
- visual: placeHolderSvg,
30
- };
31
- export const BrandCardAlignImageRight = Template.bind({});
32
- BrandCardAlignImageRight.args = {
33
- title: 'All about marshmallow miles',
34
- body: 'Puzzled by your driving score? Wondering about rewards? Here’s how it all works!',
35
- bgColor: 'matcha',
36
- alignVisual: 'right',
37
- visualHeight: '180px',
38
- buttonAction: React.createElement(Button, { fallbackStyle: true }, "Tell me more"),
39
- visual: placeHolderSvg,
40
- };
41
- export const BrandCardWithImageBelow = Template.bind({});
42
- BrandCardWithImageBelow.args = {
43
- title: 'All about marshmallow miles',
44
- body: 'Puzzled by your driving score? Wondering about rewards? Here’s how it all works!',
45
- maxWidth: '350px',
46
- visualHeight: '180px',
47
- alignVisual: 'left',
48
- visualBottom: true,
49
- bgColor: 'peanut',
50
- tag: React.createElement(Tag, { label: "new", bgColor: "fairyFloss", color: "liquorice" }),
51
- buttonAction: React.createElement(Button, { fallbackStyle: true }, "Tell me more"),
52
- visual: placeHolderSvg,
53
- };
54
- //# sourceMappingURL=BrandCard.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BrandCard.stories.js","sourceRoot":"","sources":["../../src/BrandCard/BrandCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA;AACvD,OAAO,cAAc,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,SAAS;CACrB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AAEpE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,WAAW,EAAE,MAAM;IACnB,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,OAAO;IACrB,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1D,yBAAyB,CAAC,IAAI,GAAG;IAC/B,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,OAAO;IACrB,GAAG,EAAE,oBAAC,GAAG,IAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG;IACvE,YAAY,EAAE,oBAAC,MAAM,IAAC,aAAa,yBAAsB;IACzD,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzD,wBAAwB,CAAC,IAAI,GAAG;IAC9B,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,OAAO;IACpB,YAAY,EAAE,OAAO;IACrB,YAAY,EAAE,oBAAC,MAAM,IAAC,aAAa,yBAAsB;IACzD,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExD,uBAAuB,CAAC,IAAI,GAAG;IAC7B,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,QAAQ,EAAE,OAAO;IACjB,YAAY,EAAE,OAAO;IACrB,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,IAAI;IAClB,OAAO,EAAE,QAAQ;IACjB,GAAG,EAAE,oBAAC,GAAG,IAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG;IAC/D,YAAY,EAAE,oBAAC,MAAM,IAAC,aAAa,yBAAsB;IACzD,MAAM,EAAE,cAAc;CACvB,CAAA"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { render } from '@testing-library/react';
3
- import 'jest-styled-components';
4
- import { BrandCard } from '../BrandCard';
5
- test('renders', () => {
6
- const { container } = render(React.createElement(BrandCard, null, "Text inside"));
7
- expect(container.firstChild).toMatchSnapshot();
8
- });
9
- //# sourceMappingURL=BrandCard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BrandCard.js","sourceRoot":"","sources":["../../../src/BrandCard/__tests__/BrandCard.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,SAAS,sBAAwB,CAAC,CAAA;IAChE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}
@@ -1,2 +0,0 @@
1
- export { BrandCard } from './BrandCard';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BrandCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAyBzD,MAAM,CAAC,MAAM,MAAM,GAAoB,UAAU,CAG/C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,QAAQ,EACR,EAAE,EACF,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,KAAK,EACrB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,EAAE,EACT,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,EAAE,EAChB,IAAI,EACJ,IAAI,EACJ,GAAG,UAAU,EACd,GAAG,KAAK,CAAA;IAET,OAAO,CACL,oBAAC,SAAS,IACR,EAAE,EAAC,QAAQ,EACX,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,WAAW,cACV,OAAO,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,KACpB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1B,IAAI,EAAE,IAAI,KACN,UAAU,EACd,GAAG,EAAE,GAAG;QAEP,OAAO,IAAI,CACV,oBAAC,eAAe;YACd,oBAAC,MAAM,IAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAC,IAAI,GAAG,CAC1B,CACnB;QACD,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,cAAY,OAAO;YAC5C,CAAC,YAAY,IAAI,IAAI,IAAI,CACxB,oBAAC,aAAa,IACZ,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAC3B,KAAK,EAAE,WAAW,GAClB,CACH;YACD,oBAAC,iBAAiB,IAAC,SAAS,EAAC,mBAAmB,IAC7C,QAAQ,CACS;YACnB,YAAY,IAAI,IAAI,IAAI,OAAO,IAAI,CAClC,oBAAC,aAAa,IACZ,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAC3B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAC,eAAe,GACzB,CACH,CACgB,CACT,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAmB7B,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAC3B,CAAC,EACC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,WAAW,EACX,aAAa,EACb,OAAO,EACP,WAAW,GACZ,EAAE,EAAE,CAAC,GAAG,CAAA;;wBAEa,KAAK,CAAC,MAAM,CAAC,eAAe;;aAEvC,KAAK,CAAC,MAAM,CAAC,SAAS;;;;mBAIhB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;cAC7B,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;;;eAG/C,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;aACxB,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;;MAEzC,iBAAiB;;MAEjB,OAAO;IACT,GAAG,CAAA;eACQ,KAAK,CAAC,MAAM,CAAC,SAAS;;;4BAGT,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS;;;4BAGjD,KAAK,CAAC,MAAM,CAAC,QAAQ;;KAE5C;MACC,SAAS;IACX,GAAG,CAAA;0BACmB,KAAK,CAAC,MAAM,CAAC,OAAO;;;4BAGlB,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU;;;4BAGlD,KAAK,CAAC,MAAM,CAAC,OAAO;;KAE3C;IACD,aAAa;IACb,GAAG,CAAA;0BACmB,KAAK,CAAC,MAAM,CAAC,KAAK;;;4BAGhB,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO;;;4BAG/C,KAAK,CAAC,MAAM,CAAC,UAAU;;KAE9C;IACD,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;KAYF;IACD,OAAO;IACP,GAAG,CAAA;;;;;;;4BAOqB,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU;;;;iBAI7D,KAAK,CAAC,MAAM,CAAC,MAAM;;KAE/B;GACF,CACF,CAAA;AAED,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CASjC,CAAA;AAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAElC;;;qBAGoB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC;aACxD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;CACpD,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC,CACzC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;cACb,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY;GACrD,CACF,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAA"}
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- import { ButtonProps } from './Button';
3
- declare const _default: {
4
- title: string;
5
- component: React.FC<ButtonProps>;
6
- argTypes: {
7
- handleClick: {
8
- action: string;
9
- };
10
- };
11
- };
12
- export default _default;
13
- export declare const Playground: any;
14
- export declare const Interactive: any;
15
- export declare const Collection: any;
16
- export declare const ForcedWidth: any;
@@ -1,28 +0,0 @@
1
- import React from 'react';
2
- import { Button } from './Button';
3
- import { InteractivePlayground } from './InteractivePlayground';
4
- import { CollectionPage } from './Collection';
5
- export default {
6
- title: 'Button',
7
- component: Button,
8
- argTypes: { handleClick: { action: 'clicked' } },
9
- };
10
- const Template = (props) => React.createElement(Button, { ...props }, "Get started");
11
- const InteractivePlaygroundTemplate = (props) => (React.createElement(InteractivePlayground, { ...props }));
12
- export const Playground = Template.bind({});
13
- Playground.args = {
14
- primary: true,
15
- secondary: false,
16
- fallbackStyle: false,
17
- disabled: false,
18
- loading: false,
19
- icon: '',
20
- };
21
- export const Interactive = InteractivePlaygroundTemplate.bind({});
22
- export const Collection = CollectionPage.bind({});
23
- export const ForcedWidth = Template.bind({});
24
- ForcedWidth.args = {
25
- primary: true,
26
- forcedWidth: '300px',
27
- };
28
- //# sourceMappingURL=Button.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAe;IACb,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CACjD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,oBAAC,MAAM,OAAK,KAAK,kBAAsB,CAAA;AAEhF,MAAM,6BAA6B,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC5D,oBAAC,qBAAqB,OAAK,KAAK,GAAI,CACrC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,UAAU,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,EAAE;CACT,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,6BAA6B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjE,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE5C,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,OAAO;CACrB,CAAA"}
@@ -1,4 +0,0 @@
1
- import { FC } from 'react';
2
- import { ButtonProps } from './Button';
3
- export declare const buttonList: Array<ButtonProps>;
4
- export declare const CollectionPage: FC;
@@ -1,53 +0,0 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
- import { Text } from '../Text';
4
- import { Box } from '../Box';
5
- import { Button } from './Button';
6
- export const buttonList = [
7
- { primary: true, children: 'Save' },
8
- { secondary: true, children: 'Edit' },
9
- { fallbackStyle: true, children: 'Cancel' },
10
- { textBtn: true, children: 'View' },
11
- { smallButton: true, children: 'Small' },
12
- ];
13
- export const CollectionPage = () => {
14
- return (React.createElement(Wrapper, null,
15
- React.createElement(Section, { label: "Default" },
16
- React.createElement(Row, { label: "Default" }, buttonList.map((props, index) => (React.createElement(Button, { key: index, ...props })))),
17
- React.createElement(Row, { label: "Loading" }, buttonList.map((props, index) => (React.createElement(Button, { key: index, ...props, loading: true })))),
18
- React.createElement(Row, { label: "Disabled" }, buttonList.map((props, index) => (React.createElement(Button, { key: index, ...props, disabled: true }))))),
19
- React.createElement(Section, { label: "With icon" },
20
- React.createElement(Row, { label: "Default" }, buttonList.map((props, index) => (React.createElement(Button, { key: index, ...props, icon: "info" })))),
21
- React.createElement(Row, { label: "Loading" }, buttonList.map((props, index) => (React.createElement(Button, { key: index, ...props, loading: true, icon: "info" })))),
22
- React.createElement(Row, { label: "Disabled" }, buttonList.map((props, index) => (React.createElement(Button, { key: index, ...props, disabled: true, icon: "info" })))))));
23
- };
24
- const Wrapper = styled(Box) `
25
- display: flex;
26
- flex-direction: column;
27
- align-items: flex-start;
28
- gap: 40px;
29
- `;
30
- const Section = ({ label, children, }) => {
31
- return (React.createElement(Box, null,
32
- React.createElement(Box, { mb: "16px" },
33
- React.createElement(Text, { tag: "span", typo: "header-small" }, label)),
34
- React.createElement(Column, null, children)));
35
- };
36
- const Column = styled(Box) `
37
- display: flex;
38
- flex-direction: column;
39
- gap: 16px;
40
- `;
41
- const Row = ({ label, children, }) => {
42
- return (React.createElement(RowWrapper, null,
43
- React.createElement(Box, { width: "80px" },
44
- React.createElement(Text, { tag: "span", typo: "label-large" }, label)),
45
- children));
46
- };
47
- const RowWrapper = styled(Box) `
48
- display: flex;
49
- flex-direction: row;
50
- align-items: center;
51
- gap: 16px;
52
- `;
53
- //# sourceMappingURL=Collection.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Collection.js","sourceRoot":"","sources":["../../src/Button/Collection.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import { FC } from 'react';
2
- export declare const InteractivePlayground: FC;
@@ -1,17 +0,0 @@
1
- import React, { useState } from 'react';
2
- import { Button } from './Button';
3
- function sleep(delay) {
4
- return new Promise(function (resolve) {
5
- setTimeout(resolve, delay);
6
- });
7
- }
8
- export const InteractivePlayground = () => {
9
- const [isLoading, setIsLoading] = useState(false);
10
- const handleClick = async () => {
11
- setIsLoading(true);
12
- await sleep(1000);
13
- setIsLoading(false);
14
- };
15
- return (React.createElement(Button, { primary: true, icon: "info", handleClick: handleClick, loading: isLoading }, "Get started"));
16
- };
17
- //# sourceMappingURL=InteractivePlayground.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"InteractivePlayground.js","sourceRoot":"","sources":["../../src/Button/InteractivePlayground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,SAAS,KAAK,CAAC,KAAa;IAC1B,OAAO,IAAI,OAAO,CAAC,UAAU,OAAO;QAClC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAC5B,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAO,GAAG,EAAE;IAC5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,MAAM,KAAK,CAAC,IAAI,CAAC,CAAA;QACjB,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,QAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,kBAE/D,CACV,CAAA;AACH,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- export {};